From 30e0715c460abd3cc103e11fc76a19d29f466633 Mon Sep 17 00:00:00 2001 From: hupf Date: Mon, 11 Nov 2024 09:17:28 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20puzzle/p?= =?UTF-8?q?uzzle-shell@32790963f220048f3434371401a445b88891f3d3=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- project.json | 2 +- sb-manager/globals-runtime.js | 2 +- sb-manager/runtime.js | 3314 +++++++++++++++++---------------- 3 files changed, 1670 insertions(+), 1648 deletions(-) diff --git a/project.json b/project.json index c64db33..715bd73 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1730716872354,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"packageManager":{"type":"npm","version":"10.8.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"storybookVersion":"8.3.6","storybookVersionSpecifier":"8.3.6","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.3.6"},"@storybook/web-components":{"version":"8.3.6"},"@storybook/web-components-vite":{"version":"8.3.6"},"storybook":{"version":"8.4.1"}},"addons":{"@storybook/addon-links":{"version":"8.3.6"},"@storybook/addon-essentials":{"version":"8.3.6"},"@storybook/addon-storysource":{"version":"8.4.1"},"@storybook/addon-a11y":{"version":"8.3.6"}}} \ No newline at end of file +{"generatedAt":1731316640864,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"packageManager":{"type":"npm","version":"10.8.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"storybookVersion":"8.3.6","storybookVersionSpecifier":"8.3.6","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.3.6"},"@storybook/web-components":{"version":"8.3.6"},"@storybook/web-components-vite":{"version":"8.3.6"},"storybook":{"version":"8.4.2"}},"addons":{"@storybook/addon-links":{"version":"8.3.6"},"@storybook/addon-essentials":{"version":"8.3.6"},"@storybook/addon-storysource":{"version":"8.4.1"},"@storybook/addon-a11y":{"version":"8.3.6"}}} \ No newline at end of file diff --git a/sb-manager/globals-runtime.js b/sb-manager/globals-runtime.js index fb44271..d65e5b6 100644 --- a/sb-manager/globals-runtime.js +++ b/sb-manager/globals-runtime.js @@ -40267,7 +40267,7 @@ We(); var dM = I(Hn(), 1), on = I(cM(), 1); // src/manager-api/version.ts -var pM = "8.4.1"; +var pM = "8.4.2"; // src/manager-api/modules/versions.ts var { VERSIONCHECK: r0e } = H, fM = (0, dM.default)(1)(() => { diff --git a/sb-manager/runtime.js b/sb-manager/runtime.js index 8dcb623..609eac6 100644 --- a/sb-manager/runtime.js +++ b/sb-manager/runtime.js @@ -1,8 +1,8 @@ -var pm = Object.create; +var um = Object.create; var Yn = Object.defineProperty; -var cm = Object.getOwnPropertyDescriptor; -var dm = Object.getOwnPropertyNames; -var fm = Object.getPrototypeOf, mm = Object.prototype.hasOwnProperty; +var pm = Object.getOwnPropertyDescriptor; +var cm = Object.getOwnPropertyNames; +var dm = Object.getPrototypeOf, fm = Object.prototype.hasOwnProperty; var s = (e, t) => Yn(e, "name", { value: t, configurable: !0 }), $o = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (t, o) => (typeof require < "u" ? require : t)[o] @@ -11,13 +11,13 @@ var s = (e, t) => Yn(e, "name", { value: t, configurable: !0 }), $o = /* @__PURE throw Error('Dynamic require of "' + e + '" is not supported'); }); var _e = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports); -var hm = (e, t, o, i) => { +var mm = (e, t, o, i) => { if (t && typeof t == "object" || typeof t == "function") - for (let n of dm(t)) - !mm.call(e, n) && n !== o && Yn(e, n, { get: () => t[n], enumerable: !(i = cm(t, n)) || i.enumerable }); + for (let n of cm(t)) + !fm.call(e, n) && n !== o && Yn(e, n, { get: () => t[n], enumerable: !(i = pm(t, n)) || i.enumerable }); return e; }; -var Ve = (e, t, o) => (o = e != null ? pm(fm(e)) : {}, hm( +var Ve = (e, t, o) => (o = e != null ? um(dm(e)) : {}, mm( // 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 @@ -27,16 +27,16 @@ var Ve = (e, t, o) => (o = e != null ? pm(fm(e)) : {}, hm( )); // ../node_modules/prop-types/lib/ReactPropTypesSecret.js -var Ua = _e((JS, Ka) => { +var Ua = _e((ZS, Ka) => { "use strict"; - var gm = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; - Ka.exports = gm; + var hm = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; + Ka.exports = hm; }); // ../node_modules/prop-types/factoryWithThrowingShims.js -var Xa = _e((ew, Ya) => { +var Xa = _e((JS, Ya) => { "use strict"; - var ym = Ua(); + var gm = Ua(); function qa() { } s(qa, "emptyFunction"); @@ -46,7 +46,7 @@ var Xa = _e((ew, Ya) => { Ga.resetWarningCache = qa; Ya.exports = function() { function e(i, n, r, l, u, p) { - if (p !== ym) { + if (p !== gm) { var c = new Error( "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. \ Read more at http://fb.me/use-check-prop-types" @@ -87,14 +87,14 @@ Read more at http://fb.me/use-check-prop-types" }); // ../node_modules/prop-types/index.js -var ti = _e((nw, Qa) => { +var ti = _e((rw, Qa) => { Qa.exports = Xa()(); - var ow, rw; + var tw, ow; }); // ../node_modules/react-fast-compare/index.js -var oi = _e((iw, Za) => { - var vm = typeof Element < "u", bm = typeof Map == "function", xm = typeof Set == "function", Im = typeof ArrayBuffer == "function" && !!ArrayBuffer. +var oi = _e((nw, Za) => { + var ym = typeof Element < "u", vm = typeof Map == "function", bm = typeof Set == "function", xm = typeof ArrayBuffer == "function" && !!ArrayBuffer. isView; function wr(e, t) { if (e === t) return !0; @@ -108,7 +108,7 @@ var oi = _e((iw, Za) => { return !0; } var r; - if (bm && e instanceof Map && t instanceof Map) { + if (vm && e instanceof Map && t instanceof Map) { if (e.size !== t.size) return !1; for (r = e.entries(); !(i = r.next()).done; ) if (!t.has(i.value[0])) return !1; @@ -116,13 +116,13 @@ var oi = _e((iw, Za) => { if (!wr(i.value[1], t.get(i.value[0]))) return !1; return !0; } - if (xm && e instanceof Set && t instanceof Set) { + if (bm && e instanceof Set && t instanceof Set) { if (e.size !== t.size) return !1; for (r = e.entries(); !(i = r.next()).done; ) if (!t.has(i.value[0])) return !1; return !0; } - if (Im && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) { + if (xm && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) { if (o = e.length, o != t.length) return !1; for (i = o; i-- !== 0; ) if (e[i] !== t[i]) return !1; @@ -136,7 +136,7 @@ var oi = _e((iw, Za) => { if (n = Object.keys(e), o = n.length, o !== Object.keys(t).length) return !1; for (i = o; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(t, n[i])) return !1; - if (vm && e instanceof Element) return !1; + if (ym && e instanceof Element) return !1; for (i = o; i-- !== 0; ) if (!((n[i] === "_owner" || n[i] === "__v" || n[i] === "__o") && e.$$typeof) && !wr(e[n[i]], t[n[i]])) return !1; @@ -157,9 +157,9 @@ var oi = _e((iw, Za) => { }); // ../node_modules/invariant/browser.js -var el = _e((aw, Ja) => { +var el = _e((sw, Ja) => { "use strict"; - var Sm = /* @__PURE__ */ s(function(e, t, o, i, n, r, l, u) { + var Im = /* @__PURE__ */ s(function(e, t, o, i, n, r, l, u) { if (!e) { var p; if (t === void 0) @@ -177,11 +177,11 @@ var el = _e((aw, Ja) => { throw p.framesToPop = 1, p; } }, "invariant"); - Ja.exports = Sm; + Ja.exports = Im; }); // ../node_modules/shallowequal/index.js -var ol = _e((uw, tl) => { +var ol = _e((lw, tl) => { tl.exports = /* @__PURE__ */ s(function(t, o, i, n) { var r = i ? i.call(n, t, o) : void 0; if (r !== void 0) @@ -229,9 +229,9 @@ var Zo = _e((wu, Ti) => { throw y.code = "MODULE_NOT_FOUND", y; } var h = r[d] = { exports: {} }; - n[d][0].call(h.exports, function(g) { - var I = n[d][1][g]; - return u(I || g); + n[d][0].call(h.exports, function(v) { + var I = n[d][1][v]; + return u(I || v); }, h, h.exports, i, n, r, l); } return r[d].exports; @@ -288,40 +288,40 @@ var Zo = _e((wu, Ti) => { var m = new l(!1), f = []; return function(y) { var h = /* @__PURE__ */ s(function() { - var g = m, I, C, b = arguments.length - 1, x = Array(b + 1), v = !0, S; + var v = m, I, C, b = arguments.length - 1, x = Array(b + 1), g = !0, w; if ((h.numArgs || h.numArgs === 0) && h.numArgs !== b + 1) throw new Error("Memoizerific functions should always be called with the same number of arguments"); - for (S = 0; S < b; S++) { - if (x[S] = { - cacheItem: g, - arg: arguments[S] - }, g.has(arguments[S])) { - g = g.get(arguments[S]); + for (w = 0; w < b; w++) { + if (x[w] = { + cacheItem: v, + arg: arguments[w] + }, v.has(arguments[w])) { + v = v.get(arguments[w]); continue; } - v = !1, I = new l(!1), g.set(arguments[S], I), g = I; + g = !1, I = new l(!1), v.set(arguments[w], I), v = I; } - return v && (g.has(arguments[b]) ? C = g.get(arguments[b]) : v = !1), v || (C = y.apply(null, arguments), g.set(arguments[b], C)), + return g && (v.has(arguments[b]) ? C = v.get(arguments[b]) : g = !1), g || (C = y.apply(null, arguments), v.set(arguments[b], C)), d > 0 && (x[b] = { - cacheItem: g, + cacheItem: v, arg: arguments[b] - }, v ? u(f, x) : f.push(x), f.length > d && p(f.shift())), h.wasMemoized = v, h.numArgs = b + 1, C; + }, g ? u(f, x) : f.push(x), f.length > d && p(f.shift())), h.wasMemoized = g, h.numArgs = b + 1, C; }, "memoizerific"); return h.limit = d, h.wasMemoized = !1, h.cache = m, h.lru = f, h; }; }; function u(d, m) { - var f = d.length, y = m.length, h, g, I; - for (g = 0; g < f; g++) { + var f = d.length, y = m.length, h, v, I; + for (v = 0; v < f; v++) { for (h = !0, I = 0; I < y; I++) - if (!c(d[g][I].arg, m[I].arg)) { + if (!c(d[v][I].arg, m[I].arg)) { h = !1; break; } if (h) break; } - d.push(d.splice(g, 1)[0]); + d.push(d.splice(v, 1)[0]); } s(u, "moveToMostRecentLru"); function p(d) { @@ -342,8 +342,8 @@ var Zo = _e((wu, Ti) => { var Ai = _e((Pi) => { "use strict"; Object.defineProperty(Pi, "__esModule", { value: !0 }); - Pi.encodeString = Rh; - var bt = Array.from({ length: 256 }, (e, t) => "%" + ((t < 16 ? "0" : "") + t.toString(16)).toUpperCase()), Hh = new Int8Array([ + Pi.encodeString = Hh; + var bt = Array.from({ length: 256 }, (e, t) => "%" + ((t < 16 ? "0" : "") + t.toString(16)).toUpperCase()), Bh = new Int8Array([ 0, 0, 0, @@ -473,7 +473,7 @@ var Ai = _e((Pi) => { 1, 0 ]); - function Rh(e) { + function Hh(e) { let t = e.length; if (t === 0) return ""; @@ -481,7 +481,7 @@ var Ai = _e((Pi) => { e: for (; n < t; n++) { let r = e.charCodeAt(n); for (; r < 128; ) { - if (Hh[r] !== 1 && (i < n && (o += e.slice(i, n)), i = n + 1, o += bt[r]), ++n === t) + if (Bh[r] !== 1 && (i < n && (o += e.slice(i, n)), i = n + 1, o += bt[r]), ++n === t) break e; r = e.charCodeAt(n); } @@ -500,7 +500,7 @@ var Ai = _e((Pi) => { } return i === 0 ? e : i < t ? o + e.slice(i) : o; } - s(Rh, "encodeString"); + s(Hh, "encodeString"); }); // ../node_modules/picoquery/lib/shared.js @@ -508,7 +508,7 @@ var Xr = _e((xt) => { "use strict"; Object.defineProperty(xt, "__esModule", { value: !0 }); xt.defaultOptions = xt.defaultShouldSerializeObject = xt.defaultValueSerializer = void 0; - var Di = Ai(), zh = /* @__PURE__ */ s((e) => { + var Di = Ai(), Rh = /* @__PURE__ */ s((e) => { switch (typeof e) { case "string": return (0, Di.encodeString)(e); @@ -522,9 +522,9 @@ var Xr = _e((xt) => { } return e instanceof Date ? (0, Di.encodeString)(e.toISOString()) : ""; }, "defaultValueSerializer"); - xt.defaultValueSerializer = zh; - var Wh = /* @__PURE__ */ s((e) => e instanceof Date, "defaultShouldSerializeObject"); - xt.defaultShouldSerializeObject = Wh; + xt.defaultValueSerializer = Rh; + var zh = /* @__PURE__ */ s((e) => e instanceof Date, "defaultShouldSerializeObject"); + xt.defaultShouldSerializeObject = zh; var _u = /* @__PURE__ */ s((e) => e, "identityFunc"); xt.defaultOptions = { nesting: !0, @@ -543,45 +543,45 @@ var Xr = _e((xt) => { var Mi = _e((Qr) => { "use strict"; Object.defineProperty(Qr, "__esModule", { value: !0 }); - Qr.getDeepObject = $h; + Qr.getDeepObject = Vh; Qr.stringifyObject = ku; - var eo = Xr(), jh = Ai(); - function Vh(e) { + var eo = Xr(), Wh = Ai(); + function jh(e) { return e === "__proto__" || e === "constructor" || e === "prototype"; } - s(Vh, "isPrototypeKey"); - function $h(e, t, o, i, n) { - if (Vh(t)) + s(jh, "isPrototypeKey"); + function Vh(e, t, o, i, n) { + if (jh(t)) return e; let r = e[t]; return typeof r == "object" && r !== null ? r : !i && (n || typeof o == "number" || typeof o == "string" && o * 0 === 0 && o.indexOf(".") === -1) ? e[t] = [] : e[t] = {}; } - s($h, "getDeepObject"); - var Kh = 20, Uh = "[]", qh = "[", Gh = "]", Yh = "."; + s(Vh, "getDeepObject"); + var $h = 20, Kh = "[]", Uh = "[", qh = "]", Gh = "."; function ku(e, t, o = 0, i, n) { let { nestingSyntax: r = eo.defaultOptions.nestingSyntax, arrayRepeat: l = eo.defaultOptions.arrayRepeat, arrayRepeatSyntax: u = eo.defaultOptions. arrayRepeatSyntax, nesting: p = eo.defaultOptions.nesting, delimiter: c = eo.defaultOptions.delimiter, valueSerializer: d = eo.defaultOptions. valueSerializer, shouldSerializeObject: m = eo.defaultOptions.shouldSerializeObject } = t, f = typeof c == "number" ? String.fromCharCode( c) : c, y = n === !0 && l, h = r === "dot" || r === "js" && !n; - if (o > Kh) + if (o > $h) return ""; - let g = "", I = !0, C = !1; + let v = "", I = !0, C = !1; for (let b in e) { - let x = e[b], v; - i ? (v = i, y ? u === "bracket" && (v += Uh) : h ? (v += Yh, v += b) : (v += qh, v += b, v += Gh)) : v = b, I || (g += f), typeof x == - "object" && x !== null && !m(x) ? (C = x.pop !== void 0, (p || l && C) && (g += ku(x, t, o + 1, v, C))) : (g += (0, jh.encodeString)(v), - g += "=", g += d(x, b)), I && (I = !1); + let x = e[b], g; + i ? (g = i, y ? u === "bracket" && (g += Kh) : h ? (g += Gh, g += b) : (g += Uh, g += b, g += qh)) : g = b, I || (v += f), typeof x == + "object" && x !== null && !m(x) ? (C = x.pop !== void 0, (p || l && C) && (v += ku(x, t, o + 1, g, C))) : (v += (0, Wh.encodeString)(g), + v += "=", v += d(x, b)), I && (I = !1); } - return g; + return v; } s(ku, "stringifyObject"); }); // ../node_modules/fast-decode-uri-component/index.js -var Du = _e((QO, Au) => { +var Du = _e((XO, Au) => { "use strict"; - var Ou = 12, Xh = 0, Li = [ + var Ou = 12, Yh = 0, Li = [ // The first part of the table maps bytes to character to a transition. 0, 0, @@ -964,7 +964,7 @@ var Du = _e((QO, Au) => { 7, 7 ]; - function Qh(e) { + function Xh(e) { var t = e.indexOf("%"); if (t === -1) return e; for (var o = e.length, i = "", n = 0, r = 0, l = t, u = Ou; t > -1 && t < o; ) { @@ -975,7 +975,7 @@ var Du = _e((QO, Au) => { 56320 + (r & 1023) ), r = 0, n = t + 3, t = l = e.indexOf("%", n); else { - if (u === Xh) + if (u === Yh) return null; if (t += 3, t < o && e.charCodeAt(t) === 37) continue; return null; @@ -983,8 +983,8 @@ var Du = _e((QO, Au) => { } return i + e.slice(n); } - s(Qh, "decodeURIComponent"); - var Zh = { + s(Xh, "decodeURIComponent"); + var Qh = { 0: 0, 1: 1, 2: 2, @@ -1009,32 +1009,32 @@ var Du = _e((QO, Au) => { F: 15 }; function Pu(e, t) { - var o = Zh[e]; + var o = Qh[e]; return o === void 0 ? 255 : o << t; } s(Pu, "hexCodeToInt"); - Au.exports = Qh; + Au.exports = Xh; }); // ../node_modules/picoquery/lib/parse.js var Fu = _e((kt) => { "use strict"; - var Jh = kt && kt.__importDefault || function(e) { + var Zh = kt && kt.__importDefault || function(e) { return e && e.__esModule ? e : { default: e }; }; Object.defineProperty(kt, "__esModule", { value: !0 }); kt.numberValueDeserializer = kt.numberKeyDeserializer = void 0; - kt.parse = og; - var Zr = Mi(), to = Xr(), Mu = Jh(Du()), eg = /* @__PURE__ */ s((e) => { + kt.parse = tg; + var Zr = Mi(), to = Xr(), Mu = Zh(Du()), Jh = /* @__PURE__ */ s((e) => { let t = Number(e); return Number.isNaN(t) ? e : t; }, "numberKeyDeserializer"); - kt.numberKeyDeserializer = eg; - var tg = /* @__PURE__ */ s((e) => { + kt.numberKeyDeserializer = Jh; + var eg = /* @__PURE__ */ s((e) => { let t = Number(e); return Number.isNaN(t) ? e : t; }, "numberValueDeserializer"); - kt.numberValueDeserializer = tg; + kt.numberValueDeserializer = eg; var Lu = /\+/g, Nu = /* @__PURE__ */ s(function() { }, "Empty"); Nu.prototype = /* @__PURE__ */ Object.create(null); @@ -1043,60 +1043,60 @@ var Fu = _e((kt) => { return i && (r = r.replace(Lu, " ")), n && (r = (0, Mu.default)(r) || r), r; } s(Jr, "computeKeySlice"); - function og(e, t) { + function tg(e, t) { let { valueDeserializer: o = to.defaultOptions.valueDeserializer, keyDeserializer: i = to.defaultOptions.keyDeserializer, arrayRepeatSyntax: n = to. defaultOptions.arrayRepeatSyntax, nesting: r = to.defaultOptions.nesting, arrayRepeat: l = to.defaultOptions.arrayRepeat, nestingSyntax: u = to. defaultOptions.nestingSyntax, delimiter: p = to.defaultOptions.delimiter } = t ?? {}, c = typeof p == "string" ? p.charCodeAt(0) : p, d = u === "js", m = new Nu(); if (typeof e != "string") return m; - let f = e.length, y = "", h = -1, g = -1, I = -1, C = m, b, x = "", v = "", S = !1, T = !1, _ = !1, k = !1, E = !1, O = !1, P = !1, A = 0, - M = -1, L = -1, B = -1; + let f = e.length, y = "", h = -1, v = -1, I = -1, C = m, b, x = "", g = "", w = !1, T = !1, _ = !1, k = !1, E = !1, O = !1, P = !1, A = 0, + D = -1, L = -1, B = -1; for (let N = 0; N < f + 1; N++) { if (A = N !== f ? e.charCodeAt(N) : c, A === c) { - if (P = g > h, P || (g = N), I !== g - 1 && (v = Jr(e, I + 1, M > -1 ? M : g, _, S), x = i(v), b !== void 0 && (C = (0, Zr.getDeepObject)( + if (P = v > h, P || (v = N), I !== v - 1 && (g = Jr(e, I + 1, D > -1 ? D : v, _, w), x = i(g), b !== void 0 && (C = (0, Zr.getDeepObject)( C, b, x, d && E, d && O))), P || x !== "") { - P && (y = e.slice(g + 1, N), k && (y = y.replace(Lu, " ")), T && (y = (0, Mu.default)(y) || y)); + P && (y = e.slice(v + 1, N), k && (y = y.replace(Lu, " ")), T && (y = (0, Mu.default)(y) || y)); let V = o(y, x); if (l) { let R = C[x]; - R === void 0 ? M > -1 ? C[x] = [V] : C[x] = V : R.pop ? R.push(V) : C[x] = [R, V]; + R === void 0 ? D > -1 ? C[x] = [V] : C[x] = V : R.pop ? R.push(V) : C[x] = [R, V]; } else C[x] = V; } - y = "", h = N, g = N, S = !1, T = !1, _ = !1, k = !1, E = !1, O = !1, M = -1, I = N, C = m, b = void 0, x = ""; - } else A === 93 ? (l && n === "bracket" && B === 91 && (M = L), r && (u === "index" || d) && g <= h && (I !== L && (v = Jr(e, I + 1, N, - _, S), x = i(v), b !== void 0 && (C = (0, Zr.getDeepObject)(C, b, x, void 0, d)), b = x, _ = !1, S = !1), I = N, O = !0, E = !1)) : A === - 46 ? r && (u === "dot" || d) && g <= h && (I !== L && (v = Jr(e, I + 1, N, _, S), x = i(v), b !== void 0 && (C = (0, Zr.getDeepObject)( - C, b, x, d)), b = x, _ = !1, S = !1), E = !0, O = !1, I = N) : A === 91 ? r && (u === "index" || d) && g <= h && (I !== L && (v = Jr(e, - I + 1, N, _, S), x = i(v), d && b !== void 0 && (C = (0, Zr.getDeepObject)(C, b, x, d)), b = x, _ = !1, S = !1, E = !1, O = !0), I = N) : - A === 61 ? g <= h ? g = N : T = !0 : A === 43 ? g > h ? k = !0 : _ = !0 : A === 37 && (g > h ? T = !0 : S = !0); + y = "", h = N, v = N, w = !1, T = !1, _ = !1, k = !1, E = !1, O = !1, D = -1, I = N, C = m, b = void 0, x = ""; + } else A === 93 ? (l && n === "bracket" && B === 91 && (D = L), r && (u === "index" || d) && v <= h && (I !== L && (g = Jr(e, I + 1, N, + _, w), x = i(g), b !== void 0 && (C = (0, Zr.getDeepObject)(C, b, x, void 0, d)), b = x, _ = !1, w = !1), I = N, O = !0, E = !1)) : A === + 46 ? r && (u === "dot" || d) && v <= h && (I !== L && (g = Jr(e, I + 1, N, _, w), x = i(g), b !== void 0 && (C = (0, Zr.getDeepObject)( + C, b, x, d)), b = x, _ = !1, w = !1), E = !0, O = !1, I = N) : A === 91 ? r && (u === "index" || d) && v <= h && (I !== L && (g = Jr(e, + I + 1, N, _, w), x = i(g), d && b !== void 0 && (C = (0, Zr.getDeepObject)(C, b, x, d)), b = x, _ = !1, w = !1, E = !1, O = !0), I = N) : + A === 61 ? v <= h ? v = N : T = !0 : A === 43 ? v > h ? k = !0 : _ = !0 : A === 37 && (v > h ? T = !0 : w = !0); L = N, B = A; } return m; } - s(og, "parse"); + s(tg, "parse"); }); // ../node_modules/picoquery/lib/stringify.js var Bu = _e((Ni) => { "use strict"; Object.defineProperty(Ni, "__esModule", { value: !0 }); - Ni.stringify = ng; - var rg = Mi(); - function ng(e, t) { + Ni.stringify = rg; + var og = Mi(); + function rg(e, t) { if (e === null || typeof e != "object") return ""; let o = t ?? {}; - return (0, rg.stringifyObject)(e, o); + return (0, og.stringifyObject)(e, o); } - s(ng, "stringify"); + s(rg, "stringify"); }); // ../node_modules/picoquery/lib/main.js var Hu = _e((dt) => { "use strict"; - var ig = dt && dt.__createBinding || (Object.create ? function(e, t, o, i) { + var ng = dt && dt.__createBinding || (Object.create ? function(e, t, o, i) { i === void 0 && (i = o); var n = Object.getOwnPropertyDescriptor(t, o); (!n || ("get" in n ? !t.__esModule : n.writable || n.configurable)) && (n = { enumerable: !0, get: /* @__PURE__ */ s(function() { @@ -1104,24 +1104,24 @@ var Hu = _e((dt) => { }, "get") }), Object.defineProperty(e, i, n); } : function(e, t, o, i) { i === void 0 && (i = o), e[i] = t[o]; - }), sg = dt && dt.__exportStar || function(e, t) { - for (var o in e) o !== "default" && !Object.prototype.hasOwnProperty.call(t, o) && ig(t, e, o); + }), ig = dt && dt.__exportStar || function(e, t) { + for (var o in e) o !== "default" && !Object.prototype.hasOwnProperty.call(t, o) && ng(t, e, o); }; Object.defineProperty(dt, "__esModule", { value: !0 }); dt.stringify = dt.parse = void 0; - var ag = Fu(); + var sg = Fu(); Object.defineProperty(dt, "parse", { enumerable: !0, get: /* @__PURE__ */ s(function() { - return ag.parse; + return sg.parse; }, "get") }); - var lg = Bu(); + var ag = Bu(); Object.defineProperty(dt, "stringify", { enumerable: !0, get: /* @__PURE__ */ s(function() { - return lg.stringify; + return ag.stringify; }, "get") }); - sg(Xr(), dt); + ig(Xr(), dt); }); // ../node_modules/toggle-selection/index.js -var $u = _e((IP, Vu) => { +var $u = _e((xP, Vu) => { Vu.exports = function() { var e = document.getSelection(); if (!e.rangeCount) @@ -1148,23 +1148,23 @@ var $u = _e((IP, Vu) => { }); // ../node_modules/copy-to-clipboard/index.js -var qu = _e((SP, Uu) => { +var qu = _e((IP, Uu) => { "use strict"; - var mg = $u(), Ku = { + var fg = $u(), Ku = { "text/plain": "Text", "text/html": "Url", default: "Text" - }, hg = "Copy to clipboard: #{key}, Enter"; - function gg(e) { + }, mg = "Copy to clipboard: #{key}, Enter"; + function hg(e) { var t = (/mac os x/i.test(navigator.userAgent) ? "\u2318" : "Ctrl") + "+C"; return e.replace(/#{\s*key\s*}/g, t); } - s(gg, "format"); - function yg(e, t) { + s(hg, "format"); + function gg(e, t) { var o, i, n, r, l, u, p = !1; t || (t = {}), o = t.debug || !1; try { - n = mg(), r = document.createRange(), l = document.getSelection(), u = document.createElement("span"), u.textContent = e, u.ariaHidden = + n = fg(), r = document.createRange(), l = document.getSelection(), u = document.createElement("span"), u.textContent = e, u.ariaHidden = "true", u.style.all = "unset", u.style.position = "fixed", u.style.top = 0, u.style.clip = "rect(0, 0, 0, 0)", u.style.whiteSpace = "p\ re", u.style.webkitUserSelect = "text", u.style.MozUserSelect = "text", u.style.msUserSelect = "text", u.style.userSelect = "text", u.addEventListener( "copy", function(d) { @@ -1186,25 +1186,25 @@ re", u.style.webkitUserSelect = "text", u.style.MozUserSelect = "text", u.style. try { window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), p = !0; } catch (m) { - o && console.error("unable to copy using clipboardData: ", m), o && console.error("falling back to prompt"), i = gg("message" in t ? - t.message : hg), window.prompt(i, e); + o && console.error("unable to copy using clipboardData: ", m), o && console.error("falling back to prompt"), i = hg("message" in t ? + t.message : mg), window.prompt(i, e); } } finally { l && (typeof l.removeRange == "function" ? l.removeRange(r) : l.removeAllRanges()), u && document.body.removeChild(u), n(); } return p; } - s(yg, "copy"); - Uu.exports = yg; + s(gg, "copy"); + Uu.exports = gg; }); // ../node_modules/downshift/node_modules/react-is/cjs/react-is.production.min.js var Kc = _e((de) => { "use strict"; var qi = Symbol.for("react.element"), Gi = Symbol.for("react.portal"), fn = Symbol.for("react.fragment"), mn = Symbol.for("react.strict_mo\ -de"), hn = Symbol.for("react.profiler"), gn = Symbol.for("react.provider"), yn = Symbol.for("react.context"), uv = Symbol.for("react.server_\ +de"), hn = Symbol.for("react.profiler"), gn = Symbol.for("react.provider"), yn = Symbol.for("react.context"), lv = Symbol.for("react.server_\ context"), vn = Symbol.for("react.forward_ref"), bn = Symbol.for("react.suspense"), xn = Symbol.for("react.suspense_list"), In = Symbol.for( - "react.memo"), Sn = Symbol.for("react.lazy"), pv = Symbol.for("react.offscreen"), $c; + "react.memo"), Sn = Symbol.for("react.lazy"), uv = Symbol.for("react.offscreen"), $c; $c = Symbol.for("react.module.reference"); function ot(e) { if (typeof e == "object" && e !== null) { @@ -1220,7 +1220,7 @@ context"), vn = Symbol.for("react.forward_ref"), bn = Symbol.for("react.suspense return e; default: switch (e = e && e.$$typeof, e) { - case uv: + case lv: case yn: case vn: case Sn: @@ -1292,7 +1292,7 @@ context"), vn = Symbol.for("react.forward_ref"), bn = Symbol.for("react.suspense return ot(e) === xn; }; de.isValidElementType = function(e) { - return typeof e == "string" || typeof e == "function" || e === fn || e === hn || e === mn || e === bn || e === xn || e === pv || typeof e == + return typeof e == "string" || typeof e == "function" || e === fn || e === hn || e === mn || e === bn || e === xn || e === uv || typeof e == "object" && e !== null && (e.$$typeof === Sn || e.$$typeof === In || e.$$typeof === gn || e.$$typeof === yn || e.$$typeof === vn || e.$$typeof === $c || e.getModuleId !== void 0); }; @@ -1300,7 +1300,7 @@ context"), vn = Symbol.for("react.forward_ref"), bn = Symbol.for("react.suspense }); // ../node_modules/downshift/node_modules/react-is/index.js -var qc = _e(($N, Uc) => { +var qc = _e((VN, Uc) => { "use strict"; Uc.exports = Kc(); }); @@ -1358,18 +1358,18 @@ var tf = _e((ar, Rs) => { } s(n, "o"); var r = o(1), l = o(7), u = l.get, p = (l.deepValue, l.isArray), c = function() { - function d(h, g) { - var I = g.location, C = I === void 0 ? 0 : I, b = g.distance, x = b === void 0 ? 100 : b, v = g.threshold, S = v === void 0 ? 0.6 : - v, T = g.maxPatternLength, _ = T === void 0 ? 32 : T, k = g.caseSensitive, E = k !== void 0 && k, O = g.tokenSeparator, P = O === void 0 ? - / +/g : O, A = g.findAllMatches, M = A !== void 0 && A, L = g.minMatchCharLength, B = L === void 0 ? 1 : L, N = g.id, V = N === void 0 ? - null : N, R = g.keys, K = R === void 0 ? [] : R, W = g.shouldSort, ee = W === void 0 || W, H = g.getFn, j = H === void 0 ? u : H, F = g. + function d(h, v) { + var I = v.location, C = I === void 0 ? 0 : I, b = v.distance, x = b === void 0 ? 100 : b, g = v.threshold, w = g === void 0 ? 0.6 : + g, T = v.maxPatternLength, _ = T === void 0 ? 32 : T, k = v.caseSensitive, E = k !== void 0 && k, O = v.tokenSeparator, P = O === void 0 ? + / +/g : O, A = v.findAllMatches, D = A !== void 0 && A, L = v.minMatchCharLength, B = L === void 0 ? 1 : L, N = v.id, V = N === void 0 ? + null : N, R = v.keys, K = R === void 0 ? [] : R, W = v.shouldSort, ee = W === void 0 || W, H = v.getFn, j = H === void 0 ? u : H, F = v. sortFn, $ = F === void 0 ? function(ue, be) { return ue.score - be.score; - } : F, X = g.tokenize, oe = X !== void 0 && X, J = g.matchAllTokens, ae = J !== void 0 && J, ie = g.includeMatches, se = ie !== void 0 && - ie, le = g.includeScore, ve = le !== void 0 && le, he = g.verbose, Pe = he !== void 0 && he; + } : F, X = v.tokenize, oe = X !== void 0 && X, J = v.matchAllTokens, ae = J !== void 0 && J, ie = v.includeMatches, se = ie !== void 0 && + ie, le = v.includeScore, ve = le !== void 0 && le, he = v.verbose, Pe = he !== void 0 && he; (function(ue, be) { if (!(ue instanceof be)) throw new TypeError("Cannot call a class as a function"); - })(this, d), this.options = { location: C, distance: x, threshold: S, maxPatternLength: _, isCaseSensitive: E, tokenSeparator: P, findAllMatches: M, + })(this, d), this.options = { location: C, distance: x, threshold: w, maxPatternLength: _, isCaseSensitive: E, tokenSeparator: P, findAllMatches: D, minMatchCharLength: B, id: V, keys: K, includeMatches: se, includeScore: ve, shouldSort: ee, getFn: j, sortFn: $, verbose: Pe, tokenize: oe, matchAllTokens: ae }, this.setCollection(h), this._processKeys(K); } @@ -1378,50 +1378,50 @@ var tf = _e((ar, Rs) => { return m = d, (f = [{ key: "setCollection", value: /* @__PURE__ */ s(function(h) { return this.list = h, h; }, "value") }, { key: "_processKeys", value: /* @__PURE__ */ s(function(h) { - if (this._keyWeights = {}, this._keyNames = [], h.length && typeof h[0] == "string") for (var g = 0, I = h.length; g < I; g += 1) { - var C = h[g]; + if (this._keyWeights = {}, this._keyNames = [], h.length && typeof h[0] == "string") for (var v = 0, I = h.length; v < I; v += 1) { + var C = h[v]; this._keyWeights[C] = 1, this._keyNames.push(C); } else { - for (var b = null, x = null, v = 0, S = 0, T = h.length; S < T; S += 1) { - var _ = h[S]; + for (var b = null, x = null, g = 0, w = 0, T = h.length; w < T; w += 1) { + var _ = h[w]; if (!_.hasOwnProperty("name")) throw new Error('Missing "name" property in key object'); var k = _.name; if (this._keyNames.push(k), !_.hasOwnProperty("weight")) throw new Error('Missing "weight" property in key object'); var E = _.weight; if (E < 0 || E > 1) throw new Error('"weight" property in key must bein the range of [0, 1)'); - x = x == null ? E : Math.max(x, E), b = b == null ? E : Math.min(b, E), this._keyWeights[k] = E, v += E; + x = x == null ? E : Math.max(x, E), b = b == null ? E : Math.min(b, E), this._keyWeights[k] = E, g += E; } - if (v > 1) throw new Error("Total of weights cannot exceed 1"); + if (g > 1) throw new Error("Total of weights cannot exceed 1"); } }, "value") }, { key: "search", value: /* @__PURE__ */ s(function(h) { - var g = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { limit: !1 }; + var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { limit: !1 }; this._log(`--------- Search pattern: "`.concat(h, '"')); var I = this._prepareSearchers(h), C = I.tokenSearchers, b = I.fullSearcher, x = this._search(C, b); - return this._computeScore(x), this.options.shouldSort && this._sort(x), g.limit && typeof g.limit == "number" && (x = x.slice(0, g. + return this._computeScore(x), this.options.shouldSort && this._sort(x), v.limit && typeof v.limit == "number" && (x = x.slice(0, v. limit)), this._format(x); }, "value") }, { key: "_prepareSearchers", value: /* @__PURE__ */ s(function() { - var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", g = []; - if (this.options.tokenize) for (var I = h.split(this.options.tokenSeparator), C = 0, b = I.length; C < b; C += 1) g.push(new r(I[C], + var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", v = []; + if (this.options.tokenize) for (var I = h.split(this.options.tokenSeparator), C = 0, b = I.length; C < b; C += 1) v.push(new r(I[C], this.options)); - return { tokenSearchers: g, fullSearcher: new r(h, this.options) }; + return { tokenSearchers: v, fullSearcher: new r(h, this.options) }; }, "value") }, { key: "_search", value: /* @__PURE__ */ s(function() { - var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], g = arguments.length > 1 ? arguments[1] : void 0, I = this. + var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], v = arguments.length > 1 ? arguments[1] : void 0, I = this. list, C = {}, b = []; if (typeof I[0] == "string") { - for (var x = 0, v = I.length; x < v; x += 1) this._analyze({ key: "", value: I[x], record: x, index: x }, { resultMap: C, results: b, - tokenSearchers: h, fullSearcher: g }); + for (var x = 0, g = I.length; x < g; x += 1) this._analyze({ key: "", value: I[x], record: x, index: x }, { resultMap: C, results: b, + tokenSearchers: h, fullSearcher: v }); return b; } - for (var S = 0, T = I.length; S < T; S += 1) for (var _ = I[S], k = 0, E = this._keyNames.length; k < E; k += 1) { + for (var w = 0, T = I.length; w < T; w += 1) for (var _ = I[w], k = 0, E = this._keyNames.length; k < E; k += 1) { var O = this._keyNames[k]; - this._analyze({ key: O, value: this.options.getFn(_, O), record: _, index: S }, { resultMap: C, results: b, tokenSearchers: h, fullSearcher: g }); + this._analyze({ key: O, value: this.options.getFn(_, O), record: _, index: w }, { resultMap: C, results: b, tokenSearchers: h, fullSearcher: v }); } return b; - }, "value") }, { key: "_analyze", value: /* @__PURE__ */ s(function(h, g) { - var I = this, C = h.key, b = h.arrayIndex, x = b === void 0 ? -1 : b, v = h.value, S = h.record, T = h.index, _ = g.tokenSearchers, - k = _ === void 0 ? [] : _, E = g.fullSearcher, O = g.resultMap, P = O === void 0 ? {} : O, A = g.results, M = A === void 0 ? [] : A; + }, "value") }, { key: "_analyze", value: /* @__PURE__ */ s(function(h, v) { + var I = this, C = h.key, b = h.arrayIndex, x = b === void 0 ? -1 : b, g = h.value, w = h.record, T = h.index, _ = v.tokenSearchers, + k = _ === void 0 ? [] : _, E = v.fullSearcher, O = v.resultMap, P = O === void 0 ? {} : O, A = v.results, D = A === void 0 ? [] : A; (/* @__PURE__ */ s(function L(B, N, V, R) { if (N != null) { if (typeof N == "string") { @@ -1453,19 +1453,19 @@ Check Matches: `.concat(be)), (K || H.isMatch) && be) { var Te = { key: C, arrayIndex: B, value: N, score: ue }; I.options.includeMatches && (Te.matchedIndices = H.matchedIndices); var Re = P[R]; - Re ? Re.output.push(Te) : (P[R] = { item: V, output: [Te] }, M.push(P[R])); + Re ? Re.output.push(Te) : (P[R] = { item: V, output: [Te] }, D.push(P[R])); } } else if (p(N)) for (var Le = 0, Se = N.length; Le < Se; Le += 1) L(Le, N[Le], V, R); } - }, "e"))(x, v, S, T); + }, "e"))(x, g, w, T); }, "value") }, { key: "_computeScore", value: /* @__PURE__ */ s(function(h) { this._log(` Computing score: `); - for (var g = this._keyWeights, I = !!Object.keys(g).length, C = 0, b = h.length; C < b; C += 1) { - for (var x = h[C], v = x.output, S = v.length, T = 1, _ = 0; _ < S; _ += 1) { - var k = v[_], E = k.key, O = I ? g[E] : 1, P = k.score === 0 && g && g[E] > 0 ? Number.EPSILON : k.score; + for (var v = this._keyWeights, I = !!Object.keys(v).length, C = 0, b = h.length; C < b; C += 1) { + for (var x = h[C], g = x.output, w = g.length, T = 1, _ = 0; _ < w; _ += 1) { + var k = g[_], E = k.key, O = I ? v[E] : 1, P = k.score === 0 && v && v[E] > 0 ? Number.EPSILON : k.score; T *= Math.pow(P, O); } x.score = T, this._log(x); @@ -1475,7 +1475,7 @@ Computing score: Sorting....`), h.sort(this.options.sortFn); }, "value") }, { key: "_format", value: /* @__PURE__ */ s(function(h) { - var g = []; + var v = []; if (this.options.verbose) { var I = []; this._log(` @@ -1495,10 +1495,10 @@ Output: var O = k.output; E.matches = []; for (var P = 0, A = O.length; P < A; P += 1) { - var M = O[P]; - if (M.matchedIndices.length !== 0) { - var L = { indices: M.matchedIndices, value: M.value }; - M.key && (L.key = M.key), M.hasOwnProperty("arrayIndex") && M.arrayIndex > -1 && (L.arrayIndex = M.arrayIndex), E.matches.push( + var D = O[P]; + if (D.matchedIndices.length !== 0) { + var L = { indices: D.matchedIndices, value: D.value }; + D.key && (L.key = D.key), D.hasOwnProperty("arrayIndex") && D.arrayIndex > -1 && (L.arrayIndex = D.arrayIndex), E.matches.push( L); } } @@ -1506,13 +1506,13 @@ Output: E.score = k.score; }); for (var b = 0, x = h.length; b < x; b += 1) { - var v = h[b]; - if (this.options.id && (v.item = this.options.getFn(v.item, this.options.id)[0]), C.length) { - for (var S = { item: v.item }, T = 0, _ = C.length; T < _; T += 1) C[T](v, S); - g.push(S); - } else g.push(v.item); + var g = h[b]; + if (this.options.id && (g.item = this.options.getFn(g.item, this.options.id)[0]), C.length) { + for (var w = { item: g.item }, T = 0, _ = C.length; T < _; T += 1) C[T](g, w); + v.push(w); + } else v.push(g.item); } - return g; + return v; }, "value") }, { key: "_log", value: /* @__PURE__ */ s(function() { var h; this.options.verbose && (h = console).log.apply(h, arguments); @@ -1529,29 +1529,29 @@ Output: s(i, "n"); var n = o(2), r = o(3), l = o(6), u = function() { function p(f, y) { - var h = y.location, g = h === void 0 ? 0 : h, I = y.distance, C = I === void 0 ? 100 : I, b = y.threshold, x = b === void 0 ? 0.6 : - b, v = y.maxPatternLength, S = v === void 0 ? 32 : v, T = y.isCaseSensitive, _ = T !== void 0 && T, k = y.tokenSeparator, E = k === - void 0 ? / +/g : k, O = y.findAllMatches, P = O !== void 0 && O, A = y.minMatchCharLength, M = A === void 0 ? 1 : A, L = y.includeMatches, + var h = y.location, v = h === void 0 ? 0 : h, I = y.distance, C = I === void 0 ? 100 : I, b = y.threshold, x = b === void 0 ? 0.6 : + b, g = y.maxPatternLength, w = g === void 0 ? 32 : g, T = y.isCaseSensitive, _ = T !== void 0 && T, k = y.tokenSeparator, E = k === + void 0 ? / +/g : k, O = y.findAllMatches, P = O !== void 0 && O, A = y.minMatchCharLength, D = A === void 0 ? 1 : A, L = y.includeMatches, B = L !== void 0 && L; (function(N, V) { if (!(N instanceof V)) throw new TypeError("Cannot call a class as a function"); - })(this, p), this.options = { location: g, distance: C, threshold: x, maxPatternLength: S, isCaseSensitive: _, tokenSeparator: E, findAllMatches: P, - includeMatches: B, minMatchCharLength: M }, this.pattern = _ ? f : f.toLowerCase(), this.pattern.length <= S && (this.patternAlphabet = + })(this, p), this.options = { location: v, distance: C, threshold: x, maxPatternLength: w, isCaseSensitive: _, tokenSeparator: E, findAllMatches: P, + includeMatches: B, minMatchCharLength: D }, this.pattern = _ ? f : f.toLowerCase(), this.pattern.length <= w && (this.patternAlphabet = l(this.pattern)); } s(p, "e"); var c, d, m; return c = p, (d = [{ key: "search", value: /* @__PURE__ */ s(function(f) { - var y = this.options, h = y.isCaseSensitive, g = y.includeMatches; + var y = this.options, h = y.isCaseSensitive, v = y.includeMatches; if (h || (f = f.toLowerCase()), this.pattern === f) { var I = { isMatch: !0, score: 0 }; - return g && (I.matchedIndices = [[0, f.length - 1]]), I; + return v && (I.matchedIndices = [[0, f.length - 1]]), I; } var C = this.options, b = C.maxPatternLength, x = C.tokenSeparator; if (this.pattern.length > b) return n(f, this.pattern, x); - var v = this.options, S = v.location, T = v.distance, _ = v.threshold, k = v.findAllMatches, E = v.minMatchCharLength; - return r(f, this.pattern, this.patternAlphabet, { location: S, distance: T, threshold: _, findAllMatches: k, minMatchCharLength: E, - includeMatches: g }); + var g = this.options, w = g.location, T = g.distance, _ = g.threshold, k = g.findAllMatches, E = g.minMatchCharLength; + return r(f, this.pattern, this.patternAlphabet, { location: w, distance: T, threshold: _, findAllMatches: k, minMatchCharLength: E, + includeMatches: v }); }, "value") }]) && i(c.prototype, d), m && i(c, m), p; }(); e.exports = u; @@ -1570,36 +1570,36 @@ Output: var i = o(4), n = o(5); e.exports = function(r, l, u, p) { for (var c = p.location, d = c === void 0 ? 0 : c, m = p.distance, f = m === void 0 ? 100 : m, y = p.threshold, h = y === void 0 ? 0.6 : - y, g = p.findAllMatches, I = g !== void 0 && g, C = p.minMatchCharLength, b = C === void 0 ? 1 : C, x = p.includeMatches, v = x !== void 0 && - x, S = d, T = r.length, _ = h, k = r.indexOf(l, S), E = l.length, O = [], P = 0; P < T; P += 1) O[P] = 0; + y, v = p.findAllMatches, I = v !== void 0 && v, C = p.minMatchCharLength, b = C === void 0 ? 1 : C, x = p.includeMatches, g = x !== void 0 && + x, w = d, T = r.length, _ = h, k = r.indexOf(l, w), E = l.length, O = [], P = 0; P < T; P += 1) O[P] = 0; if (k !== -1) { - var A = i(l, { errors: 0, currentLocation: k, expectedLocation: S, distance: f }); - if (_ = Math.min(A, _), (k = r.lastIndexOf(l, S + E)) !== -1) { - var M = i(l, { errors: 0, currentLocation: k, expectedLocation: S, distance: f }); - _ = Math.min(M, _); + var A = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: f }); + if (_ = Math.min(A, _), (k = r.lastIndexOf(l, w + E)) !== -1) { + var D = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: f }); + _ = Math.min(D, _); } } k = -1; for (var L = [], B = 1, N = E + T, V = 1 << (E <= 31 ? E - 1 : 30), R = 0; R < E; R += 1) { for (var K = 0, W = N; K < W; ) - i(l, { errors: R, currentLocation: S + W, expectedLocation: S, distance: f }) <= _ ? K = W : N = W, W = Math.floor((N - K) / 2 + + i(l, { errors: R, currentLocation: w + W, expectedLocation: w, distance: f }) <= _ ? K = W : N = W, W = Math.floor((N - K) / 2 + K); N = W; - var ee = Math.max(1, S - W + 1), H = I ? T : Math.min(S + W, T) + E, j = Array(H + 2); + var ee = Math.max(1, w - W + 1), H = I ? T : Math.min(w + W, T) + E, j = Array(H + 2); j[H + 1] = (1 << R) - 1; for (var F = H; F >= ee; F -= 1) { var $ = F - 1, X = u[r.charAt($)]; if (X && (O[$] = 1), j[F] = (j[F + 1] << 1 | 1) & X, R !== 0 && (j[F] |= (L[F + 1] | L[F]) << 1 | 1 | L[F + 1]), j[F] & V && (B = - i(l, { errors: R, currentLocation: $, expectedLocation: S, distance: f })) <= _) { - if (_ = B, (k = $) <= S) break; - ee = Math.max(1, 2 * S - k); + i(l, { errors: R, currentLocation: $, expectedLocation: w, distance: f })) <= _) { + if (_ = B, (k = $) <= w) break; + ee = Math.max(1, 2 * w - k); } } - if (i(l, { errors: R + 1, currentLocation: S, expectedLocation: S, distance: f }) > _) break; + if (i(l, { errors: R + 1, currentLocation: w, expectedLocation: w, distance: f }) > _) break; L = j; } var oe = { isMatch: k >= 0, score: B === 0 ? 1e-3 : B }; - return v && (oe.matchedIndices = n(O, b)), oe; + return g && (oe.matchedIndices = n(O, b)), oe; }; }, function(e, t) { e.exports = function(o, i) { @@ -1642,10 +1642,10 @@ Output: if (m) { var f = m.indexOf("."), y = m, h = null; f !== -1 && (y = m.slice(0, f), h = m.slice(f + 1)); - var g = d[y]; - if (g != null) if (h || !n(g) && !r(g)) if (o(g)) for (var I = 0, C = g.length; I < C; I += 1) c(g[I], h); - else h && c(g, h); - else p.push(i(g)); + var v = d[y]; + if (v != null) if (h || !n(v) && !r(v)) if (o(v)) for (var I = 0, C = v.length; I < C; I += 1) c(v[I], h); + else h && c(v, h); + else p.push(i(v)); } else p.push(d); }, "e"))(l, u), p; }, "get"), isArray: o, isString: n, isNum: r, toString: i }; @@ -1875,7 +1875,7 @@ var jf = _e((Kn, Un) => { }); // global-externals:@storybook/core/channels -var Nx = __STORYBOOK_CHANNELS__, { Channel: Fx, PostMessageTransport: Bx, WebsocketTransport: Hx, createBrowserChannel: ya } = __STORYBOOK_CHANNELS__; +var Lx = __STORYBOOK_CHANNELS__, { Channel: Nx, PostMessageTransport: Fx, WebsocketTransport: Bx, createBrowserChannel: ya } = __STORYBOOK_CHANNELS__; // ../node_modules/@storybook/global/dist/index.mjs var re = (() => { @@ -1885,46 +1885,46 @@ var re = (() => { })(); // global-externals:@storybook/core/core-events -var Wx = __STORYBOOK_CORE_EVENTS__, { ARGTYPES_INFO_REQUEST: va, ARGTYPES_INFO_RESPONSE: ba, CHANNEL_CREATED: xa, CHANNEL_WS_DISCONNECT: jx, -CONFIG_ERROR: Vx, CREATE_NEW_STORYFILE_REQUEST: Ia, CREATE_NEW_STORYFILE_RESPONSE: Sa, CURRENT_STORY_WAS_SET: $x, DOCS_PREPARED: Kx, DOCS_RENDERED: Ux, -FILE_COMPONENT_SEARCH_REQUEST: wa, FILE_COMPONENT_SEARCH_RESPONSE: hr, FORCE_REMOUNT: Xn, FORCE_RE_RENDER: qx, GLOBALS_UPDATED: Gx, NAVIGATE_URL: Yx, -PLAY_FUNCTION_THREW_EXCEPTION: Xx, PRELOAD_ENTRIES: $t, PREVIEW_BUILDER_PROGRESS: Ea, PREVIEW_KEYDOWN: Qx, REGISTER_SUBSCRIPTION: Zx, REQUEST_WHATS_NEW_DATA: Jx, -RESET_STORY_ARGS: eI, RESULT_WHATS_NEW_DATA: tI, SAVE_STORY_REQUEST: Ca, SAVE_STORY_RESPONSE: Ta, SELECT_STORY: oI, SET_CONFIG: rI, SET_CURRENT_STORY: _a, -SET_FILTER: nI, SET_GLOBALS: iI, SET_INDEX: sI, SET_STORIES: aI, SET_WHATS_NEW_CACHE: lI, SHARED_STATE_CHANGED: uI, SHARED_STATE_SET: pI, STORIES_COLLAPSE_ALL: Ko, -STORIES_EXPAND_ALL: Qn, STORY_ARGS_UPDATED: cI, STORY_CHANGED: dI, STORY_ERRORED: fI, STORY_INDEX_INVALIDATED: mI, STORY_MISSING: hI, STORY_PREPARED: gI, -STORY_RENDERED: yI, STORY_RENDER_PHASE_CHANGED: vI, STORY_SPECIFIED: bI, STORY_THREW_EXCEPTION: xI, STORY_UNCHANGED: II, TELEMETRY_ERROR: SI, -TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: ka, TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE: wI, TESTING_MODULE_CRASH_REPORT: Zn, TESTING_MODULE_PROGRESS_REPORT: Jn, -TESTING_MODULE_RUN_ALL_REQUEST: gr, TESTING_MODULE_RUN_REQUEST: EI, TESTING_MODULE_WATCH_MODE_REQUEST: Oa, TOGGLE_WHATS_NEW_NOTIFICATIONS: CI, -UNHANDLED_ERRORS_WHILE_PLAYING: TI, UPDATE_GLOBALS: _I, UPDATE_QUERY_PARAMS: kI, UPDATE_STORY_ARGS: OI } = __STORYBOOK_CORE_EVENTS__; +var zx = __STORYBOOK_CORE_EVENTS__, { ARGTYPES_INFO_REQUEST: va, ARGTYPES_INFO_RESPONSE: ba, CHANNEL_CREATED: xa, CHANNEL_WS_DISCONNECT: Wx, +CONFIG_ERROR: jx, CREATE_NEW_STORYFILE_REQUEST: Ia, CREATE_NEW_STORYFILE_RESPONSE: Sa, CURRENT_STORY_WAS_SET: Vx, DOCS_PREPARED: $x, DOCS_RENDERED: Kx, +FILE_COMPONENT_SEARCH_REQUEST: wa, FILE_COMPONENT_SEARCH_RESPONSE: hr, FORCE_REMOUNT: Xn, FORCE_RE_RENDER: Ux, GLOBALS_UPDATED: qx, NAVIGATE_URL: Gx, +PLAY_FUNCTION_THREW_EXCEPTION: Yx, PRELOAD_ENTRIES: $t, PREVIEW_BUILDER_PROGRESS: Ea, PREVIEW_KEYDOWN: Xx, REGISTER_SUBSCRIPTION: Qx, REQUEST_WHATS_NEW_DATA: Zx, +RESET_STORY_ARGS: Jx, RESULT_WHATS_NEW_DATA: eI, SAVE_STORY_REQUEST: Ca, SAVE_STORY_RESPONSE: Ta, SELECT_STORY: tI, SET_CONFIG: oI, SET_CURRENT_STORY: _a, +SET_FILTER: rI, SET_GLOBALS: nI, SET_INDEX: iI, SET_STORIES: sI, SET_WHATS_NEW_CACHE: aI, SHARED_STATE_CHANGED: lI, SHARED_STATE_SET: uI, STORIES_COLLAPSE_ALL: Ko, +STORIES_EXPAND_ALL: Qn, STORY_ARGS_UPDATED: pI, STORY_CHANGED: cI, STORY_ERRORED: dI, STORY_INDEX_INVALIDATED: fI, STORY_MISSING: mI, STORY_PREPARED: hI, +STORY_RENDERED: gI, STORY_RENDER_PHASE_CHANGED: yI, STORY_SPECIFIED: vI, STORY_THREW_EXCEPTION: bI, STORY_UNCHANGED: xI, TELEMETRY_ERROR: II, +TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: ka, TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE: SI, TESTING_MODULE_CRASH_REPORT: Zn, TESTING_MODULE_PROGRESS_REPORT: Jn, +TESTING_MODULE_RUN_ALL_REQUEST: gr, TESTING_MODULE_RUN_REQUEST: wI, TESTING_MODULE_WATCH_MODE_REQUEST: Oa, TOGGLE_WHATS_NEW_NOTIFICATIONS: EI, +UNHANDLED_ERRORS_WHILE_PLAYING: CI, UPDATE_GLOBALS: TI, UPDATE_QUERY_PARAMS: _I, UPDATE_STORY_ARGS: kI } = __STORYBOOK_CORE_EVENTS__; // global-externals:@storybook/core/manager-api -var AI = __STORYBOOK_API__, { ActiveTabs: DI, Consumer: me, ManagerContext: MI, Provider: Pa, RequestResponseError: LI, addons: ut, combineParameters: NI, -controlOrMetaKey: FI, controlOrMetaSymbol: BI, eventMatchesShortcut: HI, eventToShortcut: Aa, experimental_requestResponse: yr, isMacLike: RI, -isShortcutTaken: zI, keyToSymbol: WI, merge: vr, mockChannel: jI, optionOrAltSymbol: VI, shortcutMatchesShortcut: Da, shortcutToHumanString: pt, -types: we, useAddonState: $I, useArgTypes: KI, useArgs: UI, useChannel: qI, useGlobalTypes: GI, useGlobals: YI, useParameter: XI, useSharedState: QI, -useStoryPrepared: ZI, useStorybookApi: pe, useStorybookState: Ze } = __STORYBOOK_API__; +var PI = __STORYBOOK_API__, { ActiveTabs: AI, Consumer: me, ManagerContext: DI, Provider: Pa, RequestResponseError: MI, addons: ut, combineParameters: LI, +controlOrMetaKey: NI, controlOrMetaSymbol: FI, eventMatchesShortcut: BI, eventToShortcut: Aa, experimental_requestResponse: yr, isMacLike: HI, +isShortcutTaken: RI, keyToSymbol: zI, merge: vr, mockChannel: WI, optionOrAltSymbol: jI, shortcutMatchesShortcut: Da, shortcutToHumanString: pt, +types: we, useAddonState: VI, useArgTypes: $I, useArgs: KI, useChannel: UI, useGlobalTypes: qI, useGlobals: GI, useParameter: YI, useSharedState: XI, +useStoryPrepared: QI, useStorybookApi: pe, useStorybookState: Ze } = __STORYBOOK_API__; // global-externals:react -var a = __REACT__, { Children: eS, Component: Ge, Fragment: Ne, Profiler: tS, PureComponent: oS, StrictMode: rS, Suspense: nS, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: iS, -cloneElement: Ma, createContext: So, createElement: sS, createFactory: aS, createRef: lS, forwardRef: La, isValidElement: uS, lazy: pS, memo: Uo, -startTransition: cS, unstable_act: dS, useCallback: D, useContext: br, useDebugValue: fS, useDeferredValue: Na, useEffect: z, useId: mS, useImperativeHandle: hS, -useInsertionEffect: gS, useLayoutEffect: Lt, useMemo: Y, useReducer: wo, useRef: G, useState: U, useSyncExternalStore: yS, useTransition: Fa, -version: vS } = __REACT__; +var a = __REACT__, { Children: JI, Component: Ge, Fragment: Ne, Profiler: eS, PureComponent: tS, StrictMode: oS, Suspense: rS, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: nS, +cloneElement: Ma, createContext: So, createElement: iS, createFactory: sS, createRef: aS, forwardRef: La, isValidElement: lS, lazy: uS, memo: Uo, +startTransition: pS, unstable_act: cS, useCallback: M, useContext: br, useDebugValue: dS, useDeferredValue: Na, useEffect: z, useId: fS, useImperativeHandle: mS, +useInsertionEffect: hS, useLayoutEffect: Lt, useMemo: Y, useReducer: wo, useRef: G, useState: U, useSyncExternalStore: gS, useTransition: Fa, +version: yS } = __REACT__; // global-externals:react-dom/client -var bS = __REACT_DOM_CLIENT__, { createRoot: Ba, hydrateRoot: xS } = __REACT_DOM_CLIENT__; +var vS = __REACT_DOM_CLIENT__, { createRoot: Ba, hydrateRoot: bS } = __REACT_DOM_CLIENT__; // global-externals:@storybook/core/router -var SS = __STORYBOOK_ROUTER__, { BaseLocationProvider: wS, DEEPLY_EQUAL: ES, Link: Ir, Location: Sr, LocationProvider: Ha, Match: Ra, Route: qo, -buildArgsParam: CS, deepDiff: TS, getMatch: _S, parsePath: kS, queryFromLocation: OS, stringifyQuery: PS, useNavigate: za } = __STORYBOOK_ROUTER__; +var IS = __STORYBOOK_ROUTER__, { BaseLocationProvider: SS, DEEPLY_EQUAL: wS, Link: Ir, Location: Sr, LocationProvider: Ha, Match: Ra, Route: qo, +buildArgsParam: ES, deepDiff: CS, getMatch: TS, parsePath: _S, queryFromLocation: kS, stringifyQuery: OS, useNavigate: za } = __STORYBOOK_ROUTER__; // global-externals:@storybook/core/theming -var DS = __STORYBOOK_THEMING__, { CacheProvider: MS, ClassNames: LS, Global: Eo, ThemeProvider: ei, background: NS, color: FS, convert: BS, create: HS, -createCache: RS, createGlobal: Wa, createReset: zS, css: WS, darken: jS, ensure: ja, ignoreSsrWarning: VS, isPropValid: $S, jsx: KS, keyframes: Kt, -lighten: Co, styled: w, themes: US, typography: qS, useTheme: Fe, withTheme: Va } = __STORYBOOK_THEMING__; +var AS = __STORYBOOK_THEMING__, { CacheProvider: DS, ClassNames: MS, Global: Eo, ThemeProvider: ei, background: LS, color: NS, convert: FS, create: BS, +createCache: HS, createGlobal: Wa, createReset: RS, css: zS, darken: WS, ensure: ja, ignoreSsrWarning: jS, isPropValid: VS, jsx: $S, keyframes: Kt, +lighten: Co, styled: S, themes: KS, typography: US, useTheme: Fe, withTheme: Va } = __STORYBOOK_THEMING__; // global-externals:@storybook/core/manager-errors -var YS = __STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__, { Category: XS, ProviderDoesNotExtendBaseProviderError: $a, UncaughtManagerError: QS } = __STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__; +var GS = __STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__, { Category: YS, ProviderDoesNotExtendBaseProviderError: $a, UncaughtManagerError: XS } = __STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__; // ../node_modules/react-helmet-async/lib/index.module.js var ne = Ve(ti()), ul = Ve(oi()), ai = Ve(el()), pl = Ve(ol()); @@ -1956,13 +1956,13 @@ function rl(e, t) { } s(rl, "u"); var Z = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link", META: "meta", NOSCRIPT: "noscript", SCRIPT: "script", STYLE: "\ -style", TITLE: "title", FRAGMENT: "Symbol(react.fragment)" }, wm = { rel: ["amphtml", "canonical", "alternate"] }, Em = { type: ["applicatio\ -n/ld+json"] }, Cm = { charset: "", name: ["robots", "description"], property: ["og:type", "og:title", "og:url", "og:image", "og:image:alt", "\ +style", TITLE: "title", FRAGMENT: "Symbol(react.fragment)" }, Sm = { rel: ["amphtml", "canonical", "alternate"] }, wm = { type: ["applicatio\ +n/ld+json"] }, Em = { charset: "", name: ["robots", "description"], property: ["og:type", "og:title", "og:url", "og:image", "og:image:alt", "\ og:description", "twitter:url", "twitter:title", "twitter:description", "twitter:image", "twitter:image:alt", "twitter:card", "twitter:site"] }, nl = Object.keys(Z).map(function(e) { return Z[e]; }), Tr = { accesskey: "accessKey", charset: "charSet", class: "className", contenteditable: "contentEditable", contextmenu: "contextMenu", "\ -http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, Tm = Object.keys(Tr).reduce(function(e, t) { +http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, Cm = Object.keys(Tr).reduce(function(e, t) { return e[Tr[t]] = t, e; }, {}), _o = /* @__PURE__ */ s(function(e, t) { for (var o = e.length - 1; o >= 0; o -= 1) { @@ -1970,14 +1970,14 @@ http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, Tm = Obj if (Object.prototype.hasOwnProperty.call(i, t)) return i[t]; } return null; -}, "T"), _m = /* @__PURE__ */ s(function(e) { +}, "T"), Tm = /* @__PURE__ */ s(function(e) { var t = _o(e, Z.TITLE), o = _o(e, "titleTemplate"); if (Array.isArray(t) && (t = t.join("")), o && t) return o.replace(/%s/g, function() { return t; }); var i = _o(e, "defaultTitle"); return t || i || void 0; -}, "g"), km = /* @__PURE__ */ s(function(e) { +}, "g"), _m = /* @__PURE__ */ s(function(e) { return _o(e, "onChangeClientState") || function() { }; }, "b"), ri = /* @__PURE__ */ s(function(e, t) { @@ -1988,7 +1988,7 @@ http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, Tm = Obj }).reduce(function(o, i) { return Ee({}, o, i); }, {}); -}, "v"), Om = /* @__PURE__ */ s(function(e, t) { +}, "v"), km = /* @__PURE__ */ s(function(e, t) { return t.filter(function(o) { return o[Z.BASE] !== void 0; }).map(function(o) { @@ -2011,9 +2011,9 @@ ld be of type "Array". Instead found type "' + typeof n[e] + '"'), !1); var l = {}; r.filter(function(m) { for (var f, y = Object.keys(m), h = 0; h < y.length; h += 1) { - var g = y[h], I = g.toLowerCase(); + var v = y[h], I = v.toLowerCase(); t.indexOf(I) === -1 || f === "rel" && m[f].toLowerCase() === "canonical" || I === "rel" && m[I].toLowerCase() === "stylesheet" || (f = - I), t.indexOf(g) === -1 || g !== "innerHTML" && g !== "cssText" && g !== "itemprop" || (f = g); + I), t.indexOf(v) === -1 || v !== "innerHTML" && v !== "cssText" && v !== "itemprop" || (f = v); } if (!f || !m[f]) return !1; var C = m[f].toLowerCase(); @@ -2027,7 +2027,7 @@ ld be of type "Array". Instead found type "' + typeof n[e] + '"'), !1); } return n; }, []).reverse(); -}, "C"), Pm = /* @__PURE__ */ s(function(e, t) { +}, "C"), Om = /* @__PURE__ */ s(function(e, t) { if (Array.isArray(e) && e.length) { for (var o = 0; o < e.length; o += 1) if (e[o][t]) return !0; } @@ -2044,7 +2044,7 @@ ld be of type "Array". Instead found type "' + typeof n[e] + '"'), !1); }, "E"), il = /* @__PURE__ */ s(function(e, t) { var o; return Ee({}, e, ((o = {})[t] = void 0, o)); -}, "I"), Am = [Z.NOSCRIPT, Z.SCRIPT, Z.STYLE], ii = /* @__PURE__ */ s(function(e, t) { +}, "I"), Pm = [Z.NOSCRIPT, Z.SCRIPT, Z.STYLE], ii = /* @__PURE__ */ s(function(e, t) { return t === void 0 && (t = !0), t === !1 ? String(e) : String(e).replace(/&/g, "&").replace(//g, ">").replace( /"/g, """).replace(/'/g, "'"); }, "w"), sl = /* @__PURE__ */ s(function(e) { @@ -2095,7 +2095,7 @@ ld be of type "Array". Instead found type "' + typeof n[e] + '"'), !1); }).reduce(function(m, f) { var y = u[f] === void 0 ? f : f + '="' + ii(u[f], r) + '"'; return m ? m + " " + y : y; - }, ""), c = u.innerHTML || u.cssText || "", d = Am.indexOf(i) === -1; + }, ""), c = u.innerHTML || u.cssText || "", d = Pm.indexOf(i) === -1; return l + "<" + i + ' data-rh="true" ' + p + (d ? "/>" : ">" + c + ""); }, ""); }(e, t, o); @@ -2108,13 +2108,13 @@ ld be of type "Array". Instead found type "' + typeof n[e] + '"'), !1); return ""; }, "toString") }; if (e.prioritizeSeoTags) { - var h = function(g) { - var I = g.linkTags, C = g.scriptTags, b = g.encode, x = ni(g.metaTags, Cm), v = ni(I, wm), S = ni(C, Em); + var h = function(v) { + var I = v.linkTags, C = v.scriptTags, b = v.encode, x = ni(v.metaTags, Em), g = ni(I, Sm), w = ni(C, wm); return { priorityMethods: { toComponent: /* @__PURE__ */ s(function() { - return [].concat(Cr(Z.META, x.priority), Cr(Z.LINK, v.priority), Cr(Z.SCRIPT, S.priority)); + return [].concat(Cr(Z.META, x.priority), Cr(Z.LINK, g.priority), Cr(Z.SCRIPT, w.priority)); }, "toComponent"), toString: /* @__PURE__ */ s(function() { - return Je(Z.META, x.priority, b) + " " + Je(Z.LINK, v.priority, b) + " " + Je(Z.SCRIPT, S.priority, b); - }, "toString") }, metaTags: x.default, linkTags: v.default, scriptTags: S.default }; + return Je(Z.META, x.priority, b) + " " + Je(Z.LINK, g.priority, b) + " " + Je(Z.SCRIPT, w.priority, b); + }, "toString") }, metaTags: x.default, linkTags: g.default, scriptTags: w.default }; }(e); y = h.priorityMethods, d = h.linkTags, m = h.metaTags, f = h.scriptTags; } @@ -2134,8 +2134,8 @@ ld be of type "Array". Instead found type "' + typeof n[e] + '"'), !1); (o.canUseDOM ? Er : o.instances).splice(n, 1); }, "remove") } }, this.context = e, this.canUseDOM = t, t || (e.helmet = ui({ baseTag: [], bodyAttributes: {}, encodeSpecialCharacters: !0, htmlAttributes: {}, linkTags: [], metaTags: [], noscriptTags: [], scriptTags: [], styleTags: [], title: "", titleAttributes: {} })); -}, "N"), dl = a.createContext({}), Dm = ne.default.shape({ setHelmet: ne.default.func, helmetInstances: ne.default.shape({ get: ne.default.func, -add: ne.default.func, remove: ne.default.func }) }), Mm = typeof document < "u", Nt = /* @__PURE__ */ function(e) { +}, "N"), dl = a.createContext({}), Am = ne.default.shape({ setHelmet: ne.default.func, helmetInstances: ne.default.shape({ get: ne.default.func, +add: ne.default.func, remove: ne.default.func }) }), Dm = typeof document < "u", Nt = /* @__PURE__ */ function(e) { function t(o) { var i; return (i = e.call(this, o) || this).helmetData = new pi(i.props.context, t.canUseDOM), i; @@ -2144,7 +2144,7 @@ add: ne.default.func, remove: ne.default.func }) }), Mm = typeof document < "u", return a.createElement(dl.Provider, { value: this.helmetData.value }, this.props.children); }, t; }(Ge); -Nt.canUseDOM = Mm, Nt.propTypes = { context: ne.default.shape({ helmet: ne.default.shape() }), children: ne.default.node.isRequired }, Nt.defaultProps = +Nt.canUseDOM = Dm, Nt.propTypes = { context: ne.default.shape({ helmet: ne.default.shape() }), children: ne.default.node.isRequired }, Nt.defaultProps = { context: {} }, Nt.displayName = "HelmetProvider"; var To = /* @__PURE__ */ s(function(e, t) { var o, i = document.head || document.querySelector(Z.HEAD), n = i.querySelectorAll(e + "[data-rh]"), r = [].slice.call(n), l = []; @@ -2175,14 +2175,14 @@ var To = /* @__PURE__ */ s(function(e, t) { }, "B"), ll = /* @__PURE__ */ s(function(e, t) { var o = e.baseTag, i = e.htmlAttributes, n = e.linkTags, r = e.metaTags, l = e.noscriptTags, u = e.onChangeClientState, p = e.scriptTags, c = e. styleTags, d = e.title, m = e.titleAttributes; - si(Z.BODY, e.bodyAttributes), si(Z.HTML, i), function(g, I) { - g !== void 0 && document.title !== g && (document.title = cl(g)), si(Z.TITLE, I); + si(Z.BODY, e.bodyAttributes), si(Z.HTML, i), function(v, I) { + v !== void 0 && document.title !== v && (document.title = cl(v)), si(Z.TITLE, I); }(d, m); var f = { baseTag: To(Z.BASE, o), linkTags: To(Z.LINK, n), metaTags: To(Z.META, r), noscriptTags: To(Z.NOSCRIPT, l), scriptTags: To(Z.SCRIPT, p), styleTags: To(Z.STYLE, c) }, y = {}, h = {}; - Object.keys(f).forEach(function(g) { - var I = f[g], C = I.newTags, b = I.oldTags; - C.length && (y[g] = C), b.length && (h[g] = f[g].oldTags); + Object.keys(f).forEach(function(v) { + var I = f[v], C = I.newTags, b = I.oldTags; + C.length && (y[v] = C), b.length && (h[v] = f[v].oldTags); }), t && t(), u(e, y, h); }, "K"), Yo = null, _r = /* @__PURE__ */ function(e) { function t() { @@ -2201,10 +2201,10 @@ var To = /* @__PURE__ */ s(function(e, t) { var i, n, r = this.props.context, l = r.setHelmet, u = null, p = (i = r.helmetInstances.get().map(function(c) { var d = Ee({}, c.props); return delete d.context, d; - }), { baseTag: Om(["href"], i), bodyAttributes: ri("bodyAttributes", i), defer: _o(i, "defer"), encode: _o(i, "encodeSpecialCharacters"), + }), { baseTag: km(["href"], i), bodyAttributes: ri("bodyAttributes", i), defer: _o(i, "defer"), encode: _o(i, "encodeSpecialCharacters"), htmlAttributes: ri("htmlAttributes", i), linkTags: Go(Z.LINK, ["rel", "href"], i), metaTags: Go(Z.META, ["name", "charset", "http-equiv", - "property", "itemprop"], i), noscriptTags: Go(Z.NOSCRIPT, ["innerHTML"], i), onChangeClientState: km(i), scriptTags: Go(Z.SCRIPT, ["src", - "innerHTML"], i), styleTags: Go(Z.STYLE, ["cssText"], i), title: _m(i), titleAttributes: ri("titleAttributes", i), prioritizeSeoTags: Pm( + "property", "itemprop"], i), noscriptTags: Go(Z.NOSCRIPT, ["innerHTML"], i), onChangeClientState: _m(i), scriptTags: Go(Z.SCRIPT, ["src", + "innerHTML"], i), styleTags: Go(Z.STYLE, ["cssText"], i), title: Tm(i), titleAttributes: ri("titleAttributes", i), prioritizeSeoTags: Om( i, "prioritizeSeoTags") }); Nt.canUseDOM ? (n = p, Yo && cancelAnimationFrame(Yo), n.defer ? Yo = requestAnimationFrame(function() { ll(n, function() { @@ -2217,8 +2217,8 @@ var To = /* @__PURE__ */ s(function(e, t) { return this.init(), null; }, t; }(Ge); -_r.propTypes = { context: Dm.isRequired }, _r.displayName = "HelmetDispatcher"; -var Lm = ["children"], Nm = ["children"], Xo = /* @__PURE__ */ function(e) { +_r.propTypes = { context: Am.isRequired }, _r.displayName = "HelmetDispatcher"; +var Mm = ["children"], Lm = ["children"], Xo = /* @__PURE__ */ function(e) { function t() { return e.apply(this, arguments) || this; } @@ -2272,8 +2272,8 @@ lements. Refer to our API for more information."), (0, ai.default)(!n || typeof var r = this, l = {}; return a.Children.forEach(i, function(u) { if (u && u.props) { - var p = u.props, c = p.children, d = rl(p, Lm), m = Object.keys(d).reduce(function(y, h) { - return y[Tm[h] || h] = d[h], y; + var p = u.props, c = p.children, d = rl(p, Mm), m = Object.keys(d).reduce(function(y, h) { + return y[Cm[h] || h] = d[h], y; }, {}), f = u.type; switch (typeof f == "symbol" ? f = f.toString() : r.warnOnInvalidChildren(u, c), f) { case Z.FRAGMENT: @@ -2292,7 +2292,7 @@ lements. Refer to our API for more information."), (0, ai.default)(!n || typeof } }), this.mapArrayTypeChildrenToProps(l, n); }, o.render = function() { - var i = this.props, n = i.children, r = rl(i, Nm), l = Ee({}, r), u = r.helmetData; + var i = this.props, n = i.children, r = rl(i, Lm), l = Ee({}, r), u = r.helmetData; return n && (l = this.mapChildrenToProps(n, l)), !u || u instanceof pi || (u = new pi(u.context, u.instances)), u ? /* @__PURE__ */ a.createElement( _r, Ee({}, l, { context: u.value, helmetData: void 0 })) : /* @__PURE__ */ a.createElement(dl.Consumer, null, function(p) { return a.createElement(_r, Ee({}, l, { context: p })); @@ -2364,44 +2364,44 @@ var ml = So({ }, "LayoutProvider"), ge = /* @__PURE__ */ s(() => br(ml), "useLayout"); // global-externals:@storybook/core/components -var ww = __STORYBOOK_COMPONENTS__, { A: Ew, ActionBar: Cw, AddonPanel: Tw, Badge: kr, Bar: _w, Blockquote: kw, Button: fe, ClipboardCode: Ow, -Code: Pw, DL: Aw, Div: Dw, DocumentWrapper: Mw, EmptyTabContent: gl, ErrorFormatter: yl, FlexBar: Lw, Form: Or, H1: Nw, H2: Fw, H3: Bw, H4: Hw, -H5: Rw, H6: zw, HR: Ww, IconButton: te, IconButtonSkeleton: jw, Icons: vl, Img: Vw, LI: $w, Link: We, ListItem: Kw, Loader: Pr, Modal: Ut, OL: Uw, -P: qw, Placeholder: Gw, Pre: Yw, ResetWrapper: Xw, ScrollArea: Ar, Separator: ko, Spaced: Et, Span: Qw, StorybookIcon: Zw, StorybookLogo: Dr, -Symbols: Jw, SyntaxHighlighter: eE, TT: tE, TabBar: Mr, TabButton: Lr, TabWrapper: oE, Table: rE, Tabs: bl, TabsState: nE, TooltipLinkList: Ct, -TooltipMessage: iE, TooltipNote: qt, UL: sE, WithTooltip: je, WithTooltipPure: aE, Zoom: xl, codeCommon: lE, components: uE, createCopyToClipboardFunction: pE, -getStoryHref: Oo, icons: cE, interleaveSeparators: dE, nameSpaceClassNames: fE, resetComponents: mE, withReset: hE } = __STORYBOOK_COMPONENTS__; +var Sw = __STORYBOOK_COMPONENTS__, { A: ww, ActionBar: Ew, AddonPanel: Cw, Badge: kr, Bar: Tw, Blockquote: _w, Button: fe, ClipboardCode: kw, +Code: Ow, DL: Pw, Div: Aw, DocumentWrapper: Dw, EmptyTabContent: gl, ErrorFormatter: yl, FlexBar: Mw, Form: Or, H1: Lw, H2: Nw, H3: Fw, H4: Bw, +H5: Hw, H6: Rw, HR: zw, IconButton: te, IconButtonSkeleton: Ww, Icons: vl, Img: jw, LI: Vw, Link: We, ListItem: $w, Loader: Pr, Modal: Ut, OL: Kw, +P: Uw, Placeholder: qw, Pre: Gw, ResetWrapper: Yw, ScrollArea: Ar, Separator: ko, Spaced: Et, Span: Xw, StorybookIcon: Qw, StorybookLogo: Dr, +Symbols: Zw, SyntaxHighlighter: Jw, TT: eE, TabBar: Mr, TabButton: Lr, TabWrapper: tE, Table: oE, Tabs: bl, TabsState: rE, TooltipLinkList: Ct, +TooltipMessage: nE, TooltipNote: qt, UL: iE, WithTooltip: je, WithTooltipPure: sE, Zoom: xl, codeCommon: aE, components: lE, createCopyToClipboardFunction: uE, +getStoryHref: Oo, icons: pE, interleaveSeparators: cE, nameSpaceClassNames: dE, resetComponents: fE, withReset: mE } = __STORYBOOK_COMPONENTS__; // global-externals:@storybook/icons -var yE = __STORYBOOK_ICONS__, { AccessibilityAltIcon: vE, AccessibilityIcon: bE, AddIcon: xE, AdminIcon: IE, AlertAltIcon: SE, AlertIcon: Nr, -AlignLeftIcon: wE, AlignRightIcon: EE, AppleIcon: CE, ArrowBottomLeftIcon: TE, ArrowBottomRightIcon: _E, ArrowDownIcon: kE, ArrowLeftIcon: Il, -ArrowRightIcon: OE, ArrowSolidDownIcon: PE, ArrowSolidLeftIcon: AE, ArrowSolidRightIcon: DE, ArrowSolidUpIcon: ME, ArrowTopLeftIcon: LE, ArrowTopRightIcon: NE, -ArrowUpIcon: FE, AzureDevOpsIcon: BE, BackIcon: HE, BasketIcon: RE, BatchAcceptIcon: zE, BatchDenyIcon: WE, BeakerIcon: jE, BellIcon: VE, BitbucketIcon: $E, -BoldIcon: KE, BookIcon: UE, BookmarkHollowIcon: qE, BookmarkIcon: GE, BottomBarIcon: Fr, BottomBarToggleIcon: Sl, BoxIcon: YE, BranchIcon: XE, -BrowserIcon: QE, ButtonIcon: ZE, CPUIcon: JE, CalendarIcon: eC, CameraIcon: tC, CategoryIcon: oC, CertificateIcon: rC, ChangedIcon: nC, ChatIcon: iC, -CheckIcon: et, ChevronDownIcon: Po, ChevronLeftIcon: sC, ChevronRightIcon: wl, ChevronSmallDownIcon: aC, ChevronSmallLeftIcon: lC, ChevronSmallRightIcon: uC, -ChevronSmallUpIcon: El, ChevronUpIcon: pC, ChromaticIcon: cC, ChromeIcon: dC, CircleHollowIcon: fC, CircleIcon: Cl, ClearIcon: mC, CloseAltIcon: Br, -CloseIcon: ct, CloudHollowIcon: hC, CloudIcon: gC, CogIcon: di, CollapseIcon: Tl, CommandIcon: yC, CommentAddIcon: vC, CommentIcon: bC, CommentsIcon: xC, -CommitIcon: IC, CompassIcon: SC, ComponentDrivenIcon: wC, ComponentIcon: fi, ContrastIcon: EC, ControlsIcon: CC, CopyIcon: TC, CreditIcon: _C, -CrossIcon: kC, DashboardIcon: OC, DatabaseIcon: PC, DeleteIcon: AC, DiamondIcon: DC, DirectionIcon: MC, DiscordIcon: LC, DocChartIcon: NC, DocListIcon: FC, -DocumentIcon: Ao, DownloadIcon: BC, DragIcon: HC, EditIcon: RC, EllipsisIcon: zC, EmailIcon: WC, ExpandAltIcon: _l, ExpandIcon: kl, EyeCloseIcon: Ol, -EyeIcon: Hr, FaceHappyIcon: jC, FaceNeutralIcon: VC, FaceSadIcon: $C, FacebookIcon: KC, FailedIcon: UC, FastForwardIcon: qC, FigmaIcon: GC, FilterIcon: Pl, -FlagIcon: YC, FolderIcon: XC, FormIcon: QC, GDriveIcon: ZC, GithubIcon: Rr, GitlabIcon: JC, GlobeIcon: mi, GoogleIcon: eT, GraphBarIcon: tT, -GraphLineIcon: oT, GraphqlIcon: rT, GridAltIcon: nT, GridIcon: iT, GrowIcon: sT, HeartHollowIcon: aT, HeartIcon: Al, HomeIcon: lT, HourglassIcon: uT, -InfoIcon: Dl, ItalicIcon: pT, JumpToIcon: cT, KeyIcon: dT, LightningIcon: Ml, LightningOffIcon: fT, LinkBrokenIcon: mT, LinkIcon: Ll, LinkedinIcon: hT, -LinuxIcon: gT, ListOrderedIcon: yT, ListUnorderedIcon: vT, LocationIcon: bT, LockIcon: zr, MarkdownIcon: xT, MarkupIcon: Nl, MediumIcon: IT, -MemoryIcon: ST, MenuIcon: Wr, MergeIcon: wT, MirrorIcon: ET, MobileIcon: CT, MoonIcon: TT, NutIcon: _T, OutboxIcon: kT, OutlineIcon: OT, PaintBrushIcon: PT, -PaperClipIcon: AT, ParagraphIcon: DT, PassedIcon: MT, PhoneIcon: LT, PhotoDragIcon: NT, PhotoIcon: FT, PinAltIcon: BT, PinIcon: HT, PlayAllHollowIcon: Fl, -PlayBackIcon: RT, PlayHollowIcon: Bl, PlayIcon: zT, PlayNextIcon: WT, PlusIcon: Hl, PointerDefaultIcon: jT, PointerHandIcon: VT, PowerIcon: $T, -PrintIcon: KT, ProceedIcon: UT, ProfileIcon: qT, PullRequestIcon: GT, QuestionIcon: YT, RSSIcon: XT, RedirectIcon: QT, ReduxIcon: ZT, RefreshIcon: JT, -ReplyIcon: e1, RepoIcon: t1, RequestChangeIcon: o1, RewindIcon: r1, RulerIcon: n1, SaveIcon: i1, SearchIcon: jr, ShareAltIcon: Tt, ShareIcon: s1, -ShieldIcon: a1, SideBySideIcon: l1, SidebarAltIcon: Vr, SidebarAltToggleIcon: u1, SidebarIcon: p1, SidebarToggleIcon: c1, SpeakerIcon: d1, StackedIcon: f1, -StarHollowIcon: m1, StarIcon: h1, StatusFailIcon: hi, StatusPassIcon: Rl, StatusWarnIcon: gi, StickerIcon: g1, StopAltHollowIcon: zl, StopAltIcon: y1, -StopIcon: v1, StorybookIcon: Wl, StructureIcon: b1, SubtractIcon: x1, SunIcon: I1, SupportIcon: S1, SwitchAltIcon: w1, SyncIcon: Ft, TabletIcon: E1, -ThumbsUpIcon: C1, TimeIcon: jl, TimerIcon: T1, TransferIcon: _1, TrashIcon: Vl, TwitterIcon: k1, TypeIcon: O1, UbuntuIcon: P1, UndoIcon: A1, -UnfoldIcon: D1, UnlockIcon: M1, UnpinIcon: L1, UploadIcon: N1, UserAddIcon: F1, UserAltIcon: B1, UserIcon: H1, UsersIcon: R1, VSCodeIcon: z1, -VerifiedIcon: W1, VideoIcon: j1, WandIcon: $l, WatchIcon: V1, WindowsIcon: $1, WrenchIcon: K1, XIcon: U1, YoutubeIcon: q1, ZoomIcon: Kl, ZoomOutIcon: Ul, -ZoomResetIcon: ql, iconList: G1 } = __STORYBOOK_ICONS__; +var gE = __STORYBOOK_ICONS__, { AccessibilityAltIcon: yE, AccessibilityIcon: vE, AddIcon: bE, AdminIcon: xE, AlertAltIcon: IE, AlertIcon: Nr, +AlignLeftIcon: SE, AlignRightIcon: wE, AppleIcon: EE, ArrowBottomLeftIcon: CE, ArrowBottomRightIcon: TE, ArrowDownIcon: _E, ArrowLeftIcon: Il, +ArrowRightIcon: kE, ArrowSolidDownIcon: OE, ArrowSolidLeftIcon: PE, ArrowSolidRightIcon: AE, ArrowSolidUpIcon: DE, ArrowTopLeftIcon: ME, ArrowTopRightIcon: LE, +ArrowUpIcon: NE, AzureDevOpsIcon: FE, BackIcon: BE, BasketIcon: HE, BatchAcceptIcon: RE, BatchDenyIcon: zE, BeakerIcon: WE, BellIcon: jE, BitbucketIcon: VE, +BoldIcon: $E, BookIcon: KE, BookmarkHollowIcon: UE, BookmarkIcon: qE, BottomBarIcon: Fr, BottomBarToggleIcon: Sl, BoxIcon: GE, BranchIcon: YE, +BrowserIcon: XE, ButtonIcon: QE, CPUIcon: ZE, CalendarIcon: JE, CameraIcon: eC, CategoryIcon: tC, CertificateIcon: oC, ChangedIcon: rC, ChatIcon: nC, +CheckIcon: et, ChevronDownIcon: Po, ChevronLeftIcon: iC, ChevronRightIcon: wl, ChevronSmallDownIcon: sC, ChevronSmallLeftIcon: aC, ChevronSmallRightIcon: lC, +ChevronSmallUpIcon: El, ChevronUpIcon: uC, ChromaticIcon: pC, ChromeIcon: cC, CircleHollowIcon: dC, CircleIcon: Cl, ClearIcon: fC, CloseAltIcon: Br, +CloseIcon: ct, CloudHollowIcon: mC, CloudIcon: hC, CogIcon: di, CollapseIcon: Tl, CommandIcon: gC, CommentAddIcon: yC, CommentIcon: vC, CommentsIcon: bC, +CommitIcon: xC, CompassIcon: IC, ComponentDrivenIcon: SC, ComponentIcon: fi, ContrastIcon: wC, ControlsIcon: EC, CopyIcon: CC, CreditIcon: TC, +CrossIcon: _C, DashboardIcon: kC, DatabaseIcon: OC, DeleteIcon: PC, DiamondIcon: AC, DirectionIcon: DC, DiscordIcon: MC, DocChartIcon: LC, DocListIcon: NC, +DocumentIcon: Ao, DownloadIcon: FC, DragIcon: BC, EditIcon: HC, EllipsisIcon: RC, EmailIcon: zC, ExpandAltIcon: _l, ExpandIcon: kl, EyeCloseIcon: Ol, +EyeIcon: Hr, FaceHappyIcon: WC, FaceNeutralIcon: jC, FaceSadIcon: VC, FacebookIcon: $C, FailedIcon: KC, FastForwardIcon: UC, FigmaIcon: qC, FilterIcon: Pl, +FlagIcon: GC, FolderIcon: YC, FormIcon: XC, GDriveIcon: QC, GithubIcon: Rr, GitlabIcon: ZC, GlobeIcon: mi, GoogleIcon: JC, GraphBarIcon: eT, +GraphLineIcon: tT, GraphqlIcon: oT, GridAltIcon: rT, GridIcon: nT, GrowIcon: iT, HeartHollowIcon: sT, HeartIcon: Al, HomeIcon: aT, HourglassIcon: lT, +InfoIcon: Dl, ItalicIcon: uT, JumpToIcon: pT, KeyIcon: cT, LightningIcon: Ml, LightningOffIcon: dT, LinkBrokenIcon: fT, LinkIcon: Ll, LinkedinIcon: mT, +LinuxIcon: hT, ListOrderedIcon: gT, ListUnorderedIcon: yT, LocationIcon: vT, LockIcon: zr, MarkdownIcon: bT, MarkupIcon: Nl, MediumIcon: xT, +MemoryIcon: IT, MenuIcon: Wr, MergeIcon: ST, MirrorIcon: wT, MobileIcon: ET, MoonIcon: CT, NutIcon: TT, OutboxIcon: _T, OutlineIcon: kT, PaintBrushIcon: OT, +PaperClipIcon: PT, ParagraphIcon: AT, PassedIcon: DT, PhoneIcon: MT, PhotoDragIcon: LT, PhotoIcon: NT, PinAltIcon: FT, PinIcon: BT, PlayAllHollowIcon: Fl, +PlayBackIcon: HT, PlayHollowIcon: Bl, PlayIcon: RT, PlayNextIcon: zT, PlusIcon: Hl, PointerDefaultIcon: WT, PointerHandIcon: jT, PowerIcon: VT, +PrintIcon: $T, ProceedIcon: KT, ProfileIcon: UT, PullRequestIcon: qT, QuestionIcon: GT, RSSIcon: YT, RedirectIcon: XT, ReduxIcon: QT, RefreshIcon: ZT, +ReplyIcon: JT, RepoIcon: e1, RequestChangeIcon: t1, RewindIcon: o1, RulerIcon: r1, SaveIcon: n1, SearchIcon: jr, ShareAltIcon: Tt, ShareIcon: i1, +ShieldIcon: s1, SideBySideIcon: a1, SidebarAltIcon: Vr, SidebarAltToggleIcon: l1, SidebarIcon: u1, SidebarToggleIcon: p1, SpeakerIcon: c1, StackedIcon: d1, +StarHollowIcon: f1, StarIcon: m1, StatusFailIcon: hi, StatusPassIcon: Rl, StatusWarnIcon: gi, StickerIcon: h1, StopAltHollowIcon: zl, StopAltIcon: g1, +StopIcon: y1, StorybookIcon: Wl, StructureIcon: v1, SubtractIcon: b1, SunIcon: x1, SupportIcon: I1, SwitchAltIcon: S1, SyncIcon: Ft, TabletIcon: w1, +ThumbsUpIcon: E1, TimeIcon: jl, TimerIcon: C1, TransferIcon: T1, TrashIcon: Vl, TwitterIcon: _1, TypeIcon: k1, UbuntuIcon: O1, UndoIcon: P1, +UnfoldIcon: A1, UnlockIcon: D1, UnpinIcon: M1, UploadIcon: L1, UserAddIcon: N1, UserAltIcon: F1, UserIcon: B1, UsersIcon: H1, VSCodeIcon: R1, +VerifiedIcon: z1, VideoIcon: W1, WandIcon: $l, WatchIcon: j1, WindowsIcon: V1, WrenchIcon: $1, XIcon: K1, YoutubeIcon: U1, ZoomIcon: Kl, ZoomOutIcon: Ul, +ZoomResetIcon: ql, iconList: q1 } = __STORYBOOK_ICONS__; // ../node_modules/@babel/runtime/helpers/esm/extends.js function q() { @@ -2521,12 +2521,12 @@ function vi(e) { return Math.round(e * 255); } s(vi, "colorToInt"); -function Fm(e, t, o) { +function Nm(e, t, o) { return vi(e) + "," + vi(t) + "," + vi(o); } -s(Fm, "convertToInt"); +s(Nm, "convertToInt"); function Ql(e, t, o, i) { - if (i === void 0 && (i = Fm), t === 0) + if (i === void 0 && (i = Nm), t === 0) return i(o, o, o); var n = (e % 360 + 360) % 360 / 60, r = (1 - Math.abs(2 * o - 1)) * t, l = r * (1 - Math.abs(n % 2 - 1)), u = 0, p = 0, c = 0; n >= 0 && n < 1 ? (u = r, p = l) : n >= 1 && n < 2 ? (u = l, p = r) : n >= 2 && n < 3 ? (p = r, c = l) : n >= 3 && n < 4 ? (p = l, c = r) : @@ -2685,26 +2685,26 @@ var Zl = { yellow: "ff0", yellowgreen: "9acd32" }; -function Bm(e) { +function Fm(e) { if (typeof e != "string") return e; var t = e.toLowerCase(); return Zl[t] ? "#" + Zl[t] : e; } -s(Bm, "nameToHex"); -var Hm = /^#[a-fA-F0-9]{6}$/, Rm = /^#[a-fA-F0-9]{8}$/, zm = /^#[a-fA-F0-9]{3}$/, Wm = /^#[a-fA-F0-9]{4}$/, bi = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, -jm = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, Vm = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, -$m = /^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; +s(Fm, "nameToHex"); +var Bm = /^#[a-fA-F0-9]{6}$/, Hm = /^#[a-fA-F0-9]{8}$/, Rm = /^#[a-fA-F0-9]{3}$/, zm = /^#[a-fA-F0-9]{4}$/, bi = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, +Wm = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, jm = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, +Vm = /^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 tu(e) { if (typeof e != "string") throw new Lo(3); - var t = Bm(e); - if (t.match(Hm)) + var t = Fm(e); + if (t.match(Bm)) return { red: parseInt("" + t[1] + t[2], 16), green: parseInt("" + t[3] + t[4], 16), blue: parseInt("" + t[5] + t[6], 16) }; - if (t.match(Rm)) { + if (t.match(Hm)) { var o = parseFloat((parseInt("" + t[7] + t[8], 16) / 255).toFixed(2)); return { red: parseInt("" + t[1] + t[2], 16), @@ -2713,13 +2713,13 @@ function tu(e) { alpha: o }; } - if (t.match(zm)) + if (t.match(Rm)) return { red: parseInt("" + t[1] + t[1], 16), green: parseInt("" + t[2] + t[2], 16), blue: parseInt("" + t[3] + t[3], 16) }; - if (t.match(Wm)) { + if (t.match(zm)) { var i = parseFloat((parseInt("" + t[4] + t[4], 16) / 255).toFixed(2)); return { red: parseInt("" + t[1] + t[1], 16), @@ -2735,7 +2735,7 @@ function tu(e) { green: parseInt("" + n[2], 10), blue: parseInt("" + n[3], 10) }; - var r = jm.exec(t.substring(0, 50)); + var r = Wm.exec(t.substring(0, 50)); if (r) return { red: parseInt("" + r[1], 10), @@ -2743,7 +2743,7 @@ function tu(e) { blue: parseInt("" + r[3], 10), alpha: parseFloat("" + r[4]) > 1 ? parseFloat("" + r[4]) / 100 : parseFloat("" + r[4]) }; - var l = Vm.exec(t); + var l = jm.exec(t); if (l) { var u = parseInt("" + l[1], 10), p = parseInt("" + l[2], 10) / 100, c = parseInt("" + l[3], 10) / 100, d = "rgb(" + Ql(u, p, c) + ")", m = bi. exec(d); @@ -2755,9 +2755,9 @@ function tu(e) { blue: parseInt("" + m[3], 10) }; } - var f = $m.exec(t.substring(0, 50)); + var f = Vm.exec(t.substring(0, 50)); if (f) { - var y = parseInt("" + f[1], 10), h = parseInt("" + f[2], 10) / 100, g = parseInt("" + f[3], 10) / 100, I = "rgb(" + Ql(y, h, g) + ")", C = bi. + var y = parseInt("" + f[1], 10), h = parseInt("" + f[2], 10) / 100, v = parseInt("" + f[3], 10) / 100, I = "rgb(" + Ql(y, h, v) + ")", C = bi. exec(I); if (!C) throw new Lo(4, t, I); @@ -2771,9 +2771,9 @@ function tu(e) { throw new Lo(5); } s(tu, "parseToRgb"); -var Km = /* @__PURE__ */ s(function(t) { +var $m = /* @__PURE__ */ s(function(t) { return t.length === 7 && t[1] === t[2] && t[3] === t[4] && t[5] === t[6] ? "#" + t[1] + t[3] + t[5] : t; -}, "reduceHexValue"), Jl = Km; +}, "reduceHexValue"), Jl = $m; function Mo(e) { var t = e.toString(16); return t.length === 1 ? "0" + t : t; @@ -2807,26 +2807,26 @@ function ou(e, t, o) { }, "fn"); } s(ou, "curried"); -function Um(e) { +function Km(e) { return ou(e, e.length, []); } -s(Um, "curry"); -function qm(e, t, o) { +s(Km, "curry"); +function Um(e, t, o) { return Math.max(e, Math.min(t, o)); } -s(qm, "guard"); -function Gm(e, t) { +s(Um, "guard"); +function qm(e, t) { if (t === "transparent") return t; var o = tu(t), i = typeof o.alpha == "number" ? o.alpha : 1, n = q({}, o, { - alpha: qm(0, 1, +(i * 100 - parseFloat(e) * 100).toFixed(2) / 100) + alpha: Um(0, 1, +(i * 100 - parseFloat(e) * 100).toFixed(2) / 100) }); return xi(n); } -s(Gm, "transparentize"); -var Ym = /* @__PURE__ */ Um(Gm), xe = Ym; +s(qm, "transparentize"); +var Gm = /* @__PURE__ */ Km(qm), xe = Gm; // src/manager/components/notifications/NotificationItem.tsx -var Xm = Kt({ +var Ym = Kt({ "0%": { opacity: 0, transform: "translateY(30px)" @@ -2835,14 +2835,14 @@ var Xm = Kt({ opacity: 1, transform: "translateY(0)" } -}), Qm = Kt({ +}), Xm = Kt({ "0%": { width: "0%" }, "100%": { width: "100%" } -}), ru = w.div( +}), ru = S.div( ({ theme: e }) => ({ position: "relative", display: "flex", @@ -2850,7 +2850,7 @@ var Xm = Kt({ padding: "12px 6px 12px 12px", borderRadius: e.appBorderRadius + 1, alignItems: "center", - animation: `${Xm} 500ms`, + animation: `${Ym} 500ms`, background: e.base === "light" ? "hsla(203, 50%, 20%, .97)" : "hsla(203, 30%, 95%, .97)", boxShadow: "0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.1)", color: e.color.inverseText, @@ -2869,10 +2869,10 @@ var Xm = Kt({ left: 0, height: 3, background: t.color.secondary, - animation: `${Qm} ${e}ms linear forwards reverse` + animation: `${Xm} ${e}ms linear forwards reverse` } } -), nu = w(ru)({ +), nu = S(ru)({ cursor: "pointer", border: "none", outline: "none", @@ -2891,7 +2891,7 @@ var Xm = Kt({ boxShadow: "rgba(2,156,253,1) 0 0 0 1px inset, 0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0\ .1)" } -}), Zm = nu.withComponent("div"), Jm = nu.withComponent(Ir), eh = w.div(() => ({ +}), Qm = nu.withComponent("div"), Zm = nu.withComponent(Ir), Jm = S.div(() => ({ display: "flex", marginRight: 10, alignItems: "center", @@ -2899,12 +2899,12 @@ var Xm = Kt({ width: 16, height: 16 } -})), th = w.div(({ theme: e }) => ({ +})), eh = S.div(({ theme: e }) => ({ width: "100%", display: "flex", flexDirection: "column", color: e.base === "dark" ? e.color.mediumdark : e.color.mediumlight -})), oh = w.div(({ theme: e, hasIcon: t }) => ({ +})), th = S.div(({ theme: e, hasIcon: t }) => ({ height: "100%", alignItems: "center", whiteSpace: "balance", @@ -2913,7 +2913,7 @@ var Xm = Kt({ fontSize: e.typography.size.s1, lineHeight: "16px", fontWeight: e.typography.weight.bold -})), rh = w.div(({ theme: e }) => ({ +})), oh = S.div(({ theme: e }) => ({ color: xe(0.25, e.color.inverseText), fontSize: e.typography.size.s1 - 1, lineHeight: "14px", @@ -2924,16 +2924,16 @@ var Xm = Kt({ content: { headline: t, subHeadline: o } }) => { let i = Fe(), n = i.base === "dark" ? i.color.mediumdark : i.color.mediumlight; - return /* @__PURE__ */ a.createElement(a.Fragment, null, !e || /* @__PURE__ */ a.createElement(eh, null, a.isValidElement(e) ? e : typeof e == - "object" && "name" in e && /* @__PURE__ */ a.createElement(vl, { icon: e.name, color: e.color || n })), /* @__PURE__ */ a.createElement(th, - null, /* @__PURE__ */ a.createElement(oh, { title: t, hasIcon: !!e }, t), o && /* @__PURE__ */ a.createElement(rh, null, o))); -}, "ItemContent"), nh = w(te)(({ theme: e }) => ({ + return /* @__PURE__ */ a.createElement(a.Fragment, null, !e || /* @__PURE__ */ a.createElement(Jm, null, a.isValidElement(e) ? e : typeof e == + "object" && "name" in e && /* @__PURE__ */ a.createElement(vl, { icon: e.name, color: e.color || n })), /* @__PURE__ */ a.createElement(eh, + null, /* @__PURE__ */ a.createElement(th, { title: t, hasIcon: !!e }, t), o && /* @__PURE__ */ a.createElement(oh, null, o))); +}, "ItemContent"), rh = S(te)(({ theme: e }) => ({ width: 28, alignSelf: "center", marginTop: 0, color: e.base === "light" ? "rgba(255,255,255,0.7)" : " #999999" })), Si = /* @__PURE__ */ s(({ onDismiss: e }) => /* @__PURE__ */ a.createElement( - nh, + rh, { title: "Dismiss notification", onClick: (t) => { @@ -2941,26 +2941,26 @@ var Xm = Kt({ } }, /* @__PURE__ */ a.createElement(Br, { size: 12 }) -), "DismissNotificationItem"), H_ = w.div({ +), "DismissNotificationItem"), B_ = S.div({ height: 48 -}), ih = /* @__PURE__ */ s(({ +}), nh = /* @__PURE__ */ s(({ notification: { content: e, duration: t, link: o, onClear: i, onClick: n, id: r, icon: l }, onDismissNotification: u, zIndex: p }) => { - let c = D(() => { + let c = M(() => { u(r), i && i({ dismissed: !1, timeout: !0 }); }, [r, u, i]), d = G(null); z(() => { if (t) return d.current = setTimeout(c, t), () => clearTimeout(d.current); }, [t, c]); - let m = D(() => { + let m = M(() => { clearTimeout(d.current), u(r), i && i({ dismissed: !0, timeout: !1 }); }, [r, u, i]); - return o ? /* @__PURE__ */ a.createElement(Jm, { to: o, duration: t, style: { zIndex: p } }, /* @__PURE__ */ a.createElement(Ii, { icon: l, + return o ? /* @__PURE__ */ a.createElement(Zm, { to: o, duration: t, style: { zIndex: p } }, /* @__PURE__ */ a.createElement(Ii, { icon: l, content: e }), /* @__PURE__ */ a.createElement(Si, { onDismiss: m })) : n ? /* @__PURE__ */ a.createElement( - Zm, + Qm, { duration: t, onClick: () => n({ onDismiss: m }), @@ -2970,7 +2970,7 @@ var Xm = Kt({ /* @__PURE__ */ a.createElement(Si, { onDismiss: m }) ) : /* @__PURE__ */ a.createElement(ru, { duration: t, style: { zIndex: p } }, /* @__PURE__ */ a.createElement(Ii, { icon: l, content: e }), /* @__PURE__ */ a.createElement(Si, { onDismiss: m })); -}, "NotificationItem"), iu = ih; +}, "NotificationItem"), iu = nh; // src/manager/components/notifications/NotificationList.tsx var Ur = /* @__PURE__ */ s(({ @@ -2978,7 +2978,7 @@ var Ur = /* @__PURE__ */ s(({ clearNotification: t }) => { let { isMobile: o } = ge(); - return /* @__PURE__ */ a.createElement(sh, { isMobile: o }, e && e.map((i, n) => /* @__PURE__ */ a.createElement( + return /* @__PURE__ */ a.createElement(ih, { isMobile: o }, e && e.map((i, n) => /* @__PURE__ */ a.createElement( iu, { key: i.id, @@ -2987,7 +2987,7 @@ var Ur = /* @__PURE__ */ s(({ zIndex: e.length - n } ))); -}, "NotificationList"), sh = w.div( +}, "NotificationList"), ih = S.div( { zIndex: 200, "> * + *": { @@ -3005,14 +3005,14 @@ var Ur = /* @__PURE__ */ s(({ ); // src/manager/container/Notifications.tsx -var ah = /* @__PURE__ */ s(({ state: e, api: t }) => ({ +var sh = /* @__PURE__ */ s(({ state: e, api: t }) => ({ notifications: e.notifications, clearNotification: t.clearNotification -}), "mapper"), su = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(me, { filter: ah }, (t) => /* @__PURE__ */ a.createElement(Ur, { +}), "mapper"), su = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(me, { filter: sh }, (t) => /* @__PURE__ */ a.createElement(Ur, { ...e, ...t })), "Notifications"); // src/manager/components/mobile/navigation/MobileAddonsDrawer.tsx -var lh = w.div(({ theme: e }) => ({ +var ah = S.div(({ theme: e }) => ({ position: "relative", boxSizing: "border-box", width: "100%", @@ -3020,7 +3020,7 @@ var lh = w.div(({ theme: e }) => ({ height: "42vh", zIndex: 11, overflow: "hidden" -})), au = /* @__PURE__ */ s(({ children: e }) => /* @__PURE__ */ a.createElement(lh, null, e), "MobileAddonsDrawer"); +})), au = /* @__PURE__ */ s(({ children: e }) => /* @__PURE__ */ a.createElement(ah, null, e), "MobileAddonsDrawer"); // ../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js function ke(e, t) { @@ -3035,8 +3035,8 @@ function ke(e, t) { s(ke, "_objectWithoutPropertiesLoose"); // global-externals:react-dom -var Gt = __REACT_DOM__, { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: nk, createPortal: ik, createRoot: sk, findDOMNode: ak, flushSync: Yt, -hydrate: lk, hydrateRoot: uk, render: pk, unmountComponentAtNode: ck, unstable_batchedUpdates: dk, unstable_renderSubtreeIntoContainer: fk, version: mk } = __REACT_DOM__; +var Gt = __REACT_DOM__, { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: rk, createPortal: nk, createRoot: ik, findDOMNode: sk, flushSync: Yt, +hydrate: ak, hydrateRoot: lk, render: uk, unmountComponentAtNode: pk, unstable_batchedUpdates: ck, unstable_renderSubtreeIntoContainer: dk, version: fk } = __REACT_DOM__; // ../node_modules/react-transition-group/esm/config.js var wi = { @@ -3172,7 +3172,7 @@ var Qo = "unmounted", Xt = "exited", Qt = "entering", Fo = "entered", Ci = "exit if (n === Qo) return null; var r = this.props, l = r.children, u = r.in, p = r.mountOnEnter, c = r.unmountOnExit, d = r.appear, m = r.enter, f = r.exit, y = r.timeout, - h = r.addEndListener, g = r.onEnter, I = r.onEntering, C = r.onEntered, b = r.onExit, x = r.onExiting, v = r.onExited, S = r.nodeRef, T = ke( + h = r.addEndListener, v = r.onEnter, I = r.onEntering, C = r.onEntered, b = r.onExit, x = r.onExiting, g = r.onExited, w = r.nodeRef, T = ke( r, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "\ onEntered", "onExit", "onExiting", "onExited", "nodeRef"]); return ( @@ -3212,13 +3212,13 @@ var Zt = _t; // src/manager/components/upgrade/UpgradeBlock.tsx var qr = /* @__PURE__ */ s(({ onNavigateToWhatsNew: e }) => { let t = pe(), [o, i] = U("npm"); - return /* @__PURE__ */ a.createElement(ph, null, /* @__PURE__ */ a.createElement("strong", null, "You are on Storybook ", t.getCurrentVersion(). + return /* @__PURE__ */ a.createElement(uh, null, /* @__PURE__ */ a.createElement("strong", null, "You are on Storybook ", t.getCurrentVersion(). version), /* @__PURE__ */ a.createElement("p", null, "Run the following script to check for updates and upgrade to the latest version."), /* @__PURE__ */ a. - createElement(ch, null, /* @__PURE__ */ a.createElement(uu, { active: o === "npm", onClick: () => i("npm") }, "npm"), /* @__PURE__ */ a.createElement( - uu, { active: o === "pnpm", onClick: () => i("pnpm") }, "pnpm")), /* @__PURE__ */ a.createElement(dh, null, o === "npm" ? "npx storybook@l\ + createElement(ph, null, /* @__PURE__ */ a.createElement(uu, { active: o === "npm", onClick: () => i("npm") }, "npm"), /* @__PURE__ */ a.createElement( + uu, { active: o === "pnpm", onClick: () => i("pnpm") }, "pnpm")), /* @__PURE__ */ a.createElement(ch, null, o === "npm" ? "npx storybook@l\ atest upgrade" : "pnpm dlx storybook@latest upgrade"), e && // eslint-disable-next-line jsx-a11y/anchor-is-valid /* @__PURE__ */ a.createElement(We, { onClick: e }, "See what's new in Storybook")); -}, "UpgradeBlock"), ph = w.div(({ theme: e }) => ({ +}, "UpgradeBlock"), uh = S.div(({ theme: e }) => ({ border: "1px solid", borderRadius: 5, padding: 20, @@ -3229,14 +3229,14 @@ atest upgrade" : "pnpm dlx storybook@latest upgrade"), e && // eslint-disable-ne [wt]: { maxWidth: 400 } -})), ch = w.div({ +})), ph = S.div({ display: "flex", gap: 2 -}), dh = w.pre(({ theme: e }) => ({ +}), ch = S.pre(({ theme: e }) => ({ background: e.base === "light" ? "rgba(0, 0, 0, 0.05)" : e.appBorderColor, fontSize: e.typography.size.s2 - 1, margin: "4px 0 16px" -})), uu = w.button(({ theme: e, active: t }) => ({ +})), uu = S.button(({ theme: e, active: t }) => ({ all: "unset", alignItems: "center", gap: 10, @@ -3262,8 +3262,8 @@ var du = /* @__PURE__ */ s(() => { mountOnEnter: !0, unmountOnExit: !0 }, - (i) => /* @__PURE__ */ a.createElement(fh, { ref: o, state: i, transitionDuration: 300 }, /* @__PURE__ */ a.createElement(gh, { onClick: () => t( - !1), title: "Close about section" }, /* @__PURE__ */ a.createElement(Il, null), "Back"), /* @__PURE__ */ a.createElement(mh, null, /* @__PURE__ */ a. + (i) => /* @__PURE__ */ a.createElement(dh, { ref: o, state: i, transitionDuration: 300 }, /* @__PURE__ */ a.createElement(hh, { onClick: () => t( + !1), title: "Close about section" }, /* @__PURE__ */ a.createElement(Il, null), "Back"), /* @__PURE__ */ a.createElement(fh, null, /* @__PURE__ */ a. createElement(pu, { href: "https://github.com/storybookjs/storybook", target: "_blank" }, /* @__PURE__ */ a.createElement(cu, null, /* @__PURE__ */ a. createElement(Rr, null), /* @__PURE__ */ a.createElement("span", null, "Github")), /* @__PURE__ */ a.createElement(Tt, { width: 12 })), /* @__PURE__ */ a. createElement( @@ -3275,11 +3275,11 @@ var du = /* @__PURE__ */ s(() => { /* @__PURE__ */ a.createElement(cu, null, /* @__PURE__ */ a.createElement(Wl, null), /* @__PURE__ */ a.createElement("span", null, "Do\ cumentation")), /* @__PURE__ */ a.createElement(Tt, { width: 12 }) - )), /* @__PURE__ */ a.createElement(qr, null), /* @__PURE__ */ a.createElement(hh, null, "Open source software maintained by", " ", /* @__PURE__ */ a. + )), /* @__PURE__ */ a.createElement(qr, null), /* @__PURE__ */ a.createElement(mh, null, "Open source software maintained by", " ", /* @__PURE__ */ a. createElement(We, { href: "https://chromatic.com", target: "_blank" }, "Chromatic"), " ", "and the", " ", /* @__PURE__ */ a.createElement( We, { href: "https://github.com/storybookjs/storybook/graphs/contributors" }, "Storybook Community"))) ); -}, "MobileAbout"), fh = w.div( +}, "MobileAbout"), dh = S.div( ({ theme: e, state: t, transitionDuration: o }) => ({ position: "absolute", width: "100%", @@ -3317,10 +3317,10 @@ cumentation")), } })()}` }) -), mh = w.div({ +), fh = S.div({ marginTop: 20, marginBottom: 20 -}), pu = w.a(({ theme: e }) => ({ +}), pu = S.a(({ theme: e }) => ({ all: "unset", display: "flex", alignItems: "center", @@ -3333,16 +3333,16 @@ cumentation")), "&:last-child": { borderBottom: "none" } -})), cu = w.div(({ theme: e }) => ({ +})), cu = S.div(({ theme: e }) => ({ display: "flex", alignItems: "center", fontSize: e.typography.size.s2 - 1, height: 40, gap: 5 -})), hh = w.div(({ theme: e }) => ({ +})), mh = S.div(({ theme: e }) => ({ fontSize: e.typography.size.s2 - 1, marginTop: 30 -})), gh = w.button(({ theme: e }) => ({ +})), hh = S.button(({ theme: e }) => ({ all: "unset", display: "flex", alignItems: "center", @@ -3365,14 +3365,14 @@ var fu = /* @__PURE__ */ s(({ children: e }) => { unmountOnExit: !0, onExited: () => u(!1) }, - (p) => /* @__PURE__ */ a.createElement(yh, { ref: t, state: p }, /* @__PURE__ */ a.createElement( + (p) => /* @__PURE__ */ a.createElement(gh, { ref: t, state: p }, /* @__PURE__ */ a.createElement( Zt, { nodeRef: o, in: !l, timeout: 300 }, - (c) => /* @__PURE__ */ a.createElement(vh, { ref: o, state: c }, e) + (c) => /* @__PURE__ */ a.createElement(yh, { ref: o, state: c }, e) ), /* @__PURE__ */ a.createElement(du, null)) ), /* @__PURE__ */ a.createElement( Zt, @@ -3384,7 +3384,7 @@ var fu = /* @__PURE__ */ s(({ children: e }) => { unmountOnExit: !0 }, (p) => /* @__PURE__ */ a.createElement( - bh, + vh, { ref: i, state: p, @@ -3393,7 +3393,7 @@ var fu = /* @__PURE__ */ s(({ children: e }) => { } ) )); -}, "MobileMenuDrawer"), yh = w.div(({ theme: e, state: t }) => ({ +}, "MobileMenuDrawer"), gh = S.div(({ theme: e, state: t }) => ({ position: "fixed", boxSizing: "border-box", width: "100%", @@ -3407,7 +3407,7 @@ var fu = /* @__PURE__ */ s(({ children: e }) => { overflow: "hidden", transform: `${t === "entering" || t === "entered" ? "translateY(0)" : t === "exiting" || t === "exited" ? "translateY(100%)" : "translateY\ (0)"}` -})), vh = w.div(({ theme: e, state: t }) => ({ +})), yh = S.div(({ theme: e, state: t }) => ({ position: "absolute", width: "100%", height: "100%", @@ -3429,7 +3429,7 @@ var fu = /* @__PURE__ */ s(({ children: e }) => { return "translateX(0)"; } })()}` -})), bh = w.div(({ state: e }) => ({ +})), vh = S.div(({ state: e }) => ({ position: "fixed", boxSizing: "border-box", background: "rgba(0, 0, 0, 0.5)", @@ -3458,7 +3458,7 @@ var fu = /* @__PURE__ */ s(({ children: e }) => { })); // src/manager/components/mobile/navigation/MobileNavigation.tsx -var xh = /* @__PURE__ */ s(() => { +var bh = /* @__PURE__ */ s(() => { let { index: e } = Ze(), t = pe(), o = t.getCurrentStoryData(); if (!o) return ""; @@ -3467,26 +3467,26 @@ var xh = /* @__PURE__ */ s(() => { n = e[n.parent], i = `${n.renderLabel?.(n, t) || n.name}/${i}`; return i; }, "useFullStoryName"), mu = /* @__PURE__ */ s(({ menu: e, panel: t, showPanel: o }) => { - let { isMobileMenuOpen: i, isMobilePanelOpen: n, setMobileMenuOpen: r, setMobilePanelOpen: l } = ge(), u = xh(); - return /* @__PURE__ */ a.createElement(Ih, null, /* @__PURE__ */ a.createElement(fu, null, e), n ? /* @__PURE__ */ a.createElement(au, null, - t) : /* @__PURE__ */ a.createElement(Sh, { className: "sb-bar" }, /* @__PURE__ */ a.createElement(wh, { onClick: () => r(!i), title: "Open\ - navigation menu" }, /* @__PURE__ */ a.createElement(Wr, null), /* @__PURE__ */ a.createElement(Eh, null, u)), o && /* @__PURE__ */ a.createElement( + let { isMobileMenuOpen: i, isMobilePanelOpen: n, setMobileMenuOpen: r, setMobilePanelOpen: l } = ge(), u = bh(); + return /* @__PURE__ */ a.createElement(xh, null, /* @__PURE__ */ a.createElement(fu, null, e), n ? /* @__PURE__ */ a.createElement(au, null, + t) : /* @__PURE__ */ a.createElement(Ih, { className: "sb-bar" }, /* @__PURE__ */ a.createElement(Sh, { onClick: () => r(!i), title: "Open\ + navigation menu" }, /* @__PURE__ */ a.createElement(Wr, null), /* @__PURE__ */ a.createElement(wh, null, u)), o && /* @__PURE__ */ a.createElement( te, { onClick: () => l(!0), title: "Open addon panel" }, /* @__PURE__ */ a.createElement(Sl, null)))); -}, "MobileNavigation"), Ih = w.div(({ theme: e }) => ({ +}, "MobileNavigation"), xh = S.div(({ theme: e }) => ({ bottom: 0, left: 0, width: "100%", zIndex: 10, background: e.barBg, borderTop: `1px solid ${e.appBorderColor}` -})), Sh = w.div({ +})), Ih = S.div({ display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", height: 40, padding: "0 6px" -}), wh = w.button(({ theme: e }) => ({ +}), Sh = S.button(({ theme: e }) => ({ all: "unset", display: "flex", alignItems: "center", @@ -3501,7 +3501,7 @@ var xh = /* @__PURE__ */ s(() => { height: 14, flexShrink: 0 } -})), Eh = w.p({ +})), wh = S.p({ display: "-webkit-box", WebkitLineClamp: 1, WebkitBoxOrient: "vertical", @@ -3565,26 +3565,26 @@ function bu({ }; } if (p === r) { - let h = y.panelPosition === "bottom" ? "bottomPanelHeight" : "rightPanelWidth", g = y.panelPosition === "bottom" ? ( + let h = y.panelPosition === "bottom" ? "bottomPanelHeight" : "rightPanelWidth", v = y.panelPosition === "bottom" ? ( // @ts-expect-error (non strict) f.view.innerHeight - f.clientY ) : ( // @ts-expect-error (non strict) f.view.innerWidth - f.clientX ); - if (g === y[h]) + if (v === y[h]) return y; - if (g <= hu) + if (v <= hu) return { ...y, [h]: 0 }; - if (y.panelPosition === "right" && g <= Yr) + if (y.panelPosition === "right" && v <= Yr) return { ...y, [h]: vu( gu, - g, + v, Yr ) }; @@ -3594,7 +3594,7 @@ function bu({ ); return { ...y, - [h]: yu(g, 0, I) + [h]: yu(v, 0, I) }; } return y; @@ -3613,8 +3613,8 @@ function bu({ s(bu, "useDragging"); // src/manager/components/layout/Layout.tsx -var Ch = 100, xu = /* @__PURE__ */ s((e, t) => e.navSize === t.navSize && e.bottomPanelHeight === t.bottomPanelHeight && e.rightPanelWidth === -t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), Th = /* @__PURE__ */ s(({ +var Eh = 100, xu = /* @__PURE__ */ s((e, t) => e.navSize === t.navSize && e.bottomPanelHeight === t.bottomPanelHeight && e.rightPanelWidth === +t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), Ch = /* @__PURE__ */ s(({ managerLayoutState: e, setManagerLayoutState: t, isDesktop: o, @@ -3669,9 +3669,9 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), showPages: f, showPanel: y, isDragging: h - } = Th({ managerLayoutState: e, setManagerLayoutState: t, isDesktop: n, hasTab: o }); + } = Ch({ managerLayoutState: e, setManagerLayoutState: t, isDesktop: n, hasTab: o }); return /* @__PURE__ */ a.createElement( - _h, + Th, { navSize: l, rightPanelWidth: u, @@ -3681,11 +3681,11 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), viewMode: e.viewMode, showPanel: y }, - f && /* @__PURE__ */ a.createElement(Ph, null, i.slotPages), - /* @__PURE__ */ a.createElement(Ra, { path: /(^\/story|docs|onboarding\/|^\/$)/, startsWith: !1 }, ({ match: g }) => /* @__PURE__ */ a.createElement( - Oh, { shown: !!g }, i.slotMain)), - n && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(kh, null, /* @__PURE__ */ a.createElement(Iu, { ref: m }), - i.slotSidebar), y && /* @__PURE__ */ a.createElement(Ah, { position: c }, /* @__PURE__ */ a.createElement( + f && /* @__PURE__ */ a.createElement(Oh, null, i.slotPages), + /* @__PURE__ */ a.createElement(Ra, { path: /(^\/story|docs|onboarding\/|^\/$)/, startsWith: !1 }, ({ match: v }) => /* @__PURE__ */ a.createElement( + kh, { shown: !!v }, i.slotMain)), + n && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(_h, null, /* @__PURE__ */ a.createElement(Iu, { ref: m }), + i.slotSidebar), y && /* @__PURE__ */ a.createElement(Ph, { position: c }, /* @__PURE__ */ a.createElement( Iu, { orientation: c === "bottom" ? "horizontal" : "vertical", @@ -3702,7 +3702,7 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), } )) ); -}, "Layout"), _h = w.div( +}, "Layout"), Th = S.div( ({ navSize: e, rightPanelWidth: t, bottomPanelHeight: o, viewMode: i, panelPosition: n, showPanel: r }) => ({ width: "100%", height: ["100vh", "100dvh"], @@ -3713,7 +3713,7 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), [wt]: { display: "grid", gap: 0, - gridTemplateColumns: `minmax(0, ${e}px) minmax(${Ch}px, 1fr) minmax(0, ${t}px)`, + gridTemplateColumns: `minmax(0, ${e}px) minmax(${Eh}px, 1fr) minmax(0, ${t}px)`, gridTemplateRows: `1fr minmax(0, ${o}px)`, gridTemplateAreas: i === "docs" || !r ? `"sidebar content content" "sidebar content content"` : n === "right" ? `"sidebar content panel" @@ -3721,12 +3721,12 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), "sidebar panel panel"` } }) -), kh = w.div(({ theme: e }) => ({ +), _h = S.div(({ theme: e }) => ({ backgroundColor: e.background.app, gridArea: "sidebar", position: "relative", borderRight: `1px solid ${e.color.border}` -})), Oh = w.div(({ theme: e, shown: t }) => ({ +})), kh = S.div(({ theme: e, shown: t }) => ({ flex: 1, position: "relative", backgroundColor: e.background.content, @@ -3737,14 +3737,14 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), flex: "auto", gridArea: "content" } -})), Ph = w.div(({ theme: e }) => ({ +})), Oh = S.div(({ theme: e }) => ({ gridRowStart: "sidebar-start", gridRowEnd: "-1", gridColumnStart: "sidebar-end", gridColumnEnd: "-1", backgroundColor: e.background.content, zIndex: 1 -})), Ah = w.div( +})), Ph = S.div( ({ theme: e, position: t }) => ({ gridArea: "panel", position: "relative", @@ -3752,7 +3752,7 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), borderTop: t === "bottom" ? `1px solid ${e.color.border}` : void 0, borderLeft: t === "right" ? `1px solid ${e.color.border}` : void 0 }) -), Iu = w.div( +), Iu = S.div( ({ theme: e }) => ({ position: "absolute", opacity: 0, @@ -3798,7 +3798,7 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), ); // global-externals:@storybook/core/types -var wO = __STORYBOOK_TYPES__, { Addon_TypesEnum: Ae } = __STORYBOOK_TYPES__; +var SO = __STORYBOOK_TYPES__, { Addon_TypesEnum: Ae } = __STORYBOOK_TYPES__; // src/manager/container/Panel.tsx var Eu = Ve(Zo(), 1); @@ -3846,7 +3846,7 @@ ock advanced features."), createElement(Ao, null), " Explore integrations catalog") } ), - tools: /* @__PURE__ */ a.createElement(Dh, null, l ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement( + tools: /* @__PURE__ */ a.createElement(Ah, null, l ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement( te, { key: "position", @@ -3876,18 +3876,18 @@ ock advanced features."), } ); ki.displayName = "AddonPanel"; -var Dh = w.div({ +var Ah = S.div({ display: "flex", alignItems: "center", gap: 6 }); // src/manager/container/Panel.tsx -var Mh = (0, Eu.default)(1)((e) => ({ +var Dh = (0, Eu.default)(1)((e) => ({ onSelect: /* @__PURE__ */ s((t) => e.setSelectedPanel(t), "onSelect"), toggleVisibility: /* @__PURE__ */ s(() => e.togglePanel(), "toggleVisibility"), togglePosition: /* @__PURE__ */ s(() => e.togglePanelPosition(), "togglePosition") -})), Lh = /* @__PURE__ */ s((e) => { +})), Mh = /* @__PURE__ */ s((e) => { let t = e.getElements(Ae.PANEL), o = e.getCurrentStoryData(); if (!t || !o || o.type !== "story") return t; @@ -3896,20 +3896,20 @@ var Mh = (0, Eu.default)(1)((e) => ({ let { paramKey: u } = l; u && i && i[u] && i[u].disable || (n[r] = l); }), n; -}, "getPanels"), Nh = /* @__PURE__ */ s(({ state: e, api: t }) => ({ - panels: Lh(t), +}, "getPanels"), Lh = /* @__PURE__ */ s(({ state: e, api: t }) => ({ + panels: Mh(t), selectedPanel: t.getSelectedPanel(), panelPosition: e.layout.panelPosition, - actions: Mh(t), + actions: Dh(t), shortcuts: t.getShortcutKeys() -}), "mapper"), Fh = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(me, { filter: Nh }, (t) => /* @__PURE__ */ a.createElement(ki, { -...e, ...t })), "Panel"), Cu = Fh; +}), "mapper"), Nh = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(me, { filter: Lh }, (t) => /* @__PURE__ */ a.createElement(ki, { +...e, ...t })), "Panel"), Cu = Nh; // src/manager/container/Preview.tsx var er = Ve(Zo(), 1); // src/manager/components/preview/Iframe.tsx -var Bh = w.iframe(({ theme: e }) => ({ +var Fh = S.iframe(({ theme: e }) => ({ backgroundColor: e.background.preview, display: "block", boxSizing: "content-box", @@ -3924,7 +3924,7 @@ var Bh = w.iframe(({ theme: e }) => ({ function Tu(e) { let { active: t, id: o, title: i, src: n, allowFullScreen: r, scale: l, ...u } = e, p = a.useRef(null); return /* @__PURE__ */ a.createElement(xl.IFrame, { scale: l, active: t, iFrameRef: p }, /* @__PURE__ */ a.createElement( - Bh, + Fh, { "data-is-storybook": t ? "true" : "false", onLoad: (c) => c.currentTarget.setAttribute("data-is-loaded", "true"), @@ -3948,7 +3948,7 @@ var zu = /* @__PURE__ */ s((e) => { }, "stringifyQueryParams"); // src/manager/components/preview/FramesRenderer.tsx -var ug = /* @__PURE__ */ s((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybook-preview-iframe", "getActive"), pg = w(fe)(({ theme: e }) => ({ +var lg = /* @__PURE__ */ s((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybook-preview-iframe", "getActive"), ug = S(fe)(({ theme: e }) => ({ display: "none", "@media (min-width: 600px)": { position: "absolute", @@ -3963,11 +3963,11 @@ var ug = /* @__PURE__ */ s((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybo zIndex: 1 } } -})), cg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ +})), pg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ isFullscreen: e.getIsFullscreen(), isNavShown: e.getIsNavShown(), selectedStoryId: t.storyId -}), "whenSidebarIsVisible"), dg = { +}), "whenSidebarIsVisible"), cg = { '#root [data-is-storybook="false"]': { display: "none" }, @@ -3986,7 +3986,7 @@ var ug = /* @__PURE__ */ s((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybo let u = e[i]?.version, p = zu({ ...n, ...u && { version: u } - }), c = ug(i, e), { current: d } = G({}), m = Object.values(e).filter((f) => f.type === "auto-inject" || f.id === i, {}); + }), c = lg(i, e), { current: d } = G({}), m = Object.values(e).filter((f) => f.type === "auto-inject" || f.id === i, {}); return d["storybook-preview-iframe"] || (d["storybook-preview-iframe"] = Oo(r, l, { ...n, ...u && { version: u }, @@ -3994,11 +3994,11 @@ var ug = /* @__PURE__ */ s((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybo })), m.forEach((f) => { let y = `storybook-ref-${f.id}`, h = d[y]?.split("/iframe.html")[0]; if (!h || f.url !== h) { - let g = `${f.url}/iframe.html?id=${l}&viewMode=${o}&refId=${f.id}${p}`; - d[y] = g; + let v = `${f.url}/iframe.html?id=${l}&viewMode=${o}&refId=${f.id}${p}`; + d[y] = v; } - }), /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Eo, { styles: dg }), /* @__PURE__ */ a.createElement(me, { filter: cg }, - ({ isFullscreen: f, isNavShown: y, selectedStoryId: h }) => f || !y || !h ? null : /* @__PURE__ */ a.createElement(pg, { asChild: !0 }, /* @__PURE__ */ a. + }), /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Eo, { styles: cg }), /* @__PURE__ */ a.createElement(me, { filter: pg }, + ({ isFullscreen: f, isNavShown: y, selectedStoryId: h }) => f || !y || !h ? null : /* @__PURE__ */ a.createElement(ug, { asChild: !0 }, /* @__PURE__ */ a. createElement("a", { href: `#${h}`, tabIndex: 0, title: "Skip to sidebar" }, "Skip to sidebar"))), Object.entries(d).map(([f, y]) => /* @__PURE__ */ a. createElement(Ne, { key: f }, /* @__PURE__ */ a.createElement( Tu, @@ -4015,7 +4015,7 @@ var ug = /* @__PURE__ */ s((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybo }, "FramesRenderer"); // src/manager/components/preview/tools/addons.tsx -var fg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ +var dg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ isVisible: e.getIsPanelShown(), singleStory: t.singleStory, panelPosition: t.layout.panelPosition, @@ -4025,18 +4025,18 @@ var fg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ id: "addons", type: we.TOOL, match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), - render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: fg }, ({ isVisible: e, toggle: t, singleStory: o, panelPosition: i }) => !o && + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: dg }, ({ isVisible: e, toggle: t, singleStory: o, panelPosition: i }) => !o && !e && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(te, { "aria-label": "Show addons", key: "addons", onClick: t, title: "Show addons" }, i === "bottom" ? /* @__PURE__ */ a.createElement(Fr, null) : /* @__PURE__ */ a.createElement(Vr, null)))), "render") }; // src/manager/components/preview/tools/copy.tsx var Gu = Ve(qu(), 1); -var { PREVIEW_URL: vg, document: bg } = re, xg = /* @__PURE__ */ s(({ state: e }) => { - let { storyId: t, refId: o, refs: i } = e, { location: n } = bg, r = i[o], l = `${n.origin}${n.pathname}`; +var { PREVIEW_URL: yg, document: vg } = re, bg = /* @__PURE__ */ s(({ state: e }) => { + let { storyId: t, refId: o, refs: i } = e, { location: n } = vg, r = i[o], l = `${n.origin}${n.pathname}`; return l.endsWith("/") || (l += "/"), { refId: o, - baseUrl: r ? `${r.url}/iframe.html` : vg || `${l}iframe.html`, + baseUrl: r ? `${r.url}/iframe.html` : yg || `${l}iframe.html`, storyId: t, queryParams: e.customQueryParams }; @@ -4045,7 +4045,7 @@ var { PREVIEW_URL: vg, document: bg } = re, xg = /* @__PURE__ */ s(({ state: e } id: "copy", type: we.TOOL, match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), - render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: xg }, ({ baseUrl: e, storyId: t, queryParams: o }) => t ? /* @__PURE__ */ a. + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: bg }, ({ baseUrl: e, storyId: t, queryParams: o }) => t ? /* @__PURE__ */ a. createElement( te, { @@ -4058,11 +4058,11 @@ var { PREVIEW_URL: vg, document: bg } = re, xg = /* @__PURE__ */ s(({ state: e } }; // src/manager/components/preview/tools/eject.tsx -var { PREVIEW_URL: Ig } = re, Sg = /* @__PURE__ */ s(({ state: e }) => { +var { PREVIEW_URL: xg } = re, Ig = /* @__PURE__ */ s(({ state: e }) => { let { storyId: t, refId: o, refs: i } = e, n = i[o]; return { refId: o, - baseUrl: n ? `${n.url}/iframe.html` : Ig || "iframe.html", + baseUrl: n ? `${n.url}/iframe.html` : xg || "iframe.html", storyId: t, queryParams: e.customQueryParams }; @@ -4071,7 +4071,7 @@ var { PREVIEW_URL: Ig } = re, Sg = /* @__PURE__ */ s(({ state: e }) => { id: "eject", type: we.TOOL, match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), - render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: Sg }, ({ baseUrl: e, storyId: t, queryParams: o }) => t ? /* @__PURE__ */ a. + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: Ig }, ({ baseUrl: e, storyId: t, queryParams: o }) => t ? /* @__PURE__ */ a. createElement(te, { key: "opener", asChild: !0 }, /* @__PURE__ */ a.createElement( "a", { @@ -4085,12 +4085,12 @@ var { PREVIEW_URL: Ig } = re, Sg = /* @__PURE__ */ s(({ state: e }) => { }; // src/manager/components/preview/tools/remount.tsx -var wg = w(te)(({ theme: e, animating: t, disabled: o }) => ({ +var Sg = S(te)(({ theme: e, animating: t, disabled: o }) => ({ opacity: o ? 0.5 : 1, svg: { animation: t ? `${e.animation.rotate360} 1000ms ease-out` : void 0 } -})), Eg = /* @__PURE__ */ s(({ api: e, state: t }) => { +})), wg = /* @__PURE__ */ s(({ api: e, state: t }) => { let { storyId: o } = t; return { storyId: o, @@ -4102,14 +4102,14 @@ var wg = w(te)(({ theme: e, animating: t, disabled: o }) => ({ id: "remount", type: we.TOOL, match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), - render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: Eg }, ({ remount: e, storyId: t, api: o }) => { + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: wg }, ({ remount: e, storyId: t, api: o }) => { let [i, n] = U(!1), r = /* @__PURE__ */ s(() => { t && e(); }, "remountComponent"); return o.on(Xn, () => { n(!0); }), /* @__PURE__ */ a.createElement( - wg, + Sg, { key: "remount", title: "Remount component", @@ -4139,49 +4139,49 @@ var Jo = 1, Zu = So({ value: Jo, set: /* @__PURE__ */ s((e) => { } }; s(Bi, "ZoomProvider"); -var en = Bi, { Consumer: Fi } = Zu, Cg = Uo(/* @__PURE__ */ s(function({ zoomIn: t, zoomOut: o, reset: i }) { +var en = Bi, { Consumer: Fi } = Zu, Eg = Uo(/* @__PURE__ */ s(function({ zoomIn: t, zoomOut: o, reset: i }) { return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(te, { key: "zoomin", onClick: t, title: "Zoom in" }, /* @__PURE__ */ a.createElement(Kl, null)), /* @__PURE__ */ a.createElement(te, { key: "zoomout", onClick: o, title: "Zoom out" }, /* @__PURE__ */ a. createElement(Ul, null)), /* @__PURE__ */ a.createElement(te, { key: "zoomreset", onClick: i, title: "Reset zoom" }, /* @__PURE__ */ a.createElement( ql, null))); }, "Zoom")); -var Tg = Uo(/* @__PURE__ */ s(function({ +var Cg = Uo(/* @__PURE__ */ s(function({ set: t, value: o }) { - let i = D( + let i = M( (l) => { l.preventDefault(), t(0.8 * o); }, [t, o] - ), n = D( + ), n = M( (l) => { l.preventDefault(), t(1.25 * o); }, [t, o] - ), r = D( + ), r = M( (l) => { l.preventDefault(), t(Jo); }, [t, Jo] ); - return /* @__PURE__ */ a.createElement(Cg, { key: "zoom", zoomIn: i, zoomOut: n, reset: r }); + return /* @__PURE__ */ a.createElement(Eg, { key: "zoom", zoomIn: i, zoomOut: n, reset: r }); }, "ZoomWrapper")); -function _g() { +function Tg() { return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Fi, null, ({ set: e, value: t }) => /* @__PURE__ */ a. - createElement(Tg, { set: e, value: t })), /* @__PURE__ */ a.createElement(ko, null)); + createElement(Cg, { set: e, value: t })), /* @__PURE__ */ a.createElement(ko, null)); } -s(_g, "ZoomToolRenderer"); +s(Tg, "ZoomToolRenderer"); var Ju = { title: "zoom", id: "zoom", type: we.TOOL, match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), - render: _g + render: Tg }; // src/manager/components/preview/Toolbar.tsx -var kg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ +var _g = /* @__PURE__ */ s(({ api: e, state: t }) => ({ toggle: e.toggleFullscreen, isFullscreen: e.getIsFullscreen(), shortcut: pt(e.getShortcutKeys().fullScreen), @@ -4195,7 +4195,7 @@ var kg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ match: /* @__PURE__ */ s((e) => ["story", "docs"].includes(e.viewMode), "match"), render: /* @__PURE__ */ s(() => { let { isMobile: e } = ge(); - return e ? null : /* @__PURE__ */ a.createElement(me, { filter: kg }, ({ toggle: t, isFullscreen: o, shortcut: i, hasPanel: n, singleStory: r }) => (!r || + return e ? null : /* @__PURE__ */ a.createElement(me, { filter: _g }, ({ toggle: t, isFullscreen: o, shortcut: i, hasPanel: n, singleStory: r }) => (!r || r && n) && /* @__PURE__ */ a.createElement( te, { @@ -4216,8 +4216,8 @@ var op = a.memo(/* @__PURE__ */ s(function({ tabId: r, api: l }) { - return n || o || i ? /* @__PURE__ */ a.createElement(Pg, { className: "sb-bar", key: "toolbar", shown: t, "data-test-id": "sb-preview-tool\ -bar" }, /* @__PURE__ */ a.createElement(Ag, null, /* @__PURE__ */ a.createElement(rp, null, n.length > 1 ? /* @__PURE__ */ a.createElement(Ne, + return n || o || i ? /* @__PURE__ */ a.createElement(Og, { className: "sb-bar", key: "toolbar", shown: t, "data-test-id": "sb-preview-tool\ +bar" }, /* @__PURE__ */ a.createElement(Pg, null, /* @__PURE__ */ a.createElement(rp, null, n.length > 1 ? /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Mr, { key: "tabs" }, n.map((u, p) => /* @__PURE__ */ a.createElement( Lr, { @@ -4230,14 +4230,14 @@ bar" }, /* @__PURE__ */ a.createElement(Ag, null, /* @__PURE__ */ a.createElemen }, u.title ))), /* @__PURE__ */ a.createElement(ko, null)) : null, /* @__PURE__ */ a.createElement(ep, { key: "left", list: o })), /* @__PURE__ */ a. - createElement(Dg, null, /* @__PURE__ */ a.createElement(ep, { key: "right", list: i })))) : null; + createElement(Ag, null, /* @__PURE__ */ a.createElement(ep, { key: "right", list: i })))) : null; }, "ToolbarComp")), ep = a.memo(/* @__PURE__ */ s(function({ list: t }) { return /* @__PURE__ */ a.createElement(a.Fragment, null, t.filter(Boolean).map(({ render: o, id: i, ...n }, r) => ( // @ts-expect-error (Converted from ts-ignore) /* @__PURE__ */ a.createElement(o, { key: i || n.key || `f-${r}` }) ))); }, "Tools")); -function Og(e, t) { +function kg(e, t) { let o = t?.type === "story" && t?.prepared ? t?.parameters : {}, i = "toolbar" in o ? o.toolbar : void 0, { toolbar: n } = ut.getConfig(), r = vr( n || {}, @@ -4245,7 +4245,7 @@ function Og(e, t) { ); return r ? !!r[e?.id]?.hidden : !1; } -s(Og, "toolbarItemHasBeenExcluded"); +s(kg, "toolbarItemHasBeenExcluded"); function Hi(e, t, o, i, n, r) { let l = /* @__PURE__ */ s((u) => u && (!u.match || u.match({ storyId: t?.id, @@ -4254,11 +4254,11 @@ function Hi(e, t, o, i, n, r) { location: i, path: n, tabId: r - })) && !Og(u, t), "filter"); + })) && !kg(u, t), "filter"); return e.filter(l); } s(Hi, "filterToolsSide"); -var Pg = w.div(({ theme: e, shown: t }) => ({ +var Og = S.div(({ theme: e, shown: t }) => ({ position: "relative", color: e.barTextColor, width: "100%", @@ -4270,7 +4270,7 @@ var Pg = w.div(({ theme: e, shown: t }) => ({ boxShadow: `${e.appBorderColor} 0 -1px 0 0 inset`, background: e.barBg, zIndex: 4 -})), Ag = w.div({ +})), Pg = S.div({ position: "absolute", width: "calc(100% - 20px)", display: "flex", @@ -4280,30 +4280,30 @@ var Pg = w.div(({ theme: e, shown: t }) => ({ height: 40, marginLeft: 10, marginRight: 10 -}), rp = w.div({ +}), rp = S.div({ display: "flex", whiteSpace: "nowrap", flexBasis: "auto", gap: 6, alignItems: "center" -}), Dg = w(rp)({ +}), Ag = S(rp)({ marginLeft: 30 }); // src/manager/components/preview/utils/components.ts -var np = w.main({ +var np = S.main({ display: "flex", flexDirection: "column", width: "100%", height: "100%", overflow: "hidden" -}), ip = w.div({ +}), ip = S.div({ overflow: "auto", width: "100%", zIndex: 3, background: "transparent", flex: 1 -}), sp = w.div( +}), sp = S.div( { alignContent: "center", alignItems: "center", @@ -4317,16 +4317,16 @@ var np = w.main({ height: "100%" }, ({ show: e }) => ({ display: e ? "grid" : "none" }) -), uA = w(Ir)({ +), lA = S(Ir)({ color: "inherit", textDecoration: "inherit", display: "inline-block" -}), pA = w.span({ +}), uA = S.span({ // Hides full screen icon at mobile breakpoint defined in app.js "@media (max-width: 599px)": { display: "none" } -}), tn = w.div(({ theme: e }) => ({ +}), tn = S.div(({ theme: e }) => ({ alignContent: "center", alignItems: "center", justifyContent: "center", @@ -4338,7 +4338,7 @@ var np = w.main({ position: "relative", width: "100%", height: "100%" -})), ap = w.div(({ theme: e }) => ({ +})), ap = S.div(({ theme: e }) => ({ position: "absolute", top: 0, left: 0, @@ -4366,7 +4366,7 @@ var lp = /* @__PURE__ */ s(({ ]; // src/manager/components/preview/Preview.tsx -var Lg = /* @__PURE__ */ s(({ state: e, api: t }) => ({ +var Mg = /* @__PURE__ */ s(({ state: e, api: t }) => ({ storyId: e.storyId, refId: e.refId, viewMode: e.viewMode, @@ -4398,18 +4398,18 @@ var Lg = /* @__PURE__ */ s(({ state: e, api: t }) => ({ toolsExtra: f, tabs: y, wrappers: h, - tabId: g - } = t, I = y.find((v) => v.id === g)?.render, C = r === "story", { showToolbar: b } = n, x = G(l); + tabId: v + } = t, I = y.find((g) => g.id === v)?.render, C = r === "story", { showToolbar: b } = n, x = G(l); return z(() => { if (u && r) { if (l === x.current) return; if (x.current = l, r.match(/docs|story/)) { - let { refId: v, id: S } = u; + let { refId: g, id: w } = u; o.emit(_a, { - storyId: S, + storyId: w, viewMode: r, - options: { target: v } + options: { target: g } }); } } @@ -4420,16 +4420,16 @@ var Lg = /* @__PURE__ */ s(({ state: e, api: t }) => ({ { key: "tools", isShown: b, - tabId: g, + tabId: v, tabs: y, tools: m, toolsExtra: f, api: o } ), /* @__PURE__ */ a.createElement(ip, { key: "frame" }, I && /* @__PURE__ */ a.createElement(tn, null, I({ active: !0 })), /* @__PURE__ */ a. - createElement(sp, { show: !g }, /* @__PURE__ */ a.createElement(Ng, { withLoader: d, baseUrl: c, wrappers: h })))))); + createElement(sp, { show: !v }, /* @__PURE__ */ a.createElement(Lg, { withLoader: d, baseUrl: c, wrappers: h })))))); }, "Preview")); -var Ng = /* @__PURE__ */ s(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @__PURE__ */ a.createElement(me, { filter: Lg }, ({ +var Lg = /* @__PURE__ */ s(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @__PURE__ */ a.createElement(me, { filter: Mg }, ({ entry: i, refs: n, customCanvas: r, @@ -4449,7 +4449,7 @@ var Ng = /* @__PURE__ */ s(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @_ } catch { } }, []); - let h = !!n[u] && !n[u].previewInitialized, g = !(f?.value === 1 || f === void 0), I = !u && (!d || g), C = i && h || I; + let h = !!n[u] && !n[u].previewInitialized, v = !(f?.value === 1 || f === void 0), I = !u && (!d || v), C = i && h || I; return /* @__PURE__ */ a.createElement(Fi, null, ({ value: b }) => /* @__PURE__ */ a.createElement(a.Fragment, null, t && C && /* @__PURE__ */ a. createElement(ap, null, /* @__PURE__ */ a.createElement(Pr, { id: "preview-loader", role: "progressbar", progress: f })), /* @__PURE__ */ a. createElement(lp, { id: m, storyId: l, viewMode: p, wrappers: o }, r ? r(l, p, m, e, b, c) : /* @__PURE__ */ a.createElement( @@ -4496,7 +4496,7 @@ function dp(e, t) { s(dp, "filterTabs"); // src/manager/components/preview/tools/menu.tsx -var Fg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ +var Ng = /* @__PURE__ */ s(({ api: e, state: t }) => ({ isVisible: e.getIsNavShown(), singleStory: t.singleStory, toggle: /* @__PURE__ */ s(() => e.toggleNav(), "toggle") @@ -4506,75 +4506,75 @@ var Fg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ type: we.TOOL, // @ts-expect-error (non strict) match: /* @__PURE__ */ s(({ viewMode: e }) => ["story", "docs"].includes(e), "match"), - render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: Fg }, ({ isVisible: e, toggle: t, singleStory: o }) => !o && + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: Ng }, ({ isVisible: e, toggle: t, singleStory: o }) => !o && !e && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(te, { "aria-label": "Show sidebar", key: "menu", onClick: t, title: "Show sidebar" }, /* @__PURE__ */ a.createElement(Wr, null)), /* @__PURE__ */ a.createElement(ko, null))), "render") }; // src/manager/container/Preview.tsx -var Bg = [pp()], Hg = [fp, Qu, Ju], Rg = [ju, tp, Xu, Yu], zg = [], Wg = (0, er.default)(1)( - (e, t, o, i) => i ? dp([...Bg, ...Object.values(t)], o) : zg +var Fg = [pp()], Bg = [fp, Qu, Ju], Hg = [ju, tp, Xu, Yu], Rg = [], zg = (0, er.default)(1)( + (e, t, o, i) => i ? dp([...Fg, ...Object.values(t)], o) : Rg +), Wg = (0, er.default)(1)( + (e, t, o) => Hi([...Bg, ...Object.values(t)], ...o) ), jg = (0, er.default)(1)( (e, t, o) => Hi([...Hg, ...Object.values(t)], ...o) -), Vg = (0, er.default)(1)( - (e, t, o) => Hi([...Rg, ...Object.values(t)], ...o) -), $g = (0, er.default)(1)((e, t) => [ +), Vg = (0, er.default)(1)((e, t) => [ ...up, ...Object.values(t) -]), { PREVIEW_URL: Kg } = re, Ug = /* @__PURE__ */ s((e) => e.split("/").join(" / ").replace(/\s\s/, " "), "splitTitleAddExtraSpace"), qg = /* @__PURE__ */ s( +]), { PREVIEW_URL: $g } = re, Kg = /* @__PURE__ */ s((e) => e.split("/").join(" / ").replace(/\s\s/, " "), "splitTitleAddExtraSpace"), Ug = /* @__PURE__ */ s( (e) => { if (e?.type === "story" || e?.type === "docs") { let { title: t, name: o } = e; - return t && o ? Ug(`${t} - ${o} \u22C5 Storybook`) : "Storybook"; + return t && o ? Kg(`${t} - ${o} \u22C5 Storybook`) : "Storybook"; } return e?.name ? `${e.name} \u22C5 Storybook` : "Storybook"; -}, "getDescription"), Gg = /* @__PURE__ */ s(({ +}, "getDescription"), qg = /* @__PURE__ */ s(({ api: e, state: t // @ts-expect-error (non strict) }) => { let { layout: o, location: i, customQueryParams: n, storyId: r, refs: l, viewMode: u, path: p, refId: c } = t, d = e.getData(r, c), m = Object. values(e.getElements(Ae.TAB)), f = Object.values(e.getElements(Ae.PREVIEW)), y = Object.values(e.getElements(Ae.TOOL)), h = Object.values( - e.getElements(Ae.TOOLEXTRA)), g = e.getQueryParam("tab"), I = jg(y.length, e.getElements(Ae.TOOL), [ + e.getElements(Ae.TOOLEXTRA)), v = e.getQueryParam("tab"), I = Wg(y.length, e.getElements(Ae.TOOL), [ d, u, i, p, // @ts-expect-error (non strict) - g - ]), C = Vg( + v + ]), C = jg( h.length, e.getElements(Ae.TOOLEXTRA), // @ts-expect-error (non strict) - [d, u, i, p, g] + [d, u, i, p, v] ); return { api: e, entry: d, options: o, - description: qg(d), + description: Ug(d), viewMode: u, refs: l, storyId: r, - baseUrl: Kg || "iframe.html", + baseUrl: $g || "iframe.html", queryParams: n, tools: I, toolsExtra: C, - tabs: Wg( + tabs: zg( m.length, e.getElements(Ae.TAB), d ? d.parameters : void 0, o.showTabs ), - wrappers: $g( + wrappers: Vg( f.length, e.getElements(Ae.PREVIEW) ), - tabId: g + tabId: v }; -}, "mapper"), Yg = a.memo(/* @__PURE__ */ s(function(t) { - return /* @__PURE__ */ a.createElement(me, { filter: Gg }, (o) => /* @__PURE__ */ a.createElement(cp, { ...t, ...o })); -}, "PreviewConnected")), mp = Yg; +}, "mapper"), Gg = a.memo(/* @__PURE__ */ s(function(t) { + return /* @__PURE__ */ a.createElement(me, { filter: qg }, (o) => /* @__PURE__ */ a.createElement(cp, { ...t, ...o })); +}, "PreviewConnected")), mp = Gg; // src/manager/hooks/useDebounce.ts function hp(e, t) { @@ -4623,7 +4623,7 @@ function oo(e, t, o) { i = d; let f; if (o.key && ((l = o.debug) != null && l.call(o)) && (f = Date.now()), n = t(...d), o.key && ((u = o.debug) != null && u.call(o))) { - let y = Math.round((Date.now() - c) * 100) / 100, h = Math.round((Date.now() - f) * 100) / 100, g = h / 16, I = /* @__PURE__ */ s((C, b) => { + let y = Math.round((Date.now() - c) * 100) / 100, h = Math.round((Date.now() - f) * 100) / 100, v = h / 16, I = /* @__PURE__ */ s((C, b) => { for (C = String(C); C.length < b; ) C = " " + C; return C; @@ -4635,7 +4635,7 @@ function oo(e, t, o) { font-weight: bold; color: hsl(${Math.max( 0, - Math.min(120 - 120 * g, 120) + Math.min(120 - 120 * v, 120) )}deg 100% 31%);`, o?.key ); @@ -4653,7 +4653,7 @@ s(on, "notUndefined"); var yp = /* @__PURE__ */ s((e, t) => Math.abs(e - t) < 1, "approxEqual"); // ../node_modules/@tanstack/virtual-core/dist/esm/index.js -var Xg = /* @__PURE__ */ s((e) => e, "defaultKeyExtractor"), Qg = /* @__PURE__ */ s((e) => { +var Yg = /* @__PURE__ */ s((e) => e, "defaultKeyExtractor"), Xg = /* @__PURE__ */ s((e) => { let t = Math.max(e.startIndex - e.overscan, 0), o = Math.min(e.endIndex + e.overscan, e.count - 1), i = []; for (let n = t; n <= o; n++) i.push(n); @@ -4697,7 +4697,7 @@ var bp = /* @__PURE__ */ s((e, t) => { o.removeEventListener("scroll", i); }; }, "observeElementOffset"); -var Zg = /* @__PURE__ */ s((e, t, o) => { +var Qg = /* @__PURE__ */ s((e, t, o) => { if (t?.borderBoxSize) { let i = t.borderBoxSize[0]; if (i) @@ -4755,11 +4755,11 @@ var xp = /* @__PURE__ */ s((e, { scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: !1, - getItemKey: Xg, - rangeExtractor: Qg, + getItemKey: Yg, + rangeExtractor: Xg, onChange: /* @__PURE__ */ s(() => { }, "onChange"), - measureElement: Zg, + measureElement: Qg, initialRect: { width: 0, height: 0 }, scrollMargin: 0, gap: 0, @@ -4850,12 +4850,12 @@ var xp = /* @__PURE__ */ s((e, { let p = this.measurementsCache.slice(0, u); for (let c = u; c < o; c++) { let d = r(c), m = this.options.lanes === 1 ? p[c - 1] : this.getFurthestMeasurement(p, c), f = m ? m.end + this.options.gap : i + n, - y = l.get(d), h = typeof y == "number" ? y : this.options.estimateSize(c), g = f + h, I = m ? m.lane : c % this.options.lanes; + y = l.get(d), h = typeof y == "number" ? y : this.options.estimateSize(c), v = f + h, I = m ? m.lane : c % this.options.lanes; p[c] = { index: c, start: f, size: h, - end: g, + end: v, key: d, lane: I }; @@ -4868,7 +4868,7 @@ var xp = /* @__PURE__ */ s((e, { } ), this.calculateRange = oo( () => [this.getMeasurements(), this.getSize(), this.scrollOffset], - (o, i, n) => this.range = o.length > 0 && i > 0 ? Jg({ + (o, i, n) => this.range = o.length > 0 && i > 0 ? Zg({ measurements: o, outerSize: i, scrollOffset: n @@ -5027,7 +5027,7 @@ var rn = Ri, Ip = /* @__PURE__ */ s((e, t, o, i) => { } return e > 0 ? e - 1 : 0; }, "findNearestBinarySearch"); -function Jg({ +function Zg({ measurements: e, outerSize: t, scrollOffset: o @@ -5037,11 +5037,11 @@ function Jg({ l++; return { startIndex: r, endIndex: l }; } -s(Jg, "calculateRange"); +s(Zg, "calculateRange"); // ../node_modules/@tanstack/react-virtual/dist/esm/index.js -var ey = typeof document < "u" ? Lt : z; -function ty(e) { +var Jg = typeof document < "u" ? Lt : z; +function ey(e) { let t = wo(() => ({}), {})[1], o = { ...e, onChange: /* @__PURE__ */ s((n, r) => { @@ -5051,11 +5051,11 @@ function ty(e) { }, [i] = U( () => new rn(o) ); - return i.setOptions(o), z(() => i._didMount(), []), ey(() => i._willUpdate()), i; + return i.setOptions(o), z(() => i._didMount(), []), Jg(() => i._willUpdate()), i; } -s(ty, "useVirtualizerBase"); +s(ey, "useVirtualizerBase"); function Sp(e) { - return ty({ + return ey({ observeElementRect: vp, observeElementOffset: bp, scrollToFn: xp, @@ -5129,7 +5129,7 @@ var wp = /* @__PURE__ */ s(({ }, "useArrowKeyNavigation"); // src/manager/components/sidebar/FileList.tsx -var Ep = w("div")(({ theme: e }) => ({ +var Ep = S("div")(({ theme: e }) => ({ marginTop: "-16px", // after element which fades out the list "&::after": { @@ -5142,7 +5142,7 @@ var Ep = w("div")(({ theme: e }) => ({ height: "80px", background: `linear-gradient(${xi(e.barBg, 0)} 10%, ${e.barBg} 80%)` } -})), nn = w("div")(({ theme: e }) => ({ +})), nn = S("div")(({ theme: e }) => ({ height: "280px", overflow: "auto", msOverflowStyle: "none", @@ -5151,7 +5151,7 @@ var Ep = w("div")(({ theme: e }) => ({ "::-webkit-scrollbar": { display: "none" } -})), Cp = w("li")(({ theme: e }) => ({ +})), Cp = S("li")(({ theme: e }) => ({ ":focus-visible": { outline: "none", ".file-list-item": { @@ -5162,11 +5162,11 @@ var Ep = w("div")(({ theme: e }) => ({ } } } -})), sn = w("div")(({ theme: e }) => ({ +})), sn = S("div")(({ theme: e }) => ({ display: "flex", flexDirection: "column", position: "relative" -})), Tp = w.div(({ theme: e, selected: t, disabled: o, error: i }) => ({ +})), Tp = S.div(({ theme: e, selected: t, disabled: o, error: i }) => ({ display: "flex", alignItems: "flex-start", gap: "8px", @@ -5196,36 +5196,36 @@ var Ep = w("div")(({ theme: e }) => ({ display: "flex" } } -})), _p = w("ul")({ +})), _p = S("ul")({ margin: 0, padding: "0 0 0 0", width: "100%", position: "relative" -}), kp = w("div")({ +}), kp = S("div")({ display: "flex", flexDirection: "column", alignItems: "flex-start", width: "calc(100% - 50px)" -}), Op = w("div")(({ theme: e, error: t }) => ({ +}), Op = S("div")(({ theme: e, error: t }) => ({ color: t ? e.color.negativeText : e.color.secondary -})), Pp = w("div")(({ theme: e, error: t }) => ({ +})), Pp = S("div")(({ theme: e, error: t }) => ({ color: t ? e.color.negativeText : e.base === "dark" ? e.color.lighter : e.color.darkest, fontSize: "14px", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", maxWidth: "100%" -})), Ap = w("div")(({ theme: e }) => ({ +})), Ap = S("div")(({ theme: e }) => ({ color: e.color.mediumdark, fontSize: "14px", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", maxWidth: "100%" -})), Dp = w("ul")(({ theme: e }) => ({ +})), Dp = S("ul")(({ theme: e }) => ({ margin: 0, padding: 0 -})), Mp = w("li")(({ theme: e, error: t }) => ({ +})), Mp = S("li")(({ theme: e, error: t }) => ({ padding: "8px 16px 8px 16px", marginLeft: "30px", display: "flex", @@ -5251,56 +5251,56 @@ var Ep = w("div")(({ theme: e }) => ({ "> div > svg": { color: t ? e.color.negativeText : e.color.secondary } -})), Lp = w("div")(({ theme: e }) => ({ +})), Lp = S("div")(({ theme: e }) => ({ display: "flex", alignItems: "center", gap: "8px", width: "calc(100% - 20px)" -})), Np = w("span")(({ theme: e }) => ({ +})), Np = S("span")(({ theme: e }) => ({ whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", maxWidth: "calc(100% - 160px)", display: "inline-block" -})), Fp = w("span")(({ theme: e }) => ({ +})), Fp = S("span")(({ theme: e }) => ({ display: "inline-block", padding: `1px ${e.appBorderRadius}px`, borderRadius: "2px", fontSize: "10px", color: e.base === "dark" ? e.color.lightest : "#727272", backgroundColor: e.base === "dark" ? "rgba(255, 255, 255, 0.1)" : "#F2F4F5" -})), Bp = w("div")(({ theme: e }) => ({ +})), Bp = S("div")(({ theme: e }) => ({ textAlign: "center", maxWidth: "334px", margin: "16px auto 50px auto", fontSize: "14px", color: e.base === "dark" ? e.color.lightest : "#000" -})), Hp = w("p")(({ theme: e }) => ({ +})), Hp = S("p")(({ theme: e }) => ({ margin: 0, color: e.base === "dark" ? e.color.defaultText : e.color.mediumdark })); // src/manager/components/sidebar/FileSearchListSkeleton.tsx -var oy = w("div")(({ theme: e }) => ({ +var ty = S("div")(({ theme: e }) => ({ display: "flex", alignItems: "flex-start", gap: "8px", alignSelf: "stretch", padding: "8px 16px" -})), ry = w("div")({ +})), oy = S("div")({ display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", borderRadius: "3px" -}), ny = w.div(({ theme: e }) => ({ +}), ry = S.div(({ theme: e }) => ({ width: "14px", height: "14px", borderRadius: "3px", marginTop: "1px", background: e.base === "dark" ? "rgba(255,255,255,.1)" : "rgba(0,0,0,.1)", animation: `${e.animation.glow} 1.5s ease-in-out infinite` -})), Rp = w.div(({ theme: e }) => ({ +})), Rp = S.div(({ theme: e }) => ({ height: "16px", borderRadius: "3px", background: e.base === "dark" ? "rgba(255,255,255,.1)" : "rgba(0,0,0,.1)", @@ -5311,16 +5311,16 @@ var oy = w("div")(({ theme: e }) => ({ marginTop: "6px" } })), zp = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(nn, null, [1, 2, 3].map((e) => /* @__PURE__ */ a.createElement(sn, { key: e }, -/* @__PURE__ */ a.createElement(oy, null, /* @__PURE__ */ a.createElement(ny, null), /* @__PURE__ */ a.createElement(ry, null, /* @__PURE__ */ a. +/* @__PURE__ */ a.createElement(ty, null, /* @__PURE__ */ a.createElement(ry, null), /* @__PURE__ */ a.createElement(oy, null, /* @__PURE__ */ a. createElement(Rp, { style: { width: "90px" } }), /* @__PURE__ */ a.createElement(Rp, { style: { width: "300px" } })))))), "FileSearchListLoa\ dingSkeleton"); // src/manager/components/sidebar/FileSearchList.tsx -var Wp = w(wl)(({ theme: e }) => ({ +var Wp = S(wl)(({ theme: e }) => ({ display: "none", alignSelf: "center", color: e.color.mediumdark -})), iy = w(Po)(({ theme: e }) => ({ +})), ny = S(Po)(({ theme: e }) => ({ display: "none", alignSelf: "center", color: e.color.mediumdark @@ -5330,9 +5330,9 @@ var Wp = w(wl)(({ theme: e }) => ({ onNewStory: i, errorItemId: n }) { - let [r, l] = U(null), u = a.useRef(), p = Y(() => [...o ?? []].sort((h, g) => { - let I = h.exportedComponents === null || h.exportedComponents?.length === 0, C = h.storyFileExists, b = g.exportedComponents === null || - g.exportedComponents?.length === 0, x = g.storyFileExists; + let [r, l] = U(null), u = a.useRef(), p = Y(() => [...o ?? []].sort((h, v) => { + let I = h.exportedComponents === null || h.exportedComponents?.length === 0, C = h.storyFileExists, b = v.exportedComponents === null || + v.exportedComponents?.length === 0, x = v.storyFileExists; return C && !x ? -1 : x && !C || I && !b ? 1 : !I && b ? -1 : 0; }), [o]), c = o?.length || 0, d = Sp({ count: c, @@ -5344,32 +5344,32 @@ var Wp = w(wl)(({ theme: e }) => ({ overscan: 2 }); wp({ rowVirtualizer: d, parentRef: u, selectedItem: r }); - let m = D( - ({ virtualItem: h, searchResult: g, itemId: I }) => { - g?.exportedComponents?.length > 1 ? l((C) => C === h.index ? null : h.index) : g?.exportedComponents?.length === 1 && i({ - componentExportName: g.exportedComponents[0].name, - componentFilePath: g.filepath, - componentIsDefaultExport: g.exportedComponents[0].default, + let m = M( + ({ virtualItem: h, searchResult: v, itemId: I }) => { + v?.exportedComponents?.length > 1 ? l((C) => C === h.index ? null : h.index) : v?.exportedComponents?.length === 1 && i({ + componentExportName: v.exportedComponents[0].name, + componentFilePath: v.filepath, + componentIsDefaultExport: v.exportedComponents[0].default, selectedItemId: I, componentExportCount: 1 }); }, [i] - ), f = D( - ({ searchResult: h, component: g, id: I }) => { + ), f = M( + ({ searchResult: h, component: v, id: I }) => { i({ - componentExportName: g.name, + componentExportName: v.name, componentFilePath: h.filepath, - componentIsDefaultExport: g.default, + componentIsDefaultExport: v.default, selectedItemId: I, // @ts-expect-error (non strict) componentExportCount: h.exportedComponents.length }); }, [i] - ), y = D( - ({ virtualItem: h, selected: g, searchResult: I }) => { - let C = n === I.filepath, b = g === h.index; + ), y = M( + ({ virtualItem: h, selected: v, searchResult: I }) => { + let C = n === I.filepath, b = v === h.index; return /* @__PURE__ */ a.createElement( sn, { @@ -5388,7 +5388,7 @@ var Wp = w(wl)(({ theme: e }) => ({ /* @__PURE__ */ a.createElement(Op, { error: C }, /* @__PURE__ */ a.createElement(fi, null)), /* @__PURE__ */ a.createElement(kp, null, /* @__PURE__ */ a.createElement(Pp, { error: C }, I.filepath.split("/").at(-1)), /* @__PURE__ */ a. createElement(Ap, null, I.filepath)), - b ? /* @__PURE__ */ a.createElement(iy, null) : /* @__PURE__ */ a.createElement(Wp, null) + b ? /* @__PURE__ */ a.createElement(ny, null) : /* @__PURE__ */ a.createElement(Wp, null) ), I?.exportedComponents?.length > 1 && b && /* @__PURE__ */ a.createElement( Dp, @@ -5403,10 +5403,10 @@ var Wp = w(wl)(({ theme: e }) => ({ x.key === "Enter" && x.stopPropagation(); } }, - I.exportedComponents?.map((x, v) => { - let S = n === `${I.filepath}_${v}`, T = v === 0 ? "first" : ( + I.exportedComponents?.map((x, g) => { + let w = n === `${I.filepath}_${g}`, T = g === 0 ? "first" : ( // @ts-expect-error (non strict) - v === I.exportedComponents.length - 1 ? "last" : "middle" + g === I.exportedComponents.length - 1 ? "last" : "middle" ); return /* @__PURE__ */ a.createElement( Mp, @@ -5414,19 +5414,19 @@ var Wp = w(wl)(({ theme: e }) => ({ tabIndex: 0, "data-index-position": `${h.index}_${T}`, key: x.name, - error: S, + error: w, onClick: () => { f({ searchResult: I, component: x, - id: `${I.filepath}_${v}` + id: `${I.filepath}_${g}` }); }, onKeyUp: (_) => { _.key === "Enter" && f({ searchResult: I, component: x, - id: `${I.filepath}_${v}` + id: `${I.filepath}_${g}` }); } }, @@ -5452,7 +5452,7 @@ var Wp = w(wl)(({ theme: e }) => ({ } }, d.getVirtualItems().map((h) => { - let g = p[h.index], I = g.exportedComponents === null || g.exportedComponents?.length === 0, C = {}; + let v = p[h.index], I = v.exportedComponents === null || v.exportedComponents?.length === 0, C = {}; return /* @__PURE__ */ a.createElement( Cp, { @@ -5462,15 +5462,15 @@ var Wp = w(wl)(({ theme: e }) => ({ onClick: () => { m({ virtualItem: h, - itemId: g.filepath, - searchResult: g + itemId: v.filepath, + searchResult: v }); }, onKeyUp: (b) => { b.key === "Enter" && m({ virtualItem: h, - itemId: g.filepath, - searchResult: g + itemId: v.filepath, + searchResult: v }); }, style: { @@ -5499,7 +5499,7 @@ var Wp = w(wl)(({ theme: e }) => ({ /* @__PURE__ */ a.createElement( y, { - searchResult: g, + searchResult: v, selected: r, virtualItem: h } @@ -5509,7 +5509,7 @@ var Wp = w(wl)(({ theme: e }) => ({ { ...C, key: h.index, - searchResult: g, + searchResult: v, selected: r, virtualItem: h } @@ -5520,10 +5520,10 @@ var Wp = w(wl)(({ theme: e }) => ({ }, "FileSearchList")); // src/manager/components/sidebar/FileSearchModal.tsx -var sy = 418, ay = w(Ut)(() => ({ +var iy = 418, sy = S(Ut)(() => ({ boxShadow: "none", background: "transparent" -})), ly = w.div(({ theme: e, height: t }) => ({ +})), ay = S.div(({ theme: e, height: t }) => ({ backgroundColor: e.background.bar, borderRadius: 6, boxShadow: "rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 18px -10px", @@ -5531,10 +5531,10 @@ var sy = 418, ay = w(Ut)(() => ({ transition: "height 0.3s", height: t ? `${t + 32}px` : "auto", overflow: "hidden" -})), uy = w(Ut.Content)(({ theme: e }) => ({ +})), ly = S(Ut.Content)(({ theme: e }) => ({ margin: 0, color: e.base === "dark" ? e.color.lighter : e.color.mediumdark -})), py = w(Or.Input)(({ theme: e }) => ({ +})), uy = S(Or.Input)(({ theme: e }) => ({ paddingLeft: 40, paddingRight: 28, fontSize: 14, @@ -5551,12 +5551,12 @@ var sy = 418, ay = w(Ut)(() => ({ "&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration": { display: "none" } -})), cy = w.div({ +})), py = S.div({ display: "flex", flexDirection: "column", flexGrow: 1, position: "relative" -}), dy = w.div(({ theme: e }) => ({ +}), cy = S.div(({ theme: e }) => ({ position: "absolute", top: 0, left: 16, @@ -5566,7 +5566,7 @@ var sy = 418, ay = w(Ut)(() => ({ display: "flex", alignItems: "center", height: "100%" -})), fy = w.div(({ theme: e }) => ({ +})), dy = S.div(({ theme: e }) => ({ position: "absolute", top: 0, right: 16, @@ -5580,7 +5580,7 @@ var sy = 418, ay = w(Ut)(() => ({ to: { transform: "rotate(360deg)" } }, animation: "spin 1s linear infinite" -})), my = w(Ut.Error)({ +})), fy = S(Ut.Error)({ position: "absolute", padding: "8px 40px 8px 16px", bottom: 0, @@ -5592,7 +5592,7 @@ var sy = 418, ay = w(Ut)(() => ({ "> div": { padding: 0 } -}), hy = w(Br)({ +}), my = S(Br)({ position: "absolute", top: 4, right: -24, @@ -5609,13 +5609,13 @@ var sy = 418, ay = w(Ut)(() => ({ setError: p, container: c }) => { - let [d, m] = gp(), [f, y] = U(m.height), [, h] = Fa(), [g, I] = U(o); + let [d, m] = gp(), [f, y] = U(m.height), [, h] = Fa(), [v, I] = U(o); return z(() => { f < m.height && y(m.height); }, [m.height, f]), /* @__PURE__ */ a.createElement( - ay, + sy, { - height: sy, + height: iy, width: 440, open: e, onOpenChange: t, @@ -5627,17 +5627,17 @@ var sy = 418, ay = w(Ut)(() => ({ }, container: c }, - /* @__PURE__ */ a.createElement(ly, { height: o === "" ? m.height : f }, /* @__PURE__ */ a.createElement(uy, { ref: d }, /* @__PURE__ */ a. + /* @__PURE__ */ a.createElement(ay, { height: o === "" ? m.height : f }, /* @__PURE__ */ a.createElement(ly, { ref: d }, /* @__PURE__ */ a. createElement(Ut.Header, null, /* @__PURE__ */ a.createElement(Ut.Title, null, "Add a new story"), /* @__PURE__ */ a.createElement(Ut.Description, - null, "We will create a new story for your component")), /* @__PURE__ */ a.createElement(cy, null, /* @__PURE__ */ a.createElement(dy, null, + null, "We will create a new story for your component")), /* @__PURE__ */ a.createElement(py, null, /* @__PURE__ */ a.createElement(cy, null, /* @__PURE__ */ a.createElement(jr, null)), /* @__PURE__ */ a.createElement( - py, + uy, { placeholder: "./components/**/*.tsx", type: "search", required: !0, autoFocus: !0, - value: g, + value: v, onChange: (C) => { let b = C.target.value; I(b), h(() => { @@ -5645,7 +5645,7 @@ var sy = 418, ay = w(Ut)(() => ({ }); } } - ), n && /* @__PURE__ */ a.createElement(fy, null, /* @__PURE__ */ a.createElement(Ft, null))), /* @__PURE__ */ a.createElement( + ), n && /* @__PURE__ */ a.createElement(dy, null, /* @__PURE__ */ a.createElement(Ft, null))), /* @__PURE__ */ a.createElement( jp, { errorItemId: r?.selectedItemId, @@ -5654,8 +5654,8 @@ var sy = 418, ay = w(Ut)(() => ({ onNewStory: u } ))), - r && o !== "" && /* @__PURE__ */ a.createElement(my, null, /* @__PURE__ */ a.createElement("div", null, r.error), /* @__PURE__ */ a.createElement( - hy, + r && o !== "" && /* @__PURE__ */ a.createElement(fy, null, /* @__PURE__ */ a.createElement("div", null, r.error), /* @__PURE__ */ a.createElement( + my, { onClick: () => { p(null); @@ -5752,11 +5752,11 @@ async function ln(e, t, o = 1) { s(ln, "trySelectNewStory"); // src/manager/components/sidebar/CreateNewStoryFileModal.tsx -var gy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "function" ? "__sb_empty_function_arg__" : o), "stringifyArgs"), Kp = /* @__PURE__ */ s( +var hy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "function" ? "__sb_empty_function_arg__" : o), "stringifyArgs"), Kp = /* @__PURE__ */ s( ({ open: e, onOpenChange: t }) => { let [o, i] = U(!1), [n, r] = U(""), l = hp(n, 600), u = Na(l), p = G(null), [c, d] = U( null - ), m = pe(), [f, y] = U(null), h = D( + ), m = pe(), [f, y] = U(null), h = M( (b) => { m.addNotification({ id: "create-new-story-file-success", @@ -5769,7 +5769,7 @@ var gy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "funct }), t(!1); }, [m, t] - ), g = D(() => { + ), v = M(() => { m.addNotification({ id: "create-new-story-file-error", content: { @@ -5779,10 +5779,10 @@ var gy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "funct duration: 8e3, icon: /* @__PURE__ */ a.createElement(et, null) }), t(!1); - }, [m, t]), I = D(() => { + }, [m, t]), I = M(() => { i(!0); - let b = ut.getChannel(), x = /* @__PURE__ */ s((v) => { - v.id === u && (v.success ? y(v.payload.files) : d({ error: v.error }), b.off(hr, x), i(!1), p.current = null); + let b = ut.getChannel(), x = /* @__PURE__ */ s((g) => { + g.id === u && (g.success ? y(g.payload.files) : d({ error: g.error }), b.off(hr, x), i(!1), p.current = null); }, "set"); return b.on(hr, x), u !== "" && p.current !== u ? (p.current = u, b.emit(wa, { id: u, @@ -5790,20 +5790,20 @@ var gy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "funct })) : (y(null), i(!1)), () => { b.off(hr, x); }; - }, [u]), C = D( + }, [u]), C = M( async ({ componentExportName: b, componentFilePath: x, - componentIsDefaultExport: v, - componentExportCount: S, + componentIsDefaultExport: g, + componentExportCount: w, selectedItemId: T }) => { try { let _ = ut.getChannel(), k = await yr(_, Ia, Sa, { componentExportName: b, componentFilePath: x, - componentIsDefaultExport: v, - componentExportCount: S + componentIsDefaultExport: g, + componentExportCount: w }); d(null); let E = k.storyId; @@ -5817,7 +5817,7 @@ var gy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "funct Ca, Ta, { - args: gy(A), + args: hy(A), importPath: k.storyFilePath, csfId: E } @@ -5829,7 +5829,7 @@ var gy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "funct switch (_?.payload?.type) { case "STORY_FILE_EXISTS": let k = _; - await ln(m.selectStory, k.payload.kind), g(); + await ln(m.selectStory, k.payload.kind), v(); break; default: d({ selectedItemId: T, error: _?.message }); @@ -5837,7 +5837,7 @@ var gy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "funct } } }, - [m?.selectStory, h, I, g] + [m?.selectStory, h, I, v] ); return z(() => { d(null); @@ -5883,13 +5883,13 @@ var Up = /* @__PURE__ */ s(({ refId: e, itemId: t }) => /* @__PURE__ */ a.create // src/manager/utils/tree.ts var Bo = Ve(Zo(), 1); -var { document: Yp, window: yy } = re, un = /* @__PURE__ */ s((e, t) => !t || t === St ? e : `${t}_${e}`, "createId"), Xp = /* @__PURE__ */ s( +var { document: Yp, window: gy } = re, un = /* @__PURE__ */ s((e, t) => !t || t === St ? e : `${t}_${e}`, "createId"), Xp = /* @__PURE__ */ s( (e, t) => `${Yp.location.pathname}?path=/${e.type}/${un(e.id, t)}`, "getLink"); -var qp = (0, Bo.default)(1e3)((e, t) => t[e]), vy = (0, Bo.default)(1e3)((e, t) => { +var qp = (0, Bo.default)(1e3)((e, t) => t[e]), yy = (0, Bo.default)(1e3)((e, t) => { let o = qp(e, t); return o && o.type !== "root" ? qp(o.parent, t) : void 0; }), Qp = (0, Bo.default)(1e3)((e, t) => { - let o = vy(e, t); + let o = yy(e, t); return o ? [o, ...Qp(o.id, t)] : []; }), tr = (0, Bo.default)(1e3)( (e, t) => Qp(t, e).map((o) => o.id) @@ -5915,7 +5915,7 @@ var ro = /* @__PURE__ */ s((e, t = !1) => { if (!e) return; let { top: o, bottom: i } = e.getBoundingClientRect(); - o >= 0 && i <= (yy.innerHeight || Yp.documentElement.clientHeight) || e.scrollIntoView({ block: t ? "center" : "nearest" }); + o >= 0 && i <= (gy.innerHeight || Yp.documentElement.clientHeight) || e.scrollIntoView({ block: t ? "center" : "nearest" }); }, "scrollIntoView"), ec = /* @__PURE__ */ s((e, t, o, i) => { switch (!0) { case t: @@ -5933,10 +5933,10 @@ var ro = /* @__PURE__ */ s((e, t = !1) => { (e) => e.replaceAll(/(\s|-|_)/gi, ""), "removeNoiseFromName"), tc = /* @__PURE__ */ s((e, t) => Gp(e) === Gp(t), "isStoryHoistable"); // global-externals:@storybook/core/client-logger -var pM = __STORYBOOK_CLIENT_LOGGER__, { deprecate: cM, logger: oc, once: dM, pretty: fM } = __STORYBOOK_CLIENT_LOGGER__; +var uM = __STORYBOOK_CLIENT_LOGGER__, { deprecate: pM, logger: oc, once: cM, pretty: dM } = __STORYBOOK_CLIENT_LOGGER__; // src/manager/components/sidebar/Loader.tsx -var rc = [0, 0, 1, 1, 2, 3, 3, 3, 1, 1, 1, 2, 2, 2, 3], by = w.div( +var rc = [0, 0, 1, 1, 2, 3, 3, 3, 1, 1, 1, 2, 2, 2, 3], vy = S.div( { cursor: "progress", fontSize: 13, @@ -5954,22 +5954,22 @@ var rc = [0, 0, 1, 1, 2, 3, 3, 3, 1, 1, 1, 2, 2, 2, 3], by = w.div( ({ theme: e }) => ({ background: e.appBorderColor }) -), or = w.div({ +), or = S.div({ display: "flex", flexDirection: "column", paddingLeft: 20, paddingRight: 20 }), nc = /* @__PURE__ */ s(({ size: e }) => { let t = Math.ceil(e / rc.length), o = Array.from(Array(t)).fill(rc).flat().slice(0, e); - return /* @__PURE__ */ a.createElement(Ne, null, o.map((i, n) => /* @__PURE__ */ a.createElement(by, { depth: i, key: n }))); + return /* @__PURE__ */ a.createElement(Ne, null, o.map((i, n) => /* @__PURE__ */ a.createElement(vy, { depth: i, key: n }))); }, "Loader"); // src/manager/components/sidebar/RefBlocks.tsx -var { window: ic } = re, xy = w.div(({ theme: e }) => ({ +var { window: ic } = re, by = S.div(({ theme: e }) => ({ fontSize: e.typography.size.s2, lineHeight: "20px", margin: 0 -})), Wi = w.div(({ theme: e }) => ({ +})), Wi = S.div(({ theme: e }) => ({ fontSize: e.typography.size.s2, lineHeight: "20px", margin: 0, @@ -5981,7 +5981,7 @@ var { window: ic } = re, xy = w.div(({ theme: e }) => ({ marginTop: 8, marginBottom: 8 } -})), Iy = w.pre( +})), xy = S.pre( { width: 420, boxSizing: "border-box", @@ -5993,9 +5993,9 @@ var { window: ic } = re, xy = w.div(({ theme: e }) => ({ color: e.color.dark }) ), sc = /* @__PURE__ */ s(({ loginUrl: e, id: t }) => { - let [o, i] = U(!1), n = D(() => { + let [o, i] = U(!1), n = M(() => { ic.document.location.reload(); - }, []), r = D((l) => { + }, []), r = M((l) => { l.preventDefault(); let u = ic.open(e, `storybook_auth_${t}`, "resizable,scrollbars"), p = setInterval(() => { u ? u.closed && (clearInterval(p), i(!0)) : (oc.error("unable to access loginUrl window"), clearInterval(p)); @@ -6008,20 +6008,20 @@ his Storybook."), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a o browse this Storybook."), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(fe, { small: !0, gray: !0, onClick: r }, /* @__PURE__ */ a.createElement(zr, null), "Sign in"))))); }, "AuthBlock"), ac = /* @__PURE__ */ s(({ error: e }) => /* @__PURE__ */ a.createElement(or, null, /* @__PURE__ */ a.createElement(Et, null, -/* @__PURE__ */ a.createElement(xy, null, "Oh no! Something went wrong loading this Storybook.", /* @__PURE__ */ a.createElement("br", null), +/* @__PURE__ */ a.createElement(by, null, "Oh no! Something went wrong loading this Storybook.", /* @__PURE__ */ a.createElement("br", null), /* @__PURE__ */ a.createElement( je, { - tooltip: /* @__PURE__ */ a.createElement(Iy, null, /* @__PURE__ */ a.createElement(yl, { error: e })) + tooltip: /* @__PURE__ */ a.createElement(xy, null, /* @__PURE__ */ a.createElement(yl, { error: e })) }, /* @__PURE__ */ a.createElement(We, { isButton: !0 }, "View error ", /* @__PURE__ */ a.createElement(Po, null)) ), " ", /* @__PURE__ */ a.createElement(We, { withArrow: !0, href: "https://storybook.js.org/docs", cancel: !1, target: "_blank" }, "View do\ -cs")))), "ErrorBlock"), Sy = w(Et)({ +cs")))), "ErrorBlock"), Iy = S(Et)({ display: "flex" -}), wy = w(Et)({ +}), Sy = S(Et)({ flex: 1 -}), lc = /* @__PURE__ */ s(({ isMain: e }) => /* @__PURE__ */ a.createElement(or, null, /* @__PURE__ */ a.createElement(Sy, { col: 1 }, /* @__PURE__ */ a. -createElement(wy, null, /* @__PURE__ */ a.createElement(Wi, null, e ? /* @__PURE__ */ a.createElement(a.Fragment, null, "Oh no! Your Storybo\ +}), lc = /* @__PURE__ */ s(({ isMain: e }) => /* @__PURE__ */ a.createElement(or, null, /* @__PURE__ */ a.createElement(Iy, { col: 1 }, /* @__PURE__ */ a. +createElement(Sy, null, /* @__PURE__ */ a.createElement(Wi, null, e ? /* @__PURE__ */ a.createElement(a.Fragment, null, "Oh no! Your Storybo\ ok is empty. Possible reasons why:", /* @__PURE__ */ a.createElement("ul", null, /* @__PURE__ */ a.createElement("li", null, "The glob speci\ fied in ", /* @__PURE__ */ a.createElement("code", null, "main.js"), " isn't correct."), /* @__PURE__ */ a.createElement("li", null, "No sto\ ries are defined in your story files."), /* @__PURE__ */ a.createElement("li", null, "You're using filter-functions, and all stories are fil\ @@ -6030,14 +6030,14 @@ ons, and all stories are filtered away."))))), "EmptyBlock"), uc = /* @__PURE__ /* @__PURE__ */ a.createElement(nc, { size: e ? 17 : 5 })), "LoaderBlock"); // src/manager/components/sidebar/RefIndicator.tsx -var { document: Ey, window: Cy } = re, Ty = w.aside(({ theme: e }) => ({ +var { document: wy, window: Ey } = re, Cy = S.aside(({ theme: e }) => ({ height: 16, display: "flex", alignItems: "center", "& > * + *": { marginLeft: e.layoutMargin } -})), _y = w.button(({ theme: e }) => ({ +})), Ty = S.button(({ theme: e }) => ({ height: 20, width: 20, padding: 0, @@ -6064,9 +6064,9 @@ var { document: Ey, window: Cy } = re, Ty = w.aside(({ theme: e }) => ({ transition: "all 150ms ease-out", color: "inherit" } -})), io = w.span(({ theme: e }) => ({ +})), io = S.span(({ theme: e }) => ({ fontWeight: e.typography.weight.bold -})), so = w.a(({ theme: e }) => ({ +})), so = S.a(({ theme: e }) => ({ textDecoration: "none", lineHeight: "16px", padding: 15, @@ -6100,12 +6100,12 @@ var { document: Ey, window: Cy } = re, Ty = w.aside(({ theme: e }) => ({ marginRight: 10, flex: "unset" } -})), ky = w.div({ +})), _y = S.div({ width: 280, boxSizing: "border-box", borderRadius: 8, overflow: "hidden" -}), Oy = w.div(({ theme: e }) => ({ +}), ky = S.div(({ theme: e }) => ({ display: "flex", alignItems: "center", fontSize: e.typography.size.s1, @@ -6118,12 +6118,12 @@ var { document: Ey, window: Cy } = re, Ty = w.aside(({ theme: e }) => ({ height: 10, width: 10 } -})), Py = /* @__PURE__ */ s(({ url: e, versions: t }) => { +})), Oy = /* @__PURE__ */ s(({ url: e, versions: t }) => { let o = Y(() => { let i = Object.entries(t).find(([n, r]) => r === e); return i && i[0] ? i[0] : "current"; }, [e, t]); - return /* @__PURE__ */ a.createElement(Oy, null, /* @__PURE__ */ a.createElement("span", null, o), /* @__PURE__ */ a.createElement(Po, null)); + return /* @__PURE__ */ a.createElement(ky, null, /* @__PURE__ */ a.createElement("span", null, o), /* @__PURE__ */ a.createElement(Po, null)); }, "CurrentVersion"), pc = a.memo( La( ({ state: e, ...t }, o) => { @@ -6134,20 +6134,20 @@ var { document: Ey, window: Cy } = re, Ty = w.aside(({ theme: e }) => ({ () => n.filter((u) => u.type === "docs" || u.type === "story").length, [n] ); - return /* @__PURE__ */ a.createElement(Ty, { ref: o }, /* @__PURE__ */ a.createElement( + return /* @__PURE__ */ a.createElement(Cy, { ref: o }, /* @__PURE__ */ a.createElement( je, { placement: "bottom-start", trigger: "click", closeOnOutsideClick: !0, - tooltip: /* @__PURE__ */ a.createElement(ky, null, /* @__PURE__ */ a.createElement(Et, { row: 0 }, e === "loading" && /* @__PURE__ */ a. - createElement(Fy, { url: t.url }), (e === "error" || e === "empty") && /* @__PURE__ */ a.createElement(Ny, { url: t.url }), e === "\ -ready" && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Ay, { url: t.url, componentCount: r, leafCount: l }), - t.sourceUrl && /* @__PURE__ */ a.createElement(Dy, { url: t.sourceUrl })), e === "auth" && /* @__PURE__ */ a.createElement(My, { ...t }), - t.type === "auto-inject" && e !== "error" && /* @__PURE__ */ a.createElement(By, null), e !== "loading" && /* @__PURE__ */ a.createElement( - Ly, null))) + tooltip: /* @__PURE__ */ a.createElement(_y, null, /* @__PURE__ */ a.createElement(Et, { row: 0 }, e === "loading" && /* @__PURE__ */ a. + createElement(Ny, { url: t.url }), (e === "error" || e === "empty") && /* @__PURE__ */ a.createElement(Ly, { url: t.url }), e === "\ +ready" && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Py, { url: t.url, componentCount: r, leafCount: l }), + t.sourceUrl && /* @__PURE__ */ a.createElement(Ay, { url: t.sourceUrl })), e === "auth" && /* @__PURE__ */ a.createElement(Dy, { ...t }), + t.type === "auto-inject" && e !== "error" && /* @__PURE__ */ a.createElement(Fy, null), e !== "loading" && /* @__PURE__ */ a.createElement( + My, null))) }, - /* @__PURE__ */ a.createElement(_y, { "data-action": "toggle-indicator", "aria-label": "toggle indicator" }, /* @__PURE__ */ a.createElement( + /* @__PURE__ */ a.createElement(Ty, { "data-action": "toggle-indicator", "aria-label": "toggle indicator" }, /* @__PURE__ */ a.createElement( mi, null)) ), t.versions && Object.keys(t.versions).length ? /* @__PURE__ */ a.createElement( je, @@ -6170,45 +6170,45 @@ ready" && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.cr } ) }, - /* @__PURE__ */ a.createElement(Py, { url: t.url, versions: t.versions }) + /* @__PURE__ */ a.createElement(Oy, { url: t.url, versions: t.versions }) ) : null); } ) -), Ay = /* @__PURE__ */ s(({ url: e, componentCount: t, leafCount: o }) => { +), Py = /* @__PURE__ */ s(({ url: e, componentCount: t, leafCount: o }) => { let i = Fe(); return /* @__PURE__ */ a.createElement(so, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ a.createElement(mi, { color: i.color.secondary }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "View external Story\ book"), /* @__PURE__ */ a.createElement("div", null, "Explore ", t, " components and ", o, " stories in a new browser tab."))); -}, "ReadyMessage"), Dy = /* @__PURE__ */ s(({ url: e }) => { +}, "ReadyMessage"), Ay = /* @__PURE__ */ s(({ url: e }) => { let t = Fe(); return /* @__PURE__ */ a.createElement(so, { href: e, target: "_blank" }, /* @__PURE__ */ a.createElement(Nl, { color: t.color.secondary }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "View source code"))); -}, "SourceCodeMessage"), My = /* @__PURE__ */ s(({ loginUrl: e, id: t }) => { - let o = Fe(), i = D((n) => { +}, "SourceCodeMessage"), Dy = /* @__PURE__ */ s(({ loginUrl: e, id: t }) => { + let o = Fe(), i = M((n) => { n.preventDefault(); - let r = Cy.open(e, `storybook_auth_${t}`, "resizable,scrollbars"), l = setInterval(() => { - r ? r.closed && (clearInterval(l), Ey.location.reload()) : clearInterval(l); + let r = Ey.open(e, `storybook_auth_${t}`, "resizable,scrollbars"), l = setInterval(() => { + r ? r.closed && (clearInterval(l), wy.location.reload()) : clearInterval(l); }, 1e3); }, []); return /* @__PURE__ */ a.createElement(so, { onClick: i }, /* @__PURE__ */ a.createElement(zr, { color: o.color.gold }), /* @__PURE__ */ a. createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Log in required"), /* @__PURE__ */ a.createElement("div", null, "You\ need to authenticate to view this Storybook's components."))); -}, "LoginRequiredMessage"), Ly = /* @__PURE__ */ s(() => { +}, "LoginRequiredMessage"), My = /* @__PURE__ */ s(() => { let e = Fe(); return /* @__PURE__ */ a.createElement(so, { href: "https://storybook.js.org/docs/sharing/storybook-composition", target: "_blank" }, /* @__PURE__ */ a. createElement(Ao, { color: e.color.green }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Read \ Composition docs"), /* @__PURE__ */ a.createElement("div", null, "Learn how to combine multiple Storybooks into one."))); -}, "ReadDocsMessage"), Ny = /* @__PURE__ */ s(({ url: e }) => { +}, "ReadDocsMessage"), Ly = /* @__PURE__ */ s(({ url: e }) => { let t = Fe(); return /* @__PURE__ */ a.createElement(so, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ a.createElement(Nr, { color: t.color.negative }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Something went wrong"), /* @__PURE__ */ a.createElement("div", null, "This external Storybook didn't load. Debug it in a new tab now."))); -}, "ErrorOccurredMessage"), Fy = /* @__PURE__ */ s(({ url: e }) => { +}, "ErrorOccurredMessage"), Ny = /* @__PURE__ */ s(({ url: e }) => { let t = Fe(); return /* @__PURE__ */ a.createElement(so, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ a.createElement(jl, { color: t.color.secondary }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Please wait"), /* @__PURE__ */ a. createElement("div", null, "This Storybook is loading."))); -}, "LoadingMessage"), By = /* @__PURE__ */ s(() => { +}, "LoadingMessage"), Fy = /* @__PURE__ */ s(() => { let e = Fe(); return /* @__PURE__ */ a.createElement(so, { href: "https://storybook.js.org/docs/sharing/storybook-composition", target: "_blank" }, /* @__PURE__ */ a. createElement(Ml, { color: e.color.gold }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Reduce\ @@ -6216,7 +6216,7 @@ Composition docs"), /* @__PURE__ */ a.createElement("div", null, "Learn how to c }, "PerformanceDegradedMessage"); // src/manager/components/sidebar/IconSymbols.tsx -var Hy = w.svg` +var By = S.svg` position: absolute; width: 0; height: 0; @@ -6224,7 +6224,7 @@ var Hy = w.svg` shape-rendering: inherit; vertical-align: middle; `, cc = "icon--group", dc = "icon--component", fc = "icon--document", mc = "icon--story", hc = "icon--success", gc = "icon--error", yc = "ic\ -on--warning", vc = "icon--dot", bc = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(Hy, { "data-chromatic": "ignore" }, /* @__PURE__ */ a. +on--warning", vc = "icon--dot", bc = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(By, { "data-chromatic": "ignore" }, /* @__PURE__ */ a. createElement("symbol", { id: cc }, /* @__PURE__ */ a.createElement( "path", { @@ -6302,19 +6302,19 @@ ning" ? /* @__PURE__ */ a.createElement("use", { xlinkHref: `#${yc}` }) : e === #${vc}` }) : null, "UseSymbol"); // src/manager/utils/status.tsx -var Ry = w(Cl)({ +var Hy = S(Cl)({ // specificity hack "&&&": { width: 6, height: 6 } -}), zy = w(Ry)(({ theme: { animation: e, color: t, base: o } }) => ({ +}), Ry = S(Hy)(({ theme: { animation: e, color: t, base: o } }) => ({ // specificity hack animation: `${e.glow} 1.5s ease-in-out infinite`, color: o === "light" ? t.mediumdark : t.darker -})), Wy = ["unknown", "pending", "success", "warn", "error"], rr = { +})), zy = ["unknown", "pending", "success", "warn", "error"], rr = { unknown: [null, null], - pending: [/* @__PURE__ */ a.createElement(zy, { key: "icon" }), "currentColor"], + pending: [/* @__PURE__ */ a.createElement(Ry, { key: "icon" }), "currentColor"], success: [ /* @__PURE__ */ a.createElement("svg", { key: "icon", viewBox: "0 0 14 14", width: "14", height: "14" }, /* @__PURE__ */ a.createElement( $e, { type: "success" })), @@ -6330,7 +6330,7 @@ var Ry = w(Cl)({ $e, { type: "error" })), "brown" ] -}, nr = /* @__PURE__ */ s((e) => Wy.reduce( +}, nr = /* @__PURE__ */ s((e) => zy.reduce( (t, o) => e.includes(o) ? o : t, "unknown" ), "getHighestStatus"); @@ -6360,9 +6360,9 @@ var xc = /* @__PURE__ */ s(({ theme: e, status: t }) => { unknown: o }[t] }; -}, "withStatusColor"), Ic = w.div(xc, { +}, "withStatusColor"), Ic = S.div(xc, { margin: 3 -}), ji = w(te)( +}), ji = S(te)( xc, ({ theme: e, height: t, width: o }) => ({ transition: "none", @@ -6404,7 +6404,7 @@ var Vi = So({}), Sc = /* @__PURE__ */ s((e) => { }, "useStatusSummary"); // src/manager/components/sidebar/components/CollapseIcon.tsx -var jy = w.div(({ theme: e, isExpanded: t }) => ({ +var Wy = S.div(({ theme: e, isExpanded: t }) => ({ width: 8, height: 8, display: "flex", @@ -6413,7 +6413,7 @@ var jy = w.div(({ theme: e, isExpanded: t }) => ({ color: xe(0.4, e.textMutedColor), transform: t ? "rotateZ(90deg)" : "none", transition: "transform .1s ease-out" -})), ao = /* @__PURE__ */ s(({ isExpanded: e }) => /* @__PURE__ */ a.createElement(jy, { isExpanded: e }, /* @__PURE__ */ a.createElement("s\ +})), ao = /* @__PURE__ */ s(({ isExpanded: e }) => /* @__PURE__ */ a.createElement(Wy, { isExpanded: e }, /* @__PURE__ */ a.createElement("s\ vg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", fill: "none" }, /* @__PURE__ */ a.createElement( "path", { @@ -6425,7 +6425,7 @@ vg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", fill: "none ))), "CollapseIcon"); // src/manager/components/sidebar/TreeNode.tsx -var Ht = w.svg( +var Ht = S.svg( ({ theme: e, type: t }) => ({ width: 14, height: 14, @@ -6433,7 +6433,7 @@ var Ht = w.svg( color: t === "group" ? e.base === "dark" ? e.color.primary : e.color.ultraviolet : t === "component" ? e.color.secondary : t === "docume\ nt" ? e.base === "dark" ? e.color.gold : "#ff8300" : t === "story" ? e.color.seafoam : "currentColor" }) -), wc = w.button(({ theme: e, depth: t = 0, isExpandable: o = !1 }) => ({ +), wc = S.button(({ theme: e, depth: t = 0, isExpandable: o = !1 }) => ({ width: "100%", border: "none", cursor: "pointer", @@ -6449,7 +6449,7 @@ nt" ? e.base === "dark" ? e.color.gold : "#ff8300" : t === "story" ? e.color.sea gap: 6, paddingTop: 5, paddingBottom: 4 -})), Ec = w.a(({ theme: e, depth: t = 0 }) => ({ +})), Ec = S.a(({ theme: e, depth: t = 0 }) => ({ width: "100%", cursor: "pointer", color: "inherit", @@ -6465,7 +6465,7 @@ nt" ? e.base === "dark" ? e.color.gold : "#ff8300" : t === "story" ? e.color.sea overflowWrap: "break-word", wordWrap: "break-word", wordBreak: "break-word" -})), Cc = w.div(({ theme: e }) => ({ +})), Cc = S.div(({ theme: e }) => ({ display: "flex", alignItems: "center", justifyContent: "space-between", @@ -6478,7 +6478,7 @@ nt" ? e.base === "dark" ? e.color.gold : "#ff8300" : t === "story" ? e.color.sea letterSpacing: "0.16em", textTransform: "uppercase", color: e.textMutedColor -})), cn = w.div({ +})), cn = S.div({ display: "flex", alignItems: "center", gap: 6, @@ -6528,14 +6528,14 @@ function dn(e, t, { signal: o, edges: i } = {}) { f(), n = void 0, r = null; }, "cancel"), h = /* @__PURE__ */ s(() => { f(), p(); - }, "flush"), g = /* @__PURE__ */ s(function(...I) { + }, "flush"), v = /* @__PURE__ */ s(function(...I) { if (o?.aborted) return; n = this, r = I; let C = d == null; m(), l && C && p(); }, "debounced"); - return g.schedule = m, g.cancel = y, g.flush = h, o?.addEventListener("abort", y, { once: !0 }), g; + return v.schedule = m, v.cancel = y, v.flush = h, o?.addEventListener("abort", y, { once: !0 }), v; } s(dn, "debounce"); @@ -6549,7 +6549,7 @@ function $i(e, t, { signal: o, edges: i = ["leading", "trailing"] } = {}) { s($i, "throttle"); // src/manager/keybinding.ts -var Vy = { +var jy = { // event.code => event.key Space: " ", Slash: "/", @@ -6559,14 +6559,14 @@ var Vy = { ArrowDown: "ArrowDown", Escape: "Escape", Enter: "Enter" -}, $y = { alt: !1, ctrl: !1, meta: !1, shift: !1 }, Rt = /* @__PURE__ */ s((e, t) => { - let { alt: o, ctrl: i, meta: n, shift: r } = e === !1 ? $y : e; +}, Vy = { alt: !1, ctrl: !1, meta: !1, shift: !1 }, Rt = /* @__PURE__ */ s((e, t) => { + let { alt: o, ctrl: i, meta: n, shift: r } = e === !1 ? Vy : e; return !(typeof o == "boolean" && o !== t.altKey || typeof i == "boolean" && i !== t.ctrlKey || typeof n == "boolean" && n !== t.metaKey || typeof r == "boolean" && r !== t.shiftKey); -}, "matchesModifiers"), tt = /* @__PURE__ */ s((e, t) => t.code ? t.code === e : t.key === Vy[e], "matchesKeyCode"); +}, "matchesModifiers"), tt = /* @__PURE__ */ s((e, t) => t.code ? t.code === e : t.key === jy[e], "matchesKeyCode"); // src/manager/components/sidebar/useExpanded.ts -var { document: Ki } = re, Ky = /* @__PURE__ */ s(({ +var { document: Ki } = re, $y = /* @__PURE__ */ s(({ refId: e, data: t, initialExpanded: o, @@ -6579,7 +6579,7 @@ var { document: Ki } = re, Ky = /* @__PURE__ */ s(({ (l, u) => Object.assign(l, { [u]: u in o ? o[u] : !0 }), {} ); -}, "initializeExpanded"), Uy = /* @__PURE__ */ s(() => { +}, "initializeExpanded"), Ky = /* @__PURE__ */ s(() => { }, "noop"), Pc = /* @__PURE__ */ s(({ containerRef: e, isBrowsing: t, @@ -6593,25 +6593,25 @@ var { document: Ki } = re, Ky = /* @__PURE__ */ s(({ onSelectStoryId: c }) => { let d = pe(), [m, f] = wo( - (b, { ids: x, value: v }) => x.reduce((S, T) => Object.assign(S, { [T]: v }), { ...b }), + (b, { ids: x, value: g }) => x.reduce((w, T) => Object.assign(w, { [T]: g }), { ...b }), // @ts-expect-error (non strict) { refId: o, data: i, highlightedRef: l, rootIds: r, initialExpanded: n }, - Ky - ), y = D( + $y + ), y = M( (b) => e.current?.querySelector(`[data-item-id="${b}"]`), [e] - ), h = D( + ), h = M( (b) => { u(b.getAttribute("data-item-id")), ro(b); }, [u] - ), g = D( + ), v = M( ({ ids: b, value: x }) => { if (f({ ids: b, value: x }), b.length === 1) { - let v = e.current?.querySelector( + let g = e.current?.querySelector( `[data-item-id="${b[0]}"][data-ref-id="${o}"]` ); - v && h(v); + g && h(g); } }, [e, h, o] @@ -6619,26 +6619,26 @@ var { document: Ki } = re, Ky = /* @__PURE__ */ s(({ z(() => { f({ ids: tr(i, p), value: !0 }); }, [i, p]); - let I = D(() => { + let I = M(() => { let b = Object.keys(i).filter((x) => !r.includes(x)); f({ ids: b, value: !1 }); - }, [i, r]), C = D(() => { + }, [i, r]), C = M(() => { f({ ids: Object.keys(i), value: !0 }); }, [i]); return z(() => d ? (d.on(Ko, I), d.on(Qn, C), () => { d.off(Ko, I), d.off(Qn, C); - }) : Uy, [d, I, C]), z(() => { - let b = Ki.getElementById("storybook-explorer-menu"), x = $i((v) => { - let S = l.current?.refId === o && l.current?.itemId; - if (!t || !e.current || !S || v.repeat || !Rt(!1, v)) + }) : Ky, [d, I, C]), z(() => { + let b = Ki.getElementById("storybook-explorer-menu"), x = $i((g) => { + let w = l.current?.refId === o && l.current?.itemId; + if (!t || !e.current || !w || g.repeat || !Rt(!1, g)) return; - let T = tt("Enter", v), _ = tt("Space", v), k = tt("ArrowLeft", v), E = tt("ArrowRight", v); + let T = tt("Enter", g), _ = tt("Space", g), k = tt("ArrowLeft", g), E = tt("ArrowRight", g); if (!(T || _ || k || E)) return; - let O = y(S); + let O = y(w); if (!O || O.getAttribute("data-ref-id") !== o) return; - let P = v.target; + let P = g.target; if (!no(b, P) && !no(P, b)) return; if (P.hasAttribute("data-action")) { @@ -6647,11 +6647,11 @@ var { document: Ki } = re, Ky = /* @__PURE__ */ s(({ P.blur(); } let A = O.getAttribute("data-nodetype"); - (T || _) && ["component", "story", "document"].includes(A) && c(S); - let M = O.getAttribute("aria-expanded"); + (T || _) && ["component", "story", "document"].includes(A) && c(w); + let D = O.getAttribute("aria-expanded"); if (k) { - if (M === "true") { - f({ ids: [S], value: !1 }); + if (D === "true") { + f({ ids: [w], value: !1 }); return; } let L = O.getAttribute("data-parent-id"), B = L && y(L); @@ -6659,10 +6659,10 @@ var { document: Ki } = re, Ky = /* @__PURE__ */ s(({ h(B); return; } - f({ ids: It(i, S, !0), value: !1 }); + f({ ids: It(i, w, !0), value: !1 }); return; } - E && (M === "false" ? g({ ids: [S], value: !0 }) : M === "true" && g({ ids: It(i, S, !0), value: !0 })); + E && (D === "false" ? v({ ids: [w], value: !0 }) : D === "true" && v({ ids: It(i, w, !0), value: !0 })); }, 60); return Ki.addEventListener("keydown", x), () => Ki.removeEventListener("keydown", x); }, [ @@ -6673,14 +6673,14 @@ var { document: Ki } = re, Ky = /* @__PURE__ */ s(({ l, u, c - ]), [m, g]; + ]), [m, v]; }, "useExpanded"); // src/manager/components/sidebar/Tree.tsx -var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ +var Uy = "storybook/test", qL = `${Uy}/test-provider`, qy = S.div((e) => ({ marginTop: e.hasOrphans ? 20 : 0, marginBottom: 20 -})), Yy = w.button(({ theme: e }) => ({ +})), Gy = S.button(({ theme: e }) => ({ all: "unset", display: "flex", padding: "0px 8px", @@ -6694,7 +6694,7 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ outline: "none", background: xe(0.93, e.color.secondary) } -})), Ac = w.div(({ theme: e }) => ({ +})), Ac = S.div(({ theme: e }) => ({ position: "relative", display: "flex", justifyContent: "space-between", @@ -6717,7 +6717,7 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ svg: { color: e.color.lightest } }, a: { color: "currentColor" } -})), Xy = w(fe)(({ theme: e }) => ({ +})), Yy = S(fe)(({ theme: e }) => ({ display: "none", "@media (min-width: 600px)": { display: "block", @@ -6751,9 +6751,9 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ setExpanded: f, onSelectStoryId: y, collapsedData: h, - api: g + api: v }) { - let { isDesktop: I, isMobile: C, setMobileMenuOpen: b } = ge(), x = Fe(), { counts: v, statuses: S } = Sc(t); + let { isDesktop: I, isMobile: C, setMobileMenuOpen: b } = ge(), x = Fe(), { counts: g, statuses: w } = Sc(t); if (!u) return null; let T = un(t.id, n); @@ -6784,9 +6784,9 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ }, ...t.type === "docs" && { docsMode: r } }, - t.renderLabel?.(t, g) || t.name + t.renderLabel?.(t, v) || t.name ), - p && /* @__PURE__ */ a.createElement(Xy, { asChild: !0 }, /* @__PURE__ */ a.createElement("a", { href: "#storybook-preview-wrapper" }, + p && /* @__PURE__ */ a.createElement(Yy, { asChild: !0 }, /* @__PURE__ */ a.createElement("a", { href: "#storybook-preview-wrapper" }, "Skip to canvas")), E ? /* @__PURE__ */ a.createElement( je, @@ -6799,9 +6799,9 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ Ct, { links: Object.entries(o || {}).sort( - (M, L) => P.indexOf(M[1].status) - P.indexOf(L[1].status) - ).map(([M, L]) => ({ - id: M, + (D, L) => P.indexOf(D[1].status) - P.indexOf(L[1].status) + ).map(([D, L]) => ({ + id: D, title: L.title, description: L.description, "aria-label": `Test status for ${L.title}: ${L.status}`, @@ -6845,7 +6845,7 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ "data-nodetype": "root" }, /* @__PURE__ */ a.createElement( - Yy, + Gy, { type: "button", "data-action": "collapse-root", @@ -6855,7 +6855,7 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ "aria-expanded": m }, /* @__PURE__ */ a.createElement(ao, { isExpanded: m }), - t.renderLabel?.(t, g) || t.name + t.renderLabel?.(t, v) || t.name ), m && /* @__PURE__ */ a.createElement( te, @@ -6874,21 +6874,21 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ if (t.type === "component" || t.type === "group") { let _ = i?.[t.id], k = _ ? rr[_][1] : null, E = t.type === "component" ? _c : Tc, O = /* @__PURE__ */ s((P) => { let A = []; - return v.error && A.push({ + return g.error && A.push({ id: "errors", icon: /* @__PURE__ */ a.createElement(hi, { color: x.color.negative }), - title: `${v.error} ${v.error === 1 ? "story" : "stories"} with errors`, + title: `${g.error} ${g.error === 1 ? "story" : "stories"} with errors`, onClick: /* @__PURE__ */ s(() => { - let [M, [L]] = Object.entries(S.error)[0]; - y(M), L.onClick?.(), P(); + let [D, [L]] = Object.entries(w.error)[0]; + y(D), L.onClick?.(), P(); }, "onClick") - }), v.warn && A.push({ + }), g.warn && A.push({ id: "warnings", icon: /* @__PURE__ */ a.createElement(gi, { color: x.color.gold }), - title: `${v.warn} ${v.warn === 1 ? "story" : "stories"} with warnings`, + title: `${g.warn} ${g.warn === 1 ? "story" : "stories"} with warnings`, onClick: /* @__PURE__ */ s(() => { - let [M, [L]] = Object.entries(S.warn)[0]; - y(M), L.onClick?.(), P(); + let [D, [L]] = Object.entries(w.warn)[0]; + y(D), L.onClick?.(), P(); }, "onClick") }), A; }, "createLinks"); @@ -6918,13 +6918,13 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ P.preventDefault(), f({ ids: [t.id], value: !m }), t.type === "component" && !m && I && y(t.id); }, onMouseEnter: () => { - t.type === "component" && g.emit($t, { + t.type === "component" && v.emit($t, { ids: [t.children[0]], options: { target: n } }); } }, - t.renderLabel?.(t, g) || t.name + t.renderLabel?.(t, v) || t.name ), ["error", "warn"].includes(_) && /* @__PURE__ */ a.createElement( je, @@ -6940,13 +6940,13 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ ); } return null; -}, "Node")), Qy = a.memo(/* @__PURE__ */ s(function({ +}, "Node")), Xy = a.memo(/* @__PURE__ */ s(function({ setExpanded: t, isFullyExpanded: o, expandableDescendants: i, ...n }) { - let r = D( + let r = M( () => t({ ids: i, value: !o }), [t, o, i] ); @@ -6971,7 +6971,7 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ selectedStoryId: c, onSelectStoryId: d }) { - let m = G(null), f = pe(), [y, h, g] = Y( + let m = G(null), f = pe(), [y, h, v] = Y( () => Object.keys(n).reduce( (E, O) => { let P = n[O]; @@ -6992,36 +6992,36 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ let { children: P = [], name: A } = O; if (P.length !== 1) return !1; - let M = n[P[0]]; - return M.type === "docs" ? !0 : M.type === "story" ? tc(M.name, A) : !1; + let D = n[P[0]]; + return D.type === "docs" ? !0 : D.type === "story" ? tc(D.name, A) : !1; }), [n]), b = Y( () => Object.keys(n).filter((E) => !C.includes(E)), [C] ), x = Y(() => C.reduce( (E, O) => { - let { children: P, parent: A, name: M } = n[O], [L] = P; + let { children: P, parent: A, name: D } = n[O], [L] = P; if (A) { let B = [...n[A].children]; B[B.indexOf(O)] = L, E[A] = { ...n[A], children: B }; } return E[L] = { ...n[L], - name: M, + name: D, parent: A, depth: n[L].depth - 1 }, E; }, { ...n } - ), [n]), v = Y(() => b.reduce( + ), [n]), g = Y(() => b.reduce( (E, O) => Object.assign(E, { [O]: tr(x, O) }), {} - ), [b, x]), [S, T] = Pc({ + ), [b, x]), [w, T] = Pc({ // @ts-expect-error (non strict) containerRef: m, isBrowsing: t, refId: i, data: x, - initialExpanded: g, + initialExpanded: v, rootIds: y, highlightedRef: u, setHighlightedItemId: p, @@ -7030,11 +7030,11 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ }), _ = Y(() => pn(x, r), [x, r]), k = Y(() => b.map((E) => { let O = x[E], P = un(E, i); if (O.type === "root") { - let M = I[O.id], L = M.every((B) => S[B]); + let D = I[O.id], L = D.every((B) => w[B]); return ( // @ts-expect-error (TODO) /* @__PURE__ */ a.createElement( - Qy, + Xy, { api: f, key: P, @@ -7044,16 +7044,16 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ isOrphan: !1, isDisplayed: !0, isSelected: c === E, - isExpanded: !!S[E], + isExpanded: !!w[E], setExpanded: T, isFullyExpanded: L, - expandableDescendants: M, + expandableDescendants: D, onSelectStoryId: d } ) ); } - let A = !O.parent || v[E].every((M) => S[M]); + let A = !O.parent || g[E].every((D) => w[D]); return /* @__PURE__ */ a.createElement( Dc, { @@ -7065,22 +7065,22 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ groupStatus: _, refId: i, docsMode: l, - isOrphan: h.some((M) => E === M || E.startsWith(`${M}-`)), + isOrphan: h.some((D) => E === D || E.startsWith(`${D}-`)), isDisplayed: A, isSelected: c === E, - isExpanded: !!S[E], + isExpanded: !!w[E], setExpanded: T, onSelectStoryId: d } ); }), [ - v, + g, f, x, b, l, I, - S, + w, _, d, h, @@ -7089,15 +7089,15 @@ var qy = "storybook/test", GL = `${qy}/test-provider`, Gy = w.div((e) => ({ T, r ]); - return /* @__PURE__ */ a.createElement(Vi.Provider, { value: { data: n, status: r, groupStatus: _ } }, /* @__PURE__ */ a.createElement(Gy, + return /* @__PURE__ */ a.createElement(Vi.Provider, { value: { data: n, status: r, groupStatus: _ } }, /* @__PURE__ */ a.createElement(qy, { ref: m, hasOrphans: o && h.length > 0 }, /* @__PURE__ */ a.createElement(bc, null), k)); }, "Tree")); // src/manager/components/sidebar/Refs.tsx -var Zy = w.div(({ isMain: e }) => ({ +var Qy = S.div(({ isMain: e }) => ({ position: "relative", marginTop: e ? void 0 : 0 -})), Jy = w.div(({ theme: e }) => ({ +})), Zy = S.div(({ theme: e }) => ({ fontWeight: e.typography.weight.bold, fontSize: e.typography.size.s2, // Similar to ListItem.tsx @@ -7113,13 +7113,13 @@ var Zy = w.div(({ isMain: e }) => ({ paddingBottom: 12, borderTop: `1px solid ${e.appBorderColor}`, color: e.base === "light" ? e.color.defaultText : xe(0.2, e.color.defaultText) -})), ev = w.div({ +})), Jy = S.div({ textOverflow: "ellipsis", whiteSpace: "nowrap", flex: 1, overflow: "hidden", marginLeft: 2 -}), tv = w.button(({ theme: e }) => ({ +}), ev = S.button(({ theme: e }) => ({ all: "unset", display: "flex", padding: "0px 8px", @@ -7147,32 +7147,32 @@ var Zy = w.div(({ isMain: e }) => ({ loginUrl: f, type: y, expanded: h = !0, - indexError: g, + indexError: v, previewInitialized: I - } = t, C = Y(() => n ? Object.keys(n).length : 0, [n]), b = G(null), x = r === St, S = u || (y === "auto-inject" && !I || y === "server-\ -checked") || y === "unknown", E = ec(S, !!f && C === 0, !!g, !S && C === 0), [O, P] = U(h); + } = t, C = Y(() => n ? Object.keys(n).length : 0, [n]), b = G(null), x = r === St, w = u || (y === "auto-inject" && !I || y === "server-\ +checked") || y === "unknown", E = ec(w, !!f && C === 0, !!v, !w && C === 0), [O, P] = U(h); z(() => { n && c && n[c] && P(!0); }, [P, n, c]); - let A = D(() => P((B) => !B), [P]), M = D( + let A = M(() => P((B) => !B), [P]), D = M( (B) => m({ itemId: B, refId: r }), [m] - ), L = D( + ), L = M( // @ts-expect-error (non strict) (B) => i && i.selectStory(B, void 0, { ref: !x && r }), [i, x, r] ); return /* @__PURE__ */ a.createElement(a.Fragment, null, x || /* @__PURE__ */ a.createElement( - Jy, + Zy, { "aria-label": `${O ? "Hide" : "Show"} ${l} stories`, "aria-expanded": O }, - /* @__PURE__ */ a.createElement(tv, { "data-action": "collapse-ref", onClick: A }, /* @__PURE__ */ a.createElement(ao, { isExpanded: O }), - /* @__PURE__ */ a.createElement(ev, { title: l }, l)), + /* @__PURE__ */ a.createElement(ev, { "data-action": "collapse-ref", onClick: A }, /* @__PURE__ */ a.createElement(ao, { isExpanded: O }), + /* @__PURE__ */ a.createElement(Jy, { title: l }, l)), /* @__PURE__ */ a.createElement(pc, { ...t, state: E, ref: b }) - ), O && /* @__PURE__ */ a.createElement(Zy, { "data-title": l, isMain: x }, E === "auth" && /* @__PURE__ */ a.createElement(sc, { id: r, - loginUrl: f }), E === "error" && /* @__PURE__ */ a.createElement(ac, { error: g }), E === "loading" && /* @__PURE__ */ a.createElement(uc, + ), O && /* @__PURE__ */ a.createElement(Qy, { "data-title": l, isMain: x }, E === "auth" && /* @__PURE__ */ a.createElement(sc, { id: r, + loginUrl: f }), E === "error" && /* @__PURE__ */ a.createElement(ac, { error: v }), E === "loading" && /* @__PURE__ */ a.createElement(uc, { isMain: x }), E === "empty" && /* @__PURE__ */ a.createElement(lc, { isMain: x }), E === "ready" && /* @__PURE__ */ a.createElement( Mc, { @@ -7185,7 +7185,7 @@ checked") || y === "unknown", E = ec(S, !!f && C === 0, !!g, !S && C === 0), [O, selectedStoryId: c, onSelectStoryId: L, highlightedRef: d, - setHighlightedItemId: M + setHighlightedItemId: D } ))); }, "Ref") @@ -7200,15 +7200,15 @@ var { document: Ui, window: Nc } = re, Fc = /* @__PURE__ */ s((e) => e ? { itemI dataset: i, selected: n }) => { - let r = Fc(n), l = G(r), [u, p] = U(r), c = pe(), d = D( + let r = Fc(n), l = G(r), [u, p] = U(r), c = pe(), d = M( (f) => { l.current = f, p(f); }, [l] - ), m = D( + ), m = M( (f, y = !1) => { - let h = f.getAttribute("data-item-id"), g = f.getAttribute("data-ref-id"); - !h || !g || (d({ itemId: h, refId: g }), ro(f, y)); + let h = f.getAttribute("data-item-id"), v = f.getAttribute("data-ref-id"); + !h || !v || (d({ itemId: h, refId: v }), ro(f, y)); }, [d] ); @@ -7226,24 +7226,24 @@ var { document: Ui, window: Nc } = re, Fc = /* @__PURE__ */ s((e) => e ? { itemI }, 0); } }, [i, l, e, n]), z(() => { - let f = Ui.getElementById("storybook-explorer-menu"), y, h = /* @__PURE__ */ s((g) => { - if (t || !o || !e.current || !Rt(!1, g)) + let f = Ui.getElementById("storybook-explorer-menu"), y, h = /* @__PURE__ */ s((v) => { + if (t || !o || !e.current || !Rt(!1, v)) return; - let I = tt("ArrowUp", g), C = tt("ArrowDown", g); + let I = tt("ArrowUp", v), C = tt("ArrowDown", v); if (!(I || C)) return; let b = Nc.requestAnimationFrame(() => { Nc.cancelAnimationFrame(y), y = b; - let x = g.target; + let x = v.target; if (!no(f, x) && !no(x, f)) return; x.hasAttribute("data-action") && x.blur(); - let v = Array.from( + let g = Array.from( e.current.querySelectorAll("[data-highlightable=true]") - ), S = v.findIndex( + ), w = g.findIndex( (k) => k.getAttribute("data-item-id") === l.current?.itemId && k.getAttribute("data-ref-id") === l.current?.refId - ), T = Jp(v, S, I ? -1 : 1), _ = I ? T === v.length - 1 : T === 0; - if (m(v[T], _), v[T].getAttribute("data-nodetype") === "component") { + ), T = Jp(g, w, I ? -1 : 1), _ = I ? T === g.length - 1 : T === 0; + if (m(g[T], _), g[T].getAttribute("data-nodetype") === "component") { let { itemId: k, refId: E } = l.current, O = c.resolveStory(k, E === "storybook_internal" ? void 0 : E); O.type === "component" && c.emit($t, { // @ts-expect-error (non strict) @@ -7297,16 +7297,16 @@ var Hc = a.memo(/* @__PURE__ */ s(function({ }, "Explorer")); // src/manager/components/sidebar/Brand.tsx -var ov = w(Dr)(({ theme: e }) => ({ +var tv = S(Dr)(({ theme: e }) => ({ width: "auto", height: "22px !important", display: "block", color: e.base === "light" ? e.color.defaultText : e.color.lightest -})), rv = w.img({ +})), ov = S.img({ display: "block", maxWidth: "150px !important", maxHeight: "100px" -}), Rc = w.a(({ theme: e }) => ({ +}), Rc = S.a(({ theme: e }) => ({ display: "inline-block", height: "100%", margin: "-3px -4px", @@ -7324,12 +7324,12 @@ var ov = w(Dr)(({ theme: e }) => ({ if (i === null) return t === null ? null : o ? /* @__PURE__ */ a.createElement(Rc, { href: o, target: r, dangerouslySetInnerHTML: { __html: t } }) : /* @__PURE__ */ a. createElement("div", { dangerouslySetInnerHTML: { __html: t } }); - let l = i ? /* @__PURE__ */ a.createElement(rv, { src: i, alt: t }) : /* @__PURE__ */ a.createElement(ov, { alt: t }); + let l = i ? /* @__PURE__ */ a.createElement(ov, { src: i, alt: t }) : /* @__PURE__ */ a.createElement(tv, { alt: t }); return o ? /* @__PURE__ */ a.createElement(Rc, { title: t, href: o, target: r }, l) : /* @__PURE__ */ a.createElement("div", null, l); }); // src/manager/components/sidebar/Menu.tsx -var Wc = w(te)(({ highlighted: e, theme: t }) => ({ +var Wc = S(te)(({ highlighted: e, theme: t }) => ({ position: "relative", overflow: "visible", marginTop: 0, @@ -7357,10 +7357,10 @@ var Wc = w(te)(({ highlighted: e, theme: t }) => ({ boxShadow: `0 0 0 2px ${xe(0.88, t.color.secondary)}` } } -})), nv = w.div({ +})), rv = S.div({ display: "flex", gap: 4 -}), iv = /* @__PURE__ */ s(({ menu: e, onHide: t }) => { +}), nv = /* @__PURE__ */ s(({ menu: e, onHide: t }) => { let o = Y(() => e.map(({ onClick: i, ...n }) => ({ ...n, onClick: /* @__PURE__ */ s((r, l) => { @@ -7370,7 +7370,7 @@ var Wc = w(te)(({ highlighted: e, theme: t }) => ({ return /* @__PURE__ */ a.createElement(Ct, { links: o }); }, "SidebarMenuList"), jc = /* @__PURE__ */ s(({ menu: e, isHighlighted: t, onClick: o }) => { let [i, n] = U(!1), { isMobile: r, setMobileMenuOpen: l } = ge(); - return r ? /* @__PURE__ */ a.createElement(nv, null, /* @__PURE__ */ a.createElement( + return r ? /* @__PURE__ */ a.createElement(rv, null, /* @__PURE__ */ a.createElement( Wc, { title: "About Storybook", @@ -7393,7 +7393,7 @@ var Wc = w(te)(({ highlighted: e, theme: t }) => ({ { placement: "top", closeOnOutsideClick: !0, - tooltip: ({ onHide: u }) => /* @__PURE__ */ a.createElement(iv, { onHide: u, menu: e }), + tooltip: ({ onHide: u }) => /* @__PURE__ */ a.createElement(nv, { onHide: u, menu: e }), onVisibleChange: n }, /* @__PURE__ */ a.createElement( @@ -7410,7 +7410,7 @@ var Wc = w(te)(({ highlighted: e, theme: t }) => ({ }, "SidebarMenu"); // src/manager/components/sidebar/Heading.tsx -var sv = w.div(({ theme: e }) => ({ +var iv = S.div(({ theme: e }) => ({ fontSize: e.typography.size.s2, fontWeight: e.typography.weight.bold, color: e.color.defaultText, @@ -7428,14 +7428,14 @@ var sv = w.div(({ theme: e }) => ({ display: "block", flex: "1 1 auto" } -})), av = w.div({ +})), sv = S.div({ display: "flex", alignItems: "center", justifyContent: "space-between", position: "relative", minHeight: 42, paddingLeft: 8 -}), lv = w(fe)(({ theme: e }) => ({ +}), av = S(fe)(({ theme: e }) => ({ display: "none", "@media (min-width: 600px)": { display: "block", @@ -7471,14 +7471,14 @@ var sv = w.div(({ theme: e }) => ({ isLoading: n, onMenuClick: r, ...l -}) => /* @__PURE__ */ a.createElement(av, { ...l }, o && /* @__PURE__ */ a.createElement(lv, { asChild: !0 }, /* @__PURE__ */ a.createElement( -"a", { href: o, tabIndex: 0 }, "Skip to canvas")), /* @__PURE__ */ a.createElement(sv, null, /* @__PURE__ */ a.createElement(zc, null)), n ? +}) => /* @__PURE__ */ a.createElement(sv, { ...l }, o && /* @__PURE__ */ a.createElement(av, { asChild: !0 }, /* @__PURE__ */ a.createElement( +"a", { href: o, tabIndex: 0 }, "Skip to canvas")), /* @__PURE__ */ a.createElement(iv, null, /* @__PURE__ */ a.createElement(zc, null)), n ? null : i.map(({ id: u, render: p }) => /* @__PURE__ */ a.createElement(p, { key: u })), /* @__PURE__ */ a.createElement(jc, { menu: t, isHighlighted: e, onClick: r })), "Heading"); // ../node_modules/downshift/dist/downshift.esm.js var Q = Ve(ti()); -var dv = Ve(qc()); +var cv = Ve(qc()); // ../node_modules/compute-scroll-into-view/dist/index.js var Gc = /* @__PURE__ */ s((e) => typeof e == "object" && e != null && e.nodeType === 1, "t"), Yc = /* @__PURE__ */ s((e, t) => (!t || e !== @@ -7499,7 +7499,7 @@ var Gc = /* @__PURE__ */ s((e) => typeof e == "object" && e != null && e.nodeTyp } return !1; }, "n"), wn = /* @__PURE__ */ s((e, t, o, i, n, r, l, u) => r < e && l > t || r > e && l < t ? 0 : r <= e && u <= o || l >= t && u >= o ? r - -e - i : l > t && u < o || r < e && u > o ? l - t + n : 0, "o"), cv = /* @__PURE__ */ s((e) => { +e - i : l > t && u < o || r < e && u > o ? l - t + n : 0, "o"), pv = /* @__PURE__ */ s((e) => { let t = e.parentElement; return t ?? (e.getRootNode().host || null); }, "l"), Xc = /* @__PURE__ */ s((e, t) => { @@ -7509,37 +7509,37 @@ e - i : l > t && u < o || r < e && u > o ? l - t + n : 0, "o"), cv = /* @__PURE_ if (!Gc(e)) throw new TypeError("Invalid target"); let f = document.scrollingElement || document.documentElement, y = [], h = e; for (; Gc(h) && m(h); ) { - if (h = cv(h), h === f) { + if (h = pv(h), h === f) { y.push(h); break; } h != null && h === document.body && Yi(h) && !Yi(document.documentElement) || h != null && Yi(h, d) && y.push(h); } - let g = (i = (o = window.visualViewport) == null ? void 0 : o.width) != null ? i : innerWidth, I = (r = (n = window.visualViewport) == null ? - void 0 : n.height) != null ? r : innerHeight, { scrollX: C, scrollY: b } = window, { height: x, width: v, top: S, right: T, bottom: _, left: k } = e. + let v = (i = (o = window.visualViewport) == null ? void 0 : o.width) != null ? i : innerWidth, I = (r = (n = window.visualViewport) == null ? + void 0 : n.height) != null ? r : innerHeight, { scrollX: C, scrollY: b } = window, { height: x, width: g, top: w, right: T, bottom: _, left: k } = e. getBoundingClientRect(), { top: E, right: O, bottom: P, left: A } = ((N) => { let V = window.getComputedStyle(N); return { top: parseFloat(V.scrollMarginTop) || 0, right: parseFloat(V.scrollMarginRight) || 0, bottom: parseFloat(V.scrollMarginBottom) || 0, left: parseFloat(V.scrollMarginLeft) || 0 }; - })(e), M = u === "start" || u === "nearest" ? S - E : u === "end" ? _ + P : S + x / 2 - E + P, L = p === "center" ? k + v / 2 - A + O : p === + })(e), D = u === "start" || u === "nearest" ? w - E : u === "end" ? _ + P : w + x / 2 - E + P, L = p === "center" ? k + g / 2 - A + O : p === "end" ? T + O : k - A, B = []; for (let N = 0; N < y.length; N++) { let V = y[N], { height: R, width: K, top: W, right: ee, bottom: H, left: j } = V.getBoundingClientRect(); - if (l === "if-needed" && S >= 0 && k >= 0 && _ <= I && T <= g && S >= W && _ <= H && k >= j && T <= ee) return B; + if (l === "if-needed" && w >= 0 && k >= 0 && _ <= I && T <= v && w >= W && _ <= H && k >= j && T <= ee) return B; let F = getComputedStyle(V), $ = parseInt(F.borderLeftWidth, 10), X = parseInt(F.borderTopWidth, 10), oe = parseInt(F.borderRightWidth, 10), J = parseInt(F.borderBottomWidth, 10), ae = 0, ie = 0, se = "offsetWidth" in V ? V.offsetWidth - V.clientWidth - $ - oe : 0, le = "offse\ tHeight" in V ? V.offsetHeight - V.clientHeight - X - J : 0, ve = "offsetWidth" in V ? V.offsetWidth === 0 ? 0 : K / V.offsetWidth : 0, he = "\ offsetHeight" in V ? V.offsetHeight === 0 ? 0 : R / V.offsetHeight : 0; - if (f === V) ae = u === "start" ? M : u === "end" ? M - I : u === "nearest" ? wn(b, b + I, I, X, J, b + M, b + M + x, x) : M - I / 2, ie = - p === "start" ? L : p === "center" ? L - g / 2 : p === "end" ? L - g : wn(C, C + g, g, $, oe, C + L, C + L + v, v), ae = Math.max(0, ae + + if (f === V) ae = u === "start" ? D : u === "end" ? D - I : u === "nearest" ? wn(b, b + I, I, X, J, b + D, b + D + x, x) : D - I / 2, ie = + p === "start" ? L : p === "center" ? L - v / 2 : p === "end" ? L - v : wn(C, C + v, v, $, oe, C + L, C + L + g, g), ae = Math.max(0, ae + b), ie = Math.max(0, ie + C); else { - ae = u === "start" ? M - W - X : u === "end" ? M - H + J + le : u === "nearest" ? wn(W, H, R, X, J + le, M, M + x, x) : M - (W + R / 2) + + ae = u === "start" ? D - W - X : u === "end" ? D - H + J + le : u === "nearest" ? wn(W, H, R, X, J + le, D, D + x, x) : D - (W + R / 2) + le / 2, ie = p === "start" ? L - j - $ : p === "center" ? L - (j + K / 2) + se / 2 : p === "end" ? L - ee + oe + se : wn(j, ee, K, $, oe + - se, L, L + v, v); + se, L, L + g, g); let { scrollLeft: Pe, scrollTop: ue } = V; ae = he === 0 ? 0 : Math.max(0, Math.min(ue + ae / he, V.scrollHeight - R / he + le)), ie = ve === 0 ? 0 : Math.max(0, Math.min(Pe + ie / - ve, V.scrollWidth - K / ve + se)), M += ue - ae, L += Pe - ie; + ve, V.scrollWidth - K / ve + se)), D += ue - ae, L += Pe - ie; } B.push({ el: V, top: ae, left: ie }); } @@ -7558,7 +7558,7 @@ var lo = /* @__PURE__ */ s(function() { }, "__assign"); // ../node_modules/downshift/dist/downshift.esm.js -var fv = 0; +var dv = 0; function Qc(e) { return typeof e == "function" ? e : Ye; } @@ -7624,15 +7624,15 @@ function ft() { } s(ft, "handleRefs"); function id() { - return String(fv++); + return String(dv++); } s(id, "generateId"); -function mv(e) { +function fv(e) { var t = e.isOpen, o = e.resultCount, i = e.previousResultCount; return t ? o ? o !== i ? o + " result" + (o === 1 ? " is" : "s are") + " available, use up and down arrow keys to navigate. Press Enter ke\ y to select." : "" : "No results are available." : ""; } -s(mv, "getA11yStatusMessage"); +s(fv, "getA11yStatusMessage"); function Jc(e, t) { return e = Array.isArray(e) ? ( /* istanbul ignore next (preact) */ @@ -7640,19 +7640,19 @@ function Jc(e, t) { ) : e, !e && t ? t : e; } s(Jc, "unwrapArray"); -function hv(e) { +function mv(e) { return typeof e.type == "string"; } -s(hv, "isDOMElement"); -function gv(e) { +s(mv, "isDOMElement"); +function hv(e) { return e.props; } -s(gv, "getElementProps"); -var yv = ["highlightedIndex", "inputValue", "isOpen", "selectedItem", "type"]; +s(hv, "getElementProps"); +var gv = ["highlightedIndex", "inputValue", "isOpen", "selectedItem", "type"]; function En(e) { e === void 0 && (e = {}); var t = {}; - return yv.forEach(function(o) { + return gv.forEach(function(o) { e.hasOwnProperty(o) && (t[o] = e[o]); }), t; } @@ -7705,7 +7705,7 @@ function Pn(e, t, o, i) { }); } s(Pn, "targetWithinDownshift"); -var vv = Nn(function(e) { +var yv = Nn(function(e) { sd(e).textContent = ""; }, 500); function sd(e) { @@ -7726,17 +7726,17 @@ s(sd, "getStatusDiv"); function ad(e, t) { if (!(!e || !t)) { var o = sd(t); - o.textContent = e, vv(t); + o.textContent = e, yv(t); } } s(ad, "setStatus"); -function bv(e) { +function vv(e) { var t = e?.getElementById("a11y-status-message"); t && t.remove(); } -s(bv, "cleanupStatusDiv"); +s(vv, "cleanupStatusDiv"); var ld = 0, ud = 1, pd = 2, Cn = 3, Tn = 4, cd = 5, dd = 6, fd = 7, md = 8, hd = 9, gd = 10, yd = 11, vd = 12, bd = 13, xd = 14, Id = 15, Sd = 16, -xv = /* @__PURE__ */ Object.freeze({ +bv = /* @__PURE__ */ Object.freeze({ __proto__: null, unknown: ld, mouseUp: ud, @@ -7755,8 +7755,8 @@ xv = /* @__PURE__ */ Object.freeze({ blurButton: xd, controlledPropUpdatedSelectedItem: Id, touchEnd: Sd -}), Iv = ["refKey", "ref"], Sv = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"], wv = ["onKeyDown", "onBlur", "onChange", "onInput", -"onChangeText"], Ev = ["refKey", "ref"], Cv = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"], Tv = /* @__PURE__ */ function() { +}), xv = ["refKey", "ref"], Iv = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"], Sv = ["onKeyDown", "onBlur", "onChange", "onInput", +"onChangeText"], wv = ["refKey", "ref"], Ev = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"], Cv = /* @__PURE__ */ function() { var e = /* @__PURE__ */ function(t) { function o(n) { var r; @@ -7764,19 +7764,19 @@ xv = /* @__PURE__ */ Object.freeze({ labelId || r.id + "-label", r.inputId = r.props.inputId || r.id + "-input", r.getItemId = r.props.getItemId || function(b) { return r.id + "-item-" + b; }, r.items = [], r.itemCount = null, r.previousResultCount = 0, r.timeoutIds = [], r.internalSetTimeout = function(b, x) { - var v = setTimeout(function() { - r.timeoutIds = r.timeoutIds.filter(function(S) { - return S !== v; + var g = setTimeout(function() { + r.timeoutIds = r.timeoutIds.filter(function(w) { + return w !== g; }), b(); }, x); - r.timeoutIds.push(v); + r.timeoutIds.push(g); }, r.setItemCount = function(b) { r.itemCount = b; }, r.unsetItemCount = function() { r.itemCount = null; }, r.isItemDisabled = function(b, x) { - var v = r.getItemNodeFromIndex(x); - return v && v.hasAttribute("disabled"); + var g = r.getItemNodeFromIndex(x); + return g && g.hasAttribute("disabled"); }, r.setHighlightedIndex = function(b, x) { b === void 0 && (b = r.props.defaultHighlightedIndex), x === void 0 && (x = {}), x = En(x), r.internalSetState(q({ highlightedIndex: b @@ -7788,51 +7788,51 @@ xv = /* @__PURE__ */ Object.freeze({ highlightedIndex: r.props.defaultHighlightedIndex, isOpen: r.props.defaultIsOpen }, b); - }, r.selectItem = function(b, x, v) { + }, r.selectItem = function(b, x, g) { x = En(x), r.internalSetState(q({ isOpen: r.props.defaultIsOpen, highlightedIndex: r.props.defaultHighlightedIndex, selectedItem: b, inputValue: r.props.itemToString(b) - }, x), v); - }, r.selectItemAtIndex = function(b, x, v) { - var S = r.items[b]; - S != null && r.selectItem(S, x, v); + }, x), g); + }, r.selectItemAtIndex = function(b, x, g) { + var w = r.items[b]; + w != null && r.selectItem(w, x, g); }, r.selectHighlightedItem = function(b, x) { return r.selectItemAtIndex(r.getState().highlightedIndex, b, x); }, r.internalSetState = function(b, x) { - var v, S, T = {}, _ = typeof b == "function"; + var g, w, T = {}, _ = typeof b == "function"; return !_ && b.hasOwnProperty("inputValue") && r.props.onInputValueChange(b.inputValue, q({}, r.getStateAndHelpers(), b)), r.setState( function(k) { var E; k = r.getState(k); var O = _ ? b(k) : b; - O = r.props.stateReducer(k, O), v = O.hasOwnProperty("selectedItem"); + O = r.props.stateReducer(k, O), g = O.hasOwnProperty("selectedItem"); var P = {}; - return v && O.selectedItem !== k.selectedItem && (S = O.selectedItem), (E = O).type || (E.type = ld), Object.keys(O).forEach(function(A) { + return g && O.selectedItem !== k.selectedItem && (w = O.selectedItem), (E = O).type || (E.type = ld), Object.keys(O).forEach(function(A) { k[A] !== O[A] && (T[A] = O[A]), A !== "type" && (O[A], On(r.props, A) || (P[A] = O[A])); }), _ && O.hasOwnProperty("inputValue") && r.props.onInputValueChange(O.inputValue, q({}, r.getStateAndHelpers(), O)), P; }, function() { Qc(x)(); var k = Object.keys(T).length > 1; - k && r.props.onStateChange(T, r.getStateAndHelpers()), v && r.props.onSelect(b.selectedItem, r.getStateAndHelpers()), S !== void 0 && - r.props.onChange(S, r.getStateAndHelpers()), r.props.onUserAction(T, r.getStateAndHelpers()); + k && r.props.onStateChange(T, r.getStateAndHelpers()), g && r.props.onSelect(b.selectedItem, r.getStateAndHelpers()), w !== void 0 && + r.props.onChange(w, r.getStateAndHelpers()), r.props.onUserAction(T, r.getStateAndHelpers()); }); }, r.rootRef = function(b) { return r._rootNode = b; }, r.getRootProps = function(b, x) { - var v, S = b === void 0 ? {} : b, T = S.refKey, _ = T === void 0 ? "ref" : T, k = S.ref, E = ke(S, Iv), O = x === void 0 ? {} : x, P = O. + var g, w = b === void 0 ? {} : b, T = w.refKey, _ = T === void 0 ? "ref" : T, k = w.ref, E = ke(w, xv), O = x === void 0 ? {} : x, P = O. suppressRefError, A = P === void 0 ? !1 : P; r.getRootProps.called = !0, r.getRootProps.refKey = _, r.getRootProps.suppressRefError = A; - var M = r.getState(), L = M.isOpen; - return q((v = {}, v[_] = ft(k, r.rootRef), v.role = "combobox", v["aria-expanded"] = L, v["aria-haspopup"] = "listbox", v["aria-owns"] = - L ? r.menuId : void 0, v["aria-labelledby"] = r.labelId, v), E); + var D = r.getState(), L = D.isOpen; + return q((g = {}, g[_] = ft(k, r.rootRef), g.role = "combobox", g["aria-expanded"] = L, g["aria-haspopup"] = "listbox", g["aria-owns"] = + L ? r.menuId : void 0, g["aria-labelledby"] = r.labelId, g), E); }, r.keyDownHandlers = { ArrowDown: /* @__PURE__ */ s(function(x) { - var v = this; + var g = this; if (x.preventDefault(), this.getState().isOpen) { - var S = x.shiftKey ? 5 : 1; - this.moveHighlightedIndex(S, { + var w = x.shiftKey ? 5 : 1; + this.moveHighlightedIndex(w, { type: Tn }); } else @@ -7840,22 +7840,22 @@ xv = /* @__PURE__ */ Object.freeze({ isOpen: !0, type: Tn }, function() { - var T = v.getItemCount(); + var T = g.getItemCount(); if (T > 0) { - var _ = v.getState(), k = _.highlightedIndex, E = mt(k, 1, { + var _ = g.getState(), k = _.highlightedIndex, E = mt(k, 1, { length: T - }, v.isItemDisabled, !0); - v.setHighlightedIndex(E, { + }, g.isItemDisabled, !0); + g.setHighlightedIndex(E, { type: Tn }); } }); }, "ArrowDown"), ArrowUp: /* @__PURE__ */ s(function(x) { - var v = this; + var g = this; if (x.preventDefault(), this.getState().isOpen) { - var S = x.shiftKey ? -5 : -1; - this.moveHighlightedIndex(S, { + var w = x.shiftKey ? -5 : -1; + this.moveHighlightedIndex(w, { type: Cn }); } else @@ -7863,12 +7863,12 @@ xv = /* @__PURE__ */ Object.freeze({ isOpen: !0, type: Cn }, function() { - var T = v.getItemCount(); + var T = g.getItemCount(); if (T > 0) { - var _ = v.getState(), k = _.highlightedIndex, E = mt(k, -1, { + var _ = g.getState(), k = _.highlightedIndex, E = mt(k, -1, { length: T - }, v.isItemDisabled, !0); - v.setHighlightedIndex(E, { + }, g.isItemDisabled, !0); + g.setHighlightedIndex(E, { type: Cn }); } @@ -7876,8 +7876,8 @@ xv = /* @__PURE__ */ Object.freeze({ }, "ArrowUp"), Enter: /* @__PURE__ */ s(function(x) { if (x.which !== 229) { - var v = this.getState(), S = v.isOpen, T = v.highlightedIndex; - if (S && T != null) { + var g = this.getState(), w = g.isOpen, T = g.highlightedIndex; + if (w && T != null) { x.preventDefault(); var _ = this.items[T], k = this.getItemNodeFromIndex(T); if (_ == null || k && k.hasAttribute("disabled")) @@ -7904,11 +7904,11 @@ xv = /* @__PURE__ */ Object.freeze({ }, "_") }), r.inputKeyDownHandlers = q({}, r.keyDownHandlers, { Home: /* @__PURE__ */ s(function(x) { - var v = this.getState(), S = v.isOpen; - if (S) { + var g = this.getState(), w = g.isOpen; + if (w) { x.preventDefault(); var T = this.getItemCount(); - if (!(T <= 0 || !S)) { + if (!(T <= 0 || !w)) { var _ = zt(0, !1, { length: T }, this.isItemDisabled); @@ -7919,11 +7919,11 @@ xv = /* @__PURE__ */ Object.freeze({ } }, "Home"), End: /* @__PURE__ */ s(function(x) { - var v = this.getState(), S = v.isOpen; - if (S) { + var g = this.getState(), w = g.isOpen; + if (w) { x.preventDefault(); var T = this.getItemCount(); - if (!(T <= 0 || !S)) { + if (!(T <= 0 || !w)) { var _ = zt(T - 1, !0, { length: T }, this.isItemDisabled); @@ -7934,11 +7934,11 @@ xv = /* @__PURE__ */ Object.freeze({ } }, "End") }), r.getToggleButtonProps = function(b) { - var x = b === void 0 ? {} : b, v = x.onClick; + var x = b === void 0 ? {} : b, g = x.onClick; x.onPress; - var S = x.onKeyDown, T = x.onKeyUp, _ = x.onBlur, k = ke(x, Sv), E = r.getState(), O = E.isOpen, P = { - onClick: ce(v, r.buttonHandleClick), - onKeyDown: ce(S, r.buttonHandleKeyDown), + var w = x.onKeyDown, T = x.onKeyUp, _ = x.onBlur, k = ke(x, Iv), E = r.getState(), O = E.isOpen, P = { + onClick: ce(g, r.buttonHandleClick), + onKeyDown: ce(w, r.buttonHandleKeyDown), onKeyUp: ce(T, r.buttonHandleKeyUp), onBlur: ce(_, r.buttonHandleBlur) }, A = k.disabled ? {} : P; @@ -7956,8 +7956,8 @@ xv = /* @__PURE__ */ Object.freeze({ r.buttonKeyDownHandlers[x] && r.buttonKeyDownHandlers[x].call(r, b); }, r.buttonHandleClick = function(b) { if (b.preventDefault(), r.props.environment) { - var x = r.props.environment.document, v = x.body, S = x.activeElement; - v && v === S && b.target.focus(); + var x = r.props.environment.document, g = x.body, w = x.activeElement; + g && g === w && b.target.focus(); } r.internalSetTimeout(function() { return r.toggleMenu({ @@ -7968,8 +7968,8 @@ xv = /* @__PURE__ */ Object.freeze({ var x = b.target; r.internalSetTimeout(function() { if (!(r.isMouseDown || !r.props.environment)) { - var v = r.props.environment.document.activeElement; - (v == null || v.id !== r.inputId) && v !== x && r.reset({ + var g = r.props.environment.document.activeElement; + (g == null || g.id !== r.inputId) && g !== x && r.reset({ type: xd }); } @@ -7980,20 +7980,20 @@ xv = /* @__PURE__ */ Object.freeze({ id: r.labelId }, b); }, r.getInputProps = function(b) { - var x = b === void 0 ? {} : b, v = x.onKeyDown, S = x.onBlur, T = x.onChange, _ = x.onInput; + var x = b === void 0 ? {} : b, g = x.onKeyDown, w = x.onBlur, T = x.onChange, _ = x.onInput; x.onChangeText; - var k = ke(x, wv), E, O = {}; + var k = ke(x, Sv), E, O = {}; E = "onChange"; - var P = r.getState(), A = P.inputValue, M = P.isOpen, L = P.highlightedIndex; + var P = r.getState(), A = P.inputValue, D = P.isOpen, L = P.highlightedIndex; if (!k.disabled) { var B; - O = (B = {}, B[E] = ce(T, _, r.inputHandleChange), B.onKeyDown = ce(v, r.inputHandleKeyDown), B.onBlur = ce(S, r.inputHandleBlur), + O = (B = {}, B[E] = ce(T, _, r.inputHandleChange), B.onKeyDown = ce(g, r.inputHandleKeyDown), B.onBlur = ce(w, r.inputHandleBlur), B); } return q({ "aria-autocomplete": "list", - "aria-activedescendant": M && typeof L == "number" && L >= 0 ? r.getItemId(L) : void 0, - "aria-controls": M ? r.menuId : void 0, + "aria-activedescendant": D && typeof L == "number" && L >= 0 ? r.getItemId(L) : void 0, + "aria-controls": D ? r.menuId : void 0, "aria-labelledby": k && k["aria-label"] ? void 0 : r.labelId, // https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion // revert back since autocomplete="nope" is ignored on latest Chrome and Opera @@ -8015,9 +8015,9 @@ xv = /* @__PURE__ */ Object.freeze({ r.internalSetTimeout(function() { var b; if (!(r.isMouseDown || !r.props.environment)) { - var x = r.props.environment.document.activeElement, v = (x == null || (b = x.dataset) == null ? void 0 : b.toggle) && r._rootNode && + var x = r.props.environment.document.activeElement, g = (x == null || (b = x.dataset) == null ? void 0 : b.toggle) && r._rootNode && r._rootNode.contains(x); - v || r.reset({ + g || r.reset({ type: gd }); } @@ -8025,23 +8025,23 @@ xv = /* @__PURE__ */ Object.freeze({ }, r.menuRef = function(b) { r._menuNode = b; }, r.getMenuProps = function(b, x) { - var v, S = b === void 0 ? {} : b, T = S.refKey, _ = T === void 0 ? "ref" : T, k = S.ref, E = ke(S, Ev), O = x === void 0 ? {} : x, P = O. + var g, w = b === void 0 ? {} : b, T = w.refKey, _ = T === void 0 ? "ref" : T, k = w.ref, E = ke(w, wv), O = x === void 0 ? {} : x, P = O. suppressRefError, A = P === void 0 ? !1 : P; - return r.getMenuProps.called = !0, r.getMenuProps.refKey = _, r.getMenuProps.suppressRefError = A, q((v = {}, v[_] = ft(k, r.menuRef), - v.role = "listbox", v["aria-labelledby"] = E && E["aria-label"] ? void 0 : r.labelId, v.id = r.menuId, v), E); + return r.getMenuProps.called = !0, r.getMenuProps.refKey = _, r.getMenuProps.suppressRefError = A, q((g = {}, g[_] = ft(k, r.menuRef), + g.role = "listbox", g["aria-labelledby"] = E && E["aria-label"] ? void 0 : r.labelId, g.id = r.menuId, g), E); }, r.getItemProps = function(b) { - var x, v = b === void 0 ? {} : b, S = v.onMouseMove, T = v.onMouseDown, _ = v.onClick; - v.onPress; - var k = v.index, E = v.item, O = E === void 0 ? ( + var x, g = b === void 0 ? {} : b, w = g.onMouseMove, T = g.onMouseDown, _ = g.onClick; + g.onPress; + var k = g.index, E = g.item, O = E === void 0 ? ( /* istanbul ignore next */ void 0 - ) : E, P = ke(v, Cv); + ) : E, P = ke(g, Ev); k === void 0 ? (r.items.push(O), k = r.items.indexOf(O)) : r.items[k] = O; - var A = "onClick", M = _, L = (x = { + var A = "onClick", D = _, L = (x = { // onMouseMove is used over onMouseEnter here. onMouseMove // is only triggered on actual mouse movement while onMouseEnter // can fire on DOM changes, interrupting keyboard navigation - onMouseMove: ce(S, function() { + onMouseMove: ce(w, function() { k !== r.getState().highlightedIndex && (r.setHighlightedIndex(k, { type: pd }), r.avoidScrolling = !0, r.internalSetTimeout(function() { @@ -8051,7 +8051,7 @@ xv = /* @__PURE__ */ Object.freeze({ onMouseDown: ce(T, function(N) { N.preventDefault(); }) - }, x[A] = ce(M, function() { + }, x[A] = ce(D, function() { r.selectItemAtIndex(k, { type: hd }); @@ -8066,25 +8066,25 @@ xv = /* @__PURE__ */ Object.freeze({ }, r.clearItems = function() { r.items = []; }, r.reset = function(b, x) { - b === void 0 && (b = {}), b = En(b), r.internalSetState(function(v) { - var S = v.selectedItem; + b === void 0 && (b = {}), b = En(b), r.internalSetState(function(g) { + var w = g.selectedItem; return q({ isOpen: r.props.defaultIsOpen, highlightedIndex: r.props.defaultHighlightedIndex, - inputValue: r.props.itemToString(S) + inputValue: r.props.itemToString(w) }, b); }, x); }, r.toggleMenu = function(b, x) { - b === void 0 && (b = {}), b = En(b), r.internalSetState(function(v) { - var S = v.isOpen; + b === void 0 && (b = {}), b = En(b), r.internalSetState(function(g) { + var w = g.isOpen; return q({ - isOpen: !S - }, S && { + isOpen: !w + }, w && { highlightedIndex: r.props.defaultHighlightedIndex }, b); }, function() { - var v = r.getState(), S = v.isOpen, T = v.highlightedIndex; - S && r.getItemCount() > 0 && typeof T == "number" && r.setHighlightedIndex(T, b), Qc(x)(); + var g = r.getState(), w = g.isOpen, T = g.highlightedIndex; + w && r.getItemCount() > 0 && typeof T == "number" && r.setHighlightedIndex(T, b), Qc(x)(); }); }, r.openMenu = function(b) { r.internalSetState({ @@ -8097,17 +8097,17 @@ xv = /* @__PURE__ */ Object.freeze({ }, r.updateStatus = Nn(function() { var b; if ((b = r.props) != null && (b = b.environment) != null && b.document) { - var x = r.getState(), v = r.items[x.highlightedIndex], S = r.getItemCount(), T = r.props.getA11yStatusMessage(q({ + var x = r.getState(), g = r.items[x.highlightedIndex], w = r.getItemCount(), T = r.props.getA11yStatusMessage(q({ itemToString: r.props.itemToString, previousResultCount: r.previousResultCount, - resultCount: S, - highlightedItem: v + resultCount: w, + highlightedItem: g }, x)); - r.previousResultCount = S, ad(T, r.props.environment.document); + r.previousResultCount = w, ad(T, r.props.environment.document); } }, 200); var l = r.props, u = l.defaultHighlightedIndex, p = l.initialHighlightedIndex, c = p === void 0 ? u : p, d = l.defaultIsOpen, m = l.initialIsOpen, - f = m === void 0 ? d : m, y = l.initialInputValue, h = y === void 0 ? "" : y, g = l.initialSelectedItem, I = g === void 0 ? null : g, C = r. + f = m === void 0 ? d : m, y = l.initialInputValue, h = y === void 0 ? "" : y, v = l.initialSelectedItem, I = v === void 0 ? null : v, C = r. getState({ highlightedIndex: c, isOpen: f, @@ -8145,31 +8145,31 @@ xv = /* @__PURE__ */ Object.freeze({ } }, "moveHighlightedIndex"), i.getStateAndHelpers = /* @__PURE__ */ s(function() { var r = this.getState(), l = r.highlightedIndex, u = r.inputValue, p = r.selectedItem, c = r.isOpen, d = this.props.itemToString, m = this. - id, f = this.getRootProps, y = this.getToggleButtonProps, h = this.getLabelProps, g = this.getMenuProps, I = this.getInputProps, C = this. - getItemProps, b = this.openMenu, x = this.closeMenu, v = this.toggleMenu, S = this.selectItem, T = this.selectItemAtIndex, _ = this.selectHighlightedItem, - k = this.setHighlightedIndex, E = this.clearSelection, O = this.clearItems, P = this.reset, A = this.setItemCount, M = this.unsetItemCount, + id, f = this.getRootProps, y = this.getToggleButtonProps, h = this.getLabelProps, v = this.getMenuProps, I = this.getInputProps, C = this. + getItemProps, b = this.openMenu, x = this.closeMenu, g = this.toggleMenu, w = this.selectItem, T = this.selectItemAtIndex, _ = this.selectHighlightedItem, + k = this.setHighlightedIndex, E = this.clearSelection, O = this.clearItems, P = this.reset, A = this.setItemCount, D = this.unsetItemCount, L = this.internalSetState; return { // prop getters getRootProps: f, getToggleButtonProps: y, getLabelProps: h, - getMenuProps: g, + getMenuProps: v, getInputProps: I, getItemProps: C, // actions reset: P, openMenu: b, closeMenu: x, - toggleMenu: v, - selectItem: S, + toggleMenu: g, + selectItem: w, selectItemAtIndex: T, selectHighlightedItem: _, setHighlightedIndex: k, clearSelection: E, clearItems: O, setItemCount: A, - unsetItemCount: M, + unsetItemCount: D, setState: L, // props itemToString: d, @@ -8237,14 +8237,14 @@ move", c), m.addEventListener("touchend", d), this.cleanup = function() { return null; if (this.getRootProps.called || this.props.suppressRefError) return l; - if (hv(l)) - return /* @__PURE__ */ Ma(l, this.getRootProps(gv(l))); + if (mv(l)) + return /* @__PURE__ */ Ma(l, this.getRootProps(hv(l))); }, "render"), o; }(Ge); return e.defaultProps = { defaultHighlightedIndex: null, defaultIsOpen: !1, - getA11yStatusMessage: mv, + getA11yStatusMessage: fv, itemToString: /* @__PURE__ */ s(function(o) { return o == null ? "" : String(o); }, "itemToString"), @@ -8266,37 +8266,37 @@ move", c), m.addEventListener("touchend", d), this.cleanup = function() { }, "stateReducer"), suppressRefError: !1, scrollIntoView: nd - }, e.stateChangeTypes = xv, e; -}(), co = Tv; + }, e.stateChangeTypes = bv, e; +}(), co = Cv; var wd = { highlightedIndex: -1, isOpen: !1, selectedItem: null, inputValue: "" }; -function _v(e, t, o) { +function Tv(e, t, o) { var i = e.props, n = e.type, r = {}; Object.keys(t).forEach(function(l) { - kv(l, e, t, o), o[l] !== t[l] && (r[l] = o[l]); + _v(l, e, t, o), o[l] !== t[l] && (r[l] = o[l]); }), i.onStateChange && Object.keys(r).length && i.onStateChange(q({ type: n }, r)); } -s(_v, "callOnChangeProps"); -function kv(e, t, o, i) { +s(Tv, "callOnChangeProps"); +function _v(e, t, o, i) { var n = t.props, r = t.type, l = "on" + Zi(e) + "Change"; n[l] && i[e] !== void 0 && i[e] !== o[e] && n[l](q({ type: r }, i)); } -s(kv, "invokeOnChangeHandler"); -function Ov(e, t) { +s(_v, "invokeOnChangeHandler"); +function kv(e, t) { return t.changes; } -s(Ov, "stateReducer"); +s(kv, "stateReducer"); var ed = Nn(function(e, t) { ad(e, t); -}, 200), Pv = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Lt : z, Ed = "useId" in a ? +}, 200), Ov = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Lt : z, Ed = "useId" in a ? /* @__PURE__ */ s(function(t) { var o = t.id, i = t.labelId, n = t.menuId, r = t.getItemId, l = t.toggleButtonId, u = t.inputId, p = "downshift-" + a.useId(); o || (o = p); @@ -8334,10 +8334,10 @@ function Qi(e, t, o, i) { return [n, r]; } s(Qi, "getItemAndIndex"); -function Av(e) { +function Pv(e) { return /^\S{1}$/.test(e); } -s(Av, "isAcceptedCharacterKey"); +s(Pv, "isAcceptedCharacterKey"); function Zi(e) { return "" + e.slice(0, 1).toUpperCase() + e.slice(1); } @@ -8348,20 +8348,20 @@ function Fn(e) { } s(Fn, "useLatestRef"); function Cd(e, t, o, i) { - var n = G(), r = G(), l = D(function(y, h) { + var n = G(), r = G(), l = M(function(y, h) { r.current = h, y = sr(y, h.props); - var g = e(y, h), I = h.props.stateReducer(y, q({}, h, { - changes: g + var v = e(y, h), I = h.props.stateReducer(y, q({}, h, { + changes: v })); return I; - }, [e]), u = wo(l, t, o), p = u[0], c = u[1], d = Fn(t), m = D(function(y) { + }, [e]), u = wo(l, t, o), p = u[0], c = u[1], d = Fn(t), m = M(function(y) { return c(q({ props: d.current }, y)); }, [d]), f = r.current; return z(function() { var y = sr(n.current, f?.props), h = f && n.current && !i(y, p); - h && _v(f, y, p), n.current = p; + h && Tv(f, y, p), n.current = p; }, [p, f, i]), [p, m]; } s(Cd, "useEnhancedReducer"); @@ -8377,7 +8377,7 @@ var ir = { itemToKey: /* @__PURE__ */ s(function(t) { return t; }, "itemToKey"), - stateReducer: Ov, + stateReducer: kv, scrollIntoView: nd, environment: ( /* istanbul ignore next (ssr) */ @@ -8471,14 +8471,14 @@ function es(e, t, o, i) { } }, o), z(function() { return function() { - ed.cancel(), bv(n); + ed.cancel(), vv(n); }; }, [n]); } s(es, "useA11yMessageStatus"); function Od(e) { var t = e.highlightedIndex, o = e.isOpen, i = e.itemRefs, n = e.getItemNodeFromIndex, r = e.menuElement, l = e.scrollIntoView, u = G(!0); - return Pv(function() { + return Ov(function() { t < 0 || !o || !Object.keys(i.current).length || (u.current === !1 ? u.current = !0 : l(n(t), r)); }, [t]), u; } @@ -8605,7 +8605,7 @@ function Dd(e, t, o) { return q({}, e, r); } s(Dd, "downshiftCommonReducer"); -function Dv(e) { +function Av(e) { for (var t = e.keysSoFar, o = e.highlightedIndex, i = e.items, n = e.itemToString, r = e.isItemDisabled, l = t.toLowerCase(), u = 0; u < i. length; u++) { var p = (u + o + (t.length < 2 ? 1 : 0)) % i.length, c = i[p]; @@ -8614,11 +8614,11 @@ function Dv(e) { } return o; } -s(Dv, "getItemIndexByCharacterKey"); -var t5 = lo(lo({}, Ad), { items: Q.default.array.isRequired, isItemDisabled: Q.default.func }), Mv = lo(lo({}, ir), { isItemDisabled: /* @__PURE__ */ s( +s(Av, "getItemIndexByCharacterKey"); +var e5 = lo(lo({}, Ad), { items: Q.default.array.isRequired, isItemDisabled: Q.default.func }), Dv = lo(lo({}, ir), { isItemDisabled: /* @__PURE__ */ s( function() { return !1; -}, "isItemDisabled") }), Lv = Ye, kn = 0, os = 1, rs = 2, Dn = 3, ns = 4, is = 5, ss = 6, as = 7, ls = 8, us = 9, ps = 10, Mn = 11, Md = 12, +}, "isItemDisabled") }), Mv = Ye, kn = 0, os = 1, rs = 2, Dn = 3, ns = 4, is = 5, ss = 6, as = 7, ls = 8, us = 9, ps = 10, Mn = 11, Md = 12, Ld = 13, cs = 14, Nd = 15, Fd = 16, Bd = 17, Hd = 18, ds = 19, Xi = 20, Rd = 21, zd = /* @__PURE__ */ Object.freeze({ __proto__: null, ToggleButtonClick: kn, @@ -8644,7 +8644,7 @@ Ld = 13, cs = 14, Nd = 15, Fd = 16, Bd = 17, Hd = 18, ds = 19, Xi = 20, Rd = 21, FunctionSetInputValue: Xi, FunctionReset: Rd }); -function Nv(e, t) { +function Lv(e, t) { var o, i = t.type, n = t.props, r = t.altKey, l; switch (i) { case cs: @@ -8658,7 +8658,7 @@ function Nv(e, t) { { var u = t.key, p = "" + e.inputValue + u, c = !e.isOpen && e.selectedItem ? n.items.findIndex(function(y) { return n.itemToKey(y) === n.itemToKey(e.selectedItem); - }) : e.highlightedIndex, d = Dv({ + }) : e.highlightedIndex, d = Av({ keysSoFar: p, highlightedIndex: c, items: n.items, @@ -8743,18 +8743,18 @@ function Nv(e, t) { } return q({}, e, l); } -s(Nv, "downshiftSelectReducer"); -var Fv = ["onClick"], Bv = ["onMouseLeave", "refKey", "ref"], Hv = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"], Rv = ["it\ +s(Lv, "downshiftSelectReducer"); +var Nv = ["onClick"], Fv = ["onMouseLeave", "refKey", "ref"], Bv = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"], Hv = ["it\ em", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"]; Wd.stateChangeTypes = zd; function Wd(e) { - e === void 0 && (e = {}), Lv(e, Wd); - var t = q({}, Mv, e), o = t.scrollIntoView, i = t.environment, n = t.getA11yStatusMessage, r = Td(Nv, t, _d, Pd), l = r[0], u = r[1], p = l. - isOpen, c = l.highlightedIndex, d = l.selectedItem, m = l.inputValue, f = G(null), y = G(null), h = G({}), g = G(null), I = Ed(t), C = Fn( + e === void 0 && (e = {}), Mv(e, Wd); + var t = q({}, Dv, e), o = t.scrollIntoView, i = t.environment, n = t.getA11yStatusMessage, r = Td(Lv, t, _d, Pd), l = r[0], u = r[1], p = l. + isOpen, c = l.highlightedIndex, d = l.selectedItem, m = l.inputValue, f = G(null), y = G(null), h = G({}), v = G(null), I = Ed(t), C = Fn( { state: l, props: t - }), b = D(function(R) { + }), b = M(function(R) { return h.current[I.getItemId(R)]; }, [I]); es(n, l, [p, c, d, m], i); @@ -8767,16 +8767,16 @@ function Wd(e) { getItemNodeFromIndex: b }); z(function() { - return g.current = Nn(function(R) { + return v.current = Nn(function(R) { R({ type: Xi, inputValue: "" }); }, 500), function() { - g.current.cancel(); + v.current.cancel(); }; }, []), z(function() { - m && g.current(u); + m && v.current(u); }, [u, m]), ts({ props: t, state: l @@ -8784,11 +8784,11 @@ function Wd(e) { var R = uo(t, "isOpen"); R && f.current && f.current.focus(); }, []); - var v = kd(i, [f, y], D(/* @__PURE__ */ s(function() { + var g = kd(i, [f, y], M(/* @__PURE__ */ s(function() { C.current.state.isOpen && u({ type: Mn }); - }, "handleBlur"), [u, C])), S = Ji("getMenuProps", "getToggleButtonProps"); + }, "handleBlur"), [u, C])), w = Ji("getMenuProps", "getToggleButtonProps"); z(function() { p || (h.current = {}); }, [p]); @@ -8853,39 +8853,39 @@ function Wd(e) { }); }, "_") }; - }, [u, C]), _ = D(function() { + }, [u, C]), _ = M(function() { u({ type: Nd }); - }, [u]), k = D(function() { + }, [u]), k = M(function() { u({ type: Bd }); - }, [u]), E = D(function() { + }, [u]), E = M(function() { u({ type: Fd }); - }, [u]), O = D(function(R) { + }, [u]), O = M(function(R) { u({ type: Hd, highlightedIndex: R }); - }, [u]), P = D(function(R) { + }, [u]), P = M(function(R) { u({ type: ds, selectedItem: R }); - }, [u]), A = D(function() { + }, [u]), A = M(function() { u({ type: Rd }); - }, [u]), M = D(function(R) { + }, [u]), D = M(function(R) { u({ type: Xi, inputValue: R }); - }, [u]), L = D(function(R) { - var K = R === void 0 ? {} : R, W = K.onClick, ee = ke(K, Fv), H = /* @__PURE__ */ s(function() { + }, [u]), L = M(function(R) { + var K = R === void 0 ? {} : R, W = K.onClick, ee = ke(K, Nv), H = /* @__PURE__ */ s(function() { var F; (F = f.current) == null || F.focus(); }, "labelHandleClick"); @@ -8894,32 +8894,32 @@ function Wd(e) { htmlFor: I.toggleButtonId, onClick: ce(W, H) }, ee); - }, [I]), B = D(function(R, K) { - var W, ee = R === void 0 ? {} : R, H = ee.onMouseLeave, j = ee.refKey, F = j === void 0 ? "ref" : j, $ = ee.ref, X = ke(ee, Bv), oe = K === + }, [I]), B = M(function(R, K) { + var W, ee = R === void 0 ? {} : R, H = ee.onMouseLeave, j = ee.refKey, F = j === void 0 ? "ref" : j, $ = ee.ref, X = ke(ee, Fv), oe = K === void 0 ? {} : K, J = oe.suppressRefError, ae = J === void 0 ? !1 : J, ie = /* @__PURE__ */ s(function() { u({ type: Md }); }, "menuHandleMouseLeave"); - return S("getMenuProps", ae, F, y), q((W = {}, W[F] = ft($, function(se) { + return w("getMenuProps", ae, F, y), q((W = {}, W[F] = ft($, function(se) { y.current = se; }), W.id = I.menuId, W.role = "listbox", W["aria-labelledby"] = X && X["aria-label"] ? void 0 : "" + I.labelId, W.onMouseLeave = ce(H, ie), W), X); - }, [u, S, I]), N = D(function(R, K) { + }, [u, w, I]), N = M(function(R, K) { var W, ee = R === void 0 ? {} : R, H = ee.onBlur, j = ee.onClick; ee.onPress; - var F = ee.onKeyDown, $ = ee.refKey, X = $ === void 0 ? "ref" : $, oe = ee.ref, J = ke(ee, Hv), ae = K === void 0 ? {} : K, ie = ae.suppressRefError, + var F = ee.onKeyDown, $ = ee.refKey, X = $ === void 0 ? "ref" : $, oe = ee.ref, J = ke(ee, Bv), ae = K === void 0 ? {} : K, ie = ae.suppressRefError, se = ie === void 0 ? !1 : ie, le = C.current.state, ve = /* @__PURE__ */ s(function() { u({ type: kn }); }, "toggleButtonHandleClick"), he = /* @__PURE__ */ s(function() { - le.isOpen && !v.isMouseDown && u({ + le.isOpen && !g.isMouseDown && u({ type: Mn }); }, "toggleButtonHandleBlur"), Pe = /* @__PURE__ */ s(function(Te) { var Re = Ho(Te); - Re && T[Re] ? T[Re](Te) : Av(Re) && u({ + Re && T[Re] ? T[Re](Te) : Pv(Re) && u({ type: Dn, key: Re }); @@ -8928,16 +8928,16 @@ function Wd(e) { }), W["aria-activedescendant"] = le.isOpen && le.highlightedIndex > -1 ? I.getItemId(le.highlightedIndex) : "", W["aria-controls"] = I.menuId, W["aria-expanded"] = C.current.state.isOpen, W["aria-haspopup"] = "listbox", W["aria-labelledby"] = J && J["aria-label"] ? void 0 : "" + I.labelId, W.id = I.toggleButtonId, W.role = "combobox", W.tabIndex = 0, W.onBlur = ce(H, he), W), J); - return J.disabled || (ue.onClick = ce(j, ve), ue.onKeyDown = ce(F, Pe)), S("getToggleButtonProps", se, X, f), ue; - }, [u, I, C, v, S, T]), V = D(function(R) { + return J.disabled || (ue.onClick = ce(j, ve), ue.onKeyDown = ce(F, Pe)), w("getToggleButtonProps", se, X, f), ue; + }, [u, I, C, g, w, T]), V = M(function(R) { var K, W = R === void 0 ? {} : R, ee = W.item, H = W.index, j = W.onMouseMove, F = W.onClick, $ = W.onMouseDown; W.onPress; - var X = W.refKey, oe = X === void 0 ? "ref" : X, J = W.disabled, ae = W.ref, ie = ke(W, Rv); + var X = W.refKey, oe = X === void 0 ? "ref" : X, J = W.disabled, ae = W.ref, ie = ke(W, Hv); J !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled \ prop from useSelect.'); var se = C.current, le = se.state, ve = se.props, he = Qi(ee, H, ve.items, "Pass either item or index to getItemProps!"), Pe = he[0], ue = he[1], be = ve.isItemDisabled(Pe, ue), Te = /* @__PURE__ */ s(function() { - v.isTouchEnd || ue === le.highlightedIndex || (x.current = !1, u({ + g.isTouchEnd || ue === le.highlightedIndex || (x.current = !1, u({ type: Ld, index: ue, disabled: be @@ -8953,7 +8953,7 @@ prop from useSelect.'); Ue && (h.current[I.getItemId(ue)] = Ue); }), K["aria-disabled"] = be, K["aria-selected"] = "" + (Pe === le.selectedItem), K.id = I.getItemId(ue), K.role = "option", K), ie); return be || (Se.onClick = ce(F, Re)), Se.onMouseMove = ce(j, Te), Se.onMouseDown = ce($, Le), Se; - }, [C, I, v, x, u]); + }, [C, I, g, x, u]); return { // prop getters. getToggleButtonProps: N, @@ -8967,7 +8967,7 @@ prop from useSelect.'); setHighlightedIndex: O, selectItem: P, reset: A, - setInputValue: M, + setInputValue: D, // state. highlightedIndex: c, isOpen: p, @@ -9003,15 +9003,15 @@ qd = 17, Gd = 18, Es = 19, Yd = 20, Xd = 21, Cs = 22, Qd = /* @__PURE__ */ Objec FunctionReset: Xd, ControlledPropUpdatedSelectedItem: Cs }); -function zv(e) { +function Rv(e) { var t = _d(e), o = t.selectedItem, i = t.inputValue; return i === "" && o && e.defaultInputValue === void 0 && e.initialInputValue === void 0 && e.inputValue === void 0 && (i = e.itemToString( o)), q({}, t, { inputValue: i }); } -s(zv, "getInitialState$1"); -var o5 = q({}, Ad, { +s(Rv, "getInitialState$1"); +var t5 = q({}, Ad, { items: Q.default.array.isRequired, isItemDisabled: Q.default.func, inputValue: Q.default.string, @@ -9020,7 +9020,7 @@ var o5 = q({}, Ad, { inputId: Q.default.string, onInputValueChange: Q.default.func }); -function Wv(e, t, o, i) { +function zv(e, t, o, i) { var n = G(), r = Cd(e, t, o, i), l = r[0], u = r[1], p = Bn(); return z(function() { if (On(t, "selectedItem")) { @@ -9035,13 +9035,13 @@ function Wv(e, t, o, i) { } }, [l.selectedItem, t.selectedItem]), [sr(l, t), u]; } -s(Wv, "useControlledReducer"); -var jv = Ye, Vv = q({}, ir, { +s(zv, "useControlledReducer"); +var Wv = Ye, jv = q({}, ir, { isItemDisabled: /* @__PURE__ */ s(function() { return !1; }, "isItemDisabled") }); -function $v(e, t) { +function Vv(e, t) { var o, i = t.type, n = t.props, r = t.altKey, l; switch (i) { case ws: @@ -9138,19 +9138,19 @@ function $v(e, t) { } return q({}, e, l); } -s($v, "downshiftUseComboboxReducer"); -var Kv = ["onMouseLeave", "refKey", "ref"], Uv = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "dis\ -abled"], qv = ["onClick", "onPress", "refKey", "ref"], Gv = ["onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKe\ +s(Vv, "downshiftUseComboboxReducer"); +var $v = ["onMouseLeave", "refKey", "ref"], Kv = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "dis\ +abled"], Uv = ["onClick", "onPress", "refKey", "ref"], qv = ["onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKe\ y", "ref"]; Zd.stateChangeTypes = Qd; function Zd(e) { - e === void 0 && (e = {}), jv(e, Zd); - var t = q({}, Vv, e), o = t.items, i = t.scrollIntoView, n = t.environment, r = t.getA11yStatusMessage, l = Wv($v, t, zv, Pd), u = l[0], p = l[1], - c = u.isOpen, d = u.highlightedIndex, m = u.selectedItem, f = u.inputValue, y = G(null), h = G({}), g = G(null), I = G(null), C = Bn(), b = Ed( - t), x = G(), v = Fn({ + e === void 0 && (e = {}), Wv(e, Zd); + var t = q({}, jv, e), o = t.items, i = t.scrollIntoView, n = t.environment, r = t.getA11yStatusMessage, l = zv(Vv, t, Rv, Pd), u = l[0], p = l[1], + c = u.isOpen, d = u.highlightedIndex, m = u.selectedItem, f = u.inputValue, y = G(null), h = G({}), v = G(null), I = G(null), C = Bn(), b = Ed( + t), x = G(), g = Fn({ state: u, props: t - }), S = D(function(H) { + }), w = M(function(H) { return h.current[b.getItemId(H)]; }, [b]); es(r, u, [c, d, m, f], n); @@ -9160,28 +9160,28 @@ function Zd(e) { isOpen: c, itemRefs: h, scrollIntoView: i, - getItemNodeFromIndex: S + getItemNodeFromIndex: w }); ts({ props: t, state: u }), z(function() { var H = uo(t, "isOpen"); - H && g.current && g.current.focus(); + H && v.current && v.current.focus(); }, []), z(function() { C || (x.current = o.length); }); - var _ = kd(n, [I, y, g], D(/* @__PURE__ */ s(function() { - v.current.state.isOpen && p({ + var _ = kd(n, [I, y, v], M(/* @__PURE__ */ s(function() { + g.current.state.isOpen && p({ type: Ln, selectItem: !1 }); - }, "handleBlur"), [p, v])), k = Ji("getInputProps", "getMenuProps"); + }, "handleBlur"), [p, g])), k = Ji("getInputProps", "getMenuProps"); z(function() { c || (h.current = {}); }, [c]), z(function() { var H; - !c || !(n != null && n.document) || !(g != null && (H = g.current) != null && H.focus) || n.document.activeElement !== g.current && g.current. + !c || !(n != null && n.document) || !(v != null && (H = v.current) != null && H.focus) || n.document.activeElement !== v.current && v.current. focus(); }, [c, n]); var E = Y(function() { @@ -9199,45 +9199,45 @@ function Zd(e) { }); }, "ArrowUp"), Home: /* @__PURE__ */ s(function(j) { - v.current.state.isOpen && (j.preventDefault(), p({ + g.current.state.isOpen && (j.preventDefault(), p({ type: gs })); }, "Home"), End: /* @__PURE__ */ s(function(j) { - v.current.state.isOpen && (j.preventDefault(), p({ + g.current.state.isOpen && (j.preventDefault(), p({ type: ys })); }, "End"), Escape: /* @__PURE__ */ s(function(j) { - var F = v.current.state; + var F = g.current.state; (F.isOpen || F.inputValue || F.selectedItem || F.highlightedIndex > -1) && (j.preventDefault(), p({ type: hs })); }, "Escape"), Enter: /* @__PURE__ */ s(function(j) { - var F = v.current.state; + var F = g.current.state; !F.isOpen || j.which === 229 || (j.preventDefault(), p({ type: xs })); }, "Enter"), PageUp: /* @__PURE__ */ s(function(j) { - v.current.state.isOpen && (j.preventDefault(), p({ + g.current.state.isOpen && (j.preventDefault(), p({ type: vs })); }, "PageUp"), PageDown: /* @__PURE__ */ s(function(j) { - v.current.state.isOpen && (j.preventDefault(), p({ + g.current.state.isOpen && (j.preventDefault(), p({ type: bs })); }, "PageDown") }; - }, [p, v]), O = D(function(H) { + }, [p, g]), O = M(function(H) { return q({ id: b.labelId, htmlFor: b.inputId }, H); - }, [b]), P = D(function(H, j) { - var F, $ = H === void 0 ? {} : H, X = $.onMouseLeave, oe = $.refKey, J = oe === void 0 ? "ref" : oe, ae = $.ref, ie = ke($, Kv), se = j === + }, [b]), P = M(function(H, j) { + var F, $ = H === void 0 ? {} : H, X = $.onMouseLeave, oe = $.refKey, J = oe === void 0 ? "ref" : oe, ae = $.ref, ie = ke($, $v), se = j === void 0 ? {} : j, le = se.suppressRefError, ve = le === void 0 ? !1 : le; return k("getMenuProps", ve, J, y), q((F = {}, F[J] = ft(ae, function(he) { y.current = he; @@ -9247,14 +9247,14 @@ function Zd(e) { type: jd }); }), F), ie); - }, [p, k, b]), A = D(function(H) { + }, [p, k, b]), A = M(function(H) { var j, F, $ = H === void 0 ? {} : H, X = $.item, oe = $.index, J = $.refKey, ae = J === void 0 ? "ref" : J, ie = $.ref, se = $.onMouseMove, le = $.onMouseDown, ve = $.onClick; $.onPress; - var he = $.disabled, Pe = ke($, Uv); + var he = $.disabled, Pe = ke($, Kv); he !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled\ prop from useCombobox.'); - var ue = v.current, be = ue.props, Te = ue.state, Re = Qi(X, oe, be.items, "Pass either item or index to getItemProps!"), Le = Re[0], Se = Re[1], + var ue = g.current, be = ue.props, Te = ue.state, Re = Qi(X, oe, be.items, "Pass either item or index to getItemProps!"), Le = Re[0], Se = Re[1], Ue = be.isItemDisabled(Le, Se), Dt = "onClick", Mt = ve, at = /* @__PURE__ */ s(function() { _.isTouchEnd || Se === Te.highlightedIndex || (T.current = !1, p({ type: Vd, @@ -9266,8 +9266,8 @@ function Zd(e) { type: ws, index: Se }); - }, "itemHandleClick"), lt = /* @__PURE__ */ s(function(um) { - return um.preventDefault(); + }, "itemHandleClick"), lt = /* @__PURE__ */ s(function(lm) { + return lm.preventDefault(); }, "itemHandleMouseDown"); return q((j = {}, j[ae] = ft(ie, function(qe) { qe && (h.current[b.getItemId(Se)] = qe); @@ -9276,10 +9276,10 @@ function Zd(e) { onMouseMove: ce(se, at), onMouseDown: ce(le, lt) }, Pe); - }, [p, b, v, _, T]), M = D(function(H) { + }, [p, b, g, _, T]), D = M(function(H) { var j, F = H === void 0 ? {} : H, $ = F.onClick; F.onPress; - var X = F.refKey, oe = X === void 0 ? "ref" : X, J = F.ref, ae = ke(F, qv), ie = v.current.state, se = /* @__PURE__ */ s(function() { + var X = F.refKey, oe = X === void 0 ? "ref" : X, J = F.ref, ae = ke(F, Uv), ie = g.current.state, se = /* @__PURE__ */ s(function() { p({ type: $d }); @@ -9289,13 +9289,13 @@ function Zd(e) { }), j["aria-controls"] = b.menuId, j["aria-expanded"] = ie.isOpen, j.id = b.toggleButtonId, j.tabIndex = -1, j), !ae.disabled && q({}, { onClick: ce($, se) }), ae); - }, [p, v, b]), L = D(function(H, j) { + }, [p, g, b]), L = M(function(H, j) { var F, $ = H === void 0 ? {} : H, X = $.onKeyDown, oe = $.onChange, J = $.onInput, ae = $.onBlur; $.onChangeText; - var ie = $.onClick, se = $.refKey, le = se === void 0 ? "ref" : se, ve = $.ref, he = ke($, Gv), Pe = j === void 0 ? {} : j, ue = Pe.suppressRefError, + var ie = $.onClick, se = $.refKey, le = se === void 0 ? "ref" : se, ve = $.ref, he = ke($, qv), Pe = j === void 0 ? {} : j, ue = Pe.suppressRefError, be = ue === void 0 ? !1 : ue; - k("getInputProps", be, le, g); - var Te = v.current.state, Re = /* @__PURE__ */ s(function(lt) { + k("getInputProps", be, le, v); + var Te = g.current.state, Re = /* @__PURE__ */ s(function(lt) { var qe = Ho(lt); qe && E[qe] && E[qe](lt); }, "inputHandleKeyDown"), Le = /* @__PURE__ */ s(function(lt) { @@ -9321,38 +9321,38 @@ function Zd(e) { Mt = (at = {}, at[Dt] = ce(oe, J, Le), at.onKeyDown = ce(X, Re), at.onBlur = ce(ae, Se), at.onClick = ce(ie, Ue), at); } return q((F = {}, F[le] = ft(ve, function(vt) { - g.current = vt; + v.current = vt; }), F["aria-activedescendant"] = Te.isOpen && Te.highlightedIndex > -1 ? b.getItemId(Te.highlightedIndex) : "", F["aria-autocomplete"] = "list", F["aria-controls"] = b.menuId, F["aria-expanded"] = Te.isOpen, F["aria-labelledby"] = he && he["aria-label"] ? void 0 : b.labelId, F.autoComplete = "off", F.id = b.inputId, F.role = "combobox", F.value = Te.inputValue, F), Mt, he); - }, [p, b, n, E, v, _, k]), B = D(function() { + }, [p, b, n, E, g, _, k]), B = M(function() { p({ type: Kd }); - }, [p]), N = D(function() { + }, [p]), N = M(function() { p({ type: qd }); - }, [p]), V = D(function() { + }, [p]), V = M(function() { p({ type: Ud }); - }, [p]), R = D(function(H) { + }, [p]), R = M(function(H) { p({ type: Gd, highlightedIndex: H }); - }, [p]), K = D(function(H) { + }, [p]), K = M(function(H) { p({ type: Es, selectedItem: H }); - }, [p]), W = D(function(H) { + }, [p]), W = M(function(H) { p({ type: Yd, inputValue: H }); - }, [p]), ee = D(function() { + }, [p]), ee = M(function() { p({ type: Xd }); @@ -9363,7 +9363,7 @@ function Zd(e) { getLabelProps: O, getMenuProps: P, getInputProps: L, - getToggleButtonProps: M, + getToggleButtonProps: D, // actions. toggleMenu: B, openMenu: V, @@ -9392,14 +9392,14 @@ function od(e, t) { return Xe(e, t, Jd); } s(od, "getDefaultValue"); -function Yv(e) { +function Gv(e) { var t = td(e, "activeIndex"), o = td(e, "selectedItems"); return { activeIndex: t, selectedItems: o }; } -s(Yv, "getInitialState"); +s(Gv, "getInitialState"); function rd(e) { if (e.shiftKey || e.metaKey || e.ctrlKey || e.altKey) return !1; @@ -9410,11 +9410,11 @@ function rd(e) { (t.selectionStart !== 0 || t.selectionEnd !== 0)); } s(rd, "isKeyDownOperationPermitted"); -function Xv(e, t) { +function Yv(e, t) { return e.selectedItems === t.selectedItems && e.activeIndex === t.activeIndex; } -s(Xv, "isStateEqual"); -var r5 = { +s(Yv, "isStateEqual"); +var o5 = { stateReducer: _n.stateReducer, itemToKey: _n.itemToKey, environment: _n.environment, @@ -9429,13 +9429,13 @@ var r5 = { onSelectedItemsChange: Q.default.func, keyNavigationNext: Q.default.string, keyNavigationPrevious: Q.default.string -}, Qv = { +}, Xv = { itemToKey: ir.itemToKey, stateReducer: ir.stateReducer, environment: ir.environment, keyNavigationNext: "ArrowRight", keyNavigationPrevious: "ArrowLeft" -}, Zv = Ye, Ts = 0, _s = 1, ks = 2, Os = 3, Ps = 4, As = 5, Ds = 6, Ms = 7, Ls = 8, Ns = 9, Fs = 10, Bs = 11, Hs = 12, Jv = /* @__PURE__ */ Object. +}, Qv = Ye, Ts = 0, _s = 1, ks = 2, Os = 3, Ps = 4, As = 5, Ds = 6, Ms = 7, Ls = 8, Ns = 9, Fs = 10, Bs = 11, Hs = 12, Zv = /* @__PURE__ */ Object. freeze({ __proto__: null, SelectedItemClick: Ts, @@ -9452,7 +9452,7 @@ freeze({ FunctionSetActiveIndex: Bs, FunctionReset: Hs }); -function eb(e, t) { +function Jv(e, t) { var o = t.type, i = t.index, n = t.props, r = t.selectedItem, l = e.activeIndex, u = e.selectedItems, p; switch (o) { case Ts: @@ -9539,14 +9539,14 @@ function eb(e, t) { } return q({}, e, p); } -s(eb, "downshiftMultipleSelectionReducer"); -var tb = ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"], ob = ["refKey", "ref", "onKeyDown", "onClick", "preventKeyActio\ +s(Jv, "downshiftMultipleSelectionReducer"); +var eb = ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"], tb = ["refKey", "ref", "onKeyDown", "onClick", "preventKeyActio\ n"]; -ef.stateChangeTypes = Jv; +ef.stateChangeTypes = Zv; function ef(e) { - e === void 0 && (e = {}), Zv(e, ef); - var t = q({}, Qv, e), o = t.getA11yStatusMessage, i = t.environment, n = t.keyNavigationNext, r = t.keyNavigationPrevious, l = Td(eb, t, Yv, - Xv), u = l[0], p = l[1], c = u.activeIndex, d = u.selectedItems, m = Bn(), f = G(null), y = G(); + e === void 0 && (e = {}), Qv(e, ef); + var t = q({}, Xv, e), o = t.getA11yStatusMessage, i = t.environment, n = t.keyNavigationNext, r = t.keyNavigationPrevious, l = Td(Jv, t, Gv, + Yv), u = l[0], p = l[1], c = u.activeIndex, d = u.selectedItems, m = Bn(), f = G(null), y = G(); y.current = []; var h = Fn({ state: u, @@ -9558,7 +9558,7 @@ function ef(e) { props: t, state: u }); - var g = Ji("getDropdownProps"), I = Y(function() { + var v = Ji("getDropdownProps"), I = Y(function() { var E; return E = {}, E[r] = function() { p({ @@ -9588,9 +9588,9 @@ function ef(e) { type: Ds }); }, "Backspace"), E; - }, [p, r]), b = D(function(E) { - var O, P = E === void 0 ? {} : E, A = P.refKey, M = A === void 0 ? "ref" : A, L = P.ref, B = P.onClick, N = P.onKeyDown, V = P.selectedItem, - R = P.index, K = ke(P, tb), W = h.current.state, ee = Qi(V, R, W.selectedItems, "Pass either item or index to getSelectedItemProps!"), H = ee[1], + }, [p, r]), b = M(function(E) { + var O, P = E === void 0 ? {} : E, A = P.refKey, D = A === void 0 ? "ref" : A, L = P.ref, B = P.onClick, N = P.onKeyDown, V = P.selectedItem, + R = P.index, K = ke(P, eb), W = h.current.state, ee = Qi(V, R, W.selectedItems, "Pass either item or index to getSelectedItemProps!"), H = ee[1], j = H > -1 && H === W.activeIndex, F = /* @__PURE__ */ s(function() { p({ type: Ts, @@ -9600,13 +9600,13 @@ function ef(e) { var J = Ho(oe); J && I[J] && I[J](oe); }, "selectedItemHandleKeyDown"); - return q((O = {}, O[M] = ft(L, function(X) { + return q((O = {}, O[D] = ft(L, function(X) { X && y.current.push(X); }), O.tabIndex = j ? 0 : -1, O.onClick = ce(B, F), O.onKeyDown = ce(N, $), O), K); - }, [p, h, I]), x = D(function(E, O) { - var P, A = E === void 0 ? {} : E, M = A.refKey, L = M === void 0 ? "ref" : M, B = A.ref, N = A.onKeyDown, V = A.onClick, R = A.preventKeyAction, - K = R === void 0 ? !1 : R, W = ke(A, ob), ee = O === void 0 ? {} : O, H = ee.suppressRefError, j = H === void 0 ? !1 : H; - g("getDropdownProps", j, L, f); + }, [p, h, I]), x = M(function(E, O) { + var P, A = E === void 0 ? {} : E, D = A.refKey, L = D === void 0 ? "ref" : D, B = A.ref, N = A.onKeyDown, V = A.onClick, R = A.preventKeyAction, + K = R === void 0 ? !1 : R, W = ke(A, tb), ee = O === void 0 ? {} : O, H = ee.suppressRefError, j = H === void 0 ? !1 : H; + v("getDropdownProps", j, L, f); var F = /* @__PURE__ */ s(function(oe) { var J = Ho(oe); J && C[J] && C[J](oe); @@ -9621,27 +9621,27 @@ function ef(e) { onKeyDown: ce(N, F), onClick: ce(V, $) }, W); - }, [p, C, g]), v = D(function(E) { + }, [p, C, v]), g = M(function(E) { p({ type: Ls, selectedItem: E }); - }, [p]), S = D(function(E) { + }, [p]), w = M(function(E) { p({ type: Ns, selectedItem: E }); - }, [p]), T = D(function(E) { + }, [p]), T = M(function(E) { p({ type: Fs, selectedItems: E }); - }, [p]), _ = D(function(E) { + }, [p]), _ = M(function(E) { p({ type: Bs, activeIndex: E }); - }, [p]), k = D(function() { + }, [p]), k = M(function() { p({ type: Hs }); @@ -9649,8 +9649,8 @@ function ef(e) { return { getSelectedItemProps: b, getDropdownProps: x, - addSelectedItem: v, - removeSelectedItem: S, + addSelectedItem: g, + removeSelectedItem: w, setSelectedItems: T, setActiveIndex: _, reset: k, @@ -9674,7 +9674,7 @@ function zs(e) { s(zs, "isSearchResult"); // src/manager/components/sidebar/Search.tsx -var { document: rb } = re, Ws = 50, nb = { +var { document: ob } = re, Ws = 50, rb = { shouldSort: !0, tokenize: !0, findAllMatches: !0, @@ -9689,18 +9689,18 @@ var { document: rb } = re, Ws = 50, nb = { { name: "name", weight: 0.7 }, { name: "path", weight: 0.3 } ] -}, ib = w.div({ +}, nb = S.div({ display: "flex", flexDirection: "row", columnGap: 6 -}), sb = w.label({ +}), ib = S.label({ position: "absolute", left: -1e4, top: "auto", width: 1, height: 1, overflow: "hidden" -}), ab = w.div(({ theme: e }) => ({ +}), sb = S.div(({ theme: e }) => ({ display: "flex", flexDirection: "row", alignItems: "center", @@ -9714,7 +9714,7 @@ var { document: rb } = re, Ws = 50, nb = { boxShadow: `${e.color.secondary} 0 0 0 1px inset`, background: e.background.app } -})), lb = w.div(({ theme: e, onClick: t }) => ({ +})), ab = S.div(({ theme: e, onClick: t }) => ({ cursor: t ? "pointer" : "default", flex: "0 0 28px", height: "100%", @@ -9723,7 +9723,7 @@ var { document: rb } = re, Ws = 50, nb = { display: "flex", alignItems: "center", justifyContent: "center" -})), ub = w.input(({ theme: e }) => ({ +})), lb = S.input(({ theme: e }) => ({ appearance: "none", height: 28, width: "100%", @@ -9754,7 +9754,7 @@ var { document: rb } = re, Ws = 50, nb = { "&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration": { display: "none" } -})), pb = w.code(({ theme: e }) => ({ +})), ub = S.code(({ theme: e }) => ({ margin: 5, marginTop: 6, height: 16, @@ -9768,13 +9768,13 @@ var { document: rb } = re, Ws = 50, nb = { alignItems: "center", gap: 4, flexShrink: 0 -})), cb = w.span({ +})), pb = S.span({ fontSize: "14px" -}), db = w.div({ +}), cb = S.div({ display: "flex", alignItems: "center", gap: 2 -}), fb = w.div({ outline: 0 }), rf = a.memo(/* @__PURE__ */ s(function({ +}), db = S.div({ outline: 0 }), rf = a.memo(/* @__PURE__ */ s(function({ children: t, dataset: o, enableShortcuts: i = !0, @@ -9783,12 +9783,12 @@ var { document: rb } = re, Ws = 50, nb = { searchBarContent: l, searchFieldContent: u }) { - let p = pe(), c = G(null), [d, m] = U("Find components"), [f, y] = U(!1), h = p ? pt(p.getShortcutKeys().search) : "/", g = D(() => { - let S = o.entries.reduce((T, [_, { index: k, status: E }]) => { + let p = pe(), c = G(null), [d, m] = U("Find components"), [f, y] = U(!1), h = p ? pt(p.getShortcutKeys().search) : "/", v = M(() => { + let w = o.entries.reduce((T, [_, { index: k, status: E }]) => { let O = pn(k || {}, E); return k && T.push( ...Object.values(k).map((P) => { - let A = E && E[P.id] ? nr(Object.values(E[P.id] || {}).map((M) => M.status)) : null; + let A = E && E[P.id] ? nr(Object.values(E[P.id] || {}).map((D) => D.status)) : null; return { ...zi(P, o.hash[_]), status: A || O[P.id] || null @@ -9796,13 +9796,13 @@ var { document: rb } = re, Ws = 50, nb = { }) ), T; }, []); - return new of.default(S, nb); - }, [o]), I = D( - (S) => { - let T = g(); - if (!S) + return new of.default(w, rb); + }, [o]), I = M( + (w) => { + let T = v(); + if (!w) return []; - let _ = [], k = /* @__PURE__ */ new Set(), E = T.search(S).filter(({ item: O }) => !(O.type === "component" || O.type === "docs" || O. + let _ = [], k = /* @__PURE__ */ new Set(), E = T.search(w).filter(({ item: O }) => !(O.type === "component" || O.type === "docs" || O. type === "story") || // @ts-expect-error (non strict) k.has(O.parent) ? !1 : (k.add(O.id), !0)); return E.length && (_ = E.slice(0, f ? 1e3 : Ws), E.length > Ws && !f && _.push({ @@ -9811,43 +9811,43 @@ var { document: rb } = re, Ws = 50, nb = { moreCount: E.length - Ws })), _; }, - [f, g] - ), C = D( - (S) => { - if (zs(S)) { - let { id: T, refId: _ } = S.item; + [f, v] + ), C = M( + (w) => { + if (zs(w)) { + let { id: T, refId: _ } = w.item; p?.selectStory(T, void 0, { ref: _ !== St && _ }), c.current.blur(), y(!1); return; } - lr(S) && S.showAll(); + lr(w) && w.showAll(); }, [p] - ), b = D((S, T) => { + ), b = M((w, T) => { y(!1); - }, []), x = D( - (S, T) => { + }, []), x = M( + (w, T) => { switch (T.type) { case co.stateChangeTypes.blurInput: return { ...T, // Prevent clearing the input on blur - inputValue: S.inputValue, + inputValue: w.inputValue, // Return to the tree view after selecting an item - isOpen: S.inputValue && !S.selectedItem + isOpen: w.inputValue && !w.selectedItem }; case co.stateChangeTypes.mouseUp: - return S; + return w; case co.stateChangeTypes.keyDownEscape: - return S.inputValue ? { ...T, inputValue: "", isOpen: !0, selectedItem: null } : { ...T, isOpen: !1, selectedItem: null }; + return w.inputValue ? { ...T, inputValue: "", isOpen: !0, selectedItem: null } : { ...T, isOpen: !1, selectedItem: null }; case co.stateChangeTypes.clickItem: case co.stateChangeTypes.keyDownEnter: - return zs(T.selectedItem) ? { ...T, inputValue: S.inputValue } : lr(T.selectedItem) ? S : T; + return zs(T.selectedItem) ? { ...T, inputValue: w.inputValue } : lr(T.selectedItem) ? w : T; default: return T; } }, [] - ), { isMobile: v } = ge(); + ), { isMobile: g } = ge(); return ( // @ts-expect-error (non strict) /* @__PURE__ */ a.createElement( @@ -9855,13 +9855,13 @@ var { document: rb } = re, Ws = 50, nb = { { initialInputValue: r, stateReducer: x, - itemToString: (S) => S?.item?.name || "", - scrollIntoView: (S) => ro(S), + itemToString: (w) => w?.item?.name || "", + scrollIntoView: (w) => ro(w), onSelect: C, onInputValueChange: b }, ({ - isOpen: S, + isOpen: w, openMenu: T, closeMenu: _, inputValue: k, @@ -9869,7 +9869,7 @@ var { document: rb } = re, Ws = 50, nb = { getInputProps: O, getItemProps: P, getLabelProps: A, - getMenuProps: M, + getMenuProps: D, getRootProps: L, highlightedIndex: B }) => { @@ -9898,25 +9898,25 @@ var { document: rb } = re, Ws = 50, nb = { }), ee = A({ htmlFor: K }); - return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(sb, { ...ee }, "Search for components"), /* @__PURE__ */ a. - createElement(ib, null, /* @__PURE__ */ a.createElement( - ab, + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(ib, { ...ee }, "Search for components"), /* @__PURE__ */ a. + createElement(nb, null, /* @__PURE__ */ a.createElement( + sb, { ...L({ refKey: "" }, { suppressRefError: !0 }), className: "search-field" }, - /* @__PURE__ */ a.createElement(lb, null, /* @__PURE__ */ a.createElement(jr, null)), - /* @__PURE__ */ a.createElement(ub, { ...W }), - !v && i && !S && /* @__PURE__ */ a.createElement(pb, null, h === "\u2318 K" ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a. - createElement(cb, null, "\u2318"), "K") : h), - /* @__PURE__ */ a.createElement(db, null, S && /* @__PURE__ */ a.createElement(te, { onClick: () => E() }, /* @__PURE__ */ a.createElement( + /* @__PURE__ */ a.createElement(ab, null, /* @__PURE__ */ a.createElement(jr, null)), + /* @__PURE__ */ a.createElement(lb, { ...W }), + !g && i && !w && /* @__PURE__ */ a.createElement(ub, null, h === "\u2318 K" ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a. + createElement(pb, null, "\u2318"), "K") : h), + /* @__PURE__ */ a.createElement(cb, null, w && /* @__PURE__ */ a.createElement(te, { onClick: () => E() }, /* @__PURE__ */ a.createElement( ct, null)), u) - ), l), /* @__PURE__ */ a.createElement(fb, { tabIndex: 0, id: "storybook-explorer-menu" }, t({ + ), l), /* @__PURE__ */ a.createElement(db, { tabIndex: 0, id: "storybook-explorer-menu" }, t({ query: N, results: V, - isBrowsing: !S && rb.activeElement !== c.current, + isBrowsing: !w && ob.activeElement !== c.current, closeMenu: _, - getMenuProps: M, + getMenuProps: D, getItemProps: P, highlightedIndex: B }))); @@ -9926,11 +9926,11 @@ var { document: rb } = re, Ws = 50, nb = { }, "Search")); // src/manager/components/sidebar/SearchResults.tsx -var { document: nf } = re, mb = w.ol({ +var { document: nf } = re, fb = S.ol({ listStyle: "none", margin: 0, padding: 0 -}), hb = w.li(({ theme: e, isHighlighted: t }) => ({ +}), mb = S.li(({ theme: e, isHighlighted: t }) => ({ width: "100%", border: "none", cursor: "pointer", @@ -9952,13 +9952,13 @@ var { document: nf } = re, mb = w.ol({ background: xe(0.93, e.color.secondary), outline: "none" } -})), gb = w.div({ +})), hb = S.div({ marginTop: 2 -}), yb = w.div({ +}), gb = S.div({ flex: 1, display: "flex", flexDirection: "column" -}), vb = w.div(({ theme: e }) => ({ +}), yb = S.div(({ theme: e }) => ({ marginTop: 20, textAlign: "center", fontSize: `${e.typography.size.s2}px`, @@ -9968,12 +9968,12 @@ var { document: nf } = re, mb = w.ol({ color: e.barTextColor, fontSize: `${e.typography.size.s1}px` } -})), bb = w.mark(({ theme: e }) => ({ +})), vb = S.mark(({ theme: e }) => ({ background: "transparent", color: e.color.secondary -})), xb = w.div({ +})), bb = S.div({ marginTop: 8 -}), Ib = w.div(({ theme: e }) => ({ +}), xb = S.div(({ theme: e }) => ({ display: "flex", justifyContent: "space-between", fontSize: `${e.typography.size.s1 - 1}px`, @@ -10001,12 +10001,12 @@ var { document: nf } = re, mb = w.ol({ return t; let { value: i, indices: n } = o, { nodes: r } = n.reduce( ({ cursor: l, nodes: u }, [p, c], d, { length: m }) => (u.push(/* @__PURE__ */ a.createElement("span", { key: `${d}-1` }, i.slice(l, p))), - u.push(/* @__PURE__ */ a.createElement(bb, { key: `${d}-2` }, i.slice(p, c + 1))), d === m - 1 && u.push(/* @__PURE__ */ a.createElement( + u.push(/* @__PURE__ */ a.createElement(vb, { key: `${d}-2` }, i.slice(p, c + 1))), d === m - 1 && u.push(/* @__PURE__ */ a.createElement( "span", { key: `${d}-3` }, i.slice(c + 1))), { cursor: c + 1, nodes: u }), { cursor: 0, nodes: [] } ); return /* @__PURE__ */ a.createElement("span", null, r); -}, "Highlight")), Sb = w.div(({ theme: e }) => ({ +}, "Highlight")), Ib = S.div(({ theme: e }) => ({ display: "grid", justifyContent: "start", gridAutoColumns: "auto", @@ -10017,7 +10017,7 @@ var { document: nf } = re, mb = w.ol({ overflow: "hidden", textOverflow: "ellipsis" } -})), wb = w.div(({ theme: e }) => ({ +})), Sb = S.div(({ theme: e }) => ({ display: "grid", justifyContent: "start", gridAutoColumns: "auto", @@ -10034,8 +10034,8 @@ var { document: nf } = re, mb = w.ol({ content: "' / '" } } -})), Eb = a.memo(/* @__PURE__ */ s(function({ item: t, matches: o, onClick: i, ...n }) { - let r = D( +})), wb = a.memo(/* @__PURE__ */ s(function({ item: t, matches: o, onClick: i, ...n }) { + let r = M( (d) => { d.preventDefault(), i?.(d); }, @@ -10045,13 +10045,13 @@ var { document: nf } = re, mb = w.ol({ l && n.isHighlighted && t.type === "component" && l.emit($t, { ids: [t.children[0]] }, { options: { target: t.refId } }); }, [n.isHighlighted, t]); let u = o.find((d) => d.key === "name"), p = o.filter((d) => d.key === "path"), [c] = t.status ? rr[t.status] : []; - return /* @__PURE__ */ a.createElement(hb, { ...n, onClick: r }, /* @__PURE__ */ a.createElement(gb, null, t.type === "component" && /* @__PURE__ */ a. + return /* @__PURE__ */ a.createElement(mb, { ...n, onClick: r }, /* @__PURE__ */ a.createElement(hb, null, t.type === "component" && /* @__PURE__ */ a. createElement(Ht, { viewBox: "0 0 14 14", width: "14", height: "14", type: "component" }, /* @__PURE__ */ a.createElement($e, { type: "com\ ponent" })), t.type === "story" && /* @__PURE__ */ a.createElement(Ht, { viewBox: "0 0 14 14", width: "14", height: "14", type: "story" }, /* @__PURE__ */ a. createElement($e, { type: "story" })), !(t.type === "component" || t.type === "story") && /* @__PURE__ */ a.createElement(Ht, { viewBox: "\ 0 0 14 14", width: "14", height: "14", type: "document" }, /* @__PURE__ */ a.createElement($e, { type: "document" }))), /* @__PURE__ */ a.createElement( - yb, { className: "search-result-item--label" }, /* @__PURE__ */ a.createElement(Sb, null, /* @__PURE__ */ a.createElement(sf, { match: u }, - t.name)), /* @__PURE__ */ a.createElement(wb, null, t.path.map((d, m) => /* @__PURE__ */ a.createElement("span", { key: m }, /* @__PURE__ */ a. + gb, { className: "search-result-item--label" }, /* @__PURE__ */ a.createElement(Ib, null, /* @__PURE__ */ a.createElement(sf, { match: u }, + t.name)), /* @__PURE__ */ a.createElement(Sb, null, t.path.map((d, m) => /* @__PURE__ */ a.createElement("span", { key: m }, /* @__PURE__ */ a. createElement(sf, { match: p.find((f) => f.arrayIndex === m) }, d))))), t.status ? /* @__PURE__ */ a.createElement(Ic, { status: t.status }, c) : null); }, "Result")), af = a.memo(/* @__PURE__ */ s(function({ @@ -10076,10 +10076,10 @@ ponent" })), t.type === "story" && /* @__PURE__ */ a.createElement(Ht, { viewBox }, "handleEscape"); return nf.addEventListener("keydown", y), () => nf.removeEventListener("keydown", y); }, [i, p, u]); - let m = D((y) => { + let m = M((y) => { if (!d) return; - let h = y.currentTarget, g = h.getAttribute("data-id"), I = h.getAttribute("data-refid"), C = d.resolveStory(g, I === "storybook_interna\ + let h = y.currentTarget, v = h.getAttribute("data-id"), I = h.getAttribute("data-refid"), C = d.resolveStory(v, I === "storybook_interna\ l" ? void 0 : I); C?.type === "component" && d.emit($t, { // @ts-expect-error (TODO) @@ -10089,7 +10089,7 @@ l" ? void 0 : I); }, []), f = /* @__PURE__ */ s(() => { c(), i(); }, "handleClearLastViewed"); - return /* @__PURE__ */ a.createElement(mb, { ...n() }, o.length > 0 && !t && /* @__PURE__ */ a.createElement(Ib, { className: "search-resu\ + return /* @__PURE__ */ a.createElement(fb, { ...n() }, o.length > 0 && !t && /* @__PURE__ */ a.createElement(xb, { className: "search-resu\ lt-recentlyOpened" }, "Recently opened", /* @__PURE__ */ a.createElement( te, { @@ -10097,11 +10097,11 @@ lt-recentlyOpened" }, "Recently opened", /* @__PURE__ */ a.createElement( onClick: f }, /* @__PURE__ */ a.createElement(Vl, null) - )), o.length === 0 && t && /* @__PURE__ */ a.createElement("li", null, /* @__PURE__ */ a.createElement(vb, null, /* @__PURE__ */ a.createElement( + )), o.length === 0 && t && /* @__PURE__ */ a.createElement("li", null, /* @__PURE__ */ a.createElement(yb, null, /* @__PURE__ */ a.createElement( "strong", null, "No components found"), /* @__PURE__ */ a.createElement("br", null), /* @__PURE__ */ a.createElement("small", null, "Find \ components by name or path."))), o.map((y, h) => { if (lr(y)) - return /* @__PURE__ */ a.createElement(xb, { key: "search-result-expand" }, /* @__PURE__ */ a.createElement( + return /* @__PURE__ */ a.createElement(bb, { key: "search-result-expand" }, /* @__PURE__ */ a.createElement( fe, { ...y, @@ -10112,11 +10112,11 @@ components by name or path."))), o.map((y, h) => { y.moreCount, " more results" )); - let { item: g } = y, I = `${g.refId}::${g.id}`; + let { item: v } = y, I = `${v.refId}::${v.id}`; return /* @__PURE__ */ a.createElement( - Eb, + wb, { - key: g.id, + key: v.id, ...y, ...r({ key: I, index: h, item: y }), isHighlighted: l === h, @@ -10143,8 +10143,8 @@ s", Rn = "viewport", Ro = "popper", uf = "reference", $s = /* @__PURE__ */ Wt.re return e.concat([t + "-" + Ot, t + "-" + fo]); }, []), zn = /* @__PURE__ */ [].concat(Wt, [Hn]).reduce(function(e, t) { return e.concat([t, t + "-" + Ot, t + "-" + fo]); -}, []), Cb = "beforeRead", Tb = "read", _b = "afterRead", kb = "beforeMain", Ob = "main", Pb = "afterMain", Ab = "beforeWrite", Db = "write", -Mb = "afterWrite", pf = [Cb, Tb, _b, kb, Ob, Pb, Ab, Db, Mb]; +}, []), Eb = "beforeRead", Cb = "read", Tb = "afterRead", _b = "beforeMain", kb = "main", Ob = "afterMain", Pb = "beforeWrite", Ab = "write", +Db = "afterWrite", pf = [Eb, Cb, Tb, _b, kb, Ob, Pb, Ab, Db]; // ../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js function Be(e) { @@ -10184,7 +10184,7 @@ function zo(e) { s(zo, "isShadowRoot"); // ../node_modules/@popperjs/core/lib/modifiers/applyStyles.js -function Lb(e) { +function Mb(e) { var t = e.state; Object.keys(t.elements).forEach(function(o) { var i = t.styles[o] || {}, n = t.attributes[o] || {}, r = t.elements[o]; @@ -10194,8 +10194,8 @@ function Lb(e) { })); }); } -s(Lb, "applyStyles"); -function Nb(e) { +s(Mb, "applyStyles"); +function Lb(e) { var t = e.state, o = { popper: { position: t.options.strategy, @@ -10220,13 +10220,13 @@ function Nb(e) { }); }; } -s(Nb, "effect"); +s(Lb, "effect"); var cf = { name: "applyStyles", enabled: !0, phase: "write", - fn: Lb, - effect: Nb, + fn: Mb, + effect: Lb, requires: ["computeStyles"] }; @@ -10345,7 +10345,7 @@ function df(e) { Ke(e).position === "fixed" ? null : e.offsetParent; } s(df, "getTrueOffsetParent"); -function Fb(e) { +function Nb(e) { var t = /firefox/i.test(Wo()), o = /Trident/i.test(Wo()); if (o && Me(e)) { var i = Ke(e); @@ -10362,11 +10362,11 @@ function Fb(e) { } return null; } -s(Fb, "getContainingBlock"); +s(Nb, "getContainingBlock"); function gt(e) { for (var t = ye(e), o = df(e); o && Ks(o) && Ke(o).position === "static"; ) o = df(o); - return o && (Be(o) === "html" || Be(o) === "body" && Ke(o).position === "static") ? t : o || Fb(e) || t; + return o && (Be(o) === "html" || Be(o) === "body" && Ke(o).position === "static") ? t : o || Nb(e) || t; } s(gt, "getOffsetParent"); @@ -10413,33 +10413,33 @@ function fr(e, t) { s(fr, "expandToHashMap"); // ../node_modules/@popperjs/core/lib/modifiers/arrow.js -var Bb = /* @__PURE__ */ s(function(t, o) { +var Fb = /* @__PURE__ */ s(function(t, o) { return t = typeof t == "function" ? t(Object.assign({}, o.rects, { placement: o.placement })) : t, dr(typeof t != "number" ? t : fr(t, Wt)); }, "toPaddingObject"); -function Hb(e) { +function Bb(e) { var t, o = e.state, i = e.name, n = e.options, r = o.elements.arrow, l = o.modifiersData.popperOffsets, u = He(o.placement), p = go(u), c = [ Ce, Oe].indexOf(u) >= 0, d = c ? "height" : "width"; if (!(!r || !l)) { - var m = Bb(n.padding, o), f = ho(r), y = p === "y" ? Ie : Ce, h = p === "y" ? De : Oe, g = o.rects.reference[d] + o.rects.reference[p] - - l[p] - o.rects.popper[d], I = l[p] - o.rects.reference[p], C = gt(r), b = C ? p === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, x = g / - 2 - I / 2, v = m[y], S = b - f[d] - m[h], T = b / 2 - f[d] / 2 + x, _ = yo(v, T, S), k = p; + var m = Fb(n.padding, o), f = ho(r), y = p === "y" ? Ie : Ce, h = p === "y" ? De : Oe, v = o.rects.reference[d] + o.rects.reference[p] - + l[p] - o.rects.popper[d], I = l[p] - o.rects.reference[p], C = gt(r), b = C ? p === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, x = v / + 2 - I / 2, g = m[y], w = b - f[d] - m[h], T = b / 2 - f[d] / 2 + x, _ = yo(g, T, w), k = p; o.modifiersData[i] = (t = {}, t[k] = _, t.centerOffset = _ - T, t); } } -s(Hb, "arrow"); -function Rb(e) { +s(Bb, "arrow"); +function Hb(e) { var t = e.state, o = e.options, i = o.element, n = i === void 0 ? "[data-popper-arrow]" : i; n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || pr(t.elements.popper, n) && (t.elements.arrow = n)); } -s(Rb, "effect"); +s(Hb, "effect"); var mf = { name: "arrow", enabled: !0, phase: "main", - fn: Hb, - effect: Rb, + fn: Bb, + effect: Hb, requires: ["popperOffsets"], requiresIfExists: ["preventOverflow"] }; @@ -10451,45 +10451,45 @@ function it(e) { s(it, "getVariation"); // ../node_modules/@popperjs/core/lib/modifiers/computeStyles.js -var zb = { +var Rb = { top: "auto", right: "auto", bottom: "auto", left: "auto" }; -function Wb(e, t) { +function zb(e, t) { var o = e.x, i = e.y, n = t.devicePixelRatio || 1; return { x: Pt(o * n) / n || 0, y: Pt(i * n) / n || 0 }; } -s(Wb, "roundOffsetsByDPR"); +s(zb, "roundOffsetsByDPR"); function hf(e) { var t, o = e.popper, i = e.popperRect, n = e.placement, r = e.variation, l = e.offsets, u = e.position, p = e.gpuAcceleration, c = e.adaptive, - d = e.roundOffsets, m = e.isFixed, f = l.x, y = f === void 0 ? 0 : f, h = l.y, g = h === void 0 ? 0 : h, I = typeof d == "function" ? d({ + d = e.roundOffsets, m = e.isFixed, f = l.x, y = f === void 0 ? 0 : f, h = l.y, v = h === void 0 ? 0 : h, I = typeof d == "function" ? d({ x: y, - y: g + y: v }) : { x: y, - y: g + y: v }; - y = I.x, g = I.y; - var C = l.hasOwnProperty("x"), b = l.hasOwnProperty("y"), x = Ce, v = Ie, S = window; + y = I.x, v = I.y; + var C = l.hasOwnProperty("x"), b = l.hasOwnProperty("y"), x = Ce, g = Ie, w = window; if (c) { var T = gt(o), _ = "clientHeight", k = "clientWidth"; if (T === ye(o) && (T = ze(o), Ke(T).position !== "static" && u === "absolute" && (_ = "scrollHeight", k = "scrollWidth")), T = T, n === Ie || (n === Ce || n === Oe) && r === fo) { - v = De; - var E = m && T === S && S.visualViewport ? S.visualViewport.height : ( + g = De; + var E = m && T === w && w.visualViewport ? w.visualViewport.height : ( // $FlowFixMe[prop-missing] T[_] ); - g -= E - i.height, g *= p ? 1 : -1; + v -= E - i.height, v *= p ? 1 : -1; } if (n === Ce || (n === Ie || n === De) && r === fo) { x = Oe; - var O = m && T === S && S.visualViewport ? S.visualViewport.width : ( + var O = m && T === w && w.visualViewport ? w.visualViewport.width : ( // $FlowFixMe[prop-missing] T[k] ); @@ -10498,22 +10498,22 @@ function hf(e) { } var P = Object.assign({ position: u - }, c && zb), A = d === !0 ? Wb({ + }, c && Rb), A = d === !0 ? zb({ x: y, - y: g + y: v }, ye(o)) : { x: y, - y: g + y: v }; - if (y = A.x, g = A.y, p) { - var M; - return Object.assign({}, P, (M = {}, M[v] = b ? "0" : "", M[x] = C ? "0" : "", M.transform = (S.devicePixelRatio || 1) <= 1 ? "translate\ -(" + y + "px, " + g + "px)" : "translate3d(" + y + "px, " + g + "px, 0)", M)); + if (y = A.x, v = A.y, p) { + var D; + return Object.assign({}, P, (D = {}, D[g] = b ? "0" : "", D[x] = C ? "0" : "", D.transform = (w.devicePixelRatio || 1) <= 1 ? "translate\ +(" + y + "px, " + v + "px)" : "translate3d(" + y + "px, " + v + "px, 0)", D)); } - return Object.assign({}, P, (t = {}, t[v] = b ? g + "px" : "", t[x] = C ? y + "px" : "", t.transform = "", t)); + return Object.assign({}, P, (t = {}, t[g] = b ? v + "px" : "", t[x] = C ? y + "px" : "", t.transform = "", t)); } s(hf, "mapToStyles"); -function jb(e) { +function Wb(e) { var t = e.state, o = e.options, i = o.gpuAcceleration, n = i === void 0 ? !0 : i, r = o.adaptive, l = r === void 0 ? !0 : r, u = o.roundOffsets, p = u === void 0 ? !0 : u, c = { placement: He(t.placement), @@ -10537,12 +10537,12 @@ function jb(e) { "data-popper-placement": t.placement }); } -s(jb, "computeStyles"); +s(Wb, "computeStyles"); var gf = { name: "computeStyles", enabled: !0, phase: "beforeWrite", - fn: jb, + fn: Wb, data: {} }; @@ -10550,7 +10550,7 @@ var gf = { var Wn = { passive: !0 }; -function Vb(e) { +function jb(e) { var t = e.state, o = e.instance, i = e.options, n = i.scroll, r = n === void 0 ? !0 : n, l = i.resize, u = l === void 0 ? !0 : l, p = ye(t. elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper); return r && c.forEach(function(d) { @@ -10561,19 +10561,19 @@ function Vb(e) { }), u && p.removeEventListener("resize", o.update, Wn); }; } -s(Vb, "effect"); +s(jb, "effect"); var yf = { name: "eventListeners", enabled: !0, phase: "write", fn: /* @__PURE__ */ s(function() { }, "fn"), - effect: Vb, + effect: jb, data: {} }; // ../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js -var $b = { +var Vb = { left: "right", right: "left", bottom: "top", @@ -10581,19 +10581,19 @@ var $b = { }; function jo(e) { return e.replace(/left|right|bottom|top/g, function(t) { - return $b[t]; + return Vb[t]; }); } s(jo, "getOppositePlacement"); // ../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js -var Kb = { +var $b = { start: "end", end: "start" }; function jn(e) { return e.replace(/start|end/g, function(t) { - return Kb[t]; + return $b[t]; }); } s(jn, "getOppositeVariationPlacement"); @@ -10683,25 +10683,25 @@ function Vo(e) { s(Vo, "rectToClientRect"); // ../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js -function Ub(e, t) { +function Kb(e, t) { var o = nt(e, !1, t === "fixed"); return o.top = o.top + e.clientTop, o.left = o.left + e.clientLeft, o.bottom = o.top + e.clientHeight, o.right = o.left + e.clientWidth, o. width = e.clientWidth, o.height = e.clientHeight, o.x = o.left, o.y = o.top, o; } -s(Ub, "getInnerBoundingClientRect"); +s(Kb, "getInnerBoundingClientRect"); function vf(e, t, o) { - return t === Rn ? Vo(Us(e, o)) : rt(t) ? Ub(t, o) : Vo(qs(ze(e))); + return t === Rn ? Vo(Us(e, o)) : rt(t) ? Kb(t, o) : Vo(qs(ze(e))); } s(vf, "getClientRectFromMixedType"); -function qb(e) { +function Ub(e) { var t = jt(At(e)), o = ["absolute", "fixed"].indexOf(Ke(e).position) >= 0, i = o && Me(e) ? gt(e) : e; return rt(i) ? t.filter(function(n) { return rt(n) && pr(n, i) && Be(n) !== "body"; }) : []; } -s(qb, "getClippingParents"); +s(Ub, "getClippingParents"); function Gs(e, t, o, i) { - var n = t === "clippingParents" ? qb(e) : [].concat(t), r = [].concat(n, [o]), l = r[0], u = r.reduce(function(p, c) { + var n = t === "clippingParents" ? Ub(e) : [].concat(t), r = [].concat(n, [o]), l = r[0], u = r.reduce(function(p, c) { var d = vf(e, c, i); return p.top = ht(d.top, p.top), p.right = mo(d.right, p.right), p.bottom = mo(d.bottom, p.bottom), p.left = ht(d.left, p.left), p; }, vf(e, l, i)); @@ -10766,24 +10766,24 @@ function yt(e, t) { t === void 0 && (t = {}); var o = t, i = o.placement, n = i === void 0 ? e.placement : i, r = o.strategy, l = r === void 0 ? e.strategy : r, u = o.boundary, p = u === void 0 ? lf : u, c = o.rootBoundary, d = c === void 0 ? Rn : c, m = o.elementContext, f = m === void 0 ? Ro : m, y = o.altBoundary, h = y === - void 0 ? !1 : y, g = o.padding, I = g === void 0 ? 0 : g, C = dr(typeof I != "number" ? I : fr(I, Wt)), b = f === Ro ? uf : Ro, x = e.rects. - popper, v = e.elements[h ? b : f], S = Gs(rt(v) ? v : v.contextElement || ze(e.elements.popper), p, d, l), T = nt(e.elements.reference), _ = mr( + void 0 ? !1 : y, v = o.padding, I = v === void 0 ? 0 : v, C = dr(typeof I != "number" ? I : fr(I, Wt)), b = f === Ro ? uf : Ro, x = e.rects. + popper, g = e.elements[h ? b : f], w = Gs(rt(g) ? g : g.contextElement || ze(e.elements.popper), p, d, l), T = nt(e.elements.reference), _ = mr( { reference: T, element: x, strategy: "absolute", placement: n }), k = Vo(Object.assign({}, x, _)), E = f === Ro ? k : T, O = { - top: S.top - E.top + C.top, - bottom: E.bottom - S.bottom + C.bottom, - left: S.left - E.left + C.left, - right: E.right - S.right + C.right + top: w.top - E.top + C.top, + bottom: E.bottom - w.bottom + C.bottom, + left: w.left - E.left + C.left, + right: E.right - w.right + C.right }, P = e.modifiersData.offset; if (f === Ro && P) { var A = P[n]; - Object.keys(O).forEach(function(M) { - var L = [Oe, De].indexOf(M) >= 0 ? 1 : -1, B = [Ie, De].indexOf(M) >= 0 ? "y" : "x"; - O[M] += A[B] * L; + Object.keys(O).forEach(function(D) { + var L = [Oe, De].indexOf(D) >= 0 ? 1 : -1, B = [Ie, De].indexOf(D) >= 0 ? "y" : "x"; + O[D] += A[B] * L; }); } return O; @@ -10800,51 +10800,51 @@ function Ys(e, t) { return c.indexOf(h) >= 0; }); f.length === 0 && (f = m); - var y = f.reduce(function(h, g) { - return h[g] = yt(e, { - placement: g, + var y = f.reduce(function(h, v) { + return h[v] = yt(e, { + placement: v, boundary: n, rootBoundary: r, padding: l - })[He(g)], h; + })[He(v)], h; }, {}); - return Object.keys(y).sort(function(h, g) { - return y[h] - y[g]; + return Object.keys(y).sort(function(h, v) { + return y[h] - y[v]; }); } s(Ys, "computeAutoPlacement"); // ../node_modules/@popperjs/core/lib/modifiers/flip.js -function Gb(e) { +function qb(e) { if (He(e) === Hn) return []; var t = jo(e); return [jn(e), t, jn(t)]; } -s(Gb, "getExpandedFallbackPlacements"); -function Yb(e) { +s(qb, "getExpandedFallbackPlacements"); +function Gb(e) { var t = e.state, o = e.options, i = e.name; if (!t.modifiersData[i]._skip) { for (var n = o.mainAxis, r = n === void 0 ? !0 : n, l = o.altAxis, u = l === void 0 ? !0 : l, p = o.fallbackPlacements, c = o.padding, d = o. - boundary, m = o.rootBoundary, f = o.altBoundary, y = o.flipVariations, h = y === void 0 ? !0 : y, g = o.allowedAutoPlacements, I = t.options. - placement, C = He(I), b = C === I, x = p || (b || !h ? [jo(I)] : Gb(I)), v = [I].concat(x).reduce(function(F, $) { + boundary, m = o.rootBoundary, f = o.altBoundary, y = o.flipVariations, h = y === void 0 ? !0 : y, v = o.allowedAutoPlacements, I = t.options. + placement, C = He(I), b = C === I, x = p || (b || !h ? [jo(I)] : qb(I)), g = [I].concat(x).reduce(function(F, $) { return F.concat(He($) === Hn ? Ys(t, { placement: $, boundary: d, rootBoundary: m, padding: c, flipVariations: h, - allowedAutoPlacements: g + allowedAutoPlacements: v }) : $); - }, []), S = t.rects.reference, T = t.rects.popper, _ = /* @__PURE__ */ new Map(), k = !0, E = v[0], O = 0; O < v.length; O++) { - var P = v[O], A = He(P), M = it(P) === Ot, L = [Ie, De].indexOf(A) >= 0, B = L ? "width" : "height", N = yt(t, { + }, []), w = t.rects.reference, T = t.rects.popper, _ = /* @__PURE__ */ new Map(), k = !0, E = g[0], O = 0; O < g.length; O++) { + var P = g[O], A = He(P), D = it(P) === Ot, L = [Ie, De].indexOf(A) >= 0, B = L ? "width" : "height", N = yt(t, { placement: P, boundary: d, rootBoundary: m, altBoundary: f, padding: c - }), V = L ? M ? Oe : Ce : M ? De : Ie; - S[B] > T[B] && (V = jo(V)); + }), V = L ? D ? Oe : Ce : D ? De : Ie; + w[B] > T[B] && (V = jo(V)); var R = jo(V), K = []; if (r && K.push(N[A] <= 0), u && K.push(N[V] <= 0, N[R] <= 0), K.every(function(F) { return F; @@ -10856,7 +10856,7 @@ function Yb(e) { } if (k) for (var W = h ? 3 : 1, ee = /* @__PURE__ */ s(function($) { - var X = v.find(function(oe) { + var X = g.find(function(oe) { var J = _.get(oe); if (J) return J.slice(0, $).every(function(ae) { @@ -10872,12 +10872,12 @@ function Yb(e) { t.placement !== E && (t.modifiersData[i]._skip = !0, t.placement = E, t.reset = !0); } } -s(Yb, "flip"); +s(Gb, "flip"); var bf = { name: "flip", enabled: !0, phase: "main", - fn: Yb, + fn: Gb, requiresIfExists: ["offset"], data: { _skip: !1 @@ -10903,7 +10903,7 @@ function If(e) { }); } s(If, "isAnySideFullyClipped"); -function Xb(e) { +function Yb(e) { var t = e.state, o = e.name, i = t.rects.reference, n = t.rects.popper, r = t.modifiersData.preventOverflow, l = yt(t, { elementContext: "reference" }), u = yt(t, { @@ -10919,17 +10919,17 @@ function Xb(e) { "data-popper-escaped": m }); } -s(Xb, "hide"); +s(Yb, "hide"); var Sf = { name: "hide", enabled: !0, phase: "main", requiresIfExists: ["preventOverflow"], - fn: Xb + fn: Yb }; // ../node_modules/@popperjs/core/lib/modifiers/offset.js -function Qb(e, t, o) { +function Xb(e, t, o) { var i = He(e), n = [Ce, Ie].indexOf(i) >= 0 ? -1 : 1, r = typeof o == "function" ? o(Object.assign({}, t, { placement: e })) : o, l = r[0], u = r[1]; @@ -10941,25 +10941,25 @@ function Qb(e, t, o) { y: u }; } -s(Qb, "distanceAndSkiddingToXY"); -function Zb(e) { +s(Xb, "distanceAndSkiddingToXY"); +function Qb(e) { var t = e.state, o = e.options, i = e.name, n = o.offset, r = n === void 0 ? [0, 0] : n, l = zn.reduce(function(d, m) { - return d[m] = Qb(m, t.rects, r), d; + return d[m] = Xb(m, t.rects, r), d; }, {}), u = l[t.placement], p = u.x, c = u.y; t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += p, t.modifiersData.popperOffsets.y += c), t.modifiersData[i] = l; } -s(Zb, "offset"); +s(Qb, "offset"); var wf = { name: "offset", enabled: !0, phase: "main", requires: ["popperOffsets"], - fn: Zb + fn: Qb }; // ../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js -function Jb(e) { +function Zb(e) { var t = e.state, o = e.name; t.modifiersData[o] = mr({ reference: t.rects.reference, @@ -10968,12 +10968,12 @@ function Jb(e) { placement: t.placement }); } -s(Jb, "popperOffsets"); +s(Zb, "popperOffsets"); var Ef = { name: "popperOffsets", enabled: !0, phase: "read", - fn: Jb, + fn: Zb, data: {} }; @@ -10984,18 +10984,18 @@ function Xs(e) { s(Xs, "getAltAxis"); // ../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js -function e0(e) { +function Jb(e) { var t = e.state, o = e.options, i = e.name, n = o.mainAxis, r = n === void 0 ? !0 : n, l = o.altAxis, u = l === void 0 ? !1 : l, p = o.boundary, - c = o.rootBoundary, d = o.altBoundary, m = o.padding, f = o.tether, y = f === void 0 ? !0 : f, h = o.tetherOffset, g = h === void 0 ? 0 : h, + c = o.rootBoundary, d = o.altBoundary, m = o.padding, f = o.tether, y = f === void 0 ? !0 : f, h = o.tetherOffset, v = h === void 0 ? 0 : h, I = yt(t, { boundary: p, rootBoundary: c, padding: m, altBoundary: d - }), C = He(t.placement), b = it(t.placement), x = !b, v = go(C), S = Xs(v), T = t.modifiersData.popperOffsets, _ = t.rects.reference, k = t. - rects.popper, E = typeof g == "function" ? g(Object.assign({}, t.rects, { + }), C = He(t.placement), b = it(t.placement), x = !b, g = go(C), w = Xs(g), T = t.modifiersData.popperOffsets, _ = t.rects.reference, k = t. + rects.popper, E = typeof v == "function" ? v(Object.assign({}, t.rects, { placement: t.placement - })) : g, O = typeof E == "number" ? { + })) : v, O = typeof E == "number" ? { mainAxis: E, altAxis: E } : Object.assign({ @@ -11007,31 +11007,31 @@ function e0(e) { }; if (T) { if (r) { - var M, L = v === "y" ? Ie : Ce, B = v === "y" ? De : Oe, N = v === "y" ? "height" : "width", V = T[v], R = V + I[L], K = V - I[B], W = y ? + var D, L = g === "y" ? Ie : Ce, B = g === "y" ? De : Oe, N = g === "y" ? "height" : "width", V = T[g], R = V + I[L], K = V - I[B], W = y ? -k[N] / 2 : 0, ee = b === Ot ? _[N] : k[N], H = b === Ot ? -k[N] : -_[N], j = t.elements.arrow, F = y && j ? ho(j) : { width: 0, height: 0 }, $ = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : cr(), X = $[L], oe = $[B], J = yo(0, _[N], F[N]), ae = x ? _[N] / 2 - W - J - X - O.mainAxis : ee - J - X - O.mainAxis, ie = x ? -_[N] / 2 + W + J + oe + O.mainAxis : H + J + oe + O.mainAxis, - se = t.elements.arrow && gt(t.elements.arrow), le = se ? v === "y" ? se.clientTop || 0 : se.clientLeft || 0 : 0, ve = (M = P?.[v]) != null ? - M : 0, he = V + ae - ve - le, Pe = V + ie - ve, ue = yo(y ? mo(R, he) : R, V, y ? ht(K, Pe) : K); - T[v] = ue, A[v] = ue - V; + se = t.elements.arrow && gt(t.elements.arrow), le = se ? g === "y" ? se.clientTop || 0 : se.clientLeft || 0 : 0, ve = (D = P?.[g]) != null ? + D : 0, he = V + ae - ve - le, Pe = V + ie - ve, ue = yo(y ? mo(R, he) : R, V, y ? ht(K, Pe) : K); + T[g] = ue, A[g] = ue - V; } if (u) { - var be, Te = v === "x" ? Ie : Ce, Re = v === "x" ? De : Oe, Le = T[S], Se = S === "y" ? "height" : "width", Ue = Le + I[Te], Dt = Le - - I[Re], Mt = [Ie, Ce].indexOf(C) !== -1, at = (be = P?.[S]) != null ? be : 0, vt = Mt ? Ue : Le - _[Se] - k[Se] - at + O.altAxis, lt = Mt ? + var be, Te = g === "x" ? Ie : Ce, Re = g === "x" ? De : Oe, Le = T[w], Se = w === "y" ? "height" : "width", Ue = Le + I[Te], Dt = Le - + I[Re], Mt = [Ie, Ce].indexOf(C) !== -1, at = (be = P?.[w]) != null ? be : 0, vt = Mt ? Ue : Le - _[Se] - k[Se] - at + O.altAxis, lt = Mt ? Le + _[Se] + k[Se] - at - O.altAxis : Dt, qe = y && Mt ? ff(vt, Le, lt) : yo(y ? vt : Ue, Le, y ? lt : Dt); - T[S] = qe, A[S] = qe - Le; + T[w] = qe, A[w] = qe - Le; } t.modifiersData[i] = A; } } -s(e0, "preventOverflow"); +s(Jb, "preventOverflow"); var Cf = { name: "preventOverflow", enabled: !0, phase: "main", - fn: e0, + fn: Jb, requiresIfExists: ["offset"] }; @@ -11051,14 +11051,14 @@ function Zs(e) { s(Zs, "getNodeScroll"); // ../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js -function t0(e) { +function e0(e) { var t = e.getBoundingClientRect(), o = Pt(t.width) / e.offsetWidth || 1, i = Pt(t.height) / e.offsetHeight || 1; return o !== 1 || i !== 1; } -s(t0, "isElementScaled"); +s(e0, "isElementScaled"); function Js(e, t, o) { o === void 0 && (o = !1); - var i = Me(t), n = Me(t) && t0(t), r = ze(t), l = nt(e, n, o), u = { + var i = Me(t), n = Me(t) && e0(t), r = ze(t), l = nt(e, n, o), u = { scrollLeft: 0, scrollTop: 0 }, p = { @@ -11076,7 +11076,7 @@ function Js(e, t, o) { s(Js, "getCompositeRect"); // ../node_modules/@popperjs/core/lib/utils/orderModifiers.js -function o0(e) { +function t0(e) { var t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), i = []; e.forEach(function(r) { t.set(r.name, r); @@ -11095,9 +11095,9 @@ function o0(e) { o.has(r.name) || n(r); }), i; } -s(o0, "order"); +s(t0, "order"); function ea(e) { - var t = o0(e); + var t = t0(e); return pf.reduce(function(o, i) { return o.concat(t.filter(function(n) { return n.phase === i; @@ -11168,13 +11168,13 @@ function kf(e) { state: d, setOptions: /* @__PURE__ */ s(function(C) { var b = typeof C == "function" ? C(d.options) : C; - g(), d.options = Object.assign({}, r, d.options, b), d.scrollParents = { + v(), d.options = Object.assign({}, r, d.options, b), d.scrollParents = { reference: rt(u) ? jt(u) : u.contextElement ? jt(u.contextElement) : [], popper: jt(p) }; var x = ea(oa([].concat(i, d.options.modifiers))); - return d.orderedModifiers = x.filter(function(v) { - return v.enabled; + return d.orderedModifiers = x.filter(function(g) { + return g.enabled; }), h(), y.update(); }, "setOptions"), // Sync update – it will always be executed, even if not necessary. This @@ -11192,12 +11192,12 @@ function kf(e) { }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(O) { return d.modifiersData[O.name] = Object.assign({}, O.data); }); - for (var v = 0; v < d.orderedModifiers.length; v++) { + for (var g = 0; g < d.orderedModifiers.length; g++) { if (d.reset === !0) { - d.reset = !1, v = -1; + d.reset = !1, g = -1; continue; } - var S = d.orderedModifiers[v], T = S.fn, _ = S.options, k = _ === void 0 ? {} : _, E = S.name; + var w = d.orderedModifiers[g], T = w.fn, _ = w.options, k = _ === void 0 ? {} : _, E = w.name; typeof T == "function" && (d = T({ state: d, options: k, @@ -11216,7 +11216,7 @@ function kf(e) { }); }), destroy: /* @__PURE__ */ s(function() { - g(), f = !0; + v(), f = !0; }, "destroy") }; if (!_f(u, p)) @@ -11226,44 +11226,44 @@ function kf(e) { }); function h() { d.orderedModifiers.forEach(function(I) { - var C = I.name, b = I.options, x = b === void 0 ? {} : b, v = I.effect; - if (typeof v == "function") { - var S = v({ + var C = I.name, b = I.options, x = b === void 0 ? {} : b, g = I.effect; + if (typeof g == "function") { + var w = g({ state: d, name: C, instance: y, options: x }), T = /* @__PURE__ */ s(function() { }, "noopFn"); - m.push(S || T); + m.push(w || T); } }); } s(h, "runModifierEffects"); - function g() { + function v() { m.forEach(function(I) { return I(); }), m = []; } - return s(g, "cleanupModifierEffects"), y; + return s(v, "cleanupModifierEffects"), y; }, "createPopper"); } s(kf, "popperGenerator"); // ../node_modules/@popperjs/core/lib/popper.js -var r0 = [yf, Ef, gf, cf, wf, bf, Cf, mf, Sf], ra = /* @__PURE__ */ kf({ - defaultModifiers: r0 +var o0 = [yf, Ef, gf, cf, wf, bf, Cf, mf, Sf], ra = /* @__PURE__ */ kf({ + defaultModifiers: o0 }); // ../node_modules/react-popper/lib/esm/usePopper.js var Of = Ve(oi()); -var n0 = [], na = /* @__PURE__ */ s(function(t, o, i) { +var r0 = [], na = /* @__PURE__ */ s(function(t, o, i) { i === void 0 && (i = {}); var n = G(null), r = { onFirstUpdate: i.onFirstUpdate, placement: i.placement || "bottom", strategy: i.strategy || "absolute", - modifiers: i.modifiers || n0 + modifiers: i.modifiers || r0 }, l = U({ styles: { popper: { @@ -11282,13 +11282,13 @@ var n0 = [], na = /* @__PURE__ */ s(function(t, o, i) { enabled: !0, phase: "write", fn: /* @__PURE__ */ s(function(y) { - var h = y.state, g = Object.keys(h.elements); + var h = y.state, v = Object.keys(h.elements); Yt(function() { p({ - styles: js(g.map(function(I) { + styles: js(v.map(function(I) { return [I, h.styles[I] || {}]; })), - attributes: js(g.map(function(I) { + attributes: js(v.map(function(I) { return [I, h.attributes[I]]; })) }); @@ -11329,24 +11329,24 @@ var n0 = [], na = /* @__PURE__ */ s(function(t, o, i) { // ../node_modules/react-popper-tooltip/dist/esm/react-popper-tooltip.js function Df(e) { var t = G(e); - return t.current = e, D(function() { + return t.current = e, M(function() { return t.current; }, []); } s(Df, "useGetLatest"); -var i0 = /* @__PURE__ */ s(function() { +var n0 = /* @__PURE__ */ s(function() { }, "noop"); -function s0(e) { - var t = e.initial, o = e.value, i = e.onChange, n = i === void 0 ? i0 : i; +function i0(e) { + var t = e.initial, o = e.value, i = e.onChange, n = i === void 0 ? n0 : i; if (t === void 0 && o === void 0) throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined'); - var r = U(t), l = r[0], u = r[1], p = Df(l), c = D(function(m) { + var r = U(t), l = r[0], u = r[1], p = Df(l), c = M(function(m) { var f = p(), y = typeof m == "function" ? m(f) : m; typeof y.persist == "function" && y.persist(), u(y), typeof n == "function" && n(y); }, [p, n]), d = o !== void 0; return [d ? o : l, d ? n : c]; } -s(s0, "useControlledState"); +s(i0, "useControlledState"); function Mf(e, t) { return e === void 0 && (e = 0), t === void 0 && (t = 0), function() { return { @@ -11365,7 +11365,7 @@ function Mf(e, t) { }; } s(Mf, "generateBoundingClientRect"); -var a0 = ["styles", "attributes"], Pf = { +var s0 = ["styles", "attributes"], Pf = { getBoundingClientRect: Mf() }, Af = { closeOnOutsideClick: !0, @@ -11403,36 +11403,36 @@ function Lf(e, t) { ), u = q({}, t, { placement: t.placement || r.placement, modifiers: t.modifiers || l - }), p = U(null), c = p[0], d = p[1], m = U(null), f = m[0], y = m[1], h = s0({ + }), p = U(null), c = p[0], d = p[1], m = U(null), f = m[0], y = m[1], h = i0({ initial: r.defaultVisible, value: r.visible, onChange: r.onVisibleChange - }), g = h[0], I = h[1], C = G(); + }), v = h[0], I = h[1], C = G(); z(function() { return function() { return clearTimeout(C.current); }; }, []); - var b = na(r.followCursor ? Pf : c, f, u), x = b.styles, v = b.attributes, S = ke(b, a0), T = S.update, _ = Df({ - visible: g, + var b = na(r.followCursor ? Pf : c, f, u), x = b.styles, g = b.attributes, w = ke(b, s0), T = w.update, _ = Df({ + visible: v, triggerRef: c, tooltipRef: f, finalConfig: r - }), k = D( + }), k = M( function(B) { return Array.isArray(r.trigger) ? r.trigger.includes(B) : r.trigger === B; }, // eslint-disable-next-line react-hooks/exhaustive-deps Array.isArray(r.trigger) ? r.trigger : [r.trigger] - ), E = D(function() { + ), E = M(function() { clearTimeout(C.current), C.current = window.setTimeout(function() { return I(!1); }, r.delayHide); - }, [r.delayHide, I]), O = D(function() { + }, [r.delayHide, I]), O = M(function() { clearTimeout(C.current), C.current = window.setTimeout(function() { return I(!0); }, r.delayShow); - }, [r.delayShow, I]), P = D(function() { + }, [r.delayShow, I]), P = M(function() { _().visible ? E() : O(); }, [_, E, O]); z(function() { @@ -11481,7 +11481,7 @@ function Lf(e, t) { f.removeEventListener("mouseenter", O), f.removeEventListener("mouseleave", E); }; }, [f, k, O, E, _]); - var A = S == null || (o = S.state) == null || (i = o.modifiersData) == null || (n = i.hide) == null ? void 0 : n.isReferenceHidden; + var A = w == null || (o = w.state) == null || (i = o.modifiersData) == null || (n = i.hide) == null ? void 0 : n.isReferenceHidden; z(function() { r.closeOnTriggerHidden && A && E(); }, [r.closeOnTriggerHidden, E, A]), z(function() { @@ -11501,34 +11501,34 @@ function Lf(e, t) { }; } }, [r.mutationObserverOptions, f, T]); - var M = /* @__PURE__ */ s(function(N) { + var D = /* @__PURE__ */ s(function(N) { return N === void 0 && (N = {}), q({}, N, { style: q({}, N.style, x.popper) - }, v.popper, { + }, g.popper, { "data-popper-interactive": r.interactive }); }, "getTooltipProps"), L = /* @__PURE__ */ s(function(N) { - return N === void 0 && (N = {}), q({}, N, v.arrow, { + return N === void 0 && (N = {}), q({}, N, g.arrow, { style: q({}, N.style, x.arrow), "data-popper-arrow": !0 }); }, "getArrowProps"); return q({ getArrowProps: L, - getTooltipProps: M, + getTooltipProps: D, setTooltipRef: y, setTriggerRef: d, tooltipRef: f, triggerRef: c, - visible: g - }, S); + visible: v + }, w); } s(Lf, "usePopperTooltip"); // src/components/components/tooltip/Tooltip.tsx var Nf = Ve(Zo(), 1), st = (0, Nf.default)(1e3)( (e, t, o, i = 0) => t.split("-")[0] === e ? o : i -), Vt = 8, l0 = w.div( +), Vt = 8, a0 = S.div( { position: "absolute", borderStyle: "solid" @@ -11582,7 +11582,7 @@ var Nf = Ve(Zo(), 1), st = (0, Nf.default)(1e3)( "transparent" ) }) -), u0 = w.div( +), l0 = S.div( ({ hidden: e }) => ({ display: e ? "none" : "inline-block", zIndex: 2147483647 @@ -11606,24 +11606,24 @@ var Nf = Ve(Zo(), 1), st = (0, Nf.default)(1e3)( color: r, withArrows: l, ...u - }, p) => /* @__PURE__ */ a.createElement(u0, { "data-testid": "tooltip", hasChrome: t, ref: p, ...u, color: r }, t && l && /* @__PURE__ */ a. - createElement(l0, { placement: e, ...i, color: r }), o) + }, p) => /* @__PURE__ */ a.createElement(l0, { "data-testid": "tooltip", hasChrome: t, ref: p, ...u, color: r }, t && l && /* @__PURE__ */ a. + createElement(a0, { placement: e, ...i, color: r }), o) ); ia.displayName = "Tooltip"; // src/components/components/tooltip/WithTooltip.tsx -var { document: $n } = re, p0 = w.div` +var { document: $n } = re, u0 = S.div` display: inline-block; cursor: ${(e) => ( // @ts-expect-error (non strict) e.trigger === "hover" || e.trigger.includes("hover") ? "default" : "pointer" )}; -`, c0 = w.g` +`, p0 = S.g` cursor: ${(e) => ( // @ts-expect-error (non strict) e.trigger === "hover" || e.trigger.includes("hover") ? "default" : "pointer" )}; -`, d0 = /* @__PURE__ */ s(({ +`, c0 = /* @__PURE__ */ s(({ svg: e = !1, trigger: t = "click", closeOnOutsideClick: o = !1, @@ -11658,14 +11658,14 @@ var { document: $n } = re, p0 = w.div` mutationObserverOptions: f, delayHide: y, visible: h, - interactive: g, + interactive: v, delayShow: I, strategy: C, followCursor: b, onVisibleChange: x, - ...v + ...g }) => { - let S = e ? c0 : p0, { + let w = e ? p0 : u0, { getArrowProps: T, getTooltipProps: _, setTooltipRef: k, @@ -11678,7 +11678,7 @@ var { document: $n } = re, p0 = w.div` placement: i, defaultVisible: l, delayHide: y, - interactive: g, + interactive: v, closeOnOutsideClick: o, closeOnTriggerHidden: m, onVisibleChange: x, @@ -11704,14 +11704,14 @@ var { document: $n } = re, p0 = w.div` }, typeof c == "function" ? c({ onHide: /* @__PURE__ */ s(() => x(!1), "onHide") }) : c ); - return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(S, { trigger: t, ref: E, ...v }, d), O && Gt.createPortal( + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(w, { trigger: t, ref: E, ...g }, d), O && Gt.createPortal( A, $n.body)); }, "WithTooltipPure"), sa = /* @__PURE__ */ s(({ startOpen: e = !1, onVisibleChange: t, ...o }) => { - let [i, n] = U(e), r = D( + let [i, n] = U(e), r = M( (l) => { t && t(l) === !1 || n(l); }, @@ -11741,11 +11741,11 @@ var { document: $n } = re, p0 = w.div` c(); }); }; - }), /* @__PURE__ */ a.createElement(d0, { ...o, visible: i, onVisibleChange: r }); + }), /* @__PURE__ */ a.createElement(c0, { ...o, visible: i, onVisibleChange: r }); }, "WithToolTipState"); // src/manager/components/sidebar/TestingModule.tsx -var aa = 500, f0 = Kt({ +var aa = 500, d0 = Kt({ "0%": { transform: "rotate(0deg)" }, "10%": { transform: "rotate(10deg)" }, "40%": { transform: "rotate(170deg)" }, @@ -11753,7 +11753,7 @@ var aa = 500, f0 = Kt({ "60%": { transform: "rotate(190deg)" }, "90%": { transform: "rotate(350deg)" }, "100%": { transform: "rotate(360deg)" } -}), m0 = w.div( +}), f0 = S.div( ({ crashed: e, running: t, theme: o, failed: i }) => ({ position: "relative", lineHeight: "20px", @@ -11777,7 +11777,7 @@ var aa = 500, f0 = Kt({ marginTop: "calc(max(100vw, 100vh) * -0.5)", height: "max(100vw, 100vh)", width: "max(100vw, 100vh)", - animation: `${f0} 3s linear infinite`, + animation: `${d0} 3s linear infinite`, background: i ? ( // Hardcoded colors to prevent themes from messing with them (orange+gold, secondary+seafoam) "conic-gradient(transparent 90deg, #FC521F 150deg, #FFAE00 210deg, transparent 270deg)" @@ -11786,7 +11786,7 @@ var aa = 500, f0 = Kt({ willChange: "auto" } }) -), h0 = w.div(({ theme: e }) => ({ +), m0 = S.div(({ theme: e }) => ({ position: "relative", zIndex: 1, borderRadius: e.appBorderRadius, @@ -11794,17 +11794,17 @@ var aa = 500, f0 = Kt({ "&:hover #testing-module-collapse-toggle": { opacity: 1 } -})), g0 = w.div(({ theme: e }) => ({ +})), h0 = S.div(({ theme: e }) => ({ overflow: "hidden", transition: "max-height 250ms", willChange: "auto", boxShadow: `inset 0 -1px 0 ${e.appBorderColor}` -})), y0 = w.div({ +})), g0 = S.div({ padding: "12px 6px", display: "flex", flexDirection: "column", gap: "12px" -}), v0 = w.div(({ onClick: e }) => ({ +}), y0 = S.div(({ onClick: e }) => ({ display: "flex", width: "100%", cursor: e ? "pointer" : "default", @@ -11813,19 +11813,19 @@ var aa = 500, f0 = Kt({ justifyContent: "space-between", overflow: "hidden", padding: "6px" -})), b0 = w.div({ +})), v0 = S.div({ display: "flex", flexBasis: "100%", justifyContent: "flex-end", gap: 6 -}), x0 = w(fe)({ +}), b0 = S(fe)({ opacity: 0, transition: "opacity 250ms", willChange: "auto", "&:focus, &:hover": { opacity: 1 } -}), Ff = w(fe)( +}), Ff = S(fe)( { minWidth: 28 }, ({ active: e, status: t, theme: o }) => !e && (o.base === "light" ? { background: { @@ -11846,28 +11846,28 @@ var aa = 500, f0 = Kt({ warning: o.color.warning }[t] }) -), I0 = w.div({ +), x0 = S.div({ display: "flex", justifyContent: "space-between", gap: 6 -}), S0 = w.div({ +}), I0 = S.div({ display: "flex", flexDirection: "column", marginLeft: 6 -}), w0 = w.div({ +}), S0 = S.div({ display: "flex", gap: 6 -}), E0 = w.div(({ crashed: e, theme: t }) => ({ +}), w0 = S.div(({ crashed: e, theme: t }) => ({ fontSize: t.typography.size.s1, fontWeight: e ? "bold" : "normal", color: e ? t.color.negativeText : t.color.defaultText -})), C0 = w.div(({ theme: e }) => ({ +})), E0 = S.div(({ theme: e }) => ({ fontSize: e.typography.size.s1, color: e.barTextColor -})), T0 = /* @__PURE__ */ s(({ state: e }) => { +})), C0 = /* @__PURE__ */ s(({ state: e }) => { let t = e.description, o = e.title; - return /* @__PURE__ */ a.createElement(S0, null, /* @__PURE__ */ a.createElement(E0, { crashed: e.crashed }, /* @__PURE__ */ a.createElement( - o, { ...e })), /* @__PURE__ */ a.createElement(C0, null, /* @__PURE__ */ a.createElement(t, { ...e }))); + return /* @__PURE__ */ a.createElement(I0, null, /* @__PURE__ */ a.createElement(w0, { crashed: e.crashed }, /* @__PURE__ */ a.createElement( + o, { ...e })), /* @__PURE__ */ a.createElement(E0, null, /* @__PURE__ */ a.createElement(t, { ...e }))); }, "DynamicInfo"), Bf = /* @__PURE__ */ s(({ testProviders: e, errorCount: t, @@ -11884,131 +11884,139 @@ var aa = 500, f0 = Kt({ z(() => { h(d.current?.offsetHeight || aa); }, []); - let g = /* @__PURE__ */ s(() => { + let v = /* @__PURE__ */ s(() => { h(d.current?.offsetHeight || aa), f(!m); - }, "toggleCollapsed"), I = e.some((v) => v.running), C = e.some((v) => v.crashed), b = e.some((v) => v.failed), x = e.length > 0; - return /* @__PURE__ */ a.createElement(m0, { running: I, crashed: C, failed: b || t > 0 }, /* @__PURE__ */ a.createElement(h0, null, /* @__PURE__ */ a. - createElement( - g0, + }, "toggleCollapsed"), I = e.some((g) => g.running), C = e.some((g) => g.crashed), b = e.some((g) => g.failed), x = e.length > 0; + return /* @__PURE__ */ a.createElement( + f0, { - style: { - display: x ? "block" : "none", - maxHeight: m ? 0 : y - } + id: "storybook-testing-module", + running: I, + crashed: C, + failed: b || t > 0 }, - /* @__PURE__ */ a.createElement(y0, { ref: d }, e.map((v) => /* @__PURE__ */ a.createElement(I0, { key: v.id }, /* @__PURE__ */ a.createElement( - T0, { state: v }), /* @__PURE__ */ a.createElement(w0, null, v.watchable && /* @__PURE__ */ a.createElement( - fe, + /* @__PURE__ */ a.createElement(m0, null, /* @__PURE__ */ a.createElement( + h0, { - "aria-label": `${v.watching ? "Disable" : "Enable"} watch mode for ${v.name}`, - variant: "ghost", - padding: "small", - active: v.watching, - onClick: () => c(v.id, !v.watching), - disabled: v.crashed || v.running + style: { + display: x ? "block" : "none", + maxHeight: m ? 0 : y + } }, - /* @__PURE__ */ a.createElement(Hr, null) - ), v.runnable && /* @__PURE__ */ a.createElement(a.Fragment, null, v.running && v.cancellable ? /* @__PURE__ */ a.createElement( + /* @__PURE__ */ a.createElement(g0, { ref: d }, e.map((g) => /* @__PURE__ */ a.createElement(x0, { key: g.id }, /* @__PURE__ */ a.createElement( + C0, { state: g }), /* @__PURE__ */ a.createElement(S0, null, g.watchable && /* @__PURE__ */ a.createElement( + fe, + { + "aria-label": `${g.watching ? "Disable" : "Enable"} watch mode for ${g.name}`, + variant: "ghost", + padding: "small", + active: g.watching, + onClick: () => c(g.id, !g.watching), + disabled: g.crashed || g.running + }, + /* @__PURE__ */ a.createElement(Hr, null) + ), g.runnable && /* @__PURE__ */ a.createElement(a.Fragment, null, g.running && g.cancellable ? /* @__PURE__ */ a.createElement( + fe, + { + "aria-label": `Stop ${g.name}`, + variant: "ghost", + padding: "small", + onClick: () => p(g.id), + disabled: g.cancelling + }, + /* @__PURE__ */ a.createElement(zl, null) + ) : /* @__PURE__ */ a.createElement( + fe, + { + "aria-label": `Start ${g.name}`, + variant: "ghost", + padding: "small", + onClick: () => u(g.id), + disabled: g.crashed || g.running + }, + /* @__PURE__ */ a.createElement(Bl, null) + )))))) + ), /* @__PURE__ */ a.createElement(y0, { onClick: x ? v : void 0 }, x && /* @__PURE__ */ a.createElement( fe, { - "aria-label": `Stop ${v.name}`, variant: "ghost", padding: "small", - onClick: () => p(v.id), - disabled: v.cancelling + onClick: (g) => { + g.stopPropagation(), e.filter((w) => !w.crashed && !w.running && w.runnable).forEach(({ id: w }) => u(w)); + }, + disabled: I }, - /* @__PURE__ */ a.createElement(zl, null) - ) : /* @__PURE__ */ a.createElement( - fe, + /* @__PURE__ */ a.createElement(Fl, null), + I ? "Running..." : "Run tests" + ), /* @__PURE__ */ a.createElement(v0, null, x && /* @__PURE__ */ a.createElement( + b0, { - "aria-label": `Start ${v.name}`, variant: "ghost", padding: "small", - onClick: () => u(v.id), - disabled: v.crashed || v.running - }, - /* @__PURE__ */ a.createElement(Bl, null) - )))))) - ), /* @__PURE__ */ a.createElement(v0, { onClick: x ? g : void 0 }, x && /* @__PURE__ */ a.createElement( - fe, - { - variant: "ghost", - padding: "small", - onClick: (v) => { - v.stopPropagation(), e.filter((S) => !S.crashed && !S.running && S.runnable).forEach(({ id: S }) => u(S)); + onClick: v, + id: "testing-module-collapse-toggle", + "aria-label": m ? "Expand testing module" : "Collapse testing module" }, - disabled: I - }, - /* @__PURE__ */ a.createElement(Fl, null), - I ? "Running..." : "Run tests" - ), /* @__PURE__ */ a.createElement(b0, null, x && /* @__PURE__ */ a.createElement( - x0, - { - variant: "ghost", - padding: "small", - onClick: g, - id: "testing-module-collapse-toggle", - "aria-label": m ? "Expand testing module" : "Collapse testing module" - }, - /* @__PURE__ */ a.createElement( - El, - { - style: { - transform: m ? "none" : "rotate(180deg)", - transition: "transform 250ms", - willChange: "auto" + /* @__PURE__ */ a.createElement( + El, + { + style: { + transform: m ? "none" : "rotate(180deg)", + transition: "transform 250ms", + willChange: "auto" + } } - } - ) - ), t > 0 && /* @__PURE__ */ a.createElement( - sa, - { - hasChrome: !1, - tooltip: /* @__PURE__ */ a.createElement(qt, { note: "Toggle errors" }), - trigger: "hover" - }, - /* @__PURE__ */ a.createElement( - Ff, + ) + ), t > 0 && /* @__PURE__ */ a.createElement( + sa, { - id: "errors-found-filter", - variant: "ghost", - padding: t < 10 ? "medium" : "small", - status: "negative", - active: o, - onClick: (v) => { - v.stopPropagation(), i(!o); - }, - "aria-label": "Toggle errors" + hasChrome: !1, + tooltip: /* @__PURE__ */ a.createElement(qt, { note: "Toggle errors" }), + trigger: "hover" }, - t < 100 ? t : "99+" - ) - ), n > 0 && /* @__PURE__ */ a.createElement( - sa, - { - hasChrome: !1, - tooltip: /* @__PURE__ */ a.createElement(qt, { note: "Toggle warnings" }), - trigger: "hover" - }, - /* @__PURE__ */ a.createElement( - Ff, - { - id: "warnings-found-filter", - variant: "ghost", - padding: n < 10 ? "medium" : "small", - status: "warning", - active: r, - onClick: (v) => { - v.stopPropagation(), l(!r); + /* @__PURE__ */ a.createElement( + Ff, + { + id: "errors-found-filter", + variant: "ghost", + padding: t < 10 ? "medium" : "small", + status: "negative", + active: o, + onClick: (g) => { + g.stopPropagation(), i(!o); + }, + "aria-label": "Toggle errors" }, - "aria-label": "Toggle warnings" + t < 100 ? t : "99+" + ) + ), n > 0 && /* @__PURE__ */ a.createElement( + sa, + { + hasChrome: !1, + tooltip: /* @__PURE__ */ a.createElement(qt, { note: "Toggle warnings" }), + trigger: "hover" }, - n < 100 ? n : "99+" - ) - ))))); + /* @__PURE__ */ a.createElement( + Ff, + { + id: "warnings-found-filter", + variant: "ghost", + padding: n < 10 ? "medium" : "small", + status: "warning", + active: r, + onClick: (g) => { + g.stopPropagation(), l(!r); + }, + "aria-label": "Toggle warnings" + }, + n < 100 ? n : "99+" + ) + )))) + ); }, "TestingModule"); // src/manager/components/sidebar/SidebarBottom.tsx -var _0 = "sidebar-bottom-spacer", k0 = "sidebar-bottom-wrapper", Hf = "@storybook/manager/test-providers", O0 = { +var T0 = "sidebar-bottom-spacer", _0 = "sidebar-bottom-wrapper", Hf = "@storybook/manager/test-providers", k0 = { details: {}, cancellable: !1, cancelling: !1, @@ -12016,10 +12024,10 @@ var _0 = "sidebar-bottom-spacer", k0 = "sidebar-bottom-wrapper", Hf = "@storyboo watching: !1, failed: !1, crashed: !1 -}, P0 = /* @__PURE__ */ s(() => !0, "filterNone"), A0 = /* @__PURE__ */ s(({ status: e = {} }) => Object.values(e).some((t) => t?.status === -"warn"), "filterWarn"), D0 = /* @__PURE__ */ s(({ status: e = {} }) => Object.values(e).some((t) => t?.status === "error"), "filterError"), M0 = /* @__PURE__ */ s( -({ status: e = {} }) => Object.values(e).some((t) => t?.status === "warn" || t?.status === "error"), "filterBoth"), L0 = /* @__PURE__ */ s((e = !1, t = !1) => e && -t ? M0 : e ? A0 : t ? D0 : P0, "getFilter"), N0 = w.div(({ theme: e }) => ({ +}, O0 = /* @__PURE__ */ s(() => !0, "filterNone"), P0 = /* @__PURE__ */ s(({ status: e = {} }) => Object.values(e).some((t) => t?.status === +"warn"), "filterWarn"), A0 = /* @__PURE__ */ s(({ status: e = {} }) => Object.values(e).some((t) => t?.status === "error"), "filterError"), D0 = /* @__PURE__ */ s( +({ status: e = {} }) => Object.values(e).some((t) => t?.status === "warn" || t?.status === "error"), "filterBoth"), M0 = /* @__PURE__ */ s((e = !1, t = !1) => e && +t ? D0 : e ? P0 : t ? A0 : O0, "getFilter"), L0 = S.div(({ theme: e }) => ({ position: "absolute", bottom: 0, left: 0, @@ -12038,111 +12046,124 @@ t ? M0 : e ? A0 : t ? D0 : P0, "getFilter"), N0 = w.div(({ theme: e }) => ({ "--sb-sidebar-bottom-card-border": `1px solid ${e.appBorderColor}`, "--sb-sidebar-bottom-card-border-radius": `${e.appBorderRadius + 1}px`, "--sb-sidebar-bottom-card-box-shadow": `0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${e.background.app}` -})), F0 = /* @__PURE__ */ s(({ api: e, notifications: t = [], status: o = {} }) => { - let i = G(null), n = G(null), [r, l] = U(!1), [u, p] = U(!1), [c, d] = U(() => { - let S = {}; +})), N0 = /* @__PURE__ */ s(({ + api: e, + notifications: t = [], + status: o = {}, + isDevelopment: i +}) => { + let n = G(null), r = G(null), [l, u] = U(!1), [p, c] = U(!1), [d, m] = U(() => { + let T = {}; try { - S = JSON.parse(sessionStorage.getItem(Hf) || "{}"); + T = JSON.parse(sessionStorage.getItem(Hf) || "{}"); } catch { } return Object.fromEntries( Object.entries(e.getElements(Ae.experimental_TEST_PROVIDER)).map( - ([T, _]) => [T, { ..._, ...O0, ...S[T] }] + ([_, k]) => [_, { ...k, ...k0, ...T[_] }] ) ); - }), m = Object.values(o).filter( - (S) => Object.values(S).some((T) => T?.status === "warn") - ), f = Object.values(o).filter( - (S) => Object.values(S).some((T) => T?.status === "error") - ), y = m.length > 0, h = f.length > 0, g = D( - (S, T) => d((_) => { - let k = { ..._, [S]: { ..._[S], ...T } }; - return sessionStorage.setItem(Hf, JSON.stringify(k)), k; + }), f = Object.values(o).filter( + (T) => Object.values(T).some((_) => _?.status === "warn") + ), y = Object.values(o).filter( + (T) => Object.values(T).some((_) => _?.status === "error") + ), h = f.length > 0, v = y.length > 0, I = M( + (T, _) => m((k) => { + let E = { ...k, [T]: { ...k[T], ..._ } }; + return sessionStorage.setItem(Hf, JSON.stringify(E)), E; }), [] - ), I = D( - ({ providerId: S }) => { - g(S, { + ), C = M( + ({ providerId: T }) => { + I(T, { cancelling: !1, running: !0, failed: !1, crashed: !1, progress: void 0 }), e.experimental_updateStatus( - S, - (T = {}) => Object.fromEntries(Object.keys(T).map((_) => [_, null])) + T, + (_ = {}) => Object.fromEntries(Object.keys(_).map((k) => [k, null])) ); }, - [e, g] - ), C = D( - (S) => { - e.emit(gr, { providerId: S }); + [e, I] + ), b = M( + (T) => { + e.emit(gr, { providerId: T }); }, [e] - ), b = D( - (S) => { - g(S, { cancelling: !0 }), e.emit(ka, { providerId: S }); + ), x = M( + (T) => { + I(T, { cancelling: !0 }), e.emit(ka, { providerId: T }); }, - [e, g] - ), x = D( - (S, T) => { - g(S, { watching: T }), e.emit(Oa, { providerId: S, watchMode: T }); + [e, I] + ), g = M( + (T, _) => { + I(T, { watching: _ }), e.emit(Oa, { providerId: T, watchMode: _ }); }, - [e, g] + [e, I] ); z(() => { - let S = i.current, T = n.current; - if (S && T) { - let _ = new ResizeObserver(() => { - S && T && (S.style.height = `${T.clientHeight}px`); + let T = n.current, _ = r.current; + if (T && _) { + let k = new ResizeObserver(() => { + T && _ && (T.style.height = `${_.clientHeight}px`); }); - return _.observe(T), () => _.disconnect(); + return k.observe(_), () => k.disconnect(); } }, []), z(() => { - let S = L0(y && r, h && u); - e.experimental_setFilter("sidebar-bottom-filter", S); - }, [e, y, h, r, u]), z(() => { - let S = /* @__PURE__ */ s(({ providerId: _, ...k }) => { - g(_, { details: k, running: !1, crashed: !0, watching: !1 }); - }, "onCrashReport"), T = /* @__PURE__ */ s(({ providerId: _, ...k }) => { - if (k.status === "failed") - g(_, { ...k, running: !1, failed: !0 }); + let T = M0(h && l, v && p); + e.experimental_setFilter("sidebar-bottom-filter", T); + }, [e, h, v, l, p]), z(() => { + let T = /* @__PURE__ */ s(({ providerId: k, ...E }) => { + I(k, { details: E, running: !1, crashed: !0, watching: !1 }); + }, "onCrashReport"), _ = /* @__PURE__ */ s(({ providerId: k, ...E }) => { + if (E.status === "failed") + I(k, { ...E, running: !1, failed: !0 }); else { - let E = { ...k, running: k.status === "pending" }; - g(_, E); - let { mapStatusUpdate: O, ...P } = c[_], A = O?.({ ...P, ...E }); - A && e.experimental_updateStatus(_, A); + let O = { ...E, running: E.status === "pending" }; + I(k, O); + let { mapStatusUpdate: P, ...A } = d[k], D = P?.({ ...A, ...O }); + D && e.experimental_updateStatus(k, D); } }, "onProgressReport"); - return e.getChannel()?.on(Zn, S), e.getChannel()?.on(gr, I), e.getChannel()?.on(Jn, T), () => { - e.getChannel()?.off(Zn, S), e.getChannel()?.off(Jn, T), e.getChannel()?.off(gr, I); + return e.getChannel()?.on(Zn, T), e.getChannel()?.on(gr, C), e.getChannel()?.on(Jn, _), () => { + e.getChannel()?.off(Zn, T), e.getChannel()?.off(Jn, _), e.getChannel()?.off(gr, C); }; - }, [e, c, g, I]); - let v = Object.values(c); - return !y && !h && !v.length && !t.length ? null : /* @__PURE__ */ a.createElement("div", { id: _0, ref: i }, /* @__PURE__ */ a.createElement( - N0, { id: k0, ref: n }, /* @__PURE__ */ a.createElement(Ur, { notifications: t, clearNotification: e.clearNotification }), /* @__PURE__ */ a. + }, [e, d, I, C]); + let w = Object.values(d); + return !h && !v && !w.length && !t.length ? null : /* @__PURE__ */ a.createElement("div", { id: T0, ref: n }, /* @__PURE__ */ a.createElement( + L0, { id: _0, ref: r }, /* @__PURE__ */ a.createElement(Ur, { notifications: t, clearNotification: e.clearNotification }), i && /* @__PURE__ */ a. createElement( Bf, { - testProviders: v, - errorCount: f.length, - errorsActive: u, - setErrorsActive: p, - warningCount: m.length, - warningsActive: r, - setWarningsActive: l, - onRunTests: C, - onCancelTests: b, - onSetWatchMode: x + testProviders: w, + errorCount: y.length, + errorsActive: p, + setErrorsActive: c, + warningCount: f.length, + warningsActive: l, + setWarningsActive: u, + onRunTests: b, + onCancelTests: x, + onSetWatchMode: g } ))); -}, "SidebarBottomBase"), Rf = /* @__PURE__ */ s(() => { - let e = pe(), { notifications: t, status: o } = Ze(); - return /* @__PURE__ */ a.createElement(F0, { api: e, notifications: t, status: o }); +}, "SidebarBottomBase"), Rf = /* @__PURE__ */ s(({ isDevelopment: e }) => { + let t = pe(), { notifications: o, status: i } = Ze(); + return /* @__PURE__ */ a.createElement( + N0, + { + api: t, + notifications: o, + status: i, + isDevelopment: e + } + ); }, "SidebarBottom"); // src/manager/components/sidebar/TagsFilterPanel.tsx -var B0 = /* @__PURE__ */ new Set(["play-fn"]), H0 = w.div({ +var F0 = /* @__PURE__ */ new Set(["play-fn"]), B0 = S.div({ minWidth: 180, maxWidth: 220 }), zf = /* @__PURE__ */ s(({ @@ -12152,7 +12173,7 @@ var B0 = /* @__PURE__ */ new Set(["play-fn"]), H0 = w.div({ toggleTag: i, isDevelopment: n }) => { - let r = Fe(), l = t.filter((c) => !B0.has(c)), u = e.getDocsUrl({ subpath: "writing-stories/tags#filtering-by-custom-tags" }), p = t.map((c) => { + let r = Fe(), l = t.filter((c) => !F0.has(c)), u = e.getDocsUrl({ subpath: "writing-stories/tags#filtering-by-custom-tags" }), p = t.map((c) => { let d = o.includes(c), m = `tag-${c}`; return { id: m, @@ -12184,11 +12205,11 @@ var B0 = /* @__PURE__ */ new Set(["play-fn"]), H0 = w.div({ style: { borderTop: `4px solid ${r.appBorderColor}` } - }), /* @__PURE__ */ a.createElement(H0, null, /* @__PURE__ */ a.createElement(Ct, { links: p })); + }), /* @__PURE__ */ a.createElement(B0, null, /* @__PURE__ */ a.createElement(Ct, { links: p })); }, "TagsFilterPanel"); // src/manager/components/sidebar/TagsFilter.tsx -var R0 = "tags-filter", z0 = /* @__PURE__ */ new Set([ +var H0 = "tags-filter", R0 = /* @__PURE__ */ new Set([ "dev", "docs-only", "test-only", @@ -12196,9 +12217,9 @@ var R0 = "tags-filter", z0 = /* @__PURE__ */ new Set([ "test", "attached-mdx", "unattached-mdx" -]), W0 = w.div({ +]), z0 = S.div({ position: "relative" -}), j0 = w(kr)(({ theme: e }) => ({ +}), W0 = S(kr)(({ theme: e }) => ({ position: "absolute", top: 7, right: 7, @@ -12222,16 +12243,16 @@ var R0 = "tags-filter", z0 = /* @__PURE__ */ new Set([ }) => { let [n, r] = U(o), [l, u] = U(!1), p = n.length > 0; z(() => { - e.experimental_setFilter(R0, (f) => n.length === 0 ? !0 : n.some((y) => f.tags?.includes(y))); + e.experimental_setFilter(H0, (f) => n.length === 0 ? !0 : n.some((y) => f.tags?.includes(y))); }, [e, n]); let c = Object.values(t.entries).reduce((f, y) => (y.tags?.forEach((h) => { - z0.has(h) || f.add(h); - }), f), /* @__PURE__ */ new Set()), d = D( + R0.has(h) || f.add(h); + }), f), /* @__PURE__ */ new Set()), d = M( (f) => { n.includes(f) ? r(n.filter((y) => y !== f)) : r([...n, f]); }, [n, r] - ), m = D( + ), m = M( (f) => { f.preventDefault(), u(!l); }, @@ -12255,8 +12276,8 @@ var R0 = "tags-filter", z0 = /* @__PURE__ */ new Set([ ), closeOnOutsideClick: !0 }, - /* @__PURE__ */ a.createElement(W0, null, /* @__PURE__ */ a.createElement(te, { key: "tags", title: "Tag filters", active: p, onClick: m }, - /* @__PURE__ */ a.createElement(Pl, null)), n.length > 0 && /* @__PURE__ */ a.createElement(j0, null)) + /* @__PURE__ */ a.createElement(z0, null, /* @__PURE__ */ a.createElement(te, { key: "tags", title: "Tag filters", active: p, onClick: m }, + /* @__PURE__ */ a.createElement(Pl, null)), n.length > 0 && /* @__PURE__ */ a.createElement(W0, null)) ); }, "TagsFilter"); @@ -12286,7 +12307,7 @@ var Vf = la((e) => qn.default.set("lastViewedStoryIds", e), 1e3), $f = /* @__PUR let t = Y(() => { let n = qn.default.get("lastViewedStoryIds"); return !n || !Array.isArray(n) ? [] : n.some((r) => typeof r == "object" && r.storyId && r.refId) ? n : []; - }, [qn.default]), o = G(t), i = D( + }, [qn.default]), o = G(t), i = M( (n) => { let r = o.current, l = r.findIndex( ({ storyId: u, refId: p }) => u === n.storyId && p === n.refId @@ -12298,15 +12319,15 @@ var Vf = la((e) => qn.default.set("lastViewedStoryIds", e), 1e3), $f = /* @__PUR return z(() => { e && i(e); }, [e]), { - getLastViewed: D(() => o.current, [o]), - clearLastViewed: D(() => { + getLastViewed: M(() => o.current, [o]), + clearLastViewed: M(() => { o.current = o.current.slice(0, 1), Vf(o.current); }, [o]) }; }, "useLastViewed"); // src/manager/components/sidebar/Sidebar.tsx -var St = "storybook_internal", V0 = w.nav(({ theme: e }) => ({ +var St = "storybook_internal", j0 = S.nav(({ theme: e }) => ({ position: "absolute", zIndex: 1, left: 0, @@ -12321,27 +12342,27 @@ var St = "storybook_internal", V0 = w.nav(({ theme: e }) => ({ [wt]: { background: e.background.app } -})), $0 = w(Et)({ +})), V0 = S(Et)({ paddingLeft: 12, paddingRight: 12, paddingBottom: 20, paddingTop: 16, flex: 1 -}), K0 = w(qt)({ +}), $0 = S(qt)({ margin: 0 -}), U0 = w(te)(({ theme: e }) => ({ +}), K0 = S(te)(({ theme: e }) => ({ color: e.color.mediumdark, width: 32, height: 32, borderRadius: e.appBorderRadius + 2 -})), q0 = a.memo(/* @__PURE__ */ s(function({ +})), U0 = a.memo(/* @__PURE__ */ s(function({ children: t, condition: o }) { let [i, n] = a.Children.toArray(t); return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { style: { display: o ? "block" : "none" } }, i), /* @__PURE__ */ a.createElement("div", { style: { display: o ? "none" : "block" } }, n)); -}, "Swap")), G0 = /* @__PURE__ */ s((e, t, o, i, n) => { +}, "Swap")), q0 = /* @__PURE__ */ s((e, t, o, i, n) => { let r = Y( () => ({ [St]: { @@ -12358,7 +12379,7 @@ var St = "storybook_internal", V0 = w.nav(({ theme: e }) => ({ [n, e, t, o, i] ); return Y(() => ({ hash: r, entries: Object.entries(r) }), [r]); -}, "useCombination"), Kf = re.CONFIG_TYPE === "DEVELOPMENT", Y0 = re.STORYBOOK_RENDERER === "react", Uf = a.memo(/* @__PURE__ */ s(function({ +}, "useCombination"), G0 = re.STORYBOOK_RENDERER === "react", Kf = a.memo(/* @__PURE__ */ s(function({ // @ts-expect-error (non strict) storyId: t = null, refId: o = St, @@ -12371,14 +12392,15 @@ var St = "storybook_internal", V0 = w.nav(({ theme: e }) => ({ extra: c, menuHighlighted: d = !1, enableShortcuts: m = !0, - refs: f = {}, - onMenuClick: y, - showCreateStoryButton: h = Kf && Y0 + isDevelopment: f = re.CONFIG_TYPE === "DEVELOPMENT", + refs: y = {}, + onMenuClick: h, + showCreateStoryButton: v = f && G0 }) { - let [g, I] = U(!1), C = Y(() => t && { storyId: t, refId: o }, [t, o]), b = G0(i, r, u, l, f), x = !i && !r, v = $f(C), { isMobile: S } = ge(), - T = pe(); - return /* @__PURE__ */ a.createElement(V0, { className: "container sidebar-container" }, /* @__PURE__ */ a.createElement(Ar, { vertical: !0, - offset: 3, scrollbarSize: 6 }, /* @__PURE__ */ a.createElement($0, { row: 1.6 }, /* @__PURE__ */ a.createElement( + let [I, C] = U(!1), b = Y(() => t && { storyId: t, refId: o }, [t, o]), x = q0(i, r, u, l, y), g = !i && !r, w = $f(b), { isMobile: T } = ge(), + _ = pe(); + return /* @__PURE__ */ a.createElement(j0, { className: "container sidebar-container" }, /* @__PURE__ */ a.createElement(Ar, { vertical: !0, + offset: 3, scrollbarSize: 6 }, /* @__PURE__ */ a.createElement(V0, { row: 1.6 }, /* @__PURE__ */ a.createElement( Vc, { className: "sidebar-header", @@ -12386,26 +12408,26 @@ var St = "storybook_internal", V0 = w.nav(({ theme: e }) => ({ menu: p, extra: c, skipLinkHref: "#storybook-preview-wrapper", - isLoading: x, - onMenuClick: y + isLoading: g, + onMenuClick: h } ), /* @__PURE__ */ a.createElement( rf, { - dataset: b, + dataset: x, enableShortcuts: m, - searchBarContent: h && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement( + searchBarContent: v && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement( je, { trigger: "hover", hasChrome: !1, - tooltip: /* @__PURE__ */ a.createElement(K0, { note: "Create a new story" }) + tooltip: /* @__PURE__ */ a.createElement($0, { note: "Create a new story" }) }, /* @__PURE__ */ a.createElement( - U0, + K0, { onClick: () => { - I(!0); + C(!0); }, variant: "outline" }, @@ -12414,52 +12436,52 @@ var St = "storybook_internal", V0 = w.nav(({ theme: e }) => ({ ), /* @__PURE__ */ a.createElement( Kp, { - open: g, - onOpenChange: I + open: I, + onOpenChange: C } )), - searchFieldContent: n && /* @__PURE__ */ a.createElement(Wf, { api: T, indexJson: n, isDevelopment: Kf }), - ...v + searchFieldContent: n && /* @__PURE__ */ a.createElement(Wf, { api: _, indexJson: n, isDevelopment: f }), + ...w }, ({ - query: _, - results: k, - isBrowsing: E, - closeMenu: O, - getMenuProps: P, - getItemProps: A, - highlightedIndex: M - }) => /* @__PURE__ */ a.createElement(q0, { condition: E }, /* @__PURE__ */ a.createElement( + query: k, + results: E, + isBrowsing: O, + closeMenu: P, + getMenuProps: A, + getItemProps: D, + highlightedIndex: L + }) => /* @__PURE__ */ a.createElement(U0, { condition: O }, /* @__PURE__ */ a.createElement( Hc, { - dataset: b, - selected: C, - isLoading: x, - isBrowsing: E + dataset: x, + selected: b, + isLoading: g, + isBrowsing: O } ), /* @__PURE__ */ a.createElement( af, { - query: _, - results: k, - closeMenu: O, - getMenuProps: P, - getItemProps: A, - highlightedIndex: M, + query: k, + results: E, + closeMenu: P, + getMenuProps: A, + getItemProps: D, + highlightedIndex: L, enableShortcuts: m, - isLoading: x, - clearLastViewed: v.clearLastViewed + isLoading: g, + clearLastViewed: w.clearLastViewed } )) - )), S || x ? null : /* @__PURE__ */ a.createElement(Rf, null))); + )), T || g ? null : /* @__PURE__ */ a.createElement(Rf, { isDevelopment: f }))); }, "Sidebar")); // src/manager/container/Menu.tsx -var X0 = { +var Y0 = { storySearchField: "storybook-explorer-searchfield", storyListMenu: "storybook-explorer-menu", storyPanelRoot: "storybook-panel-root" -}, Q0 = w.span(({ theme: e }) => ({ +}, X0 = S.span(({ theme: e }) => ({ display: "inline-block", height: 16, lineHeight: "16px", @@ -12471,7 +12493,7 @@ var X0 = { userSelect: "none", pointerEvents: "none", padding: "0 6px" -})), Z0 = w.code( +})), Q0 = S.code( ({ theme: e }) => ` padding: 0; vertical-align: middle; @@ -12480,8 +12502,8 @@ var X0 = { margin-left: 6px; } ` -), Qe = /* @__PURE__ */ s(({ keys: e }) => /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Q0, null, e.map( -(t, o) => /* @__PURE__ */ a.createElement(Z0, { key: t }, pt([t]))))), "Shortcut"), qf = /* @__PURE__ */ s((e, t, o, i, n, r, l) => { +), Qe = /* @__PURE__ */ s(({ keys: e }) => /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(X0, null, e.map( +(t, o) => /* @__PURE__ */ a.createElement(Q0, { key: t }, pt([t]))))), "Shortcut"), Uf = /* @__PURE__ */ s((e, t, o, i, n, r, l) => { let u = Fe(), p = t.getShortcutKeys(), c = Y( () => ({ id: "about", @@ -12515,7 +12537,7 @@ var X0 = { } }), [t, l, p.shortcutsPage, u.appBorderColor] - ), g = Y( + ), v = Y( () => ({ id: "S", title: "Show sidebar", @@ -12563,15 +12585,15 @@ var X0 = { icon: i ? /* @__PURE__ */ a.createElement(et, null) : null }), [t, l, p, i] - ), v = Y( + ), g = Y( () => ({ id: "/", title: "Search", - onClick: /* @__PURE__ */ s(() => t.focusOnUIElement(X0.storySearchField), "onClick"), + onClick: /* @__PURE__ */ s(() => t.focusOnUIElement(Y0.storySearchField), "onClick"), right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.search }) : null }), [t, l, p] - ), S = Y( + ), w = Y( () => ({ id: "up", title: "Previous component", @@ -12611,13 +12633,13 @@ var X0 = { right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.collapseAll }) : null }), [t, l, p] - ), O = D(() => { + ), O = M(() => { let P = t.getAddonsShortcuts(), A = p; - return Object.entries(P).filter(([M, { showInMenu: L }]) => L).map(([M, { label: L, action: B }]) => ({ - id: M, + return Object.entries(P).filter(([D, { showInMenu: L }]) => L).map(([D, { label: L, action: B }]) => ({ + id: D, title: L, onClick: /* @__PURE__ */ s(() => B(), "onClick"), - right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: A[M] }) : null + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: A[D] }) : null })); }, [t, l, p]); return Y( @@ -12626,13 +12648,13 @@ var X0 = { ...e.whatsNewData?.status === "SUCCESS" ? [y] : [], d, h, - g, + v, I, C, b, x, - v, - S, + g, + w, T, _, k, @@ -12645,13 +12667,13 @@ var X0 = { y, d, h, - g, + v, I, C, b, x, - v, - S, + g, + w, T, _, k, @@ -12662,7 +12684,7 @@ var X0 = { }, "useMenu"); // src/manager/container/Sidebar.tsx -var J0 = a.memo(/* @__PURE__ */ s(function({ onMenuClick: t }) { +var Z0 = a.memo(/* @__PURE__ */ s(function({ onMenuClick: t }) { return /* @__PURE__ */ a.createElement(me, { filter: /* @__PURE__ */ s(({ state: i, api: n }) => { let { ui: { name: r, url: l, enableShortcuts: u }, @@ -12676,10 +12698,10 @@ var J0 = a.memo(/* @__PURE__ */ s(function({ onMenuClick: t }) { internal_index: f, index: y, status: h, - indexError: g, + indexError: v, previewInitialized: I, refs: C - } = i, b = qf( + } = i, b = Uf( i, n, m, @@ -12687,14 +12709,14 @@ var J0 = a.memo(/* @__PURE__ */ s(function({ onMenuClick: t }) { n.getIsPanelShown(), n.getIsNavShown(), u - ), x = i.whatsNewData?.status === "SUCCESS" && !i.disableWhatsNewNotifications, v = n.getElements(Ae.experimental_SIDEBAR_TOP), S = Y(() => Object. - values(v), [Object.keys(v).join("")]); + ), x = i.whatsNewData?.status === "SUCCESS" && !i.disableWhatsNewNotifications, g = n.getElements(Ae.experimental_SIDEBAR_TOP), w = Y(() => Object. + values(g), [Object.keys(g).join("")]); return { title: r, url: l, indexJson: f, index: y, - indexError: g, + indexError: v, status: h, previewInitialized: I, refs: C, @@ -12704,13 +12726,13 @@ var J0 = a.memo(/* @__PURE__ */ s(function({ onMenuClick: t }) { menu: b, menuHighlighted: x && n.isWhatsNewUnread(), enableShortcuts: u, - extra: S + extra: w }; - }, "mapper") }, (i) => /* @__PURE__ */ a.createElement(Uf, { ...i, onMenuClick: t })); -}, "Sideber")), Gf = J0; + }, "mapper") }, (i) => /* @__PURE__ */ a.createElement(Kf, { ...i, onMenuClick: t })); +}, "Sideber")), qf = Z0; // src/manager/App.tsx -var Yf = /* @__PURE__ */ s(({ managerLayoutState: e, setManagerLayoutState: t, pages: o, hasTab: i }) => { +var Gf = /* @__PURE__ */ s(({ managerLayoutState: e, setManagerLayoutState: t, pages: o, hasTab: i }) => { let { setMobileAboutOpen: n } = ge(); return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Eo, { styles: Wa }), /* @__PURE__ */ a.createElement( Su, @@ -12719,7 +12741,7 @@ var Yf = /* @__PURE__ */ s(({ managerLayoutState: e, setManagerLayoutState: t, p managerLayoutState: e, setManagerLayoutState: t, slotMain: /* @__PURE__ */ a.createElement(mp, { id: "main", withLoader: !0 }), - slotSidebar: /* @__PURE__ */ a.createElement(Gf, { onMenuClick: () => n((r) => !r) }), + slotSidebar: /* @__PURE__ */ a.createElement(qf, { onMenuClick: () => n((r) => !r) }), slotPanel: /* @__PURE__ */ a.createElement(Cu, null), slotPages: o.map(({ id: r, render: l }) => /* @__PURE__ */ a.createElement(l, { key: r })) } @@ -12742,12 +12764,12 @@ s(ua, "Provider"); var Io = ua; // src/manager/settings/About.tsx -var ex = w.div({ +var J0 = S.div({ display: "flex", alignItems: "center", flexDirection: "column", marginTop: 40 -}), tx = w.header({ +}), ex = S.header({ marginBottom: 32, alignItems: "center", display: "flex", @@ -12756,7 +12778,7 @@ var ex = w.div({ width: "auto", marginRight: 8 } -}), ox = w.div(({ theme: e }) => ({ +}), tx = S.div(({ theme: e }) => ({ marginBottom: 24, display: "flex", flexDirection: "column", @@ -12764,14 +12786,14 @@ var ex = w.div({ color: e.base === "light" ? e.color.dark : e.color.lightest, fontWeight: e.typography.weight.regular, fontSize: e.typography.size.s2 -})), rx = w.div({ +})), ox = S.div({ display: "flex", flexDirection: "row", alignItems: "center", marginBottom: 24, marginTop: 24, gap: 16 -}), Xf = w(We)(({ theme: e }) => ({ +}), Yf = S(We)(({ theme: e }) => ({ "&&": { fontWeight: e.typography.weight.bold, color: e.base === "light" ? e.color.dark : e.color.light @@ -12779,14 +12801,14 @@ var ex = w.div({ "&:hover": { color: e.base === "light" ? e.color.darkest : e.color.lightest } -})), Qf = /* @__PURE__ */ s(({ onNavigateToWhatsNew: e }) => /* @__PURE__ */ a.createElement(ex, null, /* @__PURE__ */ a.createElement(tx, null, +})), Xf = /* @__PURE__ */ s(({ onNavigateToWhatsNew: e }) => /* @__PURE__ */ a.createElement(J0, null, /* @__PURE__ */ a.createElement(ex, null, /* @__PURE__ */ a.createElement(Dr, { alt: "Storybook" })), /* @__PURE__ */ a.createElement(qr, { onNavigateToWhatsNew: e }), /* @__PURE__ */ a. -createElement(ox, null, /* @__PURE__ */ a.createElement(rx, null, /* @__PURE__ */ a.createElement(fe, { asChild: !0 }, /* @__PURE__ */ a.createElement( +createElement(tx, null, /* @__PURE__ */ a.createElement(ox, null, /* @__PURE__ */ a.createElement(fe, { asChild: !0 }, /* @__PURE__ */ a.createElement( "a", { href: "https://github.com/storybookjs/storybook" }, /* @__PURE__ */ a.createElement(Rr, null), "GitHub")), /* @__PURE__ */ a.createElement( fe, { asChild: !0 }, /* @__PURE__ */ a.createElement("a", { href: "https://storybook.js.org/docs" }, /* @__PURE__ */ a.createElement(Ao, { style: { display: "inline", marginRight: 5 } }), "Documentation"))), /* @__PURE__ */ a.createElement("div", null, "Open source software maintained by", -" ", /* @__PURE__ */ a.createElement(Xf, { href: "https://www.chromatic.com/" }, "Chromatic"), " and the", " ", /* @__PURE__ */ a.createElement( -Xf, { href: "https://github.com/storybookjs/storybook/graphs/contributors" }, "Storybook Community")))), "AboutScreen"); +" ", /* @__PURE__ */ a.createElement(Yf, { href: "https://www.chromatic.com/" }, "Chromatic"), " and the", " ", /* @__PURE__ */ a.createElement( +Yf, { href: "https://github.com/storybookjs/storybook/graphs/contributors" }, "Storybook Community")))), "AboutScreen"); // src/manager/settings/AboutPage.tsx var ca = class ca extends Ge { @@ -12800,12 +12822,12 @@ var ca = class ca extends Ge { } }; s(ca, "NotificationClearer"); -var pa = ca, Zf = /* @__PURE__ */ s(() => { - let e = pe(), t = Ze(), o = D(() => { +var pa = ca, Qf = /* @__PURE__ */ s(() => { + let e = pe(), t = Ze(), o = M(() => { e.changeSettingsTab("whats-new"); }, [e]); return /* @__PURE__ */ a.createElement(pa, { api: e, notificationId: "update" }, /* @__PURE__ */ a.createElement( - Qf, + Xf, { onNavigateToWhatsNew: t.whatsNewData?.status === "SUCCESS" ? o : void 0 } @@ -12813,7 +12835,7 @@ var pa = ca, Zf = /* @__PURE__ */ s(() => { }, "AboutPage"); // src/manager/settings/SettingsFooter.tsx -var nx = w.div(({ theme: e }) => ({ +var rx = S.div(({ theme: e }) => ({ display: "flex", paddingTop: 20, marginTop: 20, @@ -12822,7 +12844,7 @@ var nx = w.div(({ theme: e }) => ({ "& > * + *": { marginLeft: 20 } -})), ix = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(nx, { ...e }, /* @__PURE__ */ a.createElement(We, { secondary: !0, href: "\ +})), nx = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(rx, { ...e }, /* @__PURE__ */ a.createElement(We, { secondary: !0, href: "\ https://storybook.js.org", cancel: !1, target: "_blank" }, "Docs"), /* @__PURE__ */ a.createElement(We, { secondary: !0, href: "https://gith\ ub.com/storybookjs/storybook", cancel: !1, target: "_blank" }, "GitHub"), /* @__PURE__ */ a.createElement( We, @@ -12833,18 +12855,18 @@ ub.com/storybookjs/storybook", cancel: !1, target: "_blank" }, "GitHub"), /* @__ target: "_blank" }, "Support" -)), "SettingsFooter"), Jf = ix; +)), "SettingsFooter"), Zf = nx; // src/manager/settings/shortcuts.tsx -var sx = w.header(({ theme: e }) => ({ +var ix = S.header(({ theme: e }) => ({ marginBottom: 20, fontSize: e.typography.size.m3, fontWeight: e.typography.weight.bold, alignItems: "center", display: "flex" -})), em = w.div(({ theme: e }) => ({ +})), Jf = S.div(({ theme: e }) => ({ fontWeight: e.typography.weight.bold -})), ax = w.div({ +})), sx = S.div({ alignSelf: "flex-end", display: "grid", margin: "10px 0", @@ -12854,19 +12876,19 @@ var sx = w.header(({ theme: e }) => ({ justifySelf: "flex-end", gridRow: "1" } -}), lx = w.div(({ theme: e }) => ({ +}), ax = S.div(({ theme: e }) => ({ padding: "6px 0", borderTop: `1px solid ${e.appBorderColor}`, display: "grid", gridTemplateColumns: "1fr 1fr 0px" -})), ux = w.div({ +})), lx = S.div({ display: "grid", gridTemplateColumns: "1fr", gridAutoRows: "minmax(auto, auto)", marginBottom: 20 -}), px = w.div({ +}), ux = S.div({ alignSelf: "center" -}), cx = w(Or.Input)( +}), px = S(Or.Input)( ({ valid: e, theme: t }) => e === "error" ? { animation: `${t.animation.jiggle} 700ms ease-out` } : {}, @@ -12879,13 +12901,13 @@ var sx = w.header(({ theme: e }) => ({ paddingRight: 4, textAlign: "center" } -), dx = Kt` +), cx = Kt` 0%,100% { opacity: 0; } 50% { opacity: 1; } -`, fx = w(et)( +`, dx = S(et)( ({ valid: e, theme: t }) => e === "valid" ? { color: t.color.positive, - animation: `${dx} 2s ease forwards` + animation: `${cx} 2s ease forwards` } : { opacity: 0 }, @@ -12896,12 +12918,12 @@ var sx = w.header(({ theme: e }) => ({ height: 14, width: 14 } -), mx = w.div(({ theme: e }) => ({ +), fx = S.div(({ theme: e }) => ({ fontSize: e.typography.size.s2, padding: "3rem 20px", maxWidth: 600, margin: "0 auto" -})), hx = { +})), mx = { fullScreen: "Go full screen", togglePanel: "Toggle addons", panelPosition: "Toggle addons orientation", @@ -12920,11 +12942,11 @@ var sx = w.header(({ theme: e }) => ({ collapseAll: "Collapse all items on sidebar", expandAll: "Expand all items on sidebar", remount: "Remount component" -}, gx = ["escape"]; +}, hx = ["escape"]; function da(e) { return Object.entries(e).reduce( // @ts-expect-error (non strict) - (t, [o, i]) => gx.includes(o) ? t : { ...t, [o]: { shortcut: i, error: !1 } }, + (t, [o, i]) => hx.includes(o) ? t : { ...t, [o]: { shortcut: i, error: !1 } }, {} ); } @@ -12991,9 +13013,9 @@ var fa = class fa extends Ge { }, "displayError"); this.renderKeyInput = /* @__PURE__ */ s(() => { let { shortcutKeys: o, addonsShortcutLabels: i } = this.state; - return Object.entries(o).map(([r, { shortcut: l }]) => /* @__PURE__ */ a.createElement(lx, { key: r }, /* @__PURE__ */ a.createElement( - px, null, hx[r] || i[r]), /* @__PURE__ */ a.createElement( - cx, + return Object.entries(o).map(([r, { shortcut: l }]) => /* @__PURE__ */ a.createElement(ax, { key: r }, /* @__PURE__ */ a.createElement( + ux, null, mx[r] || i[r]), /* @__PURE__ */ a.createElement( + px, { spellCheck: "false", valid: this.displayError(r), @@ -13005,10 +13027,10 @@ var fa = class fa extends Ge { placeholder: "Type keys", readOnly: !0 } - ), /* @__PURE__ */ a.createElement(fx, { valid: this.displaySuccessMessage(r) }))); + ), /* @__PURE__ */ a.createElement(dx, { valid: this.displaySuccessMessage(r) }))); }, "renderKeyInput"); - this.renderKeyForm = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(ux, null, /* @__PURE__ */ a.createElement(ax, null, /* @__PURE__ */ a. - createElement(em, null, "Commands"), /* @__PURE__ */ a.createElement(em, null, "Shortcut")), this.renderKeyInput()), "renderKeyForm"); + this.renderKeyForm = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(lx, null, /* @__PURE__ */ a.createElement(sx, null, /* @__PURE__ */ a. + createElement(Jf, null, "Commands"), /* @__PURE__ */ a.createElement(Jf, null, "Shortcut")), this.renderKeyInput()), "renderKeyForm"); this.state = { // @ts-expect-error (non strict) activeFeature: void 0, @@ -13024,7 +13046,7 @@ var fa = class fa extends Ge { } render() { let o = this.renderKeyForm(); - return /* @__PURE__ */ a.createElement(mx, null, /* @__PURE__ */ a.createElement(sx, null, "Keyboard shortcuts"), o, /* @__PURE__ */ a.createElement( + return /* @__PURE__ */ a.createElement(fx, null, /* @__PURE__ */ a.createElement(ix, null, "Keyboard shortcuts"), o, /* @__PURE__ */ a.createElement( fe, { variant: "outline", @@ -13033,14 +13055,14 @@ var fa = class fa extends Ge { onClick: this.restoreDefaults }, "Restore defaults" - ), /* @__PURE__ */ a.createElement(Jf, null)); + ), /* @__PURE__ */ a.createElement(Zf, null)); } }; s(fa, "ShortcutsScreen"); var Gn = fa; // src/manager/settings/ShortcutsPage.tsx -var tm = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, null, ({ +var em = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, null, ({ api: { getShortcutKeys: e, getAddonsShortcutLabels: t, @@ -13060,23 +13082,23 @@ var tm = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, null, ({ )), "ShortcutsPage"); // src/manager/settings/whats_new.tsx -var om = w.div({ +var tm = S.div({ top: "50%", position: "absolute", transform: "translateY(-50%)", width: "100%", textAlign: "center" -}), yx = w.div({ +}), gx = S.div({ position: "relative", height: "32px" -}), rm = w.div(({ theme: e }) => ({ +}), om = S.div(({ theme: e }) => ({ paddingTop: "12px", color: e.textMutedColor, maxWidth: "295px", margin: "0 auto", fontSize: `${e.typography.size.s1}px`, lineHeight: "16px" -})), vx = w.div(({ theme: e }) => ({ +})), yx = S.div(({ theme: e }) => ({ position: "absolute", width: "100%", bottom: "40px", @@ -13088,7 +13110,7 @@ var om = w.div({ display: "flex", alignItems: "center", justifyContent: "space-between" -})), bx = /* @__PURE__ */ s(({ +})), vx = /* @__PURE__ */ s(({ isNotificationsEnabled: e, onToggleNotifications: t, onCopyLink: o @@ -13096,12 +13118,12 @@ var om = w.div({ let i = Fe(), [n, r] = U("Copy Link"), l = /* @__PURE__ */ s(() => { o(), r("Copied!"), setTimeout(() => r("Copy Link"), 4e3); }, "copyLink"); - return /* @__PURE__ */ a.createElement(vx, null, /* @__PURE__ */ a.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } }, + return /* @__PURE__ */ a.createElement(yx, null, /* @__PURE__ */ a.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ a.createElement(Al, { color: i.color.mediumdark }), /* @__PURE__ */ a.createElement("div", null, "Share this with your tea\ m."), /* @__PURE__ */ a.createElement(fe, { onClick: l, size: "small", variant: "ghost" }, n)), e ? /* @__PURE__ */ a.createElement(fe, { size: "\ small", variant: "ghost", onClick: t }, /* @__PURE__ */ a.createElement(Ol, null), "Hide notifications") : /* @__PURE__ */ a.createElement(fe, { size: "small", variant: "ghost", onClick: t }, /* @__PURE__ */ a.createElement(Hr, null), "Show notifications")); -}, "WhatsNewFooter"), xx = w.iframe( +}, "WhatsNewFooter"), bx = S.iframe( { position: "absolute", top: 0, @@ -13116,15 +13138,15 @@ small", variant: "ghost", onClick: t }, /* @__PURE__ */ a.createElement(Ol, null background: "white" }, ({ isLoaded: e }) => ({ visibility: e ? "visible" : "hidden" }) -), Ix = w((e) => /* @__PURE__ */ a.createElement(Nr, { ...e }))(({ theme: e }) => ({ +), xx = S((e) => /* @__PURE__ */ a.createElement(Nr, { ...e }))(({ theme: e }) => ({ color: e.textMutedColor, width: 32, height: 32, margin: "0 auto" -})), Sx = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(om, null, /* @__PURE__ */ a.createElement(yx, null, /* @__PURE__ */ a.createElement( -Pr, null)), /* @__PURE__ */ a.createElement(rm, null, "Loading...")), "WhatsNewLoader"), wx = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement( -om, null, /* @__PURE__ */ a.createElement(Ix, null), /* @__PURE__ */ a.createElement(rm, null, "The page couldn't be loaded. Check your inte\ -rnet connection and try again.")), "MaxWaitTimeMessaging"), Ex = /* @__PURE__ */ s(({ +})), Ix = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(tm, null, /* @__PURE__ */ a.createElement(gx, null, /* @__PURE__ */ a.createElement( +Pr, null)), /* @__PURE__ */ a.createElement(om, null, "Loading...")), "WhatsNewLoader"), Sx = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement( +tm, null, /* @__PURE__ */ a.createElement(xx, null), /* @__PURE__ */ a.createElement(om, null, "The page couldn't be loaded. Check your inte\ +rnet connection and try again.")), "MaxWaitTimeMessaging"), wx = /* @__PURE__ */ s(({ didHitMaxWaitTime: e, isLoaded: t, onLoad: o, @@ -13132,25 +13154,25 @@ rnet connection and try again.")), "MaxWaitTimeMessaging"), Ex = /* @__PURE__ */ onCopyLink: n, onToggleNotifications: r, isNotificationsEnabled: l -}) => /* @__PURE__ */ a.createElement(Ne, null, !t && !e && /* @__PURE__ */ a.createElement(Sx, null), e ? /* @__PURE__ */ a.createElement(wx, -null) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(xx, { isLoaded: t, onLoad: o, src: i, title: "What\ +}) => /* @__PURE__ */ a.createElement(Ne, null, !t && !e && /* @__PURE__ */ a.createElement(Ix, null), e ? /* @__PURE__ */ a.createElement(Sx, +null) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(bx, { isLoaded: t, onLoad: o, src: i, title: "What\ 's new?" }), /* @__PURE__ */ a.createElement( - bx, + vx, { isNotificationsEnabled: l, onToggleNotifications: r, onCopyLink: n } -))), "PureWhatsNewScreen"), Cx = 1e4, nm = /* @__PURE__ */ s(() => { +))), "PureWhatsNewScreen"), Ex = 1e4, rm = /* @__PURE__ */ s(() => { let e = pe(), t = Ze(), { whatsNewData: o } = t, [i, n] = U(!1), [r, l] = U(!1); if (z(() => { - let p = setTimeout(() => !i && l(!0), Cx); + let p = setTimeout(() => !i && l(!0), Ex); return () => clearTimeout(p); }, [i]), o?.status !== "SUCCESS") return null; let u = !o.disableWhatsNewNotifications; return /* @__PURE__ */ a.createElement( - Ex, + wx, { didHitMaxWaitTime: r, isLoaded: i, @@ -13170,10 +13192,10 @@ null) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.crea }, "WhatsNewScreen"); // src/manager/settings/whats_new_page.tsx -var im = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(nm, null), "WhatsNewPage"); +var nm = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(rm, null), "WhatsNewPage"); // src/manager/settings/index.tsx -var { document: sm } = re, Tx = w.div(({ theme: e }) => ({ +var { document: im } = re, Cx = S.div(({ theme: e }) => ({ display: "flex", justifyContent: "space-between", alignItems: "center", @@ -13202,14 +13224,14 @@ var { document: sm } = re, Tx = w.div(({ theme: e }) => ({ i ); }); -}, "TabBarButton")), _x = w(Ar)(({ theme: e }) => ({ +}, "TabBarButton")), Tx = S(Ar)(({ theme: e }) => ({ background: e.background.content -})), kx = /* @__PURE__ */ s(({ changeTab: e, onClose: t, enableShortcuts: o = !0, enableWhatsNew: i }) => (a.useEffect(() => { +})), _x = /* @__PURE__ */ s(({ changeTab: e, onClose: t, enableShortcuts: o = !0, enableWhatsNew: i }) => (a.useEffect(() => { let n = /* @__PURE__ */ s((r) => { !o || r.repeat || Rt(!1, r) && tt("Escape", r) && (r.preventDefault(), t()); }, "handleEscape"); - return sm.addEventListener("keydown", n), () => sm.removeEventListener("keydown", n); -}, [o, t]), /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Tx, { className: "sb-bar" }, /* @__PURE__ */ a.createElement( + return im.addEventListener("keydown", n), () => im.removeEventListener("keydown", n); +}, [o, t]), /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Cx, { className: "sb-bar" }, /* @__PURE__ */ a.createElement( Mr, { role: "tablist" }, /* @__PURE__ */ a.createElement(ma, { id: "about", title: "About", changeTab: e }), i && /* @__PURE__ */ a.createElement( ma, { id: "whats-new", title: "What's new?", changeTab: e }), /* @__PURE__ */ a.createElement(ma, { id: "shortcuts", title: "Keyboard shortc\ uts", changeTab: e })), /* @__PURE__ */ a.createElement( @@ -13219,13 +13241,13 @@ uts", changeTab: e })), /* @__PURE__ */ a.createElement( title: "Close settings page" }, /* @__PURE__ */ a.createElement(ct, null) -)), /* @__PURE__ */ a.createElement(_x, { vertical: !0, horizontal: !1 }, /* @__PURE__ */ a.createElement(qo, { path: "about" }, /* @__PURE__ */ a. -createElement(Zf, { key: "about" })), /* @__PURE__ */ a.createElement(qo, { path: "whats-new" }, /* @__PURE__ */ a.createElement(im, { key: "\ -whats-new" })), /* @__PURE__ */ a.createElement(qo, { path: "shortcuts" }, /* @__PURE__ */ a.createElement(tm, { key: "shortcuts" }))))), "P\ -ages"), Ox = /* @__PURE__ */ s(() => { +)), /* @__PURE__ */ a.createElement(Tx, { vertical: !0, horizontal: !1 }, /* @__PURE__ */ a.createElement(qo, { path: "about" }, /* @__PURE__ */ a. +createElement(Qf, { key: "about" })), /* @__PURE__ */ a.createElement(qo, { path: "whats-new" }, /* @__PURE__ */ a.createElement(nm, { key: "\ +whats-new" })), /* @__PURE__ */ a.createElement(qo, { path: "shortcuts" }, /* @__PURE__ */ a.createElement(em, { key: "shortcuts" }))))), "P\ +ages"), kx = /* @__PURE__ */ s(() => { let e = pe(), t = Ze(), o = /* @__PURE__ */ s((i) => e.changeSettingsTab(i), "changeTab"); return /* @__PURE__ */ a.createElement( - kx, + _x, { enableWhatsNew: t.whatsNewData?.status === "SUCCESS", enableShortcuts: t.ui.enableShortcuts, @@ -13233,20 +13255,20 @@ ages"), Ox = /* @__PURE__ */ s(() => { onClose: e.closeSettings } ); -}, "SettingsPages"), am = { +}, "SettingsPages"), sm = { id: "settings", url: "/settings/", title: "Settings", type: we.experimental_PAGE, render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(qo, { path: "/settings/", startsWith: !0 }, /* @__PURE__ */ a.createElement( - Ox, null)), "render") + kx, null)), "render") }; // src/manager/index.tsx ei.displayName = "ThemeProvider"; Nt.displayName = "HelmetProvider"; -var Px = /* @__PURE__ */ s(({ provider: e }) => /* @__PURE__ */ a.createElement(Nt, { key: "helmet.Provider" }, /* @__PURE__ */ a.createElement( -Ha, { key: "location.provider" }, /* @__PURE__ */ a.createElement(Ax, { provider: e }))), "Root"), Ax = /* @__PURE__ */ s(({ provider: e }) => { +var Ox = /* @__PURE__ */ s(({ provider: e }) => /* @__PURE__ */ a.createElement(Nt, { key: "helmet.Provider" }, /* @__PURE__ */ a.createElement( +Ha, { key: "location.provider" }, /* @__PURE__ */ a.createElement(Px, { provider: e }))), "Root"), Px = /* @__PURE__ */ s(({ provider: e }) => { let t = za(); return /* @__PURE__ */ a.createElement(Sr, { key: "location.consumer" }, (o) => /* @__PURE__ */ a.createElement( Pa, @@ -13258,18 +13280,18 @@ Ha, { key: "location.provider" }, /* @__PURE__ */ a.createElement(Ax, { provider docsOptions: re?.DOCS_OPTIONS || {} }, (i) => { - let { state: n, api: r } = i, l = D( + let { state: n, api: r } = i, l = M( (p) => { r.setSizes(p); }, [r] ), u = Y( - () => [am, ...Object.values(r.getElements(we.experimental_PAGE))], + () => [sm, ...Object.values(r.getElements(we.experimental_PAGE))], [Object.keys(r.getElements(we.experimental_PAGE)).join()] ); return /* @__PURE__ */ a.createElement(ei, { key: "theme.provider", theme: ja(n.theme) }, /* @__PURE__ */ a.createElement(hl, null, /* @__PURE__ */ a. createElement( - Yf, + Gf, { key: "app", pages: u, @@ -13284,12 +13306,12 @@ Ha, { key: "location.provider" }, /* @__PURE__ */ a.createElement(Ax, { provider } )); }, "Main"); -function lm(e, t) { +function am(e, t) { if (!(t instanceof Io)) throw new $a(); - Ba(e).render(/* @__PURE__ */ a.createElement(Px, { key: "root", provider: t })); + Ba(e).render(/* @__PURE__ */ a.createElement(Ox, { key: "root", provider: t })); } -s(lm, "renderStorybookUI"); +s(am, "renderStorybookUI"); // src/manager/runtime.ts var ga = class ga extends Io { @@ -13309,7 +13331,7 @@ var ga = class ga extends Io { } }; s(ga, "ReactProvider"); -var ha = ga, { document: Dx } = re, Mx = Dx.getElementById("root"); +var ha = ga, { document: Ax } = re, Dx = Ax.getElementById("root"); setTimeout(() => { - lm(Mx, new ha()); + am(Dx, new ha()); }, 0);