storybook 9.0.0-beta.6 → 9.0.0-beta.8

package/dist/manager/runtime.js

@@ -49,11 +49,11 @@ var Va = we((p_, Wa) => {
   Wa.exports = function() {
     function e(i, r, n, l, u, c) {
       if (c !== ey) {
-        var p = new Error(
+        var d = 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"
         );
-        throw p.name = "Invariant Violation", p;
+        throw d.name = "Invariant Violation", d;
       }
     }
     a(e, "shim"), e.isRequired = e;
@@ -169,10 +169,10 @@ var Ga = we((b_, Ua) => {
           "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
         );
       else {
-        var p = [o, i, r, n, l, u], d = 0;
+        var d = [o, i, r, n, l, u], p = 0;
         c = new Error(
           t.replace(/%s/g, function() {
-            return p[d++];
+            return d[p++];
           })
         ), c.name = "Invariant Violation";
       }
@@ -195,12 +195,12 @@ var Ya = we((x_, qa) => {
     var l = Object.keys(t), u = Object.keys(o);
     if (l.length !== u.length)
       return !1;
-    for (var c = Object.prototype.hasOwnProperty.bind(o), p = 0; p < l.length; p++) {
-      var d = l[p];
-      if (!c(d))
+    for (var c = Object.prototype.hasOwnProperty.bind(o), d = 0; d < l.length; d++) {
+      var p = l[d];
+      if (!c(p))
         return !1;
-      var m = t[d], g = o[d];
-      if (n = i ? i.call(r, m, g, d) : void 0, n === !1 || n === void 0 && m !== g)
+      var m = t[p], h = o[p];
+      if (n = i ? i.call(r, m, h, p) : void 0, n === !1 || n === void 0 && m !== h)
         return !1;
     }
     return !0;
@@ -221,25 +221,25 @@ var ki = we((zl, _i) => {
   })(function() {
     var e, t, o;
     return (/* @__PURE__ */ a(function i(r, n, l) {
-      function u(d, m) {
-        if (!n[d]) {
-          if (!r[d]) {
-            var g = typeof mo == "function" && mo;
-            if (!m && g) return g(d, !0);
-            if (c) return c(d, !0);
-            var b = new Error("Cannot find module '" + d + "'");
+      function u(p, m) {
+        if (!n[p]) {
+          if (!r[p]) {
+            var h = typeof mo == "function" && mo;
+            if (!m && h) return h(p, !0);
+            if (c) return c(p, !0);
+            var b = new Error("Cannot find module '" + p + "'");
             throw b.code = "MODULE_NOT_FOUND", b;
           }
-          var f = n[d] = { exports: {} };
-          r[d][0].call(f.exports, function(y) {
-            var S = r[d][1][y];
-            return u(S || y);
+          var f = n[p] = { exports: {} };
+          r[p][0].call(f.exports, function(y) {
+            var I = r[p][1][y];
+            return u(I || y);
           }, f, f.exports, i, r, n, l);
         }
-        return n[d].exports;
+        return n[p].exports;
       }
       a(u, "s");
-      for (var c = typeof mo == "function" && mo, p = 0; p < l.length; p++) u(l[p]);
+      for (var c = typeof mo == "function" && mo, d = 0; d < l.length; d++) u(l[d]);
       return u;
     }, "e"))({ 1: [function(i, r, n) {
       r.exports = function(l) {
@@ -260,9 +260,9 @@ var ki = we((zl, _i) => {
         if (c = this.indexOf(u), c >= 0)
           return this.lastItem = this.list[c], this.list[c].val;
       }, l.prototype.set = function(u, c) {
-        var p;
-        return this.lastItem && this.isEqual(this.lastItem.key, u) ? (this.lastItem.val = c, this) : (p = this.indexOf(u), p >= 0 ? (this.lastItem =
-        this.list[p], this.list[p].val = c, this) : (this.lastItem = { key: u, val: c }, this.list.push(this.lastItem), this.size++, this));
+        var d;
+        return this.lastItem && this.isEqual(this.lastItem.key, u) ? (this.lastItem.val = c, this) : (d = this.indexOf(u), d >= 0 ? (this.lastItem =
+        this.list[d], this.list[d].val = c, this) : (this.lastItem = { key: u, val: c }, this.list.push(this.lastItem), this.size++, this));
       }, l.prototype.delete = function(u) {
         var c;
         if (this.lastItem && this.isEqual(this.lastItem.key, u) && (this.lastItem = void 0), c = this.indexOf(u), c >= 0)
@@ -272,9 +272,9 @@ var ki = we((zl, _i) => {
         return this.lastItem && this.isEqual(this.lastItem.key, u) ? !0 : (c = this.indexOf(u), c >= 0 ? (this.lastItem = this.list[c], !0) :
         !1);
       }, l.prototype.forEach = function(u, c) {
-        var p;
-        for (p = 0; p < this.size; p++)
-          u.call(c || this, this.list[p].val, this.list[p].key, this);
+        var d;
+        for (d = 0; d < this.size; d++)
+          u.call(c || this, this.list[d].val, this.list[d].key, this);
       }, l.prototype.indexOf = function(u) {
         var c;
         for (c = 0; c < this.size; c++)
@@ -286,14 +286,14 @@ var ki = we((zl, _i) => {
       }, r.exports = l;
     }, {}], 3: [function(i, r, n) {
       var l = i("map-or-similar");
-      r.exports = function(d) {
-        var m = new l(!1), g = [];
+      r.exports = function(p) {
+        var m = new l(!1), h = [];
         return function(b) {
           var f = /* @__PURE__ */ a(function() {
-            var y = m, S, E, h = arguments.length - 1, v = Array(h + 1), I = !0, w;
-            if ((f.numArgs || f.numArgs === 0) && f.numArgs !== h + 1)
+            var y = m, I, E, g = arguments.length - 1, v = Array(g + 1), S = !0, w;
+            if ((f.numArgs || f.numArgs === 0) && f.numArgs !== g + 1)
               throw new Error("Memoizerific functions should always be called with the same number of arguments");
-            for (w = 0; w < h; w++) {
+            for (w = 0; w < g; w++) {
               if (v[w] = {
                 cacheItem: y,
                 arg: arguments[w]
@@ -301,41 +301,41 @@ var ki = we((zl, _i) => {
                 y = y.get(arguments[w]);
                 continue;
               }
-              I = !1, S = new l(!1), y.set(arguments[w], S), y = S;
+              S = !1, I = new l(!1), y.set(arguments[w], I), y = I;
             }
-            return I && (y.has(arguments[h]) ? E = y.get(arguments[h]) : I = !1), I || (E = b.apply(null, arguments), y.set(arguments[h], E)),
-            d > 0 && (v[h] = {
+            return S && (y.has(arguments[g]) ? E = y.get(arguments[g]) : S = !1), S || (E = b.apply(null, arguments), y.set(arguments[g], E)),
+            p > 0 && (v[g] = {
               cacheItem: y,
-              arg: arguments[h]
-            }, I ? u(g, v) : g.push(v), g.length > d && c(g.shift())), f.wasMemoized = I, f.numArgs = h + 1, E;
+              arg: arguments[g]
+            }, S ? u(h, v) : h.push(v), h.length > p && c(h.shift())), f.wasMemoized = S, f.numArgs = g + 1, E;
           }, "memoizerific");
-          return f.limit = d, f.wasMemoized = !1, f.cache = m, f.lru = g, f;
+          return f.limit = p, f.wasMemoized = !1, f.cache = m, f.lru = h, f;
         };
       };
-      function u(d, m) {
-        var g = d.length, b = m.length, f, y, S;
-        for (y = 0; y < g; y++) {
-          for (f = !0, S = 0; S < b; S++)
-            if (!p(d[y][S].arg, m[S].arg)) {
+      function u(p, m) {
+        var h = p.length, b = m.length, f, y, I;
+        for (y = 0; y < h; y++) {
+          for (f = !0, I = 0; I < b; I++)
+            if (!d(p[y][I].arg, m[I].arg)) {
               f = !1;
               break;
             }
           if (f)
             break;
         }
-        d.push(d.splice(y, 1)[0]);
+        p.push(p.splice(y, 1)[0]);
       }
       a(u, "moveToMostRecentLru");
-      function c(d) {
-        var m = d.length, g = d[m - 1], b, f;
-        for (g.cacheItem.delete(g.arg), f = m - 2; f >= 0 && (g = d[f], b = g.cacheItem.get(g.arg), !b || !b.size); f--)
-          g.cacheItem.delete(g.arg);
+      function c(p) {
+        var m = p.length, h = p[m - 1], b, f;
+        for (h.cacheItem.delete(h.arg), f = m - 2; f >= 0 && (h = p[f], b = h.cacheItem.get(h.arg), !b || !b.size); f--)
+          h.cacheItem.delete(h.arg);
       }
       a(c, "removeCachedResult");
-      function p(d, m) {
-        return d === m || d !== d && m !== m;
+      function d(p, m) {
+        return p === m || p !== p && m !== m;
       }
-      a(p, "isEqual");
+      a(d, "isEqual");
     }, { "map-or-similar": 1 }] }, {}, [3])(3);
   });
 });
@@ -563,17 +563,17 @@ var Di = we((Cr) => {
   var qb = 20, Yb = "[]", Qb = "[", Xb = "]", Zb = ".";
   function jl(e, t, o = 0, i, r) {
     let { nestingSyntax: n = Rt.defaultOptions.nestingSyntax, arrayRepeat: l = Rt.defaultOptions.arrayRepeat, arrayRepeatSyntax: u = Rt.defaultOptions.
-    arrayRepeatSyntax, nesting: c = Rt.defaultOptions.nesting, delimiter: p = Rt.defaultOptions.delimiter, valueSerializer: d = Rt.defaultOptions.
-    valueSerializer, shouldSerializeObject: m = Rt.defaultOptions.shouldSerializeObject } = t, g = typeof p == "number" ? String.fromCharCode(
-    p) : p, b = r === !0 && l, f = n === "dot" || n === "js" && !r;
+    arrayRepeatSyntax, nesting: c = Rt.defaultOptions.nesting, delimiter: d = Rt.defaultOptions.delimiter, valueSerializer: p = Rt.defaultOptions.
+    valueSerializer, shouldSerializeObject: m = Rt.defaultOptions.shouldSerializeObject } = t, h = typeof d == "number" ? String.fromCharCode(
+    d) : d, b = r === !0 && l, f = n === "dot" || n === "js" && !r;
     if (o > qb)
       return "";
-    let y = "", S = !0, E = !1;
-    for (let h in e) {
-      let v = e[h], I;
-      i ? (I = i, b ? u === "bracket" && (I += Yb) : f ? (I += Zb, I += h) : (I += Qb, I += h, I += Xb)) : I = h, S || (y += g), typeof v ==
-      "object" && v !== null && !m(v) ? (E = v.pop !== void 0, (c || l && E) && (y += jl(v, t, o + 1, I, E))) : (y += (0, $b.encodeString)(I),
-      y += "=", y += d(v, h)), S && (S = !1);
+    let y = "", I = !0, E = !1;
+    for (let g in e) {
+      let v = e[g], S;
+      i ? (S = i, b ? u === "bracket" && (S += Yb) : f ? (S += Zb, S += g) : (S += Qb, S += g, S += Xb)) : S = g, I || (y += h), typeof v ==
+      "object" && v !== null && !m(v) ? (E = v.pop !== void 0, (c || l && E) && (y += jl(v, t, o + 1, S, E))) : (y += (0, $b.encodeString)(S),
+      y += "=", y += p(v, g)), I && (I = !1);
     }
     return y;
   }
@@ -581,7 +581,7 @@ var Di = we((Cr) => {
 });
 
 // ../node_modules/fast-decode-uri-component/index.js
-var Gl = we((rA, Ul) => {
+var Gl = we((nA, Ul) => {
   "use strict";
   var Kl = 12, Jb = 0, Mi = [
     // The first part of the table maps bytes to character to a transition.
@@ -970,8 +970,8 @@ var Gl = we((rA, Ul) => {
     var t = e.indexOf("%");
     if (t === -1) return e;
     for (var o = e.length, i = "", r = 0, n = 0, l = t, u = Kl; t > -1 && t < o; ) {
-      var c = $l(e[t + 1], 4), p = $l(e[t + 2], 0), d = c | p, m = Mi[d];
-      if (u = Mi[256 + u + m], n = n << 6 | d & Mi[364 + m], u === Kl)
+      var c = $l(e[t + 1], 4), d = $l(e[t + 2], 0), p = c | d, m = Mi[p];
+      if (u = Mi[256 + u + m], n = n << 6 | p & Mi[364 + m], u === Kl)
         i += e.slice(r, l), i += n <= 65535 ? String.fromCharCode(n) : String.fromCharCode(
           55232 + (n >> 10),
           56320 + (n & 1023)
@@ -1048,16 +1048,16 @@ var Xl = we((dt) => {
   function iv(e, t) {
     let { valueDeserializer: o = Bt.defaultOptions.valueDeserializer, keyDeserializer: i = Bt.defaultOptions.keyDeserializer, arrayRepeatSyntax: r = Bt.
     defaultOptions.arrayRepeatSyntax, nesting: n = Bt.defaultOptions.nesting, arrayRepeat: l = Bt.defaultOptions.arrayRepeat, nestingSyntax: u = Bt.
-    defaultOptions.nestingSyntax, delimiter: c = Bt.defaultOptions.delimiter } = t ?? {}, p = typeof c == "string" ? c.charCodeAt(0) : c, d = u ===
+    defaultOptions.nestingSyntax, delimiter: c = Bt.defaultOptions.delimiter } = t ?? {}, d = typeof c == "string" ? c.charCodeAt(0) : c, p = u ===
     "js", m = new Ql();
     if (typeof e != "string")
       return m;
-    let g = e.length, b = "", f = -1, y = -1, S = -1, E = m, h, v = "", I = "", w = !1, O = !1, _ = !1, k = !1, T = !1, C = !1, P = !1, D = 0,
+    let h = e.length, b = "", f = -1, y = -1, I = -1, E = m, g, v = "", S = "", w = !1, O = !1, _ = !1, k = !1, T = !1, C = !1, P = !1, D = 0,
     M = -1, N = -1, Z = -1;
-    for (let W = 0; W < g + 1; W++) {
-      if (D = W !== g ? e.charCodeAt(W) : p, D === p) {
-        if (P = y > f, P || (y = W), S !== y - 1 && (I = kr(e, S + 1, M > -1 ? M : y, _, w), v = i(I), h !== void 0 && (E = (0, _r.getDeepObject)(
-        E, h, v, d && T, d && C))), P || v !== "") {
+    for (let W = 0; W < h + 1; W++) {
+      if (D = W !== h ? e.charCodeAt(W) : d, D === d) {
+        if (P = y > f, P || (y = W), I !== y - 1 && (S = kr(e, I + 1, M > -1 ? M : y, _, w), v = i(S), g !== void 0 && (E = (0, _r.getDeepObject)(
+        E, g, v, p && T, p && C))), P || v !== "") {
           P && (b = e.slice(y + 1, W), k && (b = b.replace(Yl, " ")), O && (b = (0, ql.default)(b) || b));
           let Q = o(b, v);
           if (l) {
@@ -1066,12 +1066,12 @@ var Xl = we((dt) => {
           } else
             E[v] = Q;
         }
-        b = "", f = W, y = W, w = !1, O = !1, _ = !1, k = !1, T = !1, C = !1, M = -1, S = W, E = m, h = void 0, v = "";
-      } else D === 93 ? (l && r === "bracket" && Z === 91 && (M = N), n && (u === "index" || d) && y <= f && (S !== N && (I = kr(e, S + 1, W,
-      _, w), v = i(I), h !== void 0 && (E = (0, _r.getDeepObject)(E, h, v, void 0, d)), h = v, _ = !1, w = !1), S = W, C = !0, T = !1)) : D ===
-      46 ? n && (u === "dot" || d) && y <= f && (S !== N && (I = kr(e, S + 1, W, _, w), v = i(I), h !== void 0 && (E = (0, _r.getDeepObject)(
-      E, h, v, d)), h = v, _ = !1, w = !1), T = !0, C = !1, S = W) : D === 91 ? n && (u === "index" || d) && y <= f && (S !== N && (I = kr(e,
-      S + 1, W, _, w), v = i(I), d && h !== void 0 && (E = (0, _r.getDeepObject)(E, h, v, d)), h = v, _ = !1, w = !1, T = !1, C = !0), S = W) :
+        b = "", f = W, y = W, w = !1, O = !1, _ = !1, k = !1, T = !1, C = !1, M = -1, I = W, E = m, g = void 0, v = "";
+      } else D === 93 ? (l && r === "bracket" && Z === 91 && (M = N), n && (u === "index" || p) && y <= f && (I !== N && (S = kr(e, I + 1, W,
+      _, w), v = i(S), g !== void 0 && (E = (0, _r.getDeepObject)(E, g, v, void 0, p)), g = v, _ = !1, w = !1), I = W, C = !0, T = !1)) : D ===
+      46 ? n && (u === "dot" || p) && y <= f && (I !== N && (S = kr(e, I + 1, W, _, w), v = i(S), g !== void 0 && (E = (0, _r.getDeepObject)(
+      E, g, v, p)), g = v, _ = !1, w = !1), T = !0, C = !1, I = W) : D === 91 ? n && (u === "index" || p) && y <= f && (I !== N && (S = kr(e,
+      I + 1, W, _, w), v = i(S), p && g !== void 0 && (E = (0, _r.getDeepObject)(E, g, v, p)), g = v, _ = !1, w = !1, T = !1, C = !0), I = W) :
       D === 61 ? y <= f ? y = W : O = !0 : D === 43 ? y > f ? k = !0 : _ = !0 : D === 37 && (y > f ? O = !0 : w = !0);
       N = W, Z = D;
     }
@@ -1123,7 +1123,7 @@ var Jl = we((Ze) => {
 });
 
 // ../node_modules/toggle-selection/index.js
-var iu = we((_A, nu) => {
+var iu = we((kA, nu) => {
   nu.exports = function() {
     var e = document.getSelection();
     if (!e.rangeCount)
@@ -1150,7 +1150,7 @@ var iu = we((_A, nu) => {
 });
 
 // ../node_modules/copy-to-clipboard/index.js
-var lu = we((kA, au) => {
+var lu = we((OA, au) => {
   "use strict";
   var yv = iu(), su = {
     "text/plain": "Text",
@@ -1169,22 +1169,22 @@ var lu = we((kA, au) => {
       r = yv(), n = 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) {
-        if (d.stopPropagation(), t.format)
-          if (d.preventDefault(), typeof d.clipboardData > "u") {
+      "copy", function(p) {
+        if (p.stopPropagation(), t.format)
+          if (p.preventDefault(), typeof p.clipboardData > "u") {
             o && console.warn("unable to use e.clipboardData"), o && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
             var m = su[t.format] || su.default;
             window.clipboardData.setData(m, e);
           } else
-            d.clipboardData.clearData(), d.clipboardData.setData(t.format, e);
-        t.onCopy && (d.preventDefault(), t.onCopy(d.clipboardData));
+            p.clipboardData.clearData(), p.clipboardData.setData(t.format, e);
+        t.onCopy && (p.preventDefault(), t.onCopy(p.clipboardData));
       }), document.body.appendChild(u), n.selectNodeContents(u), l.addRange(n);
-      var p = document.execCommand("copy");
-      if (!p)
+      var d = document.execCommand("copy");
+      if (!d)
         throw new Error("copy command was unsuccessful");
       c = !0;
-    } catch (d) {
-      o && console.error("unable to copy using execCommand: ", d), o && console.warn("trying IE specific stuff");
+    } catch (p) {
+      o && console.error("unable to copy using execCommand: ", p), o && console.warn("trying IE specific stuff");
       try {
         window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), c = !0;
       } catch (m) {
@@ -1302,7 +1302,7 @@ context"), Gr = Symbol.for("react.forward_ref"), qr = Symbol.for("react.suspense
 });
 
 // ../node_modules/downshift/node_modules/react-is/index.js
-var mp = we((aR, fp) => {
+var mp = we((lR, fp) => {
   "use strict";
   fp.exports = dp();
 });
@@ -1344,25 +1344,25 @@ var Sd = we((jo, Fs) => {
         return Object.prototype.hasOwnProperty.call(i, r);
       }, o.p = "", o(o.s = 0);
     }([function(e, t, o) {
-      function i(d) {
+      function i(p) {
         return (i = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(m) {
           return typeof m;
         } : function(m) {
           return m && typeof Symbol == "function" && m.constructor === Symbol && m !== Symbol.prototype ? "symbol" : typeof m;
-        })(d);
+        })(p);
       }
       a(i, "n");
-      function r(d, m) {
-        for (var g = 0; g < m.length; g++) {
-          var b = m[g];
-          b.enumerable = b.enumerable || !1, b.configurable = !0, "value" in b && (b.writable = !0), Object.defineProperty(d, b.key, b);
+      function r(p, m) {
+        for (var h = 0; h < m.length; h++) {
+          var b = m[h];
+          b.enumerable = b.enumerable || !1, b.configurable = !0, "value" in b && (b.writable = !0), Object.defineProperty(p, b.key, b);
         }
       }
       a(r, "o");
-      var n = o(1), l = o(7), u = l.get, c = (l.deepValue, l.isArray), p = function() {
-        function d(f, y) {
-          var S = y.location, E = S === void 0 ? 0 : S, h = y.distance, v = h === void 0 ? 100 : h, I = y.threshold, w = I === void 0 ? 0.6 :
-          I, O = y.maxPatternLength, _ = O === void 0 ? 32 : O, k = y.caseSensitive, T = k !== void 0 && k, C = y.tokenSeparator, P = C === void 0 ?
+      var n = o(1), l = o(7), u = l.get, c = (l.deepValue, l.isArray), d = function() {
+        function p(f, y) {
+          var I = y.location, E = I === void 0 ? 0 : I, g = y.distance, v = g === void 0 ? 100 : g, S = y.threshold, w = S === void 0 ? 0.6 :
+          S, O = y.maxPatternLength, _ = O === void 0 ? 32 : O, k = y.caseSensitive, T = k !== void 0 && k, C = y.tokenSeparator, P = C === void 0 ?
           / +/g : C, D = y.findAllMatches, M = D !== void 0 && D, N = y.minMatchCharLength, Z = N === void 0 ? 1 : N, W = y.id, Q = W === void 0 ?
           null : W, B = y.keys, G = B === void 0 ? [] : B, H = y.shouldSort, re = H === void 0 || H, F = y.getFn, R = F === void 0 ? u : F, L = y.
           sortFn, $ = L === void 0 ? function(fe, Se) {
@@ -1371,103 +1371,103 @@ var Sd = we((jo, Fs) => {
           void 0 && ae, ue = y.includeScore, Ie = ue !== void 0 && ue, ye = y.verbose, Oe = ye !== void 0 && ye;
           (function(fe, Se) {
             if (!(fe instanceof Se)) throw new TypeError("Cannot call a class as a function");
-          })(this, d), this.options = { location: E, distance: v, threshold: w, maxPatternLength: _, isCaseSensitive: T, tokenSeparator: P, findAllMatches: M,
+          })(this, p), this.options = { location: E, distance: v, threshold: w, maxPatternLength: _, isCaseSensitive: T, tokenSeparator: P, findAllMatches: M,
           minMatchCharLength: Z, id: Q, keys: G, includeMatches: ce, includeScore: Ie, shouldSort: re, getFn: R, sortFn: $, verbose: Oe, tokenize: ie,
           matchAllTokens: de }, this.setCollection(f), this._processKeys(G);
         }
-        a(d, "e");
-        var m, g, b;
-        return m = d, (g = [{ key: "setCollection", value: /* @__PURE__ */ a(function(f) {
+        a(p, "e");
+        var m, h, b;
+        return m = p, (h = [{ key: "setCollection", value: /* @__PURE__ */ a(function(f) {
           return this.list = f, f;
         }, "value") }, { key: "_processKeys", value: /* @__PURE__ */ a(function(f) {
-          if (this._keyWeights = {}, this._keyNames = [], f.length && typeof f[0] == "string") for (var y = 0, S = f.length; y < S; y += 1) {
+          if (this._keyWeights = {}, this._keyNames = [], f.length && typeof f[0] == "string") for (var y = 0, I = f.length; y < I; y += 1) {
             var E = f[y];
             this._keyWeights[E] = 1, this._keyNames.push(E);
           }
           else {
-            for (var h = null, v = null, I = 0, w = 0, O = f.length; w < O; w += 1) {
+            for (var g = null, v = null, S = 0, w = 0, O = f.length; w < O; w += 1) {
               var _ = f[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 T = _.weight;
               if (T < 0 || T > 1) throw new Error('"weight" property in key must bein the range of [0, 1)');
-              v = v == null ? T : Math.max(v, T), h = h == null ? T : Math.min(h, T), this._keyWeights[k] = T, I += T;
+              v = v == null ? T : Math.max(v, T), g = g == null ? T : Math.min(g, T), this._keyWeights[k] = T, S += T;
             }
-            if (I > 1) throw new Error("Total of weights cannot exceed 1");
+            if (S > 1) throw new Error("Total of weights cannot exceed 1");
           }
         }, "value") }, { key: "search", value: /* @__PURE__ */ a(function(f) {
           var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { limit: !1 };
           this._log(`---------
 Search pattern: "`.concat(f, '"'));
-          var S = this._prepareSearchers(f), E = S.tokenSearchers, h = S.fullSearcher, v = this._search(E, h);
+          var I = this._prepareSearchers(f), E = I.tokenSearchers, g = I.fullSearcher, v = this._search(E, g);
           return this._computeScore(v), this.options.shouldSort && this._sort(v), y.limit && typeof y.limit == "number" && (v = v.slice(0, y.
           limit)), this._format(v);
         }, "value") }, { key: "_prepareSearchers", value: /* @__PURE__ */ a(function() {
           var f = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", y = [];
-          if (this.options.tokenize) for (var S = f.split(this.options.tokenSeparator), E = 0, h = S.length; E < h; E += 1) y.push(new n(S[E],
+          if (this.options.tokenize) for (var I = f.split(this.options.tokenSeparator), E = 0, g = I.length; E < g; E += 1) y.push(new n(I[E],
           this.options));
           return { tokenSearchers: y, fullSearcher: new n(f, this.options) };
         }, "value") }, { key: "_search", value: /* @__PURE__ */ a(function() {
-          var f = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], y = arguments.length > 1 ? arguments[1] : void 0, S = this.
-          list, E = {}, h = [];
-          if (typeof S[0] == "string") {
-            for (var v = 0, I = S.length; v < I; v += 1) this._analyze({ key: "", value: S[v], record: v, index: v }, { resultMap: E, results: h,
+          var f = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], y = arguments.length > 1 ? arguments[1] : void 0, I = this.
+          list, E = {}, g = [];
+          if (typeof I[0] == "string") {
+            for (var v = 0, S = I.length; v < S; v += 1) this._analyze({ key: "", value: I[v], record: v, index: v }, { resultMap: E, results: g,
             tokenSearchers: f, fullSearcher: y });
-            return h;
+            return g;
           }
-          for (var w = 0, O = S.length; w < O; w += 1) for (var _ = S[w], k = 0, T = this._keyNames.length; k < T; k += 1) {
+          for (var w = 0, O = I.length; w < O; w += 1) for (var _ = I[w], k = 0, T = this._keyNames.length; k < T; k += 1) {
             var C = this._keyNames[k];
-            this._analyze({ key: C, value: this.options.getFn(_, C), record: _, index: w }, { resultMap: E, results: h, tokenSearchers: f, fullSearcher: y });
+            this._analyze({ key: C, value: this.options.getFn(_, C), record: _, index: w }, { resultMap: E, results: g, tokenSearchers: f, fullSearcher: y });
           }
-          return h;
+          return g;
         }, "value") }, { key: "_analyze", value: /* @__PURE__ */ a(function(f, y) {
-          var S = this, E = f.key, h = f.arrayIndex, v = h === void 0 ? -1 : h, I = f.value, w = f.record, O = f.index, _ = y.tokenSearchers,
+          var I = this, E = f.key, g = f.arrayIndex, v = g === void 0 ? -1 : g, S = f.value, w = f.record, O = f.index, _ = y.tokenSearchers,
           k = _ === void 0 ? [] : _, T = y.fullSearcher, C = y.resultMap, P = C === void 0 ? {} : C, D = y.results, M = D === void 0 ? [] : D;
           (/* @__PURE__ */ a(function N(Z, W, Q, B) {
             if (W != null) {
               if (typeof W == "string") {
                 var G = !1, H = -1, re = 0;
-                S._log(`
+                I._log(`
 Key: `.concat(E === "" ? "--" : E));
                 var F = T.search(W);
-                if (S._log('Full text: "'.concat(W, '", score: ').concat(F.score)), S.options.tokenize) {
-                  for (var R = W.split(S.options.tokenSeparator), L = R.length, $ = [], J = 0, ie = k.length; J < ie; J += 1) {
+                if (I._log('Full text: "'.concat(W, '", score: ').concat(F.score)), I.options.tokenize) {
+                  for (var R = W.split(I.options.tokenSeparator), L = R.length, $ = [], J = 0, ie = k.length; J < ie; J += 1) {
                     var te = k[J];
-                    S._log(`
+                    I._log(`
 Pattern: "`.concat(te.pattern, '"'));
                     for (var de = !1, ae = 0; ae < L; ae += 1) {
                       var ce = R[ae], ue = te.search(ce), Ie = {};
-                      ue.isMatch ? (Ie[ce] = ue.score, G = !0, de = !0, $.push(ue.score)) : (Ie[ce] = 1, S.options.matchAllTokens || $.push(
-                      1)), S._log('Token: "'.concat(ce, '", score: ').concat(Ie[ce]));
+                      ue.isMatch ? (Ie[ce] = ue.score, G = !0, de = !0, $.push(ue.score)) : (Ie[ce] = 1, I.options.matchAllTokens || $.push(
+                      1)), I._log('Token: "'.concat(ce, '", score: ').concat(Ie[ce]));
                     }
                     de && (re += 1);
                   }
                   H = $[0];
                   for (var ye = $.length, Oe = 1; Oe < ye; Oe += 1) H += $[Oe];
-                  H /= ye, S._log("Token score average:", H);
+                  H /= ye, I._log("Token score average:", H);
                 }
                 var fe = F.score;
-                H > -1 && (fe = (fe + H) / 2), S._log("Score average:", fe);
-                var Se = !S.options.tokenize || !S.options.matchAllTokens || re >= k.length;
-                if (S._log(`
+                H > -1 && (fe = (fe + H) / 2), I._log("Score average:", fe);
+                var Se = !I.options.tokenize || !I.options.matchAllTokens || re >= k.length;
+                if (I._log(`
 Check Matches: `.concat(Se)), (G || F.isMatch) && Se) {
                   var _e = { key: E, arrayIndex: Z, value: W, score: fe };
-                  S.options.includeMatches && (_e.matchedIndices = F.matchedIndices);
+                  I.options.includeMatches && (_e.matchedIndices = F.matchedIndices);
                   var De = P[B];
                   De ? De.output.push(_e) : (P[B] = { item: Q, output: [_e] }, M.push(P[B]));
                 }
               } else if (c(W)) for (var z = 0, Pe = W.length; z < Pe; z += 1) N(z, W[z], Q, B);
             }
-          }, "e"))(v, I, w, O);
+          }, "e"))(v, S, w, O);
         }, "value") }, { key: "_computeScore", value: /* @__PURE__ */ a(function(f) {
           this._log(`
 
 Computing score:
 `);
-          for (var y = this._keyWeights, S = !!Object.keys(y).length, E = 0, h = f.length; E < h; E += 1) {
-            for (var v = f[E], I = v.output, w = I.length, O = 1, _ = 0; _ < w; _ += 1) {
-              var k = I[_], T = k.key, C = S ? y[T] : 1, P = k.score === 0 && y && y[T] > 0 ? Number.EPSILON : k.score;
+          for (var y = this._keyWeights, I = !!Object.keys(y).length, E = 0, g = f.length; E < g; E += 1) {
+            for (var v = f[E], S = v.output, w = S.length, O = 1, _ = 0; _ < w; _ += 1) {
+              var k = S[_], T = k.key, C = I ? y[T] : 1, P = k.score === 0 && y && y[T] > 0 ? Number.EPSILON : k.score;
               O *= Math.pow(P, C);
             }
             v.score = O, this._log(v);
@@ -1479,18 +1479,18 @@ Sorting....`), f.sort(this.options.sortFn);
         }, "value") }, { key: "_format", value: /* @__PURE__ */ a(function(f) {
           var y = [];
           if (this.options.verbose) {
-            var S = [];
+            var I = [];
             this._log(`
 
 Output:
 
 `, JSON.stringify(f, function(k, T) {
               if (i(T) === "object" && T !== null) {
-                if (S.indexOf(T) !== -1) return;
-                S.push(T);
+                if (I.indexOf(T) !== -1) return;
+                I.push(T);
               }
               return T;
-            }, 2)), S = null;
+            }, 2)), I = null;
           }
           var E = [];
           this.options.includeMatches && E.push(function(k, T) {
@@ -1507,114 +1507,114 @@ Output:
           }), this.options.includeScore && E.push(function(k, T) {
             T.score = k.score;
           });
-          for (var h = 0, v = f.length; h < v; h += 1) {
-            var I = f[h];
-            if (this.options.id && (I.item = this.options.getFn(I.item, this.options.id)[0]), E.length) {
-              for (var w = { item: I.item }, O = 0, _ = E.length; O < _; O += 1) E[O](I, w);
+          for (var g = 0, v = f.length; g < v; g += 1) {
+            var S = f[g];
+            if (this.options.id && (S.item = this.options.getFn(S.item, this.options.id)[0]), E.length) {
+              for (var w = { item: S.item }, O = 0, _ = E.length; O < _; O += 1) E[O](S, w);
               y.push(w);
-            } else y.push(I.item);
+            } else y.push(S.item);
           }
           return y;
         }, "value") }, { key: "_log", value: /* @__PURE__ */ a(function() {
           var f;
           this.options.verbose && (f = console).log.apply(f, arguments);
-        }, "value") }]) && r(m.prototype, g), b && r(m, b), d;
+        }, "value") }]) && r(m.prototype, h), b && r(m, b), p;
       }();
-      e.exports = p;
+      e.exports = d;
     }, function(e, t, o) {
-      function i(c, p) {
-        for (var d = 0; d < p.length; d++) {
-          var m = p[d];
+      function i(c, d) {
+        for (var p = 0; p < d.length; p++) {
+          var m = d[p];
           m.enumerable = m.enumerable || !1, m.configurable = !0, "value" in m && (m.writable = !0), Object.defineProperty(c, m.key, m);
         }
       }
       a(i, "n");
       var r = o(2), n = o(3), l = o(6), u = function() {
-        function c(g, b) {
-          var f = b.location, y = f === void 0 ? 0 : f, S = b.distance, E = S === void 0 ? 100 : S, h = b.threshold, v = h === void 0 ? 0.6 :
-          h, I = b.maxPatternLength, w = I === void 0 ? 32 : I, O = b.isCaseSensitive, _ = O !== void 0 && O, k = b.tokenSeparator, T = k ===
+        function c(h, b) {
+          var f = b.location, y = f === void 0 ? 0 : f, I = b.distance, E = I === void 0 ? 100 : I, g = b.threshold, v = g === void 0 ? 0.6 :
+          g, S = b.maxPatternLength, w = S === void 0 ? 32 : S, O = b.isCaseSensitive, _ = O !== void 0 && O, k = b.tokenSeparator, T = k ===
           void 0 ? / +/g : k, C = b.findAllMatches, P = C !== void 0 && C, D = b.minMatchCharLength, M = D === void 0 ? 1 : D, N = b.includeMatches,
           Z = N !== void 0 && N;
           (function(W, Q) {
             if (!(W instanceof Q)) throw new TypeError("Cannot call a class as a function");
           })(this, c), this.options = { location: y, distance: E, threshold: v, maxPatternLength: w, isCaseSensitive: _, tokenSeparator: T, findAllMatches: P,
-          includeMatches: Z, minMatchCharLength: M }, this.pattern = _ ? g : g.toLowerCase(), this.pattern.length <= w && (this.patternAlphabet =
+          includeMatches: Z, minMatchCharLength: M }, this.pattern = _ ? h : h.toLowerCase(), this.pattern.length <= w && (this.patternAlphabet =
           l(this.pattern));
         }
         a(c, "e");
-        var p, d, m;
-        return p = c, (d = [{ key: "search", value: /* @__PURE__ */ a(function(g) {
+        var d, p, m;
+        return d = c, (p = [{ key: "search", value: /* @__PURE__ */ a(function(h) {
           var b = this.options, f = b.isCaseSensitive, y = b.includeMatches;
-          if (f || (g = g.toLowerCase()), this.pattern === g) {
-            var S = { isMatch: !0, score: 0 };
-            return y && (S.matchedIndices = [[0, g.length - 1]]), S;
+          if (f || (h = h.toLowerCase()), this.pattern === h) {
+            var I = { isMatch: !0, score: 0 };
+            return y && (I.matchedIndices = [[0, h.length - 1]]), I;
           }
-          var E = this.options, h = E.maxPatternLength, v = E.tokenSeparator;
-          if (this.pattern.length > h) return r(g, this.pattern, v);
-          var I = this.options, w = I.location, O = I.distance, _ = I.threshold, k = I.findAllMatches, T = I.minMatchCharLength;
-          return n(g, this.pattern, this.patternAlphabet, { location: w, distance: O, threshold: _, findAllMatches: k, minMatchCharLength: T,
+          var E = this.options, g = E.maxPatternLength, v = E.tokenSeparator;
+          if (this.pattern.length > g) return r(h, this.pattern, v);
+          var S = this.options, w = S.location, O = S.distance, _ = S.threshold, k = S.findAllMatches, T = S.minMatchCharLength;
+          return n(h, this.pattern, this.patternAlphabet, { location: w, distance: O, threshold: _, findAllMatches: k, minMatchCharLength: T,
           includeMatches: y });
-        }, "value") }]) && i(p.prototype, d), m && i(p, m), c;
+        }, "value") }]) && i(d.prototype, p), m && i(d, m), c;
       }();
       e.exports = u;
     }, function(e, t) {
       var o = /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;
       e.exports = function(i, r) {
         var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : / +/g, l = new RegExp(r.replace(o, "\\$&").replace(n, "|")),
-        u = i.match(l), c = !!u, p = [];
-        if (c) for (var d = 0, m = u.length; d < m; d += 1) {
-          var g = u[d];
-          p.push([i.indexOf(g), g.length - 1]);
+        u = i.match(l), c = !!u, d = [];
+        if (c) for (var p = 0, m = u.length; p < m; p += 1) {
+          var h = u[p];
+          d.push([i.indexOf(h), h.length - 1]);
         }
-        return { score: c ? 0.5 : 1, isMatch: c, matchedIndices: p };
+        return { score: c ? 0.5 : 1, isMatch: c, matchedIndices: d };
       };
     }, function(e, t, o) {
       var i = o(4), r = o(5);
       e.exports = function(n, l, u, c) {
-        for (var p = c.location, d = p === void 0 ? 0 : p, m = c.distance, g = m === void 0 ? 100 : m, b = c.threshold, f = b === void 0 ? 0.6 :
-        b, y = c.findAllMatches, S = y !== void 0 && y, E = c.minMatchCharLength, h = E === void 0 ? 1 : E, v = c.includeMatches, I = v !== void 0 &&
-        v, w = d, O = n.length, _ = f, k = n.indexOf(l, w), T = l.length, C = [], P = 0; P < O; P += 1) C[P] = 0;
+        for (var d = c.location, p = d === void 0 ? 0 : d, m = c.distance, h = m === void 0 ? 100 : m, b = c.threshold, f = b === void 0 ? 0.6 :
+        b, y = c.findAllMatches, I = y !== void 0 && y, E = c.minMatchCharLength, g = E === void 0 ? 1 : E, v = c.includeMatches, S = v !== void 0 &&
+        v, w = p, O = n.length, _ = f, k = n.indexOf(l, w), T = l.length, C = [], P = 0; P < O; P += 1) C[P] = 0;
         if (k !== -1) {
-          var D = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: g });
+          var D = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: h });
           if (_ = Math.min(D, _), (k = n.lastIndexOf(l, w + T)) !== -1) {
-            var M = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: g });
+            var M = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: h });
             _ = Math.min(M, _);
           }
         }
         k = -1;
         for (var N = [], Z = 1, W = T + O, Q = 1 << (T <= 31 ? T - 1 : 30), B = 0; B < T; B += 1) {
           for (var G = 0, H = W; G < H; )
-            i(l, { errors: B, currentLocation: w + H, expectedLocation: w, distance: g }) <= _ ? G = H : W = H, H = Math.floor((W - G) / 2 +
+            i(l, { errors: B, currentLocation: w + H, expectedLocation: w, distance: h }) <= _ ? G = H : W = H, H = Math.floor((W - G) / 2 +
             G);
           W = H;
-          var re = Math.max(1, w - H + 1), F = S ? O : Math.min(w + H, O) + T, R = Array(F + 2);
+          var re = Math.max(1, w - H + 1), F = I ? O : Math.min(w + H, O) + T, R = Array(F + 2);
           R[F + 1] = (1 << B) - 1;
           for (var L = F; L >= re; L -= 1) {
             var $ = L - 1, J = u[n.charAt($)];
             if (J && (C[$] = 1), R[L] = (R[L + 1] << 1 | 1) & J, B !== 0 && (R[L] |= (N[L + 1] | N[L]) << 1 | 1 | N[L + 1]), R[L] & Q && (Z =
-            i(l, { errors: B, currentLocation: $, expectedLocation: w, distance: g })) <= _) {
+            i(l, { errors: B, currentLocation: $, expectedLocation: w, distance: h })) <= _) {
               if (_ = Z, (k = $) <= w) break;
               re = Math.max(1, 2 * w - k);
             }
           }
-          if (i(l, { errors: B + 1, currentLocation: w, expectedLocation: w, distance: g }) > _) break;
+          if (i(l, { errors: B + 1, currentLocation: w, expectedLocation: w, distance: h }) > _) break;
           N = R;
         }
         var ie = { isMatch: k >= 0, score: Z === 0 ? 1e-3 : Z };
-        return I && (ie.matchedIndices = r(C, h)), ie;
+        return S && (ie.matchedIndices = r(C, g)), ie;
       };
     }, function(e, t) {
       e.exports = function(o, i) {
-        var r = i.errors, n = r === void 0 ? 0 : r, l = i.currentLocation, u = l === void 0 ? 0 : l, c = i.expectedLocation, p = c === void 0 ?
-        0 : c, d = i.distance, m = d === void 0 ? 100 : d, g = n / o.length, b = Math.abs(p - u);
-        return m ? g + b / m : b ? 1 : g;
+        var r = i.errors, n = r === void 0 ? 0 : r, l = i.currentLocation, u = l === void 0 ? 0 : l, c = i.expectedLocation, d = c === void 0 ?
+        0 : c, p = i.distance, m = p === void 0 ? 100 : p, h = n / o.length, b = Math.abs(d - u);
+        return m ? h + b / m : b ? 1 : h;
       };
     }, function(e, t) {
       e.exports = function() {
         for (var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], i = arguments.length > 1 && arguments[1] !== void 0 ?
         arguments[1] : 1, r = [], n = -1, l = -1, u = 0, c = o.length; u < c; u += 1) {
-          var p = o[u];
-          p && n === -1 ? n = u : p || n === -1 || ((l = u - 1) - n + 1 >= i && r.push([n, l]), n = -1);
+          var d = o[u];
+          d && n === -1 ? n = u : d || n === -1 || ((l = u - 1) - n + 1 >= i && r.push([n, l]), n = -1);
         }
         return o[u - 1] && u - n >= i && r.push([n, u - 1]), r;
       };
@@ -1640,15 +1640,15 @@ Output:
       }, "i");
       e.exports = { get: /* @__PURE__ */ a(function(l, u) {
         var c = [];
-        return (/* @__PURE__ */ a(function p(d, m) {
+        return (/* @__PURE__ */ a(function d(p, m) {
           if (m) {
-            var g = m.indexOf("."), b = m, f = null;
-            g !== -1 && (b = m.slice(0, g), f = m.slice(g + 1));
-            var y = d[b];
-            if (y != null) if (f || !r(y) && !n(y)) if (o(y)) for (var S = 0, E = y.length; S < E; S += 1) p(y[S], f);
-            else f && p(y, f);
+            var h = m.indexOf("."), b = m, f = null;
+            h !== -1 && (b = m.slice(0, h), f = m.slice(h + 1));
+            var y = p[b];
+            if (y != null) if (f || !r(y) && !n(y)) if (o(y)) for (var I = 0, E = y.length; I < E; I += 1) d(y[I], f);
+            else f && d(y, f);
             else c.push(i(y));
-          } else c.push(d);
+          } else c.push(p);
         }, "e"))(l, u), c;
       }, "get"), isArray: o, isString: r, isNum: n, toString: i };
     }]);
@@ -1705,9 +1705,9 @@ var Md = we((gn, yn) => {
       }, "clear"),
       // core functions
       Store: /* @__PURE__ */ a(function(r, n, l) {
-        var u = o.inherit(o.storeAPI, function(p, d, m) {
-          return arguments.length === 0 ? u.getAll() : typeof d == "function" ? u.transact(p, d, m) : d !== void 0 ? u.set(p, d, m) : typeof p ==
-          "string" || typeof p == "number" ? u.get(p) : typeof p == "function" ? u.each(p) : p ? u.setAll(p, d) : u.clear();
+        var u = o.inherit(o.storeAPI, function(d, p, m) {
+          return arguments.length === 0 ? u.getAll() : typeof p == "function" ? u.transact(d, p, m) : p !== void 0 ? u.set(d, p, m) : typeof d ==
+          "string" || typeof d == "number" ? u.get(d) : typeof d == "function" ? u.each(d) : d ? u.setAll(d, p) : u.clear();
         });
         u._id = r;
         try {
@@ -1729,8 +1729,8 @@ var Md = we((gn, yn) => {
             return this._ns ? this._ns.substring(0, this._ns.length - l.length) : "";
           var u = r, c = this[u];
           if ((!c || !c.namespace) && (c = o.Store(this._id, this._area, this._ns + u + l), c._delim = l, this[u] || (this[u] = c), !n))
-            for (var p in o.areas)
-              c.area(p, o.areas[p]);
+            for (var d in o.areas)
+              c.area(d, o.areas[d]);
           return c;
         }, "namespace"),
         isFake: /* @__PURE__ */ a(function(r) {
@@ -1792,8 +1792,8 @@ var Md = we((gn, yn) => {
           else if (u !== null) {
             var c = typeof u;
             if (c === typeof n && c === "object") {
-              for (var p in n)
-                u[p] = n[p];
+              for (var d in n)
+                u[d] = n[d];
               n = u;
             } else
               n = u + n;
@@ -2257,24 +2257,24 @@ var Sa = /* @__PURE__ */ a((e) => /* @__PURE__ */ a((o) => {
   let {
     id: i,
     toolbar: { items: r, shortcuts: n }
-  } = o, l = oe(), [u, c] = er(), p = q([]), d = u[i], m = A(() => {
+  } = o, l = oe(), [u, c] = er(), d = q([]), p = u[i], m = A(() => {
     c({ [i]: "" });
-  }, [c]), g = A(() => {
-    let f = p.current, y = f.indexOf(d), E = y === f.length - 1 ? 0 : y + 1, h = p.current[E];
-    c({ [i]: h });
-  }, [p, d, c]), b = A(() => {
-    let f = p.current, y = f.indexOf(d), S = y > -1 ? y : 0, h = S === 0 ? f.length - 1 : S - 1, v = p.current[h];
+  }, [c]), h = A(() => {
+    let f = d.current, y = f.indexOf(p), E = y === f.length - 1 ? 0 : y + 1, g = d.current[E];
+    c({ [i]: g });
+  }, [d, p, c]), b = A(() => {
+    let f = d.current, y = f.indexOf(p), I = y > -1 ? y : 0, g = I === 0 ? f.length - 1 : I - 1, v = d.current[g];
     c({ [i]: v });
-  }, [p, d, c]);
+  }, [d, p, c]);
   return V(() => {
     n && Ia(l, i, {
-      next: { ...n.next, action: g },
+      next: { ...n.next, action: h },
       previous: { ...n.previous, action: b },
       reset: { ...n.reset, action: m }
     });
-  }, [l, i, n, g, b, m]), V(() => {
-    p.current = xa(r);
-  }, []), /* @__PURE__ */ s.createElement(e, { cycleValues: p.current, ...o });
+  }, [l, i, n, h, b, m]), V(() => {
+    d.current = xa(r);
+  }, []), /* @__PURE__ */ s.createElement(e, { cycleValues: d.current, ...o });
 }, "WithKeyboardCycle"), "withKeyboardCycle");
 
 // src/toolbar/utils/get-selected.ts
@@ -2570,7 +2570,7 @@ var Oa = /* @__PURE__ */ a(({
   disabled: l,
   currentValue: u
 }) => {
-  let c = i && /* @__PURE__ */ s.createElement(ur, { style: { opacity: 1 }, icon: i, __suppressDeprecationWarning: !0 }), p = {
+  let c = i && /* @__PURE__ */ s.createElement(ur, { style: { opacity: 1 }, icon: i, __suppressDeprecationWarning: !0 }), d = {
     id: o ?? "_reset",
     active: u === o,
     right: e,
@@ -2578,7 +2578,7 @@ var Oa = /* @__PURE__ */ a(({
     disabled: l,
     onClick: n
   };
-  return i && !r && (p.icon = c), p;
+  return i && !r && (d.icon = c), d;
 }, "ToolbarMenuListItem");
 
 // src/toolbar/components/ToolbarMenuList.tsx
@@ -2589,21 +2589,21 @@ var Pa = Sa(
     description: o,
     toolbar: { icon: i, items: r, title: n, preventDynamicIcon: l, dynamicTitle: u }
   }) => {
-    let [c, p, d] = er(), [m, g] = K(!1), b = c[e], f = !!b, y = e in d, S = i, E = n;
-    l || (S = Ea({ currentValue: b, items: r }) || S), u && (E = Ta({ currentValue: b, items: r }) || E), !E && !S && console.warn(`Toolbar \
+    let [c, d, p] = er(), [m, h] = K(!1), b = c[e], f = !!b, y = e in p, I = i, E = n;
+    l || (I = Ea({ currentValue: b, items: r }) || I), u && (E = Ta({ currentValue: b, items: r }) || E), !E && !I && console.warn(`Toolbar \
 '${t}' has no title or icon`);
-    let h = A(
+    let g = A(
       (v) => {
-        p({ [e]: v });
+        d({ [e]: v });
       },
-      [e, p]
+      [e, d]
     );
     return /* @__PURE__ */ s.createElement(
       ve,
       {
         placement: "top",
         tooltip: ({ onHide: v }) => {
-          let I = r.filter(({ type: w }) => {
+          let S = r.filter(({ type: w }) => {
             let O = !0;
             return w === "reset" && !b && (O = !1), O;
           }).map((w) => Oa({
@@ -2611,13 +2611,13 @@ var Pa = Sa(
             currentValue: b,
             disabled: y,
             onClick: /* @__PURE__ */ a(() => {
-              h(w.value), v();
+              g(w.value), v();
             }, "onClick")
           }));
-          return /* @__PURE__ */ s.createElement(ot, { links: I });
+          return /* @__PURE__ */ s.createElement(ot, { links: S });
         },
         closeOnOutsideClick: !0,
-        onVisibleChange: g
+        onVisibleChange: h
       },
       /* @__PURE__ */ s.createElement(
         ka,
@@ -2625,7 +2625,7 @@ var Pa = Sa(
           active: m || f,
           disabled: y,
           description: o || "",
-          icon: S,
+          icon: I,
           title: E || ""
         }
       )
@@ -2737,20 +2737,20 @@ ld be of type "Array". Instead found type "' + typeof r[e] + '"'), !1);
   }).reverse().reduce(function(r, n) {
     var l = {};
     n.filter(function(m) {
-      for (var g, b = Object.keys(m), f = 0; f < b.length; f += 1) {
-        var y = b[f], S = y.toLowerCase();
-        t.indexOf(S) === -1 || g === "rel" && m[g].toLowerCase() === "canonical" || S === "rel" && m[S].toLowerCase() === "stylesheet" || (g =
-        S), t.indexOf(y) === -1 || y !== "innerHTML" && y !== "cssText" && y !== "itemprop" || (g = y);
+      for (var h, b = Object.keys(m), f = 0; f < b.length; f += 1) {
+        var y = b[f], I = y.toLowerCase();
+        t.indexOf(I) === -1 || h === "rel" && m[h].toLowerCase() === "canonical" || I === "rel" && m[I].toLowerCase() === "stylesheet" || (h =
+        I), t.indexOf(y) === -1 || y !== "innerHTML" && y !== "cssText" && y !== "itemprop" || (h = y);
       }
-      if (!g || !m[g]) return !1;
-      var E = m[g].toLowerCase();
-      return i[g] || (i[g] = {}), l[g] || (l[g] = {}), !i[g][E] && (l[g][E] = !0, !0);
+      if (!h || !m[h]) return !1;
+      var E = m[h].toLowerCase();
+      return i[h] || (i[h] = {}), l[h] || (l[h] = {}), !i[h][E] && (l[h][E] = !0, !0);
     }).reverse().forEach(function(m) {
       return r.push(m);
     });
     for (var u = Object.keys(l), c = 0; c < u.length; c += 1) {
-      var p = u[c], d = xe({}, i[p], l[p]);
-      i[p] = d;
+      var d = u[c], p = xe({}, i[d], l[d]);
+      i[d] = p;
     }
     return r;
   }, []).reverse();
@@ -2819,35 +2819,35 @@ ld be of type "Array". Instead found type "' + typeof r[e] + '"'), !1);
           return r.reduce(function(l, u) {
             var c = Object.keys(u).filter(function(m) {
               return !(m === "innerHTML" || m === "cssText");
-            }).reduce(function(m, g) {
-              var b = u[g] === void 0 ? g : g + '="' + si(u[g], n) + '"';
+            }).reduce(function(m, h) {
+              var b = u[h] === void 0 ? h : h + '="' + si(u[h], n) + '"';
               return m ? m + " " + b : b;
-            }, ""), p = u.innerHTML || u.cssText || "", d = my.indexOf(i) === -1;
-            return l + "<" + i + ' data-rh="true" ' + c + (d ? "/>" : ">" + p + "</" + i + ">");
+            }, ""), d = u.innerHTML || u.cssText || "", p = my.indexOf(i) === -1;
+            return l + "<" + i + ' data-rh="true" ' + c + (p ? "/>" : ">" + d + "</" + i + ">");
           }, "");
         }(e, t, o);
       }, "toString") };
   }
 }, "M"), ci = /* @__PURE__ */ a(function(e) {
   var t = e.baseTag, o = e.bodyAttributes, i = e.encode, r = e.htmlAttributes, n = e.noscriptTags, l = e.styleTags, u = e.title, c = u === void 0 ?
-  "" : u, p = e.titleAttributes, d = e.linkTags, m = e.metaTags, g = e.scriptTags, b = { toComponent: /* @__PURE__ */ a(function() {
+  "" : u, d = e.titleAttributes, p = e.linkTags, m = e.metaTags, h = e.scriptTags, b = { toComponent: /* @__PURE__ */ a(function() {
   }, "toComponent"), toString: /* @__PURE__ */ a(function() {
     return "";
   }, "toString") };
   if (e.prioritizeSeoTags) {
     var f = function(y) {
-      var S = y.linkTags, E = y.scriptTags, h = y.encode, v = ii(y.metaTags, ly), I = ii(S, sy), w = ii(E, ay);
+      var I = y.linkTags, E = y.scriptTags, g = y.encode, v = ii(y.metaTags, ly), S = ii(I, sy), w = ii(E, ay);
       return { priorityMethods: { toComponent: /* @__PURE__ */ a(function() {
-        return [].concat(mr(X.META, v.priority), mr(X.LINK, I.priority), mr(X.SCRIPT, w.priority));
+        return [].concat(mr(X.META, v.priority), mr(X.LINK, S.priority), mr(X.SCRIPT, w.priority));
       }, "toComponent"), toString: /* @__PURE__ */ a(function() {
-        return $e(X.META, v.priority, h) + " " + $e(X.LINK, I.priority, h) + " " + $e(X.SCRIPT, w.priority, h);
-      }, "toString") }, metaTags: v.default, linkTags: I.default, scriptTags: w.default };
+        return $e(X.META, v.priority, g) + " " + $e(X.LINK, S.priority, g) + " " + $e(X.SCRIPT, w.priority, g);
+      }, "toString") }, metaTags: v.default, linkTags: S.default, scriptTags: w.default };
     }(e);
-    b = f.priorityMethods, d = f.linkTags, m = f.metaTags, g = f.scriptTags;
+    b = f.priorityMethods, p = f.linkTags, m = f.metaTags, h = f.scriptTags;
   }
   return { priority: b, base: $e(X.BASE, t, i), bodyAttributes: $e("bodyAttributes", o, i), htmlAttributes: $e("htmlAttributes", r, i), link: $e(
-  X.LINK, d, i), meta: $e(X.META, m, i), noscript: $e(X.NOSCRIPT, n, i), script: $e(X.SCRIPT, g, i), style: $e(X.STYLE, l, i), title: $e(X.TITLE,
-  { title: c, titleAttributes: p }, i) };
+  X.LINK, p, i), meta: $e(X.META, m, i), noscript: $e(X.NOSCRIPT, n, i), script: $e(X.SCRIPT, h, i), style: $e(X.STYLE, l, i), title: $e(X.TITLE,
+  { title: c, titleAttributes: d }, i) };
 }, "k"), fr = [], pi = /* @__PURE__ */ a(function(e, t) {
   var o = this;
   t === void 0 && (t = typeof document < "u"), this.instances = [], this.value = { setHelmet: /* @__PURE__ */ a(function(i) {
@@ -2877,10 +2877,10 @@ var oo = /* @__PURE__ */ a(function(e, t) {
   var o, i = document.head || document.querySelector(X.HEAD), r = i.querySelectorAll(e + "[data-rh]"), n = [].slice.call(r), l = [];
   return t && t.length && t.forEach(function(u) {
     var c = document.createElement(e);
-    for (var p in u) Object.prototype.hasOwnProperty.call(u, p) && (p === "innerHTML" ? c.innerHTML = u.innerHTML : p === "cssText" ? c.styleSheet ?
-    c.styleSheet.cssText = u.cssText : c.appendChild(document.createTextNode(u.cssText)) : c.setAttribute(p, u[p] === void 0 ? "" : u[p]));
-    c.setAttribute("data-rh", "true"), n.some(function(d, m) {
-      return o = m, c.isEqualNode(d);
+    for (var d in u) Object.prototype.hasOwnProperty.call(u, d) && (d === "innerHTML" ? c.innerHTML = u.innerHTML : d === "cssText" ? c.styleSheet ?
+    c.styleSheet.cssText = u.cssText : c.appendChild(document.createTextNode(u.cssText)) : c.setAttribute(d, u[d] === void 0 ? "" : u[d]));
+    c.setAttribute("data-rh", "true"), n.some(function(p, m) {
+      return o = m, c.isEqualNode(p);
     }) ? n.splice(o, 1) : l.push(c);
   }), n.forEach(function(u) {
     return u.parentNode.removeChild(u);
@@ -2891,25 +2891,25 @@ var oo = /* @__PURE__ */ a(function(e, t) {
   var o = document.getElementsByTagName(e)[0];
   if (o) {
     for (var i = o.getAttribute("data-rh"), r = i ? i.split(",") : [], n = [].concat(r), l = Object.keys(t), u = 0; u < l.length; u += 1) {
-      var c = l[u], p = t[c] || "";
-      o.getAttribute(c) !== p && o.setAttribute(c, p), r.indexOf(c) === -1 && r.push(c);
-      var d = n.indexOf(c);
-      d !== -1 && n.splice(d, 1);
+      var c = l[u], d = t[c] || "";
+      o.getAttribute(c) !== d && o.setAttribute(c, d), r.indexOf(c) === -1 && r.push(c);
+      var p = n.indexOf(c);
+      p !== -1 && n.splice(p, 1);
     }
     for (var m = n.length - 1; m >= 0; m -= 1) o.removeAttribute(n[m]);
     r.length === n.length ? o.removeAttribute("data-rh") : o.getAttribute("data-rh") !== l.join(",") && o.setAttribute("data-rh", l.join(","));
   }
 }, "B"), tl = /* @__PURE__ */ a(function(e, t) {
-  var o = e.baseTag, i = e.htmlAttributes, r = e.linkTags, n = e.metaTags, l = e.noscriptTags, u = e.onChangeClientState, c = e.scriptTags, p = e.
-  styleTags, d = e.title, m = e.titleAttributes;
-  ai(X.BODY, e.bodyAttributes), ai(X.HTML, i), function(y, S) {
-    y !== void 0 && document.title !== y && (document.title = nl(y)), ai(X.TITLE, S);
-  }(d, m);
-  var g = { baseTag: oo(X.BASE, o), linkTags: oo(X.LINK, r), metaTags: oo(X.META, n), noscriptTags: oo(X.NOSCRIPT, l), scriptTags: oo(X.SCRIPT,
-  c), styleTags: oo(X.STYLE, p) }, b = {}, f = {};
-  Object.keys(g).forEach(function(y) {
-    var S = g[y], E = S.newTags, h = S.oldTags;
-    E.length && (b[y] = E), h.length && (f[y] = g[y].oldTags);
+  var o = e.baseTag, i = e.htmlAttributes, r = e.linkTags, n = e.metaTags, l = e.noscriptTags, u = e.onChangeClientState, c = e.scriptTags, d = e.
+  styleTags, p = e.title, m = e.titleAttributes;
+  ai(X.BODY, e.bodyAttributes), ai(X.HTML, i), function(y, I) {
+    y !== void 0 && document.title !== y && (document.title = nl(y)), ai(X.TITLE, I);
+  }(p, m);
+  var h = { baseTag: oo(X.BASE, o), linkTags: oo(X.LINK, r), metaTags: oo(X.META, n), noscriptTags: oo(X.NOSCRIPT, l), scriptTags: oo(X.SCRIPT,
+  c), styleTags: oo(X.STYLE, d) }, b = {}, f = {};
+  Object.keys(h).forEach(function(y) {
+    var I = h[y], E = I.newTags, g = I.oldTags;
+    E.length && (b[y] = E), g.length && (f[y] = h[y].oldTags);
   }), t && t(), u(e, b, f);
 }, "K"), _o = null, gr = /* @__PURE__ */ function(e) {
   function t() {
@@ -2925,9 +2925,9 @@ var oo = /* @__PURE__ */ a(function(e, t) {
   }, o.componentWillUnmount = function() {
     this.props.context.helmetInstances.remove(this), this.emitChange();
   }, o.emitChange = function() {
-    var i, r, n = this.props.context, l = n.setHelmet, u = null, c = (i = n.helmetInstances.get().map(function(p) {
-      var d = xe({}, p.props);
-      return delete d.context, d;
+    var i, r, n = this.props.context, l = n.setHelmet, u = null, c = (i = n.helmetInstances.get().map(function(d) {
+      var p = xe({}, d.props);
+      return delete p.context, p;
     }), { baseTag: dy(["href"], i), bodyAttributes: ni("bodyAttributes", i), defer: ro(i, "defer"), encode: ro(i, "encodeSpecialCharacters"),
     htmlAttributes: ni("htmlAttributes", i), linkTags: Co(X.LINK, ["rel", "href"], i), metaTags: Co(X.META, ["name", "charset", "http-equiv",
     "property", "itemprop"], i), noscriptTags: Co(X.NOSCRIPT, ["innerHTML"], i), onChangeClientState: py(i), scriptTags: Co(X.SCRIPT, ["src",
@@ -2969,10 +2969,10 @@ var yy = ["children"], by = ["children"], ko = /* @__PURE__ */ function(e) {
     return xe({}, l, ((r = {})[n.type] = [].concat(l[n.type] || [], [xe({}, i.newChildProps, this.mapNestedChildrenToProps(n, i.nestedChildren))]),
     r));
   }, o.mapObjectTypeChildren = function(i) {
-    var r, n, l = i.child, u = i.newProps, c = i.newChildProps, p = i.nestedChildren;
+    var r, n, l = i.child, u = i.newProps, c = i.newChildProps, d = i.nestedChildren;
     switch (l.type) {
       case X.TITLE:
-        return xe({}, u, ((r = {})[l.type] = p, r.titleAttributes = xe({}, c), r));
+        return xe({}, u, ((r = {})[l.type] = d, r.titleAttributes = xe({}, c), r));
       case X.BODY:
         return xe({}, u, { bodyAttributes: xe({}, c) });
       case X.HTML:
@@ -2999,22 +2999,22 @@ lements. Refer to our API for more information."), (0, li.default)(!r || typeof
     var n = this, l = {};
     return s.Children.forEach(i, function(u) {
       if (u && u.props) {
-        var c = u.props, p = c.children, d = Qa(c, yy), m = Object.keys(d).reduce(function(b, f) {
-          return b[uy[f] || f] = d[f], b;
-        }, {}), g = u.type;
-        switch (typeof g == "symbol" ? g = g.toString() : n.warnOnInvalidChildren(u, p), g) {
+        var c = u.props, d = c.children, p = Qa(c, yy), m = Object.keys(p).reduce(function(b, f) {
+          return b[uy[f] || f] = p[f], b;
+        }, {}), h = u.type;
+        switch (typeof h == "symbol" ? h = h.toString() : n.warnOnInvalidChildren(u, d), h) {
           case X.FRAGMENT:
-            r = n.mapChildrenToProps(p, r);
+            r = n.mapChildrenToProps(d, r);
             break;
           case X.LINK:
           case X.META:
           case X.NOSCRIPT:
           case X.SCRIPT:
           case X.STYLE:
-            l = n.flattenArrayTypeChildren({ child: u, arrayTypeChildren: l, newChildProps: m, nestedChildren: p });
+            l = n.flattenArrayTypeChildren({ child: u, arrayTypeChildren: l, newChildProps: m, nestedChildren: d });
             break;
           default:
-            r = n.mapObjectTypeChildren({ child: u, newProps: r, newChildProps: m, nestedChildren: p });
+            r = n.mapObjectTypeChildren({ child: u, newProps: r, newChildProps: m, nestedChildren: d });
         }
       }
     }), this.mapArrayTypeChildrenToProps(l, r);
@@ -3065,7 +3065,7 @@ var al = Qt({
   isDesktop: !1,
   isMobile: !1
 }), ll = /* @__PURE__ */ a(({ children: e }) => {
-  let [t, o] = K(!1), [i, r] = K(!1), [n, l] = K(!1), u = sl(`(min-width: ${600}px)`), c = !u, p = U(
+  let [t, o] = K(!1), [i, r] = K(!1), [n, l] = K(!1), u = sl(`(min-width: ${600}px)`), c = !u, d = U(
     () => ({
       isMobileMenuOpen: t,
       setMobileMenuOpen: o,
@@ -3087,7 +3087,7 @@ var al = Qt({
       c
     ]
   );
-  return /* @__PURE__ */ s.createElement(al.Provider, { value: p }, e);
+  return /* @__PURE__ */ s.createElement(al.Provider, { value: d }, e);
 }, "LayoutProvider"), ge = /* @__PURE__ */ a(() => Go(al), "useLayout");
 
 // ../node_modules/@babel/runtime/helpers/esm/extends.js
@@ -3248,11 +3248,11 @@ a(Iy, "convertToInt");
 function Oo(e, t, o, i) {
   if (i === void 0 && (i = Iy), t === 0)
     return i(o, o, o);
-  var r = (e % 360 + 360) % 360 / 60, n = (1 - Math.abs(2 * o - 1)) * t, l = n * (1 - Math.abs(r % 2 - 1)), u = 0, c = 0, p = 0;
-  r >= 0 && r < 1 ? (u = n, c = l) : r >= 1 && r < 2 ? (u = l, c = n) : r >= 2 && r < 3 ? (c = n, p = l) : r >= 3 && r < 4 ? (c = l, p = n) :
-  r >= 4 && r < 5 ? (u = l, p = n) : r >= 5 && r < 6 && (u = n, p = l);
-  var d = o - n / 2, m = u + d, g = c + d, b = p + d;
-  return i(m, g, b);
+  var r = (e % 360 + 360) % 360 / 60, n = (1 - Math.abs(2 * o - 1)) * t, l = n * (1 - Math.abs(r % 2 - 1)), u = 0, c = 0, d = 0;
+  r >= 0 && r < 1 ? (u = n, c = l) : r >= 1 && r < 2 ? (u = l, c = n) : r >= 2 && r < 3 ? (c = n, d = l) : r >= 3 && r < 4 ? (c = l, d = n) :
+  r >= 4 && r < 5 ? (u = l, d = n) : r >= 5 && r < 6 && (u = n, d = l);
+  var p = o - n / 2, m = u + p, h = c + p, b = d + p;
+  return i(m, h, b);
 }
 a(Oo, "hslToRgb");
 var ml = {
@@ -3465,27 +3465,27 @@ function io(e) {
     };
   var l = ky.exec(t);
   if (l) {
-    var u = parseInt("" + l[1], 10), c = parseInt("" + l[2], 10) / 100, p = parseInt("" + l[3], 10) / 100, d = "rgb(" + Oo(u, c, p) + ")", m = hi.
-    exec(d);
+    var u = parseInt("" + l[1], 10), c = parseInt("" + l[2], 10) / 100, d = parseInt("" + l[3], 10) / 100, p = "rgb(" + Oo(u, c, d) + ")", m = hi.
+    exec(p);
     if (!m)
-      throw new Re(4, t, d);
+      throw new Re(4, t, p);
     return {
       red: parseInt("" + m[1], 10),
       green: parseInt("" + m[2], 10),
       blue: parseInt("" + m[3], 10)
     };
   }
-  var g = Oy.exec(t.substring(0, 50));
-  if (g) {
-    var b = parseInt("" + g[1], 10), f = parseInt("" + g[2], 10) / 100, y = parseInt("" + g[3], 10) / 100, S = "rgb(" + Oo(b, f, y) + ")", E = hi.
-    exec(S);
+  var h = Oy.exec(t.substring(0, 50));
+  if (h) {
+    var b = parseInt("" + h[1], 10), f = parseInt("" + h[2], 10) / 100, y = parseInt("" + h[3], 10) / 100, I = "rgb(" + Oo(b, f, y) + ")", E = hi.
+    exec(I);
     if (!E)
-      throw new Re(4, t, S);
+      throw new Re(4, t, I);
     return {
       red: parseInt("" + E[1], 10),
       green: parseInt("" + E[2], 10),
       blue: parseInt("" + E[3], 10),
-      alpha: parseFloat("" + g[4]) > 1 ? parseFloat("" + g[4]) / 100 : parseFloat("" + g[4])
+      alpha: parseFloat("" + h[4]) > 1 ? parseFloat("" + h[4]) / 100 : parseFloat("" + h[4])
     };
   }
   throw new Re(5);
@@ -3504,7 +3504,7 @@ function Py(e) {
       saturation: 0,
       lightness: l
     };
-  var u, c = r - n, p = l > 0.5 ? c / (2 - r - n) : c / (r + n);
+  var u, c = r - n, d = l > 0.5 ? c / (2 - r - n) : c / (r + n);
   switch (r) {
     case t:
       u = (o - i) / c + (o < i ? 6 : 0);
@@ -3518,12 +3518,12 @@ function Py(e) {
   }
   return u *= 60, e.alpha !== void 0 ? {
     hue: u,
-    saturation: p,
+    saturation: d,
     lightness: l,
     alpha: e.alpha
   } : {
     hue: u,
-    saturation: p,
+    saturation: d,
     lightness: l
   };
 }
@@ -3668,10 +3668,10 @@ function $y(e, t, o) {
     alpha: typeof i.alpha == "number" ? i.alpha : 1
   }), n = io(o), l = j({}, n, {
     alpha: typeof n.alpha == "number" ? n.alpha : 1
-  }), u = r.alpha - l.alpha, c = parseFloat(e) * 2 - 1, p = c * u === -1 ? c : c + u, d = 1 + c * u, m = (p / d + 1) / 2, g = 1 - m, b = {
-    red: Math.floor(r.red * m + l.red * g),
-    green: Math.floor(r.green * m + l.green * g),
-    blue: Math.floor(r.blue * m + l.blue * g),
+  }), u = r.alpha - l.alpha, c = parseFloat(e) * 2 - 1, d = c * u === -1 ? c : c + u, p = 1 + c * u, m = (d / p + 1) / 2, h = 1 - m, b = {
+    red: Math.floor(r.red * m + l.red * h),
+    green: Math.floor(r.green * m + l.green * h),
+    blue: Math.floor(r.blue * m + l.blue * h),
     alpha: r.alpha * parseFloat(e) + l.alpha * (1 - parseFloat(e))
   };
   return so(b);
@@ -3857,15 +3857,15 @@ ent"), cb = x(ee)(({ theme: e }) => ({
   onDismissNotification: u,
   zIndex: c
 }) => {
-  let p = A(() => {
+  let d = A(() => {
     u(n), i && i({ dismissed: !1, timeout: !0 });
-  }, [n, u, i]), d = q(null);
+  }, [n, u, i]), p = q(null);
   V(() => {
     if (t)
-      return d.current = setTimeout(p, t), () => clearTimeout(d.current);
-  }, [t, p]);
+      return p.current = setTimeout(d, t), () => clearTimeout(p.current);
+  }, [t, d]);
   let m = A(() => {
-    clearTimeout(d.current), u(n), i && i({ dismissed: !0, timeout: !1 });
+    clearTimeout(p.current), u(n), i && i({ dismissed: !0, timeout: !1 });
   }, [n, u, i]);
   return o ? /* @__PURE__ */ s.createElement(ib, { to: o, duration: t, style: { zIndex: c } }, /* @__PURE__ */ s.createElement(vi, { icon: l,
   content: e }), /* @__PURE__ */ s.createElement(xi, { onDismiss: m })) : r ? /* @__PURE__ */ s.createElement(
@@ -4012,23 +4012,23 @@ var Mo = "unmounted", Mt = "exited", Lt = "entering", uo = "entered", wi = "exit
     });
   }, "updateStatus"), o.performEnter = /* @__PURE__ */ a(function(r) {
     var n = this, l = this.props.enter, u = this.context ? this.context.isMounting : r, c = this.props.nodeRef ? [u] : [Ao.findDOMNode(this),
-    u], p = c[0], d = c[1], m = this.getTimeouts(), g = u ? m.appear : m.enter;
+    u], d = c[0], p = c[1], m = this.getTimeouts(), h = u ? m.appear : m.enter;
     if (!r && !l || Ii.disabled) {
       this.safeSetState({
         status: uo
       }, function() {
-        n.props.onEntered(p);
+        n.props.onEntered(d);
       });
       return;
     }
-    this.props.onEnter(p, d), this.safeSetState({
+    this.props.onEnter(d, p), this.safeSetState({
       status: Lt
     }, function() {
-      n.props.onEntering(p, d), n.onTransitionEnd(g, function() {
+      n.props.onEntering(d, p), n.onTransitionEnd(h, function() {
         n.safeSetState({
           status: uo
         }, function() {
-          n.props.onEntered(p, d);
+          n.props.onEntered(d, p);
         });
       });
     });
@@ -4072,16 +4072,16 @@ var Mo = "unmounted", Mt = "exited", Lt = "entering", uo = "entered", wi = "exit
       return;
     }
     if (this.props.addEndListener) {
-      var c = this.props.nodeRef ? [this.nextCallback] : [l, this.nextCallback], p = c[0], d = c[1];
-      this.props.addEndListener(p, d);
+      var c = this.props.nodeRef ? [this.nextCallback] : [l, this.nextCallback], d = c[0], p = c[1];
+      this.props.addEndListener(d, p);
     }
     r != null && setTimeout(this.nextCallback, r);
   }, "onTransitionEnd"), o.render = /* @__PURE__ */ a(function() {
     var r = this.state.status;
     if (r === Mo)
       return null;
-    var n = this.props, l = n.children, u = n.in, c = n.mountOnEnter, p = n.unmountOnExit, d = n.appear, m = n.enter, g = n.exit, b = n.timeout,
-    f = n.addEndListener, y = n.onEnter, S = n.onEntering, E = n.onEntered, h = n.onExit, v = n.onExiting, I = n.onExited, w = n.nodeRef, O = ke(
+    var n = this.props, l = n.children, u = n.in, c = n.mountOnEnter, d = n.unmountOnExit, p = n.appear, m = n.enter, h = n.exit, b = n.timeout,
+    f = n.addEndListener, y = n.onEnter, I = n.onEntering, E = n.onEntered, g = n.onExit, v = n.onExiting, S = n.onExited, w = n.nodeRef, O = ke(
     n, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "\
 onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
@@ -4281,7 +4281,7 @@ var _l = /* @__PURE__ */ a(({ children: e }) => {
         in: !l,
         timeout: 300
       },
-      (p) => /* @__PURE__ */ s.createElement(wb, { ref: o, state: p }, e)
+      (d) => /* @__PURE__ */ s.createElement(wb, { ref: o, state: d }, e)
     ), /* @__PURE__ */ s.createElement(Cl, null))
   ), /* @__PURE__ */ s.createElement(
     Nt,
@@ -4441,13 +4441,13 @@ function Ml({
 }) {
   let i = q(null), r = q(null);
   return V(() => {
-    let n = i.current, l = r.current, u = document.querySelector("#storybook-preview-wrapper"), c = null, p = /* @__PURE__ */ a((g) => {
-      g.preventDefault(), e((b) => ({
+    let n = i.current, l = r.current, u = document.querySelector("#storybook-preview-wrapper"), c = null, d = /* @__PURE__ */ a((h) => {
+      h.preventDefault(), e((b) => ({
         ...b,
         isDragging: !0
-      })), g.currentTarget === n ? c = n : g.currentTarget === l && (c = l), window.addEventListener("mousemove", m), window.addEventListener(
-      "mouseup", d), u && (u.style.pointerEvents = "none");
-    }, "onDragStart"), d = /* @__PURE__ */ a((g) => {
+      })), h.currentTarget === n ? c = n : h.currentTarget === l && (c = l), window.addEventListener("mousemove", m), window.addEventListener(
+      "mouseup", p), u && (u.style.pointerEvents = "none");
+    }, "onDragStart"), p = /* @__PURE__ */ a((h) => {
       e((b) => c === l && b.navSize < wr && b.navSize > 0 ? {
         ...b,
         isDragging: !1,
@@ -4459,15 +4459,15 @@ function Ml({
       } : {
         ...b,
         isDragging: !1
-      }), window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", d), u?.removeAttribute("style"), c = null;
-    }, "onDragEnd"), m = /* @__PURE__ */ a((g) => {
-      if (g.buttons === 0) {
-        d(g);
+      }), window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", p), u?.removeAttribute("style"), c = null;
+    }, "onDragEnd"), m = /* @__PURE__ */ a((h) => {
+      if (h.buttons === 0) {
+        p(h);
         return;
       }
       e((b) => {
         if (c === l) {
-          let f = g.clientX;
+          let f = h.clientX;
           return f === b.navSize ? b : f <= Ol ? {
             ...b,
             navSize: 0
@@ -4477,16 +4477,16 @@ function Ml({
           } : {
             ...b,
             // @ts-expect-error (non strict)
-            navSize: Al(f, 0, g.view.innerWidth)
+            navSize: Al(f, 0, h.view.innerWidth)
           };
         }
         if (c === n) {
           let f = b.panelPosition === "bottom" ? "bottomPanelHeight" : "rightPanelWidth", y = b.panelPosition === "bottom" ? (
             // @ts-expect-error (non strict)
-            g.view.innerHeight - g.clientY
+            h.view.innerHeight - h.clientY
           ) : (
             // @ts-expect-error (non strict)
-            g.view.innerWidth - g.clientX
+            h.view.innerWidth - h.clientX
           );
           if (y === b[f])
             return b;
@@ -4504,20 +4504,20 @@ function Ml({
                 Er
               )
             };
-          let S = (
+          let I = (
             // @ts-expect-error (non strict)
-            b.panelPosition === "bottom" ? g.view.innerHeight : g.view.innerWidth
+            b.panelPosition === "bottom" ? h.view.innerHeight : h.view.innerWidth
           );
           return {
             ...b,
-            [f]: Al(y, 0, S)
+            [f]: Al(y, 0, I)
           };
         }
         return b;
       });
     }, "onDrag");
-    return n?.addEventListener("mousedown", p), l?.addEventListener("mousedown", p), () => {
-      n?.removeEventListener("mousedown", p), l?.removeEventListener("mousedown", p), u?.removeAttribute("style");
+    return n?.addEventListener("mousedown", d), l?.addEventListener("mousedown", d), () => {
+      n?.removeEventListener("mousedown", d), l?.removeEventListener("mousedown", d), u?.removeAttribute("style");
     };
   }, [
     // we need to rerun this effect when the panel is shown/hidden or when changing between mobile/desktop to re-attach the event listeners
@@ -4531,82 +4531,83 @@ a(Ml, "useDragging");
 // src/manager/components/layout/Layout.tsx
 var Ab = 100, Ll = /* @__PURE__ */ a((e, t) => e.navSize === t.navSize && e.bottomPanelHeight === t.bottomPanelHeight && e.rightPanelWidth ===
 t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), Db = /* @__PURE__ */ a(({
-  managerLayoutState: e,
-  setManagerLayoutState: t,
-  isDesktop: o,
-  hasTab: i
+  api: e,
+  managerLayoutState: t,
+  setManagerLayoutState: o,
+  isDesktop: i,
+  hasTab: r
 }) => {
-  let r = s.useRef(e), [n, l] = K({
-    ...e,
+  let n = s.useRef(t), [l, u] = K({
+    ...t,
     isDragging: !1
   });
   V(() => {
-    n.isDragging || // don't interrupt user's drag
-    Ll(e, r.current) || (r.current = e, l((f) => ({ ...f, ...e })));
-  }, [n.isDragging, e, l]), Xt(() => {
-    if (n.isDragging || // wait with syncing managerLayoutState until user is done dragging
-    Ll(e, n))
+    l.isDragging || // don't interrupt user's drag
+    Ll(t, n.current) || (n.current = t, u((I) => ({ ...I, ...t })));
+  }, [l.isDragging, t, u]), Xt(() => {
+    if (l.isDragging || // wait with syncing managerLayoutState until user is done dragging
+    Ll(t, l))
       return;
-    let f = {
-      navSize: n.navSize,
-      bottomPanelHeight: n.bottomPanelHeight,
-      rightPanelWidth: n.rightPanelWidth
+    let I = {
+      navSize: l.navSize,
+      bottomPanelHeight: l.bottomPanelHeight,
+      rightPanelWidth: l.rightPanelWidth
     };
-    r.current = {
-      ...r.current,
-      ...f
-    }, t(f);
-  }, [n, t]);
-  let u = e.viewMode !== "story" && e.viewMode !== "docs", c = e.viewMode === "story" && !i, { panelResizerRef: p, sidebarResizerRef: d } = Ml(
+    n.current = {
+      ...n.current,
+      ...I
+    }, o(I);
+  }, [l, o]);
+  let c = t.viewMode !== "story" && t.viewMode !== "docs", d = t.viewMode === "story" && !r, { panelResizerRef: p, sidebarResizerRef: m } = Ml(
   {
-    setState: l,
-    isPanelShown: c,
-    isDesktop: o
-  }), { navSize: m, rightPanelWidth: g, bottomPanelHeight: b } = n.isDragging ? n : e;
+    setState: u,
+    isPanelShown: d,
+    isDesktop: i
+  }), { navSize: h, rightPanelWidth: b, bottomPanelHeight: f } = l.isDragging ? l : t;
   return {
-    navSize: m,
-    rightPanelWidth: g,
-    bottomPanelHeight: b,
-    panelPosition: e.panelPosition,
+    navSize: e.getNavSizeWithCustomisations?.(h) ?? h,
+    rightPanelWidth: b,
+    bottomPanelHeight: f,
+    panelPosition: t.panelPosition,
     panelResizerRef: p,
-    sidebarResizerRef: d,
-    showPages: u,
-    showPanel: c,
-    isDragging: n.isDragging
+    sidebarResizerRef: m,
+    showPages: c,
+    showPanel: d,
+    isDragging: l.isDragging
   };
 }, "useLayoutSyncingState"), Fl = /* @__PURE__ */ a(({ managerLayoutState: e, setManagerLayoutState: t, hasTab: o, ...i }) => {
-  let { isDesktop: r, isMobile: n } = ge(), {
-    navSize: l,
-    rightPanelWidth: u,
-    bottomPanelHeight: c,
+  let { isDesktop: r, isMobile: n } = ge(), l = oe(), {
+    navSize: u,
+    rightPanelWidth: c,
+    bottomPanelHeight: d,
     panelPosition: p,
-    panelResizerRef: d,
-    sidebarResizerRef: m,
-    showPages: g,
-    showPanel: b,
-    isDragging: f
-  } = Db({ managerLayoutState: e, setManagerLayoutState: t, isDesktop: r, hasTab: o });
+    panelResizerRef: m,
+    sidebarResizerRef: h,
+    showPages: b,
+    showPanel: f,
+    isDragging: y
+  } = Db({ api: l, managerLayoutState: e, setManagerLayoutState: t, isDesktop: r, hasTab: o });
   return /* @__PURE__ */ s.createElement(
     Mb,
     {
-      navSize: l,
-      rightPanelWidth: u,
-      bottomPanelHeight: c,
+      navSize: u,
+      rightPanelWidth: c,
+      bottomPanelHeight: d,
       panelPosition: e.panelPosition,
-      isDragging: f,
+      isDragging: y,
       viewMode: e.viewMode,
-      showPanel: b
+      showPanel: f
     },
-    g && /* @__PURE__ */ s.createElement(Fb, null, i.slotPages),
-    /* @__PURE__ */ s.createElement(Na, { path: /(^\/story|docs|onboarding\/|^\/$)/, startsWith: !1 }, ({ match: y }) => /* @__PURE__ */ s.createElement(
-    Nb, { shown: !!y }, i.slotMain)),
-    r && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Lb, null, /* @__PURE__ */ s.createElement(Nl, { ref: m }),
-    i.slotSidebar), b && /* @__PURE__ */ s.createElement(Rb, { position: p }, /* @__PURE__ */ s.createElement(
+    b && /* @__PURE__ */ s.createElement(Fb, null, i.slotPages),
+    /* @__PURE__ */ s.createElement(Na, { path: /(^\/story|docs|onboarding\/|^\/$)/, startsWith: !1 }, ({ match: I }) => /* @__PURE__ */ s.createElement(
+    Nb, { shown: !!I }, i.slotMain)),
+    r && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Lb, null, /* @__PURE__ */ s.createElement(Nl, { ref: h }),
+    i.slotSidebar), f && /* @__PURE__ */ s.createElement(Rb, { position: p }, /* @__PURE__ */ s.createElement(
       Nl,
       {
         orientation: p === "bottom" ? "horizontal" : "vertical",
         position: p === "bottom" ? "left" : "right",
-        ref: d
+        ref: m
       }
     ), i.slotPanel)),
     n && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Il, null), /* @__PURE__ */ s.createElement(
@@ -4614,7 +4615,7 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"),
       {
         menu: i.slotSidebar,
         panel: i.slotPanel,
-        showPanel: b
+        showPanel: f
       }
     ))
   );
@@ -4714,7 +4715,7 @@ t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"),
 );
 
 // global-externals:storybook/internal/types
-var vO = __STORYBOOK_TYPES__, { Addon_TypesEnum: Ce } = __STORYBOOK_TYPES__;
+var xO = __STORYBOOK_TYPES__, { Addon_TypesEnum: Ce } = __STORYBOOK_TYPES__;
 
 // src/core-events/index.ts
 var Rl = /* @__PURE__ */ ((z) => (z.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", z.CHANNEL_CREATED = "channelCreated", z.CONFIG_ERROR = "c\
@@ -4735,62 +4736,62 @@ eComponentSearchRequest", z.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearc
 "saveStoryResponse", z.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", z.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", z.CREATE_NEW_STORYFILE_REQUEST =
 "createNewStoryfileRequest", z.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", z))(Rl || {});
 var {
-  CHANNEL_WS_DISCONNECT: IO,
-  CHANNEL_CREATED: SO,
-  CONFIG_ERROR: wO,
-  CREATE_NEW_STORYFILE_REQUEST: EO,
-  CREATE_NEW_STORYFILE_RESPONSE: TO,
-  CURRENT_STORY_WAS_SET: CO,
-  DOCS_PREPARED: _O,
-  DOCS_RENDERED: kO,
-  FILE_COMPONENT_SEARCH_REQUEST: OO,
-  FILE_COMPONENT_SEARCH_RESPONSE: PO,
-  FORCE_RE_RENDER: AO,
-  FORCE_REMOUNT: DO,
-  GLOBALS_UPDATED: MO,
-  NAVIGATE_URL: LO,
-  PLAY_FUNCTION_THREW_EXCEPTION: NO,
-  UNHANDLED_ERRORS_WHILE_PLAYING: FO,
-  PRELOAD_ENTRIES: RO,
-  PREVIEW_BUILDER_PROGRESS: BO,
-  PREVIEW_KEYDOWN: HO,
-  REGISTER_SUBSCRIPTION: zO,
-  RESET_STORY_ARGS: WO,
-  SELECT_STORY: VO,
-  SET_CONFIG: jO,
-  SET_CURRENT_STORY: KO,
-  SET_FILTER: $O,
-  SET_GLOBALS: UO,
-  SET_INDEX: GO,
-  SET_STORIES: qO,
-  SHARED_STATE_CHANGED: YO,
-  SHARED_STATE_SET: QO,
-  STORIES_COLLAPSE_ALL: XO,
-  STORIES_EXPAND_ALL: ZO,
-  STORY_ARGS_UPDATED: JO,
-  STORY_CHANGED: eP,
-  STORY_ERRORED: tP,
-  STORY_INDEX_INVALIDATED: oP,
-  STORY_MISSING: rP,
+  CHANNEL_WS_DISCONNECT: SO,
+  CHANNEL_CREATED: wO,
+  CONFIG_ERROR: EO,
+  CREATE_NEW_STORYFILE_REQUEST: TO,
+  CREATE_NEW_STORYFILE_RESPONSE: CO,
+  CURRENT_STORY_WAS_SET: _O,
+  DOCS_PREPARED: kO,
+  DOCS_RENDERED: OO,
+  FILE_COMPONENT_SEARCH_REQUEST: PO,
+  FILE_COMPONENT_SEARCH_RESPONSE: AO,
+  FORCE_RE_RENDER: DO,
+  FORCE_REMOUNT: MO,
+  GLOBALS_UPDATED: LO,
+  NAVIGATE_URL: NO,
+  PLAY_FUNCTION_THREW_EXCEPTION: FO,
+  UNHANDLED_ERRORS_WHILE_PLAYING: RO,
+  PRELOAD_ENTRIES: BO,
+  PREVIEW_BUILDER_PROGRESS: HO,
+  PREVIEW_KEYDOWN: zO,
+  REGISTER_SUBSCRIPTION: WO,
+  RESET_STORY_ARGS: VO,
+  SELECT_STORY: jO,
+  SET_CONFIG: KO,
+  SET_CURRENT_STORY: $O,
+  SET_FILTER: UO,
+  SET_GLOBALS: GO,
+  SET_INDEX: qO,
+  SET_STORIES: YO,
+  SHARED_STATE_CHANGED: QO,
+  SHARED_STATE_SET: XO,
+  STORIES_COLLAPSE_ALL: ZO,
+  STORIES_EXPAND_ALL: JO,
+  STORY_ARGS_UPDATED: eP,
+  STORY_CHANGED: tP,
+  STORY_ERRORED: oP,
+  STORY_INDEX_INVALIDATED: rP,
+  STORY_MISSING: nP,
   STORY_PREPARED: Bl,
-  STORY_RENDER_PHASE_CHANGED: nP,
-  STORY_RENDERED: iP,
-  STORY_FINISHED: sP,
-  STORY_SPECIFIED: aP,
-  STORY_THREW_EXCEPTION: lP,
-  STORY_UNCHANGED: uP,
-  UPDATE_GLOBALS: cP,
-  UPDATE_QUERY_PARAMS: pP,
-  UPDATE_STORY_ARGS: dP,
-  REQUEST_WHATS_NEW_DATA: fP,
-  RESULT_WHATS_NEW_DATA: mP,
-  SET_WHATS_NEW_CACHE: hP,
-  TOGGLE_WHATS_NEW_NOTIFICATIONS: gP,
-  TELEMETRY_ERROR: yP,
-  SAVE_STORY_REQUEST: bP,
-  SAVE_STORY_RESPONSE: vP,
-  ARGTYPES_INFO_REQUEST: xP,
-  ARGTYPES_INFO_RESPONSE: IP
+  STORY_RENDER_PHASE_CHANGED: iP,
+  STORY_RENDERED: sP,
+  STORY_FINISHED: aP,
+  STORY_SPECIFIED: lP,
+  STORY_THREW_EXCEPTION: uP,
+  STORY_UNCHANGED: cP,
+  UPDATE_GLOBALS: pP,
+  UPDATE_QUERY_PARAMS: dP,
+  UPDATE_STORY_ARGS: fP,
+  REQUEST_WHATS_NEW_DATA: mP,
+  RESULT_WHATS_NEW_DATA: hP,
+  SET_WHATS_NEW_CACHE: gP,
+  TOGGLE_WHATS_NEW_NOTIFICATIONS: yP,
+  TELEMETRY_ERROR: bP,
+  SAVE_STORY_REQUEST: vP,
+  SAVE_STORY_RESPONSE: xP,
+  ARGTYPES_INFO_REQUEST: IP,
+  ARGTYPES_INFO_RESPONSE: SP
 } = Rl;
 
 // src/manager/components/panel/Panel.tsx
@@ -4858,10 +4859,10 @@ ock advanced features."),
         )) : /* @__PURE__ */ s.createElement(ee, { onClick: () => u(!1), title: "Close addon panel" }, /* @__PURE__ */ s.createElement(Ke, null))),
         id: "storybook-panel-root"
       },
-      Object.entries(e).map(([c, p]) => (
+      Object.entries(e).map(([c, d]) => (
         // @ts-expect-error (we know this is broken)
-        /* @__PURE__ */ s.createElement(Ti, { key: c, id: c, title: typeof p.title == "function" ? /* @__PURE__ */ s.createElement(p.title, null) :
-        p.title }, p.render)
+        /* @__PURE__ */ s.createElement(Ti, { key: c, id: c, title: typeof d.title == "function" ? /* @__PURE__ */ s.createElement(d.title, null) :
+        d.title }, d.render)
       ))
     );
   }
@@ -4886,20 +4887,20 @@ var Hb = /* @__PURE__ */ a((e) => {
   );
   let { parameters: n, type: l } = i ?? {}, u = U(
     () => ({
-      onSelect: /* @__PURE__ */ a((p) => t.setSelectedPanel(p), "onSelect"),
+      onSelect: /* @__PURE__ */ a((d) => t.setSelectedPanel(d), "onSelect"),
       toggleVisibility: /* @__PURE__ */ a(() => t.togglePanel(), "toggleVisibility"),
       togglePosition: /* @__PURE__ */ a(() => t.togglePanelPosition(), "togglePosition")
     }),
     [t]
   ), c = U(() => {
-    let p = t.getElements(Ce.PANEL);
-    if (!p || l !== "story")
-      return p;
-    let d = {};
-    return Object.entries(p).forEach(([m, g]) => {
-      let { paramKey: b } = g;
-      b && n && n[b] && n[b].disable || g.disabled === !0 || typeof g.disabled == "function" && g.disabled(n) || (d[m] = g);
-    }), d;
+    let d = t.getElements(Ce.PANEL);
+    if (!d || l !== "story")
+      return d;
+    let p = {};
+    return Object.entries(d).forEach(([m, h]) => {
+      let { paramKey: b } = h;
+      b && n && n[b] && n[b].disable || h.disabled === !0 || typeof h.disabled == "function" && h.disabled(n) || (p[m] = h);
+    }), p;
   }, [t, l, n]);
   return /* @__PURE__ */ s.createElement(
     Ci,
@@ -4936,7 +4937,7 @@ function Wl(e) {
     zb,
     {
       "data-is-storybook": t ? "true" : "false",
-      onLoad: (p) => p.currentTarget.setAttribute("data-is-loaded", "true"),
+      onLoad: (d) => d.currentTarget.setAttribute("data-is-loaded", "true"),
       id: o,
       title: i,
       src: r,
@@ -4995,27 +4996,27 @@ var dv = /* @__PURE__ */ a((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybo
   let u = e[i]?.version, c = tu({
     ...r,
     ...u && { version: u }
-  }), p = dv(i, e), { current: d } = q({}), m = Object.values(e).filter((g) => g.type === "auto-inject" || g.id === i, {});
-  return d["storybook-preview-iframe"] || (d["storybook-preview-iframe"] = to(n, l, {
+  }), d = dv(i, e), { current: p } = q({}), m = Object.values(e).filter((h) => h.type === "auto-inject" || h.id === i, {});
+  return p["storybook-preview-iframe"] || (p["storybook-preview-iframe"] = to(n, l, {
     ...r,
     ...u && { version: u },
     viewMode: o
-  })), m.forEach((g) => {
-    let b = `storybook-ref-${g.id}`, f = d[b]?.split("/iframe.html")[0];
-    if (!f || g.url !== f) {
-      let y = `${g.url}/iframe.html?id=${l}&viewMode=${o}&refId=${g.id}${c}`;
-      d[b] = y;
+  })), m.forEach((h) => {
+    let b = `storybook-ref-${h.id}`, f = p[b]?.split("/iframe.html")[0];
+    if (!f || h.url !== f) {
+      let y = `${h.url}/iframe.html?id=${l}&viewMode=${o}&refId=${h.id}${c}`;
+      p[b] = y;
     }
   }), /* @__PURE__ */ s.createElement(Ee, null, /* @__PURE__ */ s.createElement(eo, { styles: hv }), /* @__PURE__ */ s.createElement(me, { filter: mv },
-  ({ isFullscreen: g, isNavShown: b, selectedStoryId: f }) => g || !b || !f ? null : /* @__PURE__ */ s.createElement(fv, { asChild: !0 }, /* @__PURE__ */ s.
-  createElement("a", { href: `#${f}`, tabIndex: 0, title: "Skip to sidebar" }, "Skip to sidebar"))), Object.entries(d).map(([g, b]) => /* @__PURE__ */ s.
-  createElement(Ee, { key: g }, /* @__PURE__ */ s.createElement(
+  ({ isFullscreen: h, isNavShown: b, selectedStoryId: f }) => h || !b || !f ? null : /* @__PURE__ */ s.createElement(fv, { asChild: !0 }, /* @__PURE__ */ s.
+  createElement("a", { href: `#${f}`, tabIndex: 0, title: "Skip to sidebar" }, "Skip to sidebar"))), Object.entries(p).map(([h, b]) => /* @__PURE__ */ s.
+  createElement(Ee, { key: h }, /* @__PURE__ */ s.createElement(
     Wl,
     {
-      active: g === p,
-      key: g,
-      id: g,
-      title: g,
+      active: h === d,
+      key: h,
+      id: h,
+      title: h,
       src: b,
       allowFullScreen: !0,
       scale: t
@@ -5327,11 +5328,11 @@ var vu = x.main({
     height: "100%"
   },
   ({ show: e }) => ({ display: e ? "grid" : "none" })
-), hD = x(cr)({
+), gD = x(cr)({
   color: "inherit",
   textDecoration: "inherit",
   display: "inline-block"
-}), gD = x.span({
+}), yD = x.span({
   // Hides full screen icon at mobile breakpoint defined in app.js
   "@media (max-width: 599px)": {
     display: "none"
@@ -5402,24 +5403,25 @@ var Rv = /* @__PURE__ */ a(({ state: e, api: t }) => ({
     storyId: l,
     entry: u = void 0,
     description: c,
-    baseUrl: p,
-    withLoader: d = !0,
+    baseUrl: d,
+    withLoader: p = !0,
     tools: m,
-    toolsExtra: g,
+    toolsExtra: h,
     tabs: b,
     wrappers: f,
     tabId: y
-  } = t, S = b.find((I) => I.id === y)?.render, E = n === "story", { showToolbar: h } = r, v = q(l);
+  } = t, I = b.find((w) => w.id === y)?.render, E = n === "story", { showToolbar: g } = r, v = o.getShowToolbarWithCustomisations(g), S = q(
+  l);
   return V(() => {
     if (u && n) {
-      if (l === v.current)
+      if (l === S.current)
         return;
-      if (v.current = l, n.match(/docs|story/)) {
-        let { refId: I, id: w } = u;
+      if (S.current = l, n.match(/docs|story/)) {
+        let { refId: w, id: O } = u;
         o.emit(ia, {
-          storyId: w,
+          storyId: O,
           viewMode: n,
-          options: { target: I }
+          options: { target: w }
         });
       }
     }
@@ -5429,15 +5431,15 @@ var Rv = /* @__PURE__ */ a(({ state: e, api: t }) => ({
     yu,
     {
       key: "tools",
-      isShown: h,
+      isShown: v,
       tabId: y,
       tabs: b,
       tools: m,
-      toolsExtra: g,
+      toolsExtra: h,
       api: o
     }
-  ), /* @__PURE__ */ s.createElement(xu, { key: "frame" }, S && /* @__PURE__ */ s.createElement(Pr, null, S({ active: !0 })), /* @__PURE__ */ s.
-  createElement(Iu, { show: !y }, /* @__PURE__ */ s.createElement(Bv, { withLoader: d, baseUrl: p, wrappers: f }))))));
+  ), /* @__PURE__ */ s.createElement(xu, { key: "frame" }, I && /* @__PURE__ */ s.createElement(Pr, null, I({ active: !0 })), /* @__PURE__ */ s.
+  createElement(Iu, { show: !y }, /* @__PURE__ */ s.createElement(Bv, { withLoader: p, baseUrl: d, wrappers: f }))))));
 }, "Preview"));
 var Bv = /* @__PURE__ */ a(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @__PURE__ */ s.createElement(me, { filter: Rv }, ({
   entry: i,
@@ -5446,10 +5448,10 @@ var Bv = /* @__PURE__ */ a(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @_
   storyId: l,
   refId: u,
   viewMode: c,
-  queryParams: p,
-  previewInitialized: d
+  queryParams: d,
+  previewInitialized: p
 }) => {
-  let m = "canvas", [g, b] = K(void 0);
+  let m = "canvas", [h, b] = K(void 0);
   V(() => {
     if (se.CONFIG_TYPE === "DEVELOPMENT")
       try {
@@ -5459,19 +5461,19 @@ var Bv = /* @__PURE__ */ a(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @_
       } catch {
       }
   }, []);
-  let f = !!r[u] && !r[u].previewInitialized, y = !(g?.value === 1 || g === void 0), S = !u && (!d || y), E = i && f || S;
-  return /* @__PURE__ */ s.createElement(Ni, null, ({ value: h }) => /* @__PURE__ */ s.createElement(s.Fragment, null, t && E && /* @__PURE__ */ s.
-  createElement(Su, null, /* @__PURE__ */ s.createElement(rr, { id: "preview-loader", role: "progressbar", progress: g })), /* @__PURE__ */ s.
-  createElement(wu, { id: m, storyId: l, viewMode: c, wrappers: o }, n ? n(l, c, m, e, h, p) : /* @__PURE__ */ s.createElement(
+  let f = !!r[u] && !r[u].previewInitialized, y = !(h?.value === 1 || h === void 0), I = !u && (!p || y), E = i && f || I;
+  return /* @__PURE__ */ s.createElement(Ni, null, ({ value: g }) => /* @__PURE__ */ s.createElement(s.Fragment, null, t && E && /* @__PURE__ */ s.
+  createElement(Su, null, /* @__PURE__ */ s.createElement(rr, { id: "preview-loader", role: "progressbar", progress: h })), /* @__PURE__ */ s.
+  createElement(wu, { id: m, storyId: l, viewMode: c, wrappers: o }, n ? n(l, c, m, e, g, d) : /* @__PURE__ */ s.createElement(
     ou,
     {
       baseUrl: e,
       refs: r,
-      scale: h,
+      scale: g,
       entry: i,
       viewMode: c,
       refId: u,
-      queryParams: p,
+      queryParams: d,
       storyId: l
     }
   ))));
@@ -5488,9 +5490,9 @@ function _u(e, t) {
       let u = n.find((c) => c.id === l.id);
       return u === void 0 || u.id === "canvas" || !u.hidden;
     }).map((l, u) => ({ ...l, index: u })).sort((l, u) => {
-      let c = n.find((g) => g.id === l.id), p = c ? c.index : n.length + l.index, d = n.find((g) => g.id === u.id), m = d ? d.index : n.length +
+      let c = n.find((h) => h.id === l.id), d = c ? c.index : n.length + l.index, p = n.find((h) => h.id === u.id), m = p ? p.index : n.length +
       u.index;
-      return p - m;
+      return d - m;
     }).map((l) => {
       let u = n.find((c) => c.id === l.id);
       return u ? {
@@ -5543,10 +5545,10 @@ var zv = [Tu()], Wv = [ku, du, mu], Vv = [ru, gu, pu, cu], jv = [], Kv = (0, No.
   state: t
   // @ts-expect-error (non strict)
 }) => {
-  let { layout: o, location: i, customQueryParams: r, storyId: n, refs: l, viewMode: u, path: c, refId: p } = t, d = e.getData(n, p), m = Object.
-  values(e.getElements(Ce.TAB)), g = Object.values(e.getElements(Ce.PREVIEW)), b = Object.values(e.getElements(Ce.TOOL)), f = Object.values(
-  e.getElements(Ce.TOOLEXTRA)), y = e.getQueryParam("tab"), S = $v(b.length, e.getElements(Ce.TOOL), [
-    d,
+  let { layout: o, location: i, customQueryParams: r, storyId: n, refs: l, viewMode: u, path: c, refId: d } = t, p = e.getData(n, d), m = Object.
+  values(e.getElements(Ce.TAB)), h = Object.values(e.getElements(Ce.PREVIEW)), b = Object.values(e.getElements(Ce.TOOL)), f = Object.values(
+  e.getElements(Ce.TOOLEXTRA)), y = e.getQueryParam("tab"), I = $v(b.length, e.getElements(Ce.TOOL), [
+    p,
     u,
     i,
     c,
@@ -5556,28 +5558,28 @@ var zv = [Tu()], Wv = [ku, du, mu], Vv = [ru, gu, pu, cu], jv = [], Kv = (0, No.
     f.length,
     e.getElements(Ce.TOOLEXTRA),
     // @ts-expect-error (non strict)
-    [d, u, i, c, y]
+    [p, u, i, c, y]
   );
   return {
     api: e,
-    entry: d,
+    entry: p,
     options: o,
-    description: Qv(d),
+    description: Qv(p),
     viewMode: u,
     refs: l,
     storyId: n,
     baseUrl: qv || "iframe.html",
     queryParams: r,
-    tools: S,
+    tools: I,
     toolsExtra: E,
     tabs: Kv(
       m.length,
       e.getElements(Ce.TAB),
-      d ? d.parameters : void 0,
+      p ? p.parameters : void 0,
       o.showTabs
     ),
     wrappers: Gv(
-      g.length,
+      h.length,
       e.getElements(Ce.PREVIEW)
     ),
     tabId: y
@@ -5624,19 +5626,19 @@ a(Au, "useMeasure");
 function Ht(e, t, o) {
   let i = o.initialDeps ?? [], r;
   function n() {
-    var l, u, c, p;
-    let d;
-    o.key && ((l = o.debug) != null && l.call(o)) && (d = Date.now());
+    var l, u, c, d;
+    let p;
+    o.key && ((l = o.debug) != null && l.call(o)) && (p = Date.now());
     let m = e();
     if (!(m.length !== i.length || m.some((f, y) => i[y] !== f)))
       return r;
     i = m;
     let b;
     if (o.key && ((u = o.debug) != null && u.call(o)) && (b = Date.now()), r = t(...m), o.key && ((c = o.debug) != null && c.call(o))) {
-      let f = Math.round((Date.now() - d) * 100) / 100, y = Math.round((Date.now() - b) * 100) / 100, S = y / 16, E = /* @__PURE__ */ a((h, v) => {
-        for (h = String(h); h.length < v; )
-          h = " " + h;
-        return h;
+      let f = Math.round((Date.now() - p) * 100) / 100, y = Math.round((Date.now() - b) * 100) / 100, I = y / 16, E = /* @__PURE__ */ a((g, v) => {
+        for (g = String(g); g.length < v; )
+          g = " " + g;
+        return g;
       }, "pad");
       console.info(
         `%c\u23F1 ${E(y, 5)} /${E(f, 5)} ms`,
@@ -5645,12 +5647,12 @@ function Ht(e, t, o) {
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * S, 120)
+          Math.min(120 - 120 * I, 120)
         )}deg 100% 31%);`,
         o?.key
       );
     }
-    return (p = o?.onChange) == null || p.call(o, r), r;
+    return (d = o?.onChange) == null || d.call(o, r), r;
   }
   return a(n, "memoizedFunction"), n.updateDeps = (l) => {
     i = l;
@@ -5694,9 +5696,9 @@ var Jv = /* @__PURE__ */ a((e) => e, "defaultKeyExtractor"), e0 = /* @__PURE__ *
     let u = /* @__PURE__ */ a(() => {
       let c = l[0];
       if (c?.borderBoxSize) {
-        let p = c.borderBoxSize[0];
-        if (p) {
-          r({ width: p.inlineSize, height: p.blockSize });
+        let d = c.borderBoxSize[0];
+        if (d) {
+          r({ width: d.inlineSize, height: d.blockSize });
           return;
         }
       }
@@ -5724,14 +5726,14 @@ var Nu = typeof window > "u" ? !0 : "onscrollend" in window, Ru = /* @__PURE__ *
       t(r, !1);
     },
     e.options.isScrollingResetDelay
-  ), l = /* @__PURE__ */ a((d) => () => {
-    let { horizontal: m, isRtl: g } = e.options;
-    r = m ? o.scrollLeft * (g && -1 || 1) : o.scrollTop, n(), t(r, d);
+  ), l = /* @__PURE__ */ a((p) => () => {
+    let { horizontal: m, isRtl: h } = e.options;
+    r = m ? o.scrollLeft * (h && -1 || 1) : o.scrollTop, n(), t(r, p);
   }, "createHandler"), u = l(!0), c = l(!1);
   c(), o.addEventListener("scroll", u, Lu);
-  let p = e.options.useScrollendEvent && Nu;
-  return p && o.addEventListener("scrollend", c, Lu), () => {
-    o.removeEventListener("scroll", u), p && o.removeEventListener("scrollend", c);
+  let d = e.options.useScrollendEvent && Nu;
+  return d && o.addEventListener("scrollend", c, Lu), () => {
+    o.removeEventListener("scroll", u), d && o.removeEventListener("scrollend", c);
   };
 }, "observeElementOffset");
 var t0 = /* @__PURE__ */ a((e, t, o) => {
@@ -5909,25 +5911,25 @@ var Bu = /* @__PURE__ */ a((e, {
         if (!l)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
         this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach(
-        (d) => {
-          this.itemSizeCache.set(d.key, d.size);
+        (p) => {
+          this.itemSizeCache.set(p.key, p.size);
         }));
         let c = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        let p = this.measurementsCache.slice(0, c);
-        for (let d = c; d < o; d++) {
-          let m = n(d), g = this.options.lanes === 1 ? p[d - 1] : this.getFurthestMeasurement(p, d), b = g ? g.end + this.options.gap : i + r,
-          f = u.get(m), y = typeof f == "number" ? f : this.options.estimateSize(d), S = b + y, E = g ? g.lane : d % this.options.lanes;
-          p[d] = {
-            index: d,
+        let d = this.measurementsCache.slice(0, c);
+        for (let p = c; p < o; p++) {
+          let m = n(p), h = this.options.lanes === 1 ? d[p - 1] : this.getFurthestMeasurement(d, p), b = h ? h.end + this.options.gap : i + r,
+          f = u.get(m), y = typeof f == "number" ? f : this.options.estimateSize(p), I = b + y, E = h ? h.lane : p % this.options.lanes;
+          d[p] = {
+            index: p,
             start: b,
             size: y,
-            end: S,
+            end: I,
             key: m,
             lane: E
           };
         }
-        return this.measurementsCache = p, p;
+        return this.measurementsCache = d, d;
       },
       {
         key: !1,
@@ -6029,9 +6031,9 @@ var Bu = /* @__PURE__ */ a((e, {
     }, this.getOffsetForAlignment = (o, i, r = 0) => {
       let n = this.getSize(), l = this.getScrollOffset();
       i === "auto" && (i = o >= l + n ? "end" : "start"), i === "center" ? o += (r - n) / 2 : i === "end" && (o -= n);
-      let u = this.options.horizontal ? "scrollWidth" : "scrollHeight", p = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.
+      let u = this.options.horizontal ? "scrollWidth" : "scrollHeight", d = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.
       document.documentElement[u] : this.scrollElement[u] : 0) - n;
-      return Math.max(Math.min(p, o), 0);
+      return Math.max(Math.min(d, o), 0);
     }, this.getOffsetForIndex = (o, i = "auto") => {
       o = Math.max(0, Math.min(o, this.options.count - 1));
       let r = this.measurementsCache[o];
@@ -6072,10 +6074,10 @@ var Bu = /* @__PURE__ */ a((e, {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(o)
         )) {
-          let [p] = Ar(
+          let [d] = Ar(
             this.getOffsetForIndex(o, u)
           );
-          Du(p, this.getScrollOffset()) || this.scrollToIndex(o, { align: u, behavior: r });
+          Du(d, this.getScrollOffset()) || this.scrollToIndex(o, { align: u, behavior: r });
         } else
           this.scrollToIndex(o, { align: u, behavior: r });
       }));
@@ -6149,14 +6151,14 @@ function o0({
       u++;
   else if (i > 1) {
     let c = Array(i).fill(0);
-    for (; u < r && c.some((d) => d < o + t); ) {
-      let d = e[u];
-      c[d.lane] = d.end, u++;
+    for (; u < r && c.some((p) => p < o + t); ) {
+      let p = e[u];
+      c[p.lane] = p.end, u++;
     }
-    let p = Array(i).fill(o + t);
-    for (; l >= 0 && p.some((d) => d >= o); ) {
-      let d = e[l];
-      p[d.lane] = d.start, l--;
+    let d = Array(i).fill(o + t);
+    for (; l >= 0 && d.some((p) => p >= o); ) {
+      let p = e[l];
+      d[p.lane] = p.start, l--;
     }
     l = Math.max(0, l - l % i), u = Math.min(r, u + (i - 1 - u % i));
   }
@@ -6200,18 +6202,18 @@ var Vu = /* @__PURE__ */ a(({
       if (!e.current)
         return;
       let n = t.options.count, l = document.activeElement, u = parseInt(l.getAttribute("data-index") || "-1", 10), c = l.tagName === "INPUT",
-      p = /* @__PURE__ */ a(() => document.querySelector('[data-index="0"]'), "getFirstElement"), d = /* @__PURE__ */ a(() => document.querySelector(
+      d = /* @__PURE__ */ a(() => document.querySelector('[data-index="0"]'), "getFirstElement"), p = /* @__PURE__ */ a(() => document.querySelector(
       `[data-index="${n - 1}"]`), "getLastElement");
       if (r.code === "ArrowDown" && l) {
         if (r.stopPropagation(), c) {
-          p()?.focus();
+          d()?.focus();
           return;
         }
         if (u === n - 1) {
           Do(() => {
             t.scrollToIndex(0, { align: "start" });
           }), setTimeout(() => {
-            p()?.focus();
+            d()?.focus();
           }, 100);
           return;
         }
@@ -6234,7 +6236,7 @@ var Vu = /* @__PURE__ */ a(({
           Do(() => {
             t.scrollToIndex(n - 1, { align: "start" });
           }), setTimeout(() => {
-            d()?.focus();
+            p()?.focus();
           }, 100);
           return;
         }
@@ -6456,11 +6458,11 @@ var sc = x(En)(({ theme: e }) => ({
   errorItemId: r
 }) {
   let [n, l] = K(null), u = s.useRef(), c = U(() => [...o ?? []].sort((f, y) => {
-    let S = f.exportedComponents === null || f.exportedComponents?.length === 0, E = f.storyFileExists, h = y.exportedComponents === null ||
+    let I = f.exportedComponents === null || f.exportedComponents?.length === 0, E = f.storyFileExists, g = y.exportedComponents === null ||
     y.exportedComponents?.length === 0, v = y.storyFileExists;
-    return E && !v ? -1 : v && !E || S && !h ? 1 : !S && h ? -1 : 0;
-  }), [o]), p = o?.length || 0, d = Wu({
-    count: p,
+    return E && !v ? -1 : v && !E || I && !g ? 1 : !I && g ? -1 : 0;
+  }), [o]), d = o?.length || 0, p = Wu({
+    count: d,
     // @ts-expect-error (non strict)
     getScrollElement: /* @__PURE__ */ a(() => u.current, "getScrollElement"),
     paddingStart: 16,
@@ -6468,37 +6470,37 @@ var sc = x(En)(({ theme: e }) => ({
     estimateSize: /* @__PURE__ */ a(() => 54, "estimateSize"),
     overscan: 2
   });
-  Vu({ rowVirtualizer: d, parentRef: u, selectedItem: n });
+  Vu({ rowVirtualizer: p, parentRef: u, selectedItem: n });
   let m = A(
-    ({ virtualItem: f, searchResult: y, itemId: S }) => {
+    ({ virtualItem: f, searchResult: y, itemId: I }) => {
       y?.exportedComponents?.length > 1 ? l((E) => E === f.index ? null : f.index) : y?.exportedComponents?.length === 1 && i({
         componentExportName: y.exportedComponents[0].name,
         componentFilePath: y.filepath,
         componentIsDefaultExport: y.exportedComponents[0].default,
-        selectedItemId: S,
+        selectedItemId: I,
         componentExportCount: 1
       });
     },
     [i]
-  ), g = A(
-    ({ searchResult: f, component: y, id: S }) => {
+  ), h = A(
+    ({ searchResult: f, component: y, id: I }) => {
       i({
         componentExportName: y.name,
         componentFilePath: f.filepath,
         componentIsDefaultExport: y.default,
-        selectedItemId: S,
+        selectedItemId: I,
         // @ts-expect-error (non strict)
         componentExportCount: f.exportedComponents.length
       });
     },
     [i]
   ), b = A(
-    ({ virtualItem: f, selected: y, searchResult: S }) => {
-      let E = r === S.filepath, h = y === f.index;
+    ({ virtualItem: f, selected: y, searchResult: I }) => {
+      let E = r === I.filepath, g = y === f.index;
       return /* @__PURE__ */ s.createElement(
         Lr,
         {
-          "aria-expanded": h,
+          "aria-expanded": g,
           "aria-controls": `file-list-export-${f.index}`,
           id: `file-list-item-wrapper-${f.index}`
         },
@@ -6506,16 +6508,16 @@ var sc = x(En)(({ theme: e }) => ({
           $u,
           {
             className: "file-list-item",
-            selected: h,
+            selected: g,
             error: E,
-            disabled: S.exportedComponents === null || S.exportedComponents?.length === 0
+            disabled: I.exportedComponents === null || I.exportedComponents?.length === 0
           },
           /* @__PURE__ */ s.createElement(qu, { error: E }, /* @__PURE__ */ s.createElement(Qo, null)),
-          /* @__PURE__ */ s.createElement(Gu, null, /* @__PURE__ */ s.createElement(Yu, { error: E }, S.filepath.split("/").at(-1)), /* @__PURE__ */ s.
-          createElement(Qu, null, S.filepath)),
-          h ? /* @__PURE__ */ s.createElement(a0, null) : /* @__PURE__ */ s.createElement(sc, null)
+          /* @__PURE__ */ s.createElement(Gu, null, /* @__PURE__ */ s.createElement(Yu, { error: E }, I.filepath.split("/").at(-1)), /* @__PURE__ */ s.
+          createElement(Qu, null, I.filepath)),
+          g ? /* @__PURE__ */ s.createElement(a0, null) : /* @__PURE__ */ s.createElement(sc, null)
         ),
-        S?.exportedComponents?.length > 1 && h && /* @__PURE__ */ s.createElement(
+        I?.exportedComponents?.length > 1 && g && /* @__PURE__ */ s.createElement(
           Xu,
           {
             role: "region",
@@ -6528,10 +6530,10 @@ var sc = x(En)(({ theme: e }) => ({
               v.key === "Enter" && v.stopPropagation();
             }
           },
-          S.exportedComponents?.map((v, I) => {
-            let w = r === `${S.filepath}_${I}`, O = I === 0 ? "first" : (
+          I.exportedComponents?.map((v, S) => {
+            let w = r === `${I.filepath}_${S}`, O = S === 0 ? "first" : (
               // @ts-expect-error (non strict)
-              I === S.exportedComponents.length - 1 ? "last" : "middle"
+              S === I.exportedComponents.length - 1 ? "last" : "middle"
             );
             return /* @__PURE__ */ s.createElement(
               Zu,
@@ -6541,22 +6543,22 @@ var sc = x(En)(({ theme: e }) => ({
                 key: v.name,
                 error: w,
                 onClick: () => {
-                  g({
-                    searchResult: S,
+                  h({
+                    searchResult: I,
                     component: v,
-                    id: `${S.filepath}_${I}`
+                    id: `${I.filepath}_${S}`
                   });
                 },
                 onKeyUp: (_) => {
-                  _.key === "Enter" && g({
-                    searchResult: S,
+                  _.key === "Enter" && h({
+                    searchResult: I,
                     component: v,
-                    id: `${S.filepath}_${I}`
+                    id: `${I.filepath}_${S}`
                   });
                 }
               },
               /* @__PURE__ */ s.createElement(Ju, null, /* @__PURE__ */ s.createElement(Qo, null), v.default ? /* @__PURE__ */ s.createElement(
-              s.Fragment, null, /* @__PURE__ */ s.createElement(ec, null, S.filepath.split("/").at(-1)?.split(".")?.at(0)), /* @__PURE__ */ s.
+              s.Fragment, null, /* @__PURE__ */ s.createElement(ec, null, I.filepath.split("/").at(-1)?.split(".")?.at(0)), /* @__PURE__ */ s.
               createElement(tc, null, "Default export")) : v.name),
               /* @__PURE__ */ s.createElement(sc, null)
             );
@@ -6564,7 +6566,7 @@ var sc = x(En)(({ theme: e }) => ({
         )
       );
     },
-    [g, r]
+    [h, r]
   );
   return t && (o === null || o?.length === 0) ? /* @__PURE__ */ s.createElement(ic, null) : o?.length === 0 ? /* @__PURE__ */ s.createElement(
   oc, null, /* @__PURE__ */ s.createElement("p", null, "We could not find any file with that name"), /* @__PURE__ */ s.createElement(rc, null,
@@ -6573,17 +6575,17 @@ var sc = x(En)(({ theme: e }) => ({
     Uu,
     {
       style: {
-        height: `${d.getTotalSize()}px`
+        height: `${p.getTotalSize()}px`
       }
     },
-    d.getVirtualItems().map((f) => {
-      let y = c[f.index], S = y.exportedComponents === null || y.exportedComponents?.length === 0, E = {};
+    p.getVirtualItems().map((f) => {
+      let y = c[f.index], I = y.exportedComponents === null || y.exportedComponents?.length === 0, E = {};
       return /* @__PURE__ */ s.createElement(
         Ku,
         {
           key: f.key,
           "data-index": f.index,
-          ref: d.measureElement,
+          ref: p.measureElement,
           onClick: () => {
             m({
               virtualItem: f,
@@ -6591,8 +6593,8 @@ var sc = x(En)(({ theme: e }) => ({
               searchResult: y
             });
           },
-          onKeyUp: (h) => {
-            h.key === "Enter" && m({
+          onKeyUp: (g) => {
+            g.key === "Enter" && m({
               virtualItem: f,
               itemId: y.filepath,
               searchResult: y
@@ -6607,7 +6609,7 @@ var sc = x(En)(({ theme: e }) => ({
           },
           tabIndex: 0
         },
-        S ? /* @__PURE__ */ s.createElement(
+        I ? /* @__PURE__ */ s.createElement(
           ve,
           {
             ...E,
@@ -6617,7 +6619,7 @@ var sc = x(En)(({ theme: e }) => ({
             tooltip: /* @__PURE__ */ s.createElement(
               rt,
               {
-                note: S ? "We can't evaluate exports for this file. You can't create a story for it automatically" : null
+                note: I ? "We can't evaluate exports for this file. You can't create a story for it automatically" : null
               }
             )
           },
@@ -6733,12 +6735,12 @@ var l0 = 418, u0 = x(At)(() => ({
   searchResults: l,
   onCreateNewStory: u,
   setError: c,
-  container: p
+  container: d
 }) => {
-  let [d, m] = Au(), [g, b] = K(m.height), [, f] = Gs(), [y, S] = K(o);
+  let [p, m] = Au(), [h, b] = K(m.height), [, f] = Gs(), [y, I] = K(o);
   return V(() => {
-    g < m.height && b(m.height);
-  }, [m.height, g]), /* @__PURE__ */ s.createElement(
+    h < m.height && b(m.height);
+  }, [m.height, h]), /* @__PURE__ */ s.createElement(
     u0,
     {
       height: l0,
@@ -6751,9 +6753,9 @@ var l0 = 418, u0 = x(At)(() => ({
       onInteractOutside: () => {
         t(!1);
       },
-      container: p
+      container: d
     },
-    /* @__PURE__ */ s.createElement(c0, { height: o === "" ? m.height : g }, /* @__PURE__ */ s.createElement(p0, { ref: d }, /* @__PURE__ */ s.
+    /* @__PURE__ */ s.createElement(c0, { height: o === "" ? m.height : h }, /* @__PURE__ */ s.createElement(p0, { ref: p }, /* @__PURE__ */ s.
     createElement(At.Header, null, /* @__PURE__ */ s.createElement(At.Title, null, "Add a new story"), /* @__PURE__ */ s.createElement(At.Description,
     null, "We will create a new story for your component")), /* @__PURE__ */ s.createElement(f0, null, /* @__PURE__ */ s.createElement(m0, null,
     /* @__PURE__ */ s.createElement(So, null)), /* @__PURE__ */ s.createElement(
@@ -6765,9 +6767,9 @@ var l0 = 418, u0 = x(At)(() => ({
         autoFocus: !0,
         value: y,
         onChange: (E) => {
-          let h = E.target.value;
-          S(h), f(() => {
-            i(h);
+          let g = E.target.value;
+          I(g), f(() => {
+            i(g);
           });
         }
       }
@@ -6880,15 +6882,15 @@ a(Fr, "trySelectNewStory");
 // src/manager/components/sidebar/CreateNewStoryFileModal.tsx
 var b0 = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "function" ? "__sb_empty_function_arg__" : o), "stringifyArgs"), cc = /* @__PURE__ */ a(
 ({ open: e, onOpenChange: t }) => {
-  let [o, i] = K(!1), [r, n] = K(""), l = Pu(r, 600), u = Us(l), c = q(null), [p, d] = K(
+  let [o, i] = K(!1), [r, n] = K(""), l = Pu(r, 600), u = Us(l), c = q(null), [d, p] = K(
     null
-  ), m = oe(), [g, b] = K(null), f = A(
-    (h) => {
+  ), m = oe(), [h, b] = K(null), f = A(
+    (g) => {
       m.addNotification({
         id: "create-new-story-file-success",
         content: {
           headline: "Story file created",
-          subHeadline: `${h} was created`
+          subHeadline: `${g} was created`
         },
         duration: 8e3,
         icon: /* @__PURE__ */ s.createElement(He, null)
@@ -6905,33 +6907,33 @@ var b0 = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
       duration: 8e3,
       icon: /* @__PURE__ */ s.createElement(He, null)
     }), t(!1);
-  }, [m, t]), S = A(() => {
+  }, [m, t]), I = A(() => {
     i(!0);
-    let h = ze.getChannel(), v = /* @__PURE__ */ a((I) => {
-      I.id === u && (I.success ? b(I.payload.files) : d({ error: I.error }), h.off(qo, v), i(!1), c.current = null);
+    let g = ze.getChannel(), v = /* @__PURE__ */ a((S) => {
+      S.id === u && (S.success ? b(S.payload.files) : p({ error: S.error }), g.off(qo, v), i(!1), c.current = null);
     }, "set");
-    return h.on(qo, v), u !== "" && c.current !== u ? (c.current = u, h.emit(ta, {
+    return g.on(qo, v), u !== "" && c.current !== u ? (c.current = u, g.emit(ta, {
       id: u,
       payload: {}
     })) : (b(null), i(!1)), () => {
-      h.off(qo, v);
+      g.off(qo, v);
     };
   }, [u]), E = A(
     async ({
-      componentExportName: h,
+      componentExportName: g,
       componentFilePath: v,
-      componentIsDefaultExport: I,
+      componentIsDefaultExport: S,
       componentExportCount: w,
       selectedItemId: O
     }) => {
       try {
         let _ = ze.getChannel(), k = await Zo(_, Js, ea, {
-          componentExportName: h,
+          componentExportName: g,
           componentFilePath: v,
-          componentIsDefaultExport: I,
+          componentIsDefaultExport: S,
           componentExportCount: w
         });
-        d(null);
+        p(null);
         let T = k.storyId;
         await Fr(m.selectStory, T);
         try {
@@ -6950,7 +6952,7 @@ var b0 = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
           );
         } catch {
         }
-        f(h), S();
+        f(g), I();
       } catch (_) {
         switch (_?.payload?.type) {
           case "STORY_FILE_EXISTS":
@@ -6958,27 +6960,27 @@ var b0 = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
             await Fr(m.selectStory, k.payload.kind), y();
             break;
           default:
-            d({ selectedItemId: O, error: _?.message });
+            p({ selectedItemId: O, error: _?.message });
             break;
         }
       }
     },
-    [m?.selectStory, f, S, y]
+    [m?.selectStory, f, I, y]
   );
   return V(() => {
-    d(null);
-  }, [u]), V(() => S(), [S]), /* @__PURE__ */ s.createElement(
+    p(null);
+  }, [u]), V(() => I(), [I]), /* @__PURE__ */ s.createElement(
     lc,
     {
-      error: p,
+      error: d,
       fileSearchQuery: r,
       fileSearchQueryDeferred: u,
       onCreateNewStory: E,
       isLoading: o,
       onOpenChange: t,
       open: e,
-      searchResults: g,
-      setError: d,
+      searchResults: h,
+      setError: p,
       setFileSearchQuery: n
     }
   );
@@ -7284,13 +7286,13 @@ ready" && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.cr
           tooltip: (u) => /* @__PURE__ */ s.createElement(
             ot,
             {
-              links: Object.entries(t.versions).map(([c, p]) => ({
-                icon: p === t.url ? /* @__PURE__ */ s.createElement(He, null) : void 0,
+              links: Object.entries(t.versions).map(([c, d]) => ({
+                icon: d === t.url ? /* @__PURE__ */ s.createElement(He, null) : void 0,
                 id: c,
                 title: c,
-                href: p,
-                onClick: /* @__PURE__ */ a((d, m) => {
-                  d.preventDefault(), i.changeRefVersion(t.id, m.href), u.onHide();
+                href: d,
+                onClick: /* @__PURE__ */ a((p, m) => {
+                  p.preventDefault(), i.changeRefVersion(t.id, m.href), u.onHide();
                 }, "onClick")
               }))
             }
@@ -7545,35 +7547,35 @@ var K0 = {
 }), Hc = /* @__PURE__ */ a((e, t, o) => {
   let [i, r] = K(0), [n, l] = K(!1), u = U(() => ({
     onMouseEnter: /* @__PURE__ */ a(() => {
-      r((d) => d + 1);
+      r((p) => p + 1);
     }, "onMouseEnter"),
-    onOpen: /* @__PURE__ */ a((d) => {
-      d.stopPropagation(), l(!0);
+    onOpen: /* @__PURE__ */ a((p) => {
+      p.stopPropagation(), l(!0);
     }, "onOpen"),
     onClose: /* @__PURE__ */ a(() => {
       l(!1);
     }, "onClose")
-  }), []), p = U(() => {
-    let d = o.getElements(Ce.experimental_TEST_PROVIDER);
-    return i ? zc(d, e) : [];
+  }), []), d = U(() => {
+    let p = o.getElements(Ce.experimental_TEST_PROVIDER);
+    return i ? zc(p, e) : [];
   }, [o, e, i]).length > 0 || t.length > 0;
   return U(() => globalThis.CONFIG_TYPE !== "DEVELOPMENT" ? K0 : {
     onMouseEnter: u.onMouseEnter,
-    node: p ? /* @__PURE__ */ s.createElement(
+    node: d ? /* @__PURE__ */ s.createElement(
       $0,
       {
         "data-displayed": n ? "on" : "off",
         closeOnOutsideClick: !0,
         placement: "bottom-end",
         "data-testid": "context-menu",
-        onVisibleChange: (d) => {
-          d ? l(!0) : u.onClose();
+        onVisibleChange: (p) => {
+          p ? l(!0) : u.onClose();
         },
         tooltip: /* @__PURE__ */ s.createElement(G0, { context: e, links: t })
       },
       /* @__PURE__ */ s.createElement(U0, { type: "button", status: "status-value:pending" }, /* @__PURE__ */ s.createElement(kn, null))
     ) : null
-  }, [e, u, n, p, t]);
+  }, [e, u, n, d, t]);
 }, "useContextMenu"), G0 = /* @__PURE__ */ a(({
   context: e,
   links: t,
@@ -7737,23 +7739,23 @@ onent" }, /* @__PURE__ */ s.createElement(Le, { type: "component" }))), o);
 function zr(e, t, { signal: o, edges: i } = {}) {
   let r, n = null, l = i != null && i.includes("leading"), u = i == null || i.includes("trailing"), c = /* @__PURE__ */ a(() => {
     n !== null && (e.apply(r, n), r = void 0, n = null);
-  }, "invoke"), p = /* @__PURE__ */ a(() => {
+  }, "invoke"), d = /* @__PURE__ */ a(() => {
     u && c(), b();
-  }, "onTimerEnd"), d = null, m = /* @__PURE__ */ a(() => {
-    d != null && clearTimeout(d), d = setTimeout(() => {
-      d = null, p();
+  }, "onTimerEnd"), p = null, m = /* @__PURE__ */ a(() => {
+    p != null && clearTimeout(p), p = setTimeout(() => {
+      p = null, d();
     }, t);
-  }, "schedule"), g = /* @__PURE__ */ a(() => {
-    d !== null && (clearTimeout(d), d = null);
+  }, "schedule"), h = /* @__PURE__ */ a(() => {
+    p !== null && (clearTimeout(p), p = null);
   }, "cancelTimer"), b = /* @__PURE__ */ a(() => {
-    g(), r = void 0, n = null;
+    h(), r = void 0, n = null;
   }, "cancel"), f = /* @__PURE__ */ a(() => {
-    g(), c();
-  }, "flush"), y = /* @__PURE__ */ a(function(...S) {
+    h(), c();
+  }, "flush"), y = /* @__PURE__ */ a(function(...I) {
     if (o?.aborted)
       return;
-    r = this, n = S;
-    let E = d == null;
+    r = this, n = I;
+    let E = p == null;
     m(), l && E && c();
   }, "debounced");
   return y.schedule = m, y.cancel = b, y.flush = f, o?.addEventListener("abort", b, { once: !0 }), y;
@@ -7774,18 +7776,18 @@ function Vi(e, t = 0, o = {}) {
   typeof o != "object" && (o = {});
   let { signal: i, leading: r = !1, trailing: n = !0, maxWait: l } = o, u = Array(2);
   r && (u[0] = "leading"), n && (u[1] = "trailing");
-  let c, p = null, d = zr(function(...b) {
-    c = e.apply(this, b), p = null;
+  let c, d = null, p = zr(function(...b) {
+    c = e.apply(this, b), d = null;
   }, t, { signal: i, edges: u }), m = /* @__PURE__ */ a(function(...b) {
     if (l != null) {
-      if (p === null)
-        p = Date.now();
-      else if (Date.now() - p >= l)
-        return c = e.apply(this, b), p = Date.now(), d.cancel(), d.schedule(), c;
+      if (d === null)
+        d = Date.now();
+      else if (Date.now() - d >= l)
+        return c = e.apply(this, b), d = Date.now(), p.cancel(), p.schedule(), c;
     }
-    return d.apply(this, b), c;
-  }, "debounced"), g = /* @__PURE__ */ a(() => (d.flush(), c), "flush");
-  return m.cancel = d.cancel, m.flush = g, m;
+    return p.apply(this, b), c;
+  }, "debounced"), h = /* @__PURE__ */ a(() => (p.flush(), c), "flush");
+  return m.cancel = p.cancel, m.flush = h, m;
 }
 a(Vi, "debounce");
 
@@ -7831,56 +7833,56 @@ var { document: ji } = se, X0 = /* @__PURE__ */ a(({
   highlightedRef: l,
   setHighlightedItemId: u,
   selectedStoryId: c,
-  onSelectStoryId: p
+  onSelectStoryId: d
 }) => {
-  let d = oe(), [m, g] = Zt(
-    (h, { ids: v, value: I }) => v.reduce((w, O) => Object.assign(w, { [O]: I }), { ...h }),
+  let p = oe(), [m, h] = Zt(
+    (g, { ids: v, value: S }) => v.reduce((w, O) => Object.assign(w, { [O]: S }), { ...g }),
     // @ts-expect-error (non strict)
     { refId: o, data: i, highlightedRef: l, rootIds: n, initialExpanded: r },
     X0
   ), b = A(
-    (h) => e.current?.querySelector(`[data-item-id="${h}"]`),
+    (g) => e.current?.querySelector(`[data-item-id="${g}"]`),
     [e]
   ), f = A(
-    (h) => {
-      u(h.getAttribute("data-item-id")), zt(h);
+    (g) => {
+      u(g.getAttribute("data-item-id")), zt(g);
     },
     [u]
   ), y = A(
-    ({ ids: h, value: v }) => {
-      if (g({ ids: h, value: v }), h.length === 1) {
-        let I = e.current?.querySelector(
-          `[data-item-id="${h[0]}"][data-ref-id="${o}"]`
+    ({ ids: g, value: v }) => {
+      if (h({ ids: g, value: v }), g.length === 1) {
+        let S = e.current?.querySelector(
+          `[data-item-id="${g[0]}"][data-ref-id="${o}"]`
         );
-        I && f(I);
+        S && f(S);
       }
     },
     [e, f, o]
   );
   V(() => {
-    g({ ids: Fo(i, c), value: !0 });
+    h({ ids: Fo(i, c), value: !0 });
   }, [i, c]);
-  let S = A(() => {
-    let h = Object.keys(i).filter((v) => !n.includes(v));
-    g({ ids: h, value: !1 });
+  let I = A(() => {
+    let g = Object.keys(i).filter((v) => !n.includes(v));
+    h({ ids: g, value: !1 });
   }, [i, n]), E = A(() => {
-    g({ ids: Object.keys(i), value: !0 });
+    h({ ids: Object.keys(i), value: !0 });
   }, [i]);
-  return V(() => d ? (d.on(ho, S), d.on(In, E), () => {
-    d.off(ho, S), d.off(In, E);
-  }) : Z0, [d, S, E]), V(() => {
-    let h = ji.getElementById("storybook-explorer-menu"), v = Wi((I) => {
+  return V(() => p ? (p.on(ho, I), p.on(In, E), () => {
+    p.off(ho, I), p.off(In, E);
+  }) : Z0, [p, I, E]), V(() => {
+    let g = ji.getElementById("storybook-explorer-menu"), v = Wi((S) => {
       let w = l.current?.refId === o && l.current?.itemId;
-      if (!t || !e.current || !w || I.repeat || !St(!1, I))
+      if (!t || !e.current || !w || S.repeat || !St(!1, S))
         return;
-      let O = Ue("Enter", I), _ = Ue("Space", I), k = Ue("ArrowLeft", I), T = Ue("ArrowRight", I);
+      let O = Ue("Enter", S), _ = Ue("Space", S), k = Ue("ArrowLeft", S), T = Ue("ArrowRight", S);
       if (!(O || _ || k || T))
         return;
       let C = b(w);
       if (!C || C.getAttribute("data-ref-id") !== o)
         return;
-      let P = I.target;
-      if (!Wt(h, P) && !Wt(P, h))
+      let P = S.target;
+      if (!Wt(g, P) && !Wt(P, g))
         return;
       if (P.hasAttribute("data-action")) {
         if (O || _)
@@ -7888,11 +7890,11 @@ var { document: ji } = se, X0 = /* @__PURE__ */ a(({
         P.blur();
       }
       let D = C.getAttribute("data-nodetype");
-      (O || _) && ["component", "story", "document"].includes(D) && p(w);
+      (O || _) && ["component", "story", "document"].includes(D) && d(w);
       let M = C.getAttribute("aria-expanded");
       if (k) {
         if (M === "true") {
-          g({ ids: [w], value: !1 });
+          h({ ids: [w], value: !1 });
           return;
         }
         let N = C.getAttribute("data-parent-id"), Z = N && b(N);
@@ -7900,7 +7902,7 @@ var { document: ji } = se, X0 = /* @__PURE__ */ a(({
           f(Z);
           return;
         }
-        g({ ids: st(i, w, !0), value: !1 });
+        h({ ids: st(i, w, !0), value: !1 });
         return;
       }
       T && (M === "false" ? y({ ids: [w], value: !0 }) : M === "true" && y({ ids: st(i, w, !0), value: !0 }));
@@ -7913,7 +7915,7 @@ var { document: ji } = se, X0 = /* @__PURE__ */ a(({
     i,
     l,
     u,
-    p
+    d
   ]), [m, y];
 }, "useExpanded");
 
@@ -8030,17 +8032,17 @@ var Xc = [
   isOrphan: l,
   isDisplayed: u,
   isSelected: c,
-  isFullyExpanded: p,
-  setFullyExpanded: d,
+  isFullyExpanded: d,
+  setFullyExpanded: p,
   isExpanded: m,
-  setExpanded: g,
+  setExpanded: h,
   onSelectStoryId: b,
   api: f
 }) {
-  let { isDesktop: y, isMobile: S, setMobileMenuOpen: E } = ge(), { counts: h, statusesByValue: v } = Wc(t);
+  let { isDesktop: y, isMobile: I, setMobileMenuOpen: E } = ge(), { counts: g, statusesByValue: v } = Wc(t);
   if (!u)
     return null;
-  let I = U(() => {
+  let S = U(() => {
     if (t.type === "story" || t.type === "docs")
       return Object.entries(o).filter(([, _]) => _.sidebarContextMenu !== !1).sort((_, k) => Xc.indexOf(_[1].value) - Xc.indexOf(k[1].value)).
       map(([_, k]) => ({
@@ -8054,7 +8056,7 @@ var Xc = [
         }, "onClick")
       }));
     if (t.type === "component" || t.type === "group") {
-      let _ = [], k = h["status-value:error"], T = h["status-value:warning"];
+      let _ = [], k = g["status-value:error"], T = g["status-value:warning"];
       return k && _.push({
         id: "errors",
         icon: Ki["status-value:error"],
@@ -8078,7 +8080,7 @@ var Xc = [
       }), _;
     }
     return [];
-  }, [h, t.id, t.type, b, o, v]), w = Rr(t.id, r), O = r === "storybook_internal" ? Hc(t, I, f) : { node: null, onMouseEnter: /* @__PURE__ */ a(
+  }, [g, t.id, t.type, b, o, v]), w = Rr(t.id, r), O = r === "storybook_internal" ? Hc(t, S, f) : { node: null, onMouseEnter: /* @__PURE__ */ a(
   () => {
   }, "onMouseEnter") };
   if (t.type === "story" || t.type === "docs") {
@@ -8106,7 +8108,7 @@ var Xc = [
           id: w,
           depth: l ? t.depth : t.depth - 1,
           onClick: (P) => {
-            P.preventDefault(), b(t.id), S && E(!1);
+            P.preventDefault(), b(t.id), I && E(!1);
           },
           ...t.type === "docs" && { docsMode: n }
         },
@@ -8145,7 +8147,7 @@ var Xc = [
           type: "button",
           "data-action": "collapse-root",
           onClick: (_) => {
-            _.preventDefault(), g({ ids: [t.id], value: !m });
+            _.preventDefault(), h({ ids: [t.id], value: !m });
           },
           "aria-expanded": m
         },
@@ -8156,14 +8158,14 @@ var Xc = [
         ee,
         {
           className: "sidebar-subheading-action",
-          "aria-label": p ? "Expand" : "Collapse",
+          "aria-label": d ? "Expand" : "Collapse",
           "data-action": "expand-all",
-          "data-expanded": p,
+          "data-expanded": d,
           onClick: (_) => {
-            _.preventDefault(), d();
+            _.preventDefault(), p();
           }
         },
-        p ? /* @__PURE__ */ s.createElement(_n, null) : /* @__PURE__ */ s.createElement(On, null)
+        d ? /* @__PURE__ */ s.createElement(_n, null) : /* @__PURE__ */ s.createElement(On, null)
       )
     );
   if (t.type === "component" || t.type === "group") {
@@ -8192,7 +8194,7 @@ var Xc = [
           isExpandable: t.children && t.children.length > 0,
           isExpanded: m,
           onClick: (C) => {
-            C.preventDefault(), g({ ids: [t.id], value: !m }), t.type === "component" && !m && y && b(t.id);
+            C.preventDefault(), h({ ids: [t.id], value: !m }), t.type === "component" && !m && y && b(t.id);
           },
           onMouseEnter: () => {
             t.type === "component" && f.emit(Ct, {
@@ -8238,10 +8240,10 @@ dot" })))
   docsMode: l,
   highlightedRef: u,
   setHighlightedItemId: c,
-  selectedStoryId: p,
-  onSelectStoryId: d
+  selectedStoryId: d,
+  onSelectStoryId: p
 }) {
-  let m = q(null), g = oe(), [b, f, y] = U(
+  let m = q(null), h = oe(), [b, f, y] = U(
     () => Object.keys(r).reduce(
       (T, C) => {
         let P = r[C];
@@ -8250,7 +8252,7 @@ dot" })))
       [[], [], {}]
     ),
     [r]
-  ), { expandableDescendants: S } = U(() => [...f, ...b].reduce(
+  ), { expandableDescendants: I } = U(() => [...f, ...b].reduce(
     (T, C) => (T.expandableDescendants[C] = st(r, C, !1).filter(
       (P) => !["story", "docs"].includes(r[P].type)
     ), T),
@@ -8264,7 +8266,7 @@ dot" })))
       return !1;
     let M = r[P[0]];
     return M.type === "docs" ? !0 : M.type === "story" ? vc(M.name, D) : !1;
-  }), [r]), h = U(
+  }), [r]), g = U(
     () => Object.keys(r).filter((T) => !E.includes(T)),
     [E]
   ), v = U(() => E.reduce(
@@ -8282,10 +8284,10 @@ dot" })))
       }, T;
     },
     { ...r }
-  ), [r]), I = U(() => h.reduce(
+  ), [r]), S = U(() => g.reduce(
     (T, C) => Object.assign(T, { [C]: Fo(v, C) }),
     {}
-  ), [h, v]), [w, O] = Yc({
+  ), [g, v]), [w, O] = Yc({
     // @ts-expect-error (non strict)
     containerRef: m,
     isBrowsing: t,
@@ -8295,42 +8297,42 @@ dot" })))
     rootIds: b,
     highlightedRef: u,
     setHighlightedItemId: c,
-    selectedStoryId: p,
-    onSelectStoryId: d
+    selectedStoryId: d,
+    onSelectStoryId: p
   }), _ = U(
     () => Br(v, n ?? {}),
     [v, n]
-  ), k = U(() => h.map((T) => {
+  ), k = U(() => g.map((T) => {
     let C = v[T], P = Rr(T, i);
     if (C.type === "root") {
-      let M = S[C.id], N = M.every((Z) => w[Z]);
+      let M = I[C.id], N = M.every((Z) => w[Z]);
       return (
         // @ts-expect-error (TODO)
         /* @__PURE__ */ s.createElement(
           sx,
           {
-            api: g,
+            api: h,
             key: P,
             item: C,
             refId: i,
             collapsedData: v,
             isOrphan: !1,
             isDisplayed: !0,
-            isSelected: p === T,
+            isSelected: d === T,
             isExpanded: !!w[T],
             setExpanded: O,
             isFullyExpanded: N,
             expandableDescendants: M,
-            onSelectStoryId: d
+            onSelectStoryId: p
           }
         )
       );
     }
-    let D = !C.parent || I[T].every((M) => w[M]);
+    let D = !C.parent || S[T].every((M) => w[M]);
     return D === !1 ? null : /* @__PURE__ */ s.createElement(
       Zc,
       {
-        api: g,
+        api: h,
         collapsedData: v,
         key: P,
         item: C,
@@ -8340,25 +8342,25 @@ dot" })))
         docsMode: l,
         isOrphan: f.some((M) => T === M || T.startsWith(`${M}-`)),
         isDisplayed: D,
-        isSelected: p === T,
+        isSelected: d === T,
         isExpanded: !!w[T],
         setExpanded: O,
-        onSelectStoryId: d
+        onSelectStoryId: p
       }
     );
   }), [
-    I,
-    g,
-    v,
+    S,
     h,
+    v,
+    g,
     l,
-    S,
+    I,
     w,
     _,
-    d,
+    p,
     f,
     i,
-    p,
+    d,
     O,
     n
   ]);
@@ -8413,29 +8415,29 @@ var ax = x.div(({ isMain: e }) => ({
     title: l = n,
     isLoading: u,
     isBrowsing: c,
-    selectedStoryId: p,
-    highlightedRef: d,
+    selectedStoryId: d,
+    highlightedRef: p,
     setHighlighted: m,
-    loginUrl: g,
+    loginUrl: h,
     type: b,
     expanded: f = !0,
     indexError: y,
-    previewInitialized: S,
+    previewInitialized: I,
     allStatuses: E
-  } = t, h = U(() => r ? Object.keys(r).length : 0, [r]), v = q(null), I = n === at, O = u || (b === "auto-inject" && !S || b === "server-ch\
-ecked") || b === "unknown", C = bc(O, !!g && h === 0, !!y, !O && h === 0), [P, D] = K(f);
+  } = t, g = U(() => r ? Object.keys(r).length : 0, [r]), v = q(null), S = n === at, O = u || (b === "auto-inject" && !I || b === "server-ch\
+ecked") || b === "unknown", C = bc(O, !!h && g === 0, !!y, !O && g === 0), [P, D] = K(f);
   V(() => {
-    r && p && r[p] && D(!0);
-  }, [D, r, p]);
+    r && d && r[d] && D(!0);
+  }, [D, r, d]);
   let M = A(() => D((W) => !W), [D]), N = A(
     (W) => m({ itemId: W, refId: n }),
     [m]
   ), Z = A(
     // @ts-expect-error (non strict)
-    (W) => i && i.selectStory(W, void 0, { ref: !I && n }),
-    [i, I, n]
+    (W) => i && i.selectStory(W, void 0, { ref: !S && n }),
+    [i, S, n]
   );
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, I || /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ s.createElement(s.Fragment, null, S || /* @__PURE__ */ s.createElement(
     lx,
     {
       "aria-label": `${P ? "Hide" : "Show"} ${l} stories`,
@@ -8444,20 +8446,20 @@ ecked") || b === "unknown", C = bc(O, !!g && h === 0, !!y, !O && h === 0), [P, D
     /* @__PURE__ */ s.createElement(cx, { "data-action": "collapse-ref", onClick: M }, /* @__PURE__ */ s.createElement(Kt, { isExpanded: P }),
     /* @__PURE__ */ s.createElement(ux, { title: l }, l)),
     /* @__PURE__ */ s.createElement(_c, { ...t, state: C, ref: v })
-  ), P && /* @__PURE__ */ s.createElement(ax, { "data-title": l, isMain: I }, C === "auth" && /* @__PURE__ */ s.createElement(wc, { id: n, loginUrl: g }),
-  C === "error" && /* @__PURE__ */ s.createElement(Ec, { error: y }), C === "loading" && /* @__PURE__ */ s.createElement(Cc, { isMain: I }),
-  C === "empty" && /* @__PURE__ */ s.createElement(Tc, { isMain: I }), C === "ready" && /* @__PURE__ */ s.createElement(
+  ), P && /* @__PURE__ */ s.createElement(ax, { "data-title": l, isMain: S }, C === "auth" && /* @__PURE__ */ s.createElement(wc, { id: n, loginUrl: h }),
+  C === "error" && /* @__PURE__ */ s.createElement(Ec, { error: y }), C === "loading" && /* @__PURE__ */ s.createElement(Cc, { isMain: S }),
+  C === "empty" && /* @__PURE__ */ s.createElement(Tc, { isMain: S }), C === "ready" && /* @__PURE__ */ s.createElement(
     Jc,
     {
       allStatuses: E,
       isBrowsing: c,
-      isMain: I,
+      isMain: S,
       refId: n,
       data: r,
       docsMode: o.docsMode,
-      selectedStoryId: p,
+      selectedStoryId: d,
       onSelectStoryId: Z,
-      highlightedRef: d,
+      highlightedRef: p,
       setHighlightedItemId: N
     }
   )));
@@ -8474,43 +8476,43 @@ var { document: Wr, window: tp } = se, op = /* @__PURE__ */ a((e) => e ? { itemI
   isBrowsing: o,
   selected: i
 }) => {
-  let r = op(i), n = q(r), [l, u] = K(r), c = oe(), p = A(
+  let r = op(i), n = q(r), [l, u] = K(r), c = oe(), d = A(
     (m) => {
       n.current = m, u(m);
     },
     [n]
-  ), d = A(
-    (m, g = !1) => {
+  ), p = A(
+    (m, h = !1) => {
       let b = m.getAttribute("data-item-id"), f = m.getAttribute("data-ref-id");
-      !b || !f || (p({ itemId: b, refId: f }), zt(m, g));
+      !b || !f || (d({ itemId: b, refId: f }), zt(m, h));
     },
-    [p]
+    [d]
   );
   return V(() => {
     let m = op(i);
-    p(m), m && rp(`[data-item-id="${m.itemId}"][data-ref-id="${m.refId}"]`, {
+    d(m), m && rp(`[data-item-id="${m.itemId}"][data-ref-id="${m.refId}"]`, {
       containerRef: e,
       center: !0
     });
-  }, [e, i, p]), V(() => {
-    let m = Wr.getElementById("storybook-explorer-menu"), g, b = /* @__PURE__ */ a((f) => {
+  }, [e, i, d]), V(() => {
+    let m = Wr.getElementById("storybook-explorer-menu"), h, b = /* @__PURE__ */ a((f) => {
       if (t || !o || !e.current || !St(!1, f))
         return;
-      let y = Ue("ArrowUp", f), S = Ue("ArrowDown", f);
-      if (!(y || S))
+      let y = Ue("ArrowUp", f), I = Ue("ArrowDown", f);
+      if (!(y || I))
         return;
       let E = tp.requestAnimationFrame(() => {
-        tp.cancelAnimationFrame(g), g = E;
-        let h = f.target;
-        if (!Wt(m, h) && !Wt(h, m))
+        tp.cancelAnimationFrame(h), h = E;
+        let g = f.target;
+        if (!Wt(m, g) && !Wt(g, m))
           return;
-        h.hasAttribute("data-action") && h.blur();
+        g.hasAttribute("data-action") && g.blur();
         let v = Array.from(
           e.current?.querySelectorAll("[data-highlightable=true]") || []
-        ), I = v.findIndex(
+        ), S = v.findIndex(
           (_) => _.getAttribute("data-item-id") === n.current?.itemId && _.getAttribute("data-ref-id") === n.current?.refId
-        ), w = yc(v, I, y ? -1 : 1), O = y ? w === v.length - 1 : w === 0;
-        if (d(v[w], O), v[w].getAttribute("data-nodetype") === "component") {
+        ), w = yc(v, S, y ? -1 : 1), O = y ? w === v.length - 1 : w === 0;
+        if (p(v[w], O), v[w].getAttribute("data-nodetype") === "component") {
           let { itemId: _, refId: k } = n.current, T = c.resolveStory(_, k === "storybook_internal" ? void 0 : k);
           T.type === "component" && c.emit(Ct, {
             // @ts-expect-error (non strict)
@@ -8521,7 +8523,7 @@ var { document: Wr, window: tp } = se, op = /* @__PURE__ */ a((e) => e ? { itemI
       });
     }, "navigateTree");
     return Wr.addEventListener("keydown", b), () => Wr.removeEventListener("keydown", b);
-  }, [t, o, n, d]), [l, p, n];
+  }, [t, o, n, p]), [l, d, n];
 }, "useHighlighted");
 
 // src/manager/components/sidebar/Explorer.tsx
@@ -8546,14 +8548,14 @@ var ip = s.memo(/* @__PURE__ */ a(function({
       "data-highlighted-item-id": l?.itemId
     },
     l && /* @__PURE__ */ s.createElement(pc, { ...l }),
-    i.entries.map(([p, d]) => /* @__PURE__ */ s.createElement(
+    i.entries.map(([d, p]) => /* @__PURE__ */ s.createElement(
       ep,
       {
-        ...d,
-        key: p,
+        ...p,
+        key: d,
         isLoading: t,
         isBrowsing: o,
-        selectedStoryId: r?.refId === d.id ? r.storyId : null,
+        selectedStoryId: r?.refId === p.id ? r.storyId : null,
         highlightedRef: c,
         setHighlighted: u
       }
@@ -8761,38 +8763,38 @@ e - i : l > t && u < o || n < e && u > o ? l - t + r : 0, "o"), xx = /* @__PURE_
 }, "l"), yp = /* @__PURE__ */ a((e, t) => {
   var o, i, r, n;
   if (typeof document > "u") return [];
-  let { scrollMode: l, block: u, inline: c, boundary: p, skipOverflowHiddenElements: d } = t, m = typeof p == "function" ? p : (W) => W !== p;
+  let { scrollMode: l, block: u, inline: c, boundary: d, skipOverflowHiddenElements: p } = t, m = typeof d == "function" ? d : (W) => W !== d;
   if (!hp(e)) throw new TypeError("Invalid target");
-  let g = document.scrollingElement || document.documentElement, b = [], f = e;
+  let h = document.scrollingElement || document.documentElement, b = [], f = e;
   for (; hp(f) && m(f); ) {
-    if (f = xx(f), f === g) {
+    if (f = xx(f), f === h) {
       b.push(f);
       break;
     }
-    f != null && f === document.body && Zr(f) && !Zr(document.documentElement) || f != null && Zr(f, d) && b.push(f);
+    f != null && f === document.body && Zr(f) && !Zr(document.documentElement) || f != null && Zr(f, p) && b.push(f);
   }
-  let y = (i = (o = window.visualViewport) == null ? void 0 : o.width) != null ? i : innerWidth, S = (n = (r = window.visualViewport) == null ?
-  void 0 : r.height) != null ? n : innerHeight, { scrollX: E, scrollY: h } = window, { height: v, width: I, top: w, right: O, bottom: _, left: k } = e.
+  let y = (i = (o = window.visualViewport) == null ? void 0 : o.width) != null ? i : innerWidth, I = (n = (r = window.visualViewport) == null ?
+  void 0 : r.height) != null ? n : innerHeight, { scrollX: E, scrollY: g } = window, { height: v, width: S, top: w, right: O, bottom: _, left: k } = e.
   getBoundingClientRect(), { top: T, right: C, bottom: P, left: D } = ((W) => {
     let Q = window.getComputedStyle(W);
     return { top: parseFloat(Q.scrollMarginTop) || 0, right: parseFloat(Q.scrollMarginRight) || 0, bottom: parseFloat(Q.scrollMarginBottom) ||
     0, left: parseFloat(Q.scrollMarginLeft) || 0 };
-  })(e), M = u === "start" || u === "nearest" ? w - T : u === "end" ? _ + P : w + v / 2 - T + P, N = c === "center" ? k + I / 2 - D + C : c ===
+  })(e), M = u === "start" || u === "nearest" ? w - T : u === "end" ? _ + P : w + v / 2 - T + P, N = c === "center" ? k + S / 2 - D + C : c ===
   "end" ? O + C : k - D, Z = [];
   for (let W = 0; W < b.length; W++) {
     let Q = b[W], { height: B, width: G, top: H, right: re, bottom: F, left: R } = Q.getBoundingClientRect();
-    if (l === "if-needed" && w >= 0 && k >= 0 && _ <= S && O <= y && (Q === g && !Zr(Q) || w >= H && _ <= F && k >= R && O <= re)) return Z;
+    if (l === "if-needed" && w >= 0 && k >= 0 && _ <= I && O <= y && (Q === h && !Zr(Q) || w >= H && _ <= F && k >= R && O <= re)) return Z;
     let L = getComputedStyle(Q), $ = parseInt(L.borderLeftWidth, 10), J = parseInt(L.borderTopWidth, 10), ie = parseInt(L.borderRightWidth, 10),
     te = parseInt(L.borderBottomWidth, 10), de = 0, ae = 0, ce = "offsetWidth" in Q ? Q.offsetWidth - Q.clientWidth - $ - ie : 0, ue = "offs\
 etHeight" in Q ? Q.offsetHeight - Q.clientHeight - J - te : 0, Ie = "offsetWidth" in Q ? Q.offsetWidth === 0 ? 0 : G / Q.offsetWidth : 0, ye = "\
 offsetHeight" in Q ? Q.offsetHeight === 0 ? 0 : B / Q.offsetHeight : 0;
-    if (g === Q) de = u === "start" ? M : u === "end" ? M - S : u === "nearest" ? Jr(h, h + S, S, J, te, h + M, h + M + v, v) : M - S / 2, ae =
-    c === "start" ? N : c === "center" ? N - y / 2 : c === "end" ? N - y : Jr(E, E + y, y, $, ie, E + N, E + N + I, I), de = Math.max(0, de +
-    h), ae = Math.max(0, ae + E);
+    if (h === Q) de = u === "start" ? M : u === "end" ? M - I : u === "nearest" ? Jr(g, g + I, I, J, te, g + M, g + M + v, v) : M - I / 2, ae =
+    c === "start" ? N : c === "center" ? N - y / 2 : c === "end" ? N - y : Jr(E, E + y, y, $, ie, E + N, E + N + S, S), de = Math.max(0, de +
+    g), ae = Math.max(0, ae + E);
     else {
       de = u === "start" ? M - H - J : u === "end" ? M - F + te + ue : u === "nearest" ? Jr(H, F, B, J, te + ue, M, M + v, v) : M - (H + B /
       2) + ue / 2, ae = c === "start" ? N - R - $ : c === "center" ? N - (R + G / 2) + ce / 2 : c === "end" ? N - re + ie + ce : Jr(R, re, G,
-      $, ie + ce, N, N + I, I);
+      $, ie + ce, N, N + S, S);
       let { scrollLeft: Oe, scrollTop: fe } = Q;
       de = ye === 0 ? 0 : Math.max(0, Math.min(fe + de / ye, Q.scrollHeight - B / ye + ue)), ae = Ie === 0 ? 0 : Math.max(0, Math.min(Oe + ae /
       Ie, Q.scrollWidth - G / Ie + ce)), M += fe - de, N += Oe - ae;
@@ -9017,75 +9019,75 @@ Ox = /* @__PURE__ */ Object.freeze({
     function o(r) {
       var n;
       n = t.call(this, r) || this, n.id = n.props.id || "downshift-" + Cp(), n.menuId = n.props.menuId || n.id + "-menu", n.labelId = n.props.
-      labelId || n.id + "-label", n.inputId = n.props.inputId || n.id + "-input", n.getItemId = n.props.getItemId || function(h) {
-        return n.id + "-item-" + h;
-      }, n.items = [], n.itemCount = null, n.previousResultCount = 0, n.timeoutIds = [], n.internalSetTimeout = function(h, v) {
-        var I = setTimeout(function() {
+      labelId || n.id + "-label", n.inputId = n.props.inputId || n.id + "-input", n.getItemId = n.props.getItemId || function(g) {
+        return n.id + "-item-" + g;
+      }, n.items = [], n.itemCount = null, n.previousResultCount = 0, n.timeoutIds = [], n.internalSetTimeout = function(g, v) {
+        var S = setTimeout(function() {
           n.timeoutIds = n.timeoutIds.filter(function(w) {
-            return w !== I;
-          }), h();
+            return w !== S;
+          }), g();
         }, v);
-        n.timeoutIds.push(I);
-      }, n.setItemCount = function(h) {
-        n.itemCount = h;
+        n.timeoutIds.push(S);
+      }, n.setItemCount = function(g) {
+        n.itemCount = g;
       }, n.unsetItemCount = function() {
         n.itemCount = null;
-      }, n.isItemDisabled = function(h, v) {
-        var I = n.getItemNodeFromIndex(v);
-        return I && I.hasAttribute("disabled");
-      }, n.setHighlightedIndex = function(h, v) {
-        h === void 0 && (h = n.props.defaultHighlightedIndex), v === void 0 && (v = {}), v = en(v), n.internalSetState(j({
-          highlightedIndex: h
+      }, n.isItemDisabled = function(g, v) {
+        var S = n.getItemNodeFromIndex(v);
+        return S && S.hasAttribute("disabled");
+      }, n.setHighlightedIndex = function(g, v) {
+        g === void 0 && (g = n.props.defaultHighlightedIndex), v === void 0 && (v = {}), v = en(v), n.internalSetState(j({
+          highlightedIndex: g
         }, v));
-      }, n.clearSelection = function(h) {
+      }, n.clearSelection = function(g) {
         n.internalSetState({
           selectedItem: null,
           inputValue: "",
           highlightedIndex: n.props.defaultHighlightedIndex,
           isOpen: n.props.defaultIsOpen
-        }, h);
-      }, n.selectItem = function(h, v, I) {
+        }, g);
+      }, n.selectItem = function(g, v, S) {
         v = en(v), n.internalSetState(j({
           isOpen: n.props.defaultIsOpen,
           highlightedIndex: n.props.defaultHighlightedIndex,
-          selectedItem: h,
-          inputValue: n.props.itemToString(h)
-        }, v), I);
-      }, n.selectItemAtIndex = function(h, v, I) {
-        var w = n.items[h];
-        w != null && n.selectItem(w, v, I);
-      }, n.selectHighlightedItem = function(h, v) {
-        return n.selectItemAtIndex(n.getState().highlightedIndex, h, v);
-      }, n.internalSetState = function(h, v) {
-        var I, w, O = {}, _ = typeof h == "function";
-        return !_ && h.hasOwnProperty("inputValue") && n.props.onInputValueChange(h.inputValue, j({}, n.getStateAndHelpers(), h)), n.setState(
+          selectedItem: g,
+          inputValue: n.props.itemToString(g)
+        }, v), S);
+      }, n.selectItemAtIndex = function(g, v, S) {
+        var w = n.items[g];
+        w != null && n.selectItem(w, v, S);
+      }, n.selectHighlightedItem = function(g, v) {
+        return n.selectItemAtIndex(n.getState().highlightedIndex, g, v);
+      }, n.internalSetState = function(g, v) {
+        var S, w, O = {}, _ = typeof g == "function";
+        return !_ && g.hasOwnProperty("inputValue") && n.props.onInputValueChange(g.inputValue, j({}, n.getStateAndHelpers(), g)), n.setState(
         function(k) {
           var T;
           k = n.getState(k);
-          var C = _ ? h(k) : h;
-          C = n.props.stateReducer(k, C), I = C.hasOwnProperty("selectedItem");
+          var C = _ ? g(k) : g;
+          C = n.props.stateReducer(k, C), S = C.hasOwnProperty("selectedItem");
           var P = {};
-          return I && C.selectedItem !== k.selectedItem && (w = C.selectedItem), (T = C).type || (T.type = Op), Object.keys(C).forEach(function(D) {
+          return S && C.selectedItem !== k.selectedItem && (w = C.selectedItem), (T = C).type || (T.type = Op), Object.keys(C).forEach(function(D) {
             k[D] !== C[D] && (O[D] = C[D]), D !== "type" && (C[D], sn(n.props, D) || (P[D] = C[D]));
           }), _ && C.hasOwnProperty("inputValue") && n.props.onInputValueChange(C.inputValue, j({}, n.getStateAndHelpers(), C)), P;
         }, function() {
           bp(v)();
           var k = Object.keys(O).length > 1;
-          k && n.props.onStateChange(O, n.getStateAndHelpers()), I && n.props.onSelect(h.selectedItem, n.getStateAndHelpers()), w !== void 0 &&
+          k && n.props.onStateChange(O, n.getStateAndHelpers()), S && n.props.onSelect(g.selectedItem, n.getStateAndHelpers()), w !== void 0 &&
           n.props.onChange(w, n.getStateAndHelpers()), n.props.onUserAction(O, n.getStateAndHelpers());
         });
-      }, n.rootRef = function(h) {
-        return n._rootNode = h;
-      }, n.getRootProps = function(h, v) {
-        var I, w = h === void 0 ? {} : h, O = w.refKey, _ = O === void 0 ? "ref" : O, k = w.ref, T = ke(w, Px), C = v === void 0 ? {} : v, P = C.
+      }, n.rootRef = function(g) {
+        return n._rootNode = g;
+      }, n.getRootProps = function(g, v) {
+        var S, w = g === void 0 ? {} : g, O = w.refKey, _ = O === void 0 ? "ref" : O, k = w.ref, T = ke(w, Px), C = v === void 0 ? {} : v, P = C.
         suppressRefError, D = P === void 0 ? !1 : P;
         n.getRootProps.called = !0, n.getRootProps.refKey = _, n.getRootProps.suppressRefError = D;
         var M = n.getState(), N = M.isOpen;
-        return j((I = {}, I[_] = Je(k, n.rootRef), I.role = "combobox", I["aria-expanded"] = N, I["aria-haspopup"] = "listbox", I["aria-owns"] =
-        N ? n.menuId : void 0, I["aria-labelledby"] = n.labelId, I), T);
+        return j((S = {}, S[_] = Je(k, n.rootRef), S.role = "combobox", S["aria-expanded"] = N, S["aria-haspopup"] = "listbox", S["aria-owns"] =
+        N ? n.menuId : void 0, S["aria-labelledby"] = n.labelId, S), T);
       }, n.keyDownHandlers = {
         ArrowDown: /* @__PURE__ */ a(function(v) {
-          var I = this;
+          var S = this;
           if (v.preventDefault(), this.getState().isOpen) {
             var w = v.shiftKey ? 5 : 1;
             this.moveHighlightedIndex(w, {
@@ -9096,19 +9098,19 @@ Ox = /* @__PURE__ */ Object.freeze({
               isOpen: !0,
               type: on
             }, function() {
-              var O = I.getItemCount();
+              var O = S.getItemCount();
               if (O > 0) {
-                var _ = I.getState(), k = _.highlightedIndex, T = et(k, 1, {
+                var _ = S.getState(), k = _.highlightedIndex, T = et(k, 1, {
                   length: O
-                }, I.isItemDisabled, !0);
-                I.setHighlightedIndex(T, {
+                }, S.isItemDisabled, !0);
+                S.setHighlightedIndex(T, {
                   type: on
                 });
               }
             });
         }, "ArrowDown"),
         ArrowUp: /* @__PURE__ */ a(function(v) {
-          var I = this;
+          var S = this;
           if (v.preventDefault(), this.getState().isOpen) {
             var w = v.shiftKey ? -5 : -1;
             this.moveHighlightedIndex(w, {
@@ -9119,12 +9121,12 @@ Ox = /* @__PURE__ */ Object.freeze({
               isOpen: !0,
               type: tn
             }, function() {
-              var O = I.getItemCount();
+              var O = S.getItemCount();
               if (O > 0) {
-                var _ = I.getState(), k = _.highlightedIndex, T = et(k, -1, {
+                var _ = S.getState(), k = _.highlightedIndex, T = et(k, -1, {
                   length: O
-                }, I.isItemDisabled, !0);
-                I.setHighlightedIndex(T, {
+                }, S.isItemDisabled, !0);
+                S.setHighlightedIndex(T, {
                   type: tn
                 });
               }
@@ -9132,7 +9134,7 @@ Ox = /* @__PURE__ */ Object.freeze({
         }, "ArrowUp"),
         Enter: /* @__PURE__ */ a(function(v) {
           if (v.which !== 229) {
-            var I = this.getState(), w = I.isOpen, O = I.highlightedIndex;
+            var S = this.getState(), w = S.isOpen, O = S.highlightedIndex;
             if (w && O != null) {
               v.preventDefault();
               var _ = this.items[O], k = this.getItemNodeFromIndex(O);
@@ -9160,7 +9162,7 @@ Ox = /* @__PURE__ */ Object.freeze({
         }, "_")
       }), n.inputKeyDownHandlers = j({}, n.keyDownHandlers, {
         Home: /* @__PURE__ */ a(function(v) {
-          var I = this.getState(), w = I.isOpen;
+          var S = this.getState(), w = S.isOpen;
           if (w) {
             v.preventDefault();
             var O = this.getItemCount();
@@ -9175,7 +9177,7 @@ Ox = /* @__PURE__ */ Object.freeze({
           }
         }, "Home"),
         End: /* @__PURE__ */ a(function(v) {
-          var I = this.getState(), w = I.isOpen;
+          var S = this.getState(), w = S.isOpen;
           if (w) {
             v.preventDefault();
             var O = this.getItemCount();
@@ -9189,11 +9191,11 @@ Ox = /* @__PURE__ */ Object.freeze({
             }
           }
         }, "End")
-      }), n.getToggleButtonProps = function(h) {
-        var v = h === void 0 ? {} : h, I = v.onClick;
+      }), n.getToggleButtonProps = function(g) {
+        var v = g === void 0 ? {} : g, S = v.onClick;
         v.onPress;
         var w = v.onKeyDown, O = v.onKeyUp, _ = v.onBlur, k = ke(v, Ax), T = n.getState(), C = T.isOpen, P = {
-          onClick: le(I, n.buttonHandleClick),
+          onClick: le(S, n.buttonHandleClick),
           onKeyDown: le(w, n.buttonHandleKeyDown),
           onKeyUp: le(O, n.buttonHandleKeyUp),
           onBlur: le(_, n.buttonHandleBlur)
@@ -9205,45 +9207,45 @@ Ox = /* @__PURE__ */ Object.freeze({
           "aria-haspopup": !0,
           "data-toggle": !0
         }, D, k);
-      }, n.buttonHandleKeyUp = function(h) {
-        h.preventDefault();
-      }, n.buttonHandleKeyDown = function(h) {
-        var v = po(h);
-        n.buttonKeyDownHandlers[v] && n.buttonKeyDownHandlers[v].call(n, h);
-      }, n.buttonHandleClick = function(h) {
-        if (h.preventDefault(), n.props.environment) {
-          var v = n.props.environment.document, I = v.body, w = v.activeElement;
-          I && I === w && h.target.focus();
+      }, n.buttonHandleKeyUp = function(g) {
+        g.preventDefault();
+      }, n.buttonHandleKeyDown = function(g) {
+        var v = po(g);
+        n.buttonKeyDownHandlers[v] && n.buttonKeyDownHandlers[v].call(n, g);
+      }, n.buttonHandleClick = function(g) {
+        if (g.preventDefault(), n.props.environment) {
+          var v = n.props.environment.document, S = v.body, w = v.activeElement;
+          S && S === w && g.target.focus();
         }
         n.internalSetTimeout(function() {
           return n.toggleMenu({
             type: zp
           });
         });
-      }, n.buttonHandleBlur = function(h) {
-        var v = h.target;
+      }, n.buttonHandleBlur = function(g) {
+        var v = g.target;
         n.internalSetTimeout(function() {
           if (!(n.isMouseDown || !n.props.environment)) {
-            var I = n.props.environment.document.activeElement;
-            (I == null || I.id !== n.inputId) && I !== v && n.reset({
+            var S = n.props.environment.document.activeElement;
+            (S == null || S.id !== n.inputId) && S !== v && n.reset({
               type: Wp
             });
           }
         });
-      }, n.getLabelProps = function(h) {
+      }, n.getLabelProps = function(g) {
         return j({
           htmlFor: n.inputId,
           id: n.labelId
-        }, h);
-      }, n.getInputProps = function(h) {
-        var v = h === void 0 ? {} : h, I = v.onKeyDown, w = v.onBlur, O = v.onChange, _ = v.onInput;
+        }, g);
+      }, n.getInputProps = function(g) {
+        var v = g === void 0 ? {} : g, S = v.onKeyDown, w = v.onBlur, O = v.onChange, _ = v.onInput;
         v.onChangeText;
         var k = ke(v, Dx), T, C = {};
         T = "onChange";
         var P = n.getState(), D = P.inputValue, M = P.isOpen, N = P.highlightedIndex;
         if (!k.disabled) {
           var Z;
-          C = (Z = {}, Z[T] = le(O, _, n.inputHandleChange), Z.onKeyDown = le(I, n.inputHandleKeyDown), Z.onBlur = le(w, n.inputHandleBlur),
+          C = (Z = {}, Z[T] = le(O, _, n.inputHandleChange), Z.onKeyDown = le(S, n.inputHandleKeyDown), Z.onBlur = le(w, n.inputHandleBlur),
           Z);
         }
         return j({
@@ -9257,41 +9259,41 @@ Ox = /* @__PURE__ */ Object.freeze({
           value: D,
           id: n.inputId
         }, C, k);
-      }, n.inputHandleKeyDown = function(h) {
-        var v = po(h);
-        v && n.inputKeyDownHandlers[v] && n.inputKeyDownHandlers[v].call(n, h);
-      }, n.inputHandleChange = function(h) {
+      }, n.inputHandleKeyDown = function(g) {
+        var v = po(g);
+        v && n.inputKeyDownHandlers[v] && n.inputKeyDownHandlers[v].call(n, g);
+      }, n.inputHandleChange = function(g) {
         n.internalSetState({
           type: Bp,
           isOpen: !0,
-          inputValue: h.target.value,
+          inputValue: g.target.value,
           highlightedIndex: n.props.defaultHighlightedIndex
         });
       }, n.inputHandleBlur = function() {
         n.internalSetTimeout(function() {
-          var h;
+          var g;
           if (!(n.isMouseDown || !n.props.environment)) {
-            var v = n.props.environment.document.activeElement, I = (v == null || (h = v.dataset) == null ? void 0 : h.toggle) && n._rootNode &&
+            var v = n.props.environment.document.activeElement, S = (v == null || (g = v.dataset) == null ? void 0 : g.toggle) && n._rootNode &&
             n._rootNode.contains(v);
-            I || n.reset({
+            S || n.reset({
               type: Rp
             });
           }
         });
-      }, n.menuRef = function(h) {
-        n._menuNode = h;
-      }, n.getMenuProps = function(h, v) {
-        var I, w = h === void 0 ? {} : h, O = w.refKey, _ = O === void 0 ? "ref" : O, k = w.ref, T = ke(w, Mx), C = v === void 0 ? {} : v, P = C.
+      }, n.menuRef = function(g) {
+        n._menuNode = g;
+      }, n.getMenuProps = function(g, v) {
+        var S, w = g === void 0 ? {} : g, O = w.refKey, _ = O === void 0 ? "ref" : O, k = w.ref, T = ke(w, Mx), C = v === void 0 ? {} : v, P = C.
         suppressRefError, D = P === void 0 ? !1 : P;
-        return n.getMenuProps.called = !0, n.getMenuProps.refKey = _, n.getMenuProps.suppressRefError = D, j((I = {}, I[_] = Je(k, n.menuRef),
-        I.role = "listbox", I["aria-labelledby"] = T && T["aria-label"] ? void 0 : n.labelId, I.id = n.menuId, I), T);
-      }, n.getItemProps = function(h) {
-        var v, I = h === void 0 ? {} : h, w = I.onMouseMove, O = I.onMouseDown, _ = I.onClick;
-        I.onPress;
-        var k = I.index, T = I.item, C = T === void 0 ? (
+        return n.getMenuProps.called = !0, n.getMenuProps.refKey = _, n.getMenuProps.suppressRefError = D, j((S = {}, S[_] = Je(k, n.menuRef),
+        S.role = "listbox", S["aria-labelledby"] = T && T["aria-label"] ? void 0 : n.labelId, S.id = n.menuId, S), T);
+      }, n.getItemProps = function(g) {
+        var v, S = g === void 0 ? {} : g, w = S.onMouseMove, O = S.onMouseDown, _ = S.onClick;
+        S.onPress;
+        var k = S.index, T = S.item, C = T === void 0 ? (
           /* istanbul ignore next */
           void 0
-        ) : T, P = ke(I, Lx);
+        ) : T, P = ke(S, Lx);
         k === void 0 ? (n.items.push(C), k = n.items.indexOf(C)) : n.items[k] = C;
         var D = "onClick", M = _, N = (v = {
           // onMouseMove is used over onMouseEnter here. onMouseMove
@@ -9321,54 +9323,54 @@ Ox = /* @__PURE__ */ Object.freeze({
         }, Z, P);
       }, n.clearItems = function() {
         n.items = [];
-      }, n.reset = function(h, v) {
-        h === void 0 && (h = {}), h = en(h), n.internalSetState(function(I) {
-          var w = I.selectedItem;
+      }, n.reset = function(g, v) {
+        g === void 0 && (g = {}), g = en(g), n.internalSetState(function(S) {
+          var w = S.selectedItem;
           return j({
             isOpen: n.props.defaultIsOpen,
             highlightedIndex: n.props.defaultHighlightedIndex,
             inputValue: n.props.itemToString(w)
-          }, h);
+          }, g);
         }, v);
-      }, n.toggleMenu = function(h, v) {
-        h === void 0 && (h = {}), h = en(h), n.internalSetState(function(I) {
-          var w = I.isOpen;
+      }, n.toggleMenu = function(g, v) {
+        g === void 0 && (g = {}), g = en(g), n.internalSetState(function(S) {
+          var w = S.isOpen;
           return j({
             isOpen: !w
           }, w && {
             highlightedIndex: n.props.defaultHighlightedIndex
-          }, h);
+          }, g);
         }, function() {
-          var I = n.getState(), w = I.isOpen, O = I.highlightedIndex;
-          w && n.getItemCount() > 0 && typeof O == "number" && n.setHighlightedIndex(O, h), bp(v)();
+          var S = n.getState(), w = S.isOpen, O = S.highlightedIndex;
+          w && n.getItemCount() > 0 && typeof O == "number" && n.setHighlightedIndex(O, g), bp(v)();
         });
-      }, n.openMenu = function(h) {
+      }, n.openMenu = function(g) {
         n.internalSetState({
           isOpen: !0
-        }, h);
-      }, n.closeMenu = function(h) {
+        }, g);
+      }, n.closeMenu = function(g) {
         n.internalSetState({
           isOpen: !1
-        }, h);
+        }, g);
       }, n.updateStatus = fn(function() {
-        var h;
-        if ((h = n.props) != null && (h = h.environment) != null && h.document) {
-          var v = n.getState(), I = n.items[v.highlightedIndex], w = n.getItemCount(), O = n.props.getA11yStatusMessage(j({
+        var g;
+        if ((g = n.props) != null && (g = g.environment) != null && g.document) {
+          var v = n.getState(), S = n.items[v.highlightedIndex], w = n.getItemCount(), O = n.props.getA11yStatusMessage(j({
             itemToString: n.props.itemToString,
             previousResultCount: n.previousResultCount,
             resultCount: w,
-            highlightedItem: I
+            highlightedItem: S
           }, v));
           n.previousResultCount = w, kp(O, n.props.environment.document);
         }
       }, 200);
-      var l = n.props, u = l.defaultHighlightedIndex, c = l.initialHighlightedIndex, p = c === void 0 ? u : c, d = l.defaultIsOpen, m = l.initialIsOpen,
-      g = m === void 0 ? d : m, b = l.initialInputValue, f = b === void 0 ? "" : b, y = l.initialSelectedItem, S = y === void 0 ? null : y, E = n.
+      var l = n.props, u = l.defaultHighlightedIndex, c = l.initialHighlightedIndex, d = c === void 0 ? u : c, p = l.defaultIsOpen, m = l.initialIsOpen,
+      h = m === void 0 ? p : m, b = l.initialInputValue, f = b === void 0 ? "" : b, y = l.initialSelectedItem, I = y === void 0 ? null : y, E = n.
       getState({
-        highlightedIndex: p,
-        isOpen: g,
+        highlightedIndex: d,
+        isOpen: h,
         inputValue: f,
-        selectedItem: S
+        selectedItem: I
       });
       return E.selectedItem != null && n.props.initialInputValue === void 0 && (E.inputValue = n.props.itemToString(E.selectedItem)), n.state =
       E, n;
@@ -9392,32 +9394,32 @@ Ox = /* @__PURE__ */ Object.freeze({
         this.props.scrollIntoView(n, this._menuNode);
       }
     }, "scrollHighlightedItemIntoView"), i.moveHighlightedIndex = /* @__PURE__ */ a(function(n, l) {
-      var u = this.getItemCount(), c = this.getState(), p = c.highlightedIndex;
+      var u = this.getItemCount(), c = this.getState(), d = c.highlightedIndex;
       if (u > 0) {
-        var d = et(p, n, {
+        var p = et(d, n, {
           length: u
         }, this.isItemDisabled, !0);
-        this.setHighlightedIndex(d, l);
+        this.setHighlightedIndex(p, l);
       }
     }, "moveHighlightedIndex"), i.getStateAndHelpers = /* @__PURE__ */ a(function() {
-      var n = this.getState(), l = n.highlightedIndex, u = n.inputValue, c = n.selectedItem, p = n.isOpen, d = this.props.itemToString, m = this.
-      id, g = this.getRootProps, b = this.getToggleButtonProps, f = this.getLabelProps, y = this.getMenuProps, S = this.getInputProps, E = this.
-      getItemProps, h = this.openMenu, v = this.closeMenu, I = this.toggleMenu, w = this.selectItem, O = this.selectItemAtIndex, _ = this.selectHighlightedItem,
+      var n = this.getState(), l = n.highlightedIndex, u = n.inputValue, c = n.selectedItem, d = n.isOpen, p = this.props.itemToString, m = this.
+      id, h = this.getRootProps, b = this.getToggleButtonProps, f = this.getLabelProps, y = this.getMenuProps, I = this.getInputProps, E = this.
+      getItemProps, g = this.openMenu, v = this.closeMenu, S = this.toggleMenu, w = this.selectItem, O = this.selectItemAtIndex, _ = this.selectHighlightedItem,
       k = this.setHighlightedIndex, T = this.clearSelection, C = this.clearItems, P = this.reset, D = this.setItemCount, M = this.unsetItemCount,
       N = this.internalSetState;
       return {
         // prop getters
-        getRootProps: g,
+        getRootProps: h,
         getToggleButtonProps: b,
         getLabelProps: f,
         getMenuProps: y,
-        getInputProps: S,
+        getInputProps: I,
         getItemProps: E,
         // actions
         reset: P,
-        openMenu: h,
+        openMenu: g,
         closeMenu: v,
-        toggleMenu: I,
+        toggleMenu: S,
         selectItem: w,
         selectItemAtIndex: O,
         selectHighlightedItem: _,
@@ -9428,13 +9430,13 @@ Ox = /* @__PURE__ */ Object.freeze({
         unsetItemCount: M,
         setState: N,
         // props
-        itemToString: d,
+        itemToString: p,
         // derived
         id: m,
         // state
         highlightedIndex: l,
         inputValue: u,
-        isOpen: p,
+        isOpen: d,
         selectedItem: c
       };
     }, "getStateAndHelpers"), i.componentDidMount = /* @__PURE__ */ a(function() {
@@ -9456,9 +9458,9 @@ Ox = /* @__PURE__ */ Object.freeze({
           });
         }, "onMouseUp"), c = /* @__PURE__ */ a(function() {
           n.isTouchMove = !1;
-        }, "onTouchStart"), p = /* @__PURE__ */ a(function() {
+        }, "onTouchStart"), d = /* @__PURE__ */ a(function() {
           n.isTouchMove = !0;
-        }, "onTouchMove"), d = /* @__PURE__ */ a(function(b) {
+        }, "onTouchMove"), p = /* @__PURE__ */ a(function(b) {
           var f = an(b.target, [n._rootNode, n._menuNode], n.props.environment, !1);
           !n.isTouchMove && !f && n.getState().isOpen && n.reset({
             type: jp
@@ -9467,15 +9469,15 @@ Ox = /* @__PURE__ */ Object.freeze({
           });
         }, "onTouchEnd"), m = this.props.environment;
         m.addEventListener("mousedown", l), m.addEventListener("mouseup", u), m.addEventListener("touchstart", c), m.addEventListener("touch\
-move", p), m.addEventListener("touchend", d), this.cleanup = function() {
+move", d), m.addEventListener("touchend", p), this.cleanup = function() {
           n.internalClearTimeouts(), n.updateStatus.cancel(), m.removeEventListener("mousedown", l), m.removeEventListener("mouseup", u), m.
-          removeEventListener("touchstart", c), m.removeEventListener("touchmove", p), m.removeEventListener("touchend", d);
+          removeEventListener("touchstart", c), m.removeEventListener("touchmove", d), m.removeEventListener("touchend", p);
         };
       }
     }, "componentDidMount"), i.shouldScroll = /* @__PURE__ */ a(function(n, l) {
-      var u = this.props.highlightedIndex === void 0 ? this.getState() : this.props, c = u.highlightedIndex, p = l.highlightedIndex === void 0 ?
-      n : l, d = p.highlightedIndex, m = c && this.getState().isOpen && !n.isOpen, g = c !== d;
-      return m || g;
+      var u = this.props.highlightedIndex === void 0 ? this.getState() : this.props, c = u.highlightedIndex, d = l.highlightedIndex === void 0 ?
+      n : l, p = d.highlightedIndex, m = c && this.getState().isOpen && !n.isOpen, h = c !== p;
+      return m || h;
     }, "shouldScroll"), i.componentDidUpdate = /* @__PURE__ */ a(function(n, l) {
       sn(this.props, "selectedItem") && this.props.selectedItemChanged(n.selectedItem, this.props.selectedItem) && this.internalSetState({
         type: Vp,
@@ -9556,28 +9558,28 @@ var Ip = fn(function(e, t) {
 /* @__PURE__ */ a(function(t) {
   var o = t.id, i = t.labelId, r = t.menuId, n = t.getItemId, l = t.toggleButtonId, u = t.inputId, c = "downshift-" + s.useId();
   o || (o = c);
-  var p = q({
+  var d = q({
     labelId: i || o + "-label",
     menuId: r || o + "-menu",
-    getItemId: n || function(d) {
-      return o + "-item-" + d;
+    getItemId: n || function(p) {
+      return o + "-item-" + p;
     },
     toggleButtonId: l || o + "-toggle-button",
     inputId: u || o + "-input"
   });
-  return p.current;
+  return d.current;
 }, "useElementIds") : /* @__PURE__ */ a(function(t) {
   var o = t.id, i = o === void 0 ? "downshift-" + Cp() : o, r = t.labelId, n = t.menuId, l = t.getItemId, u = t.toggleButtonId, c = t.inputId,
-  p = q({
+  d = q({
     labelId: r || i + "-label",
     menuId: n || i + "-menu",
-    getItemId: l || function(d) {
-      return i + "-item-" + d;
+    getItemId: l || function(p) {
+      return i + "-item-" + p;
     },
     toggleButtonId: u || i + "-toggle-button",
     inputId: c || i + "-input"
   });
-  return p.current;
+  return d.current;
 }, "useElementIds");
 function qi(e, t, o, i) {
   var r, n;
@@ -9606,19 +9608,19 @@ a(mn, "useLatestRef");
 function Up(e, t, o, i) {
   var r = q(), n = q(), l = A(function(b, f) {
     n.current = f, b = Vo(b, f.props);
-    var y = e(b, f), S = f.props.stateReducer(b, j({}, f, {
+    var y = e(b, f), I = f.props.stateReducer(b, j({}, f, {
       changes: y
     }));
-    return S;
-  }, [e]), u = Zt(l, t, o), c = u[0], p = u[1], d = mn(t), m = A(function(b) {
-    return p(j({
-      props: d.current
+    return I;
+  }, [e]), u = Zt(l, t, o), c = u[0], d = u[1], p = mn(t), m = A(function(b) {
+    return d(j({
+      props: p.current
     }, b));
-  }, [d]), g = n.current;
+  }, [p]), h = n.current;
   return V(function() {
-    var b = Vo(r.current, g?.props), f = g && r.current && !i(b, c);
-    f && Nx(g, b, c), r.current = c;
-  }, [c, g, i]), [c, m];
+    var b = Vo(r.current, h?.props), f = h && r.current && !i(b, c);
+    f && Nx(h, b, c), r.current = c;
+  }, [c, h, i]), [c, m];
 }
 a(Up, "useEnhancedReducer");
 function Gp(e, t, o, i) {
@@ -9668,10 +9670,10 @@ function qp(e) {
 }
 a(qp, "getInitialState$2");
 function Gt(e, t, o) {
-  var i = e.items, r = e.initialHighlightedIndex, n = e.defaultHighlightedIndex, l = e.isItemDisabled, u = e.itemToKey, c = t.selectedItem, p = t.
+  var i = e.items, r = e.initialHighlightedIndex, n = e.defaultHighlightedIndex, l = e.isItemDisabled, u = e.itemToKey, c = t.selectedItem, d = t.
   highlightedIndex;
-  return i.length === 0 ? -1 : r !== void 0 && p === r && !l(i[r], r) ? r : n !== void 0 && !l(i[n], n) ? n : c ? i.findIndex(function(d) {
-    return u(c) === u(d);
+  return i.length === 0 ? -1 : r !== void 0 && d === r && !l(i[r], r) ? r : n !== void 0 && !l(i[n], n) ? n : c ? i.findIndex(function(p) {
+    return u(c) === u(p);
   }) : o < 0 && !l(i[i.length - 1], i.length - 1) ? i.length - 1 : o > 0 && !l(i[0], 0) ? 0 : -1;
 }
 a(Gt, "getHighlightedIndexOnOpen");
@@ -9684,15 +9686,15 @@ function Yp(e, t, o) {
   return V(function() {
     if (!e)
       return Be;
-    var r = o.map(function(d) {
-      return d.current;
+    var r = o.map(function(p) {
+      return p.current;
     });
     function n() {
       i.current.isTouchEnd = !1, i.current.isMouseDown = !0;
     }
     a(n, "onMouseDown");
-    function l(d) {
-      i.current.isMouseDown = !1, an(d.target, r, e) || t();
+    function l(p) {
+      i.current.isMouseDown = !1, an(p.target, r, e) || t();
     }
     a(l, "onMouseUp");
     function u() {
@@ -9703,13 +9705,13 @@ function Yp(e, t, o) {
       i.current.isTouchMove = !0;
     }
     a(c, "onTouchMove");
-    function p(d) {
-      i.current.isTouchEnd = !0, !i.current.isTouchMove && !an(d.target, r, e, !1) && t();
+    function d(p) {
+      i.current.isTouchEnd = !0, !i.current.isTouchMove && !an(p.target, r, e, !1) && t();
     }
-    return a(p, "onTouchEnd"), e.addEventListener("mousedown", n), e.addEventListener("mouseup", l), e.addEventListener("touchstart", u), e.
-    addEventListener("touchmove", c), e.addEventListener("touchend", p), /* @__PURE__ */ a(function() {
+    return a(d, "onTouchEnd"), e.addEventListener("mousedown", n), e.addEventListener("mouseup", l), e.addEventListener("touchstart", u), e.
+    addEventListener("touchmove", c), e.addEventListener("touchend", d), /* @__PURE__ */ a(function() {
       e.removeEventListener("mousedown", n), e.removeEventListener("mouseup", l), e.removeEventListener("touchstart", u), e.removeEventListener(
-      "touchmove", c), e.removeEventListener("touchend", p);
+      "touchmove", c), e.removeEventListener("touchend", d);
     }, "cleanup");
   }, [o, e, t]), i.current;
 }
@@ -9874,14 +9876,14 @@ a(Jp, "downshiftCommonReducer");
 function Wx(e) {
   for (var t = e.keysSoFar, o = e.highlightedIndex, i = e.items, r = e.itemToString, n = e.isItemDisabled, l = t.toLowerCase(), u = 0; u < i.
   length; u++) {
-    var c = (u + o + (t.length < 2 ? 1 : 0)) % i.length, p = i[c];
-    if (p !== void 0 && r(p).toLowerCase().startsWith(l) && !n(p, c))
+    var c = (u + o + (t.length < 2 ? 1 : 0)) % i.length, d = i[c];
+    if (d !== void 0 && r(d).toLowerCase().startsWith(l) && !n(d, c))
       return c;
   }
   return o;
 }
 a(Wx, "getItemIndexByCharacterKey");
-var bR = $t($t({}, Zp), { items: Y.default.array.isRequired, isItemDisabled: Y.default.func }), Vx = $t($t({}, Wo), { isItemDisabled: /* @__PURE__ */ a(
+var vR = $t($t({}, Zp), { items: Y.default.array.isRequired, isItemDisabled: Y.default.func }), Vx = $t($t({}, Wo), { isItemDisabled: /* @__PURE__ */ a(
 function() {
   return !1;
 }, "isItemDisabled") }), jx = Be, nn = 0, Ji = 1, es = 2, cn = 3, ts = 4, os = 5, rs = 6, ns = 7, is = 8, ss = 9, as = 10, pn = 11, ed = 12,
@@ -9922,18 +9924,18 @@ function Kx(e, t) {
       break;
     case cn:
       {
-        var u = t.key, c = "" + e.inputValue + u, p = !e.isOpen && e.selectedItem ? r.items.findIndex(function(b) {
+        var u = t.key, c = "" + e.inputValue + u, d = !e.isOpen && e.selectedItem ? r.items.findIndex(function(b) {
           return r.itemToKey(b) === r.itemToKey(e.selectedItem);
-        }) : e.highlightedIndex, d = Wx({
+        }) : e.highlightedIndex, p = Wx({
           keysSoFar: c,
-          highlightedIndex: p,
+          highlightedIndex: d,
           items: r.items,
           itemToString: r.itemToString,
           isItemDisabled: r.isItemDisabled
         });
         l = {
           inputValue: c,
-          highlightedIndex: d,
+          highlightedIndex: p,
           isOpen: !0
         };
       }
@@ -9951,9 +9953,9 @@ function Kx(e, t) {
       if (e.isOpen && n)
         l = ln(r, e.highlightedIndex, !1);
       else {
-        var g = e.isOpen ? et(e.highlightedIndex, -1, r.items, r.isItemDisabled) : Gt(r, e, -1);
+        var h = e.isOpen ? et(e.highlightedIndex, -1, r.items, r.isItemDisabled) : Gt(r, e, -1);
         l = {
-          highlightedIndex: g,
+          highlightedIndex: h,
           isOpen: !0
         };
       }
@@ -10016,21 +10018,21 @@ ld.stateChangeTypes = ad;
 function ld(e) {
   e === void 0 && (e = {}), jx(e, ld);
   var t = j({}, Vx, e), o = t.scrollIntoView, i = t.environment, r = t.getA11yStatusMessage, n = Gp(Kx, t, qp, Xp), l = n[0], u = n[1], c = l.
-  isOpen, p = l.highlightedIndex, d = l.selectedItem, m = l.inputValue, g = q(null), b = q(null), f = q({}), y = q(null), S = $p(t), E = mn(
+  isOpen, d = l.highlightedIndex, p = l.selectedItem, m = l.inputValue, h = q(null), b = q(null), f = q({}), y = q(null), I = $p(t), E = mn(
   {
     state: l,
     props: t
-  }), h = A(function(B) {
-    return f.current[S.getItemId(B)];
-  }, [S]);
-  Xi(r, l, [c, p, d, m], i);
+  }), g = A(function(B) {
+    return f.current[I.getItemId(B)];
+  }, [I]);
+  Xi(r, l, [c, d, p, m], i);
   var v = Qp({
     menuElement: b.current,
-    highlightedIndex: p,
+    highlightedIndex: d,
     isOpen: c,
     itemRefs: f,
     scrollIntoView: o,
-    getItemNodeFromIndex: h
+    getItemNodeFromIndex: g
   });
   V(function() {
     return y.current = fn(function(B) {
@@ -10048,15 +10050,15 @@ function ld(e) {
     state: l
   }), V(function() {
     var B = Ut(t, "isOpen");
-    B && g.current && g.current.focus();
+    B && h.current && h.current.focus();
   }, []);
-  var I = Yp(i, A(/* @__PURE__ */ a(function() {
+  var S = Yp(i, A(/* @__PURE__ */ a(function() {
     E.current.state.isOpen && u({
       type: pn
     });
   }, "handleBlur"), [u, E]), U(function() {
-    return [b, g];
-  }, [b.current, g.current])), w = Qi("getMenuProps", "getToggleButtonProps");
+    return [b, h];
+  }, [b.current, h.current])), w = Qi("getMenuProps", "getToggleButtonProps");
   V(function() {
     c || (f.current = {});
   }, [c]);
@@ -10155,14 +10157,14 @@ function ld(e) {
   }, [u]), N = A(function(B) {
     var G = B === void 0 ? {} : B, H = G.onClick, re = ke(G, $x), F = /* @__PURE__ */ a(function() {
       var L;
-      (L = g.current) == null || L.focus();
+      (L = h.current) == null || L.focus();
     }, "labelHandleClick");
     return j({
-      id: S.labelId,
-      htmlFor: S.toggleButtonId,
+      id: I.labelId,
+      htmlFor: I.toggleButtonId,
       onClick: le(H, F)
     }, re);
-  }, [S]), Z = A(function(B, G) {
+  }, [I]), Z = A(function(B, G) {
     var H, re = B === void 0 ? {} : B, F = re.onMouseLeave, R = re.refKey, L = R === void 0 ? "ref" : R, $ = re.ref, J = ke(re, Ux), ie = G ===
     void 0 ? {} : G, te = ie.suppressRefError, de = te === void 0 ? !1 : te, ae = /* @__PURE__ */ a(function() {
       u({
@@ -10171,9 +10173,9 @@ function ld(e) {
     }, "menuHandleMouseLeave");
     return w("getMenuProps", de, L, b), j((H = {}, H[L] = Je($, function(ce) {
       b.current = ce;
-    }), H.id = S.menuId, H.role = "listbox", H["aria-labelledby"] = J && J["aria-label"] ? void 0 : "" + S.labelId, H.onMouseLeave = le(F, ae),
+    }), H.id = I.menuId, H.role = "listbox", H["aria-labelledby"] = J && J["aria-label"] ? void 0 : "" + I.labelId, H.onMouseLeave = le(F, ae),
     H), J);
-  }, [u, w, S]), W = A(function(B, G) {
+  }, [u, w, I]), W = A(function(B, G) {
     var H, re = B === void 0 ? {} : B, F = re.onBlur, R = re.onClick;
     re.onPress;
     var L = re.onKeyDown, $ = re.refKey, J = $ === void 0 ? "ref" : $, ie = re.ref, te = ke(re, Gx), de = G === void 0 ? {} : G, ae = de.suppressRefError,
@@ -10182,7 +10184,7 @@ function ld(e) {
         type: nn
       });
     }, "toggleButtonHandleClick"), ye = /* @__PURE__ */ a(function() {
-      ue.isOpen && !I.isMouseDown && u({
+      ue.isOpen && !S.isMouseDown && u({
         type: pn
       });
     }, "toggleButtonHandleBlur"), Oe = /* @__PURE__ */ a(function(_e) {
@@ -10192,12 +10194,12 @@ function ld(e) {
         key: De
       });
     }, "toggleButtonHandleKeyDown"), fe = j((H = {}, H[J] = Je(ie, function(Se) {
-      g.current = Se;
-    }), H["aria-activedescendant"] = ue.isOpen && ue.highlightedIndex > -1 ? S.getItemId(ue.highlightedIndex) : "", H["aria-controls"] = S.menuId,
+      h.current = Se;
+    }), H["aria-activedescendant"] = ue.isOpen && ue.highlightedIndex > -1 ? I.getItemId(ue.highlightedIndex) : "", H["aria-controls"] = I.menuId,
     H["aria-expanded"] = E.current.state.isOpen, H["aria-haspopup"] = "listbox", H["aria-labelledby"] = te && te["aria-label"] ? void 0 : "" +
-    S.labelId, H.id = S.toggleButtonId, H.role = "combobox", H.tabIndex = 0, H.onBlur = le(F, ye), H), te);
-    return te.disabled || (fe.onClick = le(R, Ie), fe.onKeyDown = le(L, Oe)), w("getToggleButtonProps", ce, J, g), fe;
-  }, [u, S, E, I, w, O]), Q = A(function(B) {
+    I.labelId, H.id = I.toggleButtonId, H.role = "combobox", H.tabIndex = 0, H.onBlur = le(F, ye), H), te);
+    return te.disabled || (fe.onClick = le(R, Ie), fe.onKeyDown = le(L, Oe)), w("getToggleButtonProps", ce, J, h), fe;
+  }, [u, I, E, S, w, O]), Q = A(function(B) {
     var G, H = B === void 0 ? {} : B, re = H.item, F = H.index, R = H.onMouseMove, L = H.onClick, $ = H.onMouseDown;
     H.onPress;
     var J = H.refKey, ie = J === void 0 ? "ref" : J, te = H.disabled, de = H.ref, ae = ke(H, qx);
@@ -10205,7 +10207,7 @@ function ld(e) {
  prop from useSelect.');
     var ce = E.current, ue = ce.state, Ie = ce.props, ye = qi(re, F, Ie.items, "Pass either item or index to getItemProps!"), Oe = ye[0], fe = ye[1],
     Se = Ie.isItemDisabled(Oe, fe), _e = /* @__PURE__ */ a(function() {
-      I.isTouchEnd || fe === ue.highlightedIndex || (v.current = !1, u({
+      S.isTouchEnd || fe === ue.highlightedIndex || (v.current = !1, u({
         type: td,
         index: fe,
         disabled: Se
@@ -10218,10 +10220,10 @@ function ld(e) {
     }, "itemHandleClick"), z = /* @__PURE__ */ a(function(fo) {
       return fo.preventDefault();
     }, "itemHandleMouseDown"), Pe = j((G = {}, G[ie] = Je(de, function(qe) {
-      qe && (f.current[S.getItemId(fe)] = qe);
-    }), G["aria-disabled"] = Se, G["aria-selected"] = Oe === ue.selectedItem, G.id = S.getItemId(fe), G.role = "option", G), ae);
+      qe && (f.current[I.getItemId(fe)] = qe);
+    }), G["aria-disabled"] = Se, G["aria-selected"] = Oe === ue.selectedItem, G.id = I.getItemId(fe), G.role = "option", G), ae);
     return Se || (Pe.onClick = le(L, De)), Pe.onMouseMove = le(R, _e), Pe.onMouseDown = le($, z), Pe;
-  }, [E, S, I, v, u]);
+  }, [E, I, S, v, u]);
   return {
     // prop getters.
     getToggleButtonProps: W,
@@ -10237,9 +10239,9 @@ function ld(e) {
     reset: D,
     setInputValue: M,
     // state.
-    highlightedIndex: p,
+    highlightedIndex: d,
     isOpen: c,
-    selectedItem: d,
+    selectedItem: p,
     inputValue: m
   };
 }
@@ -10279,7 +10281,7 @@ function Yx(e) {
   });
 }
 a(Yx, "getInitialState$1");
-var vR = j({}, Zp, {
+var xR = j({}, Zp, {
   items: Y.default.array.isRequired,
   isItemDisabled: Y.default.func,
   inputValue: Y.default.string,
@@ -10293,8 +10295,8 @@ function Qx(e, t, o, i) {
   return V(function() {
     if (sn(t, "selectedItem")) {
       if (!c) {
-        var p = t.itemToKey(t.selectedItem) !== t.itemToKey(r.current);
-        p && u({
+        var d = t.itemToKey(t.selectedItem) !== t.itemToKey(r.current);
+        d && u({
           type: Ss,
           inputValue: t.itemToString(t.selectedItem)
         });
@@ -10414,18 +10416,18 @@ vd.stateChangeTypes = bd;
 function vd(e) {
   e === void 0 && (e = {}), Xx(e, vd);
   var t = j({}, Zx, e), o = t.items, i = t.scrollIntoView, r = t.environment, n = t.getA11yStatusMessage, l = Qx(Jx, t, Yx, Xp), u = l[0], c = l[1],
-  p = u.isOpen, d = u.highlightedIndex, m = u.selectedItem, g = u.inputValue, b = q(null), f = q({}), y = q(null), S = q(null), E = hn(), h = $p(
-  t), v = q(), I = mn({
+  d = u.isOpen, p = u.highlightedIndex, m = u.selectedItem, h = u.inputValue, b = q(null), f = q({}), y = q(null), I = q(null), E = hn(), g = $p(
+  t), v = q(), S = mn({
     state: u,
     props: t
   }), w = A(function(F) {
-    return f.current[h.getItemId(F)];
-  }, [h]);
-  Xi(n, u, [p, d, m, g], r);
+    return f.current[g.getItemId(F)];
+  }, [g]);
+  Xi(n, u, [d, p, m, h], r);
   var O = Qp({
     menuElement: b.current,
-    highlightedIndex: d,
-    isOpen: p,
+    highlightedIndex: p,
+    isOpen: d,
     itemRefs: f,
     scrollIntoView: i,
     getItemNodeFromIndex: w
@@ -10440,20 +10442,20 @@ function vd(e) {
     E || (v.current = o.length);
   });
   var _ = Yp(r, A(/* @__PURE__ */ a(function() {
-    I.current.state.isOpen && c({
+    S.current.state.isOpen && c({
       type: dn,
       selectItem: !1
     });
-  }, "handleBlur"), [c, I]), U(function() {
-    return [b, S, y];
-  }, [b.current, S.current, y.current])), k = Qi("getInputProps", "getMenuProps");
+  }, "handleBlur"), [c, S]), U(function() {
+    return [b, I, y];
+  }, [b.current, I.current, y.current])), k = Qi("getInputProps", "getMenuProps");
   V(function() {
-    p || (f.current = {});
-  }, [p]), V(function() {
+    d || (f.current = {});
+  }, [d]), V(function() {
     var F;
-    !p || !(r != null && r.document) || !(y != null && (F = y.current) != null && F.focus) || r.document.activeElement !== y.current && y.current.
+    !d || !(r != null && r.document) || !(y != null && (F = y.current) != null && F.focus) || r.document.activeElement !== y.current && y.current.
     focus();
-  }, [p, r]);
+  }, [d, r]);
   var T = U(function() {
     return {
       ArrowDown: /* @__PURE__ */ a(function(R) {
@@ -10469,62 +10471,62 @@ function vd(e) {
         });
       }, "ArrowUp"),
       Home: /* @__PURE__ */ a(function(R) {
-        I.current.state.isOpen && (R.preventDefault(), c({
+        S.current.state.isOpen && (R.preventDefault(), c({
           type: fs
         }));
       }, "Home"),
       End: /* @__PURE__ */ a(function(R) {
-        I.current.state.isOpen && (R.preventDefault(), c({
+        S.current.state.isOpen && (R.preventDefault(), c({
           type: ms
         }));
       }, "End"),
       Escape: /* @__PURE__ */ a(function(R) {
-        var L = I.current.state;
+        var L = S.current.state;
         (L.isOpen || L.inputValue || L.selectedItem || L.highlightedIndex > -1) && (R.preventDefault(), c({
           type: ds
         }));
       }, "Escape"),
       Enter: /* @__PURE__ */ a(function(R) {
-        var L = I.current.state;
+        var L = S.current.state;
         !L.isOpen || R.which === 229 || (R.preventDefault(), c({
           type: ys
         }));
       }, "Enter"),
       PageUp: /* @__PURE__ */ a(function(R) {
-        I.current.state.isOpen && (R.preventDefault(), c({
+        S.current.state.isOpen && (R.preventDefault(), c({
           type: hs
         }));
       }, "PageUp"),
       PageDown: /* @__PURE__ */ a(function(R) {
-        I.current.state.isOpen && (R.preventDefault(), c({
+        S.current.state.isOpen && (R.preventDefault(), c({
           type: gs
         }));
       }, "PageDown")
     };
-  }, [c, I]), C = A(function(F) {
+  }, [c, S]), C = A(function(F) {
     return j({
-      id: h.labelId,
-      htmlFor: h.inputId
+      id: g.labelId,
+      htmlFor: g.inputId
     }, F);
-  }, [h]), P = A(function(F, R) {
+  }, [g]), P = A(function(F, R) {
     var L, $ = F === void 0 ? {} : F, J = $.onMouseLeave, ie = $.refKey, te = ie === void 0 ? "ref" : ie, de = $.ref, ae = ke($, eI), ce = R ===
     void 0 ? {} : R, ue = ce.suppressRefError, Ie = ue === void 0 ? !1 : ue;
     return k("getMenuProps", Ie, te, b), j((L = {}, L[te] = Je(de, function(ye) {
       b.current = ye;
-    }), L.id = h.menuId, L.role = "listbox", L["aria-labelledby"] = ae && ae["aria-label"] ? void 0 : "" + h.labelId, L.onMouseLeave = le(J,
+    }), L.id = g.menuId, L.role = "listbox", L["aria-labelledby"] = ae && ae["aria-label"] ? void 0 : "" + g.labelId, L.onMouseLeave = le(J,
     function() {
       c({
         type: ud
       });
     }), L), ae);
-  }, [c, k, h]), D = A(function(F) {
+  }, [c, k, g]), D = A(function(F) {
     var R, L, $ = F === void 0 ? {} : F, J = $.item, ie = $.index, te = $.refKey, de = te === void 0 ? "ref" : te, ae = $.ref, ce = $.onMouseMove,
     ue = $.onMouseDown, Ie = $.onClick;
     $.onPress;
     var ye = $.disabled, Oe = ke($, tI);
     ye !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled\
  prop from useCombobox.');
-    var fe = I.current, Se = fe.props, _e = fe.state, De = qi(J, ie, Se.items, "Pass either item or index to getItemProps!"), z = De[0], Pe = De[1],
+    var fe = S.current, Se = fe.props, _e = fe.state, De = qi(J, ie, Se.items, "Pass either item or index to getItemProps!"), z = De[0], Pe = De[1],
     qe = Se.isItemDisabled(z, Pe), fo = "onClick", $o = Ie, ft = /* @__PURE__ */ a(function() {
       _.isTouchEnd || Pe === _e.highlightedIndex || (O.current = !1, c({
         type: cd,
@@ -10540,32 +10542,32 @@ function vd(e) {
       return Jd.preventDefault();
     }, "itemHandleMouseDown");
     return j((R = {}, R[de] = Je(ae, function(Ye) {
-      Ye && (f.current[h.getItemId(Pe)] = Ye);
-    }), R["aria-disabled"] = qe, R["aria-selected"] = Pe === _e.highlightedIndex, R.id = h.getItemId(Pe), R.role = "option", R), !qe && (L =
+      Ye && (f.current[g.getItemId(Pe)] = Ye);
+    }), R["aria-disabled"] = qe, R["aria-selected"] = Pe === _e.highlightedIndex, R.id = g.getItemId(Pe), R.role = "option", R), !qe && (L =
     {}, L[fo] = le($o, Et), L), {
       onMouseMove: le(ce, ft),
       onMouseDown: le(ue, mt)
     }, Oe);
-  }, [c, h, I, _, O]), M = A(function(F) {
+  }, [c, g, S, _, O]), M = A(function(F) {
     var R, L = F === void 0 ? {} : F, $ = L.onClick;
     L.onPress;
-    var J = L.refKey, ie = J === void 0 ? "ref" : J, te = L.ref, de = ke(L, oI), ae = I.current.state, ce = /* @__PURE__ */ a(function() {
+    var J = L.refKey, ie = J === void 0 ? "ref" : J, te = L.ref, de = ke(L, oI), ae = S.current.state, ce = /* @__PURE__ */ a(function() {
       c({
         type: pd
       });
     }, "toggleButtonHandleClick");
     return j((R = {}, R[ie] = Je(te, function(ue) {
-      S.current = ue;
-    }), R["aria-controls"] = h.menuId, R["aria-expanded"] = ae.isOpen, R.id = h.toggleButtonId, R.tabIndex = -1, R), !de.disabled && j({}, {
+      I.current = ue;
+    }), R["aria-controls"] = g.menuId, R["aria-expanded"] = ae.isOpen, R.id = g.toggleButtonId, R.tabIndex = -1, R), !de.disabled && j({}, {
       onClick: le($, ce)
     }), de);
-  }, [c, I, h]), N = A(function(F, R) {
+  }, [c, S, g]), N = A(function(F, R) {
     var L, $ = F === void 0 ? {} : F, J = $.onKeyDown, ie = $.onChange, te = $.onInput, de = $.onBlur;
     $.onChangeText;
     var ae = $.onClick, ce = $.refKey, ue = ce === void 0 ? "ref" : ce, Ie = $.ref, ye = ke($, rI), Oe = R === void 0 ? {} : R, fe = Oe.suppressRefError,
     Se = fe === void 0 ? !1 : fe;
     k("getInputProps", Se, ue, y);
-    var _e = I.current.state, De = /* @__PURE__ */ a(function(mt) {
+    var _e = S.current.state, De = /* @__PURE__ */ a(function(mt) {
       var Ye = po(mt);
       Ye && T[Ye] && T[Ye](mt);
     }, "inputHandleKeyDown"), z = /* @__PURE__ */ a(function(mt) {
@@ -10592,10 +10594,10 @@ function vd(e) {
     }
     return j((L = {}, L[ue] = Je(Ie, function(Et) {
       y.current = Et;
-    }), L["aria-activedescendant"] = _e.isOpen && _e.highlightedIndex > -1 ? h.getItemId(_e.highlightedIndex) : "", L["aria-autocomplete"] =
-    "list", L["aria-controls"] = h.menuId, L["aria-expanded"] = _e.isOpen, L["aria-labelledby"] = ye && ye["aria-label"] ? void 0 : h.labelId,
-    L.autoComplete = "off", L.id = h.inputId, L.role = "combobox", L.value = _e.inputValue, L), $o, ye);
-  }, [c, h, r, T, I, _, k]), Z = A(function() {
+    }), L["aria-activedescendant"] = _e.isOpen && _e.highlightedIndex > -1 ? g.getItemId(_e.highlightedIndex) : "", L["aria-autocomplete"] =
+    "list", L["aria-controls"] = g.menuId, L["aria-expanded"] = _e.isOpen, L["aria-labelledby"] = ye && ye["aria-label"] ? void 0 : g.labelId,
+    L.autoComplete = "off", L.id = g.inputId, L.role = "combobox", L.value = _e.inputValue, L), $o, ye);
+  }, [c, g, r, T, S, _, k]), Z = A(function() {
     c({
       type: dd
     });
@@ -10643,10 +10645,10 @@ function vd(e) {
     selectItem: G,
     reset: re,
     // state.
-    highlightedIndex: d,
-    isOpen: p,
+    highlightedIndex: p,
+    isOpen: d,
     selectedItem: m,
-    inputValue: g
+    inputValue: h
   };
 }
 a(vd, "useCombobox");
@@ -10684,7 +10686,7 @@ function iI(e, t) {
   return e.selectedItems === t.selectedItems && e.activeIndex === t.activeIndex;
 }
 a(iI, "isStateEqual");
-var xR = {
+var IR = {
   stateReducer: rn.stateReducer,
   itemToKey: rn.itemToKey,
   environment: rn.environment,
@@ -10744,11 +10746,11 @@ function uI(e, t) {
     case Es: {
       if (l < 0)
         break;
-      var p = l;
-      u.length === 1 ? p = -1 : l === u.length - 1 && (p = u.length - 2), c = j({
+      var d = l;
+      u.length === 1 ? d = -1 : l === u.length - 1 && (d = u.length - 2), c = j({
         selectedItems: [].concat(u.slice(0, l), u.slice(l + 1))
       }, {
-        activeIndex: p
+        activeIndex: d
       });
       break;
     }
@@ -10773,21 +10775,21 @@ function uI(e, t) {
       };
       break;
     case Ds: {
-      var d = l, m = u.findIndex(function(f) {
+      var p = l, m = u.findIndex(function(f) {
         return r.itemToKey(f) === r.itemToKey(n);
       });
       if (m < 0)
         break;
-      u.length === 1 ? d = -1 : m === u.length - 1 && (d = u.length - 2), c = {
+      u.length === 1 ? p = -1 : m === u.length - 1 && (p = u.length - 2), c = {
         selectedItems: [].concat(u.slice(0, m), u.slice(m + 1)),
-        activeIndex: d
+        activeIndex: p
       };
       break;
     }
     case Ms: {
-      var g = t.selectedItems;
+      var h = t.selectedItems;
       c = {
-        selectedItems: g
+        selectedItems: h
       };
       break;
     }
@@ -10816,19 +10818,19 @@ Id.stateChangeTypes = lI;
 function Id(e) {
   e === void 0 && (e = {}), aI(e, Id);
   var t = j({}, sI, e), o = t.getA11yStatusMessage, i = t.environment, r = t.keyNavigationNext, n = t.keyNavigationPrevious, l = Gp(uI, t, nI,
-  iI), u = l[0], c = l[1], p = u.activeIndex, d = u.selectedItems, m = hn(), g = q(null), b = q();
+  iI), u = l[0], c = l[1], d = u.activeIndex, p = u.selectedItems, m = hn(), h = q(null), b = q();
   b.current = [];
   var f = mn({
     state: u,
     props: t
   });
-  Xi(o, u, [p, d], i), V(function() {
-    m || (p === -1 && g.current ? g.current.focus() : b.current[p] && b.current[p].focus());
-  }, [p]), Zi({
+  Xi(o, u, [d, p], i), V(function() {
+    m || (d === -1 && h.current ? h.current.focus() : b.current[d] && b.current[d].focus());
+  }, [d]), Zi({
     props: t,
     state: u
   });
-  var y = Qi("getDropdownProps"), S = U(function() {
+  var y = Qi("getDropdownProps"), I = U(function() {
     var T;
     return T = {}, T[n] = function() {
       c({
@@ -10858,7 +10860,7 @@ function Id(e) {
         type: Os
       });
     }, "Backspace"), T;
-  }, [c, n]), h = A(function(T) {
+  }, [c, n]), g = A(function(T) {
     var C, P = T === void 0 ? {} : T, D = P.refKey, M = D === void 0 ? "ref" : D, N = P.ref, Z = P.onClick, W = P.onKeyDown, Q = P.selectedItem,
     B = P.index, G = ke(P, cI), H = f.current.state, re = qi(Q, B, H.selectedItems, "Pass either item or index to getSelectedItemProps!"), F = re[1],
     R = F > -1 && F === H.activeIndex, L = /* @__PURE__ */ a(function() {
@@ -10868,15 +10870,15 @@ function Id(e) {
       });
     }, "selectedItemHandleClick"), $ = /* @__PURE__ */ a(function(ie) {
       var te = po(ie);
-      te && S[te] && S[te](ie);
+      te && I[te] && I[te](ie);
     }, "selectedItemHandleKeyDown");
     return j((C = {}, C[M] = Je(N, function(J) {
       J && b.current.push(J);
     }), C.tabIndex = R ? 0 : -1, C.onClick = le(Z, L), C.onKeyDown = le(W, $), C), G);
-  }, [c, f, S]), v = A(function(T, C) {
+  }, [c, f, I]), v = A(function(T, C) {
     var P, D = T === void 0 ? {} : T, M = D.refKey, N = M === void 0 ? "ref" : M, Z = D.ref, W = D.onKeyDown, Q = D.onClick, B = D.preventKeyAction,
     G = B === void 0 ? !1 : B, H = ke(D, pI), re = C === void 0 ? {} : C, F = re.suppressRefError, R = F === void 0 ? !1 : F;
-    y("getDropdownProps", R, N, g);
+    y("getDropdownProps", R, N, h);
     var L = /* @__PURE__ */ a(function(ie) {
       var te = po(ie);
       te && E[te] && E[te](ie);
@@ -10886,12 +10888,12 @@ function Id(e) {
       });
     }, "dropdownHandleClick");
     return j((P = {}, P[N] = Je(Z, function(J) {
-      J && (g.current = J);
+      J && (h.current = J);
     }), P), !G && {
       onKeyDown: le(W, L),
       onClick: le(Q, $)
     }, H);
-  }, [c, E, y]), I = A(function(T) {
+  }, [c, E, y]), S = A(function(T) {
     c({
       type: As,
       selectedItem: T
@@ -10917,15 +10919,15 @@ function Id(e) {
     });
   }, [c]);
   return {
-    getSelectedItemProps: h,
+    getSelectedItemProps: g,
     getDropdownProps: v,
-    addSelectedItem: I,
+    addSelectedItem: S,
     removeSelectedItem: w,
     setSelectedItems: O,
     setActiveIndex: _,
     reset: k,
-    selectedItems: d,
-    activeIndex: p
+    selectedItems: p,
+    activeIndex: d
   };
 }
 a(Id, "useMultipleSelection");
@@ -11053,7 +11055,7 @@ var { document: dI } = se, Bs = 50, fI = {
   searchBarContent: l,
   searchFieldContent: u
 }) {
-  let c = oe(), p = q(null), [d, m] = K("Find components"), [g, b] = K(!1), f = c ? Qe(c.getShortcutKeys().search) : "/", y = A(() => {
+  let c = oe(), d = q(null), [p, m] = K("Find components"), [h, b] = K(!1), f = c ? Qe(c.getShortcutKeys().search) : "/", y = A(() => {
     let w = o.entries.reduce((O, [_, { index: k, allStatuses: T }]) => {
       let C = Br(k || {}, T ?? {});
       return k && O.push(
@@ -11067,7 +11069,7 @@ var { document: dI } = se, Bs = 50, fI = {
       ), O;
     }, []);
     return new wd.default(w, fI);
-  }, [o]), S = A(
+  }, [o]), I = A(
     (w) => {
       let O = y();
       if (!w)
@@ -11075,24 +11077,24 @@ var { document: dI } = se, Bs = 50, fI = {
       let _ = [], k = /* @__PURE__ */ new Set(), T = O.search(w).filter(({ item: C }) => !(C.type === "component" || C.type === "docs" || C.
       type === "story") || // @ts-expect-error (non strict)
       k.has(C.parent) ? !1 : (k.add(C.id), !0));
-      return T.length && (_ = T.slice(0, g ? 1e3 : Bs), T.length > Bs && !g && _.push({
+      return T.length && (_ = T.slice(0, h ? 1e3 : Bs), T.length > Bs && !h && _.push({
         showAll: /* @__PURE__ */ a(() => b(!0), "showAll"),
         totalCount: T.length,
         moreCount: T.length - Bs
       })), _;
     },
-    [g, y]
+    [h, y]
   ), E = A(
     (w) => {
       if (Rs(w)) {
         let { id: O, refId: _ } = w.item;
-        c?.selectStory(O, void 0, { ref: _ !== at && _ }), p.current.blur(), b(!1);
+        c?.selectStory(O, void 0, { ref: _ !== at && _ }), d.current.blur(), b(!1);
         return;
       }
       Ko(w) && w.showAll();
     },
     [c]
-  ), h = A((w, O) => {
+  ), g = A((w, O) => {
     b(!1);
   }, []), v = A(
     (w, O) => {
@@ -11117,7 +11119,7 @@ var { document: dI } = se, Bs = 50, fI = {
       }
     },
     []
-  ), { isMobile: I } = ge();
+  ), { isMobile: S } = ge();
   return (
     // @ts-expect-error (non strict)
     /* @__PURE__ */ s.createElement(
@@ -11128,7 +11130,7 @@ var { document: dI } = se, Bs = 50, fI = {
         itemToString: (w) => w?.item?.name || "",
         scrollIntoView: (w) => zt(w),
         onSelect: E,
-        onInputValueChange: h
+        onInputValueChange: g
       },
       ({
         isOpen: w,
@@ -11143,7 +11145,7 @@ var { document: dI } = se, Bs = 50, fI = {
         getRootProps: N,
         highlightedIndex: Z
       }) => {
-        let W = k ? k.trim() : "", Q = W ? S(W) : [], B = !W && r();
+        let W = k ? k.trim() : "", Q = W ? I(W) : [], B = !W && r();
         B && B.length && (Q = B.reduce((F, { storyId: R, refId: L }) => {
           let $ = o.hash[L];
           if ($ && $.index && $.index[R]) {
@@ -11154,16 +11156,16 @@ var { document: dI } = se, Bs = 50, fI = {
         }, []));
         let G = "storybook-explorer-searchfield", H = C({
           id: G,
-          ref: p,
+          ref: d,
           required: !0,
           type: "search",
-          placeholder: d,
+          placeholder: p,
           onFocus: /* @__PURE__ */ a(() => {
             O(), m("Type to find...");
           }, "onFocus"),
           onBlur: /* @__PURE__ */ a(() => m("Find components"), "onBlur"),
           onKeyDown: /* @__PURE__ */ a((F) => {
-            F.key === "Escape" && k.length === 0 && p.current.blur();
+            F.key === "Escape" && k.length === 0 && d.current.blur();
           }, "onKeyDown")
         }), re = D({
           htmlFor: G
@@ -11177,14 +11179,14 @@ var { document: dI } = se, Bs = 50, fI = {
           },
           /* @__PURE__ */ s.createElement(yI, null, /* @__PURE__ */ s.createElement(So, null)),
           /* @__PURE__ */ s.createElement(bI, { ...H }),
-          !I && i && !w && /* @__PURE__ */ s.createElement(vI, null, f === "\u2318 K" ? /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.
+          !S && i && !w && /* @__PURE__ */ s.createElement(vI, null, f === "\u2318 K" ? /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.
           createElement(xI, null, "\u2318"), "K") : f),
           /* @__PURE__ */ s.createElement(II, null, w && /* @__PURE__ */ s.createElement(ee, { onClick: () => T() }, /* @__PURE__ */ s.createElement(
           Ke, null)), u)
         ), l), /* @__PURE__ */ s.createElement(SI, { tabIndex: 0, id: "storybook-explorer-menu" }, t({
           query: W,
           results: Q,
-          isBrowsing: !w && dI.activeElement !== p.current,
+          isBrowsing: !w && dI.activeElement !== d.current,
           closeMenu: _,
           getMenuProps: M,
           getItemProps: P,
@@ -11270,9 +11272,9 @@ var { document: Td } = se, wI = x.ol({
   if (!o)
     return t;
   let { value: i, indices: r } = o, { nodes: n } = r.reduce(
-    ({ cursor: l, nodes: u }, [c, p], d, { length: m }) => (u.push(/* @__PURE__ */ s.createElement("span", { key: `${d}-1` }, i.slice(l, c))),
-    u.push(/* @__PURE__ */ s.createElement(kI, { key: `${d}-2` }, i.slice(c, p + 1))), d === m - 1 && u.push(/* @__PURE__ */ s.createElement(
-    "span", { key: `${d}-3` }, i.slice(p + 1))), { cursor: p + 1, nodes: u }),
+    ({ cursor: l, nodes: u }, [c, d], p, { length: m }) => (u.push(/* @__PURE__ */ s.createElement("span", { key: `${p}-1` }, i.slice(l, c))),
+    u.push(/* @__PURE__ */ s.createElement(kI, { key: `${p}-2` }, i.slice(c, d + 1))), p === m - 1 && u.push(/* @__PURE__ */ s.createElement(
+    "span", { key: `${p}-3` }, i.slice(d + 1))), { cursor: d + 1, nodes: u }),
     { cursor: 0, nodes: [] }
   );
   return /* @__PURE__ */ s.createElement("span", null, n);
@@ -11306,24 +11308,24 @@ var { document: Td } = se, wI = x.ol({
   }
 })), MI = s.memo(/* @__PURE__ */ a(function({ item: t, matches: o, onClick: i, ...r }) {
   let n = A(
-    (d) => {
-      d.preventDefault(), i?.(d);
+    (p) => {
+      p.preventDefault(), i?.(p);
     },
     [i]
   ), l = oe();
   V(() => {
     l && r.isHighlighted && t.type === "component" && l.emit(Ct, { ids: [t.children[0]] }, { options: { target: t.refId } });
   }, [r.isHighlighted, t]);
-  let u = o.find((d) => d.key === "name"), c = o.filter((d) => d.key === "path"), [p] = t.status ? Bo[t.status] : [];
+  let u = o.find((p) => p.key === "name"), c = o.filter((p) => p.key === "path"), [d] = t.status ? Bo[t.status] : [];
   return /* @__PURE__ */ s.createElement(EI, { ...r, onClick: n }, /* @__PURE__ */ s.createElement(TI, null, t.type === "component" && /* @__PURE__ */ s.
   createElement(It, { viewBox: "0 0 14 14", width: "14", height: "14", type: "component" }, /* @__PURE__ */ s.createElement(Le, { type: "com\
 ponent" })), t.type === "story" && /* @__PURE__ */ s.createElement(It, { viewBox: "0 0 14 14", width: "14", height: "14", type: "story" }, /* @__PURE__ */ s.
   createElement(Le, { type: "story" })), !(t.type === "component" || t.type === "story") && /* @__PURE__ */ s.createElement(It, { viewBox: "\
 0 0 14 14", width: "14", height: "14", type: "document" }, /* @__PURE__ */ s.createElement(Le, { type: "document" }))), /* @__PURE__ */ s.createElement(
   CI, { className: "search-result-item--label" }, /* @__PURE__ */ s.createElement(AI, null, /* @__PURE__ */ s.createElement(Cd, { match: u },
-  t.name)), /* @__PURE__ */ s.createElement(DI, null, t.path.map((d, m) => /* @__PURE__ */ s.createElement("span", { key: m }, /* @__PURE__ */ s.
-  createElement(Cd, { match: c.find((g) => g.arrayIndex === m) }, d))))), t.status ? /* @__PURE__ */ s.createElement(Bc, { status: t.status },
-  p) : null);
+  t.name)), /* @__PURE__ */ s.createElement(DI, null, t.path.map((p, m) => /* @__PURE__ */ s.createElement("span", { key: m }, /* @__PURE__ */ s.
+  createElement(Cd, { match: c.find((h) => h.arrayIndex === m) }, p))))), t.status ? /* @__PURE__ */ s.createElement(Bc, { status: t.status },
+  d) : null);
 }, "Result")), _d = s.memo(/* @__PURE__ */ a(function({
   query: t,
   results: o,
@@ -11333,9 +11335,9 @@ ponent" })), t.type === "story" && /* @__PURE__ */ s.createElement(It, { viewBox
   highlightedIndex: l,
   isLoading: u = !1,
   enableShortcuts: c = !0,
-  clearLastViewed: p
+  clearLastViewed: d
 }) {
-  let d = oe();
+  let p = oe();
   V(() => {
     let b = /* @__PURE__ */ a((f) => {
       if (!(!c || u || f.repeat) && St(!1, f) && Ue("Escape", f)) {
@@ -11347,42 +11349,42 @@ ponent" })), t.type === "story" && /* @__PURE__ */ s.createElement(It, { viewBox
     return Td.addEventListener("keydown", b), () => Td.removeEventListener("keydown", b);
   }, [i, c, u]);
   let m = A((b) => {
-    if (!d)
+    if (!p)
       return;
-    let f = b.currentTarget, y = f.getAttribute("data-id"), S = f.getAttribute("data-refid"), E = d.resolveStory(y, S === "storybook_interna\
-l" ? void 0 : S);
-    E?.type === "component" && d.emit(Ct, {
+    let f = b.currentTarget, y = f.getAttribute("data-id"), I = f.getAttribute("data-refid"), E = p.resolveStory(y, I === "storybook_interna\
+l" ? void 0 : I);
+    E?.type === "component" && p.emit(Ct, {
       // @ts-expect-error (TODO)
       ids: [E.isLeaf ? E.id : E.children[0]],
-      options: { target: S }
+      options: { target: I }
     });
-  }, []), g = /* @__PURE__ */ a(() => {
-    p(), i();
+  }, []), h = /* @__PURE__ */ a(() => {
+    d(), i();
   }, "handleClearLastViewed");
   return /* @__PURE__ */ s.createElement(wI, { ...r(), key: "results-list" }, o.length > 0 && !t && /* @__PURE__ */ s.createElement(PI, { className: "\
 search-result-recentlyOpened" }, "Recently opened", /* @__PURE__ */ s.createElement(
     ee,
     {
       className: "search-result-recentlyOpened-clear",
-      onClick: g
+      onClick: h
     },
     /* @__PURE__ */ s.createElement(qn, null)
   )), o.length === 0 && t && /* @__PURE__ */ s.createElement("li", null, /* @__PURE__ */ s.createElement(_I, null, /* @__PURE__ */ s.createElement(
   "strong", null, "No components found"), /* @__PURE__ */ s.createElement("br", null), /* @__PURE__ */ s.createElement("small", null, "Find \
 components by name or path."))), o.map((b, f) => {
     if (Ko(b)) {
-      let E = { ...o, ...n({ key: f, index: f, item: b }) }, { key: h, ...v } = E;
-      return /* @__PURE__ */ s.createElement(OI, { key: "search-result-expand" }, /* @__PURE__ */ s.createElement(he, { key: h, ...v, size: "\
+      let E = { ...o, ...n({ key: f, index: f, item: b }) }, { key: g, ...v } = E;
+      return /* @__PURE__ */ s.createElement(OI, { key: "search-result-expand" }, /* @__PURE__ */ s.createElement(he, { key: g, ...v, size: "\
 small" }, "Show ", b.moreCount, " more results"));
     }
-    let { item: y } = b, S = `${y.refId}::${y.id}`;
+    let { item: y } = b, I = `${y.refId}::${y.id}`;
     return /* @__PURE__ */ s.createElement(
       MI,
       {
         ...b,
-        ...n({ key: S, index: f, item: b }),
+        ...n({ key: I, index: f, item: b }),
         isHighlighted: l === f,
-        key: S,
+        key: I,
         "data-id": b.item.id,
         "data-refid": b.item.refId,
         onMouseOver: m,
@@ -11513,36 +11515,36 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${r.background.app})`,
   errorsActive: l,
   setErrorsActive: u,
   warningCount: c,
-  warningsActive: p,
-  setWarningsActive: d
+  warningsActive: d,
+  setWarningsActive: p
 }) => {
-  let m = q(null), g = q(null), [b, f] = K(Hs), [y, S] = K(!0), [E, h] = K(!1), [v, I] = K(!1), w = q();
+  let m = q(null), h = q(null), [b, f] = K(Hs), [y, I] = K(!0), [E, g] = K(!1), [v, S] = K(!1), w = q();
   V(() => {
     let C = Jt.onSettingsChanged(() => {
-      I(!0), clearTimeout(w.current), w.current = setTimeout(() => {
-        I(!1);
+      S(!0), clearTimeout(w.current), w.current = setTimeout(() => {
+        S(!1);
       }, 1e3);
     });
     return () => {
       C(), clearTimeout(w.current);
     };
   }, []), V(() => {
-    if (g.current) {
-      f(g.current?.getBoundingClientRect().height || Hs);
+    if (h.current) {
+      f(h.current?.getBoundingClientRect().height || Hs);
       let C = new ResizeObserver(() => {
         requestAnimationFrame(() => {
-          if (g.current && !y) {
-            let P = g.current?.getBoundingClientRect().height || Hs;
+          if (h.current && !y) {
+            let P = h.current?.getBoundingClientRect().height || Hs;
             f(P);
           }
         });
       });
-      return C.observe(g.current), () => C.disconnect();
+      return C.observe(h.current), () => C.disconnect();
     }
   }, [y]);
   let O = A((C, P) => {
-    C?.stopPropagation(), h(!0), S((D) => P ?? !D), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      h(!1);
+    C?.stopPropagation(), g(!0), I((D) => P ?? !D), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
+      g(!1);
     }, 250);
   }, []), _ = Object.values(t).some(
     (C) => C === "test-provider-state:running"
@@ -11570,7 +11572,7 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${r.background.app})`,
           maxHeight: y ? 0 : b
         }
       },
-      /* @__PURE__ */ s.createElement(BI, { ref: g }, Object.values(e).map((C) => {
+      /* @__PURE__ */ s.createElement(BI, { ref: h }, Object.values(e).map((C) => {
         let { render: P, id: D } = C;
         return P ? /* @__PURE__ */ s.createElement(KI, { key: D, "data-module-id": D }, /* @__PURE__ */ s.createElement(P, null)) : (_a.warn(
           `No render function found for test provider with id '${D}', skipping...`
@@ -11669,9 +11671,9 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${r.background.app})`,
           variant: "ghost",
           padding: c < 10 ? "medium" : "small",
           status: "warning",
-          active: p,
+          active: d,
           onClick: (C) => {
-            C.stopPropagation(), d(!p);
+            C.stopPropagation(), p(!d);
           },
           "aria-label": "Toggle warnings"
         },
@@ -11745,45 +11747,45 @@ e).some(({ value: t }) => t === "status-value:error"), "filterError"), QI = /* @
   registeredTestProviders: u,
   onRunAll: c
 }) => {
-  let p = q(null), d = q(null), [m, g] = K(!1), [b, f] = K(!1);
+  let d = q(null), p = q(null), [m, h] = K(!1), [b, f] = K(!1);
   return V(() => {
-    if (p.current && d.current) {
+    if (d.current && p.current) {
       let y = new ResizeObserver(() => {
-        p.current && d.current && (p.current.style.height = `${d.current.scrollHeight}px`);
+        d.current && p.current && (d.current.style.height = `${p.current.scrollHeight}px`);
       });
-      return y.observe(d.current), () => y.disconnect();
+      return y.observe(p.current), () => y.disconnect();
     }
   }, []), V(() => {
     let y = XI(i > 0 && m, o > 0 && b);
     e.experimental_setFilter("sidebar-bottom-filter", y);
   }, [e, i, o, m, b]), !i && !o && Object.values(u).length === 0 && t.length === 0 ? null : /* @__PURE__ */ s.createElement(Ee, null, /* @__PURE__ */ s.
-  createElement(ZI, { id: $I, ref: p }), /* @__PURE__ */ s.createElement(JI, { id: UI, ref: d }, /* @__PURE__ */ s.createElement(Ir, { notifications: t,
+  createElement(ZI, { id: $I, ref: d }), /* @__PURE__ */ s.createElement(JI, { id: UI, ref: p }, /* @__PURE__ */ s.createElement(Ir, { notifications: t,
   clearNotification: e.clearNotification }), n && /* @__PURE__ */ s.createElement(
     Od,
     {
       registeredTestProviders: u,
       testProviderStates: l,
       onRunAll: /* @__PURE__ */ a(() => {
-        c(), f(!1), g(!1);
+        c(), f(!1), h(!1);
       }, "onRunAll"),
       hasStatuses: r,
       clearStatuses: /* @__PURE__ */ a(() => {
-        Ot.unset(), Jt.clearAll(), f(!1), g(!1);
+        Ot.unset(), Jt.clearAll(), f(!1), h(!1);
       }, "clearStatuses"),
       errorCount: o,
       errorsActive: b,
       setErrorsActive: f,
       warningCount: i,
       warningsActive: m,
-      setWarningsActive: g
+      setWarningsActive: h
     }
   )));
 }, "SidebarBottomBase"), Pd = /* @__PURE__ */ a(({ isDevelopment: e }) => {
   let t = oe(), o = t.getElements(Ce.experimental_TEST_PROVIDER), { notifications: i } = Fe(), { hasStatuses: r, errorCount: n, warningCount: l } = Eo(
   (c) => Object.values(c).reduce(
-    (p, d) => (Object.values(d).forEach((m) => {
-      p.hasStatuses = !0, m.value === "status-value:error" && (p.errorCount += 1), m.value === "status-value:warning" && (p.warningCount += 1);
-    }), p),
+    (d, p) => (Object.values(p).forEach((m) => {
+      d.hasStatuses = !0, m.value === "status-value:error" && (d.errorCount += 1), m.value === "status-value:warning" && (d.warningCount += 1);
+    }), d),
     { errorCount: 0, warningCount: 0, hasStatuses: !1 }
   )), u = ei();
   return /* @__PURE__ */ s.createElement(
@@ -11815,18 +11817,18 @@ var tS = /* @__PURE__ */ new Set(["play-fn"]), oS = x.div({
 }) => {
   let n = t.filter((c) => !tS.has(c)), l = e.getDocsUrl({ subpath: "writing-stories/tags#filtering-by-custom-tags" }), u = [
     t.map((c) => {
-      let p = o.includes(c), d = `tag-${c}`;
+      let d = o.includes(c), p = `tag-${c}`;
       return {
-        id: d,
+        id: p,
         title: c,
         right: /* @__PURE__ */ s.createElement(
           "input",
           {
             type: "checkbox",
-            id: d,
-            name: d,
+            id: p,
+            name: p,
             value: c,
-            checked: p,
+            checked: d,
             onChange: () => {
             }
           }
@@ -11888,9 +11890,9 @@ var rS = "tags-filter", nS = /* @__PURE__ */ new Set([
   V(() => {
     e.experimental_setFilter(rS, (b) => r.length === 0 ? !0 : r.some((f) => b.tags?.includes(f)));
   }, [e, r]);
-  let p = Object.values(t.entries).reduce((b, f) => (f.tags?.forEach((y) => {
+  let d = Object.values(t.entries).reduce((b, f) => (f.tags?.forEach((y) => {
     nS.has(y) || b.add(y);
-  }), b), /* @__PURE__ */ new Set()), d = A(
+  }), b), /* @__PURE__ */ new Set()), p = A(
     (b) => {
       r.includes(b) ? n(r.filter((f) => f !== b)) : n([...r, b]);
     },
@@ -11901,10 +11903,10 @@ var rS = "tags-filter", nS = /* @__PURE__ */ new Set([
     },
     [l, u]
   );
-  if (p.size === 0 && !i)
+  if (d.size === 0 && !i)
     return null;
-  let g = Array.from(p);
-  return g.sort(), /* @__PURE__ */ s.createElement(
+  let h = Array.from(d);
+  return h.sort(), /* @__PURE__ */ s.createElement(
     ve,
     {
       placement: "bottom",
@@ -11914,9 +11916,9 @@ var rS = "tags-filter", nS = /* @__PURE__ */ new Set([
         Ad,
         {
           api: e,
-          allTags: g,
+          allTags: h,
           selectedTags: r,
-          toggleTag: d,
+          toggleTag: p,
           isDevelopment: i
         }
       ),
@@ -12016,21 +12018,21 @@ var at = "storybook_internal", aS = x.nav(({ theme: e }) => ({
   allStatuses: l,
   previewInitialized: u,
   menu: c,
-  menuHighlighted: p = !1,
-  enableShortcuts: d = !0,
+  menuHighlighted: d = !1,
+  enableShortcuts: p = !0,
   isDevelopment: m = se.CONFIG_TYPE === "DEVELOPMENT",
-  refs: g = {},
+  refs: h = {},
   onMenuClick: b,
   showCreateStoryButton: f = m && fS
 }) {
-  let [y, S] = K(!1), E = U(() => t && { storyId: t, refId: o }, [t, o]), h = dS(i, n, u, l, g), v = !i && !n, I = Nd(E), { isMobile: w } = ge(),
+  let [y, I] = K(!1), E = U(() => t && { storyId: t, refId: o }, [t, o]), g = dS(i, n, u, l, h), v = !i && !n, S = Nd(E), { isMobile: w } = ge(),
   O = oe();
   return /* @__PURE__ */ s.createElement(aS, { className: "container sidebar-container" }, /* @__PURE__ */ s.createElement(nr, { vertical: !0,
   offset: 3, scrollbarSize: 6 }, /* @__PURE__ */ s.createElement(lS, { row: 1.6 }, /* @__PURE__ */ s.createElement(
     cp,
     {
       className: "sidebar-header",
-      menuHighlighted: p,
+      menuHighlighted: d,
       menu: c,
       skipLinkHref: "#storybook-preview-wrapper",
       isLoading: v,
@@ -12039,8 +12041,8 @@ var at = "storybook_internal", aS = x.nav(({ theme: e }) => ({
   ), /* @__PURE__ */ s.createElement(
     Ed,
     {
-      dataset: h,
-      enableShortcuts: d,
+      dataset: g,
+      enableShortcuts: p,
       searchBarContent: f && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
         ve,
         {
@@ -12052,7 +12054,7 @@ var at = "storybook_internal", aS = x.nav(({ theme: e }) => ({
           cS,
           {
             onClick: () => {
-              S(!0);
+              I(!0);
             },
             variant: "outline"
           },
@@ -12062,11 +12064,11 @@ var at = "storybook_internal", aS = x.nav(({ theme: e }) => ({
         cc,
         {
           open: y,
-          onOpenChange: S
+          onOpenChange: I
         }
       )),
       searchFieldContent: r && /* @__PURE__ */ s.createElement(Dd, { api: O, indexJson: r, isDevelopment: m }),
-      ...I
+      ...S
     },
     ({
       query: _,
@@ -12079,7 +12081,7 @@ var at = "storybook_internal", aS = x.nav(({ theme: e }) => ({
     }) => /* @__PURE__ */ s.createElement(pS, { condition: T }, /* @__PURE__ */ s.createElement(
       ip,
       {
-        dataset: h,
+        dataset: g,
         selected: E,
         isLoading: v,
         isBrowsing: T
@@ -12093,9 +12095,9 @@ var at = "storybook_internal", aS = x.nav(({ theme: e }) => ({
         getMenuProps: P,
         getItemProps: D,
         highlightedIndex: M,
-        enableShortcuts: d,
+        enableShortcuts: p,
         isLoading: v,
-        clearLastViewed: I.clearLastViewed
+        clearLastViewed: S.clearLastViewed
       }
     ))
   )), w || v ? null : /* @__PURE__ */ s.createElement(Pd, { isDevelopment: m })));
@@ -12137,20 +12139,20 @@ var mS = {
       icon: /* @__PURE__ */ s.createElement(Fn, null)
     }),
     [t]
-  ), p = U(() => ({
+  ), d = U(() => ({
     id: "documentation",
     title: "Documentation",
     href: t.getDocsUrl({ versioned: !0, renderer: !0 }),
     icon: /* @__PURE__ */ s.createElement(tt, null)
-  }), [t]), d = e.whatsNewData?.status === "SUCCESS" && !e.disableWhatsNewNotifications, m = t.isWhatsNewUnread(), g = U(
+  }), [t]), p = e.whatsNewData?.status === "SUCCESS" && !e.disableWhatsNewNotifications, m = t.isWhatsNewUnread(), h = U(
     () => ({
       id: "whats-new",
       title: "What's new?",
       onClick: /* @__PURE__ */ a(() => t.changeSettingsTab("whats-new"), "onClick"),
-      right: d && m && /* @__PURE__ */ s.createElement(tr, { status: "positive" }, "Check it out"),
+      right: p && m && /* @__PURE__ */ s.createElement(tr, { status: "positive" }, "Check it out"),
       icon: /* @__PURE__ */ s.createElement(Yn, null)
     }),
-    [t, d, m]
+    [t, p, m]
   ), b = U(
     () => ({
       id: "shortcuts",
@@ -12179,7 +12181,7 @@ var mS = {
       icon: o ? /* @__PURE__ */ s.createElement(He, null) : null
     }),
     [t, l, u, o]
-  ), S = U(
+  ), I = U(
     () => ({
       id: "A",
       title: "Show addons",
@@ -12197,7 +12199,7 @@ var mS = {
       right: l ? /* @__PURE__ */ s.createElement(Ve, { keys: u.panelPosition }) : null
     }),
     [t, l, u]
-  ), h = U(
+  ), g = U(
     () => ({
       id: "F",
       title: "Go full screen",
@@ -12215,7 +12217,7 @@ var mS = {
       right: l ? /* @__PURE__ */ s.createElement(Ve, { keys: u.search }) : null
     }),
     [t, l, u]
-  ), I = U(
+  ), S = U(
     () => ({
       id: "up",
       title: "Previous component",
@@ -12268,18 +12270,18 @@ var mS = {
     () => [
       [
         c,
-        ...e.whatsNewData?.status === "SUCCESS" ? [g] : [],
-        p,
+        ...e.whatsNewData?.status === "SUCCESS" ? [h] : [],
+        d,
         b
       ],
       [
         f,
         y,
-        S,
+        I,
         E,
-        h,
+        g,
         v,
-        I,
+        S,
         w,
         O,
         _,
@@ -12290,16 +12292,16 @@ var mS = {
     [
       c,
       e,
-      g,
-      p,
+      h,
+      d,
       b,
       f,
       y,
-      S,
+      I,
       E,
-      h,
+      g,
       v,
-      I,
+      S,
       w,
       O,
       _,
@@ -12315,16 +12317,16 @@ var yS = s.memo(/* @__PURE__ */ a(function({ onMenuClick: t }) {
     let {
       ui: { name: n, url: l, enableShortcuts: u },
       viewMode: c,
-      storyId: p,
-      refId: d,
+      storyId: d,
+      refId: p,
       layout: { showToolbar: m },
       // FIXME: This is the actual `index.json` index where the `index` below
       // is actually the stories hash. We should fix this up and make it consistent.
-      internal_index: g,
+      internal_index: h,
       filteredIndex: b,
       indexError: f,
       previewInitialized: y,
-      refs: S
+      refs: I
     } = i, E = Rd(
       i,
       r,
@@ -12333,20 +12335,20 @@ var yS = s.memo(/* @__PURE__ */ a(function({ onMenuClick: t }) {
       r.getIsPanelShown(),
       r.getIsNavShown(),
       u
-    ), h = i.whatsNewData?.status === "SUCCESS" && !i.disableWhatsNewNotifications;
+    ), g = i.whatsNewData?.status === "SUCCESS" && !i.disableWhatsNewNotifications;
     return {
       title: n,
       url: l,
-      indexJson: g,
+      indexJson: h,
       index: b,
       indexError: f,
       previewInitialized: y,
-      refs: S,
-      storyId: p,
-      refId: d,
+      refs: I,
+      storyId: d,
+      refId: p,
       viewMode: c,
       menu: E,
-      menuHighlighted: h && r.isWhatsNewUnread(),
+      menuHighlighted: g && r.isWhatsNewUnread(),
       enableShortcuts: u
     };
   }, "mapper") }, (i) => {