storybook 9.0.14 → 9.0.16

package/dist/preview-api/index.js

@@ -3,7 +3,7 @@ var lt = Object.defineProperty;
 var Hs = Object.getOwnPropertyDescriptor;
 var $s = Object.getOwnPropertyNames;
 var Bs = Object.getPrototypeOf, Gs = Object.prototype.hasOwnProperty;
-var i = (t, e) => lt(t, "name", { value: e, configurable: !0 }), $e = /* @__PURE__ */ ((t) => typeof require < "u" ? require : typeof Proxy <
+var n = (t, e) => lt(t, "name", { value: e, configurable: !0 }), $e = /* @__PURE__ */ ((t) => typeof require < "u" ? require : typeof Proxy <
 "u" ? new Proxy(t, {
   get: (e, r) => (typeof require < "u" ? require : e)[r]
 }) : t)(function(t) {
@@ -15,8 +15,8 @@ var q = (t, e) => () => (e || t((e = { exports: {} }).exports, e), e.exports), E
     lt(t, r, { get: e[r], enumerable: !0 });
 }, zs = (t, e, r, o) => {
   if (e && typeof e == "object" || typeof e == "function")
-    for (let n of $s(e))
-      !Gs.call(t, n) && n !== r && lt(t, n, { get: () => e[n], enumerable: !(o = Hs(e, n)) || o.enumerable });
+    for (let i of $s(e))
+      !Gs.call(t, i) && i !== r && lt(t, i, { get: () => e[i], enumerable: !(o = Hs(e, i)) || o.enumerable });
   return t;
 };
 var ve = (t, e, r) => (r = t != null ? qs(Bs(t)) : {}, zs(
@@ -41,10 +41,10 @@ var cr = q((nn, lr) => {
     }
   })(function() {
     var t, e, r;
-    return (/* @__PURE__ */ i(function o(n, s, a) {
+    return (/* @__PURE__ */ n(function o(i, s, a) {
       function l(p, u) {
         if (!s[p]) {
-          if (!n[p]) {
+          if (!i[p]) {
             var f = typeof $e == "function" && $e;
             if (!u && f) return f(p, !0);
             if (c) return c(p, !0);
@@ -52,29 +52,29 @@ var cr = q((nn, lr) => {
             throw h.code = "MODULE_NOT_FOUND", h;
           }
           var g = s[p] = { exports: {} };
-          n[p][0].call(g.exports, function(T) {
-            var x = n[p][1][T];
+          i[p][0].call(g.exports, function(T) {
+            var x = i[p][1][T];
             return l(x || T);
-          }, g, g.exports, o, n, s, a);
+          }, g, g.exports, o, i, s, a);
         }
         return s[p].exports;
       }
-      i(l, "s");
+      n(l, "s");
       for (var c = typeof $e == "function" && $e, d = 0; d < a.length; d++) l(a[d]);
       return l;
-    }, "e"))({ 1: [function(o, n, s) {
-      n.exports = function(a) {
+    }, "e"))({ 1: [function(o, i, s) {
+      i.exports = function(a) {
         if (typeof Map != "function" || a) {
           var l = o("./similar");
           return new l();
         } else
           return /* @__PURE__ */ new Map();
       };
-    }, { "./similar": 2 }], 2: [function(o, n, s) {
+    }, { "./similar": 2 }], 2: [function(o, i, s) {
       function a() {
         return this.list = [], this.lastItem = void 0, this.size = 0, this;
       }
-      i(a, "Similar"), a.prototype.get = function(l) {
+      n(a, "Similar"), a.prototype.get = function(l) {
         var c;
         if (this.lastItem && this.isEqual(this.lastItem.key, l))
           return this.lastItem.val;
@@ -104,13 +104,13 @@ var cr = q((nn, lr) => {
         return -1;
       }, a.prototype.isEqual = function(l, c) {
         return l === c || l !== l && c !== c;
-      }, n.exports = a;
-    }, {}], 3: [function(o, n, s) {
+      }, i.exports = a;
+    }, {}], 3: [function(o, i, s) {
       var a = o("map-or-similar");
-      n.exports = function(p) {
+      i.exports = function(p) {
         var u = new a(!1), f = [];
         return function(h) {
-          var g = /* @__PURE__ */ i(function() {
+          var g = /* @__PURE__ */ n(function() {
             var T = u, x, v, E = arguments.length - 1, y = Array(E + 1), w = !0, A;
             if ((g.numArgs || g.numArgs === 0) && g.numArgs !== E + 1)
               throw new Error("Memoizerific functions should always be called with the same number of arguments");
@@ -146,17 +146,17 @@ var cr = q((nn, lr) => {
         }
         p.push(p.splice(T, 1)[0]);
       }
-      i(l, "moveToMostRecentLru");
+      n(l, "moveToMostRecentLru");
       function c(p) {
         var u = p.length, f = p[u - 1], h, g;
         for (f.cacheItem.delete(f.arg), g = u - 2; g >= 0 && (f = p[g], h = f.cacheItem.get(f.arg), !h || !h.size); g--)
           f.cacheItem.delete(f.arg);
       }
-      i(c, "removeCachedResult");
+      n(c, "removeCachedResult");
       function d(p, u) {
         return p === u || p !== p && u !== u;
       }
-      i(d, "isEqual");
+      n(d, "isEqual");
     }, { "map-or-similar": 1 }] }, {}, [3])(3);
   });
 });
@@ -300,30 +300,30 @@ var no = q((oo) => {
     let e = t.length;
     if (e === 0)
       return "";
-    let r = "", o = 0, n = 0;
-    e: for (; n < e; n++) {
-      let s = t.charCodeAt(n);
+    let r = "", o = 0, i = 0;
+    e: for (; i < e; i++) {
+      let s = t.charCodeAt(i);
       for (; s < 128; ) {
-        if (sd[s] !== 1 && (o < n && (r += t.slice(o, n)), o = n + 1, r += Q[s]), ++n === e)
+        if (sd[s] !== 1 && (o < i && (r += t.slice(o, i)), o = i + 1, r += Q[s]), ++i === e)
           break e;
-        s = t.charCodeAt(n);
+        s = t.charCodeAt(i);
       }
-      if (o < n && (r += t.slice(o, n)), s < 2048) {
-        o = n + 1, r += Q[192 | s >> 6] + Q[128 | s & 63];
+      if (o < i && (r += t.slice(o, i)), s < 2048) {
+        o = i + 1, r += Q[192 | s >> 6] + Q[128 | s & 63];
         continue;
       }
       if (s < 55296 || s >= 57344) {
-        o = n + 1, r += Q[224 | s >> 12] + Q[128 | s >> 6 & 63] + Q[128 | s & 63];
+        o = i + 1, r += Q[224 | s >> 12] + Q[128 | s >> 6 & 63] + Q[128 | s & 63];
         continue;
       }
-      if (++n, n >= e)
+      if (++i, i >= e)
         throw new Error("URI malformed");
-      let a = t.charCodeAt(n) & 1023;
-      o = n + 1, s = 65536 + ((s & 1023) << 10 | a), r += Q[240 | s >> 18] + Q[128 | s >> 12 & 63] + Q[128 | s >> 6 & 63] + Q[128 | s & 63];
+      let a = t.charCodeAt(i) & 1023;
+      o = i + 1, s = 65536 + ((s & 1023) << 10 | a), r += Q[240 | s >> 18] + Q[128 | s >> 12 & 63] + Q[128 | s >> 6 & 63] + Q[128 | s & 63];
     }
     return o === 0 ? t : o < e ? r + t.slice(o) : r;
   }
-  i(ad, "encodeString");
+  n(ad, "encodeString");
 });
 
 // ../node_modules/picoquery/lib/shared.js
@@ -331,7 +331,7 @@ var kt = q((ee) => {
   "use strict";
   Object.defineProperty(ee, "__esModule", { value: !0 });
   ee.defaultOptions = ee.defaultShouldSerializeObject = ee.defaultValueSerializer = void 0;
-  var io = no(), ld = /* @__PURE__ */ i((t) => {
+  var io = no(), ld = /* @__PURE__ */ n((t) => {
     switch (typeof t) {
       case "string":
         return (0, io.encodeString)(t);
@@ -346,9 +346,9 @@ var kt = q((ee) => {
     return t instanceof Date ? (0, io.encodeString)(t.toISOString()) : "";
   }, "defaultValueSerializer");
   ee.defaultValueSerializer = ld;
-  var cd = /* @__PURE__ */ i((t) => t instanceof Date, "defaultShouldSerializeObject");
+  var cd = /* @__PURE__ */ n((t) => t instanceof Date, "defaultShouldSerializeObject");
   ee.defaultShouldSerializeObject = cd;
-  var _i = /* @__PURE__ */ i((t) => t, "identityFunc");
+  var _i = /* @__PURE__ */ n((t) => t, "identityFunc");
   ee.defaultOptions = {
     nesting: !0,
     nestingSyntax: "dot",
@@ -372,21 +372,21 @@ var so = q((Dt) => {
   function pd(t) {
     return t === "__proto__" || t === "constructor" || t === "prototype";
   }
-  i(pd, "isPrototypeKey");
-  function ud(t, e, r, o, n) {
+  n(pd, "isPrototypeKey");
+  function ud(t, e, r, o, i) {
     if (pd(e))
       return t;
     let s = t[e];
-    return typeof s == "object" && s !== null ? s : !o && (n || typeof r == "number" || typeof r == "string" && r * 0 === 0 && r.indexOf(".") ===
+    return typeof s == "object" && s !== null ? s : !o && (i || typeof r == "number" || typeof r == "string" && r * 0 === 0 && r.indexOf(".") ===
     -1) ? t[e] = [] : t[e] = {};
   }
-  i(ud, "getDeepObject");
+  n(ud, "getDeepObject");
   var fd = 20, md = "[]", yd = "[", hd = "]", gd = ".";
-  function ji(t, e, r = 0, o, n) {
+  function ji(t, e, r = 0, o, i) {
     let { nestingSyntax: s = we.defaultOptions.nestingSyntax, arrayRepeat: a = we.defaultOptions.arrayRepeat, arrayRepeatSyntax: l = we.defaultOptions.
     arrayRepeatSyntax, nesting: c = we.defaultOptions.nesting, delimiter: d = we.defaultOptions.delimiter, valueSerializer: p = we.defaultOptions.
     valueSerializer, shouldSerializeObject: u = we.defaultOptions.shouldSerializeObject } = e, f = typeof d == "number" ? String.fromCharCode(
-    d) : d, h = n === !0 && a, g = s === "dot" || s === "js" && !n;
+    d) : d, h = i === !0 && a, g = s === "dot" || s === "js" && !i;
     if (r > fd)
       return "";
     let T = "", x = !0, v = !1;
@@ -398,7 +398,7 @@ var so = q((Dt) => {
     }
     return T;
   }
-  i(ji, "stringifyObject");
+  n(ji, "stringifyObject");
 });
 
 // ../node_modules/fast-decode-uri-component/index.js
@@ -790,13 +790,13 @@ var $i = q((Eb, Hi) => {
   function Sd(t) {
     var e = t.indexOf("%");
     if (e === -1) return t;
-    for (var r = t.length, o = "", n = 0, s = 0, a = e, l = Ni; e > -1 && e < r; ) {
+    for (var r = t.length, o = "", i = 0, s = 0, a = e, l = Ni; e > -1 && e < r; ) {
       var c = qi(t[e + 1], 4), d = qi(t[e + 2], 0), p = c | d, u = ao[p];
       if (l = ao[256 + l + u], s = s << 6 | p & ao[364 + u], l === Ni)
-        o += t.slice(n, a), o += s <= 65535 ? String.fromCharCode(s) : String.fromCharCode(
+        o += t.slice(i, a), o += s <= 65535 ? String.fromCharCode(s) : String.fromCharCode(
           55232 + (s >> 10),
           56320 + (s & 1023)
-        ), s = 0, n = e + 3, e = a = t.indexOf("%", n);
+        ), s = 0, i = e + 3, e = a = t.indexOf("%", i);
       else {
         if (l === bd)
           return null;
@@ -804,9 +804,9 @@ var $i = q((Eb, Hi) => {
         return null;
       }
     }
-    return o + t.slice(n);
+    return o + t.slice(i);
   }
-  i(Sd, "decodeURIComponent");
+  n(Sd, "decodeURIComponent");
   var xd = {
     0: 0,
     1: 1,
@@ -835,7 +835,7 @@ var $i = q((Eb, Hi) => {
     var r = xd[t];
     return r === void 0 ? 255 : r << e;
   }
-  i(qi, "hexCodeToInt");
+  n(qi, "hexCodeToInt");
   Hi.exports = Sd;
 });
 
@@ -848,26 +848,26 @@ var Ui = q((ie) => {
   Object.defineProperty(ie, "__esModule", { value: !0 });
   ie.numberValueDeserializer = ie.numberKeyDeserializer = void 0;
   ie.parse = Ed;
-  var Mt = so(), Re = kt(), Bi = Td($i()), wd = /* @__PURE__ */ i((t) => {
+  var Mt = so(), Re = kt(), Bi = Td($i()), wd = /* @__PURE__ */ n((t) => {
     let e = Number(t);
     return Number.isNaN(e) ? t : e;
   }, "numberKeyDeserializer");
   ie.numberKeyDeserializer = wd;
-  var Rd = /* @__PURE__ */ i((t) => {
+  var Rd = /* @__PURE__ */ n((t) => {
     let e = Number(t);
     return Number.isNaN(e) ? t : e;
   }, "numberValueDeserializer");
   ie.numberValueDeserializer = Rd;
-  var Gi = /\+/g, zi = /* @__PURE__ */ i(function() {
+  var Gi = /\+/g, zi = /* @__PURE__ */ n(function() {
   }, "Empty");
   zi.prototype = /* @__PURE__ */ Object.create(null);
-  function Lt(t, e, r, o, n) {
+  function Lt(t, e, r, o, i) {
     let s = t.substring(e, r);
-    return o && (s = s.replace(Gi, " ")), n && (s = (0, Bi.default)(s) || s), s;
+    return o && (s = s.replace(Gi, " ")), i && (s = (0, Bi.default)(s) || s), s;
   }
-  i(Lt, "computeKeySlice");
+  n(Lt, "computeKeySlice");
   function Ed(t, e) {
-    let { valueDeserializer: r = Re.defaultOptions.valueDeserializer, keyDeserializer: o = Re.defaultOptions.keyDeserializer, arrayRepeatSyntax: n = Re.
+    let { valueDeserializer: r = Re.defaultOptions.valueDeserializer, keyDeserializer: o = Re.defaultOptions.keyDeserializer, arrayRepeatSyntax: i = Re.
     defaultOptions.arrayRepeatSyntax, nesting: s = Re.defaultOptions.nesting, arrayRepeat: a = Re.defaultOptions.arrayRepeat, nestingSyntax: l = Re.
     defaultOptions.nestingSyntax, delimiter: c = Re.defaultOptions.delimiter } = e ?? {}, d = typeof c == "string" ? c.charCodeAt(0) : c, p = l ===
     "js", u = new zi();
@@ -888,7 +888,7 @@ var Ui = q((ie) => {
             v[y] = X;
         }
         h = "", g = L, T = L, A = !1, P = !1, m = !1, b = !1, S = !1, C = !1, F = -1, x = L, v = u, E = void 0, y = "";
-      } else I === 93 ? (a && n === "bracket" && B === 91 && (F = k), s && (l === "index" || p) && T <= g && (x !== k && (w = Lt(t, x + 1, L,
+      } else I === 93 ? (a && i === "bracket" && B === 91 && (F = k), s && (l === "index" || p) && T <= g && (x !== k && (w = Lt(t, x + 1, L,
       m, A), y = o(w), E !== void 0 && (v = (0, Mt.getDeepObject)(v, E, y, void 0, p)), E = y, m = !1, A = !1), x = L, C = !0, S = !1)) : I ===
       46 ? s && (l === "dot" || p) && T <= g && (x !== k && (w = Lt(t, x + 1, L, m, A), y = o(w), E !== void 0 && (v = (0, Mt.getDeepObject)(
       v, E, y, p)), E = y, m = !1, A = !1), S = !0, C = !1, x = L) : I === 91 ? s && (l === "index" || p) && T <= g && (x !== k && (w = Lt(t,
@@ -898,7 +898,7 @@ var Ui = q((ie) => {
     }
     return u;
   }
-  i(Ed, "parse");
+  n(Ed, "parse");
 });
 
 // ../node_modules/picoquery/lib/stringify.js
@@ -913,7 +913,7 @@ var Vi = q((lo) => {
     let r = e ?? {};
     return (0, Ad.stringifyObject)(t, r);
   }
-  i(vd, "stringify");
+  n(vd, "stringify");
 });
 
 // ../node_modules/picoquery/lib/main.js
@@ -921,10 +921,10 @@ var _t = q((K) => {
   "use strict";
   var Cd = K && K.__createBinding || (Object.create ? function(t, e, r, o) {
     o === void 0 && (o = r);
-    var n = Object.getOwnPropertyDescriptor(e, r);
-    (!n || ("get" in n ? !e.__esModule : n.writable || n.configurable)) && (n = { enumerable: !0, get: /* @__PURE__ */ i(function() {
+    var i = Object.getOwnPropertyDescriptor(e, r);
+    (!i || ("get" in i ? !e.__esModule : i.writable || i.configurable)) && (i = { enumerable: !0, get: /* @__PURE__ */ n(function() {
       return e[r];
-    }, "get") }), Object.defineProperty(t, o, n);
+    }, "get") }), Object.defineProperty(t, o, i);
   } : function(t, e, r, o) {
     o === void 0 && (o = r), t[o] = e[r];
   }), Pd = K && K.__exportStar || function(t, e) {
@@ -933,11 +933,11 @@ var _t = q((K) => {
   Object.defineProperty(K, "__esModule", { value: !0 });
   K.stringify = K.parse = void 0;
   var Fd = Ui();
-  Object.defineProperty(K, "parse", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(K, "parse", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Fd.parse;
   }, "get") });
   var Id = Vi();
-  Object.defineProperty(K, "stringify", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(K, "stringify", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Id.stringify;
   }, "get") });
   Pd(kt(), K);
@@ -1270,7 +1270,7 @@ var rs = q((at) => {
   function Ud(t) {
     return t >= 55296 && t <= 57343 || t > 1114111 ? "\uFFFD" : (t in ts.default && (t = ts.default[t]), zd(t));
   }
-  i(Ud, "decodeCodePoint");
+  n(Ud, "decodeCodePoint");
   at.default = Ud;
 });
 
@@ -1291,23 +1291,23 @@ var ho = q((te) => {
       return String(r).replace(Yd, e);
     };
   }
-  i(is, "getStrictDecoder");
-  var ns = /* @__PURE__ */ i(function(t, e) {
+  n(is, "getStrictDecoder");
+  var ns = /* @__PURE__ */ n(function(t, e) {
     return t < e ? 1 : -1;
   }, "sorter");
   te.decodeHTML = function() {
     for (var t = Object.keys(Vd.default).sort(ns), e = Object.keys(yo.default).sort(ns), r = 0, o = 0; r < e.length; r++)
       t[o] === e[r] ? (e[r] += ";?", o++) : e[r] += ";";
-    var n = new RegExp("&(?:" + e.join("|") + "|#[xX][\\da-fA-F]+;?|#\\d+;?)", "g"), s = ss(yo.default);
+    var i = new RegExp("&(?:" + e.join("|") + "|#[xX][\\da-fA-F]+;?|#\\d+;?)", "g"), s = ss(yo.default);
     function a(l) {
       return l.substr(-1) !== ";" && (l += ";"), s(l);
     }
-    return i(a, "replacer"), function(l) {
-      return String(l).replace(n, a);
+    return n(a, "replacer"), function(l) {
+      return String(l).replace(i, a);
     };
   }();
   function ss(t) {
-    return /* @__PURE__ */ i(function(r) {
+    return /* @__PURE__ */ n(function(r) {
       if (r.charAt(1) === "#") {
         var o = r.charAt(2);
         return o === "X" || o === "x" ? os.default(parseInt(r.substr(3), 16)) : os.default(parseInt(r.substr(2), 10));
@@ -1315,7 +1315,7 @@ var ho = q((te) => {
       return t[r.slice(1, -1)] || r;
     }, "replace");
   }
-  i(ss, "getReplacer");
+  n(ss, "getReplacer");
 });
 
 // ../node_modules/entities/lib/encode.js
@@ -1336,10 +1336,10 @@ var bo = q((G) => {
       return e[t[r]] = "&" + r + ";", e;
     }, {});
   }
-  i(ds, "getInverseObj");
+  n(ds, "getInverseObj");
   function ps(t) {
-    for (var e = [], r = [], o = 0, n = Object.keys(t); o < n.length; o++) {
-      var s = n[o];
+    for (var e = [], r = [], o = 0, i = Object.keys(t); o < i.length; o++) {
+      var s = i[o];
       s.length === 1 ? e.push("\\" + s) : r.push(s);
     }
     e.sort();
@@ -1351,7 +1351,7 @@ var bo = q((G) => {
     }
     return r.unshift("[" + e.join("") + "]"), new RegExp(r.join("|"), "g");
   }
-  i(ps, "getInverseReplacer");
+  n(ps, "getInverseReplacer");
   var us = /(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,
   Zd = (
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
@@ -1370,7 +1370,7 @@ var bo = q((G) => {
   function Nt(t) {
     return "&#x" + (t.length > 1 ? Zd(t) : t.charCodeAt(0)).toString(16).toUpperCase() + ";";
   }
-  i(Nt, "singleCharReplacer");
+  n(Nt, "singleCharReplacer");
   function Qd(t, e) {
     return function(r) {
       return r.replace(e, function(o) {
@@ -1378,17 +1378,17 @@ var bo = q((G) => {
       }).replace(us, Nt);
     };
   }
-  i(Qd, "getInverse");
+  n(Qd, "getInverse");
   var fs = new RegExp(cs.source + "|" + us.source, "g");
   function ep(t) {
     return t.replace(fs, Nt);
   }
-  i(ep, "escape");
+  n(ep, "escape");
   G.escape = ep;
   function tp(t) {
     return t.replace(cs, Nt);
   }
-  i(tp, "escapeUTF8");
+  n(tp, "escapeUTF8");
   G.escapeUTF8 = tp;
   function ms(t) {
     return function(e) {
@@ -1397,7 +1397,7 @@ var bo = q((G) => {
       });
     };
   }
-  i(ms, "getASCIIEncoder");
+  n(ms, "getASCIIEncoder");
 });
 
 // ../node_modules/entities/lib/index.js
@@ -1411,63 +1411,63 @@ var hs = q((O) => {
   function rp(t, e) {
     return (!e || e <= 0 ? qt.decodeXML : qt.decodeHTML)(t);
   }
-  i(rp, "decode");
+  n(rp, "decode");
   O.decode = rp;
   function op(t, e) {
     return (!e || e <= 0 ? qt.decodeXML : qt.decodeHTMLStrict)(t);
   }
-  i(op, "decodeStrict");
+  n(op, "decodeStrict");
   O.decodeStrict = op;
   function np(t, e) {
     return (!e || e <= 0 ? ys.encodeXML : ys.encodeHTML)(t);
   }
-  i(np, "encode");
+  n(np, "encode");
   O.encode = np;
   var Ee = bo();
-  Object.defineProperty(O, "encodeXML", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "encodeXML", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Ee.encodeXML;
   }, "get") });
-  Object.defineProperty(O, "encodeHTML", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "encodeHTML", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Ee.encodeHTML;
   }, "get") });
-  Object.defineProperty(O, "encodeNonAsciiHTML", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "encodeNonAsciiHTML", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Ee.encodeNonAsciiHTML;
   }, "get") });
-  Object.defineProperty(O, "escape", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "escape", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Ee.escape;
   }, "get") });
-  Object.defineProperty(O, "escapeUTF8", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "escapeUTF8", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Ee.escapeUTF8;
   }, "get") });
-  Object.defineProperty(O, "encodeHTML4", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "encodeHTML4", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Ee.encodeHTML;
   }, "get") });
-  Object.defineProperty(O, "encodeHTML5", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "encodeHTML5", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return Ee.encodeHTML;
   }, "get") });
   var fe = ho();
-  Object.defineProperty(O, "decodeXML", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeXML", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeXML;
   }, "get") });
-  Object.defineProperty(O, "decodeHTML", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeHTML", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeHTML;
   }, "get") });
-  Object.defineProperty(O, "decodeHTMLStrict", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeHTMLStrict", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeHTMLStrict;
   }, "get") });
-  Object.defineProperty(O, "decodeHTML4", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeHTML4", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeHTML;
   }, "get") });
-  Object.defineProperty(O, "decodeHTML5", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeHTML5", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeHTML;
   }, "get") });
-  Object.defineProperty(O, "decodeHTML4Strict", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeHTML4Strict", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeHTMLStrict;
   }, "get") });
-  Object.defineProperty(O, "decodeHTML5Strict", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeHTML5Strict", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeHTMLStrict;
   }, "get") });
-  Object.defineProperty(O, "decodeXMLStrict", { enumerable: !0, get: /* @__PURE__ */ i(function() {
+  Object.defineProperty(O, "decodeXMLStrict", { enumerable: !0, get: /* @__PURE__ */ n(function() {
     return fe.decodeXML;
   }, "get") });
 });
@@ -1479,43 +1479,43 @@ var Cs = q((Qb, vs) => {
     if (!(t instanceof e))
       throw new TypeError("Cannot call a class as a function");
   }
-  i(ip, "_classCallCheck");
+  n(ip, "_classCallCheck");
   function gs(t, e) {
     for (var r = 0; r < e.length; r++) {
       var o = e[r];
       o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
     }
   }
-  i(gs, "_defineProperties");
+  n(gs, "_defineProperties");
   function sp(t, e, r) {
     return e && gs(t.prototype, e), r && gs(t, r), t;
   }
-  i(sp, "_createClass");
+  n(sp, "_createClass");
   function Rs(t, e) {
     var r = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
     if (!r) {
       if (Array.isArray(t) || (r = ap(t)) || e && t && typeof t.length == "number") {
         r && (t = r);
-        var o = 0, n = /* @__PURE__ */ i(function() {
+        var o = 0, i = /* @__PURE__ */ n(function() {
         }, "F");
-        return { s: n, n: /* @__PURE__ */ i(function() {
+        return { s: i, n: /* @__PURE__ */ n(function() {
           return o >= t.length ? { done: !0 } : { done: !1, value: t[o++] };
-        }, "n"), e: /* @__PURE__ */ i(function(d) {
+        }, "n"), e: /* @__PURE__ */ n(function(d) {
           throw d;
-        }, "e"), f: n };
+        }, "e"), f: i };
       }
       throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
     }
     var s = !0, a = !1, l;
-    return { s: /* @__PURE__ */ i(function() {
+    return { s: /* @__PURE__ */ n(function() {
       r = r.call(t);
-    }, "s"), n: /* @__PURE__ */ i(function() {
+    }, "s"), n: /* @__PURE__ */ n(function() {
       var d = r.next();
       return s = d.done, d;
-    }, "n"), e: /* @__PURE__ */ i(function(d) {
+    }, "n"), e: /* @__PURE__ */ n(function(d) {
       a = !0, l = d;
-    }, "e"), f: /* @__PURE__ */ i(function() {
+    }, "e"), f: /* @__PURE__ */ n(function() {
       try {
         !s && r.return != null && r.return();
       } finally {
@@ -1523,7 +1523,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
     }, "f") };
   }
-  i(Rs, "_createForOfIteratorHelper");
+  n(Rs, "_createForOfIteratorHelper");
   function ap(t, e) {
     if (t) {
       if (typeof t == "string") return bs(t, e);
@@ -1532,14 +1532,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return bs(t, e);
     }
   }
-  i(ap, "_unsupportedIterableToArray");
+  n(ap, "_unsupportedIterableToArray");
   function bs(t, e) {
     (e == null || e > t.length) && (e = t.length);
     for (var r = 0, o = new Array(e); r < e; r++)
       o[r] = t[r];
     return o;
   }
-  i(bs, "_arrayLikeToArray");
+  n(bs, "_arrayLikeToArray");
   var lp = hs(), Ss = {
     fg: "#FFF",
     bg: "#000",
@@ -1578,24 +1578,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       t[r] = "#" + o + o + o;
     }), t;
   }
-  i(cp, "getDefaultColors");
+  n(cp, "getDefaultColors");
   function dp(t, e, r, o) {
-    var n = 16 + t * 36 + e * 6 + r, s = t > 0 ? t * 40 + 55 : 0, a = e > 0 ? e * 40 + 55 : 0, l = r > 0 ? r * 40 + 55 : 0;
-    o[n] = pp([s, a, l]);
+    var i = 16 + t * 36 + e * 6 + r, s = t > 0 ? t * 40 + 55 : 0, a = e > 0 ? e * 40 + 55 : 0, l = r > 0 ? r * 40 + 55 : 0;
+    o[i] = pp([s, a, l]);
   }
-  i(dp, "setStyleColor");
+  n(dp, "setStyleColor");
   function Es(t) {
     for (var e = t.toString(16); e.length < 2; )
       e = "0" + e;
     return e;
   }
-  i(Es, "toHexString");
+  n(Es, "toHexString");
   function pp(t) {
     var e = [], r = Rs(t), o;
     try {
       for (r.s(); !(o = r.n()).done; ) {
-        var n = o.value;
-        e.push(Es(n));
+        var i = o.value;
+        e.push(Es(i));
       }
     } catch (s) {
       r.e(s);
@@ -1604,88 +1604,88 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     return "#" + e.join("");
   }
-  i(pp, "toColorHexString");
+  n(pp, "toColorHexString");
   function xs(t, e, r, o) {
-    var n;
-    return e === "text" ? n = yp(r, o) : e === "display" ? n = fp(t, r, o) : e === "xterm256Foreground" ? n = Bt(t, o.colors[r]) : e === "xt\
-erm256Background" ? n = Gt(t, o.colors[r]) : e === "rgb" && (n = up(t, r)), n;
+    var i;
+    return e === "text" ? i = yp(r, o) : e === "display" ? i = fp(t, r, o) : e === "xterm256Foreground" ? i = Bt(t, o.colors[r]) : e === "xt\
+erm256Background" ? i = Gt(t, o.colors[r]) : e === "rgb" && (i = up(t, r)), i;
   }
-  i(xs, "generateOutput");
+  n(xs, "generateOutput");
   function up(t, e) {
     e = e.substring(2).slice(0, -1);
-    var r = +e.substr(0, 2), o = e.substring(5).split(";"), n = o.map(function(s) {
+    var r = +e.substr(0, 2), o = e.substring(5).split(";"), i = o.map(function(s) {
       return ("0" + Number(s).toString(16)).substr(-2);
     }).join("");
-    return $t(t, (r === 38 ? "color:#" : "background-color:#") + n);
+    return $t(t, (r === 38 ? "color:#" : "background-color:#") + i);
   }
-  i(up, "handleRgb");
+  n(up, "handleRgb");
   function fp(t, e, r) {
     e = parseInt(e, 10);
     var o = {
-      "-1": /* @__PURE__ */ i(function() {
+      "-1": /* @__PURE__ */ n(function() {
         return "<br/>";
       }, "_"),
-      0: /* @__PURE__ */ i(function() {
+      0: /* @__PURE__ */ n(function() {
         return t.length && As(t);
       }, "_"),
-      1: /* @__PURE__ */ i(function() {
+      1: /* @__PURE__ */ n(function() {
         return me(t, "b");
       }, "_"),
-      3: /* @__PURE__ */ i(function() {
+      3: /* @__PURE__ */ n(function() {
         return me(t, "i");
       }, "_"),
-      4: /* @__PURE__ */ i(function() {
+      4: /* @__PURE__ */ n(function() {
         return me(t, "u");
       }, "_"),
-      8: /* @__PURE__ */ i(function() {
+      8: /* @__PURE__ */ n(function() {
         return $t(t, "display:none");
       }, "_"),
-      9: /* @__PURE__ */ i(function() {
+      9: /* @__PURE__ */ n(function() {
         return me(t, "strike");
       }, "_"),
-      22: /* @__PURE__ */ i(function() {
+      22: /* @__PURE__ */ n(function() {
         return $t(t, "font-weight:normal;text-decoration:none;font-style:normal");
       }, "_"),
-      23: /* @__PURE__ */ i(function() {
+      23: /* @__PURE__ */ n(function() {
         return ws(t, "i");
       }, "_"),
-      24: /* @__PURE__ */ i(function() {
+      24: /* @__PURE__ */ n(function() {
         return ws(t, "u");
       }, "_"),
-      39: /* @__PURE__ */ i(function() {
+      39: /* @__PURE__ */ n(function() {
         return Bt(t, r.fg);
       }, "_"),
-      49: /* @__PURE__ */ i(function() {
+      49: /* @__PURE__ */ n(function() {
         return Gt(t, r.bg);
       }, "_"),
-      53: /* @__PURE__ */ i(function() {
+      53: /* @__PURE__ */ n(function() {
         return $t(t, "text-decoration:overline");
       }, "_")
-    }, n;
-    return o[e] ? n = o[e]() : 4 < e && e < 7 ? n = me(t, "blink") : 29 < e && e < 38 ? n = Bt(t, r.colors[e - 30]) : 39 < e && e < 48 ? n =
-    Gt(t, r.colors[e - 40]) : 89 < e && e < 98 ? n = Bt(t, r.colors[8 + (e - 90)]) : 99 < e && e < 108 && (n = Gt(t, r.colors[8 + (e - 100)])),
-    n;
+    }, i;
+    return o[e] ? i = o[e]() : 4 < e && e < 7 ? i = me(t, "blink") : 29 < e && e < 38 ? i = Bt(t, r.colors[e - 30]) : 39 < e && e < 48 ? i =
+    Gt(t, r.colors[e - 40]) : 89 < e && e < 98 ? i = Bt(t, r.colors[8 + (e - 90)]) : 99 < e && e < 108 && (i = Gt(t, r.colors[8 + (e - 100)])),
+    i;
   }
-  i(fp, "handleDisplay");
+  n(fp, "handleDisplay");
   function As(t) {
     var e = t.slice(0);
     return t.length = 0, e.reverse().map(function(r) {
       return "</" + r + ">";
     }).join("");
   }
-  i(As, "resetStyles");
+  n(As, "resetStyles");
   function Ht(t, e) {
     for (var r = [], o = t; o <= e; o++)
       r.push(o);
     return r;
   }
-  i(Ht, "range");
+  n(Ht, "range");
   function mp(t) {
     return function(e) {
       return (t === null || e.category !== t) && t !== "all";
     };
   }
-  i(mp, "notCategory");
+  n(mp, "notCategory");
   function Ts(t) {
     t = parseInt(t, 10);
     var e = null;
@@ -1693,51 +1693,51 @@ erm256Background" ? n = Gt(t, o.colors[r]) : e === "rgb" && (n = up(t, r)), n;
 e" : t === 9 ? e = "strike" : 29 < t && t < 38 || t === 39 || 89 < t && t < 98 ? e = "foreground-color" : (39 < t && t < 48 || t === 49 || 99 <
     t && t < 108) && (e = "background-color"), e;
   }
-  i(Ts, "categoryForCode");
+  n(Ts, "categoryForCode");
   function yp(t, e) {
     return e.escapeXML ? lp.encodeXML(t) : t;
   }
-  i(yp, "pushText");
+  n(yp, "pushText");
   function me(t, e, r) {
     return r || (r = ""), t.push(e), "<".concat(e).concat(r ? ' style="'.concat(r, '"') : "", ">");
   }
-  i(me, "pushTag");
+  n(me, "pushTag");
   function $t(t, e) {
     return me(t, "span", e);
   }
-  i($t, "pushStyle");
+  n($t, "pushStyle");
   function Bt(t, e) {
     return me(t, "span", "color:" + e);
   }
-  i(Bt, "pushForegroundColor");
+  n(Bt, "pushForegroundColor");
   function Gt(t, e) {
     return me(t, "span", "background-color:" + e);
   }
-  i(Gt, "pushBackgroundColor");
+  n(Gt, "pushBackgroundColor");
   function ws(t, e) {
     var r;
     if (t.slice(-1)[0] === e && (r = t.pop()), r)
       return "</" + e + ">";
   }
-  i(ws, "closeTag");
+  n(ws, "closeTag");
   function hp(t, e, r) {
-    var o = !1, n = 3;
+    var o = !1, i = 3;
     function s() {
       return "";
     }
-    i(s, "remove");
+    n(s, "remove");
     function a(A, P) {
       return r("xterm256Foreground", P), "";
     }
-    i(a, "removeXterm256Foreground");
+    n(a, "removeXterm256Foreground");
     function l(A, P) {
       return r("xterm256Background", P), "";
     }
-    i(l, "removeXterm256Background");
+    n(l, "removeXterm256Background");
     function c(A) {
       return e.newline ? r("display", -1) : r("text", A), "";
     }
-    i(c, "newline");
+    n(c, "newline");
     function d(A, P) {
       o = !0, P.trim().length === 0 && (P = "0"), P = P.trimRight(";").split(";");
       var m = Rs(P), b;
@@ -1753,15 +1753,15 @@ e" : t === 9 ? e = "strike" : 29 < t && t < 38 || t === 39 || 89 < t && t < 98 ?
       }
       return "";
     }
-    i(d, "ansiMess");
+    n(d, "ansiMess");
     function p(A) {
       return r("text", A), "";
     }
-    i(p, "realText");
+    n(p, "realText");
     function u(A) {
       return r("rgb", A), "";
     }
-    i(u, "rgb");
+    n(u, "rgb");
     var f = [{
       pattern: /^\x08+/,
       sub: s
@@ -1823,9 +1823,9 @@ e" : t === 9 ? e = "strike" : 29 < t && t < 38 || t === 39 || 89 < t && t < 98 ?
       sub: p
     }];
     function h(A, P) {
-      P > n && o || (o = !1, t = t.replace(A.pattern, A.sub));
+      P > i && o || (o = !1, t = t.replace(A.pattern, A.sub));
     }
-    i(h, "process");
+    n(h, "process");
     var g = [], T = t, x = T.length;
     e: for (; x > 0; ) {
       for (var v = 0, E = 0, y = f.length; E < y; v = ++E) {
@@ -1841,7 +1841,7 @@ e" : t === 9 ? e = "strike" : 29 < t && t < 38 || t === 39 || 89 < t && t < 98 ?
     }
     return g;
   }
-  i(hp, "tokenize");
+  n(hp, "tokenize");
   function gp(t, e, r) {
     return e !== "text" && (t = t.filter(mp(Ts(r))), t.push({
       token: e,
@@ -1849,25 +1849,25 @@ e" : t === 9 ? e = "strike" : 29 < t && t < 38 || t === 39 || 89 < t && t < 98 ?
       category: Ts(r)
     })), t;
   }
-  i(gp, "updateStickyStack");
+  n(gp, "updateStickyStack");
   var bp = /* @__PURE__ */ function() {
     function t(e) {
       ip(this, t), e = e || {}, e.colors && (e.colors = Object.assign({}, Ss.colors, e.colors)), this.options = Object.assign({}, Ss, e), this.
       stack = [], this.stickyStack = [];
     }
-    return i(t, "Filter"), sp(t, [{
+    return n(t, "Filter"), sp(t, [{
       key: "toHtml",
-      value: /* @__PURE__ */ i(function(r) {
+      value: /* @__PURE__ */ n(function(r) {
         var o = this;
         r = typeof r == "string" ? [r] : r;
-        var n = this.stack, s = this.options, a = [];
+        var i = this.stack, s = this.options, a = [];
         return this.stickyStack.forEach(function(l) {
-          var c = xs(n, l.token, l.data, s);
+          var c = xs(i, l.token, l.data, s);
           c && a.push(c);
         }), hp(r.join(""), s, function(l, c) {
-          var d = xs(n, l, c, s);
+          var d = xs(i, l, c, s);
           d && a.push(d), s.stream && (o.stickyStack = gp(o.stickyStack, l, c));
-        }), n.length && a.push(As(n)), a.join("");
+        }), i.length && a.push(As(i)), a.join("");
       }, "toHtml")
     }]), t;
   }();
@@ -1881,28 +1881,28 @@ import { global as Yt } from "@storybook/global";
 import { Channel as Us } from "storybook/internal/channels";
 function Wt() {
   let t = {
-    setHandler: /* @__PURE__ */ i(() => {
+    setHandler: /* @__PURE__ */ n(() => {
     }, "setHandler"),
-    send: /* @__PURE__ */ i(() => {
+    send: /* @__PURE__ */ n(() => {
     }, "send")
   };
   return new Us({ transport: t });
 }
-i(Wt, "mockChannel");
+n(Wt, "mockChannel");
 
 // src/preview-api/modules/addons/main.ts
 var Jt = class Jt {
   constructor() {
-    this.getChannel = /* @__PURE__ */ i(() => {
+    this.getChannel = /* @__PURE__ */ n(() => {
       if (!this.channel) {
         let e = Wt();
         return this.setChannel(e), e;
       }
       return this.channel;
     }, "getChannel");
-    this.ready = /* @__PURE__ */ i(() => this.promise, "ready");
-    this.hasChannel = /* @__PURE__ */ i(() => !!this.channel, "hasChannel");
-    this.setChannel = /* @__PURE__ */ i((e) => {
+    this.ready = /* @__PURE__ */ n(() => this.promise, "ready");
+    this.hasChannel = /* @__PURE__ */ n(() => !!this.channel, "hasChannel");
+    this.setChannel = /* @__PURE__ */ n((e) => {
       this.channel = e, this.resolve();
     }, "setChannel");
     this.promise = new Promise((e) => {
@@ -1910,19 +1910,19 @@ var Jt = class Jt {
     });
   }
 };
-i(Jt, "AddonStore");
+n(Jt, "AddonStore");
 var Xt = Jt, Kt = "__STORYBOOK_ADDONS_PREVIEW";
 function Vs() {
   return Yt[Kt] || (Yt[Kt] = new Xt()), Yt[Kt];
 }
-i(Vs, "getAddonsStore");
+n(Vs, "getAddonsStore");
 var z = Vs();
 
 // src/preview-api/modules/addons/definePreview.ts
 function Ws(t) {
   return t;
 }
-i(Ws, "definePreview");
+n(Ws, "definePreview");
 
 // src/preview-api/modules/addons/hooks.ts
 import { logger as Be } from "storybook/internal/client-logger";
@@ -1947,7 +1947,7 @@ var rr = class rr {
     this.currentDecoratorName = void 0;
     this.hasUpdates = void 0;
     this.currentContext = void 0;
-    this.renderListener = /* @__PURE__ */ i((e) => {
+    this.renderListener = /* @__PURE__ */ n((e) => {
       e === this.currentContext?.id && (this.triggerEffects(), this.currentContext = null, this.removeRenderListeners());
     }, "renderListener");
     this.init();
@@ -1980,11 +1980,11 @@ var rr = class rr {
     z.getChannel().removeListener(Ao, this.renderListener);
   }
 };
-i(rr, "HooksContext");
+n(rr, "HooksContext");
 var he = rr;
 function vo(t) {
-  let e = /* @__PURE__ */ i((...r) => {
-    let { hooks: o } = typeof r[0] == "function" ? r[1] : r[0], n = o.currentPhase, s = o.currentHooks, a = o.nextHookIndex, l = o.currentDecoratorName;
+  let e = /* @__PURE__ */ n((...r) => {
+    let { hooks: o } = typeof r[0] == "function" ? r[1] : r[0], i = o.currentPhase, s = o.currentHooks, a = o.nextHookIndex, l = o.currentDecoratorName;
     o.currentDecoratorName = t.name, o.prevMountedDecorators.has(t) ? (o.currentPhase = "UPDATE", o.currentHooks = o.hookListsMap.get(t) || []) :
     (o.currentPhase = "MOUNT", o.currentHooks = [], o.hookListsMap.set(t, o.currentHooks), o.prevMountedDecorators.add(t)), o.nextHookIndex =
     0;
@@ -1995,95 +1995,95 @@ function vo(t) {
       throw new Error(
         "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
       );
-    return o.currentPhase = n, o.currentHooks = s, o.nextHookIndex = a, o.currentDecoratorName = l, d;
+    return o.currentPhase = i, o.currentHooks = s, o.nextHookIndex = a, o.currentDecoratorName = l, d;
   }, "hookified");
   return e.originalFn = t, e;
 }
-i(vo, "hookify");
-var Zt = 0, Zs = 25, Qt = /* @__PURE__ */ i((t) => (e, r) => {
+n(vo, "hookify");
+var Zt = 0, Zs = 25, Qt = /* @__PURE__ */ n((t) => (e, r) => {
   let o = t(
     vo(e),
-    r.map((n) => vo(n))
+    r.map((i) => vo(i))
   );
-  return (n) => {
-    let { hooks: s } = n;
-    s.prevMountedDecorators ??= /* @__PURE__ */ new Set(), s.mountedDecorators = /* @__PURE__ */ new Set([e, ...r]), s.currentContext = n, s.
+  return (i) => {
+    let { hooks: s } = i;
+    s.prevMountedDecorators ??= /* @__PURE__ */ new Set(), s.mountedDecorators = /* @__PURE__ */ new Set([e, ...r]), s.currentContext = i, s.
     hasUpdates = !1;
-    let a = o(n);
+    let a = o(i);
     for (Zt = 1; s.hasUpdates; )
-      if (s.hasUpdates = !1, s.currentEffects = [], a = o(n), Zt += 1, Zt > Zs)
+      if (s.hasUpdates = !1, s.currentEffects = [], a = o(i), Zt += 1, Zt > Zs)
         throw new Error(
           "Too many re-renders. Storybook limits the number of renders to prevent an infinite loop."
         );
     return s.addRenderListeners(), a;
   };
-}, "applyHooks"), Qs = /* @__PURE__ */ i((t, e) => t.length === e.length && t.every((r, o) => r === e[o]), "areDepsEqual"), er = /* @__PURE__ */ i(
+}, "applyHooks"), Qs = /* @__PURE__ */ n((t, e) => t.length === e.length && t.every((r, o) => r === e[o]), "areDepsEqual"), er = /* @__PURE__ */ n(
 () => new Error("Storybook preview hooks can only be called inside decorators and story functions."), "invalidHooksError");
 function Co() {
   return ct.STORYBOOK_HOOKS_CONTEXT || null;
 }
-i(Co, "getHooksContextOrNull");
+n(Co, "getHooksContextOrNull");
 function tr() {
   let t = Co();
   if (t == null)
     throw er();
   return t;
 }
-i(tr, "getHooksContextOrThrow");
+n(tr, "getHooksContextOrThrow");
 function ea(t, e, r) {
   let o = tr();
   if (o.currentPhase === "MOUNT") {
     r != null && !Array.isArray(r) && Be.warn(
       `${t} received a final argument that is not an array (instead, received ${r}). When specified, the final argument must be an array.`
     );
-    let n = { name: t, deps: r };
-    return o.currentHooks.push(n), e(n), n;
+    let i = { name: t, deps: r };
+    return o.currentHooks.push(i), e(i), i;
   }
   if (o.currentPhase === "UPDATE") {
-    let n = o.getNextHook();
-    if (n == null)
+    let i = o.getNextHook();
+    if (i == null)
       throw new Error("Rendered more hooks than during the previous render.");
-    return n.name !== t && Be.warn(
+    return i.name !== t && Be.warn(
       `Storybook has detected a change in the order of Hooks${o.currentDecoratorName ? ` called by ${o.currentDecoratorName}` : ""}. This wi\
 ll lead to bugs and errors if not fixed.`
-    ), r != null && n.deps == null && Be.warn(
+    ), r != null && i.deps == null && Be.warn(
       `${t} received a final argument during this render, but not during the previous render. Even though the final argument is optional, it\
 s type cannot change between renders.`
-    ), r != null && n.deps != null && r.length !== n.deps.length && Be.warn(`The final argument passed to ${t} changed size between renders.\
+    ), r != null && i.deps != null && r.length !== i.deps.length && Be.warn(`The final argument passed to ${t} changed size between renders.\
  The order and size of this array must remain constant.
-Previous: ${n.deps}
-Incoming: ${r}`), (r == null || n.deps == null || !Qs(r, n.deps)) && (e(n), n.deps = r), n;
+Previous: ${i.deps}
+Incoming: ${r}`), (r == null || i.deps == null || !Qs(r, i.deps)) && (e(i), i.deps = r), i;
   }
   throw er();
 }
-i(ea, "useHook");
+n(ea, "useHook");
 function dt(t, e, r) {
   let { memoizedState: o } = ea(
     t,
-    (n) => {
-      n.memoizedState = e();
+    (i) => {
+      i.memoizedState = e();
     },
     r
   );
   return o;
 }
-i(dt, "useMemoLike");
+n(dt, "useMemoLike");
 function ta(t, e) {
   return dt("useMemo", t, e);
 }
-i(ta, "useMemo");
+n(ta, "useMemo");
 function Ge(t, e) {
   return dt("useCallback", () => t, e);
 }
-i(Ge, "useCallback");
+n(Ge, "useCallback");
 function Po(t, e) {
   return dt(t, () => ({ current: e }), []);
 }
-i(Po, "useRefLike");
+n(Po, "useRefLike");
 function ra(t) {
   return Po("useRef", t);
 }
-i(ra, "useRef");
+n(ra, "useRef");
 function oa() {
   let t = Co();
   if (t != null && t.currentPhase !== "NONE")
@@ -2095,65 +2095,65 @@ function oa() {
       Be.warn("State updates of Storybook preview hooks work only in browser");
     }
 }
-i(oa, "triggerUpdate");
+n(oa, "triggerUpdate");
 function Fo(t, e) {
   let r = Po(
     t,
     // @ts-expect-error S type should never be function, but there's no way to tell that to TypeScript
     typeof e == "function" ? e() : e
-  ), o = /* @__PURE__ */ i((n) => {
-    r.current = typeof n == "function" ? n(r.current) : n, oa();
+  ), o = /* @__PURE__ */ n((i) => {
+    r.current = typeof i == "function" ? i(r.current) : i, oa();
   }, "setState");
   return [r.current, o];
 }
-i(Fo, "useStateLike");
+n(Fo, "useStateLike");
 function na(t) {
   return Fo("useState", t);
 }
-i(na, "useState");
+n(na, "useState");
 function ia(t, e, r) {
-  let o = r != null ? () => r(e) : e, [n, s] = Fo("useReducer", o);
-  return [n, /* @__PURE__ */ i((l) => s((c) => t(c, l)), "dispatch")];
+  let o = r != null ? () => r(e) : e, [i, s] = Fo("useReducer", o);
+  return [i, /* @__PURE__ */ n((l) => s((c) => t(c, l)), "dispatch")];
 }
-i(ia, "useReducer");
+n(ia, "useReducer");
 function Io(t, e) {
   let r = tr(), o = dt("useEffect", () => ({ create: t }), e);
   r.currentEffects.includes(o) || r.currentEffects.push(o);
 }
-i(Io, "useEffect");
+n(Io, "useEffect");
 function sa(t, e = []) {
   let r = z.getChannel();
-  return Io(() => (Object.entries(t).forEach(([o, n]) => r.on(o, n)), () => {
+  return Io(() => (Object.entries(t).forEach(([o, i]) => r.on(o, i)), () => {
     Object.entries(t).forEach(
-      ([o, n]) => r.removeListener(o, n)
+      ([o, i]) => r.removeListener(o, i)
     );
   }), [...Object.keys(t), ...e]), Ge(r.emit.bind(r), [r]);
 }
-i(sa, "useChannel");
+n(sa, "useChannel");
 function pt() {
   let { currentContext: t } = tr();
   if (t == null)
     throw er();
   return t;
 }
-i(pt, "useStoryContext");
+n(pt, "useStoryContext");
 function aa(t, e) {
   let { parameters: r } = pt();
   if (t)
     return r[t] ?? e;
 }
-i(aa, "useParameter");
+n(aa, "useParameter");
 function la() {
   let t = z.getChannel(), { id: e, args: r } = pt(), o = Ge(
     (s) => t.emit(Js, { storyId: e, updatedArgs: s }),
     [t, e]
-  ), n = Ge(
+  ), i = Ge(
     (s) => t.emit(Ks, { storyId: e, argNames: s }),
     [t, e]
   );
-  return [r, o, n];
+  return [r, o, i];
 }
-i(la, "useArgs");
+n(la, "useArgs");
 function ca() {
   let t = z.getChannel(), { globals: e } = pt(), r = Ge(
     (o) => t.emit(Xs, { globals: o }),
@@ -2161,25 +2161,25 @@ function ca() {
   );
   return [e, r];
 }
-i(ca, "useGlobals");
+n(ca, "useGlobals");
 
 // src/preview-api/modules/addons/make-decorator.ts
-var da = /* @__PURE__ */ i(({
+var da = /* @__PURE__ */ n(({
   name: t,
   parameterName: e,
   wrapper: r,
   skipIfNoParametersOrOptions: o = !1
 }) => {
-  let n = /* @__PURE__ */ i((s) => (a, l) => {
+  let i = /* @__PURE__ */ n((s) => (a, l) => {
     let c = l.parameters && l.parameters[e];
     return c && c.disable || o && !s && !c ? a(l) : r(a, l, {
       options: s,
       parameters: c
     });
   }, "decorator");
-  return (...s) => typeof s[0] == "function" ? n()(...s) : (...a) => {
+  return (...s) => typeof s[0] == "function" ? i()(...s) : (...a) => {
     if (a.length > 1)
-      return s.length > 1 ? n(s)(...a) : n(...s)(...a);
+      return s.length > 1 ? i(s)(...a) : i(...s)(...a);
     throw new Error(
       `Passing stories directly into ${t}() is not allowed,
         instead use addDecorator(${t}) and pass options with the '${e}' parameter`
@@ -2196,19 +2196,19 @@ import {
 // ../node_modules/es-toolkit/dist/function/noop.mjs
 function Oo() {
 }
-i(Oo, "noop");
+n(Oo, "noop");
 
 // ../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs
 function or(t) {
   return Object.getOwnPropertySymbols(t).filter((e) => Object.prototype.propertyIsEnumerable.call(t, e));
 }
-i(or, "getSymbols");
+n(or, "getSymbols");
 
 // ../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs
 function nr(t) {
   return t == null ? t === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(t);
 }
-i(nr, "getTag");
+n(nr, "getTag");
 
 // ../node_modules/es-toolkit/dist/compat/_internal/tags.mjs
 var ko = "[object RegExp]", Do = "[object String]", Mo = "[object Number]", Lo = "[object Boolean]", ir = "[object Arguments]", _o = "[objec\
@@ -2225,43 +2225,43 @@ function $(t) {
   return e === null || e === Object.prototype || Object.getPrototypeOf(e) === null ? Object.prototype.toString.call(t) === "[object Object]" :
   !1;
 }
-i($, "isPlainObject");
+n($, "isPlainObject");
 
 // ../node_modules/es-toolkit/dist/object/mapValues.mjs
 function re(t, e) {
   let r = {}, o = Object.keys(t);
-  for (let n = 0; n < o.length; n++) {
-    let s = o[n], a = t[s];
+  for (let i = 0; i < o.length; i++) {
+    let s = o[i], a = t[s];
     r[s] = e(a, s, t);
   }
   return r;
 }
-i(re, "mapValues");
+n(re, "mapValues");
 
 // ../node_modules/es-toolkit/dist/object/pickBy.mjs
 function sr(t, e) {
   let r = {}, o = Object.keys(t);
-  for (let n = 0; n < o.length; n++) {
-    let s = o[n], a = t[s];
+  for (let i = 0; i < o.length; i++) {
+    let s = o[i], a = t[s];
     e(a, s) && (r[s] = a);
   }
   return r;
 }
-i(sr, "pickBy");
+n(sr, "pickBy");
 
 // ../node_modules/es-toolkit/dist/compat/util/eq.mjs
 function rn(t, e) {
   return t === e || Number.isNaN(t) && Number.isNaN(e);
 }
-i(rn, "eq");
+n(rn, "eq");
 
 // ../node_modules/es-toolkit/dist/predicate/isEqualWith.mjs
 function on(t, e, r) {
   return ze(t, e, void 0, void 0, void 0, void 0, r);
 }
-i(on, "isEqualWith");
-function ze(t, e, r, o, n, s, a) {
-  let l = a(t, e, r, o, n, s);
+n(on, "isEqualWith");
+function ze(t, e, r, o, i, s, a) {
+  let l = a(t, e, r, o, i, s);
   if (l !== void 0)
     return l;
   if (typeof t == typeof e)
@@ -2281,14 +2281,14 @@ function ze(t, e, r, o, n, s, a) {
     }
   return Ue(t, e, s, a);
 }
-i(ze, "isEqualWithImpl");
+n(ze, "isEqualWithImpl");
 function Ue(t, e, r, o) {
   if (Object.is(t, e))
     return !0;
-  let n = nr(t), s = nr(e);
-  if (n === ir && (n = ut), s === ir && (s = ut), n !== s)
+  let i = nr(t), s = nr(e);
+  if (i === ir && (i = ut), s === ir && (s = ut), i !== s)
     return !1;
-  switch (n) {
+  switch (i) {
     case Do:
       return t.toString() === e.toString();
     case Mo: {
@@ -2310,7 +2310,7 @@ function Ue(t, e, r, o) {
     return a === e;
   r.set(t, e), r.set(e, t);
   try {
-    switch (n) {
+    switch (i) {
       case No: {
         if (t.size !== e.size)
           return !1;
@@ -2379,13 +2379,13 @@ function Ue(t, e, r, o) {
     r.delete(t), r.delete(e);
   }
 }
-i(Ue, "areObjectsEqual");
+n(Ue, "areObjectsEqual");
 
 // ../node_modules/es-toolkit/dist/predicate/isEqual.mjs
 function ar(t, e) {
   return on(t, e, Oo);
 }
-i(ar, "isEqual");
+n(ar, "isEqual");
 
 // src/preview-api/modules/store/StoryStore.ts
 var It = ve(cr(), 1);
@@ -2415,11 +2415,11 @@ var an = {
 };
 
 // src/actions/runtime/action.ts
-var cn = /* @__PURE__ */ i((t, e) => {
+var cn = /* @__PURE__ */ n((t, e) => {
   let r = Object.getPrototypeOf(t);
   return !r || e(r) ? r : cn(r, e);
-}, "findProto"), fa = /* @__PURE__ */ i((t) => !!(typeof t == "object" && t && cn(t, (e) => /^Synthetic(?:Base)?Event$/.test(e.constructor.name)) &&
-typeof t.persist == "function"), "isReactSyntheticEvent"), ma = /* @__PURE__ */ i((t) => {
+}, "findProto"), fa = /* @__PURE__ */ n((t) => !!(typeof t == "object" && t && cn(t, (e) => /^Synthetic(?:Base)?Event$/.test(e.constructor.name)) &&
+typeof t.persist == "function"), "isReactSyntheticEvent"), ma = /* @__PURE__ */ n((t) => {
   if (fa(t)) {
     let e = Object.create(
       t.constructor.prototype,
@@ -2438,7 +2438,7 @@ function Ve(t, e = {}) {
   let r = {
     ...an,
     ...e
-  }, o = /* @__PURE__ */ i(function(...s) {
+  }, o = /* @__PURE__ */ n(function(...s) {
     if (e.implicit) {
       let h = ("__STORYBOOK_PREVIEW__" in ln ? ln.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (g) => g.phase === "playing" || g.phase === "rendering"
@@ -2469,23 +2469,23 @@ function Ve(t, e = {}) {
   }, "actionHandler");
   return o.isAction = !0, o.implicit = e.implicit, o;
 }
-i(Ve, "action");
+n(Ve, "action");
 
 // src/actions/addArgsHelpers.ts
-var dn = /* @__PURE__ */ i((t, e) => typeof e[t] > "u" && !(t in e), "isInInitialArgs"), pn = /* @__PURE__ */ i((t) => {
+var dn = /* @__PURE__ */ n((t, e) => typeof e[t] > "u" && !(t in e), "isInInitialArgs"), pn = /* @__PURE__ */ n((t) => {
   let {
     initialArgs: e,
     argTypes: r,
     id: o,
-    parameters: { actions: n }
+    parameters: { actions: i }
   } = t;
-  if (!n || n.disable || !n.argTypesRegex || !r)
+  if (!i || i.disable || !i.argTypesRegex || !r)
     return {};
-  let s = new RegExp(n.argTypesRegex);
+  let s = new RegExp(i.argTypesRegex);
   return Object.entries(r).filter(
     ([l]) => !!s.test(l)
   ).reduce((l, [c, d]) => (dn(c, e) && (l[c] = Ve(c, { implicit: !0, id: o })), l), {});
-}, "inferActionsFromArgTypesRegex"), un = /* @__PURE__ */ i((t) => {
+}, "inferActionsFromArgTypesRegex"), un = /* @__PURE__ */ n((t) => {
   let {
     initialArgs: e,
     argTypes: r,
@@ -2507,11 +2507,11 @@ Eo(ur, {
   loaders: () => ba
 });
 import { onMockCall as ha } from "storybook/test";
-var fn = !1, ga = /* @__PURE__ */ i((t) => {
+var fn = !1, ga = /* @__PURE__ */ n((t) => {
   let { parameters: e } = t;
   e?.actions?.disable || fn || (ha((r, o) => {
-    let n = r.getMockName();
-    n !== "spy" && (!/^next\/.*::/.test(n) || [
+    let i = r.getMockName();
+    i !== "spy" && (!/^next\/.*::/.test(i) || [
       "next/router::useRouter()",
       "next/navigation::useRouter()",
       "next/navigation::redirect",
@@ -2520,12 +2520,12 @@ var fn = !1, ga = /* @__PURE__ */ i((t) => {
       "next/headers::cookies().delete",
       "next/headers::headers().set",
       "next/headers::headers().delete"
-    ].some((s) => n.startsWith(s))) && Ve(n)(o);
+    ].some((s) => i.startsWith(s))) && Ve(i)(o);
   }), fn = !0);
 }, "logActionsWhenMockCalled"), ba = [ga];
 
 // src/actions/preview.ts
-var fr = /* @__PURE__ */ i(() => Sa({
+var fr = /* @__PURE__ */ n(() => Sa({
   ...pr,
   ...ur
 }), "default");
@@ -2549,15 +2549,15 @@ var mn = {
 };
 
 // src/backgrounds/utils.ts
-var { document: W } = globalThis, yn = /* @__PURE__ */ i(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: re\
-duce)")?.matches : !1, "isReduceMotionEnabled"), mr = /* @__PURE__ */ i((t) => {
+var { document: W } = globalThis, yn = /* @__PURE__ */ n(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: re\
+duce)")?.matches : !1, "isReduceMotionEnabled"), mr = /* @__PURE__ */ n((t) => {
   (Array.isArray(t) ? t : [t]).forEach(Ta);
-}, "clearStyles"), Ta = /* @__PURE__ */ i((t) => {
+}, "clearStyles"), Ta = /* @__PURE__ */ n((t) => {
   if (!W)
     return;
   let e = W.getElementById(t);
   e && e.parentElement && e.parentElement.removeChild(e);
-}, "clearStyle"), hn = /* @__PURE__ */ i((t, e) => {
+}, "clearStyle"), hn = /* @__PURE__ */ n((t, e) => {
   if (!W)
     return;
   let r = W.getElementById(t);
@@ -2567,17 +2567,17 @@ duce)")?.matches : !1, "isReduceMotionEnabled"), mr = /* @__PURE__ */ i((t) => {
     let o = W.createElement("style");
     o.setAttribute("id", t), o.innerHTML = e, W.head.appendChild(o);
   }
-}, "addGridStyle"), gn = /* @__PURE__ */ i((t, e, r) => {
+}, "addGridStyle"), gn = /* @__PURE__ */ n((t, e, r) => {
   if (!W)
     return;
   let o = W.getElementById(t);
   if (o)
     o.innerHTML !== e && (o.innerHTML = e);
   else {
-    let n = W.createElement("style");
-    n.setAttribute("id", t), n.innerHTML = e;
+    let i = W.createElement("style");
+    i.setAttribute("id", t), i.innerHTML = e;
     let s = `addon-backgrounds-grid${r ? `-docs-${r}` : ""}`, a = W.getElementById(s);
-    a ? a.parentElement?.insertBefore(n, a) : W.head.appendChild(n);
+    a ? a.parentElement?.insertBefore(i, a) : W.head.appendChild(i);
   }
 }, "addBackgroundStyle");
 
@@ -2586,16 +2586,16 @@ var wa = {
   cellSize: 100,
   cellAmount: 10,
   opacity: 0.8
-}, Sn = "addon-backgrounds", xn = "addon-backgrounds-grid", Ra = yn() ? "" : "transition: background-color 0.3s;", Tn = /* @__PURE__ */ i((t, e) => {
-  let { globals: r = {}, parameters: o = {}, viewMode: n, id: s } = e, {
+}, Sn = "addon-backgrounds", xn = "addon-backgrounds-grid", Ra = yn() ? "" : "transition: background-color 0.3s;", Tn = /* @__PURE__ */ n((t, e) => {
+  let { globals: r = {}, parameters: o = {}, viewMode: i, id: s } = e, {
     options: a = mn,
     disable: l,
     grid: c = wa
   } = o[Ce] || {}, d = r[Ce] || {}, p = typeof d == "string" ? d : d?.value, u = p ? a[p] : void 0, f = typeof u == "string" ? u : u?.value ||
-  "transparent", h = typeof d == "string" ? !1 : d.grid || !1, g = !!u && !l, T = n === "docs" ? `#anchor--${s} .docs-story` : ".sb-show-mai\
-n", x = n === "docs" ? `#anchor--${s} .docs-story` : ".sb-show-main", v = o.layout === void 0 || o.layout === "padded", E = n === "docs" ? 20 :
-  v ? 16 : 0, { cellAmount: y, cellSize: w, opacity: A, offsetX: P = E, offsetY: m = E } = c, b = n === "docs" ? `${Sn}-docs-${s}` : `${Sn}-\
-color`, S = n === "docs" ? s : null;
+  "transparent", h = typeof d == "string" ? !1 : d.grid || !1, g = !!u && !l, T = i === "docs" ? `#anchor--${s} .docs-story` : ".sb-show-mai\
+n", x = i === "docs" ? `#anchor--${s} .docs-story` : ".sb-show-main", v = o.layout === void 0 || o.layout === "padded", E = i === "docs" ? 20 :
+  v ? 16 : 0, { cellAmount: y, cellSize: w, opacity: A, offsetX: P = E, offsetY: m = E } = c, b = i === "docs" ? `${Sn}-docs-${s}` : `${Sn}-\
+color`, S = i === "docs" ? s : null;
   bn(() => {
     let R = `
     ${T} {
@@ -2608,7 +2608,7 @@ color`, S = n === "docs" ? s : null;
     }
     gn(b, R, S);
   }, [T, b, S, g, f]);
-  let C = n === "docs" ? `${xn}-docs-${s}` : `${xn}`;
+  let C = i === "docs" ? `${xn}-docs-${s}` : `${xn}`;
   return bn(() => {
     if (!h) {
       mr(C);
@@ -2646,7 +2646,7 @@ var Aa = globalThis.FEATURES?.backgrounds ? [Tn] : [], va = {
   }
 }, Ca = {
   [Ce]: { value: void 0, grid: !1 }
-}, yr = /* @__PURE__ */ i(() => Ea({
+}, yr = /* @__PURE__ */ n(() => Ea({
   decorators: Aa,
   parameters: va,
   initialGlobals: Ca
@@ -2662,10 +2662,10 @@ var { step: Ia } = Pa(
     // await step("label", (context) => {
     //   // labeled step
     // });
-    step: /* @__PURE__ */ i(async (t, e, r) => e(r), "step")
+    step: /* @__PURE__ */ n(async (t, e, r) => e(r), "step")
   },
   { intercept: !0 }
-), hr = /* @__PURE__ */ i(() => Fa({
+), hr = /* @__PURE__ */ n(() => Fa({
   parameters: {
     throwPlayFunctionExceptions: !1
   },
@@ -2704,22 +2704,22 @@ var br = {
 };
 
 // src/highlight/utils.ts
-var Oa = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".split(","), j = /* @__PURE__ */ i((t, e = {}, r) => {
+var Oa = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".split(","), j = /* @__PURE__ */ n((t, e = {}, r) => {
   let o = Oa.includes(t) ? document.createElementNS("http://www.w3.org/2000/svg", t) : document.createElement(t);
-  return Object.entries(e).forEach(([n, s]) => {
-    /[A-Z]/.test(n) ? (n === "onClick" && (o.addEventListener("click", s), o.addEventListener("keydown", (a) => {
+  return Object.entries(e).forEach(([i, s]) => {
+    /[A-Z]/.test(i) ? (i === "onClick" && (o.addEventListener("click", s), o.addEventListener("keydown", (a) => {
       (a.key === "Enter" || a.key === " ") && (a.preventDefault(), s());
-    })), n === "onMouseEnter" && o.addEventListener("mouseenter", s), n === "onMouseLeave" && o.addEventListener("mouseleave", s)) : o.setAttribute(
-    n, s);
-  }), r?.forEach((n) => {
-    if (!(n == null || n === !1))
+    })), i === "onMouseEnter" && o.addEventListener("mouseenter", s), i === "onMouseLeave" && o.addEventListener("mouseleave", s)) : o.setAttribute(
+    i, s);
+  }), r?.forEach((i) => {
+    if (!(i == null || i === !1))
       try {
-        o.appendChild(n);
+        o.appendChild(i);
       } catch {
-        o.appendChild(document.createTextNode(String(n)));
+        o.appendChild(document.createTextNode(String(i)));
       }
   }), o;
-}, "createElement"), Ye = /* @__PURE__ */ i((t) => br[t] && j(
+}, "createElement"), Ye = /* @__PURE__ */ n((t) => br[t] && j(
   "svg",
   { width: "14", height: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg" },
   br[t].map(
@@ -2730,15 +2730,15 @@ var Oa = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".split(","), j
       d: e
     })
   )
-), "createIcon"), vn = /* @__PURE__ */ i((t) => {
+), "createIcon"), vn = /* @__PURE__ */ n((t) => {
   if ("elements" in t) {
-    let { elements: o, color: n, style: s } = t;
+    let { elements: o, color: i, style: s } = t;
     return {
       id: void 0,
       priority: 0,
       selectors: o,
       styles: {
-        outline: `2px ${s} ${n}`,
+        outline: `2px ${s} ${i}`,
         outlineOffset: "2px",
         boxShadow: "0 0 0 6px rgba(255,255,255,0.6)"
       },
@@ -2755,29 +2755,29 @@ var Oa = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".split(","), j
     ...r,
     menu: Array.isArray(e) ? e.every(Array.isArray) ? e : [e] : void 0
   };
-}, "normalizeOptions"), ka = /* @__PURE__ */ i((t) => t instanceof Function, "isFunction"), We = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map(),
-mt = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ i((t) => {
+}, "normalizeOptions"), ka = /* @__PURE__ */ n((t) => t instanceof Function, "isFunction"), We = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map(),
+mt = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ n((t) => {
   let e = Symbol();
-  return ge.set(e, []), We.set(e, t), { get: /* @__PURE__ */ i(() => We.get(e), "get"), set: /* @__PURE__ */ i((a) => {
+  return ge.set(e, []), We.set(e, t), { get: /* @__PURE__ */ n(() => We.get(e), "get"), set: /* @__PURE__ */ n((a) => {
     let l = We.get(e), c = ka(a) ? a(l) : a;
     c !== l && (We.set(e, c), ge.get(e)?.forEach((d) => {
       mt.get(d)?.(), mt.set(d, d(c));
     }));
-  }, "set"), subscribe: /* @__PURE__ */ i((a) => (ge.get(e)?.push(a), () => {
+  }, "set"), subscribe: /* @__PURE__ */ n((a) => (ge.get(e)?.push(a), () => {
     let l = ge.get(e);
     l && ge.set(
       e,
       l.filter((c) => c !== a)
     );
-  }), "subscribe"), teardown: /* @__PURE__ */ i(() => {
+  }), "subscribe"), teardown: /* @__PURE__ */ n(() => {
     ge.get(e)?.forEach((a) => {
       mt.get(a)?.(), mt.delete(a);
     }), ge.delete(e), We.delete(e);
   }, "teardown") };
-}, "useStore"), Sr = /* @__PURE__ */ i((t) => {
+}, "useStore"), Sr = /* @__PURE__ */ n((t) => {
   let e = document.getElementById("storybook-root"), r = /* @__PURE__ */ new Map();
   for (let o of t) {
-    let { priority: n = 0 } = o;
+    let { priority: i = 0 } = o;
     for (let s of o.selectors) {
       let a = [
         ...document.querySelectorAll(
@@ -2790,23 +2790,23 @@ mt = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ i((t) => {
       ];
       for (let l of a) {
         let c = r.get(l);
-        (!c || c.priority <= n) && r.set(l, {
+        (!c || c.priority <= i) && r.set(l, {
           ...o,
-          priority: n,
+          priority: i,
           selectors: Array.from(new Set((c?.selectors || []).concat(s)))
         });
       }
     }
   }
   return r;
-}, "mapElements"), Cn = /* @__PURE__ */ i((t) => Array.from(t.entries()).map(([e, { selectors: r, styles: o, hoverStyles: n, focusStyles: s,
+}, "mapElements"), Cn = /* @__PURE__ */ n((t) => Array.from(t.entries()).map(([e, { selectors: r, styles: o, hoverStyles: i, focusStyles: s,
 menu: a }]) => {
   let { top: l, left: c, width: d, height: p } = e.getBoundingClientRect(), { position: u } = getComputedStyle(e);
   return {
     element: e,
     selectors: r,
     styles: o,
-    hoverStyles: n,
+    hoverStyles: i,
     focusStyles: s,
     menu: a,
     top: u === "fixed" ? l : l + window.scrollY,
@@ -2814,21 +2814,21 @@ menu: a }]) => {
     width: d,
     height: p
   };
-}).sort((e, r) => r.width * r.height - e.width * e.height), "mapBoxes"), xr = /* @__PURE__ */ i((t, e) => {
-  let r = t.getBoundingClientRect(), { x: o, y: n } = e;
-  return r?.top && r?.left && o >= r.left && o <= r.left + r.width && n >= r.top && n <= r.top + r.height;
-}, "isOverMenu"), Tr = /* @__PURE__ */ i((t, e, r) => {
+}).sort((e, r) => r.width * r.height - e.width * e.height), "mapBoxes"), xr = /* @__PURE__ */ n((t, e) => {
+  let r = t.getBoundingClientRect(), { x: o, y: i } = e;
+  return r?.top && r?.left && o >= r.left && o <= r.left + r.width && i >= r.top && i <= r.top + r.height;
+}, "isOverMenu"), Tr = /* @__PURE__ */ n((t, e, r) => {
   if (!e || !r)
     return !1;
-  let { left: o, top: n, width: s, height: a } = t;
-  a < J && (n = n - Math.round((J - a) / 2), a = J), s < J && (o = o - Math.round((J - s) / 2), s = J), e.style.position === "fixed" && (o +=
-  window.scrollX, n += window.scrollY);
+  let { left: o, top: i, width: s, height: a } = t;
+  a < J && (i = i - Math.round((J - a) / 2), a = J), s < J && (o = o - Math.round((J - s) / 2), s = J), e.style.position === "fixed" && (o +=
+  window.scrollX, i += window.scrollY);
   let { x: l, y: c } = r;
-  return l >= o && l <= o + s && c >= n && c <= n + a;
-}, "isTargeted"), Pn = /* @__PURE__ */ i((t, e, r = {}) => {
-  let { x: o, y: n } = e, { margin: s = 5, topOffset: a = 0, centered: l = !1 } = r, { scrollX: c, scrollY: d, innerHeight: p, innerWidth: u } = window,
+  return l >= o && l <= o + s && c >= i && c <= i + a;
+}, "isTargeted"), Pn = /* @__PURE__ */ n((t, e, r = {}) => {
+  let { x: o, y: i } = e, { margin: s = 5, topOffset: a = 0, centered: l = !1 } = r, { scrollX: c, scrollY: d, innerHeight: p, innerWidth: u } = window,
   f = Math.min(
-    t.style.position === "fixed" ? n - d : n,
+    t.style.position === "fixed" ? i - d : i,
     p - t.clientHeight - s - a + d
   ), h = l ? t.clientWidth / 2 : 0, g = t.style.position === "fixed" ? Math.max(Math.min(o - c, u - h - s), h + s) : Math.max(
     Math.min(o, u - h - s + c),
@@ -2836,13 +2836,13 @@ menu: a }]) => {
   );
   Object.assign(t.style, {
     ...g !== o && { left: `${g}px` },
-    ...f !== n && { top: `${f}px` }
+    ...f !== i && { top: `${f}px` }
   });
-}, "keepInViewport"), wr = /* @__PURE__ */ i((t) => {
+}, "keepInViewport"), wr = /* @__PURE__ */ n((t) => {
   window.HTMLElement.prototype.hasOwnProperty("showPopover") && t.showPopover();
-}, "showPopover"), Fn = /* @__PURE__ */ i((t) => {
+}, "showPopover"), Fn = /* @__PURE__ */ n((t) => {
   window.HTMLElement.prototype.hasOwnProperty("showPopover") && t.hidePopover();
-}, "hidePopover"), In = /* @__PURE__ */ i((t) => ({
+}, "hidePopover"), In = /* @__PURE__ */ n((t) => ({
   top: t.top,
   left: t.left,
   width: t.width,
@@ -2859,11 +2859,11 @@ menu: a }]) => {
 }), "getEventDetails");
 
 // src/highlight/useHighlights.ts
-var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "storybook-root", kn = /* @__PURE__ */ i((t) => {
+var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "storybook-root", kn = /* @__PURE__ */ n((t) => {
   if (globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED)
     return;
   globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED = !0;
-  let { document: e } = globalThis, r = Z([]), o = Z(/* @__PURE__ */ new Map()), n = Z([]), s = Z(), a = Z(), l = Z([]), c = Z([]), d = Z(),
+  let { document: e } = globalThis, r = Z([]), o = Z(/* @__PURE__ */ new Map()), i = Z([]), s = Z(), a = Z(), l = Z([]), c = Z([]), d = Z(),
   p = Z(), u = e.getElementById(On);
   r.subscribe(() => {
     u || (u = j("div", { id: On }), e.body.appendChild(u));
@@ -2877,7 +2877,7 @@ var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "sto
       S.disconnect();
     };
   }), o.subscribe((m) => {
-    let b = /* @__PURE__ */ i(() => requestAnimationFrame(() => n.set(Cn(m))), "updateBoxes"), S = new ResizeObserver(b);
+    let b = /* @__PURE__ */ n(() => requestAnimationFrame(() => i.set(Cn(m))), "updateBoxes"), S = new ResizeObserver(b);
     S.observe(e.body), Array.from(m.keys()).forEach((R) => S.observe(R));
     let C = Array.from(e.body.querySelectorAll("*")).filter((R) => {
       let { overflow: I, overflowX: F, overflowY: k } = window.getComputedStyle(R);
@@ -2887,8 +2887,8 @@ var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "sto
       S.disconnect(), C.forEach((R) => R.removeEventListener("scroll", b));
     };
   }), o.subscribe((m) => {
-    let b = Array.from(m.keys()).filter(({ style: C }) => C.position === "sticky"), S = /* @__PURE__ */ i(() => requestAnimationFrame(() => {
-      n.set(
+    let b = Array.from(m.keys()).filter(({ style: C }) => C.position === "sticky"), S = /* @__PURE__ */ n(() => requestAnimationFrame(() => {
+      i.set(
         (C) => C.map((R) => {
           if (b.includes(R.element)) {
             let { top: I, left: F } = R.element.getBoundingClientRect();
@@ -2918,7 +2918,7 @@ var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "sto
     });
   });
   let h = new Map(/* @__PURE__ */ new Map());
-  n.subscribe((m) => {
+  i.subscribe((m) => {
     m.forEach((b) => {
       let S = h.get(b.element);
       if (u && !S) {
@@ -2934,11 +2934,11 @@ var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "sto
     }), h.forEach((b, S) => {
       m.some(({ element: C }) => C === S) || (b.remove(), h.delete(S));
     });
-  }), n.subscribe((m) => {
+  }), i.subscribe((m) => {
     let b = m.filter((C) => C.menu);
     if (!b.length)
       return;
-    let S = /* @__PURE__ */ i((C) => {
+    let S = /* @__PURE__ */ n((C) => {
       requestAnimationFrame(() => {
         let R = e.getElementById(M), I = { x: C.pageX, y: C.pageY };
         if (R && !xr(R, I)) {
@@ -2952,20 +2952,20 @@ var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "sto
     }, "onClick");
     return e.addEventListener("click", S), () => e.removeEventListener("click", S);
   });
-  let g = /* @__PURE__ */ i(() => {
+  let g = /* @__PURE__ */ n(() => {
     let m = e.getElementById(M), b = a.get();
     !b || m && xr(m, b) || c.set((S) => {
-      let C = n.get().filter((k) => {
+      let C = i.get().filter((k) => {
         let B = h.get(k.element);
         return Tr(k, B, b);
       }), R = S.filter((k) => C.includes(k)), I = C.filter((k) => !S.includes(k)), F = S.length - R.length;
       return I.length || F ? [...R, ...I] : S;
     });
   }, "updateHovered");
-  a.subscribe(g), n.subscribe(g);
-  let T = /* @__PURE__ */ i(() => {
+  a.subscribe(g), i.subscribe(g);
+  let T = /* @__PURE__ */ n(() => {
     let m = p.get(), b = m ? [m] : l.get(), S = b.length === 1 ? b[0] : d.get(), C = s.get() !== void 0;
-    n.get().forEach((R) => {
+    i.get().forEach((R) => {
       let I = h.get(R.element);
       if (I) {
         let F = S === R, k = C ? S ? F : b.includes(R) : c.get()?.includes(R);
@@ -3004,8 +3004,8 @@ var M = "storybook-highlights-menu", On = "storybook-highlights-root", Ma = "sto
       }
     });
   }, "updateBoxStyles");
-  n.subscribe(T), l.subscribe(T), c.subscribe(T), d.subscribe(T), p.subscribe(T);
-  let x = /* @__PURE__ */ i(() => {
+  i.subscribe(T), l.subscribe(T), c.subscribe(T), d.subscribe(T), p.subscribe(T);
+  let x = /* @__PURE__ */ n(() => {
     if (!u)
       return;
     let m = e.getElementById(M);
@@ -3127,10 +3127,10 @@ ue", Helvetica, Arial, sans-serif;
             )
           ), F = I ? {
             class: "selectable",
-            onClick: /* @__PURE__ */ i(() => p.set(R), "onClick"),
-            onMouseEnter: /* @__PURE__ */ i(() => d.set(R), "onMouseEnter"),
-            onMouseLeave: /* @__PURE__ */ i(() => d.set(void 0), "onMouseLeave")
-          } : b ? { class: "selected", onClick: /* @__PURE__ */ i(() => p.set(void 0), "onClick") } : {}, k = I || b;
+            onClick: /* @__PURE__ */ n(() => p.set(R), "onClick"),
+            onMouseEnter: /* @__PURE__ */ n(() => d.set(R), "onMouseEnter"),
+            onMouseLeave: /* @__PURE__ */ n(() => d.set(void 0), "onMouseLeave")
+          } : b ? { class: "selected", onClick: /* @__PURE__ */ n(() => p.set(void 0), "onClick") } : {}, k = I || b;
           return j("li", F, [
             j(k ? "button" : "div", k ? { type: "button" } : {}, [
               b ? Ye("chevronLeft") : null,
@@ -3188,17 +3188,17 @@ ue", Helvetica, Arial, sans-serif;
     }), wr(m), requestAnimationFrame(() => Pn(m, C, { topOffset: 15, centered: !0 }))) : (Fn(m), Object.assign(m.style, { display: "none" }));
   }, "renderMenu");
   l.subscribe(x), p.subscribe(x);
-  let v = /* @__PURE__ */ i((m) => {
+  let v = /* @__PURE__ */ n((m) => {
     let b = vn(m);
     r.set((S) => {
       let C = b.id ? S.filter((R) => R.id !== b.id) : S;
       return b.selectors?.length ? [...C, b] : C;
     });
-  }, "addHighlight"), E = /* @__PURE__ */ i((m) => {
+  }, "addHighlight"), E = /* @__PURE__ */ n((m) => {
     m && r.set((b) => b.filter((S) => S.id !== m));
-  }, "removeHighlight"), y = /* @__PURE__ */ i(() => {
-    r.set([]), o.set(/* @__PURE__ */ new Map()), n.set([]), s.set(void 0), a.set(void 0), l.set([]), c.set([]), d.set(void 0), p.set(void 0);
-  }, "resetState"), w, A = /* @__PURE__ */ i((m, b) => {
+  }, "removeHighlight"), y = /* @__PURE__ */ n(() => {
+    r.set([]), o.set(/* @__PURE__ */ new Map()), i.set([]), s.set(void 0), a.set(void 0), l.set([]), c.set([]), d.set(void 0), p.set(void 0);
+  }, "resetState"), w, A = /* @__PURE__ */ n((m, b) => {
     let S = "scrollIntoView-highlight";
     clearTimeout(w), E(S);
     let C = e.querySelector(m);
@@ -3229,7 +3229,7 @@ ue", Helvetica, Arial, sans-serif;
         }`
       }
     ]), w = setTimeout(() => E(S), 3500);
-  }, "scrollIntoView"), P = /* @__PURE__ */ i((m) => {
+  }, "scrollIntoView"), P = /* @__PURE__ */ n((m) => {
     requestAnimationFrame(() => a.set({ x: m.pageX, y: m.pageY }));
   }, "onMouseMove");
   e.body.addEventListener("mousemove", P), t.on(wn, v), t.on(Rn, E), t.on(En, y), t.on(An, A), t.on(Da, ({ newPhase: m }) => {
@@ -3239,7 +3239,7 @@ ue", Helvetica, Arial, sans-serif;
 
 // src/highlight/preview.ts
 globalThis?.FEATURES?.highlight && Dn?.ready && Dn.ready().then(kn);
-var Rr = /* @__PURE__ */ i(() => La({}), "default");
+var Rr = /* @__PURE__ */ n(() => La({}), "default");
 
 // src/measure/preview.ts
 import { definePreview as Qa } from "storybook/preview-api";
@@ -3267,14 +3267,14 @@ function se(t, e) {
     throw new Error(o);
   }
 }
-i(se, "invariant");
+n(se, "invariant");
 
 // src/measure/box-model/canvas.ts
 function Ln() {
   let t = ht.document.documentElement, e = Math.max(t.scrollHeight, t.offsetHeight);
   return { width: Math.max(t.scrollWidth, t.offsetWidth), height: e };
 }
-i(Ln, "getDocumentWidthAndHeight");
+n(Ln, "getDocumentWidthAndHeight");
 function ja() {
   let t = ht.document.createElement("canvas");
   t.id = "storybook-addon-measure";
@@ -3284,37 +3284,37 @@ function ja() {
   return Ar(t, e, { width: r, height: o }), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.zIndex = "21474836\
 47", t.style.pointerEvents = "none", ht.document.body.appendChild(t), { canvas: t, context: e, width: r, height: o };
 }
-i(ja, "createCanvas");
+n(ja, "createCanvas");
 function Ar(t, e, { width: r, height: o }) {
   t.style.width = `${r}px`, t.style.height = `${o}px`;
-  let n = ht.window.devicePixelRatio;
-  t.width = Math.floor(r * n), t.height = Math.floor(o * n), e.scale(n, n);
+  let i = ht.window.devicePixelRatio;
+  t.width = Math.floor(r * i), t.height = Math.floor(o * i), e.scale(i, i);
 }
-i(Ar, "setCanvasWidthAndHeight");
+n(Ar, "setCanvasWidthAndHeight");
 var N = {};
 function _n() {
   N.canvas || (N = ja());
 }
-i(_n, "init");
+n(_n, "init");
 function jn() {
   N.context && N.context.clearRect(0, 0, N.width ?? 0, N.height ?? 0);
 }
-i(jn, "clear");
+n(jn, "clear");
 function Nn(t) {
   jn(), t(N.context);
 }
-i(Nn, "draw");
+n(Nn, "draw");
 function qn() {
   se(N.canvas, "Canvas should exist in the state."), se(N.context, "Context should exist in the state."), Ar(N.canvas, N.context, { width: 0,
   height: 0 });
   let { width: t, height: e } = Ln();
   Ar(N.canvas, N.context, { width: t, height: e }), N.width = t, N.height = e;
 }
-i(qn, "rescale");
+n(qn, "rescale");
 function Hn() {
   N.canvas && (jn(), N.canvas.parentNode?.removeChild(N.canvas), N = {});
 }
-i(Hn, "destroy");
+n(Hn, "destroy");
 
 // src/measure/box-model/visualizer.ts
 import { global as Y } from "@storybook/global";
@@ -3327,86 +3327,86 @@ var Pe = {
   content: "#6fa8dc",
   text: "#232020"
 }, oe = 6;
-function $n(t, { x: e, y: r, w: o, h: n, r: s }) {
-  e = e - o / 2, r = r - n / 2, o < 2 * s && (s = o / 2), n < 2 * s && (s = n / 2), t.beginPath(), t.moveTo(e + s, r), t.arcTo(e + o, r, e +
-  o, r + n, s), t.arcTo(e + o, r + n, e, r + n, s), t.arcTo(e, r + n, e, r, s), t.arcTo(e, r, e + o, r, s), t.closePath();
+function $n(t, { x: e, y: r, w: o, h: i, r: s }) {
+  e = e - o / 2, r = r - i / 2, o < 2 * s && (s = o / 2), i < 2 * s && (s = i / 2), t.beginPath(), t.moveTo(e + s, r), t.arcTo(e + o, r, e +
+  o, r + i, s), t.arcTo(e + o, r + i, e, r + i, s), t.arcTo(e, r + i, e, r, s), t.arcTo(e, r, e + o, r, s), t.closePath();
 }
-i($n, "roundedRect");
-function Na(t, { padding: e, border: r, width: o, height: n, top: s, left: a }) {
-  let l = o - r.left - r.right - e.left - e.right, c = n - e.top - e.bottom - r.top - r.bottom, d = a + r.left + e.left, p = s + r.top + e.top;
+n($n, "roundedRect");
+function Na(t, { padding: e, border: r, width: o, height: i, top: s, left: a }) {
+  let l = o - r.left - r.right - e.left - e.right, c = i - e.top - e.bottom - r.top - r.bottom, d = a + r.left + e.left, p = s + r.top + e.top;
   return t === "top" ? d += l / 2 : t === "right" ? (d += l, p += c / 2) : t === "bottom" ? (d += l / 2, p += c) : t === "left" ? p += c / 2 :
   t === "center" && (d += l / 2, p += c / 2), { x: d, y: p };
 }
-i(Na, "positionCoordinate");
-function qa(t, e, { margin: r, border: o, padding: n }, s, a) {
-  let l = /* @__PURE__ */ i((f) => 0, "shift"), c = 0, d = 0, p = a ? 1 : 0.5, u = a ? s * 2 : 0;
-  return t === "padding" ? l = /* @__PURE__ */ i((f) => n[f] * p + u, "shift") : t === "border" ? l = /* @__PURE__ */ i((f) => n[f] + o[f] *
-  p + u, "shift") : t === "margin" && (l = /* @__PURE__ */ i((f) => n[f] + o[f] + r[f] * p + u, "shift")), e === "top" ? d = -l("top") : e ===
+n(Na, "positionCoordinate");
+function qa(t, e, { margin: r, border: o, padding: i }, s, a) {
+  let l = /* @__PURE__ */ n((f) => 0, "shift"), c = 0, d = 0, p = a ? 1 : 0.5, u = a ? s * 2 : 0;
+  return t === "padding" ? l = /* @__PURE__ */ n((f) => i[f] * p + u, "shift") : t === "border" ? l = /* @__PURE__ */ n((f) => i[f] + o[f] *
+  p + u, "shift") : t === "margin" && (l = /* @__PURE__ */ n((f) => i[f] + o[f] + r[f] * p + u, "shift")), e === "top" ? d = -l("top") : e ===
   "right" ? c = l("right") : e === "bottom" ? d = l("bottom") : e === "left" && (c = -l("left")), { offsetX: c, offsetY: d };
 }
-i(qa, "offset");
+n(qa, "offset");
 function Ha(t, e) {
   return Math.abs(t.x - e.x) < Math.abs(t.w + e.w) / 2 && Math.abs(t.y - e.y) < Math.abs(t.h + e.h) / 2;
 }
-i(Ha, "collide");
+n(Ha, "collide");
 function $a(t, e, r) {
   return t === "top" ? e.y = r.y - r.h - oe : t === "right" ? e.x = r.x + r.w / 2 + oe + e.w / 2 : t === "bottom" ? e.y = r.y + r.h + oe : t ===
   "left" && (e.x = r.x - r.w / 2 - oe - e.w / 2), { x: e.x, y: e.y };
 }
-i($a, "overlapAdjustment");
-function Bn(t, e, { x: r, y: o, w: n, h: s }, a) {
-  return $n(t, { x: r, y: o, w: n, h: s, r: 3 }), t.fillStyle = `${Pe[e]}dd`, t.fill(), t.strokeStyle = Pe[e], t.stroke(), t.fillStyle = Pe.
-  text, t.fillText(a, r, o), $n(t, { x: r, y: o, w: n, h: s, r: 3 }), t.fillStyle = `${Pe[e]}dd`, t.fill(), t.strokeStyle = Pe[e], t.stroke(),
-  t.fillStyle = Pe.text, t.fillText(a, r, o), { x: r, y: o, w: n, h: s };
+n($a, "overlapAdjustment");
+function Bn(t, e, { x: r, y: o, w: i, h: s }, a) {
+  return $n(t, { x: r, y: o, w: i, h: s, r: 3 }), t.fillStyle = `${Pe[e]}dd`, t.fill(), t.strokeStyle = Pe[e], t.stroke(), t.fillStyle = Pe.
+  text, t.fillText(a, r, o), $n(t, { x: r, y: o, w: i, h: s, r: 3 }), t.fillStyle = `${Pe[e]}dd`, t.fill(), t.strokeStyle = Pe[e], t.stroke(),
+  t.fillStyle = Pe.text, t.fillText(a, r, o), { x: r, y: o, w: i, h: s };
 }
-i(Bn, "textWithRect");
+n(Bn, "textWithRect");
 function Gn(t, e) {
   t.font = "600 12px monospace", t.textBaseline = "middle", t.textAlign = "center";
-  let r = t.measureText(e), o = r.actualBoundingBoxAscent + r.actualBoundingBoxDescent, n = r.width + oe * 2, s = o + oe * 2;
-  return { w: n, h: s };
+  let r = t.measureText(e), o = r.actualBoundingBoxAscent + r.actualBoundingBoxDescent, i = r.width + oe * 2, s = o + oe * 2;
+  return { w: i, h: s };
 }
-i(Gn, "configureText");
-function Ba(t, e, { type: r, position: o = "center", text: n }, s, a = !1) {
+n(Gn, "configureText");
+function Ba(t, e, { type: r, position: o = "center", text: i }, s, a = !1) {
   let { x: l, y: c } = Na(o, e), { offsetX: d, offsetY: p } = qa(r, o, e, oe + 1, a);
   l += d, c += p;
-  let { w: u, h: f } = Gn(t, n);
+  let { w: u, h: f } = Gn(t, i);
   if (s && Ha({ x: l, y: c, w: u, h: f }, s)) {
     let h = $a(o, { x: l, y: c, w: u, h: f }, s);
     l = h.x, c = h.y;
   }
-  return Bn(t, r, { x: l, y: c, w: u, h: f }, n);
+  return Bn(t, r, { x: l, y: c, w: u, h: f }, i);
 }
-i(Ba, "drawLabel");
+n(Ba, "drawLabel");
 function Ga(t, { w: e, h: r }) {
-  let o = e * 0.5 + oe, n = r * 0.5 + oe;
+  let o = e * 0.5 + oe, i = r * 0.5 + oe;
   return {
     offsetX: (t.x === "left" ? -1 : 1) * o,
-    offsetY: (t.y === "top" ? -1 : 1) * n
+    offsetY: (t.y === "top" ? -1 : 1) * i
   };
 }
-i(Ga, "floatingOffset");
+n(Ga, "floatingOffset");
 function za(t, e, { type: r, text: o }) {
-  let { floatingAlignment: n, extremities: s } = e, a = s[n.x], l = s[n.y], { w: c, h: d } = Gn(t, o), { offsetX: p, offsetY: u } = Ga(n, {
+  let { floatingAlignment: i, extremities: s } = e, a = s[i.x], l = s[i.y], { w: c, h: d } = Gn(t, o), { offsetX: p, offsetY: u } = Ga(i, {
     w: c,
     h: d
   });
   return a += p, l += u, Bn(t, r, { x: a, y: l, w: c, h: d }, o);
 }
-i(za, "drawFloatingLabel");
+n(za, "drawFloatingLabel");
 function Ke(t, e, r, o) {
-  let n = [];
+  let i = [];
   r.forEach((s, a) => {
-    let l = o && s.position === "center" ? za(t, e, s) : Ba(t, e, s, n[a - 1], o);
-    n[a] = l;
+    let l = o && s.position === "center" ? za(t, e, s) : Ba(t, e, s, i[a - 1], o);
+    i[a] = l;
   });
 }
-i(Ke, "drawStack");
+n(Ke, "drawStack");
 function zn(t, e, r, o) {
-  let n = r.reduce((s, a) => (Object.prototype.hasOwnProperty.call(s, a.position) || (s[a.position] = []), s[a.position]?.push(a), s), {});
-  n.top && Ke(t, e, n.top, o), n.right && Ke(t, e, n.right, o), n.bottom && Ke(t, e, n.bottom, o), n.left && Ke(t, e, n.left, o), n.center &&
-  Ke(t, e, n.center, o);
+  let i = r.reduce((s, a) => (Object.prototype.hasOwnProperty.call(s, a.position) || (s[a.position] = []), s[a.position]?.push(a), s), {});
+  i.top && Ke(t, e, i.top, o), i.right && Ke(t, e, i.right, o), i.bottom && Ke(t, e, i.bottom, o), i.left && Ke(t, e, i.left, o), i.center &&
+  Ke(t, e, i.center, o);
 }
-i(zn, "labelStacks");
+n(zn, "labelStacks");
 
 // src/measure/box-model/visualizer.ts
 var gt = {
@@ -3418,15 +3418,15 @@ var gt = {
 function U(t) {
   return parseInt(t.replace("px", ""), 10);
 }
-i(U, "pxToNumber");
+n(U, "pxToNumber");
 function Fe(t) {
   return Number.isInteger(t) ? t : t.toFixed(2);
 }
-i(Fe, "round");
+n(Fe, "round");
 function vr(t) {
   return t.filter((e) => e.text !== 0 && e.text !== "0");
 }
-i(vr, "filterZeroValues");
+n(vr, "filterZeroValues");
 function Ua(t) {
   let e = {
     top: Y.window.scrollY,
@@ -3444,9 +3444,9 @@ function Ua(t) {
     y: r.top > r.bottom ? "top" : "bottom"
   };
 }
-i(Ua, "floatingAlignment");
+n(Ua, "floatingAlignment");
 function Va(t) {
-  let e = Y.getComputedStyle(t), { top: r, left: o, right: n, bottom: s, width: a, height: l } = t.getBoundingClientRect(), {
+  let e = Y.getComputedStyle(t), { top: r, left: o, right: i, bottom: s, width: a, height: l } = t.getBoundingClientRect(), {
     marginTop: c,
     marginBottom: d,
     marginLeft: p,
@@ -3460,7 +3460,7 @@ function Va(t) {
     borderLeftWidth: E,
     borderRightWidth: y
   } = e;
-  r = r + Y.window.scrollY, o = o + Y.window.scrollX, s = s + Y.window.scrollY, n = n + Y.window.scrollX;
+  r = r + Y.window.scrollY, o = o + Y.window.scrollX, s = s + Y.window.scrollY, i = i + Y.window.scrollX;
   let w = {
     top: U(c),
     bottom: U(d),
@@ -3480,7 +3480,7 @@ function Va(t) {
     top: r - w.top,
     bottom: s + w.bottom,
     left: o - w.left,
-    right: n + w.right
+    right: i + w.right
   };
   return {
     margin: w,
@@ -3489,18 +3489,18 @@ function Va(t) {
     top: r,
     left: o,
     bottom: s,
-    right: n,
+    right: i,
     width: a,
     height: l,
     extremities: m,
     floatingAlignment: Ua(m)
   };
 }
-i(Va, "measureElement");
-function Wa(t, { margin: e, width: r, height: o, top: n, left: s, bottom: a, right: l }) {
+n(Va, "measureElement");
+function Wa(t, { margin: e, width: r, height: o, top: i, left: s, bottom: a, right: l }) {
   let c = o + e.bottom + e.top;
-  t.fillStyle = gt.margin, t.fillRect(s, n - e.top, r, e.top), t.fillRect(l, n - e.top, e.right, c), t.fillRect(s, a, r, e.bottom), t.fillRect(
-  s - e.left, n - e.top, e.left, c);
+  t.fillStyle = gt.margin, t.fillRect(s, i - e.top, r, e.top), t.fillRect(l, i - e.top, e.right, c), t.fillRect(s, a, r, e.bottom), t.fillRect(
+  s - e.left, i - e.top, e.left, c);
   let d = [
     {
       type: "margin",
@@ -3525,9 +3525,9 @@ function Wa(t, { margin: e, width: r, height: o, top: n, left: s, bottom: a, rig
   ];
   return vr(d);
 }
-i(Wa, "drawMargin");
-function Ya(t, { padding: e, border: r, width: o, height: n, top: s, left: a, bottom: l, right: c }) {
-  let d = o - r.left - r.right, p = n - e.top - e.bottom - r.top - r.bottom;
+n(Wa, "drawMargin");
+function Ya(t, { padding: e, border: r, width: o, height: i, top: s, left: a, bottom: l, right: c }) {
+  let d = o - r.left - r.right, p = i - e.top - e.bottom - r.top - r.bottom;
   t.fillStyle = gt.padding, t.fillRect(a + r.left, s + r.top, d, e.top), t.fillRect(
     c - e.right - r.right,
     s + e.top + r.top,
@@ -3563,11 +3563,11 @@ function Ya(t, { padding: e, border: r, width: o, height: n, top: s, left: a, bo
   ];
   return vr(u);
 }
-i(Ya, "drawPadding");
-function Ka(t, { border: e, width: r, height: o, top: n, left: s, bottom: a, right: l }) {
+n(Ya, "drawPadding");
+function Ka(t, { border: e, width: r, height: o, top: i, left: s, bottom: a, right: l }) {
   let c = o - e.top - e.bottom;
-  t.fillStyle = gt.border, t.fillRect(s, n, r, e.top), t.fillRect(s, a - e.bottom, r, e.bottom), t.fillRect(s, n + e.top, e.left, c), t.fillRect(
-  l - e.right, n + e.top, e.right, c);
+  t.fillStyle = gt.border, t.fillRect(s, i, r, e.top), t.fillRect(s, a - e.bottom, r, e.bottom), t.fillRect(s, i + e.top, e.left, c), t.fillRect(
+  l - e.right, i + e.top, e.right, c);
   let d = [
     {
       type: "border",
@@ -3592,9 +3592,9 @@ function Ka(t, { border: e, width: r, height: o, top: n, left: s, bottom: a, rig
   ];
   return vr(d);
 }
-i(Ka, "drawBorder");
-function Xa(t, { padding: e, border: r, width: o, height: n, top: s, left: a }) {
-  let l = o - r.left - r.right - e.left - e.right, c = n - e.top - e.bottom - r.top - r.bottom;
+n(Ka, "drawBorder");
+function Xa(t, { padding: e, border: r, width: o, height: i, top: s, left: a }) {
+  let l = o - r.left - r.right - e.left - e.right, c = i - e.top - e.bottom - r.top - r.bottom;
   return t.fillStyle = gt.content, t.fillRect(
     a + r.left + e.left,
     s + r.top + e.top,
@@ -3608,30 +3608,30 @@ function Xa(t, { padding: e, border: r, width: o, height: n, top: s, left: a })
     }
   ];
 }
-i(Xa, "drawContent");
+n(Xa, "drawContent");
 function Ja(t) {
   return (e) => {
     if (t && e) {
-      let r = Va(t), o = Wa(e, r), n = Ya(e, r), s = Ka(e, r), a = Xa(e, r), l = r.width <= Un * 3 || r.height <= Un;
+      let r = Va(t), o = Wa(e, r), i = Ya(e, r), s = Ka(e, r), a = Xa(e, r), l = r.width <= Un * 3 || r.height <= Un;
       zn(
         e,
         r,
-        [...a, ...n, ...s, ...o],
+        [...a, ...i, ...s, ...o],
         l
       );
     }
   };
 }
-i(Ja, "drawBoxModel");
+n(Ja, "drawBoxModel");
 function Vn(t) {
   Nn(Ja(t));
 }
-i(Vn, "drawSelectedElement");
+n(Vn, "drawSelectedElement");
 
 // src/measure/util.ts
 import { global as Za } from "@storybook/global";
-var Wn = /* @__PURE__ */ i((t, e) => {
-  let r = Za.document.elementFromPoint(t, e), o = /* @__PURE__ */ i((s) => {
+var Wn = /* @__PURE__ */ n((t, e) => {
+  let r = Za.document.elementFromPoint(t, e), o = /* @__PURE__ */ n((s) => {
     if (s && s.shadowRoot) {
       let a = s.shadowRoot.elementFromPoint(t, e);
       return s.isEqualNode(a) ? s : a.shadowRoot ? o(a) : a;
@@ -3646,33 +3646,33 @@ var Kn, bt = { x: 0, y: 0 };
 function Xn(t, e) {
   Kn = Wn(t, e), Vn(Kn);
 }
-i(Xn, "findAndDrawElement");
-var Jn = /* @__PURE__ */ i((t, e) => {
+n(Xn, "findAndDrawElement");
+var Jn = /* @__PURE__ */ n((t, e) => {
   let { measureEnabled: r } = e.globals || {};
   return Yn(() => {
     if (typeof globalThis.document > "u")
       return;
-    let o = /* @__PURE__ */ i((n) => {
+    let o = /* @__PURE__ */ n((i) => {
       window.requestAnimationFrame(() => {
-        n.stopPropagation(), bt.x = n.clientX, bt.y = n.clientY;
+        i.stopPropagation(), bt.x = i.clientX, bt.y = i.clientY;
       });
     }, "onPointerMove");
     return globalThis.document.addEventListener("pointermove", o), () => {
       globalThis.document.removeEventListener("pointermove", o);
     };
   }, []), Yn(() => {
-    let o = /* @__PURE__ */ i((s) => {
+    let o = /* @__PURE__ */ n((s) => {
       window.requestAnimationFrame(() => {
         s.stopPropagation(), Xn(s.clientX, s.clientY);
       });
-    }, "onPointerOver"), n = /* @__PURE__ */ i(() => {
+    }, "onPointerOver"), i = /* @__PURE__ */ n(() => {
       window.requestAnimationFrame(() => {
         qn();
       });
     }, "onResize");
     return e.viewMode === "story" && r && (globalThis.document.addEventListener("pointerover", o), _n(), globalThis.window.addEventListener(
-    "resize", n), Xn(bt.x, bt.y)), () => {
-      globalThis.window.removeEventListener("resize", n), Hn();
+    "resize", i), Xn(bt.x, bt.y)), () => {
+      globalThis.window.removeEventListener("resize", i), Hn();
     };
   }, [r, e.viewMode]), t();
 }, "withMeasure");
@@ -3680,7 +3680,7 @@ var Jn = /* @__PURE__ */ i((t, e) => {
 // src/measure/preview.ts
 var el = globalThis.FEATURES?.measure ? [Jn] : [], tl = {
   [Mn]: !1
-}, Cr = /* @__PURE__ */ i(() => Qa({
+}, Cr = /* @__PURE__ */ n(() => Qa({
   decorators: el,
   initialGlobals: tl
 }), "default");
@@ -3696,12 +3696,12 @@ import { useEffect as ol, useMemo as nl } from "storybook/preview-api";
 
 // src/outline/helpers.ts
 import { global as xt } from "@storybook/global";
-var Pr = /* @__PURE__ */ i((t) => {
+var Pr = /* @__PURE__ */ n((t) => {
   (Array.isArray(t) ? t : [t]).forEach(rl);
-}, "clearStyles"), rl = /* @__PURE__ */ i((t) => {
+}, "clearStyles"), rl = /* @__PURE__ */ n((t) => {
   let e = typeof t == "string" ? t : t.join(""), r = xt.document.getElementById(e);
   r && r.parentElement && r.parentElement.removeChild(r);
-}, "clearStyle"), Zn = /* @__PURE__ */ i((t, e) => {
+}, "clearStyle"), Zn = /* @__PURE__ */ n((t, e) => {
   let r = xt.document.getElementById(t);
   if (r)
     r.innerHTML !== e && (r.innerHTML = e);
@@ -3717,16 +3717,16 @@ function _(t) {
     e[r - 1] = arguments[r];
   var o = Array.from(typeof t == "string" ? [t] : t);
   o[o.length - 1] = o[o.length - 1].replace(/\r?\n([\t ]*)$/, "");
-  var n = o.reduce(function(l, c) {
+  var i = o.reduce(function(l, c) {
     var d = c.match(/\n([\t ]+|(?!\s).)/g);
     return d ? l.concat(d.map(function(p) {
       var u, f;
       return (f = (u = p.match(/[\t ]/g)) === null || u === void 0 ? void 0 : u.length) !== null && f !== void 0 ? f : 0;
     })) : l;
   }, []);
-  if (n.length) {
+  if (i.length) {
     var s = new RegExp(`
-[	 ]{` + Math.min.apply(Math, n) + "}", "g");
+[	 ]{` + Math.min.apply(Math, i) + "}", "g");
     o = o.map(function(l) {
       return l.replace(s, `
 `);
@@ -3744,7 +3744,7 @@ function _(t) {
 `)), a += u + o[c + 1];
   }), a;
 }
-i(_, "dedent");
+n(_, "dedent");
 
 // src/outline/outlineCSS.ts
 function Fr(t) {
@@ -4145,14 +4145,14 @@ function Fr(t) {
       outline: 1px solid #db175b !important;
     }`;
 }
-i(Fr, "outlineCSS");
+n(Fr, "outlineCSS");
 
 // src/outline/withOutline.ts
-var Qn = /* @__PURE__ */ i((t, e) => {
-  let r = e.globals || {}, o = [!0, "true"].includes(r[St]), n = e.viewMode === "docs", s = nl(() => Fr(n ? '[data-story-block="true"]' : ".\
+var Qn = /* @__PURE__ */ n((t, e) => {
+  let r = e.globals || {}, o = [!0, "true"].includes(r[St]), i = e.viewMode === "docs", s = nl(() => Fr(i ? '[data-story-block="true"]' : ".\
 sb-show-main"), [e]);
   return ol(() => {
-    let a = n ? `addon-outline-docs-${e.id}` : "addon-outline";
+    let a = i ? `addon-outline-docs-${e.id}` : "addon-outline";
     return o ? Zn(a, s) : Pr(a), () => {
       Pr(a);
     };
@@ -4162,7 +4162,7 @@ sb-show-main"), [e]);
 // src/outline/preview.ts
 var sl = globalThis.FEATURES?.outline ? [Qn] : [], al = {
   [St]: !1
-}, Ir = /* @__PURE__ */ i(() => il({ decorators: sl, initialGlobals: al }), "default");
+}, Ir = /* @__PURE__ */ n(() => il({ decorators: sl, initialGlobals: al }), "default");
 
 // src/test/preview.ts
 import { instrument as ll } from "storybook/internal/instrumenter";
@@ -4176,9 +4176,9 @@ import {
   uninstrumentedUserEvent as yl,
   within as hl
 } from "storybook/test";
-var gl = /* @__PURE__ */ i(({ parameters: t }) => {
+var gl = /* @__PURE__ */ n(({ parameters: t }) => {
   t?.test?.mockReset === !0 ? fl() : t?.test?.clearMocks === !0 ? dl() : t?.test?.restoreMocks !== !1 && ml();
-}, "resetAllMocksLoader"), Or = /* @__PURE__ */ i((t, e = 0, r) => {
+}, "resetAllMocksLoader"), Or = /* @__PURE__ */ n((t, e = 0, r) => {
   if (e > 5 || t == null)
     return t;
   if (ul(t))
@@ -4195,14 +4195,14 @@ var gl = /* @__PURE__ */ i(({ parameters: t }) => {
   }
   if (typeof t == "object" && t.constructor === Object) {
     e++;
-    for (let [o, n] of Object.entries(t))
-      Object.getOwnPropertyDescriptor(t, o)?.writable && (t[o] = Or(n, e, o));
+    for (let [o, i] of Object.entries(t))
+      Object.getOwnPropertyDescriptor(t, o)?.writable && (t[o] = Or(i, e, o));
     return t;
   }
   return t;
-}, "traverseArgs"), bl = /* @__PURE__ */ i(({ initialArgs: t }) => {
+}, "traverseArgs"), bl = /* @__PURE__ */ n(({ initialArgs: t }) => {
   Or(t);
-}, "nameSpiesAndWrapActionsInSpies"), ei = !1, Sl = /* @__PURE__ */ i(async (t) => {
+}, "nameSpiesAndWrapActionsInSpies"), ei = !1, Sl = /* @__PURE__ */ n(async (t) => {
   globalThis.HTMLElement && t.canvasElement instanceof globalThis.HTMLElement && (t.canvas = hl(t.canvasElement));
   let e = globalThis.window?.navigator?.clipboard;
   if (e) {
@@ -4210,21 +4210,21 @@ var gl = /* @__PURE__ */ i(({ parameters: t }) => {
       { userEvent: yl.setup() },
       { intercept: !0 }
     ).userEvent, Object.defineProperty(globalThis.window.navigator, "clipboard", {
-      get: /* @__PURE__ */ i(() => e, "get"),
+      get: /* @__PURE__ */ n(() => e, "get"),
       configurable: !0
     });
     let r = HTMLElement.prototype.focus;
     ei || Object.defineProperties(HTMLElement.prototype, {
       focus: {
         configurable: !0,
-        set: /* @__PURE__ */ i((o) => {
+        set: /* @__PURE__ */ n((o) => {
           r = o, ei = !0;
         }, "set"),
-        get: /* @__PURE__ */ i(() => r, "get")
+        get: /* @__PURE__ */ n(() => r, "get")
       }
     });
   }
-}, "enhanceContext"), kr = /* @__PURE__ */ i(() => cl({
+}, "enhanceContext"), kr = /* @__PURE__ */ n(() => cl({
   loaders: [gl, bl, Sl]
 }), "default");
 
@@ -4237,7 +4237,7 @@ var ti = "storybook/viewport", ri = "viewport", Cm = `${ti}/panel`, Pm = `${ti}/
 // src/viewport/preview.ts
 var Tl = {
   [ri]: { value: void 0, isRotated: !1 }
-}, Dr = /* @__PURE__ */ i(() => xl({
+}, Dr = /* @__PURE__ */ n(() => xl({
   initialGlobals: Tl
 }), "default");
 
@@ -4262,11 +4262,11 @@ function Xe() {
     (kr.default ?? kr)()
   ];
 }
-i(Xe, "getCoreAnnotations");
+n(Xe, "getCoreAnnotations");
 
 // src/preview-api/modules/store/args.ts
 import { once as Mr } from "storybook/internal/client-logger";
-var Ie = Symbol("incompatible"), Lr = /* @__PURE__ */ i((t, e) => {
+var Ie = Symbol("incompatible"), Lr = /* @__PURE__ */ n((t, e) => {
   let r = e.type;
   if (t == null || !r || e.mapping)
     return t;
@@ -4280,71 +4280,71 @@ var Ie = Symbol("incompatible"), Lr = /* @__PURE__ */ i((t, e) => {
     case "boolean":
       return String(t) === "true";
     case "array":
-      return !r.value || !Array.isArray(t) ? Ie : t.reduce((o, n, s) => {
-        let a = Lr(n, { type: r.value });
+      return !r.value || !Array.isArray(t) ? Ie : t.reduce((o, i, s) => {
+        let a = Lr(i, { type: r.value });
         return a !== Ie && (o[s] = a), o;
       }, new Array(t.length));
     case "object":
-      return typeof t == "string" || typeof t == "number" ? t : !r.value || typeof t != "object" ? Ie : Object.entries(t).reduce((o, [n, s]) => {
-        let a = Lr(s, { type: r.value[n] });
-        return a === Ie ? o : Object.assign(o, { [n]: a });
+      return typeof t == "string" || typeof t == "number" ? t : !r.value || typeof t != "object" ? Ie : Object.entries(t).reduce((o, [i, s]) => {
+        let a = Lr(s, { type: r.value[i] });
+        return a === Ie ? o : Object.assign(o, { [i]: a });
       }, {});
     default:
       return Ie;
   }
-}, "map"), oi = /* @__PURE__ */ i((t, e) => Object.entries(t).reduce((r, [o, n]) => {
+}, "map"), oi = /* @__PURE__ */ n((t, e) => Object.entries(t).reduce((r, [o, i]) => {
   if (!e[o])
     return r;
-  let s = Lr(n, e[o]);
+  let s = Lr(i, e[o]);
   return s === Ie ? r : Object.assign(r, { [o]: s });
-}, {}), "mapArgsToTypes"), Je = /* @__PURE__ */ i((t, e) => Array.isArray(t) && Array.isArray(e) ? e.reduce(
-  (r, o, n) => (r[n] = Je(t[n], e[n]), r),
+}, {}), "mapArgsToTypes"), Je = /* @__PURE__ */ n((t, e) => Array.isArray(t) && Array.isArray(e) ? e.reduce(
+  (r, o, i) => (r[i] = Je(t[i], e[i]), r),
   [...t]
 ).filter((r) => r !== void 0) : !$(t) || !$(e) ? e : Object.keys({ ...t, ...e }).reduce((r, o) => {
   if (o in e) {
-    let n = Je(t[o], e[o]);
-    n !== void 0 && (r[o] = n);
+    let i = Je(t[o], e[o]);
+    i !== void 0 && (r[o] = i);
   } else
     r[o] = t[o];
   return r;
-}, {}), "combineArgs"), ni = /* @__PURE__ */ i((t, e) => Object.entries(e).reduce((r, [o, { options: n }]) => {
+}, {}), "combineArgs"), ni = /* @__PURE__ */ n((t, e) => Object.entries(e).reduce((r, [o, { options: i }]) => {
   function s() {
     return o in t && (r[o] = t[o]), r;
   }
-  if (i(s, "allowArg"), !n)
+  if (n(s, "allowArg"), !i)
     return s();
-  if (!Array.isArray(n))
+  if (!Array.isArray(i))
     return Mr.error(_`
         Invalid argType: '${o}.options' should be an array.
 
         More info: https://storybook.js.org/docs/api/arg-types
       `), s();
-  if (n.some((u) => u && ["object", "function"].includes(typeof u)))
+  if (i.some((u) => u && ["object", "function"].includes(typeof u)))
     return Mr.error(_`
         Invalid argType: '${o}.options' should only contain primitives. Use a 'mapping' for complex values.
 
         More info: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values
       `), s();
-  let a = Array.isArray(t[o]), l = a && t[o].findIndex((u) => !n.includes(u)), c = a && l === -1;
-  if (t[o] === void 0 || n.includes(t[o]) || c)
+  let a = Array.isArray(t[o]), l = a && t[o].findIndex((u) => !i.includes(u)), c = a && l === -1;
+  if (t[o] === void 0 || i.includes(t[o]) || c)
     return s();
-  let d = a ? `${o}[${l}]` : o, p = n.map((u) => typeof u == "string" ? `'${u}'` : String(u)).join(", ");
+  let d = a ? `${o}[${l}]` : o, p = i.map((u) => typeof u == "string" ? `'${u}'` : String(u)).join(", ");
   return Mr.warn(`Received illegal value for '${d}'. Supported options: ${p}`), r;
-}, {}), "validateOptions"), be = Symbol("Deeply equal"), Oe = /* @__PURE__ */ i((t, e) => {
+}, {}), "validateOptions"), be = Symbol("Deeply equal"), Oe = /* @__PURE__ */ n((t, e) => {
   if (typeof t != typeof e)
     return e;
   if (ar(t, e))
     return be;
   if (Array.isArray(t) && Array.isArray(e)) {
-    let r = e.reduce((o, n, s) => {
-      let a = Oe(t[s], n);
+    let r = e.reduce((o, i, s) => {
+      let a = Oe(t[s], i);
       return a !== be && (o[s] = a), o;
     }, new Array(e.length));
     return e.length >= t.length ? r : r.concat(new Array(t.length - e.length).fill(void 0));
   }
   return $(t) && $(e) ? Object.keys({ ...t, ...e }).reduce((r, o) => {
-    let n = Oe(t?.[o], e?.[o]);
-    return n === be ? r : Object.assign(r, { [o]: n });
+    let i = Oe(t?.[o], e?.[o]);
+    return i === be ? r : Object.assign(r, { [o]: i });
   }, {}) : e;
 }, "deepDiff"), _r = "UNTARGETED";
 function ii({
@@ -4352,18 +4352,18 @@ function ii({
   argTypes: e
 }) {
   let r = {};
-  return Object.entries(t).forEach(([o, n]) => {
+  return Object.entries(t).forEach(([o, i]) => {
     let { target: s = _r } = e[o] || {};
-    r[s] = r[s] || {}, r[s][o] = n;
+    r[s] = r[s] || {}, r[s][o] = i;
   }), r;
 }
-i(ii, "groupArgsByTarget");
+n(ii, "groupArgsByTarget");
 
 // src/preview-api/modules/store/ArgsStore.ts
 function wl(t) {
   return Object.keys(t).forEach((e) => t[e] === void 0 && delete t[e]), t;
 }
-i(wl, "deleteUndefined");
+n(wl, "deleteUndefined");
 var jr = class jr {
   constructor() {
     this.initialArgsByStoryId = {};
@@ -4399,14 +4399,14 @@ var jr = class jr {
     });
   }
 };
-i(jr, "ArgsStore");
+n(jr, "ArgsStore");
 var Tt = jr;
 
 // src/preview-api/modules/store/GlobalsStore.ts
 import { logger as Rl } from "storybook/internal/client-logger";
 
 // src/preview-api/modules/store/csf/getValuesFromArgTypes.ts
-var wt = /* @__PURE__ */ i((t = {}) => Object.entries(t).reduce((e, [r, { defaultValue: o }]) => (typeof o < "u" && (e[r] = o), e), {}), "ge\
+var wt = /* @__PURE__ */ n((t = {}) => Object.entries(t).reduce((e, [r, { defaultValue: o }]) => (typeof o < "u" && (e[r] = o), e), {}), "ge\
 tValuesFromArgTypes");
 
 // src/preview-api/modules/store/GlobalsStore.ts
@@ -4420,11 +4420,11 @@ var Nr = class Nr {
   set({ globals: e = {}, globalTypes: r = {} }) {
     let o = this.initialGlobals && Oe(this.initialGlobals, this.globals);
     this.allowedGlobalNames = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(r)]);
-    let n = wt(r);
-    this.initialGlobals = { ...n, ...e }, this.globals = this.initialGlobals, o && o !== be && this.updateFromPersisted(o);
+    let i = wt(r);
+    this.initialGlobals = { ...i, ...e }, this.globals = this.initialGlobals, o && o !== be && this.updateFromPersisted(o);
   }
   filterAllowedGlobals(e) {
-    return Object.entries(e).reduce((r, [o, n]) => (this.allowedGlobalNames.has(o) ? r[o] = n : Rl.warn(
+    return Object.entries(e).reduce((r, [o, i]) => (this.allowedGlobalNames.has(o) ? r[o] = i : Rl.warn(
       `Attempted to set a global (${o}) that is not defined in initial globals or globalTypes`
     ), r), {});
   }
@@ -4441,7 +4441,7 @@ var Nr = class Nr {
       e[r] === void 0 && (this.globals[r] = this.initialGlobals[r]);
   }
 };
-i(Nr, "GlobalsStore");
+n(Nr, "GlobalsStore");
 var Rt = Nr;
 
 // src/preview-api/modules/store/StoryIndexStore.ts
@@ -4462,8 +4462,8 @@ var Al = (0, si.default)(1)(
       return r[0];
     if (typeof e == "string")
       return this.entries[e] ? this.entries[e] : r.find((s) => s.id.startsWith(e));
-    let { name: o, title: n } = e;
-    return r.find((s) => s.name === o && s.title === n);
+    let { name: o, title: i } = e;
+    return r.find((s) => s.name === o && s.title === i);
   }
   storyIdToEntry(e) {
     let r = this.entries[e];
@@ -4475,25 +4475,25 @@ var Al = (0, si.default)(1)(
     return Al(this.entries)[e];
   }
 };
-i(qr, "StoryIndexStore");
+n(qr, "StoryIndexStore");
 var Et = qr;
 
 // src/preview-api/modules/store/csf/normalizeInputTypes.ts
-var vl = /* @__PURE__ */ i((t) => typeof t == "string" ? { name: t } : t, "normalizeType"), Cl = /* @__PURE__ */ i((t) => typeof t == "strin\
-g" ? { type: t } : t, "normalizeControl"), Pl = /* @__PURE__ */ i((t, e) => {
-  let { type: r, control: o, ...n } = t, s = {
+var vl = /* @__PURE__ */ n((t) => typeof t == "string" ? { name: t } : t, "normalizeType"), Cl = /* @__PURE__ */ n((t) => typeof t == "strin\
+g" ? { type: t } : t, "normalizeControl"), Pl = /* @__PURE__ */ n((t, e) => {
+  let { type: r, control: o, ...i } = t, s = {
     name: e,
-    ...n
+    ...i
   };
   return r && (s.type = vl(r)), o ? s.control = Cl(o) : o === !1 && (s.control = { disable: !0 }), s;
-}, "normalizeInputType"), Se = /* @__PURE__ */ i((t) => re(t, Pl), "normalizeInputTypes");
+}, "normalizeInputType"), Se = /* @__PURE__ */ n((t) => re(t, Pl), "normalizeInputTypes");
 
 // src/preview-api/modules/store/csf/normalizeStory.ts
 import { deprecate as Fl, logger as Il } from "storybook/internal/client-logger";
 import { storyNameFromExport as Ol, toId as kl } from "storybook/internal/csf";
 
 // src/preview-api/modules/store/csf/normalizeArrays.ts
-var D = /* @__PURE__ */ i((t) => Array.isArray(t) ? t : t ? [t] : [], "normalizeArrays");
+var D = /* @__PURE__ */ n((t) => Array.isArray(t) ? t : t ? [t] : [], "normalizeArrays");
 
 // src/preview-api/modules/store/csf/normalizeStory.ts
 var Dl = _`
@@ -4503,7 +4503,7 @@ CSF .story annotations deprecated; annotate story functions directly:
 See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
 `;
 function ke(t, e, r) {
-  let o = e, n = typeof e == "function" ? e : null, { story: s } = o;
+  let o = e, i = typeof e == "function" ? e : null, { story: s } = o;
   s && (Il.debug("deprecated story", s), Fl(Dl));
   let a = Ol(t), l = typeof o != "function" && o.name || o.storyName || s?.name || a, c = [
     ...D(o.decorators),
@@ -4530,11 +4530,11 @@ function ke(t, e, r) {
     afterEach: g,
     globals: E,
     ...T && { render: T },
-    ...n && { userStoryFn: n },
+    ...i && { userStoryFn: i },
     ...x && { play: x }
   };
 }
-i(ke, "normalizeStory");
+n(ke, "normalizeStory");
 
 // src/preview-api/modules/store/csf/processCSFFile.ts
 import { logger as li } from "storybook/internal/client-logger";
@@ -4543,22 +4543,22 @@ import { isExportStory as ai, isStory as Ll } from "storybook/internal/csf";
 // src/preview-api/modules/store/csf/normalizeComponentAnnotations.ts
 import { sanitize as Ml } from "storybook/internal/csf";
 function Ze(t, e = t.title, r) {
-  let { id: o, argTypes: n } = t;
+  let { id: o, argTypes: i } = t;
   return {
     id: Ml(o || e),
     ...t,
     title: e,
-    ...n && { argTypes: Se(n) },
+    ...i && { argTypes: Se(i) },
     parameters: {
       fileName: r,
       ...t.parameters
     }
   };
 }
-i(Ze, "normalizeComponentAnnotations");
+n(Ze, "normalizeComponentAnnotations");
 
 // src/preview-api/modules/store/csf/processCSFFile.ts
-var _l = /* @__PURE__ */ i((t) => {
+var _l = /* @__PURE__ */ n((t) => {
   let { globals: e, globalTypes: r } = t;
   (e || r) && li.error(
     "Global args/argTypes can only be set globally",
@@ -4567,14 +4567,14 @@ var _l = /* @__PURE__ */ i((t) => {
       globalTypes: r
     })
   );
-}, "checkGlobals"), jl = /* @__PURE__ */ i((t) => {
+}, "checkGlobals"), jl = /* @__PURE__ */ n((t) => {
   let { options: e } = t;
   e?.storySort && li.error("The storySort option parameter can only be set globally");
-}, "checkStorySort"), At = /* @__PURE__ */ i((t) => {
+}, "checkStorySort"), At = /* @__PURE__ */ n((t) => {
   t && (_l(t), jl(t));
 }, "checkDisallowedParameters");
 function ci(t, e, r) {
-  let { default: o, __namedExportsOrder: n, ...s } = t, a = Object.values(s)[0];
+  let { default: o, __namedExportsOrder: i, ...s } = t, a = Object.values(s)[0];
   if (Ll(a)) {
     let d = Ze(a.meta.input, r, e);
     At(d.parameters);
@@ -4600,7 +4600,7 @@ function ci(t, e, r) {
     }
   }), c;
 }
-i(ci, "processCSFFile");
+n(ci, "processCSFFile");
 
 // src/preview-api/modules/store/csf/prepareStory.ts
 import { combineTags as ql, includeConditionalArg as Hl } from "storybook/internal/csf";
@@ -4612,7 +4612,7 @@ import { global as Gl } from "@storybook/global";
 function pi(t) {
   return t != null && Nl(t).includes("mount");
 }
-i(pi, "mountDestructured");
+n(pi, "mountDestructured");
 function Nl(t) {
   let e = t.toString().match(/[^(]*\(([^)]*)/);
   if (!e)
@@ -4623,7 +4623,7 @@ function Nl(t) {
   let o = r[0];
   return o.startsWith("{") && o.endsWith("}") ? di(o.slice(1, -1).replace(/\s/g, "")).map((s) => s.replace(/:.*|=.*/g, "")) : [];
 }
-i(Nl, "getUsedProps");
+n(Nl, "getUsedProps");
 function di(t) {
   let e = [], r = [], o = 0;
   for (let s = 0; s < t.length; s++)
@@ -4635,23 +4635,23 @@ function di(t) {
       let a = t.substring(o, s).trim();
       a && e.push(a), o = s + 1;
     }
-  let n = t.substring(o).trim();
-  return n && e.push(n), e;
+  let i = t.substring(o).trim();
+  return i && e.push(i), e;
 }
-i(di, "splitByComma");
+n(di, "splitByComma");
 
 // src/preview-api/modules/store/decorators.ts
 function ui(t, e, r) {
   let o = r(t);
-  return (n) => e(o, n);
+  return (i) => e(o, i);
 }
-i(ui, "decorateStory");
+n(ui, "decorateStory");
 function fi({
   componentId: t,
   title: e,
   kind: r,
   id: o,
-  name: n,
+  name: i,
   story: s,
   parameters: a,
   initialArgs: l,
@@ -4660,42 +4660,42 @@ function fi({
 } = {}) {
   return d;
 }
-i(fi, "sanitizeStoryContextUpdate");
+n(fi, "sanitizeStoryContextUpdate");
 function Hr(t, e) {
-  let r = {}, o = /* @__PURE__ */ i((s) => (a) => {
+  let r = {}, o = /* @__PURE__ */ n((s) => (a) => {
     if (!r.value)
       throw new Error("Decorated function called without init");
     return r.value = {
       ...r.value,
       ...fi(a)
     }, s(r.value);
-  }, "bindWithContext"), n = e.reduce(
+  }, "bindWithContext"), i = e.reduce(
     (s, a) => ui(s, a, o),
     t
   );
-  return (s) => (r.value = s, n(s));
+  return (s) => (r.value = s, i(s));
 }
-i(Hr, "defaultDecorateStory");
+n(Hr, "defaultDecorateStory");
 
 // src/preview-api/modules/store/parameters.ts
-var V = /* @__PURE__ */ i((...t) => {
-  let e = {}, r = t.filter(Boolean), o = r.reduce((n, s) => (Object.entries(s).forEach(([a, l]) => {
-    let c = n[a];
-    Array.isArray(l) || typeof c > "u" ? n[a] = l : $(l) && $(c) ? e[a] = !0 : typeof l < "u" && (n[a] = l);
-  }), n), {});
-  return Object.keys(e).forEach((n) => {
-    let s = r.filter(Boolean).map((a) => a[n]).filter((a) => typeof a < "u");
-    s.every((a) => $(a)) ? o[n] = V(...s) : o[n] = s[s.length - 1];
+var V = /* @__PURE__ */ n((...t) => {
+  let e = {}, r = t.filter(Boolean), o = r.reduce((i, s) => (Object.entries(s).forEach(([a, l]) => {
+    let c = i[a];
+    Array.isArray(l) || typeof c > "u" ? i[a] = l : $(l) && $(c) ? e[a] = !0 : typeof l < "u" && (i[a] = l);
+  }), i), {});
+  return Object.keys(e).forEach((i) => {
+    let s = r.filter(Boolean).map((a) => a[i]).filter((a) => typeof a < "u");
+    s.every((a) => $(a)) ? o[i] = V(...s) : o[i] = s[s.length - 1];
   }), o;
 }, "combineParameters");
 
 // src/preview-api/modules/store/csf/prepareStory.ts
 function Qe(t, e, r) {
-  let { moduleExport: o, id: n, name: s } = t || {}, a = mi(
+  let { moduleExport: o, id: i, name: s } = t || {}, a = mi(
     t,
     e,
     r
-  ), l = /* @__PURE__ */ i(async (P) => {
+  ), l = /* @__PURE__ */ n(async (P) => {
     let m = {};
     for (let b of [
       D(r.loaders),
@@ -4708,7 +4708,7 @@ function Qe(t, e, r) {
       Object.assign(m, ...S);
     }
     return m;
-  }, "applyLoaders"), c = /* @__PURE__ */ i(async (P) => {
+  }, "applyLoaders"), c = /* @__PURE__ */ n(async (P) => {
     let m = new Array();
     for (let b of [
       ...D(r.beforeEach),
@@ -4721,7 +4721,7 @@ function Qe(t, e, r) {
       S && m.push(S);
     }
     return m;
-  }, "applyBeforeEach"), d = /* @__PURE__ */ i(async (P) => {
+  }, "applyBeforeEach"), d = /* @__PURE__ */ n(async (P) => {
     let m = [
       ...D(r.afterEach),
       ...D(e.afterEach),
@@ -4732,22 +4732,22 @@ function Qe(t, e, r) {
         return;
       await b(P);
     }
-  }, "applyAfterEach"), p = /* @__PURE__ */ i((P) => P.originalStoryFn(P.args, P), "undecoratedStoryFn"), { applyDecorators: u = Hr, runStep: f } = r,
+  }, "applyAfterEach"), p = /* @__PURE__ */ n((P) => P.originalStoryFn(P.args, P), "undecoratedStoryFn"), { applyDecorators: u = Hr, runStep: f } = r,
   h = [
     ...D(t?.decorators),
     ...D(e?.decorators),
     ...D(r?.decorators)
-  ], g = t?.userStoryFn || t?.render || e.render || r.render, T = Qt(u)(p, h), x = /* @__PURE__ */ i((P) => T(P), "unboundStoryFn"), v = t?.
+  ], g = t?.userStoryFn || t?.render || e.render || r.render, T = Qt(u)(p, h), x = /* @__PURE__ */ n((P) => T(P), "unboundStoryFn"), v = t?.
   play ?? e?.play, E = pi(v);
   if (!g && !E)
-    throw new $l({ id: n });
-  let y = /* @__PURE__ */ i((P) => async () => (await P.renderToCanvas(), P.canvas), "defaultMount"), w = t.mount ?? e.mount ?? r.mount ?? y,
+    throw new $l({ id: i });
+  let y = /* @__PURE__ */ n((P) => async () => (await P.renderToCanvas(), P.canvas), "defaultMount"), w = t.mount ?? e.mount ?? r.mount ?? y,
   A = r.testingLibraryRender;
   return {
     storyGlobals: {},
     ...a,
     moduleExport: o,
-    id: n,
+    id: i,
     name: s,
     story: s,
     originalStoryFn: g,
@@ -4764,18 +4764,18 @@ function Qe(t, e, r) {
     usesMount: E
   };
 }
-i(Qe, "prepareStory");
+n(Qe, "prepareStory");
 function $r(t, e, r) {
   return {
     ...mi(void 0, t, e),
     moduleExport: r
   };
 }
-i($r, "prepareMeta");
+n($r, "prepareMeta");
 function mi(t, e, r) {
-  let o = ["dev", "test"], n = Gl.DOCS_OPTIONS?.autodocs === !0 ? ["autodocs"] : [], s = ql(
+  let o = ["dev", "test"], i = Gl.DOCS_OPTIONS?.autodocs === !0 ? ["autodocs"] : [], s = ql(
     ...o,
-    ...n,
+    ...i,
     ...r.tags ?? [],
     ...e.tags ?? [],
     ...t?.tags ?? []
@@ -4835,7 +4835,7 @@ function mi(t, e, r) {
   let { name: g, story: T, ...x } = f;
   return x;
 }
-i(mi, "preparePartialAnnotations");
+n(mi, "preparePartialAnnotations");
 function vt(t) {
   let { args: e } = t, r = {
     ...t,
@@ -4854,22 +4854,22 @@ function vt(t) {
   let o = Object.entries(r.args).reduce((s, [a, l]) => {
     if (!r.argTypes[a]?.mapping)
       return s[a] = l, s;
-    let c = /* @__PURE__ */ i((d) => {
+    let c = /* @__PURE__ */ n((d) => {
       let p = r.argTypes[a].mapping;
       return p && d in p ? p[d] : d;
     }, "mappingFn");
     return s[a] = Array.isArray(l) ? l.map(c) : c(l), s;
-  }, {}), n = Object.entries(o).reduce((s, [a, l]) => {
+  }, {}), i = Object.entries(o).reduce((s, [a, l]) => {
     let c = r.argTypes[a] || {};
     return Hl(c, o, r.globals) && (s[a] = l), s;
   }, {});
-  return { ...r, unmappedArgs: e, args: n };
+  return { ...r, unmappedArgs: e, args: i };
 }
-i(vt, "prepareContext");
+n(vt, "prepareContext");
 
 // src/preview-api/modules/store/inferArgTypes.ts
 import { logger as zl } from "storybook/internal/client-logger";
-var Br = /* @__PURE__ */ i((t, e, r) => {
+var Br = /* @__PURE__ */ n((t, e, r) => {
   let o = typeof t;
   switch (o) {
     case "boolean":
@@ -4889,14 +4889,14 @@ var Br = /* @__PURE__ */ i((t, e, r) => {
         - Custom args: https://storybook.js.org/docs/essentials/controls#fully-custom-args
       `), { name: "other", value: "cyclic object" }) : (r.add(t), Array.isArray(t) ? { name: "array", value: t.length > 0 ? Br(t[0], e, new Set(
   r)) : { name: "other", value: "unknown" } } : { name: "object", value: re(t, (s) => Br(s, e, new Set(r))) }) : { name: "object", value: {} };
-}, "inferType"), Gr = /* @__PURE__ */ i((t) => {
-  let { id: e, argTypes: r = {}, initialArgs: o = {} } = t, n = re(o, (a, l) => ({
+}, "inferType"), Gr = /* @__PURE__ */ n((t) => {
+  let { id: e, argTypes: r = {}, initialArgs: o = {} } = t, i = re(o, (a, l) => ({
     name: l,
     type: Br(a, `${e}.${l}`, /* @__PURE__ */ new Set())
   })), s = re(r, (a, l) => ({
     name: l
   }));
-  return V(n, s, r);
+  return V(i, s, r);
 }, "inferArgTypes");
 Gr.secondPass = !0;
 
@@ -4904,15 +4904,15 @@ Gr.secondPass = !0;
 import { logger as Ul } from "storybook/internal/client-logger";
 
 // src/preview-api/modules/store/filterArgTypes.ts
-var yi = /* @__PURE__ */ i((t, e) => Array.isArray(e) ? e.includes(t) : t.match(e), "matches"), Ct = /* @__PURE__ */ i((t, e, r) => !e && !r ?
-t : t && sr(t, (o, n) => {
-  let s = o.name || n.toString();
+var yi = /* @__PURE__ */ n((t, e) => Array.isArray(e) ? e.includes(t) : t.match(e), "matches"), Ct = /* @__PURE__ */ n((t, e, r) => !e && !r ?
+t : t && sr(t, (o, i) => {
+  let s = o.name || i.toString();
   return !!(!e || yi(s, e)) && (!r || !yi(s, r));
 }), "filterArgTypes");
 
 // src/preview-api/modules/store/inferControls.ts
-var Vl = /* @__PURE__ */ i((t, e, r) => {
-  let { type: o, options: n } = t;
+var Vl = /* @__PURE__ */ n((t, e, r) => {
+  let { type: o, options: i } = t;
   if (o) {
     if (r.color && r.color.test(e)) {
       let s = o.name;
@@ -4941,17 +4941,17 @@ var Vl = /* @__PURE__ */ i((t, e, r) => {
       case "symbol":
         return null;
       default:
-        return { control: { type: n ? "select" : "object" } };
+        return { control: { type: i ? "select" : "object" } };
     }
   }
-}, "inferControl"), et = /* @__PURE__ */ i((t) => {
+}, "inferControl"), et = /* @__PURE__ */ n((t) => {
   let {
     argTypes: e,
-    parameters: { __isArgsStory: r, controls: { include: o = null, exclude: n = null, matchers: s = {} } = {} }
+    parameters: { __isArgsStory: r, controls: { include: o = null, exclude: i = null, matchers: s = {} } = {} }
   } = t;
   if (!r)
     return e;
-  let a = Ct(e, o, n), l = re(a, (c, d) => c?.type && Vl(c, d.toString(), s));
+  let a = Ct(e, o, i), l = re(a, (c, d) => c?.type && Vl(c, d.toString(), s));
   return V(l, a);
 }, "inferControls");
 et.secondPass = !0;
@@ -4962,7 +4962,7 @@ function De({
   globalTypes: e,
   argTypesEnhancers: r,
   decorators: o,
-  loaders: n,
+  loaders: i,
   beforeEach: s,
   afterEach: a,
   initialGlobals: l,
@@ -4972,7 +4972,7 @@ function De({
     ...t && { argTypes: Se(t) },
     ...e && { globalTypes: Se(e) },
     decorators: D(o),
-    loaders: D(n),
+    loaders: D(i),
     beforeEach: D(s),
     afterEach: D(a),
     argTypesEnhancers: [
@@ -4999,13 +4999,13 @@ function De({
     ...c
   };
 }
-i(De, "normalizeProjectAnnotations");
+n(De, "normalizeProjectAnnotations");
 
 // src/preview-api/modules/store/csf/composeConfigs.ts
 import { global as Wl } from "@storybook/global";
 
 // src/preview-api/modules/store/csf/beforeAll.ts
-var hi = /* @__PURE__ */ i((t) => async () => {
+var hi = /* @__PURE__ */ n((t) => async () => {
   let e = [];
   for (let r of t) {
     let o = await r();
@@ -5026,28 +5026,28 @@ function zr(t) {
     )();
   };
 }
-i(zr, "composeStepRunners");
+n(zr, "composeStepRunners");
 
 // src/preview-api/modules/store/csf/composeConfigs.ts
 function rt(t, e) {
   return t.map((r) => r.default?.[e] ?? r[e]).filter(Boolean);
 }
-i(rt, "getField");
+n(rt, "getField");
 function ae(t, e, r = {}) {
-  return rt(t, e).reduce((o, n) => {
-    let s = D(n);
+  return rt(t, e).reduce((o, i) => {
+    let s = D(i);
     return r.reverseFileOrder ? [...s, ...o] : [...o, ...s];
   }, []);
 }
-i(ae, "getArrayField");
+n(ae, "getArrayField");
 function Pt(t, e) {
   return Object.assign({}, ...rt(t, e));
 }
-i(Pt, "getObjectField");
+n(Pt, "getObjectField");
 function tt(t, e) {
   return rt(t, e).pop();
 }
-i(tt, "getSingletonField");
+n(tt, "getSingletonField");
 function le(t) {
   let e = ae(t, "argTypesEnhancers"), r = rt(t, "runStep"), o = ae(t, "beforeAll");
   return {
@@ -5059,8 +5059,8 @@ function le(t) {
     argsEnhancers: ae(t, "argsEnhancers"),
     argTypes: Pt(t, "argTypes"),
     argTypesEnhancers: [
-      ...e.filter((n) => !n.secondPass),
-      ...e.filter((n) => n.secondPass)
+      ...e.filter((i) => !i.secondPass),
+      ...e.filter((i) => i.secondPass)
     ],
     initialGlobals: Pt(t, "initialGlobals"),
     globalTypes: Pt(t, "globalTypes"),
@@ -5077,7 +5077,7 @@ function le(t) {
     testingLibraryRender: tt(t, "testingLibraryRender")
   };
 }
-i(le, "composeConfigs");
+n(le, "composeConfigs");
 
 // src/preview-api/modules/store/csf/portable-stories.ts
 import { isExportStory as Xl } from "storybook/internal/csf";
@@ -5095,7 +5095,7 @@ function Ft() {
     return !1;
   }
 }
-i(Ft, "isTestEnvironment");
+n(Ft, "isTestEnvironment");
 function Me(t = !0) {
   if (!("document" in globalThis && "createElement" in globalThis.document))
     return () => {
@@ -5114,7 +5114,7 @@ function Me(t = !0) {
     r.parentNode?.removeChild(r);
   };
 }
-i(Me, "pauseAnimations");
+n(Me, "pauseAnimations");
 async function Le(t) {
   if (!("document" in globalThis && "getAnimations" in globalThis.document && "querySelectorAll" in globalThis.document))
     return;
@@ -5124,13 +5124,13 @@ async function Le(t) {
     // If new animations are created while waiting, we'll wait for them too
     new Promise((r) => {
       setTimeout(() => {
-        let o = [globalThis.document, ...gi(globalThis.document)], n = /* @__PURE__ */ i(async () => {
+        let o = [globalThis.document, ...gi(globalThis.document)], i = /* @__PURE__ */ n(async () => {
           if (e || t?.aborted)
             return;
           let s = o.flatMap((a) => a?.getAnimations?.() || []).filter((a) => a.playState === "running" && !Yl(a));
-          s.length > 0 && (await Promise.all(s.map((a) => a.finished)), await n());
+          s.length > 0 && (await Promise.all(s.map((a) => a.finished)), await i());
         }, "checkAnimationsFinished");
-        n().then(r);
+        i().then(r);
       }, 100);
     }),
     // If animations don't finish within the timeout, continue without waiting
@@ -5141,12 +5141,12 @@ async function Le(t) {
     )
   ]);
 }
-i(Le, "waitForAnimations");
+n(Le, "waitForAnimations");
 function gi(t) {
   return [t, ...t.querySelectorAll("*")].reduce((e, r) => ("shadowRoot" in r && r.shadowRoot && e.push(r.shadowRoot, ...gi(r.shadowRoot)), e),
   []);
 }
-i(gi, "getShadowRoots");
+n(gi, "getShadowRoots");
 function Yl(t) {
   if (t instanceof CSSAnimation && t.effect instanceof KeyframeEffect && t.effect.target) {
     let e = getComputedStyle(t.effect.target, t.effect.pseudoElement), r = e.animationName?.split(", ").indexOf(t.animationName);
@@ -5154,7 +5154,7 @@ function Yl(t) {
   }
   return !1;
 }
-i(Yl, "isInfiniteAnimation");
+n(Yl, "isInfiniteAnimation");
 
 // src/preview-api/modules/store/reporter-api.ts
 var Ur = class Ur {
@@ -5165,7 +5165,7 @@ var Ur = class Ur {
     this.reports.push(e);
   }
 };
-i(Ur, "ReporterAPI");
+n(Ur, "ReporterAPI");
 var xe = Ur;
 
 // src/preview-api/modules/store/csf/csf-factory-utils.ts
@@ -5177,18 +5177,18 @@ function Vr(t, e, r) {
     preview: t.meta.preview.composed
   } : { story: t, meta: e, preview: r };
 }
-i(Vr, "getCsfFactoryAnnotations");
+n(Vr, "getCsfFactoryAnnotations");
 
 // src/preview-api/modules/store/csf/portable-stories.ts
 function Zl(t) {
   globalThis.defaultProjectAnnotations = t;
 }
-i(Zl, "setDefaultProjectAnnotations");
+n(Zl, "setDefaultProjectAnnotations");
 var Ql = "ComposedStory", ec = "Unnamed Story";
 function tc(t) {
   return t ? le([t]) : {};
 }
-i(tc, "extractAnnotation");
+n(tc, "extractAnnotation");
 function rc(t) {
   let e = Array.isArray(t) ? t : [t];
   return globalThis.globalProjectAnnotations = le([
@@ -5197,13 +5197,13 @@ function rc(t) {
     le(e.map(tc))
   ]), globalThis.globalProjectAnnotations ?? {};
 }
-i(rc, "setProjectAnnotations");
+n(rc, "setProjectAnnotations");
 var ce = [];
-function bi(t, e, r, o, n) {
+function bi(t, e, r, o, i) {
   if (t === void 0)
     throw new Error("Expected a story but received undefined.");
   e.title = e.title ?? Ql;
-  let s = Ze(e), a = n || t.storyName || t.story?.name || t.name || ec, l = ke(
+  let s = Ze(e), a = i || t.storyName || t.story?.name || t.name || ec, l = ke(
     a,
     t,
     s
@@ -5220,7 +5220,7 @@ function bi(t, e, r, o, n) {
     ...wt(c.globalTypes),
     ...c.initialGlobals,
     ...d.storyGlobals
-  }, f = new xe(), h = /* @__PURE__ */ i(() => {
+  }, f = new xe(), h = /* @__PURE__ */ n(() => {
     let y = vt({
       hooks: new he(),
       globals: u,
@@ -5229,7 +5229,7 @@ function bi(t, e, r, o, n) {
       reporting: f,
       loaded: {},
       abortSignal: new AbortController().signal,
-      step: /* @__PURE__ */ i((w, A) => d.runStep(w, A, y), "step"),
+      step: /* @__PURE__ */ n((w, A) => d.runStep(w, A, y), "step"),
       canvasElement: null,
       canvas: {},
       userEvent: {},
@@ -5246,33 +5246,33 @@ function bi(t, e, r, o, n) {
           id: d.id,
           name: d.name,
           tags: d.tags,
-          showMain: /* @__PURE__ */ i(() => {
+          showMain: /* @__PURE__ */ n(() => {
           }, "showMain"),
-          showError: /* @__PURE__ */ i((A) => {
+          showError: /* @__PURE__ */ n((A) => {
             throw new Error(`${A.title}
 ${A.description}`);
           }, "showError"),
-          showException: /* @__PURE__ */ i((A) => {
+          showException: /* @__PURE__ */ n((A) => {
             throw A;
           }, "showException"),
           forceRemount: !0,
           storyContext: y,
-          storyFn: /* @__PURE__ */ i(() => d.unboundStoryFn(y), "storyFn"),
+          storyFn: /* @__PURE__ */ n(() => d.unboundStoryFn(y), "storyFn"),
           unboundStoryFn: d.unboundStoryFn
         },
         y.canvasElement
       );
       w && ce.push(w);
     }), y.mount = d.mount(y), y;
-  }, "initializeContext"), g, T = /* @__PURE__ */ i(async (y) => {
+  }, "initializeContext"), g, T = /* @__PURE__ */ n(async (y) => {
     let w = h();
     return w.canvasElement ??= globalThis?.document?.body, g && (w.loaded = g.loaded), Object.assign(w, y), d.playFunction(w);
-  }, "play"), x = /* @__PURE__ */ i((y) => {
+  }, "play"), x = /* @__PURE__ */ n((y) => {
     let w = h();
     return Object.assign(w, y), sc(d, w);
   }, "run"), v = d.playFunction ? T : void 0;
   return Object.assign(
-    /* @__PURE__ */ i(function(w) {
+    /* @__PURE__ */ n(function(w) {
       let A = h();
       return g && (A.loaded = g.loaded), A.args = {
         ...A.initialArgs,
@@ -5282,7 +5282,7 @@ ${A.description}`);
     {
       id: d.id,
       storyName: a,
-      load: /* @__PURE__ */ i(async () => {
+      load: /* @__PURE__ */ n(async () => {
         for (let w of [...ce].reverse())
           await w();
         ce.length = 0;
@@ -5300,10 +5300,10 @@ ${A.description}`);
     }
   );
 }
-i(bi, "composeStory");
-var oc = /* @__PURE__ */ i((t, e, r, o) => bi(t, e, r, {}, o), "defaultComposeStory");
+n(bi, "composeStory");
+var oc = /* @__PURE__ */ n((t, e, r, o) => bi(t, e, r, {}, o), "defaultComposeStory");
 function nc(t, e, r = oc) {
-  let { default: o, __esModule: n, __namedExportsOrder: s, ...a } = t, l = o;
+  let { default: o, __esModule: i, __namedExportsOrder: s, ...a } = t, l = o;
   return Object.entries(a).reduce(
     (d, [p, u]) => {
       let { story: f, meta: h } = Vr(u);
@@ -5314,12 +5314,12 @@ function nc(t, e, r = oc) {
     {}
   );
 }
-i(nc, "composeStories");
+n(nc, "composeStories");
 function ic(t) {
   return t.extend({
-    mount: /* @__PURE__ */ i(async ({ mount: e, page: r }, o) => {
-      await o(async (n, ...s) => {
-        if (!("__pw_type" in n) || "__pw_type" in n && n.__pw_type !== "jsx")
+    mount: /* @__PURE__ */ n(async ({ mount: e, page: r }, o) => {
+      await o(async (i, ...s) => {
+        if (!("__pw_type" in i) || "__pw_type" in i && i.__pw_type !== "jsx")
           throw new Error(_`
               Portable stories in Playwright CT only work when referencing JSX elements.
               Please use JSX format for your components such as:
@@ -5332,20 +5332,21 @@ function ic(t) {
 
               More info: https://storybook.js.org/docs/api/portable-stories-playwright
             `);
-        await r.evaluate(async (l) => {
-          let c = await globalThis.__pwUnwrapObject?.(l);
-          return ("__pw_type" in c ? c.type : c)?.load?.();
-        }, n);
-        let a = await e(n, ...s);
-        return await r.evaluate(async (l) => {
-          let c = await globalThis.__pwUnwrapObject?.(l), d = "__pw_type" in c ? c.type : c, p = document.querySelector("#root");
-          return d?.play?.({ canvasElement: p });
-        }, n), a;
+        let { props: a, ...l } = i;
+        await r.evaluate(async (d) => {
+          let p = await globalThis.__pwUnwrapObject?.(d);
+          return ("__pw_type" in p ? p.type : p)?.load?.();
+        }, l);
+        let c = await e(i, ...s);
+        return await r.evaluate(async (d) => {
+          let p = await globalThis.__pwUnwrapObject?.(d), u = "__pw_type" in p ? p.type : p, f = document.querySelector("#root");
+          return u?.play?.({ canvasElement: f });
+        }, l), c;
       });
     }, "mount")
   });
 }
-i(ic, "createPlaywrightTest");
+n(ic, "createPlaywrightTest");
 async function sc(t, e) {
   for (let s of [...ce].reverse())
     await s();
@@ -5364,10 +5365,10 @@ async function sc(t, e) {
   r && (o || (e.mount = async () => {
     throw new Jl({ playFunction: r.toString() });
   }), await r(e));
-  let n;
-  Ft() ? n = Me() : await Le(e.abortSignal), await t.applyAfterEach(e), await n?.();
+  let i;
+  Ft() ? i = Me() : await Le(e.abortSignal), await t.applyAfterEach(e), await i?.();
 }
-i(sc, "runStory");
+n(sc, "runStory");
 
 // src/preview-api/modules/store/StoryStore.ts
 var Si = 1e3, cc = 1e4, Wr = class Wr {
@@ -5376,8 +5377,8 @@ var Si = 1e3, cc = 1e4, Wr = class Wr {
     this.storyIndex = new Et(e), this.projectAnnotations = De(
       le([...Xe(), o])
     );
-    let { initialGlobals: n, globalTypes: s } = this.projectAnnotations;
-    this.args = new Tt(), this.userGlobals = new Rt({ globals: n, globalTypes: s }), this.hooks = {}, this.cleanupCallbacks = {}, this.processCSFFileWithCache =
+    let { initialGlobals: i, globalTypes: s } = this.projectAnnotations;
+    this.args = new Tt(), this.userGlobals = new Rt({ globals: i, globalTypes: s }), this.hooks = {}, this.cleanupCallbacks = {}, this.processCSFFileWithCache =
     (0, It.default)(Si)(ci), this.prepareMetaWithCache = (0, It.default)(Si)($r), this.prepareStoryWithCache = (0, It.default)(cc)(Qe);
   }
   setProjectAnnotations(e) {
@@ -5401,20 +5402,20 @@ var Si = 1e3, cc = 1e4, Wr = class Wr {
   }
   // To load a single CSF file to service a story we need to look up the importPath in the index
   async loadCSFFileByStoryId(e) {
-    let { importPath: r, title: o } = this.storyIndex.storyIdToEntry(e), n = await this.importFn(r);
-    return this.processCSFFileWithCache(n, r, o);
+    let { importPath: r, title: o } = this.storyIndex.storyIdToEntry(e), i = await this.importFn(r);
+    return this.processCSFFileWithCache(i, r, o);
   }
   async loadAllCSFFiles() {
     let e = {};
-    return Object.entries(this.storyIndex.entries).forEach(([o, { importPath: n }]) => {
-      e[n] = o;
+    return Object.entries(this.storyIndex.entries).forEach(([o, { importPath: i }]) => {
+      e[i] = o;
     }), (await Promise.all(
-      Object.entries(e).map(async ([o, n]) => ({
+      Object.entries(e).map(async ([o, i]) => ({
         importPath: o,
-        csfFile: await this.loadCSFFileByStoryId(n)
+        csfFile: await this.loadCSFFileByStoryId(i)
       }))
     )).reduce(
-      (o, { importPath: n, csfFile: s }) => (o[n] = s, o),
+      (o, { importPath: i, csfFile: s }) => (o[i] = s, o),
       {}
     );
   }
@@ -5443,9 +5444,9 @@ var Si = 1e3, cc = 1e4, Wr = class Wr {
     let o = r.stories[e];
     if (!o)
       throw new lc({ storyId: e });
-    let n = r.meta, s = this.prepareStoryWithCache(
+    let i = r.meta, s = this.prepareStoryWithCache(
       o,
-      n,
+      i,
       r.projectAnnotations ?? this.projectAnnotations
     );
     return this.args.setInitial(s), this.hooks[s.id] = this.hooks[s.id] || new he(), s;
@@ -5457,23 +5458,23 @@ var Si = 1e3, cc = 1e4, Wr = class Wr {
     return Object.keys(this.storyIndex.entries).filter((r) => !!e.stories[r]).map((r) => this.storyFromCSFFile({ storyId: r, csfFile: e }));
   }
   async loadEntry(e) {
-    let r = await this.storyIdToEntry(e), o = r.type === "docs" ? r.storiesImports : [], [n, ...s] = await Promise.all([
+    let r = await this.storyIdToEntry(e), o = r.type === "docs" ? r.storiesImports : [], [i, ...s] = await Promise.all([
       this.importFn(r.importPath),
       ...o.map((a) => {
         let l = this.storyIndex.importPathToEntry(a);
         return this.loadCSFFileByStoryId(l.id);
       })
     ]);
-    return { entryExports: n, csfFiles: s };
+    return { entryExports: i, csfFiles: s };
   }
   // A prepared story does not include args, globals or hooks. These are stored in the story store
   // and updated separtely to the (immutable) story.
   getStoryContext(e, { forceInitialArgs: r = !1 } = {}) {
-    let o = this.userGlobals.get(), { initialGlobals: n } = this.userGlobals, s = new xe();
+    let o = this.userGlobals.get(), { initialGlobals: i } = this.userGlobals, s = new xe();
     return vt({
       ...e,
       args: r ? e.initialArgs : this.args.get(e.id),
-      initialGlobals: n,
+      initialGlobals: i,
       globalTypes: this.projectAnnotations.globalTypes,
       userGlobals: o,
       reporting: s,
@@ -5500,11 +5501,11 @@ var Si = 1e3, cc = 1e4, Wr = class Wr {
     if (!r)
       throw new ac();
     return Object.entries(this.storyIndex.entries).reduce(
-      (o, [n, { type: s, importPath: a }]) => {
+      (o, [i, { type: s, importPath: a }]) => {
         if (s === "docs")
           return o;
-        let l = r[a], c = this.storyFromCSFFile({ storyId: n, csfFile: l });
-        return !e.includeDocsOnly && c.parameters.docsOnly || (o[n] = Object.entries(c).reduce(
+        let l = r[a], c = this.storyFromCSFFile({ storyId: i, csfFile: l });
+        return !e.includeDocsOnly && c.parameters.docsOnly || (o[i] = Object.entries(c).reduce(
           (d, [p, u]) => p === "moduleExport" || typeof u == "function" ? d : Array.isArray(u) ? Object.assign(d, { [p]: u.slice().sort() }) :
           Object.assign(d, { [p]: u }),
           {
@@ -5522,7 +5523,7 @@ var Si = 1e3, cc = 1e4, Wr = class Wr {
     );
   }
 };
-i(Wr, "StoryStore");
+n(Wr, "StoryStore");
 var _e = Wr;
 
 // src/preview-api/modules/store/autoTitle.ts
@@ -5532,10 +5533,10 @@ import { once as dc } from "storybook/internal/client-logger";
 function Yr(t) {
   return t.startsWith("\\\\?\\") ? t : t.replace(/\\/g, "/");
 }
-i(Yr, "slash");
+n(Yr, "slash");
 
 // src/preview-api/modules/store/autoTitle.ts
-var pc = /* @__PURE__ */ i((t) => {
+var pc = /* @__PURE__ */ n((t) => {
   if (t.length === 0)
     return t;
   let e = t[t.length - 1], r = e?.replace(/(?:[.](?:story|stories))?([.][^.]+)$/i, "");
@@ -5548,36 +5549,36 @@ var pc = /* @__PURE__ */ i((t) => {
 function xi(t) {
   return t.flatMap((e) => e.split("/")).filter(Boolean).join("/");
 }
-i(xi, "pathJoin");
-var Ti = /* @__PURE__ */ i((t, e, r) => {
-  let { directory: o, importPathMatcher: n, titlePrefix: s = "" } = e || {};
+n(xi, "pathJoin");
+var Ti = /* @__PURE__ */ n((t, e, r) => {
+  let { directory: o, importPathMatcher: i, titlePrefix: s = "" } = e || {};
   typeof t == "number" && dc.warn(_`
       CSF Auto-title received a numeric fileName. This typically happens when
       webpack is mis-configured in production mode. To force webpack to produce
       filenames, set optimization.moduleIds = "named" in your webpack config.
     `);
   let a = Yr(String(t));
-  if (n.exec(a)) {
+  if (i.exec(a)) {
     if (!r) {
       let l = a.replace(o, ""), c = xi([s, l]).split("/");
       return c = pc(c), c.join("/");
     }
     return s ? xi([s, r]) : r;
   }
-}, "userOrAutoTitleFromSpecifier"), uc = /* @__PURE__ */ i((t, e, r) => {
+}, "userOrAutoTitleFromSpecifier"), uc = /* @__PURE__ */ n((t, e, r) => {
   for (let o = 0; o < e.length; o += 1) {
-    let n = Ti(t, e[o], r);
-    if (n)
-      return n;
+    let i = Ti(t, e[o], r);
+    if (i)
+      return i;
   }
   return r || void 0;
 }, "userOrAutoTitle");
 
 // src/preview-api/modules/store/storySort.ts
-var wi = /\s*\/\s*/, Ri = /* @__PURE__ */ i((t = {}) => (e, r) => {
+var wi = /\s*\/\s*/, Ri = /* @__PURE__ */ n((t = {}) => (e, r) => {
   if (e.title === r.title && !t.includeNames)
     return 0;
-  let o = t.method || "configure", n = t.order || [], s = e.title.trim().split(wi), a = r.title.trim().split(wi);
+  let o = t.method || "configure", i = t.order || [], s = e.title.trim().split(wi), a = r.title.trim().split(wi);
   t.includeNames && (s.push(e.name), a.push(r.name));
   let l = 0;
   for (; s[l] || a[l]; ) {
@@ -5587,30 +5588,30 @@ var wi = /\s*\/\s*/, Ri = /* @__PURE__ */ i((t = {}) => (e, r) => {
       return 1;
     let c = s[l], d = a[l];
     if (c !== d) {
-      let u = n.indexOf(c), f = n.indexOf(d), h = n.indexOf("*");
-      return u !== -1 || f !== -1 ? (u === -1 && (h !== -1 ? u = h : u = n.length), f === -1 && (h !== -1 ? f = h : f = n.length), u - f) : o ===
+      let u = i.indexOf(c), f = i.indexOf(d), h = i.indexOf("*");
+      return u !== -1 || f !== -1 ? (u === -1 && (h !== -1 ? u = h : u = i.length), f === -1 && (h !== -1 ? f = h : f = i.length), u - f) : o ===
       "configure" ? 0 : c.localeCompare(d, t.locales ? t.locales : void 0, {
         numeric: !0,
         sensitivity: "accent"
       });
     }
-    let p = n.indexOf(c);
-    p === -1 && (p = n.indexOf("*")), n = p !== -1 && Array.isArray(n[p + 1]) ? n[p + 1] : [], l += 1;
+    let p = i.indexOf(c);
+    p === -1 && (p = i.indexOf("*")), i = p !== -1 && Array.isArray(i[p + 1]) ? i[p + 1] : [], l += 1;
   }
   return 0;
 }, "storySort");
 
 // src/preview-api/modules/store/sortStories.ts
-var fc = /* @__PURE__ */ i((t, e, r) => {
+var fc = /* @__PURE__ */ n((t, e, r) => {
   if (e) {
     let o;
     typeof e == "function" ? o = e : o = Ri(e), t.sort(o);
   } else
     t.sort(
-      (o, n) => r.indexOf(o.importPath) - r.indexOf(n.importPath)
+      (o, i) => r.indexOf(o.importPath) - r.indexOf(i.importPath)
     );
   return t;
-}, "sortStoriesCommon"), mc = /* @__PURE__ */ i((t, e, r) => {
+}, "sortStoriesCommon"), mc = /* @__PURE__ */ n((t, e, r) => {
   try {
     return fc(t, e, r);
   } catch (o) {
@@ -5676,13 +5677,13 @@ function Ci(t) {
     return { name: "Error", message: String(t) };
   }
 }
-i(Ci, "serializeError");
+n(Ci, "serializeError");
 var Kr = class Kr {
-  constructor(e, r, o, n, s, a, l = { autoplay: !0, forceInitialArgs: !1 }, c) {
+  constructor(e, r, o, i, s, a, l = { autoplay: !0, forceInitialArgs: !1 }, c) {
     this.channel = e;
     this.store = r;
     this.renderToScreen = o;
-    this.callbacks = n;
+    this.callbacks = i;
     this.id = s;
     this.viewMode = a;
     this.renderOptions = l;
@@ -5690,7 +5691,7 @@ var Kr = class Kr {
     this.notYetRendered = !0;
     this.rerenderEnqueued = !1;
     this.disableKeyListeners = !1;
-    this.teardownRender = /* @__PURE__ */ i(() => {
+    this.teardownRender = /* @__PURE__ */ n(() => {
     }, "teardownRender");
     this.torndown = !1;
     this.abortController = new vi(), c && (this.story = c, this.phase = "preparing");
@@ -5735,7 +5736,7 @@ var Kr = class Kr {
     let { canvasElement: o } = this;
     if (!this.story)
       throw new Error("cannot render when not prepared");
-    let n = this.story;
+    let i = this.story;
     if (!o)
       throw new Error("cannot render when canvasElement is unset");
     let {
@@ -5750,9 +5751,9 @@ var Kr = class Kr {
       unboundStoryFn: h,
       playFunction: g,
       runStep: T
-    } = n;
+    } = i;
     r && !e && (this.cancelRender(), this.abortController = new vi());
-    let x = this.abortController.signal, v = !1, E = n.usesMount;
+    let x = this.abortController.signal, v = !1, E = i.usesMount;
     try {
       let y = {
         ...this.storyContext(),
@@ -5760,11 +5761,11 @@ var Kr = class Kr {
         abortSignal: x,
         canvasElement: o,
         loaded: {},
-        step: /* @__PURE__ */ i((F, k) => T(F, k, y), "step"),
+        step: /* @__PURE__ */ n((F, k) => T(F, k, y), "step"),
         context: null,
         canvas: {},
         userEvent: {},
-        renderToCanvas: /* @__PURE__ */ i(async () => {
+        renderToCanvas: /* @__PURE__ */ n(async () => {
           let F = await this.renderToScreen(w, o);
           this.teardownRender = F || (() => {
           }), v = !0;
@@ -5774,11 +5775,11 @@ var Kr = class Kr {
         //
         // Before assigning it to the context, we resolve the context dependency,
         // so that a user can just call it as await mount(...args) in their play function.
-        mount: /* @__PURE__ */ i(async (...F) => {
+        mount: /* @__PURE__ */ n(async (...F) => {
           this.callbacks.showStoryDuringRender?.();
           let k = null;
           return await this.runPhase(x, "rendering", async () => {
-            k = await n.mount(y)(...F);
+            k = await i.mount(y)(...F);
           }), E && await this.runPhase(x, "playing"), k;
         }, "mount")
       };
@@ -5792,11 +5793,11 @@ var Kr = class Kr {
         story: c,
         tags: d,
         ...this.callbacks,
-        showError: /* @__PURE__ */ i((F) => (this.phase = "errored", this.callbacks.showError(F)), "showError"),
-        showException: /* @__PURE__ */ i((F) => (this.phase = "errored", this.callbacks.showException(F)), "showException"),
+        showError: /* @__PURE__ */ n((F) => (this.phase = "errored", this.callbacks.showError(F)), "showError"),
+        showException: /* @__PURE__ */ n((F) => (this.phase = "errored", this.callbacks.showException(F)), "showException"),
         forceRemount: r || this.notYetRendered,
         storyContext: y,
-        storyFn: /* @__PURE__ */ i(() => h(y), "storyFn"),
+        storyFn: /* @__PURE__ */ n(() => h(y), "storyFn"),
         unboundStoryFn: h
       };
       if (await this.runPhase(x, "loading", async () => {
@@ -5804,11 +5805,11 @@ var Kr = class Kr {
       }), x.aborted)
         return;
       let A = await u(y);
-      if (this.store.addCleanupCallbacks(n, ...A), this.checkIfAborted(x) || (!v && !E && await y.mount(), this.notYetRendered = !1, x.aborted))
+      if (this.store.addCleanupCallbacks(i, ...A), this.checkIfAborted(x) || (!v && !E && await y.mount(), this.notYetRendered = !1, x.aborted))
         return;
-      let P = this.story.parameters?.test?.dangerouslyIgnoreUnhandledErrors === !0, m = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ i((F) => {
+      let P = this.story.parameters?.test?.dangerouslyIgnoreUnhandledErrors === !0, m = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ n((F) => {
         F.error && m.add(F.error);
-      }, "onError"), S = /* @__PURE__ */ i((F) => {
+      }, "onError"), S = /* @__PURE__ */ n((F) => {
         F.reason && m.add(F.reason);
       }, "onUnhandledRejection");
       if (this.renderOptions.autoplay && r && g && this.phase !== "errored") {
@@ -5834,7 +5835,7 @@ var Kr = class Kr {
           return;
       }
       await this.runPhase(x, "completing", async () => {
-        Ft() ? this.store.addCleanupCallbacks(n, Me()) : await Le(x);
+        Ft() ? this.store.addCleanupCallbacks(i, Me()) : await Le(x);
       }), await this.runPhase(x, "completed", async () => {
         this.channel.emit(hc, s);
       }), this.phase !== "errored" && await this.runPhase(x, "afterEach", async () => {
@@ -5901,19 +5902,19 @@ var Kr = class Kr {
     });
   }
 };
-i(Kr, "StoryRender");
+n(Kr, "StoryRender");
 var Te = Kr;
 
 // src/preview-api/modules/preview-web/Preview.tsx
 var { fetch: Lc } = Mc, _c = "./index.json", Xr = class Xr {
-  constructor(e, r, o = z.getChannel(), n = !0) {
+  constructor(e, r, o = z.getChannel(), i = !0) {
     this.importFn = e;
     this.getProjectAnnotations = r;
     this.channel = o;
     this.storyRenders = [];
     this.storeInitializationPromise = new Promise((s, a) => {
       this.resolveStoreInitializationPromise = s, this.rejectStoreInitializationPromise = a;
-    }), n && this.initialize();
+    }), i && this.initialize();
   }
   // Create a proxy object for `__STORYBOOK_STORY_STORE__` and `__STORYBOOK_PREVIEW__.storyStore`
   // That proxies through to the store once ready, and errors beforehand. This means we can set
@@ -5924,7 +5925,7 @@ var { fetch: Lc } = Mc, _c = "./index.json", Xr = class Xr {
     return new Proxy(
       {},
       {
-        get: /* @__PURE__ */ i((e, r) => {
+        get: /* @__PURE__ */ n((e, r) => {
           if (this.storyStoreValue)
             return xc("Accessing the Story Store is deprecated and will be removed in 9.0"), this.storyStoreValue[r];
           throw new Dc();
@@ -6047,20 +6048,20 @@ var { fetch: Lc } = Mc, _c = "./index.json", Xr = class Xr {
     if (this.storyStoreValue || await this.storeInitializationPromise, !this.storyStoreValue)
       throw new ne({ methodName: "onUpdateGlobals" });
     if (this.storyStoreValue.userGlobals.update(e), r) {
-      let { initialGlobals: o, storyGlobals: n, userGlobals: s, globals: a } = this.storyStoreValue.getStoryContext(r);
+      let { initialGlobals: o, storyGlobals: i, userGlobals: s, globals: a } = this.storyStoreValue.getStoryContext(r);
       this.channel.emit(Ii, {
         initialGlobals: o,
         userGlobals: s,
-        storyGlobals: n,
+        storyGlobals: i,
         globals: a
       });
     } else {
-      let { initialGlobals: o, globals: n } = this.storyStoreValue.userGlobals;
+      let { initialGlobals: o, globals: i } = this.storyStoreValue.userGlobals;
       this.channel.emit(Ii, {
         initialGlobals: o,
-        userGlobals: n,
+        userGlobals: i,
         storyGlobals: {},
-        globals: n
+        globals: i
       });
     }
     await Promise.all(this.storyRenders.map((o) => o.rerender()));
@@ -6102,12 +6103,12 @@ var { fetch: Lc } = Mc, _c = "./index.json", Xr = class Xr {
   async onResetArgs({ storyId: e, argNames: r }) {
     if (!this.storyStoreValue)
       throw new ne({ methodName: "onResetArgs" });
-    let n = this.storyRenders.find((l) => l.id === e)?.story || await this.storyStoreValue.loadStory({ storyId: e }), a = (r || [
+    let i = this.storyRenders.find((l) => l.id === e)?.story || await this.storyStoreValue.loadStory({ storyId: e }), a = (r || [
       .../* @__PURE__ */ new Set([
-        ...Object.keys(n.initialArgs),
+        ...Object.keys(i.initialArgs),
         ...Object.keys(this.storyStoreValue.args.get(e))
       ])
-    ]).reduce((l, c) => (l[c] = n.initialArgs[c], l), {});
+    ]).reduce((l, c) => (l[c] = i.initialArgs[c], l), {});
     await this.onUpdateArgs({ storyId: e, updatedArgs: a });
   }
   // ForceReRender does not include a story id, so we simply must
@@ -6123,7 +6124,7 @@ var { fetch: Lc } = Mc, _c = "./index.json", Xr = class Xr {
   // main to be consistent with the previous behaviour. In the future,
   // we will change it to go ahead and load the story, which will end up being
   // "instant", although async.
-  renderStoryToElement(e, r, o, n) {
+  renderStoryToElement(e, r, o, i) {
     if (!this.renderToCanvas || !this.storyStoreValue)
       throw new ne({
         methodName: "renderStoryToElement"
@@ -6135,7 +6136,7 @@ var { fetch: Lc } = Mc, _c = "./index.json", Xr = class Xr {
       o,
       e.id,
       "docs",
-      n,
+      i,
       e
     );
     return s.renderToElement(r), this.storyRenders.push(s), async () => {
@@ -6168,7 +6169,7 @@ var { fetch: Lc } = Mc, _c = "./index.json", Xr = class Xr {
     this.previewEntryError = r, Pi.error(e), Pi.error(r), this.channel.emit(wc, r);
   }
 };
-i(Xr, "Preview");
+n(Xr, "Preview");
 var je = Xr;
 
 // src/preview-api/modules/preview-web/PreviewWeb.tsx
@@ -6206,20 +6207,20 @@ import { DOCS_RENDERED as Nc } from "storybook/internal/core-events";
 // src/preview-api/modules/preview-web/docs-context/DocsContext.ts
 import { isStory as jc } from "storybook/internal/csf";
 var Jr = class Jr {
-  constructor(e, r, o, n) {
+  constructor(e, r, o, i) {
     this.channel = e;
     this.store = r;
     this.renderStoryToElement = o;
-    this.storyIdByName = /* @__PURE__ */ i((e) => {
+    this.storyIdByName = /* @__PURE__ */ n((e) => {
       let r = this.nameToStoryId.get(e);
       if (r)
         return r;
       throw new Error(`No story found with that name: ${e}`);
     }, "storyIdByName");
-    this.componentStories = /* @__PURE__ */ i(() => this.componentStoriesValue, "componentStories");
-    this.componentStoriesFromCSFFile = /* @__PURE__ */ i((e) => this.store.componentStoriesFromCSFFile({ csfFile: e }), "componentStoriesFro\
+    this.componentStories = /* @__PURE__ */ n(() => this.componentStoriesValue, "componentStories");
+    this.componentStoriesFromCSFFile = /* @__PURE__ */ n((e) => this.store.componentStoriesFromCSFFile({ csfFile: e }), "componentStoriesFro\
 mCSFFile");
-    this.storyById = /* @__PURE__ */ i((e) => {
+    this.storyById = /* @__PURE__ */ n((e) => {
       if (!e) {
         if (!this.primaryStory)
           throw new Error(
@@ -6232,15 +6233,15 @@ mCSFFile");
         throw new Error(`Called \`storyById\` for story that was never loaded: ${e}`);
       return this.store.storyFromCSFFile({ storyId: e, csfFile: r });
     }, "storyById");
-    this.getStoryContext = /* @__PURE__ */ i((e) => ({
+    this.getStoryContext = /* @__PURE__ */ n((e) => ({
       ...this.store.getStoryContext(e),
       loaded: {},
       viewMode: "docs"
     }), "getStoryContext");
-    this.loadStory = /* @__PURE__ */ i((e) => this.store.loadStory({ storyId: e }), "loadStory");
+    this.loadStory = /* @__PURE__ */ n((e) => this.store.loadStory({ storyId: e }), "loadStory");
     this.componentStoriesValue = [], this.storyIdToCSFFile = /* @__PURE__ */ new Map(), this.exportToStory = /* @__PURE__ */ new Map(), this.
     exportsToCSFFile = /* @__PURE__ */ new Map(), this.nameToStoryId = /* @__PURE__ */ new Map(), this.attachedCSFFiles = /* @__PURE__ */ new Set(),
-    n.forEach((s, a) => {
+    i.forEach((s, a) => {
       this.referenceCSFFile(s);
     });
   }
@@ -6250,8 +6251,8 @@ mCSFFile");
   referenceCSFFile(e) {
     this.exportsToCSFFile.set(e.moduleExports, e), this.exportsToCSFFile.set(e.moduleExports.default, e), this.store.componentStoriesFromCSFFile(
     { csfFile: e }).forEach((o) => {
-      let n = e.stories[o.id];
-      this.storyIdToCSFFile.set(n.id, e), this.exportToStory.set(n.moduleExport, o);
+      let i = e.stories[o.id];
+      this.storyIdToCSFFile.set(i.id, e), this.exportToStory.set(i.moduleExport, o);
     });
   }
   attachCSFFile(e) {
@@ -6312,13 +6313,13 @@ CSF file?"
   resolveOf(e, r = []) {
     let o;
     if (["component", "meta", "story"].includes(e)) {
-      let n = e;
-      o = this.resolveAttachedModuleExportType(n);
+      let i = e;
+      o = this.resolveAttachedModuleExportType(i);
     } else
       o = this.resolveModuleExport(e);
     if (r.length && !r.includes(o.type)) {
-      let n = o.type === "component" ? "component or unknown" : o.type;
-      throw new Error(_`Invalid value passed to the 'of' prop. The value was resolved to a '${n}' type but the only types for this block are: ${r.
+      let i = o.type === "component" ? "component or unknown" : o.type;
+      throw new Error(_`Invalid value passed to the 'of' prop. The value was resolved to a '${i}' type but the only types for this block are: ${r.
       join(
         ", "
       )}.
@@ -6343,16 +6344,16 @@ CSF file?"
     }
   }
 };
-i(Jr, "DocsContext");
+n(Jr, "DocsContext");
 var pe = Jr;
 
 // src/preview-api/modules/preview-web/render/CsfDocsRender.ts
 var Zr = class Zr {
-  constructor(e, r, o, n) {
+  constructor(e, r, o, i) {
     this.channel = e;
     this.store = r;
     this.entry = o;
-    this.callbacks = n;
+    this.callbacks = i;
     this.type = "docs";
     this.subtype = "csf";
     this.torndown = !1;
@@ -6368,10 +6369,10 @@ var Zr = class Zr {
     let { entryExports: e, csfFiles: r = [] } = await this.store.loadEntry(this.id);
     if (this.torndown)
       throw de;
-    let { importPath: o, title: n } = this.entry, s = this.store.processCSFFileWithCache(
+    let { importPath: o, title: i } = this.entry, s = this.store.processCSFFileWithCache(
       e,
       o,
-      n
+      i
     ), a = Object.keys(s.stories)[0];
     this.story = this.store.storyFromCSFFile({ storyId: a, csfFile: s }), this.csfFiles = [s, ...r], this.preparing = !1;
   }
@@ -6392,14 +6393,14 @@ var Zr = class Zr {
   async renderToElement(e, r) {
     if (!this.story || !this.csfFiles)
       throw new Error("Cannot render docs before preparing");
-    let o = this.docsContext(r), { docs: n } = this.story.parameters || {};
-    if (!n)
+    let o = this.docsContext(r), { docs: i } = this.story.parameters || {};
+    if (!i)
       throw new Error(
         "Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed"
       );
-    let s = await n.renderer(), { render: a } = s, l = /* @__PURE__ */ i(async () => {
+    let s = await i.renderer(), { render: a } = s, l = /* @__PURE__ */ n(async () => {
       try {
-        await a(o, n, e), this.channel.emit(Nc, this.id);
+        await a(o, i, e), this.channel.emit(Nc, this.id);
       } catch (c) {
         this.callbacks.showException(c);
       }
@@ -6412,17 +6413,17 @@ var Zr = class Zr {
     this.teardownRender?.({ viewModeChanged: e }), this.torndown = !0;
   }
 };
-i(Zr, "CsfDocsRender");
+n(Zr, "CsfDocsRender");
 var ot = Zr;
 
 // src/preview-api/modules/preview-web/render/MdxDocsRender.ts
 import { DOCS_RENDERED as qc } from "storybook/internal/core-events";
 var Qr = class Qr {
-  constructor(e, r, o, n) {
+  constructor(e, r, o, i) {
     this.channel = e;
     this.store = r;
     this.entry = o;
-    this.callbacks = n;
+    this.callbacks = i;
     this.type = "docs";
     this.subtype = "mdx";
     this.torndown = !1;
@@ -6456,12 +6457,12 @@ var Qr = class Qr {
   async renderToElement(e, r) {
     if (!this.exports || !this.csfFiles || !this.store.projectAnnotations)
       throw new Error("Cannot render docs before preparing");
-    let o = this.docsContext(r), { docs: n } = this.store.projectAnnotations.parameters || {};
-    if (!n)
+    let o = this.docsContext(r), { docs: i } = this.store.projectAnnotations.parameters || {};
+    if (!i)
       throw new Error(
         "Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed"
       );
-    let s = { ...n, page: this.exports.default }, a = await n.renderer(), { render: l } = a, c = /* @__PURE__ */ i(async () => {
+    let s = { ...i, page: this.exports.default }, a = await i.renderer(), { render: l } = a, c = /* @__PURE__ */ n(async () => {
       try {
         await l(o, s, e), this.channel.emit(qc, this.id);
       } catch (d) {
@@ -6476,7 +6477,7 @@ var Qr = class Qr {
     this.teardownRender?.({ viewModeChanged: e }), this.torndown = !0;
   }
 };
-i(Qr, "MdxDocsRender");
+n(Qr, "MdxDocsRender");
 var nt = Qr;
 
 // src/preview-api/modules/preview-web/PreviewWithSelection.tsx
@@ -6485,30 +6486,30 @@ function td(t) {
   let e = t.composedPath && t.composedPath()[0] || t.target;
   return /input|textarea/i.test(e.tagName) || e.getAttribute("contenteditable") !== null;
 }
-i(td, "focusInInput");
+n(td, "focusInInput");
 var Li = "attached-mdx", rd = "unattached-mdx";
 function od({ tags: t }) {
   return t?.includes(rd) || t?.includes(Li);
 }
-i(od, "isMdxEntry");
+n(od, "isMdxEntry");
 function to(t) {
   return t.type === "story";
 }
-i(to, "isStoryRender");
+n(to, "isStoryRender");
 function nd(t) {
   return t.type === "docs";
 }
-i(nd, "isDocsRender");
+n(nd, "isDocsRender");
 function id(t) {
   return nd(t) && t.subtype === "csf";
 }
-i(id, "isCsfDocsRender");
+n(id, "isCsfDocsRender");
 var ro = class ro extends je {
-  constructor(r, o, n, s) {
+  constructor(r, o, i, s) {
     super(r, o, void 0, !1);
     this.importFn = r;
     this.getProjectAnnotations = o;
-    this.selectionStore = n;
+    this.selectionStore = i;
     this.view = s;
     this.initialize();
   }
@@ -6540,15 +6541,15 @@ var ro = class ro extends je {
       this.renderMissingStory();
       return;
     }
-    let { storySpecifier: r, args: o } = this.selectionStore.selectionSpecifier, n = this.storyStoreValue.storyIndex.entryFromSpecifier(r);
-    if (!n) {
+    let { storySpecifier: r, args: o } = this.selectionStore.selectionSpecifier, i = this.storyStoreValue.storyIndex.entryFromSpecifier(r);
+    if (!i) {
       r === "*" ? this.renderStoryLoadingException(r, new Jc()) : this.renderStoryLoadingException(
         r,
         new Qc({ storySpecifier: r.toString() })
       );
       return;
     }
-    let { id: s, type: a } = n;
+    let { id: s, type: a } = i;
     this.selectionStore.setSelection({ storyId: s, viewMode: a }), this.channel.emit(Wc, this.selectionStore.selection), this.channel.emit(Oi,
     this.selectionStore.selection), await this.renderSelection({ persistedArgs: o });
   }
@@ -6569,9 +6570,9 @@ var ro = class ro extends je {
   }
   onKeydown(r) {
     if (!this.storyRenders.find((o) => o.disableKeyListeners) && !td(r)) {
-      let { altKey: o, ctrlKey: n, metaKey: s, shiftKey: a, key: l, code: c, keyCode: d } = r;
+      let { altKey: o, ctrlKey: i, metaKey: s, shiftKey: a, key: l, code: c, keyCode: d } = r;
       this.channel.emit(Bc, {
-        event: { altKey: o, ctrlKey: n, metaKey: s, shiftKey: a, key: l, code: c, keyCode: d }
+        event: { altKey: o, ctrlKey: i, metaKey: s, shiftKey: a, key: l, code: c, keyCode: d }
       });
     }
   }
@@ -6603,10 +6604,10 @@ var ro = class ro extends je {
     let { renderToCanvas: o } = this;
     if (!this.storyStoreValue || !o)
       throw new eo({ methodName: "renderSelection" });
-    let { selection: n } = this.selectionStore;
-    if (!n)
+    let { selection: i } = this.selectionStore;
+    if (!i)
       throw new Error("Cannot call renderSelection as no selection was made");
-    let { storyId: s } = n, a;
+    let { storyId: s } = i, a;
     try {
       a = await this.storyStoreValue.storyIdToEntry(s);
     } catch (h) {
@@ -6636,7 +6637,7 @@ var ro = class ro extends je {
       this.mainStoryCallbacks(s)
     );
     let p = this.currentSelection;
-    this.currentSelection = n;
+    this.currentSelection = i;
     let u = this.currentRender;
     this.currentRender = d;
     try {
@@ -6697,15 +6698,15 @@ var ro = class ro extends je {
     );
   }
   async teardownRender(r, { viewModeChanged: o = !1 } = {}) {
-    this.storyRenders = this.storyRenders.filter((n) => n !== r), await r?.teardown?.({ viewModeChanged: o });
+    this.storyRenders = this.storyRenders.filter((i) => i !== r), await r?.teardown?.({ viewModeChanged: o });
   }
   // UTILITIES
   mainStoryCallbacks(r) {
     return {
-      showStoryDuringRender: /* @__PURE__ */ i(() => this.view.showStoryDuringRender(), "showStoryDuringRender"),
-      showMain: /* @__PURE__ */ i(() => this.view.showMain(), "showMain"),
-      showError: /* @__PURE__ */ i((o) => this.renderError(r, o), "showError"),
-      showException: /* @__PURE__ */ i((o) => this.renderException(r, o), "showException")
+      showStoryDuringRender: /* @__PURE__ */ n(() => this.view.showStoryDuringRender(), "showStoryDuringRender"),
+      showMain: /* @__PURE__ */ n(() => this.view.showMain(), "showMain"),
+      showError: /* @__PURE__ */ n((o) => this.renderError(r, o), "showError"),
+      showException: /* @__PURE__ */ n((o) => this.renderException(r, o), "showException")
     };
   }
   renderPreviewEntryError(r, o) {
@@ -6719,21 +6720,21 @@ var ro = class ro extends je {
   }
   // renderException is used if we fail to render the story and it is uncaught by the app layer
   renderException(r, o) {
-    let { name: n = "Error", message: s = String(o), stack: a } = o;
-    this.channel.emit(Yc, { name: n, message: s, stack: a }), this.channel.emit(Mi, { newPhase: "errored", storyId: r }), this.view.showErrorDisplay(
+    let { name: i = "Error", message: s = String(o), stack: a } = o;
+    this.channel.emit(Yc, { name: i, message: s, stack: a }), this.channel.emit(Mi, { newPhase: "errored", storyId: r }), this.view.showErrorDisplay(
     o), Ot.error(`Error rendering story '${r}':`), Ot.error(o);
   }
   // renderError is used by the various app layers to inform the user they have done something
   // wrong -- for instance returned the wrong thing from a story
-  renderError(r, { title: o, description: n }) {
-    Ot.error(`Error rendering story ${o}: ${n}`), this.channel.emit(Uc, { title: o, description: n }), this.channel.emit(Mi, { newPhase: "er\
+  renderError(r, { title: o, description: i }) {
+    Ot.error(`Error rendering story ${o}: ${i}`), this.channel.emit(Uc, { title: o, description: i }), this.channel.emit(Mi, { newPhase: "er\
 rored", storyId: r }), this.view.showErrorDisplay({
       message: o,
-      stack: n
+      stack: i
     });
   }
 };
-i(ro, "PreviewWithSelection");
+n(ro, "PreviewWithSelection");
 var Ne = ro;
 
 // src/preview-api/modules/preview-web/UrlStore.ts
@@ -6744,7 +6745,7 @@ import { global as Md } from "@storybook/global";
 import { once as Od } from "storybook/internal/client-logger";
 var Yi = ve(_t(), 1);
 var Wi = /^[a-zA-Z0-9 _-]*$/, Ki = /^-?[0-9]+(\.[0-9]+)?$/, kd = /^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i, Xi = /^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i,
-co = /* @__PURE__ */ i((t = "", e) => t === null || t === "" || !Wi.test(t) ? !1 : e == null || e instanceof Date || typeof e == "number" ||
+co = /* @__PURE__ */ n((t = "", e) => t === null || t === "" || !Wi.test(t) ? !1 : e == null || e instanceof Date || typeof e == "number" ||
 typeof e == "boolean" ? !0 : typeof e == "string" ? Wi.test(e) || Ki.test(e) || kd.test(e) || Xi.test(e) : Array.isArray(e) ? e.every((r) => co(
 t, r)) : $(e) ? Object.entries(e).every(([r, o]) => co(r, o)) : !1, "validateArgs"), Dd = {
   delimiter: ";",
@@ -6776,9 +6777,9 @@ t, r)) : $(e) ? Object.entries(e).every(([r, o]) => co(r, o)) : !1, "validateArg
     }
     return Ki.test(t) ? Number(t) : t;
   }
-}, po = /* @__PURE__ */ i((t) => {
+}, po = /* @__PURE__ */ n((t) => {
   let e = t.split(";").map((r) => r.replace("=", "~").replace(":", "="));
-  return Object.entries((0, Yi.parse)(e.join(";"), Dd)).reduce((r, [o, n]) => co(o, n) ? Object.assign(r, { [o]: n }) : (Od.warn(_`
+  return Object.entries((0, Yi.parse)(e.join(";"), Dd)).reduce((r, [o, i]) => co(o, i) ? Object.assign(r, { [o]: i }) : (Od.warn(_`
       Omitted potentially unsafe URL args.
 
       More info: https://storybook.js.org/docs/writing-stories/args#setting-args-through-the-url
@@ -6793,23 +6794,23 @@ function Ld(t) {
     throw new Error(`Invalid path '${t}',  must start with '/story/'`);
   return e[1];
 }
-i(Ld, "pathToId");
-var Zi = /* @__PURE__ */ i(({
+n(Ld, "pathToId");
+var Zi = /* @__PURE__ */ n(({
   selection: t,
   extraParams: e
 }) => {
-  let r = ue?.location.search.slice(1), { path: o, selectedKind: n, selectedStory: s, ...a } = (0, st.parse)(r);
+  let r = ue?.location.search.slice(1), { path: o, selectedKind: i, selectedStory: s, ...a } = (0, st.parse)(r);
   return `?${(0, st.stringify)({
     ...a,
     ...e,
     ...t && { id: t.storyId, viewMode: t.viewMode }
   })}`;
-}, "getQueryString"), _d = /* @__PURE__ */ i((t) => {
+}, "getQueryString"), _d = /* @__PURE__ */ n((t) => {
   if (!t)
     return;
   let e = Zi({ selection: t }), { hash: r = "" } = ue.location;
   ue.title = t.storyId, Ji.replaceState({}, "", `${ue.location.pathname}${e}${r}`);
-}, "setPath"), jd = /* @__PURE__ */ i((t) => t != null && typeof t == "object" && Array.isArray(t) === !1, "isObject"), it = /* @__PURE__ */ i(
+}, "setPath"), jd = /* @__PURE__ */ n((t) => t != null && typeof t == "object" && Array.isArray(t) === !1, "isObject"), it = /* @__PURE__ */ n(
 (t) => {
   if (t !== void 0) {
     if (typeof t == "string")
@@ -6821,14 +6822,14 @@ var Zi = /* @__PURE__ */ i(({
         Object.values(t).filter(Boolean)
       );
   }
-}, "getFirstString"), Nd = /* @__PURE__ */ i(() => {
+}, "getFirstString"), Nd = /* @__PURE__ */ n(() => {
   if (typeof ue < "u") {
     let t = ue.location.search.slice(1), e = (0, st.parse)(t), r = typeof e.args == "string" ? po(e.args) : void 0, o = typeof e.globals == "\
-string" ? po(e.globals) : void 0, n = it(e.viewMode);
-    (typeof n != "string" || !n.match(/docs|story/)) && (n = "story");
+string" ? po(e.globals) : void 0, i = it(e.viewMode);
+    (typeof i != "string" || !i.match(/docs|story/)) && (i = "story");
     let s = it(e.path), a = s ? Ld(s) : it(e.id);
     if (a)
-      return { storySpecifier: a, args: r, globals: o, viewMode: n };
+      return { storySpecifier: a, args: r, globals: o, viewMode: i };
   }
   return null;
 }, "getSelectionSpecifierFromPath"), uo = class uo {
@@ -6843,7 +6844,7 @@ string" ? po(e.globals) : void 0, n = it(e.viewMode);
     Ji.replaceState({}, "", `${ue.location.pathname}${r}${o}`);
   }
 };
-i(uo, "UrlStore");
+n(uo, "UrlStore");
 var qe = uo;
 
 // src/preview-api/modules/preview-web/WebView.ts
@@ -6919,10 +6920,10 @@ _STORY", s.PREPARING_DOCS = "PREPARING_DOCS", s.ERROR = "ERROR", s))(ks || {}),
     });
   }
   showErrorDisplay({ message: e = "", stack: r = "" }) {
-    let o = e, n = r, s = e.split(`
+    let o = e, i = r, s = e.split(`
 `);
-    s.length > 1 && ([o] = s, n = s.slice(1).join(`
-`).replace(/^\n/, "")), H.getElementById("error-message").innerHTML = Fs.toHtml(o), H.getElementById("error-stack").innerHTML = Fs.toHtml(n),
+    s.length > 1 && ([o] = s, i = s.slice(1).join(`
+`).replace(/^\n/, "")), H.getElementById("error-message").innerHTML = Fs.toHtml(o), H.getElementById("error-stack").innerHTML = Fs.toHtml(i),
     this.showMode("ERROR");
   }
   showNoPreview() {
@@ -6952,7 +6953,7 @@ RING_DOCS"), Ps);
     H.body.classList.add(So.MAIN);
   }
 };
-i(To, "WebView");
+n(To, "WebView");
 var He = To;
 
 // src/preview-api/modules/preview-web/PreviewWeb.tsx
@@ -6964,7 +6965,7 @@ var wo = class wo extends Ne {
     Tp.__STORYBOOK_PREVIEW__ = this;
   }
 };
-i(wo, "PreviewWeb");
+n(wo, "PreviewWeb");
 var zt = wo;
 
 // src/preview-api/modules/preview-web/simulate-pageload.ts
@@ -6993,33 +6994,33 @@ function Ut() {
   let t = Ae.createEvent("Event");
   t.initEvent("DOMContentLoaded", !0, !0), Ae.dispatchEvent(t);
 }
-i(Ut, "simulateDOMContentLoaded");
+n(Ut, "simulateDOMContentLoaded");
 function Ap(t, e, r) {
   let o = Ae.createElement("script");
   o.type = t.type === "module" ? "module" : "text/javascript", t.src ? (o.onload = e, o.onerror = e, o.src = t.src) : o.textContent = t.innerText,
   r ? r.appendChild(o) : Ae.head.appendChild(o), t.parentNode.removeChild(t), t.src || e();
 }
-i(Ap, "insertScript");
+n(Ap, "insertScript");
 function Ms(t, e, r = 0) {
   t[r](() => {
     r++, r === t.length ? e() : Ms(t, e, r);
   });
 }
-i(Ms, "insertScriptsSequentially");
+n(Ms, "insertScriptsSequentially");
 function Ls(t) {
   let e = Ae.getElementById(Ds);
   e ? e.innerHTML = "" : (e = Ae.createElement("div"), e.id = Ds, Ae.body.appendChild(e));
   let r = Array.from(t.querySelectorAll(Ep));
   if (r.length) {
     let o = [];
-    r.forEach((n) => {
-      let s = n.getAttribute("type");
-      (!s || Rp.includes(s)) && o.push((a) => Ap(n, a, e));
+    r.forEach((i) => {
+      let s = i.getAttribute("type");
+      (!s || Rp.includes(s)) && o.push((a) => Ap(i, a, e));
     }), o.length && Ms(o, Ut, void 0);
   } else
     Ut();
 }
-i(Ls, "simulatePageLoad");
+n(Ls, "simulatePageLoad");
 
 // src/docs-tools/shared.ts
 var _s = "storybook/docs", yS = `${_s}/panel`;
@@ -7027,14 +7028,14 @@ var js = `${_s}/snippet-rendered`;
 
 // src/preview-api/modules/preview-web/emitTransformCode.ts
 async function Ns(t, e) {
-  let r = e.parameters?.docs?.source?.transform, { id: o, unmappedArgs: n } = e, s = r && t ? r?.(t, e) : t, a = s ? await s : void 0;
+  let r = e.parameters?.docs?.source?.transform, { id: o, unmappedArgs: i } = e, s = r && t ? r?.(t, e) : t, a = s ? await s : void 0;
   z.getChannel().emit(js, {
     id: o,
     source: a,
-    args: n
+    args: i
   });
 }
-i(Ns, "emitTransformCode");
+n(Ns, "emitTransformCode");
 export {
   pe as DocsContext,
   he as HooksContext,