storybook 9.1.0-alpha.6 → 9.1.0-alpha.7

package/dist/csf/index.cjs

@@ -1,65 +1,65 @@
 "use strict";
-var dr = Object.create;
-var I = Object.defineProperty;
-var lr = Object.getOwnPropertyDescriptor;
-var ur = Object.getOwnPropertyNames;
-var fr = Object.getPrototypeOf, mr = Object.prototype.hasOwnProperty;
-var s = (e, r) => I(e, "name", { value: r, configurable: !0 });
-var be = (e, r) => () => (r || e((r = { exports: {} }).exports, r), r.exports), yr = (e, r) => {
-  for (var t in r)
-    I(e, t, { get: r[t], enumerable: !0 });
-}, Ce = (e, r, t, o) => {
-  if (r && typeof r == "object" || typeof r == "function")
-    for (let a of ur(r))
-      !mr.call(e, a) && a !== t && I(e, a, { get: () => r[a], enumerable: !(o = lr(r, a)) || o.enumerable });
+var Eo = Object.create;
+var oe = Object.defineProperty;
+var Co = Object.getOwnPropertyDescriptor;
+var vo = Object.getOwnPropertyNames;
+var ko = Object.getPrototypeOf, Po = Object.prototype.hasOwnProperty;
+var n = (e, t) => oe(e, "name", { value: t, configurable: !0 });
+var Pt = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), Le = (e, t) => {
+  for (var r in t)
+    oe(e, r, { get: t[r], enumerable: !0 });
+}, Ot = (e, t, r, o) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let i of vo(t))
+      !Po.call(e, i) && i !== r && oe(e, i, { get: () => t[i], enumerable: !(o = Co(t, i)) || o.enumerable });
   return e;
 };
-var b = (e, r, t) => (t = e != null ? dr(fr(e)) : {}, Ce(
+var J = (e, t, r) => (r = e != null ? Eo(ko(e)) : {}, Ot(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  r || !e || !e.__esModule ? I(t, "default", { value: e, enumerable: !0 }) : t,
+  t || !e || !e.__esModule ? oe(r, "default", { value: e, enumerable: !0 }) : r,
   e
-)), gr = (e) => Ce(I({}, "__esModule", { value: !0 }), e);
+)), Oo = (e) => Ot(oe({}, "__esModule", { value: !0 }), e);
 
 // ../node_modules/@ngard/tiny-isequal/index.js
-var Ee = be((Z) => {
-  Object.defineProperty(Z, "__esModule", { value: !0 }), Z.isEqual = /* @__PURE__ */ function() {
-    var e = Object.prototype.toString, r = Object.getPrototypeOf, t = Object.getOwnPropertySymbols ? function(o) {
+var $t = Pt((_e) => {
+  Object.defineProperty(_e, "__esModule", { value: !0 }), _e.isEqual = /* @__PURE__ */ function() {
+    var e = Object.prototype.toString, t = Object.getPrototypeOf, r = Object.getOwnPropertySymbols ? function(o) {
       return Object.keys(o).concat(Object.getOwnPropertySymbols(o));
     } : Object.keys;
-    return function(o, a) {
-      return (/* @__PURE__ */ s(function n(i, p, d) {
-        var c, m, u, y = e.call(i), h = e.call(p);
-        if (i === p) return !0;
-        if (i == null || p == null) return !1;
-        if (d.indexOf(i) > -1 && d.indexOf(p) > -1) return !0;
-        if (d.push(i, p), y != h || (c = t(i), m = t(p), c.length != m.length || c.some(function(S) {
-          return !n(i[S], p[S], d);
+    return function(o, i) {
+      return (/* @__PURE__ */ n(function s(a, p, c) {
+        var l, y, u, h = e.call(a), T = e.call(p);
+        if (a === p) return !0;
+        if (a == null || p == null) return !1;
+        if (c.indexOf(a) > -1 && c.indexOf(p) > -1) return !0;
+        if (c.push(a, p), h != T || (l = r(a), y = r(p), l.length != y.length || l.some(function(R) {
+          return !s(a[R], p[R], c);
         }))) return !1;
-        switch (y.slice(8, -1)) {
+        switch (h.slice(8, -1)) {
           case "Symbol":
-            return i.valueOf() == p.valueOf();
+            return a.valueOf() == p.valueOf();
           case "Date":
           case "Number":
-            return +i == +p || +i != +i && +p != +p;
+            return +a == +p || +a != +a && +p != +p;
           case "RegExp":
           case "Function":
           case "String":
           case "Boolean":
-            return "" + i == "" + p;
+            return "" + a == "" + p;
           case "Set":
           case "Map":
-            c = i.entries(), m = p.entries();
+            l = a.entries(), y = p.entries();
             do
-              if (!n((u = c.next()).value, m.next().value, d)) return !1;
+              if (!s((u = l.next()).value, y.next().value, c)) return !1;
             while (!u.done);
             return !0;
           case "ArrayBuffer":
-            i = new Uint8Array(i), p = new Uint8Array(p);
+            a = new Uint8Array(a), p = new Uint8Array(p);
           case "DataView":
-            i = new Uint8Array(i.buffer), p = new Uint8Array(p.buffer);
+            a = new Uint8Array(a.buffer), p = new Uint8Array(p.buffer);
           case "Float32Array":
           case "Float64Array":
           case "Int8Array":
@@ -71,164 +71,164 @@ var Ee = be((Z) => {
           case "Uint8ClampedArray":
           case "Arguments":
           case "Array":
-            if (i.length != p.length) return !1;
-            for (u = 0; u < i.length; u++) if ((u in i || u in p) && (u in i != u in p || !n(i[u], p[u], d))) return !1;
+            if (a.length != p.length) return !1;
+            for (u = 0; u < a.length; u++) if ((u in a || u in p) && (u in a != u in p || !s(a[u], p[u], c))) return !1;
             return !0;
           case "Object":
-            return n(r(i), r(p), d);
+            return s(t(a), t(p), c);
           default:
             return !1;
         }
-      }, "n"))(o, a, []);
+      }, "n"))(o, i, []);
     };
   }();
 });
 
 // ../node_modules/ts-dedent/dist/index.js
-var M = be((D) => {
+var Q = Pt((ie) => {
   "use strict";
-  Object.defineProperty(D, "__esModule", { value: !0 });
-  D.dedent = void 0;
-  function _e(e) {
-    for (var r = [], t = 1; t < arguments.length; t++)
-      r[t - 1] = arguments[t];
+  Object.defineProperty(ie, "__esModule", { value: !0 });
+  ie.dedent = void 0;
+  function Nt(e) {
+    for (var t = [], r = 1; r < arguments.length; r++)
+      t[r - 1] = arguments[r];
     var o = Array.from(typeof e == "string" ? [e] : e);
     o[o.length - 1] = o[o.length - 1].replace(/\r?\n([\t ]*)$/, "");
-    var a = o.reduce(function(p, d) {
-      var c = d.match(/\n([\t ]+|(?!\s).)/g);
-      return c ? p.concat(c.map(function(m) {
-        var u, y;
-        return (y = (u = m.match(/[\t ]/g)) === null || u === void 0 ? void 0 : u.length) !== null && y !== void 0 ? y : 0;
+    var i = o.reduce(function(p, c) {
+      var l = c.match(/\n([\t ]+|(?!\s).)/g);
+      return l ? p.concat(l.map(function(y) {
+        var u, h;
+        return (h = (u = y.match(/[\t ]/g)) === null || u === void 0 ? void 0 : u.length) !== null && h !== void 0 ? h : 0;
       })) : p;
     }, []);
-    if (a.length) {
-      var n = new RegExp(`
-[	 ]{` + Math.min.apply(Math, a) + "}", "g");
+    if (i.length) {
+      var s = new RegExp(`
+[	 ]{` + Math.min.apply(Math, i) + "}", "g");
       o = o.map(function(p) {
-        return p.replace(n, `
+        return p.replace(s, `
 `);
       });
     }
     o[0] = o[0].replace(/^\r?\n/, "");
-    var i = o[0];
-    return r.forEach(function(p, d) {
-      var c = i.match(/(?:^|\n)( *)$/), m = c ? c[1] : "", u = p;
+    var a = o[0];
+    return t.forEach(function(p, c) {
+      var l = a.match(/(?:^|\n)( *)$/), y = l ? l[1] : "", u = p;
       typeof p == "string" && p.includes(`
 `) && (u = String(p).split(`
-`).map(function(y, h) {
-        return h === 0 ? y : "" + m + y;
+`).map(function(h, T) {
+        return T === 0 ? h : "" + y + h;
       }).join(`
-`)), i += u + o[d + 1];
-    }), i;
+`)), a += u + o[c + 1];
+    }), a;
   }
-  s(_e, "dedent");
-  D.dedent = _e;
-  D.default = _e;
+  n(Nt, "dedent");
+  ie.dedent = Nt;
+  ie.default = Nt;
 });
 
 // src/csf/index.ts
-var Kr = {};
-yr(Kr, {
-  combineTags: () => qr,
-  definePreview: () => Mr,
-  definePreviewAddon: () => zr,
-  getCoreAnnotations: () => Re,
-  includeConditionalArg: () => ve,
-  isExportStory: () => Gr,
-  isMeta: () => Ur,
-  isPreview: () => Br,
-  isStory: () => $r,
-  parseKind: () => Vr,
-  sanitize: () => pr,
-  storyNameFromExport: () => Wr,
-  toId: () => Lr
+var Xn = {};
+Le(Xn, {
+  combineTags: () => qn,
+  definePreview: () => Nn,
+  definePreviewAddon: () => jn,
+  getCoreAnnotations: () => Ct,
+  includeConditionalArg: () => It,
+  isExportStory: () => Vn,
+  isMeta: () => zn,
+  isPreview: () => Bn,
+  isStory: () => Gn,
+  parseKind: () => Kn,
+  sanitize: () => wo,
+  storyNameFromExport: () => Yn,
+  toId: () => Wn
 });
-module.exports = gr(Kr);
+module.exports = Oo(Xn);
 
 // src/csf/toStartCaseStr.ts
-function we(e) {
-  return e.replace(/_/g, " ").replace(/-/g, " ").replace(/\./g, " ").replace(/([^\n])([A-Z])([a-z])/g, (r, t, o, a) => `${t} ${o}${a}`).replace(
-  /([a-z])([A-Z])/g, (r, t, o) => `${t} ${o}`).replace(/([a-z])([0-9])/gi, (r, t, o) => `${t} ${o}`).replace(/([0-9])([a-z])/gi, (r, t, o) => `${t}\
- ${o}`).replace(/(\s|^)(\w)/g, (r, t, o) => `${t}${o.toUpperCase()}`).replace(/ +/g, " ").trim();
+function Mt(e) {
+  return e.replace(/_/g, " ").replace(/-/g, " ").replace(/\./g, " ").replace(/([^\n])([A-Z])([a-z])/g, (t, r, o, i) => `${r} ${o}${i}`).replace(
+  /([a-z])([A-Z])/g, (t, r, o) => `${r} ${o}`).replace(/([a-z])([0-9])/gi, (t, r, o) => `${r} ${o}`).replace(/([0-9])([a-z])/gi, (t, r, o) => `${r}\
+ ${o}`).replace(/(\s|^)(\w)/g, (t, r, o) => `${r}${o.toUpperCase()}`).replace(/ +/g, " ").trim();
 }
-s(we, "toStartCaseStr");
+n(Mt, "toStartCaseStr");
 
 // src/csf/includeConditionalArg.ts
-var Q = b(Ee(), 1);
-var Pe = /* @__PURE__ */ s((e) => e.map((r) => typeof r < "u").filter(Boolean).length, "count"), Tr = /* @__PURE__ */ s((e, r) => {
-  let { exists: t, eq: o, neq: a, truthy: n } = e;
-  if (Pe([t, o, a, n]) > 1)
-    throw new Error(`Invalid conditional test ${JSON.stringify({ exists: t, eq: o, neq: a })}`);
+var De = J($t(), 1);
+var Ft = /* @__PURE__ */ n((e) => e.map((t) => typeof t < "u").filter(Boolean).length, "count"), Mo = /* @__PURE__ */ n((e, t) => {
+  let { exists: r, eq: o, neq: i, truthy: s } = e;
+  if (Ft([r, o, i, s]) > 1)
+    throw new Error(`Invalid conditional test ${JSON.stringify({ exists: r, eq: o, neq: i })}`);
   if (typeof o < "u")
-    return (0, Q.isEqual)(r, o);
-  if (typeof a < "u")
-    return !(0, Q.isEqual)(r, a);
-  if (typeof t < "u") {
-    let p = typeof r < "u";
-    return t ? p : !p;
+    return (0, De.isEqual)(t, o);
+  if (typeof i < "u")
+    return !(0, De.isEqual)(t, i);
+  if (typeof r < "u") {
+    let p = typeof t < "u";
+    return r ? p : !p;
   }
-  return (typeof n > "u" ? !0 : n) ? !!r : !r;
-}, "testValue"), ve = /* @__PURE__ */ s((e, r, t) => {
+  return (typeof s > "u" ? !0 : s) ? !!t : !t;
+}, "testValue"), It = /* @__PURE__ */ n((e, t, r) => {
   if (!e.if)
     return !0;
-  let { arg: o, global: a } = e.if;
-  if (Pe([o, a]) !== 1)
-    throw new Error(`Invalid conditional value ${JSON.stringify({ arg: o, global: a })}`);
-  let n = o ? r[o] : t[a];
-  return Tr(e.if, n);
+  let { arg: o, global: i } = e.if;
+  if (Ft([o, i]) !== 1)
+    throw new Error(`Invalid conditional value ${JSON.stringify({ arg: o, global: i })}`);
+  let s = o ? t[o] : r[i];
+  return Mo(e.if, s);
 }, "includeConditionalArg");
 
 // src/csf/csf-factories.ts
-var nr = require("storybook/internal/csf");
+var To = require("storybook/internal/csf");
 
 // src/preview-api/modules/addons/main.ts
-var L = require("@storybook/global");
+var he = require("@storybook/global");
 
 // src/preview-api/modules/addons/storybook-channel-mock.ts
-var ke = require("storybook/internal/channels");
-function Oe() {
+var Lt = require("storybook/internal/channels");
+function _t() {
   let e = {
-    setHandler: /* @__PURE__ */ s(() => {
+    setHandler: /* @__PURE__ */ n(() => {
     }, "setHandler"),
-    send: /* @__PURE__ */ s(() => {
+    send: /* @__PURE__ */ n(() => {
     }, "send")
   };
-  return new ke.Channel({ transport: e });
+  return new Lt.Channel({ transport: e });
 }
-s(Oe, "mockChannel");
+n(_t, "mockChannel");
 
 // src/preview-api/modules/addons/main.ts
-var re = class {
+var Ne = class {
   constructor() {
-    this.getChannel = /* @__PURE__ */ s(() => {
+    this.getChannel = /* @__PURE__ */ n(() => {
       if (!this.channel) {
-        let r = Oe();
-        return this.setChannel(r), r;
+        let t = _t();
+        return this.setChannel(t), t;
       }
       return this.channel;
     }, "getChannel");
-    this.ready = /* @__PURE__ */ s(() => this.promise, "ready");
-    this.hasChannel = /* @__PURE__ */ s(() => !!this.channel, "hasChannel");
-    this.setChannel = /* @__PURE__ */ s((r) => {
-      this.channel = r, this.resolve();
+    this.ready = /* @__PURE__ */ n(() => this.promise, "ready");
+    this.hasChannel = /* @__PURE__ */ n(() => !!this.channel, "hasChannel");
+    this.setChannel = /* @__PURE__ */ n((t) => {
+      this.channel = t, this.resolve();
     }, "setChannel");
-    this.promise = new Promise((r) => {
-      this.resolve = () => r(this.getChannel());
+    this.promise = new Promise((t) => {
+      this.resolve = () => t(this.getChannel());
     });
   }
   static {
-    s(this, "AddonStore");
+    n(this, "AddonStore");
   }
-}, ee = "__STORYBOOK_ADDONS_PREVIEW";
-function xr() {
-  return L.global[ee] || (L.global[ee] = new re()), L.global[ee];
+}, He = "__STORYBOOK_ADDONS_PREVIEW";
+function $o() {
+  return he.global[He] || (he.global[He] = new Ne()), he.global[He];
 }
-s(xr, "getAddonsStore");
-var te = xr();
+n($o, "getAddonsStore");
+var je = $o();
 
 // src/preview-api/modules/addons/hooks.ts
-var hr = require("storybook/internal/client-logger"), F = require("storybook/internal/core-events"), W = require("@storybook/global");
-var G = class {
+var Fo = require("storybook/internal/client-logger"), K = require("storybook/internal/core-events"), xe = require("@storybook/global");
+var be = class {
   constructor() {
     this.hookListsMap = void 0;
     this.mountedDecorators = void 0;
@@ -241,13 +241,13 @@ var G = class {
     this.currentDecoratorName = void 0;
     this.hasUpdates = void 0;
     this.currentContext = void 0;
-    this.renderListener = /* @__PURE__ */ s((r) => {
-      r === this.currentContext?.id && (this.triggerEffects(), this.currentContext = null, this.removeRenderListeners());
+    this.renderListener = /* @__PURE__ */ n((t) => {
+      t === this.currentContext?.id && (this.triggerEffects(), this.currentContext = null, this.removeRenderListeners());
     }, "renderListener");
     this.init();
   }
   static {
-    s(this, "HooksContext");
+    n(this, "HooksContext");
   }
   init() {
     this.hookListsMap = /* @__PURE__ */ new WeakMap(), this.mountedDecorators = /* @__PURE__ */ new Set(), this.prevMountedDecorators = /* @__PURE__ */ new Set(),
@@ -255,452 +255,452 @@ var G = class {
     null, this.hasUpdates = !1, this.currentContext = null;
   }
   clean() {
-    this.prevEffects.forEach((r) => {
-      r.destroy && r.destroy();
+    this.prevEffects.forEach((t) => {
+      t.destroy && t.destroy();
     }), this.init(), this.removeRenderListeners();
   }
   getNextHook() {
-    let r = this.currentHooks[this.nextHookIndex];
-    return this.nextHookIndex += 1, r;
+    let t = this.currentHooks[this.nextHookIndex];
+    return this.nextHookIndex += 1, t;
   }
   triggerEffects() {
-    this.prevEffects.forEach((r) => {
-      !this.currentEffects.includes(r) && r.destroy && r.destroy();
-    }), this.currentEffects.forEach((r) => {
-      this.prevEffects.includes(r) || (r.destroy = r.create());
+    this.prevEffects.forEach((t) => {
+      !this.currentEffects.includes(t) && t.destroy && t.destroy();
+    }), this.currentEffects.forEach((t) => {
+      this.prevEffects.includes(t) || (t.destroy = t.create());
     }), this.prevEffects = this.currentEffects, this.currentEffects = [];
   }
   addRenderListeners() {
-    this.removeRenderListeners(), te.getChannel().on(F.STORY_RENDERED, this.renderListener);
+    this.removeRenderListeners(), je.getChannel().on(K.STORY_RENDERED, this.renderListener);
   }
   removeRenderListeners() {
-    te.getChannel().removeListener(F.STORY_RENDERED, this.renderListener);
+    je.getChannel().removeListener(K.STORY_RENDERED, this.renderListener);
   }
 };
-function Fe(e) {
-  let r = /* @__PURE__ */ s((...t) => {
-    let { hooks: o } = typeof t[0] == "function" ? t[1] : t[0], a = o.currentPhase, n = o.currentHooks, i = o.nextHookIndex, p = o.currentDecoratorName;
+function Dt(e) {
+  let t = /* @__PURE__ */ n((...r) => {
+    let { hooks: o } = typeof r[0] == "function" ? r[1] : r[0], i = o.currentPhase, s = o.currentHooks, a = o.nextHookIndex, p = o.currentDecoratorName;
     o.currentDecoratorName = e.name, o.prevMountedDecorators.has(e) ? (o.currentPhase = "UPDATE", o.currentHooks = o.hookListsMap.get(e) || []) :
     (o.currentPhase = "MOUNT", o.currentHooks = [], o.hookListsMap.set(e, o.currentHooks), o.prevMountedDecorators.add(e)), o.nextHookIndex =
     0;
-    let d = W.global.STORYBOOK_HOOKS_CONTEXT;
-    W.global.STORYBOOK_HOOKS_CONTEXT = o;
-    let c = e(...t);
-    if (W.global.STORYBOOK_HOOKS_CONTEXT = d, o.currentPhase === "UPDATE" && o.getNextHook() != null)
+    let c = xe.global.STORYBOOK_HOOKS_CONTEXT;
+    xe.global.STORYBOOK_HOOKS_CONTEXT = o;
+    let l = e(...r);
+    if (xe.global.STORYBOOK_HOOKS_CONTEXT = c, o.currentPhase === "UPDATE" && o.getNextHook() != null)
       throw new Error(
         "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
       );
-    return o.currentPhase = a, o.currentHooks = n, o.nextHookIndex = i, o.currentDecoratorName = p, c;
+    return o.currentPhase = i, o.currentHooks = s, o.nextHookIndex = a, o.currentDecoratorName = p, l;
   }, "hookified");
-  return r.originalFn = e, r;
+  return t.originalFn = e, t;
 }
-s(Fe, "hookify");
-var oe = 0, Sr = 25, je = /* @__PURE__ */ s((e) => (r, t) => {
+n(Dt, "hookify");
+var Be = 0, Io = 25, Ht = /* @__PURE__ */ n((e) => (t, r) => {
   let o = e(
-    Fe(r),
-    t.map((a) => Fe(a))
+    Dt(t),
+    r.map((i) => Dt(i))
   );
-  return (a) => {
-    let { hooks: n } = a;
-    n.prevMountedDecorators ??= /* @__PURE__ */ new Set(), n.mountedDecorators = /* @__PURE__ */ new Set([r, ...t]), n.currentContext = a, n.
+  return (i) => {
+    let { hooks: s } = i;
+    s.prevMountedDecorators ??= /* @__PURE__ */ new Set(), s.mountedDecorators = /* @__PURE__ */ new Set([t, ...r]), s.currentContext = i, s.
     hasUpdates = !1;
-    let i = o(a);
-    for (oe = 1; n.hasUpdates; )
-      if (n.hasUpdates = !1, n.currentEffects = [], i = o(a), oe += 1, oe > Sr)
+    let a = o(i);
+    for (Be = 1; s.hasUpdates; )
+      if (s.hasUpdates = !1, s.currentEffects = [], a = o(i), Be += 1, Be > Io)
         throw new Error(
           "Too many re-renders. Storybook limits the number of renders to prevent an infinite loop."
         );
-    return n.addRenderListeners(), i;
+    return s.addRenderListeners(), a;
   };
 }, "applyHooks");
 
 // ../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs
-function N(e) {
+function ne(e) {
   if (!e || typeof e != "object")
     return !1;
-  let r = Object.getPrototypeOf(e);
-  return r === null || r === Object.prototype || Object.getPrototypeOf(r) === null ? Object.prototype.toString.call(e) === "[object Object]" :
+  let t = Object.getPrototypeOf(e);
+  return t === null || t === Object.prototype || Object.getPrototypeOf(t) === null ? Object.prototype.toString.call(e) === "[object Object]" :
   !1;
 }
-s(N, "isPlainObject");
+n(ne, "isPlainObject");
 
 // ../node_modules/es-toolkit/dist/object/mapValues.mjs
-function E(e, r) {
-  let t = {}, o = Object.keys(e);
-  for (let a = 0; a < o.length; a++) {
-    let n = o[a], i = e[n];
-    t[n] = r(i, n, e);
+function G(e, t) {
+  let r = {}, o = Object.keys(e);
+  for (let i = 0; i < o.length; i++) {
+    let s = o[i], a = e[s];
+    r[s] = t(a, s, e);
   }
-  return t;
+  return r;
 }
-s(E, "mapValues");
+n(G, "mapValues");
 
 // ../node_modules/es-toolkit/dist/object/pickBy.mjs
-function ne(e, r) {
-  let t = {}, o = Object.keys(e);
-  for (let a = 0; a < o.length; a++) {
-    let n = o[a], i = e[n];
-    r(i, n) && (t[n] = i);
+function ze(e, t) {
+  let r = {}, o = Object.keys(e);
+  for (let i = 0; i < o.length; i++) {
+    let s = o[i], a = e[s];
+    t(a, s) && (r[s] = a);
   }
-  return t;
+  return r;
 }
-s(ne, "pickBy");
+n(ze, "pickBy");
 
 // src/preview-api/modules/store/args.ts
-var Ar = require("storybook/internal/client-logger");
-var Rr = b(M(), 1);
-var Rt = Symbol("incompatible");
-var bt = Symbol("Deeply equal");
-var se = "UNTARGETED";
-function Ie({
+var Lo = require("storybook/internal/client-logger");
+var _o = J(Q(), 1);
+var wi = Symbol("incompatible");
+var Ei = Symbol("Deeply equal");
+var Ue = "UNTARGETED";
+function jt({
   args: e,
-  argTypes: r
+  argTypes: t
 }) {
-  let t = {};
-  return Object.entries(e).forEach(([o, a]) => {
-    let { target: n = se } = r[o] || {};
-    t[n] = t[n] || {}, t[n][o] = a;
-  }), t;
+  let r = {};
+  return Object.entries(e).forEach(([o, i]) => {
+    let { target: s = Ue } = t[o] || {};
+    r[s] = r[s] || {}, r[s][o] = i;
+  }), r;
 }
-s(Ie, "groupArgsByTarget");
+n(jt, "groupArgsByTarget");
 
 // src/preview-api/modules/store/csf/getValuesFromArgTypes.ts
-var Ne = /* @__PURE__ */ s((e = {}) => Object.entries(e).reduce((r, [t, { defaultValue: o }]) => (typeof o < "u" && (r[t] = o), r), {}), "ge\
+var Bt = /* @__PURE__ */ n((e = {}) => Object.entries(e).reduce((t, [r, { defaultValue: o }]) => (typeof o < "u" && (t[r] = o), t), {}), "ge\
 tValuesFromArgTypes");
 
 // src/preview-api/modules/store/csf/normalizeInputTypes.ts
-var br = /* @__PURE__ */ s((e) => typeof e == "string" ? { name: e } : e, "normalizeType"), Cr = /* @__PURE__ */ s((e) => typeof e == "strin\
-g" ? { type: e } : e, "normalizeControl"), wr = /* @__PURE__ */ s((e, r) => {
-  let { type: t, control: o, ...a } = e, n = {
-    name: r,
-    ...a
+var Do = /* @__PURE__ */ n((e) => typeof e == "string" ? { name: e } : e, "normalizeType"), Ho = /* @__PURE__ */ n((e) => typeof e == "strin\
+g" ? { type: e } : e, "normalizeControl"), No = /* @__PURE__ */ n((e, t) => {
+  let { type: r, control: o, ...i } = e, s = {
+    name: t,
+    ...i
   };
-  return t && (n.type = br(t)), o ? n.control = Cr(o) : o === !1 && (n.control = { disable: !0 }), n;
-}, "normalizeInputType"), j = /* @__PURE__ */ s((e) => E(e, wr), "normalizeInputTypes");
+  return r && (s.type = Do(r)), o ? s.control = Ho(o) : o === !1 && (s.control = { disable: !0 }), s;
+}, "normalizeInputType"), q = /* @__PURE__ */ n((e) => G(e, No), "normalizeInputTypes");
 
 // src/preview-api/modules/store/csf/normalizeStory.ts
-var V = require("storybook/internal/client-logger"), q = require("storybook/internal/csf"), De = b(M(), 1);
+var Te = require("storybook/internal/client-logger"), Se = require("storybook/internal/csf"), zt = J(Q(), 1);
 
 // src/preview-api/modules/store/csf/normalizeArrays.ts
-var l = /* @__PURE__ */ s((e) => Array.isArray(e) ? e : e ? [e] : [], "normalizeArrays");
+var b = /* @__PURE__ */ n((e) => Array.isArray(e) ? e : e ? [e] : [], "normalizeArrays");
 
 // src/preview-api/modules/store/csf/normalizeStory.ts
-var Er = De.dedent`
+var jo = zt.dedent`
 CSF .story annotations deprecated; annotate story functions directly:
 - StoryFn.story.name => StoryFn.storyName
 - StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)
 See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
 `;
-function ae(e, r, t) {
-  let o = r, a = typeof r == "function" ? r : null, { story: n } = o;
-  n && (V.logger.debug("deprecated story", n), (0, V.deprecate)(Er));
-  let i = (0, q.storyNameFromExport)(e), p = typeof o != "function" && o.name || o.storyName || n?.name || i, d = [
-    ...l(o.decorators),
-    ...l(n?.decorators)
-  ], c = { ...n?.parameters, ...o.parameters }, m = { ...n?.args, ...o.args }, u = { ...n?.argTypes, ...o.argTypes }, y = [...l(o.loaders), ...l(
-  n?.loaders)], h = [
-    ...l(o.beforeEach),
-    ...l(n?.beforeEach)
-  ], S = [
-    ...l(o.afterEach),
-    ...l(n?.afterEach)
-  ], { render: O, play: P, tags: A = [], globals: C = {} } = o, f = c.__id || (0, q.toId)(t.id, i);
+function Ge(e, t, r) {
+  let o = t, i = typeof t == "function" ? t : null, { story: s } = o;
+  s && (Te.logger.debug("deprecated story", s), (0, Te.deprecate)(jo));
+  let a = (0, Se.storyNameFromExport)(e), p = typeof o != "function" && o.name || o.storyName || s?.name || a, c = [
+    ...b(o.decorators),
+    ...b(s?.decorators)
+  ], l = { ...s?.parameters, ...o.parameters }, y = { ...s?.args, ...o.args }, u = { ...s?.argTypes, ...o.argTypes }, h = [...b(o.loaders), ...b(
+  s?.loaders)], T = [
+    ...b(o.beforeEach),
+    ...b(s?.beforeEach)
+  ], R = [
+    ...b(o.afterEach),
+    ...b(s?.afterEach)
+  ], { render: P, play: L, tags: O = [], globals: F = {} } = o, A = l.__id || (0, Se.toId)(r.id, a);
   return {
-    moduleExport: r,
-    id: f,
+    moduleExport: t,
+    id: A,
     name: p,
-    tags: A,
-    decorators: d,
-    parameters: c,
-    args: m,
-    argTypes: j(u),
-    loaders: y,
-    beforeEach: h,
-    afterEach: S,
-    globals: C,
-    ...O && { render: O },
-    ...a && { userStoryFn: a },
-    ...P && { play: P }
+    tags: O,
+    decorators: c,
+    parameters: l,
+    args: y,
+    argTypes: q(u),
+    loaders: h,
+    beforeEach: T,
+    afterEach: R,
+    globals: F,
+    ...P && { render: P },
+    ...i && { userStoryFn: i },
+    ...L && { play: L }
   };
 }
-s(ae, "normalizeStory");
+n(Ge, "normalizeStory");
 
 // src/preview-api/modules/store/csf/normalizeComponentAnnotations.ts
-var Me = require("storybook/internal/csf");
-function ze(e, r = e.title, t) {
-  let { id: o, argTypes: a } = e;
+var Ut = require("storybook/internal/csf");
+function Gt(e, t = e.title, r) {
+  let { id: o, argTypes: i } = e;
   return {
-    id: (0, Me.sanitize)(o || r),
+    id: (0, Ut.sanitize)(o || t),
     ...e,
-    title: r,
-    ...a && { argTypes: j(a) },
+    title: t,
+    ...i && { argTypes: q(i) },
     parameters: {
-      fileName: t,
+      fileName: r,
       ...e.parameters
     }
   };
 }
-s(ze, "normalizeComponentAnnotations");
+n(Gt, "normalizeComponentAnnotations");
 
 // src/preview-api/modules/store/csf/prepareStory.ts
-var K = require("storybook/internal/csf"), Le = require("storybook/internal/preview-errors"), We = require("@storybook/global"), Ge = require("@storybook/global");
+var Ae = require("storybook/internal/csf"), qt = require("storybook/internal/preview-errors"), Xt = require("@storybook/global"), Zt = require("@storybook/global");
 
 // src/preview-api/modules/preview-web/render/mount-utils.ts
-function Ue(e) {
-  return e != null && Pr(e).includes("mount");
+function Yt(e) {
+  return e != null && Bo(e).includes("mount");
 }
-s(Ue, "mountDestructured");
-function Pr(e) {
-  let r = e.toString().match(/[^(]*\(([^)]*)/);
-  if (!r)
+n(Yt, "mountDestructured");
+function Bo(e) {
+  let t = e.toString().match(/[^(]*\(([^)]*)/);
+  if (!t)
     return [];
-  let t = Be(r[1]);
-  if (!t.length)
+  let r = Wt(t[1]);
+  if (!r.length)
     return [];
-  let o = t[0];
-  return o.startsWith("{") && o.endsWith("}") ? Be(o.slice(1, -1).replace(/\s/g, "")).map((n) => n.replace(/:.*|=.*/g, "")) : [];
-}
-s(Pr, "getUsedProps");
-function Be(e) {
-  let r = [], t = [], o = 0;
-  for (let n = 0; n < e.length; n++)
-    if (e[n] === "{" || e[n] === "[")
-      t.push(e[n] === "{" ? "}" : "]");
-    else if (e[n] === t[t.length - 1])
-      t.pop();
-    else if (!t.length && e[n] === ",") {
-      let i = e.substring(o, n).trim();
-      i && r.push(i), o = n + 1;
-    }
-  let a = e.substring(o).trim();
-  return a && r.push(a), r;
-}
-s(Be, "splitByComma");
+  let o = r[0];
+  return o.startsWith("{") && o.endsWith("}") ? Wt(o.slice(1, -1).replace(/\s/g, "")).map((s) => s.replace(/:.*|=.*/g, "")) : [];
+}
+n(Bo, "getUsedProps");
+function Wt(e) {
+  let t = [], r = [], o = 0;
+  for (let s = 0; s < e.length; s++)
+    if (e[s] === "{" || e[s] === "[")
+      r.push(e[s] === "{" ? "}" : "]");
+    else if (e[s] === r[r.length - 1])
+      r.pop();
+    else if (!r.length && e[s] === ",") {
+      let a = e.substring(o, s).trim();
+      a && t.push(a), o = s + 1;
+    }
+  let i = e.substring(o).trim();
+  return i && t.push(i), t;
+}
+n(Wt, "splitByComma");
 
 // src/preview-api/modules/store/decorators.ts
-function He(e, r, t) {
-  let o = t(e);
-  return (a) => r(o, a);
+function Vt(e, t, r) {
+  let o = r(e);
+  return (i) => t(o, i);
 }
-s(He, "decorateStory");
-function $e({
+n(Vt, "decorateStory");
+function Kt({
   componentId: e,
-  title: r,
-  kind: t,
+  title: t,
+  kind: r,
   id: o,
-  name: a,
-  story: n,
-  parameters: i,
+  name: i,
+  story: s,
+  parameters: a,
   initialArgs: p,
-  argTypes: d,
-  ...c
+  argTypes: c,
+  ...l
 } = {}) {
-  return c;
+  return l;
 }
-s($e, "sanitizeStoryContextUpdate");
-function ie(e, r) {
-  let t = {}, o = /* @__PURE__ */ s((n) => (i) => {
-    if (!t.value)
+n(Kt, "sanitizeStoryContextUpdate");
+function We(e, t) {
+  let r = {}, o = /* @__PURE__ */ n((s) => (a) => {
+    if (!r.value)
       throw new Error("Decorated function called without init");
-    return t.value = {
-      ...t.value,
-      ...$e(i)
-    }, n(t.value);
-  }, "bindWithContext"), a = r.reduce(
-    (n, i) => He(n, i, o),
+    return r.value = {
+      ...r.value,
+      ...Kt(a)
+    }, s(r.value);
+  }, "bindWithContext"), i = t.reduce(
+    (s, a) => Vt(s, a, o),
     e
   );
-  return (n) => (t.value = n, a(n));
+  return (s) => (r.value = s, i(s));
 }
-s(ie, "defaultDecorateStory");
+n(We, "defaultDecorateStory");
 
 // src/preview-api/modules/store/parameters.ts
-var x = /* @__PURE__ */ s((...e) => {
-  let r = {}, t = e.filter(Boolean), o = t.reduce((a, n) => (Object.entries(n).forEach(([i, p]) => {
-    let d = a[i];
-    Array.isArray(p) || typeof d > "u" ? a[i] = p : N(p) && N(d) ? r[i] = !0 : typeof p < "u" && (a[i] = p);
-  }), a), {});
-  return Object.keys(r).forEach((a) => {
-    let n = t.filter(Boolean).map((i) => i[a]).filter((i) => typeof i < "u");
-    n.every((i) => N(i)) ? o[a] = x(...n) : o[a] = n[n.length - 1];
+var _ = /* @__PURE__ */ n((...e) => {
+  let t = {}, r = e.filter(Boolean), o = r.reduce((i, s) => (Object.entries(s).forEach(([a, p]) => {
+    let c = i[a];
+    Array.isArray(p) || typeof c > "u" ? i[a] = p : ne(p) && ne(c) ? t[a] = !0 : typeof p < "u" && (i[a] = p);
+  }), i), {});
+  return Object.keys(t).forEach((i) => {
+    let s = r.filter(Boolean).map((a) => a[i]).filter((a) => typeof a < "u");
+    s.every((a) => ne(a)) ? o[i] = _(...s) : o[i] = s[s.length - 1];
   }), o;
 }, "combineParameters");
 
 // src/preview-api/modules/store/csf/prepareStory.ts
-function pe(e, r, t) {
-  let { moduleExport: o, id: a, name: n } = e || {}, i = vr(
+function Ye(e, t, r) {
+  let { moduleExport: o, id: i, name: s } = e || {}, a = zo(
     e,
-    r,
-    t
-  ), p = /* @__PURE__ */ s(async (T) => {
-    let w = {};
-    for (let _ of [
-      l(t.loaders),
-      l(r.loaders),
-      l(e.loaders)
+    t,
+    r
+  ), p = /* @__PURE__ */ n(async (w) => {
+    let d = {};
+    for (let m of [
+      b(r.loaders),
+      b(t.loaders),
+      b(e.loaders)
     ]) {
-      if (T.abortSignal.aborted)
-        return w;
-      let $ = await Promise.all(_.map((cr) => cr(T)));
-      Object.assign(w, ...$);
-    }
-    return w;
-  }, "applyLoaders"), d = /* @__PURE__ */ s(async (T) => {
-    let w = new Array();
-    for (let _ of [
-      ...l(t.beforeEach),
-      ...l(r.beforeEach),
-      ...l(e.beforeEach)
+      if (w.abortSignal.aborted)
+        return d;
+      let f = await Promise.all(m.map((x) => x(w)));
+      Object.assign(d, ...f);
+    }
+    return d;
+  }, "applyLoaders"), c = /* @__PURE__ */ n(async (w) => {
+    let d = new Array();
+    for (let m of [
+      ...b(r.beforeEach),
+      ...b(t.beforeEach),
+      ...b(e.beforeEach)
     ]) {
-      if (T.abortSignal.aborted)
-        return w;
-      let $ = await _(T);
-      $ && w.push($);
-    }
-    return w;
-  }, "applyBeforeEach"), c = /* @__PURE__ */ s(async (T) => {
-    let w = [
-      ...l(t.afterEach),
-      ...l(r.afterEach),
-      ...l(e.afterEach)
+      if (w.abortSignal.aborted)
+        return d;
+      let f = await m(w);
+      f && d.push(f);
+    }
+    return d;
+  }, "applyBeforeEach"), l = /* @__PURE__ */ n(async (w) => {
+    let d = [
+      ...b(r.afterEach),
+      ...b(t.afterEach),
+      ...b(e.afterEach)
     ].reverse();
-    for (let _ of w) {
-      if (T.abortSignal.aborted)
+    for (let m of d) {
+      if (w.abortSignal.aborted)
         return;
-      await _(T);
-    }
-  }, "applyAfterEach"), m = /* @__PURE__ */ s((T) => T.originalStoryFn(T.args, T), "undecoratedStoryFn"), { applyDecorators: u = ie, runStep: y } = t,
-  h = [
-    ...l(e?.decorators),
-    ...l(r?.decorators),
-    ...l(t?.decorators)
-  ], S = e?.userStoryFn || e?.render || r.render || t.render, O = je(u)(m, h), P = /* @__PURE__ */ s((T) => O(T), "unboundStoryFn"), A = e?.
-  play ?? r?.play, C = Ue(A);
-  if (!S && !C)
-    throw new Le.NoRenderFunctionError({ id: a });
-  let f = /* @__PURE__ */ s((T) => async () => (await T.renderToCanvas(), T.canvas), "defaultMount"), g = e.mount ?? r.mount ?? t.mount ?? f,
-  R = t.testingLibraryRender;
+      await m(w);
+    }
+  }, "applyAfterEach"), y = /* @__PURE__ */ n((w) => w.originalStoryFn(w.args, w), "undecoratedStoryFn"), { applyDecorators: u = We, runStep: h } = r,
+  T = [
+    ...b(e?.decorators),
+    ...b(t?.decorators),
+    ...b(r?.decorators)
+  ], R = e?.userStoryFn || e?.render || t.render || r.render, P = Ht(u)(y, T), L = /* @__PURE__ */ n((w) => P(w), "unboundStoryFn"), O = e?.
+  play ?? t?.play, F = Yt(O);
+  if (!R && !F)
+    throw new qt.NoRenderFunctionError({ id: i });
+  let A = /* @__PURE__ */ n((w) => async () => (await w.renderToCanvas(), w.canvas), "defaultMount"), S = e.mount ?? t.mount ?? r.mount ?? A,
+  v = r.testingLibraryRender;
   return {
     storyGlobals: {},
-    ...i,
+    ...a,
     moduleExport: o,
-    id: a,
-    name: n,
-    story: n,
-    originalStoryFn: S,
-    undecoratedStoryFn: m,
-    unboundStoryFn: P,
+    id: i,
+    name: s,
+    story: s,
+    originalStoryFn: R,
+    undecoratedStoryFn: y,
+    unboundStoryFn: L,
     applyLoaders: p,
-    applyBeforeEach: d,
-    applyAfterEach: c,
-    playFunction: A,
-    runStep: y,
-    mount: g,
-    testingLibraryRender: R,
-    renderToCanvas: t.renderToCanvas,
-    usesMount: C
+    applyBeforeEach: c,
+    applyAfterEach: l,
+    playFunction: O,
+    runStep: h,
+    mount: S,
+    testingLibraryRender: v,
+    renderToCanvas: r.renderToCanvas,
+    usesMount: F
   };
 }
-s(pe, "prepareStory");
-function vr(e, r, t) {
-  let o = ["dev", "test"], a = Ge.global.DOCS_OPTIONS?.autodocs === !0 ? ["autodocs"] : [], n = (0, K.combineTags)(
+n(Ye, "prepareStory");
+function zo(e, t, r) {
+  let o = ["dev", "test"], i = Zt.global.DOCS_OPTIONS?.autodocs === !0 ? ["autodocs"] : [], s = (0, Ae.combineTags)(
     ...o,
-    ...a,
-    ...t.tags ?? [],
+    ...i,
     ...r.tags ?? [],
+    ...t.tags ?? [],
     ...e?.tags ?? []
-  ), i = x(
-    t.parameters,
+  ), a = _(
     r.parameters,
+    t.parameters,
     e?.parameters
-  ), { argTypesEnhancers: p = [], argsEnhancers: d = [] } = t, c = x(
-    t.argTypes,
+  ), { argTypesEnhancers: p = [], argsEnhancers: c = [] } = r, l = _(
     r.argTypes,
+    t.argTypes,
     e?.argTypes
   );
   if (e) {
-    let A = e?.userStoryFn || e?.render || r.render || t.render;
-    i.__isArgsStory = A && A.length > 0;
+    let O = e?.userStoryFn || e?.render || t.render || r.render;
+    a.__isArgsStory = O && O.length > 0;
   }
-  let m = {
-    ...t.args,
+  let y = {
     ...r.args,
+    ...t.args,
     ...e?.args
   }, u = {
-    ...r.globals,
+    ...t.globals,
     ...e?.globals
-  }, y = {
-    componentId: r.id,
-    title: r.title,
-    kind: r.title,
+  }, h = {
+    componentId: t.id,
+    title: t.title,
+    kind: t.title,
     // Back compat
-    id: e?.id || r.id,
+    id: e?.id || t.id,
     // if there's no story name, we create a fake one since enhancers expect a name
     name: e?.name || "__meta",
     story: e?.name || "__meta",
     // Back compat
-    component: r.component,
-    subcomponents: r.subcomponents,
-    tags: n,
-    parameters: i,
-    initialArgs: m,
-    argTypes: c,
+    component: t.component,
+    subcomponents: t.subcomponents,
+    tags: s,
+    parameters: a,
+    initialArgs: y,
+    argTypes: l,
     storyGlobals: u
   };
-  y.argTypes = p.reduce(
-    (A, C) => C({ ...y, argTypes: A }),
-    y.argTypes
+  h.argTypes = p.reduce(
+    (O, F) => F({ ...h, argTypes: O }),
+    h.argTypes
   );
-  let h = { ...m };
-  y.initialArgs = [...d].reduce(
-    (A, C) => ({
-      ...A,
-      ...C({
-        ...y,
-        initialArgs: A
+  let T = { ...y };
+  h.initialArgs = [...c].reduce(
+    (O, F) => ({
+      ...O,
+      ...F({
+        ...h,
+        initialArgs: O
       })
     }),
-    h
+    T
   );
-  let { name: S, story: O, ...P } = y;
-  return P;
+  let { name: R, story: P, ...L } = h;
+  return L;
 }
-s(vr, "preparePartialAnnotations");
-function Ve(e) {
-  let { args: r } = e, t = {
+n(zo, "preparePartialAnnotations");
+function Jt(e) {
+  let { args: t } = e, r = {
     ...e,
     allArgs: void 0,
     argsByTarget: void 0
   };
-  if (We.global.FEATURES?.argTypeTargetsV7) {
-    let n = Ie(e);
-    t = {
+  if (Xt.global.FEATURES?.argTypeTargetsV7) {
+    let s = jt(e);
+    r = {
       ...e,
       allArgs: e.args,
-      argsByTarget: n,
-      args: n[se] || {}
+      argsByTarget: s,
+      args: s[Ue] || {}
     };
   }
-  let o = Object.entries(t.args).reduce((n, [i, p]) => {
-    if (!t.argTypes[i]?.mapping)
-      return n[i] = p, n;
-    let d = /* @__PURE__ */ s((c) => {
-      let m = t.argTypes[i].mapping;
-      return m && c in m ? m[c] : c;
+  let o = Object.entries(r.args).reduce((s, [a, p]) => {
+    if (!r.argTypes[a]?.mapping)
+      return s[a] = p, s;
+    let c = /* @__PURE__ */ n((l) => {
+      let y = r.argTypes[a].mapping;
+      return y && l in y ? y[l] : l;
     }, "mappingFn");
-    return n[i] = Array.isArray(p) ? p.map(d) : d(p), n;
-  }, {}), a = Object.entries(o).reduce((n, [i, p]) => {
-    let d = t.argTypes[i] || {};
-    return (0, K.includeConditionalArg)(d, o, t.globals) && (n[i] = p), n;
+    return s[a] = Array.isArray(p) ? p.map(c) : c(p), s;
+  }, {}), i = Object.entries(o).reduce((s, [a, p]) => {
+    let c = r.argTypes[a] || {};
+    return (0, Ae.includeConditionalArg)(c, o, r.globals) && (s[a] = p), s;
   }, {});
-  return { ...t, unmappedArgs: r, args: a };
+  return { ...r, unmappedArgs: t, args: i };
 }
-s(Ve, "prepareContext");
+n(Jt, "prepareContext");
 
 // src/preview-api/modules/store/inferArgTypes.ts
-var qe = require("storybook/internal/client-logger");
-var Ke = b(M(), 1);
-var ce = /* @__PURE__ */ s((e, r, t) => {
+var Qt = require("storybook/internal/client-logger");
+var er = J(Q(), 1);
+var Ve = /* @__PURE__ */ n((e, t, r) => {
   let o = typeof e;
   switch (o) {
     case "boolean":
@@ -712,48 +712,48 @@ var ce = /* @__PURE__ */ s((e, r, t) => {
     default:
       break;
   }
-  return e ? t.has(e) ? (qe.logger.warn(Ke.dedent`
-        We've detected a cycle in arg '${r}'. Args should be JSON-serializable.
+  return e ? r.has(e) ? (Qt.logger.warn(er.dedent`
+        We've detected a cycle in arg '${t}'. Args should be JSON-serializable.
 
         Consider using the mapping feature or fully custom args:
         - Mapping: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values
         - Custom args: https://storybook.js.org/docs/essentials/controls#fully-custom-args
-      `), { name: "other", value: "cyclic object" }) : (t.add(e), Array.isArray(e) ? { name: "array", value: e.length > 0 ? ce(e[0], r, new Set(
-  t)) : { name: "other", value: "unknown" } } : { name: "object", value: E(e, (n) => ce(n, r, new Set(t))) }) : { name: "object", value: {} };
-}, "inferType"), de = /* @__PURE__ */ s((e) => {
-  let { id: r, argTypes: t = {}, initialArgs: o = {} } = e, a = E(o, (i, p) => ({
+      `), { name: "other", value: "cyclic object" }) : (r.add(e), Array.isArray(e) ? { name: "array", value: e.length > 0 ? Ve(e[0], t, new Set(
+  r)) : { name: "other", value: "unknown" } } : { name: "object", value: G(e, (s) => Ve(s, t, new Set(r))) }) : { name: "object", value: {} };
+}, "inferType"), Ke = /* @__PURE__ */ n((e) => {
+  let { id: t, argTypes: r = {}, initialArgs: o = {} } = e, i = G(o, (a, p) => ({
     name: p,
-    type: ce(i, `${r}.${p}`, /* @__PURE__ */ new Set())
-  })), n = E(t, (i, p) => ({
+    type: Ve(a, `${t}.${p}`, /* @__PURE__ */ new Set())
+  })), s = G(r, (a, p) => ({
     name: p
   }));
-  return x(a, n, t);
+  return _(i, s, r);
 }, "inferArgTypes");
-de.secondPass = !0;
+Ke.secondPass = !0;
 
 // src/preview-api/modules/store/inferControls.ts
-var Je = require("storybook/internal/client-logger");
+var rr = require("storybook/internal/client-logger");
 
 // src/preview-api/modules/store/filterArgTypes.ts
-var Ye = /* @__PURE__ */ s((e, r) => Array.isArray(r) ? r.includes(e) : e.match(r), "matches"), le = /* @__PURE__ */ s((e, r, t) => !r && !t ?
-e : e && ne(e, (o, a) => {
-  let n = o.name || a.toString();
-  return !!(!r || Ye(n, r)) && (!t || !Ye(n, t));
+var tr = /* @__PURE__ */ n((e, t) => Array.isArray(t) ? t.includes(e) : e.match(t), "matches"), qe = /* @__PURE__ */ n((e, t, r) => !t && !r ?
+e : e && ze(e, (o, i) => {
+  let s = o.name || i.toString();
+  return !!(!t || tr(s, t)) && (!r || !tr(s, r));
 }), "filterArgTypes");
 
 // src/preview-api/modules/store/inferControls.ts
-var kr = /* @__PURE__ */ s((e, r, t) => {
-  let { type: o, options: a } = e;
+var Uo = /* @__PURE__ */ n((e, t, r) => {
+  let { type: o, options: i } = e;
   if (o) {
-    if (t.color && t.color.test(r)) {
-      let n = o.name;
-      if (n === "string")
+    if (r.color && r.color.test(t)) {
+      let s = o.name;
+      if (s === "string")
         return { control: { type: "color" } };
-      n !== "enum" && Je.logger.warn(
-        `Addon controls: Control of type color only supports string, received "${n}" instead`
+      s !== "enum" && rr.logger.warn(
+        `Addon controls: Control of type color only supports string, received "${s}" instead`
       );
     }
-    if (t.date && t.date.test(r))
+    if (r.date && r.date.test(t))
       return { control: { type: "date" } };
     switch (o.name) {
       case "array":
@@ -765,50 +765,50 @@ var kr = /* @__PURE__ */ s((e, r, t) => {
       case "number":
         return { control: { type: "number" } };
       case "enum": {
-        let { value: n } = o;
-        return { control: { type: n?.length <= 5 ? "radio" : "select" }, options: n };
+        let { value: s } = o;
+        return { control: { type: s?.length <= 5 ? "radio" : "select" }, options: s };
       }
       case "function":
       case "symbol":
         return null;
       default:
-        return { control: { type: a ? "select" : "object" } };
+        return { control: { type: i ? "select" : "object" } };
     }
   }
-}, "inferControl"), Y = /* @__PURE__ */ s((e) => {
+}, "inferControl"), Re = /* @__PURE__ */ n((e) => {
   let {
-    argTypes: r,
-    parameters: { __isArgsStory: t, controls: { include: o = null, exclude: a = null, matchers: n = {} } = {} }
+    argTypes: t,
+    parameters: { __isArgsStory: r, controls: { include: o = null, exclude: i = null, matchers: s = {} } = {} }
   } = e;
-  if (!t)
-    return r;
-  let i = le(r, o, a), p = E(i, (d, c) => d?.type && kr(d, c.toString(), n));
-  return x(p, i);
+  if (!r)
+    return t;
+  let a = qe(t, o, i), p = G(a, (c, l) => c?.type && Uo(c, l.toString(), s));
+  return _(p, a);
 }, "inferControls");
-Y.secondPass = !0;
+Re.secondPass = !0;
 
 // src/preview-api/modules/store/csf/normalizeProjectAnnotations.ts
-function z({
+function se({
   argTypes: e,
-  globalTypes: r,
-  argTypesEnhancers: t,
+  globalTypes: t,
+  argTypesEnhancers: r,
   decorators: o,
-  loaders: a,
-  beforeEach: n,
-  afterEach: i,
+  loaders: i,
+  beforeEach: s,
+  afterEach: a,
   initialGlobals: p,
-  ...d
+  ...c
 }) {
   return {
-    ...e && { argTypes: j(e) },
-    ...r && { globalTypes: j(r) },
-    decorators: l(o),
-    loaders: l(a),
-    beforeEach: l(n),
-    afterEach: l(i),
+    ...e && { argTypes: q(e) },
+    ...t && { globalTypes: q(t) },
+    decorators: b(o),
+    loaders: b(i),
+    beforeEach: b(s),
+    afterEach: b(a),
     argTypesEnhancers: [
-      ...t || [],
-      de,
+      ...r || [],
+      Ke,
       // There's an architectural decision to be made regarding embedded addons in core:
       //
       // Option 1: Keep embedded addons but ensure consistency by moving addon-specific code
@@ -824,97 +824,97 @@ function z({
       // currently rely on this behavior.
       //
       // TODO: Make an architectural decision on the handling of core addons
-      Y
+      Re
     ],
     initialGlobals: p,
-    ...d
+    ...c
   };
 }
-s(z, "normalizeProjectAnnotations");
+n(se, "normalizeProjectAnnotations");
 
 // src/preview-api/modules/store/csf/composeConfigs.ts
-var Ze = require("@storybook/global");
+var nr = require("@storybook/global");
 
 // src/preview-api/modules/store/csf/beforeAll.ts
-var Xe = /* @__PURE__ */ s((e) => async () => {
-  let r = [];
-  for (let t of e) {
-    let o = await t();
-    o && r.unshift(o);
+var or = /* @__PURE__ */ n((e) => async () => {
+  let t = [];
+  for (let r of e) {
+    let o = await r();
+    o && t.unshift(o);
   }
   return async () => {
-    for (let t of r)
-      await t();
+    for (let r of t)
+      await r();
   };
 }, "composeBeforeAllHooks");
 
 // src/preview-api/modules/store/csf/stepRunners.ts
-function ue(e) {
-  return async (r, t, o) => {
+function Xe(e) {
+  return async (t, r, o) => {
     await e.reduceRight(
-      (n, i) => async () => i(r, n, o),
-      async () => t(o)
+      (s, a) => async () => a(t, s, o),
+      async () => r(o)
     )();
   };
 }
-s(ue, "composeStepRunners");
+n(Xe, "composeStepRunners");
 
 // src/preview-api/modules/store/csf/composeConfigs.ts
-function U(e, r) {
-  return e.map((t) => t.default?.[r] ?? t[r]).filter(Boolean);
-}
-s(U, "getField");
-function v(e, r, t = {}) {
-  return U(e, r).reduce((o, a) => {
-    let n = l(a);
-    return t.reverseFileOrder ? [...n, ...o] : [...o, ...n];
+function pe(e, t) {
+  return e.map((r) => r.default?.[t] ?? r[t]).filter(Boolean);
+}
+n(pe, "getField");
+function Y(e, t, r = {}) {
+  return pe(e, t).reduce((o, i) => {
+    let s = b(i);
+    return r.reverseFileOrder ? [...s, ...o] : [...o, ...s];
   }, []);
 }
-s(v, "getArrayField");
-function J(e, r) {
-  return Object.assign({}, ...U(e, r));
+n(Y, "getArrayField");
+function we(e, t) {
+  return Object.assign({}, ...pe(e, t));
 }
-s(J, "getObjectField");
-function B(e, r) {
-  return U(e, r).pop();
+n(we, "getObjectField");
+function ae(e, t) {
+  return pe(e, t).pop();
 }
-s(B, "getSingletonField");
-function H(e) {
-  let r = v(e, "argTypesEnhancers"), t = U(e, "runStep"), o = v(e, "beforeAll");
+n(ae, "getSingletonField");
+function le(e) {
+  let t = Y(e, "argTypesEnhancers"), r = pe(e, "runStep"), o = Y(e, "beforeAll");
   return {
-    parameters: x(...U(e, "parameters")),
-    decorators: v(e, "decorators", {
-      reverseFileOrder: !(Ze.global.FEATURES?.legacyDecoratorFileOrder ?? !1)
+    parameters: _(...pe(e, "parameters")),
+    decorators: Y(e, "decorators", {
+      reverseFileOrder: !(nr.global.FEATURES?.legacyDecoratorFileOrder ?? !1)
     }),
-    args: J(e, "args"),
-    argsEnhancers: v(e, "argsEnhancers"),
-    argTypes: J(e, "argTypes"),
+    args: we(e, "args"),
+    argsEnhancers: Y(e, "argsEnhancers"),
+    argTypes: we(e, "argTypes"),
     argTypesEnhancers: [
-      ...r.filter((a) => !a.secondPass),
-      ...r.filter((a) => a.secondPass)
+      ...t.filter((i) => !i.secondPass),
+      ...t.filter((i) => i.secondPass)
     ],
-    initialGlobals: J(e, "initialGlobals"),
-    globalTypes: J(e, "globalTypes"),
-    loaders: v(e, "loaders"),
-    beforeAll: Xe(o),
-    beforeEach: v(e, "beforeEach"),
-    afterEach: v(e, "afterEach"),
-    render: B(e, "render"),
-    renderToCanvas: B(e, "renderToCanvas"),
-    applyDecorators: B(e, "applyDecorators"),
-    runStep: ue(t),
-    tags: v(e, "tags"),
-    mount: B(e, "mount"),
-    testingLibraryRender: B(e, "testingLibraryRender")
+    initialGlobals: we(e, "initialGlobals"),
+    globalTypes: we(e, "globalTypes"),
+    loaders: Y(e, "loaders"),
+    beforeAll: or(o),
+    beforeEach: Y(e, "beforeEach"),
+    afterEach: Y(e, "afterEach"),
+    render: ae(e, "render"),
+    renderToCanvas: ae(e, "renderToCanvas"),
+    applyDecorators: ae(e, "applyDecorators"),
+    runStep: Xe(r),
+    tags: Y(e, "tags"),
+    mount: ae(e, "mount"),
+    testingLibraryRender: ae(e, "testingLibraryRender")
   };
 }
-s(H, "composeConfigs");
+n(le, "composeConfigs");
 
 // src/preview-api/modules/store/csf/portable-stories.ts
-var Fr = require("storybook/internal/csf"), jr = require("storybook/internal/csf"), or = require("storybook/internal/preview-errors"), _r = b(M(), 1);
+var Wo = require("storybook/internal/csf"), Yo = require("storybook/internal/csf"), lr = require("storybook/internal/preview-errors"), Vo = J(Q(), 1);
 
 // src/preview-api/modules/preview-web/render/animation-utils.ts
-function Qe() {
+function ir() {
   try {
     return (
       // @ts-expect-error this property exists in certain environments
@@ -925,370 +925,2170 @@ function Qe() {
     return !1;
   }
 }
-s(Qe, "isTestEnvironment");
-function er(e = !0) {
+n(ir, "isTestEnvironment");
+function sr(e = !0) {
   if (!("document" in globalThis && "createElement" in globalThis.document))
     return () => {
     };
-  let r = document.createElement("style");
-  r.textContent = `*, *:before, *:after {
-    animation: none !important;
-  }`, document.head.appendChild(r);
   let t = document.createElement("style");
-  return t.textContent = `*, *:before, *:after {
+  t.textContent = `*, *:before, *:after {
+    animation: none !important;
+  }`, document.head.appendChild(t);
+  let r = document.createElement("style");
+  return r.textContent = `*, *:before, *:after {
     animation-delay: 0s !important;
     animation-direction: ${e ? "reverse" : "normal"} !important;
     animation-play-state: paused !important;
     transition: none !important;
-  }`, document.head.appendChild(t), document.body.clientHeight, document.head.removeChild(r), () => {
-    t.parentNode?.removeChild(t);
+  }`, document.head.appendChild(r), document.body.clientHeight, document.head.removeChild(t), () => {
+    r.parentNode?.removeChild(r);
   };
 }
-s(er, "pauseAnimations");
-async function rr(e) {
+n(sr, "pauseAnimations");
+async function ar(e) {
   if (!("document" in globalThis && "getAnimations" in globalThis.document && "querySelectorAll" in globalThis.document))
     return;
-  let r = !1;
+  let t = !1;
   await Promise.race([
     // After 50ms, retrieve any running animations and wait for them to finish
     // If new animations are created while waiting, we'll wait for them too
-    new Promise((t) => {
+    new Promise((r) => {
       setTimeout(() => {
-        let o = [globalThis.document, ...tr(globalThis.document)], a = /* @__PURE__ */ s(async () => {
-          if (r || e?.aborted)
+        let o = [globalThis.document, ...pr(globalThis.document)], i = /* @__PURE__ */ n(async () => {
+          if (t || e?.aborted)
             return;
-          let n = o.flatMap((i) => i?.getAnimations?.() || []).filter((i) => i.playState === "running" && !Or(i));
-          n.length > 0 && (await Promise.all(n.map((i) => i.finished)), await a());
+          let s = o.flatMap((a) => a?.getAnimations?.() || []).filter((a) => a.playState === "running" && !Go(a));
+          s.length > 0 && (await Promise.all(s.map((a) => a.finished)), await i());
         }, "checkAnimationsFinished");
-        a().then(t);
+        i().then(r);
       }, 100);
     }),
     // If animations don't finish within the timeout, continue without waiting
     new Promise(
-      (t) => setTimeout(() => {
-        r = !0, t(void 0);
+      (r) => setTimeout(() => {
+        t = !0, r(void 0);
       }, 5e3)
     )
   ]);
 }
-s(rr, "waitForAnimations");
-function tr(e) {
-  return [e, ...e.querySelectorAll("*")].reduce((r, t) => ("shadowRoot" in t && t.shadowRoot && r.push(t.shadowRoot, ...tr(t.shadowRoot)), r),
+n(ar, "waitForAnimations");
+function pr(e) {
+  return [e, ...e.querySelectorAll("*")].reduce((t, r) => ("shadowRoot" in r && r.shadowRoot && t.push(r.shadowRoot, ...pr(r.shadowRoot)), t),
   []);
 }
-s(tr, "getShadowRoots");
-function Or(e) {
+n(pr, "getShadowRoots");
+function Go(e) {
   if (e instanceof CSSAnimation && e.effect instanceof KeyframeEffect && e.effect.target) {
-    let r = getComputedStyle(e.effect.target, e.effect.pseudoElement), t = r.animationName?.split(", ").indexOf(e.animationName);
-    return r.animationIterationCount.split(", ")[t] === "infinite";
+    let t = getComputedStyle(e.effect.target, e.effect.pseudoElement), r = t.animationName?.split(", ").indexOf(e.animationName);
+    return t.animationIterationCount.split(", ")[r] === "infinite";
   }
   return !1;
 }
-s(Or, "isInfiniteAnimation");
+n(Go, "isInfiniteAnimation");
 
 // src/preview-api/modules/store/reporter-api.ts
-var X = class {
+var Ee = class {
   constructor() {
     this.reports = [];
   }
   static {
-    s(this, "ReporterAPI");
+    n(this, "ReporterAPI");
   }
-  async addReport(r) {
-    this.reports.push(r);
+  async addReport(t) {
+    this.reports.push(t);
   }
 };
 
 // src/preview-api/modules/store/csf/portable-stories.ts
-var Ir = "ComposedStory", Nr = "Unnamed Story";
-var k = [];
-function fe(e, r, t, o, a) {
+var Ko = "ComposedStory", qo = "Unnamed Story";
+var V = [];
+function Ze(e, t, r, o, i) {
   if (e === void 0)
     throw new Error("Expected a story but received undefined.");
-  r.title = r.title ?? Ir;
-  let n = ze(r), i = a || e.storyName || e.story?.name || e.name || Nr, p = ae(
-    i,
+  t.title = t.title ?? Ko;
+  let s = Gt(t), a = i || e.storyName || e.story?.name || e.name || qo, p = Ge(
+    a,
     e,
-    n
-  ), d = z(
-    H([
+    s
+  ), c = se(
+    le([
       o ?? globalThis.globalProjectAnnotations ?? {},
-      t ?? {}
+      r ?? {}
     ])
-  ), c = pe(
+  ), l = Ye(
     p,
-    n,
-    d
+    s,
+    c
   ), u = {
-    ...Ne(d.globalTypes),
-    ...d.initialGlobals,
-    ...c.storyGlobals
-  }, y = new X(), h = /* @__PURE__ */ s(() => {
-    let f = Ve({
-      hooks: new G(),
+    ...Bt(c.globalTypes),
+    ...c.initialGlobals,
+    ...l.storyGlobals
+  }, h = new Ee(), T = /* @__PURE__ */ n(() => {
+    let A = Jt({
+      hooks: new be(),
       globals: u,
-      args: { ...c.initialArgs },
+      args: { ...l.initialArgs },
       viewMode: "story",
-      reporting: y,
+      reporting: h,
       loaded: {},
       abortSignal: new AbortController().signal,
-      step: /* @__PURE__ */ s((g, R) => c.runStep(g, R, f), "step"),
+      step: /* @__PURE__ */ n((S, v) => l.runStep(S, v, A), "step"),
       canvasElement: null,
       canvas: {},
       userEvent: {},
-      globalTypes: d.globalTypes,
-      ...c,
+      globalTypes: c.globalTypes,
+      ...l,
       context: null,
       mount: null
     });
-    return f.parameters.__isPortableStory = !0, f.context = f, c.renderToCanvas && (f.renderToCanvas = async () => {
-      let g = await c.renderToCanvas?.(
+    return A.parameters.__isPortableStory = !0, A.context = A, l.renderToCanvas && (A.renderToCanvas = async () => {
+      let S = await l.renderToCanvas?.(
         {
-          componentId: c.componentId,
-          title: c.title,
-          id: c.id,
-          name: c.name,
-          tags: c.tags,
-          showMain: /* @__PURE__ */ s(() => {
+          componentId: l.componentId,
+          title: l.title,
+          id: l.id,
+          name: l.name,
+          tags: l.tags,
+          showMain: /* @__PURE__ */ n(() => {
           }, "showMain"),
-          showError: /* @__PURE__ */ s((R) => {
-            throw new Error(`${R.title}
-${R.description}`);
+          showError: /* @__PURE__ */ n((v) => {
+            throw new Error(`${v.title}
+${v.description}`);
           }, "showError"),
-          showException: /* @__PURE__ */ s((R) => {
-            throw R;
+          showException: /* @__PURE__ */ n((v) => {
+            throw v;
           }, "showException"),
           forceRemount: !0,
-          storyContext: f,
-          storyFn: /* @__PURE__ */ s(() => c.unboundStoryFn(f), "storyFn"),
-          unboundStoryFn: c.unboundStoryFn
+          storyContext: A,
+          storyFn: /* @__PURE__ */ n(() => l.unboundStoryFn(A), "storyFn"),
+          unboundStoryFn: l.unboundStoryFn
         },
-        f.canvasElement
+        A.canvasElement
       );
-      g && k.push(g);
-    }), f.mount = c.mount(f), f;
-  }, "initializeContext"), S, O = /* @__PURE__ */ s(async (f) => {
-    let g = h();
-    return g.canvasElement ??= globalThis?.document?.body, S && (g.loaded = S.loaded), Object.assign(g, f), c.playFunction(g);
-  }, "play"), P = /* @__PURE__ */ s((f) => {
-    let g = h();
-    return Object.assign(g, f), Dr(c, g);
-  }, "run"), A = c.playFunction ? O : void 0;
+      S && V.push(S);
+    }), A.mount = l.mount(A), A;
+  }, "initializeContext"), R, P = /* @__PURE__ */ n(async (A) => {
+    let S = T();
+    return S.canvasElement ??= globalThis?.document?.body, R && (S.loaded = R.loaded), Object.assign(S, A), l.playFunction(S);
+  }, "play"), L = /* @__PURE__ */ n((A) => {
+    let S = T();
+    return Object.assign(S, A), Xo(l, S);
+  }, "run"), O = l.playFunction ? P : void 0;
   return Object.assign(
-    /* @__PURE__ */ s(function(g) {
-      let R = h();
-      return S && (R.loaded = S.loaded), R.args = {
-        ...R.initialArgs,
-        ...g
-      }, c.unboundStoryFn(R);
+    /* @__PURE__ */ n(function(S) {
+      let v = T();
+      return R && (v.loaded = R.loaded), v.args = {
+        ...v.initialArgs,
+        ...S
+      }, l.unboundStoryFn(v);
     }, "storyFn"),
     {
-      id: c.id,
-      storyName: i,
-      load: /* @__PURE__ */ s(async () => {
-        for (let g of [...k].reverse())
-          await g();
-        k.length = 0;
-        let f = h();
-        f.loaded = await c.applyLoaders(f), k.push(...(await c.applyBeforeEach(f)).filter(Boolean)), S = f;
+      id: l.id,
+      storyName: a,
+      load: /* @__PURE__ */ n(async () => {
+        for (let S of [...V].reverse())
+          await S();
+        V.length = 0;
+        let A = T();
+        A.loaded = await l.applyLoaders(A), V.push(...(await l.applyBeforeEach(A)).filter(Boolean)), R = A;
       }, "load"),
       globals: u,
-      args: c.initialArgs,
-      parameters: c.parameters,
-      argTypes: c.argTypes,
-      play: A,
-      run: P,
-      reporting: y,
-      tags: c.tags
+      args: l.initialArgs,
+      parameters: l.parameters,
+      argTypes: l.argTypes,
+      play: O,
+      run: L,
+      reporting: h,
+      tags: l.tags
     }
   );
 }
-s(fe, "composeStory");
-async function Dr(e, r) {
-  for (let n of [...k].reverse())
-    await n();
-  if (k.length = 0, !r.canvasElement) {
-    let n = document.createElement("div");
-    globalThis?.document?.body?.appendChild(n), r.canvasElement = n, k.push(() => {
-      globalThis?.document?.body?.contains(n) && globalThis?.document?.body?.removeChild(n);
+n(Ze, "composeStory");
+async function Xo(e, t) {
+  for (let s of [...V].reverse())
+    await s();
+  if (V.length = 0, !t.canvasElement) {
+    let s = document.createElement("div");
+    globalThis?.document?.body?.appendChild(s), t.canvasElement = s, V.push(() => {
+      globalThis?.document?.body?.contains(s) && globalThis?.document?.body?.removeChild(s);
     });
   }
-  if (r.loaded = await e.applyLoaders(r), r.abortSignal.aborted)
+  if (t.loaded = await e.applyLoaders(t), t.abortSignal.aborted)
     return;
-  k.push(...(await e.applyBeforeEach(r)).filter(Boolean));
-  let t = e.playFunction, o = e.usesMount;
-  if (o || await r.mount(), r.abortSignal.aborted)
+  V.push(...(await e.applyBeforeEach(t)).filter(Boolean));
+  let r = e.playFunction, o = e.usesMount;
+  if (o || await t.mount(), t.abortSignal.aborted)
     return;
-  t && (o || (r.mount = async () => {
-    throw new or.MountMustBeDestructuredError({ playFunction: t.toString() });
-  }), await t(r));
-  let a;
-  Qe() ? a = er() : await rr(r.abortSignal), await e.applyAfterEach(r), await a?.();
+  r && (o || (t.mount = async () => {
+    throw new lr.MountMustBeDestructuredError({ playFunction: r.toString() });
+  }), await r(t));
+  let i;
+  ir() ? i = sr() : await ar(t.abortSignal), await e.applyAfterEach(t), await i?.();
+}
+n(Xo, "runStory");
+
+// ../node_modules/tiny-invariant/dist/esm/tiny-invariant.js
+var Zo = process.env.NODE_ENV === "production", Je = "Invariant failed";
+function Ce(e, t) {
+  if (!e) {
+    if (Zo)
+      throw new Error(Je);
+    var r = typeof t == "function" ? t() : t, o = r ? "".concat(Je, ": ").concat(r) : Je;
+    throw new Error(o);
+  }
+}
+n(Ce, "invariant");
+
+// src/actions/preview.ts
+var Tr = require("storybook/internal/csf");
+
+// src/actions/addArgs.ts
+var tt = {};
+Le(tt, {
+  argsEnhancers: () => en
+});
+
+// src/actions/runtime/action.ts
+var mr = require("storybook/internal/preview-errors"), et = require("@storybook/global"), ur = require("storybook/preview-api");
+
+// src/actions/constants.ts
+var Qe = "storybook/actions", ua = `${Qe}/panel`, cr = `${Qe}/action-event`, fa = `${Qe}/action-clear`;
+
+// src/actions/runtime/configureActions.ts
+var dr = {
+  depth: 10,
+  clearOnStoryChange: !0,
+  limit: 50
+};
+
+// src/actions/runtime/action.ts
+var fr = /* @__PURE__ */ n((e, t) => {
+  let r = Object.getPrototypeOf(e);
+  return !r || t(r) ? r : fr(r, t);
+}, "findProto"), Jo = /* @__PURE__ */ n((e) => !!(typeof e == "object" && e && fr(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) &&
+typeof e.persist == "function"), "isReactSyntheticEvent"), Qo = /* @__PURE__ */ n((e) => {
+  if (Jo(e)) {
+    let t = Object.create(
+      e.constructor.prototype,
+      Object.getOwnPropertyDescriptors(e)
+    );
+    t.persist();
+    let r = Object.getOwnPropertyDescriptor(t, "view"), o = r?.value;
+    return typeof o == "object" && o?.constructor.name === "Window" && Object.defineProperty(t, "view", {
+      ...r,
+      value: Object.create(o.constructor.prototype)
+    }), t;
+  }
+  return e;
+}, "serializeArg");
+function ce(e, t = {}) {
+  let r = {
+    ...dr,
+    ...t
+  }, o = /* @__PURE__ */ n(function(...s) {
+    if (t.implicit) {
+      let T = ("__STORYBOOK_PREVIEW__" in et.global ? et.global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
+        (R) => R.phase === "playing" || R.phase === "rendering"
+      );
+      if (T) {
+        let R = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, P = new mr.ImplicitActionsDuringRendering({
+          phase: T.phase,
+          name: e,
+          deprecated: R
+        });
+        if (R)
+          console.warn(P);
+        else
+          throw P;
+      }
+    }
+    let a = ur.addons.getChannel(), p = Date.now().toString(36) + Math.random().toString(36).substring(2), c = 5, l = s.map(Qo), y = s.length >
+    1 ? l : l[0], u = {
+      id: p,
+      count: 0,
+      data: { name: e, args: y },
+      options: {
+        ...r,
+        maxDepth: c + (r.depth || 3)
+      }
+    };
+    a.emit(cr, u);
+  }, "actionHandler");
+  return o.isAction = !0, o.implicit = t.implicit, o;
+}
+n(ce, "action");
+
+// src/actions/addArgsHelpers.ts
+var yr = /* @__PURE__ */ n((e, t) => typeof t[e] > "u" && !(e in t), "isInInitialArgs"), gr = /* @__PURE__ */ n((e) => {
+  let {
+    initialArgs: t,
+    argTypes: r,
+    id: o,
+    parameters: { actions: i }
+  } = e;
+  if (!i || i.disable || !i.argTypesRegex || !r)
+    return {};
+  let s = new RegExp(i.argTypesRegex);
+  return Object.entries(r).filter(
+    ([p]) => !!s.test(p)
+  ).reduce((p, [c, l]) => (yr(c, t) && (p[c] = ce(c, { implicit: !0, id: o })), p), {});
+}, "inferActionsFromArgTypesRegex"), hr = /* @__PURE__ */ n((e) => {
+  let {
+    initialArgs: t,
+    argTypes: r,
+    parameters: { actions: o }
+  } = e;
+  return o?.disable || !r ? {} : Object.entries(r).filter(([s, a]) => !!a.action).reduce((s, [a, p]) => (yr(a, t) && (s[a] = ce(typeof p.action ==
+  "string" ? p.action : a)), s), {});
+}, "addActionsFromArgTypes");
+
+// src/actions/addArgs.ts
+var en = [
+  hr,
+  gr
+];
+
+// src/actions/loaders.ts
+var rt = {};
+Le(rt, {
+  loaders: () => rn
+});
+var br = require("storybook/test");
+var xr = !1, tn = /* @__PURE__ */ n((e) => {
+  let { parameters: t } = e;
+  t?.actions?.disable || xr || ((0, br.onMockCall)((r, o) => {
+    let i = r.getMockName();
+    i !== "spy" && (!/^next\/.*::/.test(i) || [
+      "next/router::useRouter()",
+      "next/navigation::useRouter()",
+      "next/navigation::redirect",
+      "next/cache::",
+      "next/headers::cookies().set",
+      "next/headers::cookies().delete",
+      "next/headers::headers().set",
+      "next/headers::headers().delete"
+    ].some((s) => i.startsWith(s))) && ce(i)(o);
+  }), xr = !0);
+}, "logActionsWhenMockCalled"), rn = [tn];
+
+// src/actions/preview.ts
+var ot = /* @__PURE__ */ n(() => (0, Tr.definePreviewAddon)({
+  ...tt,
+  ...rt
+}), "default");
+
+// src/backgrounds/preview.ts
+var kr = require("storybook/internal/csf");
+
+// src/backgrounds/constants.ts
+var on = "storybook/background", ee = "backgrounds";
+var Oa = {
+  UPDATE: `${on}/update`
+};
+
+// src/backgrounds/decorator.ts
+var it = require("storybook/preview-api");
+
+// src/backgrounds/defaults.ts
+var Sr = {
+  light: { name: "light", value: "#F8F8F8" },
+  dark: { name: "dark", value: "#333" }
+};
+
+// src/backgrounds/utils.ts
+var { document: B } = globalThis, Ar = /* @__PURE__ */ n(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: re\
+duce)")?.matches : !1, "isReduceMotionEnabled"), nt = /* @__PURE__ */ n((e) => {
+  (Array.isArray(e) ? e : [e]).forEach(nn);
+}, "clearStyles"), nn = /* @__PURE__ */ n((e) => {
+  if (!B)
+    return;
+  let t = B.getElementById(e);
+  t && t.parentElement && t.parentElement.removeChild(t);
+}, "clearStyle"), Rr = /* @__PURE__ */ n((e, t) => {
+  if (!B)
+    return;
+  let r = B.getElementById(e);
+  if (r)
+    r.innerHTML !== t && (r.innerHTML = t);
+  else {
+    let o = B.createElement("style");
+    o.setAttribute("id", e), o.innerHTML = t, B.head.appendChild(o);
+  }
+}, "addGridStyle"), wr = /* @__PURE__ */ n((e, t, r) => {
+  if (!B)
+    return;
+  let o = B.getElementById(e);
+  if (o)
+    o.innerHTML !== t && (o.innerHTML = t);
+  else {
+    let i = B.createElement("style");
+    i.setAttribute("id", e), i.innerHTML = t;
+    let s = `addon-backgrounds-grid${r ? `-docs-${r}` : ""}`, a = B.getElementById(s);
+    a ? a.parentElement?.insertBefore(i, a) : B.head.appendChild(i);
+  }
+}, "addBackgroundStyle");
+
+// src/backgrounds/decorator.ts
+var sn = {
+  cellSize: 100,
+  cellAmount: 10,
+  opacity: 0.8
+}, Er = "addon-backgrounds", Cr = "addon-backgrounds-grid", an = Ar() ? "" : "transition: background-color 0.3s;", vr = /* @__PURE__ */ n((e, t) => {
+  let { globals: r = {}, parameters: o = {}, viewMode: i, id: s } = t, {
+    options: a = Sr,
+    disable: p,
+    grid: c = sn
+  } = o[ee] || {}, l = r[ee] || {}, y = typeof l == "string" ? l : l?.value, u = y ? a[y] : void 0, h = typeof u == "string" ? u : u?.value ||
+  "transparent", T = typeof l == "string" ? !1 : l.grid || !1, R = !!u && !p, P = i === "docs" ? `#anchor--${s} .docs-story` : ".sb-show-mai\
+n", L = i === "docs" ? `#anchor--${s} .docs-story` : ".sb-show-main", O = o.layout === void 0 || o.layout === "padded", F = i === "docs" ? 20 :
+  O ? 16 : 0, { cellAmount: A, cellSize: S, opacity: v, offsetX: w = F, offsetY: d = F } = c, m = i === "docs" ? `${Er}-docs-${s}` : `${Er}-\
+color`, f = i === "docs" ? s : null;
+  (0, it.useEffect)(() => {
+    let g = `
+    ${P} {
+      background: ${h} !important;
+      ${an}
+      }`;
+    if (!R) {
+      nt(m);
+      return;
+    }
+    wr(m, g, f);
+  }, [P, m, f, R, h]);
+  let x = i === "docs" ? `${Cr}-docs-${s}` : `${Cr}`;
+  return (0, it.useEffect)(() => {
+    if (!T) {
+      nt(x);
+      return;
+    }
+    let g = [
+      `${S * A}px ${S * A}px`,
+      `${S * A}px ${S * A}px`,
+      `${S}px ${S}px`,
+      `${S}px ${S}px`
+    ].join(", "), E = `
+        ${L} {
+          background-size: ${g} !important;
+          background-position: ${w}px ${d}px, ${w}px ${d}px, ${w}px ${d}px, ${w}px ${d}px !important;
+          background-blend-mode: difference !important;
+          background-image: linear-gradient(rgba(130, 130, 130, ${v}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${v}) 1px, transparent 1px),
+           linear-gradient(rgba(130, 130, 130, ${v / 2}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${v / 2}) 1px, transparent 1px) !important;
+        }
+      `;
+    Rr(x, E);
+  }, [A, S, L, x, T, w, d, v]), e();
+}, "withBackgroundAndGrid");
+
+// src/backgrounds/preview.ts
+var pn = globalThis.FEATURES?.backgrounds ? [vr] : [], ln = {
+  [ee]: {
+    grid: {
+      cellSize: 20,
+      opacity: 0.5,
+      cellAmount: 5
+    },
+    disable: !1
+  }
+}, cn = {
+  [ee]: { value: void 0, grid: !1 }
+}, st = /* @__PURE__ */ n(() => (0, kr.definePreviewAddon)({
+  decorators: pn,
+  parameters: ln,
+  initialGlobals: cn
+}), "default");
+
+// src/component-testing/preview.ts
+var Pr = require("storybook/internal/csf"), Or = require("storybook/internal/instrumenter");
+var { step: dn } = (0, Or.instrument)(
+  {
+    // It seems like the label is unused, but the instrumenter has access to it
+    // The context will be bounded later in StoryRender, so that the user can write just:
+    // await step("label", (context) => {
+    //   // labeled step
+    // });
+    step: /* @__PURE__ */ n(async (e, t, r) => t(r), "step")
+  },
+  { intercept: !0 }
+), at = /* @__PURE__ */ n(() => (0, Pr.definePreviewAddon)({
+  parameters: {
+    throwPlayFunctionExceptions: !1
+  },
+  runStep: dn
+}), "default");
+
+// src/highlight/preview.ts
+var Ur = require("storybook/internal/csf"), ft = require("storybook/preview-api");
+
+// src/highlight/useHighlights.ts
+var Br = require("storybook/internal/core-events");
+
+// src/highlight/constants.ts
+var ve = "storybook/highlight", Mr = `${ve}/add`, $r = `${ve}/remove`, Fr = `${ve}/reset`, Ir = `${ve}/scroll-into-view`, pt = 2147483647, z = 28;
+
+// src/highlight/icons.ts
+var lt = {
+  chevronLeft: [
+    "M9.10355 10.1464C9.29882 10.3417 9.29882 10.6583 9.10355 10.8536C8.90829 11.0488 8.59171 11.0488 8.39645 10.8536L4.89645 7.35355C4.7011\
+8 7.15829 4.70118 6.84171 4.89645 6.64645L8.39645 3.14645C8.59171 2.95118 8.90829 2.95118 9.10355 3.14645C9.29882 3.34171 9.29882 3.65829 9.\
+10355 3.85355L5.95711 7L9.10355 10.1464Z"
+  ],
+  chevronRight: [
+    "M4.89645 10.1464C4.70118 10.3417 4.70118 10.6583 4.89645 10.8536C5.09171 11.0488 5.40829 11.0488 5.60355 10.8536L9.10355 7.35355C9.2988\
+2 7.15829 9.29882 6.84171 9.10355 6.64645L5.60355 3.14645C5.40829 2.95118 5.09171 2.95118 4.89645 3.14645C4.70118 3.34171 4.70118 3.65829 4.\
+89645 3.85355L8.04289 7L4.89645 10.1464Z"
+  ],
+  info: [
+    "M7 5.5a.5.5 0 01.5.5v4a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zM7 4.5A.75.75 0 107 3a.75.75 0 000 1.5z",
+    "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z"
+  ],
+  shareAlt: [
+    "M2 1.004a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1v-4.5a.5.5 0 00-1 0v4.5H2v-10h4.5a.5.5 0 000-1H2z",
+    "M7.354 7.357L12 2.711v1.793a.5.5 0 001 0v-3a.5.5 0 00-.5-.5h-3a.5.5 0 100 1h1.793L6.646 6.65a.5.5 0 10.708.707z"
+  ]
+};
+
+// src/highlight/utils.ts
+var mn = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".split(","), M = /* @__PURE__ */ n((e, t = {}, r) => {
+  let o = mn.includes(e) ? document.createElementNS("http://www.w3.org/2000/svg", e) : document.createElement(e);
+  return Object.entries(t).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());
+    })), 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(i);
+      } catch {
+        o.appendChild(document.createTextNode(String(i)));
+      }
+  }), o;
+}, "createElement"), me = /* @__PURE__ */ n((e) => lt[e] && M(
+  "svg",
+  { width: "14", height: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg" },
+  lt[e].map(
+    (t) => M("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: t
+    })
+  )
+), "createIcon"), Lr = /* @__PURE__ */ n((e) => {
+  if ("elements" in e) {
+    let { elements: o, color: i, style: s } = e;
+    return {
+      id: void 0,
+      priority: 0,
+      selectors: o,
+      styles: {
+        outline: `2px ${s} ${i}`,
+        outlineOffset: "2px",
+        boxShadow: "0 0 0 6px rgba(255,255,255,0.6)"
+      },
+      menu: void 0
+    };
+  }
+  let { menu: t, ...r } = e;
+  return {
+    id: void 0,
+    priority: 0,
+    styles: {
+      outline: "2px dashed #029cfd"
+    },
+    ...r,
+    menu: Array.isArray(t) ? t.every(Array.isArray) ? t : [t] : void 0
+  };
+}, "normalizeOptions"), un = /* @__PURE__ */ n((e) => e instanceof Function, "isFunction"), de = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(),
+ke = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ n((e) => {
+  let t = Symbol();
+  return X.set(t, []), de.set(t, e), { get: /* @__PURE__ */ n(() => de.get(t), "get"), set: /* @__PURE__ */ n((a) => {
+    let p = de.get(t), c = un(a) ? a(p) : a;
+    c !== p && (de.set(t, c), X.get(t)?.forEach((l) => {
+      ke.get(l)?.(), ke.set(l, l(c));
+    }));
+  }, "set"), subscribe: /* @__PURE__ */ n((a) => (X.get(t)?.push(a), () => {
+    let p = X.get(t);
+    p && X.set(
+      t,
+      p.filter((c) => c !== a)
+    );
+  }), "subscribe"), teardown: /* @__PURE__ */ n(() => {
+    X.get(t)?.forEach((a) => {
+      ke.get(a)?.(), ke.delete(a);
+    }), X.delete(t), de.delete(t);
+  }, "teardown") };
+}, "useStore"), ct = /* @__PURE__ */ n((e) => {
+  let t = document.getElementById("storybook-root"), r = /* @__PURE__ */ new Map();
+  for (let o of e) {
+    let { priority: i = 0 } = o;
+    for (let s of o.selectors) {
+      let a = [
+        ...document.querySelectorAll(
+          // Elements matching the selector, excluding storybook elements and their descendants.
+          // Necessary to find portaled elements (e.g. children of `body`).
+          `:is(${s}):not([id^="storybook-"], [id^="storybook-"] *, [class^="sb-"], [class^="sb-"] *)`
+        ),
+        // Elements matching the selector inside the storybook root, as these were excluded above.
+        ...t?.querySelectorAll(s) || []
+      ];
+      for (let p of a) {
+        let c = r.get(p);
+        (!c || c.priority <= i) && r.set(p, {
+          ...o,
+          priority: i,
+          selectors: Array.from(new Set((c?.selectors || []).concat(s)))
+        });
+      }
+    }
+  }
+  return r;
+}, "mapElements"), _r = /* @__PURE__ */ n((e) => Array.from(e.entries()).map(([t, { selectors: r, styles: o, hoverStyles: i, focusStyles: s,
+menu: a }]) => {
+  let { top: p, left: c, width: l, height: y } = t.getBoundingClientRect(), { position: u } = getComputedStyle(t);
+  return {
+    element: t,
+    selectors: r,
+    styles: o,
+    hoverStyles: i,
+    focusStyles: s,
+    menu: a,
+    top: u === "fixed" ? p : p + window.scrollY,
+    left: u === "fixed" ? c : c + window.scrollX,
+    width: l,
+    height: y
+  };
+}).sort((t, r) => r.width * r.height - t.width * t.height), "mapBoxes"), dt = /* @__PURE__ */ n((e, t) => {
+  let r = e.getBoundingClientRect(), { x: o, y: i } = t;
+  return r?.top && r?.left && o >= r.left && o <= r.left + r.width && i >= r.top && i <= r.top + r.height;
+}, "isOverMenu"), mt = /* @__PURE__ */ n((e, t, r) => {
+  if (!t || !r)
+    return !1;
+  let { left: o, top: i, width: s, height: a } = e;
+  a < z && (i = i - Math.round((z - a) / 2), a = z), s < z && (o = o - Math.round((z - s) / 2), s = z), t.style.position === "fixed" && (o +=
+  window.scrollX, i += window.scrollY);
+  let { x: p, y: c } = r;
+  return p >= o && p <= o + s && c >= i && c <= i + a;
+}, "isTargeted"), Dr = /* @__PURE__ */ n((e, t, r = {}) => {
+  let { x: o, y: i } = t, { margin: s = 5, topOffset: a = 0, centered: p = !1 } = r, { scrollX: c, scrollY: l, innerHeight: y, innerWidth: u } = window,
+  h = Math.min(
+    e.style.position === "fixed" ? i - l : i,
+    y - e.clientHeight - s - a + l
+  ), T = p ? e.clientWidth / 2 : 0, R = e.style.position === "fixed" ? Math.max(Math.min(o - c, u - T - s), T + s) : Math.max(
+    Math.min(o, u - T - s + c),
+    T + s + c
+  );
+  Object.assign(e.style, {
+    ...R !== o && { left: `${R}px` },
+    ...h !== i && { top: `${h}px` }
+  });
+}, "keepInViewport"), ut = /* @__PURE__ */ n((e) => {
+  window.HTMLElement.prototype.hasOwnProperty("showPopover") && e.showPopover();
+}, "showPopover"), Hr = /* @__PURE__ */ n((e) => {
+  window.HTMLElement.prototype.hasOwnProperty("showPopover") && e.hidePopover();
+}, "hidePopover"), Nr = /* @__PURE__ */ n((e) => ({
+  top: e.top,
+  left: e.left,
+  width: e.width,
+  height: e.height,
+  selectors: e.selectors,
+  element: {
+    attributes: Object.fromEntries(
+      Array.from(e.element.attributes).map((t) => [t.name, t.value])
+    ),
+    localName: e.element.localName,
+    tagName: e.element.tagName,
+    outerHTML: e.element.outerHTML
+  }
+}), "getEventDetails");
+
+// src/highlight/useHighlights.ts
+var C = "storybook-highlights-menu", jr = "storybook-highlights-root", fn = "storybook-root", zr = /* @__PURE__ */ n((e) => {
+  if (globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED)
+    return;
+  globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED = !0;
+  let { document: t } = globalThis, r = U([]), o = U(/* @__PURE__ */ new Map()), i = U([]), s = U(), a = U(), p = U([]), c = U([]), l = U(),
+  y = U(), u = t.getElementById(jr);
+  r.subscribe(() => {
+    u || (u = M("div", { id: jr }), t.body.appendChild(u));
+  }), r.subscribe((d) => {
+    let m = t.getElementById(fn);
+    if (!m)
+      return;
+    o.set(ct(d));
+    let f = new MutationObserver(() => o.set(ct(d)));
+    return f.observe(m, { subtree: !0, childList: !0 }), () => {
+      f.disconnect();
+    };
+  }), o.subscribe((d) => {
+    let m = /* @__PURE__ */ n(() => requestAnimationFrame(() => i.set(_r(d))), "updateBoxes"), f = new ResizeObserver(m);
+    f.observe(t.body), Array.from(d.keys()).forEach((g) => f.observe(g));
+    let x = Array.from(t.body.querySelectorAll("*")).filter((g) => {
+      let { overflow: E, overflowX: I, overflowY: k } = window.getComputedStyle(g);
+      return ["auto", "scroll"].some((j) => [E, I, k].includes(j));
+    });
+    return x.forEach((g) => g.addEventListener("scroll", m)), () => {
+      f.disconnect(), x.forEach((g) => g.removeEventListener("scroll", m));
+    };
+  }), o.subscribe((d) => {
+    let m = Array.from(d.keys()).filter(({ style: x }) => x.position === "sticky"), f = /* @__PURE__ */ n(() => requestAnimationFrame(() => {
+      i.set(
+        (x) => x.map((g) => {
+          if (m.includes(g.element)) {
+            let { top: E, left: I } = g.element.getBoundingClientRect();
+            return { ...g, top: E + window.scrollY, left: I + window.scrollX };
+          }
+          return g;
+        })
+      );
+    }), "updateBoxes");
+    return t.addEventListener("scroll", f), () => t.removeEventListener("scroll", f);
+  }), o.subscribe((d) => {
+    p.set((m) => m.filter(({ element: f }) => d.has(f)));
+  }), p.subscribe((d) => {
+    d.length ? (y.set((m) => d.some((f) => f.element === m?.element) ? m : void 0), l.set((m) => d.some((f) => f.element === m?.element) ? m :
+    void 0)) : (y.set(void 0), l.set(void 0), s.set(void 0));
+  });
+  let h = new Map(/* @__PURE__ */ new Map());
+  r.subscribe((d) => {
+    d.forEach(({ keyframes: m }) => {
+      if (m) {
+        let f = h.get(m);
+        f || (f = t.createElement("style"), f.setAttribute("data-highlight", "keyframes"), h.set(m, f), t.head.appendChild(f)), f.innerHTML =
+        m;
+      }
+    }), h.forEach((m, f) => {
+      d.some((x) => x.keyframes === f) || (m.remove(), h.delete(f));
+    });
+  });
+  let T = new Map(/* @__PURE__ */ new Map());
+  i.subscribe((d) => {
+    d.forEach((m) => {
+      let f = T.get(m.element);
+      if (u && !f) {
+        let x = {
+          popover: "manual",
+          "data-highlight-dimensions": `w${m.width.toFixed(0)}h${m.height.toFixed(0)}`,
+          "data-highlight-coordinates": `x${m.left.toFixed(0)}y${m.top.toFixed(0)}`
+        };
+        f = u.appendChild(
+          M("div", x, [M("div")])
+        ), T.set(m.element, f);
+      }
+    }), T.forEach((m, f) => {
+      d.some(({ element: x }) => x === f) || (m.remove(), T.delete(f));
+    });
+  }), i.subscribe((d) => {
+    let m = d.filter((x) => x.menu);
+    if (!m.length)
+      return;
+    let f = /* @__PURE__ */ n((x) => {
+      requestAnimationFrame(() => {
+        let g = t.getElementById(C), E = { x: x.pageX, y: x.pageY };
+        if (g && !dt(g, E)) {
+          let I = m.filter((k) => {
+            let j = T.get(k.element);
+            return mt(k, j, E);
+          });
+          s.set(I.length ? E : void 0), p.set(I);
+        }
+      });
+    }, "onClick");
+    return t.addEventListener("click", f), () => t.removeEventListener("click", f);
+  });
+  let R = /* @__PURE__ */ n(() => {
+    let d = t.getElementById(C), m = a.get();
+    !m || d && dt(d, m) || c.set((f) => {
+      let x = i.get().filter((k) => {
+        let j = T.get(k.element);
+        return mt(k, j, m);
+      }), g = f.filter((k) => x.includes(k)), E = x.filter((k) => !f.includes(k)), I = f.length - g.length;
+      return E.length || I ? [...g, ...E] : f;
+    });
+  }, "updateHovered");
+  a.subscribe(R), i.subscribe(R);
+  let P = /* @__PURE__ */ n(() => {
+    let d = y.get(), m = d ? [d] : p.get(), f = m.length === 1 ? m[0] : l.get(), x = s.get() !== void 0;
+    i.get().forEach((g) => {
+      let E = T.get(g.element);
+      if (E) {
+        let I = f === g, k = x ? f ? I : m.includes(g) : c.get()?.includes(g);
+        Object.assign(E.style, {
+          animation: "none",
+          background: "transparent",
+          border: "none",
+          boxSizing: "border-box",
+          outline: "none",
+          outlineOffset: "0px",
+          ...g.styles,
+          ...k ? g.hoverStyles : {},
+          ...I ? g.focusStyles : {},
+          position: getComputedStyle(g.element).position === "fixed" ? "fixed" : "absolute",
+          zIndex: pt - 10,
+          top: `${g.top}px`,
+          left: `${g.left}px`,
+          width: `${g.width}px`,
+          height: `${g.height}px`,
+          margin: 0,
+          padding: 0,
+          cursor: g.menu && k ? "pointer" : "default",
+          pointerEvents: g.menu ? "auto" : "none",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          overflow: "visible"
+        }), Object.assign(E.children[0].style, {
+          width: "100%",
+          height: "100%",
+          minHeight: `${z}px`,
+          minWidth: `${z}px`,
+          boxSizing: "content-box",
+          padding: E.style.outlineWidth || "0px"
+        }), ut(E);
+      }
+    });
+  }, "updateBoxStyles");
+  i.subscribe(P), p.subscribe(P), c.subscribe(P), l.subscribe(P), y.subscribe(P);
+  let L = /* @__PURE__ */ n(() => {
+    if (!u)
+      return;
+    let d = t.getElementById(C);
+    if (d)
+      d.innerHTML = "";
+    else {
+      let g = { id: C, popover: "manual" };
+      d = u.appendChild(M("div", g)), u.appendChild(
+        M("style", {}, [
+          `
+            #${C} {
+              position: absolute;
+              z-index: ${pt};
+              width: 300px;
+              padding: 0px;
+              margin: 15px 0 0 0;
+              transform: translateX(-50%);
+              font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Ne\
+ue", Helvetica, Arial, sans-serif;
+              font-size: 12px;
+              background: white;
+              border: none;
+              border-radius: 6px;
+              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
+              color: #2E3438;
+            }
+            #${C} ul {
+              list-style: none;
+              margin: 0;
+              padding: 0;
+            }
+            #${C} > ul {
+              max-height: 300px;
+              overflow-y: auto;
+              padding: 4px 0;
+            }
+            #${C} li {
+              padding: 0 4px;
+              margin: 0;
+            }
+            #${C} li > :not(ul) {
+              display: flex;
+              padding: 8px;
+              margin: 0;
+              align-items: center;
+              gap: 8px;
+              border-radius: 4px;
+            }
+            #${C} button {
+              width: 100%;
+              border: 0;
+              background: transparent;
+              color: inherit;
+              text-align: left;
+              font-family: inherit;
+              font-size: inherit;
+            }
+            #${C} button:focus-visible {
+              outline-color: #029CFD;
+            }
+            #${C} button:hover {
+              background: rgba(2, 156, 253, 0.07);
+              color: #029CFD;
+              cursor: pointer;
+            }
+            #${C} li code {
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              line-height: 16px;
+              font-size: 11px;
+            }
+            #${C} li svg {
+              flex-shrink: 0;
+              margin: 1px;
+              color: #73828C;
+            }
+            #${C} li > button:hover svg, #${C} li > button:focus-visible svg {
+              color: #029CFD;
+            }
+            #${C} .element-list li svg {
+              display: none;
+            }
+            #${C} li.selectable svg, #${C} li.selected svg {
+              display: block;
+            }
+            #${C} .menu-list {
+              border-top: 1px solid rgba(38, 85, 115, 0.15);
+            }
+            #${C} .menu-list > li:not(:last-child) {
+              padding-bottom: 4px;
+              margin-bottom: 4px;
+              border-bottom: 1px solid rgba(38, 85, 115, 0.15);
+            }
+            #${C} .menu-items, #${C} .menu-items li {
+              padding: 0;
+            }
+            #${C} .menu-item {
+              display: flex;
+            }
+            #${C} .menu-item-content {
+              display: flex;
+              flex-direction: column;
+              flex-grow: 1;
+            }
+          `
+        ])
+      );
+    }
+    let m = y.get(), f = m ? [m] : p.get();
+    if (f.length && (d.style.position = getComputedStyle(f[0].element).position === "fixed" ? "fixed" : "absolute", d.appendChild(
+      M(
+        "ul",
+        { class: "element-list" },
+        f.map((g) => {
+          let E = f.length > 1 && !!g.menu?.some(
+            (j) => j.some(
+              (Z) => !Z.selectors || Z.selectors.some((ge) => g.selectors.includes(ge))
+            )
+          ), I = E ? {
+            class: "selectable",
+            onClick: /* @__PURE__ */ n(() => y.set(g), "onClick"),
+            onMouseEnter: /* @__PURE__ */ n(() => l.set(g), "onMouseEnter"),
+            onMouseLeave: /* @__PURE__ */ n(() => l.set(void 0), "onMouseLeave")
+          } : m ? { class: "selected", onClick: /* @__PURE__ */ n(() => y.set(void 0), "onClick") } : {}, k = E || m;
+          return M("li", I, [
+            M(k ? "button" : "div", k ? { type: "button" } : {}, [
+              m ? me("chevronLeft") : null,
+              M("code", {}, [g.element.outerHTML]),
+              E ? me("chevronRight") : null
+            ])
+          ]);
+        })
+      )
+    )), y.get() || p.get().length === 1) {
+      let g = y.get() || p.get()[0], E = g.menu?.filter(
+        (I) => I.some(
+          (k) => !k.selectors || k.selectors.some((j) => g.selectors.includes(j))
+        )
+      );
+      E?.length && d.appendChild(
+        M(
+          "ul",
+          { class: "menu-list" },
+          E.map(
+            (I) => M("li", {}, [
+              M(
+                "ul",
+                { class: "menu-items" },
+                I.map(
+                  ({ id: k, title: j, description: Z, iconLeft: ge, iconRight: vt, clickEvent: kt }) => {
+                    let Ie = kt && (() => e.emit(kt, k, Nr(g)));
+                    return M("li", {}, [
+                      M(
+                        Ie ? "button" : "div",
+                        Ie ? { class: "menu-item", type: "button", onClick: Ie } : { class: "menu-item" },
+                        [
+                          ge ? me(ge) : null,
+                          M("div", { class: "menu-item-content" }, [
+                            M(Z ? "strong" : "span", {}, [j]),
+                            Z && M("span", {}, [Z])
+                          ]),
+                          vt ? me(vt) : null
+                        ]
+                      )
+                    ]);
+                  }
+                )
+              )
+            ])
+          )
+        )
+      );
+    }
+    let x = s.get();
+    x ? (Object.assign(d.style, {
+      display: "block",
+      left: `${d.style.position === "fixed" ? x.x - window.scrollX : x.x}px`,
+      top: `${d.style.position === "fixed" ? x.y - window.scrollY : x.y}px`
+    }), ut(d), requestAnimationFrame(() => Dr(d, x, { topOffset: 15, centered: !0 }))) : (Hr(d), Object.assign(d.style, { display: "none" }));
+  }, "renderMenu");
+  p.subscribe(L), y.subscribe(L);
+  let O = /* @__PURE__ */ n((d) => {
+    let m = Lr(d);
+    r.set((f) => {
+      let x = m.id ? f.filter((g) => g.id !== m.id) : f;
+      return m.selectors?.length ? [...x, m] : x;
+    });
+  }, "addHighlight"), F = /* @__PURE__ */ n((d) => {
+    d && r.set((m) => m.filter((f) => f.id !== d));
+  }, "removeHighlight"), A = /* @__PURE__ */ n(() => {
+    r.set([]), o.set(/* @__PURE__ */ new Map()), i.set([]), s.set(void 0), a.set(void 0), p.set([]), c.set([]), l.set(void 0), y.set(void 0);
+  }, "resetState"), S, v = /* @__PURE__ */ n((d, m) => {
+    let f = "scrollIntoView-highlight";
+    clearTimeout(S), F(f);
+    let x = t.querySelector(d);
+    if (!x) {
+      console.warn(`Cannot scroll into view: ${d} not found`);
+      return;
+    }
+    x.scrollIntoView({ behavior: "smooth", block: "center", ...m });
+    let g = `kf-${Math.random().toString(36).substring(2, 15)}`;
+    r.set((E) => [
+      ...E,
+      {
+        id: f,
+        priority: 1e3,
+        selectors: [d],
+        styles: {
+          outline: "2px solid #1EA7FD",
+          outlineOffset: "-1px",
+          animation: `${g} 3s linear forwards`
+        },
+        keyframes: `@keyframes ${g} {
+          0% { outline: 2px solid #1EA7FD; }
+          20% { outline: 2px solid #1EA7FD00; }
+          40% { outline: 2px solid #1EA7FD; }
+          60% { outline: 2px solid #1EA7FD00; }
+          80% { outline: 2px solid #1EA7FD; }
+          100% { outline: 2px solid #1EA7FD00; }
+        }`
+      }
+    ]), S = setTimeout(() => F(f), 3500);
+  }, "scrollIntoView"), w = /* @__PURE__ */ n((d) => {
+    requestAnimationFrame(() => a.set({ x: d.pageX, y: d.pageY }));
+  }, "onMouseMove");
+  t.body.addEventListener("mousemove", w), e.on(Mr, O), e.on($r, F), e.on(Fr, A), e.on(Ir, v), e.on(Br.STORY_RENDER_PHASE_CHANGED, ({ newPhase: d }) => {
+    d === "loading" && A();
+  });
+}, "useHighlights");
+
+// src/highlight/preview.ts
+globalThis?.FEATURES?.highlight && ft.addons?.ready && ft.addons.ready().then(zr);
+var yt = /* @__PURE__ */ n(() => (0, Ur.definePreviewAddon)({}), "default");
+
+// src/measure/preview.ts
+var po = require("storybook/internal/csf");
+
+// src/measure/constants.ts
+var Pe = "storybook/measure-addon", ip = `${Pe}/tool`, Gr = "measureEnabled", sp = {
+  RESULT: `${Pe}/result`,
+  REQUEST: `${Pe}/request`,
+  CLEAR: `${Pe}/clear`
+};
+
+// src/measure/withMeasure.ts
+var xt = require("storybook/preview-api");
+
+// src/measure/box-model/canvas.ts
+var ue = require("@storybook/global");
+function Wr() {
+  let e = ue.global.document.documentElement, t = Math.max(e.scrollHeight, e.offsetHeight);
+  return { width: Math.max(e.scrollWidth, e.offsetWidth), height: t };
+}
+n(Wr, "getDocumentWidthAndHeight");
+function yn() {
+  let e = ue.global.document.createElement("canvas");
+  e.id = "storybook-addon-measure";
+  let t = e.getContext("2d");
+  Ce(t != null);
+  let { width: r, height: o } = Wr();
+  return gt(e, t, { width: r, height: o }), e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.zIndex = "21474836\
+47", e.style.pointerEvents = "none", ue.global.document.body.appendChild(e), { canvas: e, context: t, width: r, height: o };
+}
+n(yn, "createCanvas");
+function gt(e, t, { width: r, height: o }) {
+  e.style.width = `${r}px`, e.style.height = `${o}px`;
+  let i = ue.global.window.devicePixelRatio;
+  e.width = Math.floor(r * i), e.height = Math.floor(o * i), t.scale(i, i);
+}
+n(gt, "setCanvasWidthAndHeight");
+var $ = {};
+function Yr() {
+  $.canvas || ($ = yn());
+}
+n(Yr, "init");
+function Vr() {
+  $.context && $.context.clearRect(0, 0, $.width ?? 0, $.height ?? 0);
+}
+n(Vr, "clear");
+function Kr(e) {
+  Vr(), e($.context);
+}
+n(Kr, "draw");
+function qr() {
+  Ce($.canvas, "Canvas should exist in the state."), Ce($.context, "Context should exist in the state."), gt($.canvas, $.context, { width: 0,
+  height: 0 });
+  let { width: e, height: t } = Wr();
+  gt($.canvas, $.context, { width: e, height: t }), $.width = e, $.height = t;
+}
+n(qr, "rescale");
+function Xr() {
+  $.canvas && (Vr(), $.canvas.parentNode?.removeChild($.canvas), $ = {});
+}
+n(Xr, "destroy");
+
+// src/measure/box-model/visualizer.ts
+var N = require("@storybook/global");
+
+// src/measure/box-model/labels.ts
+var te = {
+  margin: "#f6b26b",
+  border: "#ffe599",
+  padding: "#93c47d",
+  content: "#6fa8dc",
+  text: "#232020"
+}, W = 6;
+function Zr(e, { x: t, y: r, w: o, h: i, r: s }) {
+  t = t - o / 2, r = r - i / 2, o < 2 * s && (s = o / 2), i < 2 * s && (s = i / 2), e.beginPath(), e.moveTo(t + s, r), e.arcTo(t + o, r, t +
+  o, r + i, s), e.arcTo(t + o, r + i, t, r + i, s), e.arcTo(t, r + i, t, r, s), e.arcTo(t, r, t + o, r, s), e.closePath();
+}
+n(Zr, "roundedRect");
+function gn(e, { padding: t, border: r, width: o, height: i, top: s, left: a }) {
+  let p = o - r.left - r.right - t.left - t.right, c = i - t.top - t.bottom - r.top - r.bottom, l = a + r.left + t.left, y = s + r.top + t.top;
+  return e === "top" ? l += p / 2 : e === "right" ? (l += p, y += c / 2) : e === "bottom" ? (l += p / 2, y += c) : e === "left" ? y += c / 2 :
+  e === "center" && (l += p / 2, y += c / 2), { x: l, y };
+}
+n(gn, "positionCoordinate");
+function hn(e, t, { margin: r, border: o, padding: i }, s, a) {
+  let p = /* @__PURE__ */ n((h) => 0, "shift"), c = 0, l = 0, y = a ? 1 : 0.5, u = a ? s * 2 : 0;
+  return e === "padding" ? p = /* @__PURE__ */ n((h) => i[h] * y + u, "shift") : e === "border" ? p = /* @__PURE__ */ n((h) => i[h] + o[h] *
+  y + u, "shift") : e === "margin" && (p = /* @__PURE__ */ n((h) => i[h] + o[h] + r[h] * y + u, "shift")), t === "top" ? l = -p("top") : t ===
+  "right" ? c = p("right") : t === "bottom" ? l = p("bottom") : t === "left" && (c = -p("left")), { offsetX: c, offsetY: l };
+}
+n(hn, "offset");
+function xn(e, t) {
+  return Math.abs(e.x - t.x) < Math.abs(e.w + t.w) / 2 && Math.abs(e.y - t.y) < Math.abs(e.h + t.h) / 2;
+}
+n(xn, "collide");
+function bn(e, t, r) {
+  return e === "top" ? t.y = r.y - r.h - W : e === "right" ? t.x = r.x + r.w / 2 + W + t.w / 2 : e === "bottom" ? t.y = r.y + r.h + W : e ===
+  "left" && (t.x = r.x - r.w / 2 - W - t.w / 2), { x: t.x, y: t.y };
+}
+n(bn, "overlapAdjustment");
+function Jr(e, t, { x: r, y: o, w: i, h: s }, a) {
+  return Zr(e, { x: r, y: o, w: i, h: s, r: 3 }), e.fillStyle = `${te[t]}dd`, e.fill(), e.strokeStyle = te[t], e.stroke(), e.fillStyle = te.
+  text, e.fillText(a, r, o), Zr(e, { x: r, y: o, w: i, h: s, r: 3 }), e.fillStyle = `${te[t]}dd`, e.fill(), e.strokeStyle = te[t], e.stroke(),
+  e.fillStyle = te.text, e.fillText(a, r, o), { x: r, y: o, w: i, h: s };
+}
+n(Jr, "textWithRect");
+function Qr(e, t) {
+  e.font = "600 12px monospace", e.textBaseline = "middle", e.textAlign = "center";
+  let r = e.measureText(t), o = r.actualBoundingBoxAscent + r.actualBoundingBoxDescent, i = r.width + W * 2, s = o + W * 2;
+  return { w: i, h: s };
+}
+n(Qr, "configureText");
+function Tn(e, t, { type: r, position: o = "center", text: i }, s, a = !1) {
+  let { x: p, y: c } = gn(o, t), { offsetX: l, offsetY: y } = hn(r, o, t, W + 1, a);
+  p += l, c += y;
+  let { w: u, h } = Qr(e, i);
+  if (s && xn({ x: p, y: c, w: u, h }, s)) {
+    let T = bn(o, { x: p, y: c, w: u, h }, s);
+    p = T.x, c = T.y;
+  }
+  return Jr(e, r, { x: p, y: c, w: u, h }, i);
+}
+n(Tn, "drawLabel");
+function Sn(e, { w: t, h: r }) {
+  let o = t * 0.5 + W, i = r * 0.5 + W;
+  return {
+    offsetX: (e.x === "left" ? -1 : 1) * o,
+    offsetY: (e.y === "top" ? -1 : 1) * i
+  };
+}
+n(Sn, "floatingOffset");
+function An(e, t, { type: r, text: o }) {
+  let { floatingAlignment: i, extremities: s } = t, a = s[i.x], p = s[i.y], { w: c, h: l } = Qr(e, o), { offsetX: y, offsetY: u } = Sn(i, {
+    w: c,
+    h: l
+  });
+  return a += y, p += u, Jr(e, r, { x: a, y: p, w: c, h: l }, o);
+}
+n(An, "drawFloatingLabel");
+function fe(e, t, r, o) {
+  let i = [];
+  r.forEach((s, a) => {
+    let p = o && s.position === "center" ? An(e, t, s) : Tn(e, t, s, i[a - 1], o);
+    i[a] = p;
+  });
+}
+n(fe, "drawStack");
+function eo(e, t, r, 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 && fe(e, t, i.top, o), i.right && fe(e, t, i.right, o), i.bottom && fe(e, t, i.bottom, o), i.left && fe(e, t, i.left, o), i.center &&
+  fe(e, t, i.center, o);
+}
+n(eo, "labelStacks");
+
+// src/measure/box-model/visualizer.ts
+var Oe = {
+  margin: "#f6b26ba8",
+  border: "#ffe599a8",
+  padding: "#93c47d8c",
+  content: "#6fa8dca8"
+}, to = 30;
+function H(e) {
+  return parseInt(e.replace("px", ""), 10);
+}
+n(H, "pxToNumber");
+function re(e) {
+  return Number.isInteger(e) ? e : e.toFixed(2);
+}
+n(re, "round");
+function ht(e) {
+  return e.filter((t) => t.text !== 0 && t.text !== "0");
+}
+n(ht, "filterZeroValues");
+function Rn(e) {
+  let t = {
+    top: N.global.window.scrollY,
+    bottom: N.global.window.scrollY + N.global.window.innerHeight,
+    left: N.global.window.scrollX,
+    right: N.global.window.scrollX + N.global.window.innerWidth
+  }, r = {
+    top: Math.abs(t.top - e.top),
+    bottom: Math.abs(t.bottom - e.bottom),
+    left: Math.abs(t.left - e.left),
+    right: Math.abs(t.right - e.right)
+  };
+  return {
+    x: r.left > r.right ? "left" : "right",
+    y: r.top > r.bottom ? "top" : "bottom"
+  };
+}
+n(Rn, "floatingAlignment");
+function wn(e) {
+  let t = N.global.getComputedStyle(e), { top: r, left: o, right: i, bottom: s, width: a, height: p } = e.getBoundingClientRect(), {
+    marginTop: c,
+    marginBottom: l,
+    marginLeft: y,
+    marginRight: u,
+    paddingTop: h,
+    paddingBottom: T,
+    paddingLeft: R,
+    paddingRight: P,
+    borderBottomWidth: L,
+    borderTopWidth: O,
+    borderLeftWidth: F,
+    borderRightWidth: A
+  } = t;
+  r = r + N.global.window.scrollY, o = o + N.global.window.scrollX, s = s + N.global.window.scrollY, i = i + N.global.window.scrollX;
+  let S = {
+    top: H(c),
+    bottom: H(l),
+    left: H(y),
+    right: H(u)
+  }, v = {
+    top: H(h),
+    bottom: H(T),
+    left: H(R),
+    right: H(P)
+  }, w = {
+    top: H(O),
+    bottom: H(L),
+    left: H(F),
+    right: H(A)
+  }, d = {
+    top: r - S.top,
+    bottom: s + S.bottom,
+    left: o - S.left,
+    right: i + S.right
+  };
+  return {
+    margin: S,
+    padding: v,
+    border: w,
+    top: r,
+    left: o,
+    bottom: s,
+    right: i,
+    width: a,
+    height: p,
+    extremities: d,
+    floatingAlignment: Rn(d)
+  };
+}
+n(wn, "measureElement");
+function En(e, { margin: t, width: r, height: o, top: i, left: s, bottom: a, right: p }) {
+  let c = o + t.bottom + t.top;
+  e.fillStyle = Oe.margin, e.fillRect(s, i - t.top, r, t.top), e.fillRect(p, i - t.top, t.right, c), e.fillRect(s, a, r, t.bottom), e.fillRect(
+  s - t.left, i - t.top, t.left, c);
+  let l = [
+    {
+      type: "margin",
+      text: re(t.top),
+      position: "top"
+    },
+    {
+      type: "margin",
+      text: re(t.right),
+      position: "right"
+    },
+    {
+      type: "margin",
+      text: re(t.bottom),
+      position: "bottom"
+    },
+    {
+      type: "margin",
+      text: re(t.left),
+      position: "left"
+    }
+  ];
+  return ht(l);
+}
+n(En, "drawMargin");
+function Cn(e, { padding: t, border: r, width: o, height: i, top: s, left: a, bottom: p, right: c }) {
+  let l = o - r.left - r.right, y = i - t.top - t.bottom - r.top - r.bottom;
+  e.fillStyle = Oe.padding, e.fillRect(a + r.left, s + r.top, l, t.top), e.fillRect(
+    c - t.right - r.right,
+    s + t.top + r.top,
+    t.right,
+    y
+  ), e.fillRect(
+    a + r.left,
+    p - t.bottom - r.bottom,
+    l,
+    t.bottom
+  ), e.fillRect(a + r.left, s + t.top + r.top, t.left, y);
+  let u = [
+    {
+      type: "padding",
+      text: t.top,
+      position: "top"
+    },
+    {
+      type: "padding",
+      text: t.right,
+      position: "right"
+    },
+    {
+      type: "padding",
+      text: t.bottom,
+      position: "bottom"
+    },
+    {
+      type: "padding",
+      text: t.left,
+      position: "left"
+    }
+  ];
+  return ht(u);
+}
+n(Cn, "drawPadding");
+function vn(e, { border: t, width: r, height: o, top: i, left: s, bottom: a, right: p }) {
+  let c = o - t.top - t.bottom;
+  e.fillStyle = Oe.border, e.fillRect(s, i, r, t.top), e.fillRect(s, a - t.bottom, r, t.bottom), e.fillRect(s, i + t.top, t.left, c), e.fillRect(
+  p - t.right, i + t.top, t.right, c);
+  let l = [
+    {
+      type: "border",
+      text: t.top,
+      position: "top"
+    },
+    {
+      type: "border",
+      text: t.right,
+      position: "right"
+    },
+    {
+      type: "border",
+      text: t.bottom,
+      position: "bottom"
+    },
+    {
+      type: "border",
+      text: t.left,
+      position: "left"
+    }
+  ];
+  return ht(l);
+}
+n(vn, "drawBorder");
+function kn(e, { padding: t, border: r, width: o, height: i, top: s, left: a }) {
+  let p = o - r.left - r.right - t.left - t.right, c = i - t.top - t.bottom - r.top - r.bottom;
+  return e.fillStyle = Oe.content, e.fillRect(
+    a + r.left + t.left,
+    s + r.top + t.top,
+    p,
+    c
+  ), [
+    {
+      type: "content",
+      position: "center",
+      text: `${re(p)} x ${re(c)}`
+    }
+  ];
+}
+n(kn, "drawContent");
+function Pn(e) {
+  return (t) => {
+    if (e && t) {
+      let r = wn(e), o = En(t, r), i = Cn(t, r), s = vn(t, r), a = kn(t, r), p = r.width <= to * 3 || r.height <= to;
+      eo(
+        t,
+        r,
+        [...a, ...i, ...s, ...o],
+        p
+      );
+    }
+  };
+}
+n(Pn, "drawBoxModel");
+function ro(e) {
+  Kr(Pn(e));
+}
+n(ro, "drawSelectedElement");
+
+// src/measure/util.ts
+var oo = require("@storybook/global");
+var no = /* @__PURE__ */ n((e, t) => {
+  let r = oo.global.document.elementFromPoint(e, t), o = /* @__PURE__ */ n((s) => {
+    if (s && s.shadowRoot) {
+      let a = s.shadowRoot.elementFromPoint(e, t);
+      return s.isEqualNode(a) ? s : a.shadowRoot ? o(a) : a;
+    }
+    return s;
+  }, "crawlShadows");
+  return o(r) || r;
+}, "deepElementFromPoint");
+
+// src/measure/withMeasure.ts
+var io, Me = { x: 0, y: 0 };
+function so(e, t) {
+  io = no(e, t), ro(io);
+}
+n(so, "findAndDrawElement");
+var ao = /* @__PURE__ */ n((e, t) => {
+  let { measureEnabled: r } = t.globals || {};
+  return (0, xt.useEffect)(() => {
+    if (typeof globalThis.document > "u")
+      return;
+    let o = /* @__PURE__ */ n((i) => {
+      window.requestAnimationFrame(() => {
+        i.stopPropagation(), Me.x = i.clientX, Me.y = i.clientY;
+      });
+    }, "onPointerMove");
+    return globalThis.document.addEventListener("pointermove", o), () => {
+      globalThis.document.removeEventListener("pointermove", o);
+    };
+  }, []), (0, xt.useEffect)(() => {
+    let o = /* @__PURE__ */ n((s) => {
+      window.requestAnimationFrame(() => {
+        s.stopPropagation(), so(s.clientX, s.clientY);
+      });
+    }, "onPointerOver"), i = /* @__PURE__ */ n(() => {
+      window.requestAnimationFrame(() => {
+        qr();
+      });
+    }, "onResize");
+    return t.viewMode === "story" && r && (globalThis.document.addEventListener("pointerover", o), Yr(), globalThis.window.addEventListener(
+    "resize", i), so(Me.x, Me.y)), () => {
+      globalThis.window.removeEventListener("resize", i), Xr();
+    };
+  }, [r, t.viewMode]), e();
+}, "withMeasure");
+
+// src/measure/preview.ts
+var On = globalThis.FEATURES?.measure ? [ao] : [], Mn = {
+  [Gr]: !1
+}, bt = /* @__PURE__ */ n(() => (0, po.definePreviewAddon)({
+  decorators: On,
+  initialGlobals: Mn
+}), "default");
+
+// src/outline/preview.ts
+var uo = require("storybook/internal/csf");
+
+// src/outline/constants.ts
+var $e = "outline";
+
+// src/outline/withOutline.ts
+var Fe = require("storybook/preview-api");
+
+// src/outline/helpers.ts
+var ye = require("@storybook/global");
+var Tt = /* @__PURE__ */ n((e) => {
+  (Array.isArray(e) ? e : [e]).forEach($n);
+}, "clearStyles"), $n = /* @__PURE__ */ n((e) => {
+  let t = typeof e == "string" ? e : e.join(""), r = ye.global.document.getElementById(t);
+  r && r.parentElement && r.parentElement.removeChild(r);
+}, "clearStyle"), lo = /* @__PURE__ */ n((e, t) => {
+  let r = ye.global.document.getElementById(e);
+  if (r)
+    r.innerHTML !== t && (r.innerHTML = t);
+  else {
+    let o = ye.global.document.createElement("style");
+    o.setAttribute("id", e), o.innerHTML = t, ye.global.document.head.appendChild(o);
+  }
+}, "addOutlineStyles");
+
+// src/outline/outlineCSS.ts
+var co = J(Q(), 1);
+function St(e) {
+  return co.dedent`
+    ${e} body {
+      outline: 1px solid #2980b9 !important;
+    }
+
+    ${e} article {
+      outline: 1px solid #3498db !important;
+    }
+
+    ${e} nav {
+      outline: 1px solid #0088c3 !important;
+    }
+
+    ${e} aside {
+      outline: 1px solid #33a0ce !important;
+    }
+
+    ${e} section {
+      outline: 1px solid #66b8da !important;
+    }
+
+    ${e} header {
+      outline: 1px solid #99cfe7 !important;
+    }
+
+    ${e} footer {
+      outline: 1px solid #cce7f3 !important;
+    }
+
+    ${e} h1 {
+      outline: 1px solid #162544 !important;
+    }
+
+    ${e} h2 {
+      outline: 1px solid #314e6e !important;
+    }
+
+    ${e} h3 {
+      outline: 1px solid #3e5e85 !important;
+    }
+
+    ${e} h4 {
+      outline: 1px solid #449baf !important;
+    }
+
+    ${e} h5 {
+      outline: 1px solid #c7d1cb !important;
+    }
+
+    ${e} h6 {
+      outline: 1px solid #4371d0 !important;
+    }
+
+    ${e} main {
+      outline: 1px solid #2f4f90 !important;
+    }
+
+    ${e} address {
+      outline: 1px solid #1a2c51 !important;
+    }
+
+    ${e} div {
+      outline: 1px solid #036cdb !important;
+    }
+
+    ${e} p {
+      outline: 1px solid #ac050b !important;
+    }
+
+    ${e} hr {
+      outline: 1px solid #ff063f !important;
+    }
+
+    ${e} pre {
+      outline: 1px solid #850440 !important;
+    }
+
+    ${e} blockquote {
+      outline: 1px solid #f1b8e7 !important;
+    }
+
+    ${e} ol {
+      outline: 1px solid #ff050c !important;
+    }
+
+    ${e} ul {
+      outline: 1px solid #d90416 !important;
+    }
+
+    ${e} li {
+      outline: 1px solid #d90416 !important;
+    }
+
+    ${e} dl {
+      outline: 1px solid #fd3427 !important;
+    }
+
+    ${e} dt {
+      outline: 1px solid #ff0043 !important;
+    }
+
+    ${e} dd {
+      outline: 1px solid #e80174 !important;
+    }
+
+    ${e} figure {
+      outline: 1px solid #ff00bb !important;
+    }
+
+    ${e} figcaption {
+      outline: 1px solid #bf0032 !important;
+    }
+
+    ${e} table {
+      outline: 1px solid #00cc99 !important;
+    }
+
+    ${e} caption {
+      outline: 1px solid #37ffc4 !important;
+    }
+
+    ${e} thead {
+      outline: 1px solid #98daca !important;
+    }
+
+    ${e} tbody {
+      outline: 1px solid #64a7a0 !important;
+    }
+
+    ${e} tfoot {
+      outline: 1px solid #22746b !important;
+    }
+
+    ${e} tr {
+      outline: 1px solid #86c0b2 !important;
+    }
+
+    ${e} th {
+      outline: 1px solid #a1e7d6 !important;
+    }
+
+    ${e} td {
+      outline: 1px solid #3f5a54 !important;
+    }
+
+    ${e} col {
+      outline: 1px solid #6c9a8f !important;
+    }
+
+    ${e} colgroup {
+      outline: 1px solid #6c9a9d !important;
+    }
+
+    ${e} button {
+      outline: 1px solid #da8301 !important;
+    }
+
+    ${e} datalist {
+      outline: 1px solid #c06000 !important;
+    }
+
+    ${e} fieldset {
+      outline: 1px solid #d95100 !important;
+    }
+
+    ${e} form {
+      outline: 1px solid #d23600 !important;
+    }
+
+    ${e} input {
+      outline: 1px solid #fca600 !important;
+    }
+
+    ${e} keygen {
+      outline: 1px solid #b31e00 !important;
+    }
+
+    ${e} label {
+      outline: 1px solid #ee8900 !important;
+    }
+
+    ${e} legend {
+      outline: 1px solid #de6d00 !important;
+    }
+
+    ${e} meter {
+      outline: 1px solid #e8630c !important;
+    }
+
+    ${e} optgroup {
+      outline: 1px solid #b33600 !important;
+    }
+
+    ${e} option {
+      outline: 1px solid #ff8a00 !important;
+    }
+
+    ${e} output {
+      outline: 1px solid #ff9619 !important;
+    }
+
+    ${e} progress {
+      outline: 1px solid #e57c00 !important;
+    }
+
+    ${e} select {
+      outline: 1px solid #e26e0f !important;
+    }
+
+    ${e} textarea {
+      outline: 1px solid #cc5400 !important;
+    }
+
+    ${e} details {
+      outline: 1px solid #33848f !important;
+    }
+
+    ${e} summary {
+      outline: 1px solid #60a1a6 !important;
+    }
+
+    ${e} command {
+      outline: 1px solid #438da1 !important;
+    }
+
+    ${e} menu {
+      outline: 1px solid #449da6 !important;
+    }
+
+    ${e} del {
+      outline: 1px solid #bf0000 !important;
+    }
+
+    ${e} ins {
+      outline: 1px solid #400000 !important;
+    }
+
+    ${e} img {
+      outline: 1px solid #22746b !important;
+    }
+
+    ${e} iframe {
+      outline: 1px solid #64a7a0 !important;
+    }
+
+    ${e} embed {
+      outline: 1px solid #98daca !important;
+    }
+
+    ${e} object {
+      outline: 1px solid #00cc99 !important;
+    }
+
+    ${e} param {
+      outline: 1px solid #37ffc4 !important;
+    }
+
+    ${e} video {
+      outline: 1px solid #6ee866 !important;
+    }
+
+    ${e} audio {
+      outline: 1px solid #027353 !important;
+    }
+
+    ${e} source {
+      outline: 1px solid #012426 !important;
+    }
+
+    ${e} canvas {
+      outline: 1px solid #a2f570 !important;
+    }
+
+    ${e} track {
+      outline: 1px solid #59a600 !important;
+    }
+
+    ${e} map {
+      outline: 1px solid #7be500 !important;
+    }
+
+    ${e} area {
+      outline: 1px solid #305900 !important;
+    }
+
+    ${e} a {
+      outline: 1px solid #ff62ab !important;
+    }
+
+    ${e} em {
+      outline: 1px solid #800b41 !important;
+    }
+
+    ${e} strong {
+      outline: 1px solid #ff1583 !important;
+    }
+
+    ${e} i {
+      outline: 1px solid #803156 !important;
+    }
+
+    ${e} b {
+      outline: 1px solid #cc1169 !important;
+    }
+
+    ${e} u {
+      outline: 1px solid #ff0430 !important;
+    }
+
+    ${e} s {
+      outline: 1px solid #f805e3 !important;
+    }
+
+    ${e} small {
+      outline: 1px solid #d107b2 !important;
+    }
+
+    ${e} abbr {
+      outline: 1px solid #4a0263 !important;
+    }
+
+    ${e} q {
+      outline: 1px solid #240018 !important;
+    }
+
+    ${e} cite {
+      outline: 1px solid #64003c !important;
+    }
+
+    ${e} dfn {
+      outline: 1px solid #b4005a !important;
+    }
+
+    ${e} sub {
+      outline: 1px solid #dba0c8 !important;
+    }
+
+    ${e} sup {
+      outline: 1px solid #cc0256 !important;
+    }
+
+    ${e} time {
+      outline: 1px solid #d6606d !important;
+    }
+
+    ${e} code {
+      outline: 1px solid #e04251 !important;
+    }
+
+    ${e} kbd {
+      outline: 1px solid #5e001f !important;
+    }
+
+    ${e} samp {
+      outline: 1px solid #9c0033 !important;
+    }
+
+    ${e} var {
+      outline: 1px solid #d90047 !important;
+    }
+
+    ${e} mark {
+      outline: 1px solid #ff0053 !important;
+    }
+
+    ${e} bdi {
+      outline: 1px solid #bf3668 !important;
+    }
+
+    ${e} bdo {
+      outline: 1px solid #6f1400 !important;
+    }
+
+    ${e} ruby {
+      outline: 1px solid #ff7b93 !important;
+    }
+
+    ${e} rt {
+      outline: 1px solid #ff2f54 !important;
+    }
+
+    ${e} rp {
+      outline: 1px solid #803e49 !important;
+    }
+
+    ${e} span {
+      outline: 1px solid #cc2643 !important;
+    }
+
+    ${e} br {
+      outline: 1px solid #db687d !important;
+    }
+
+    ${e} wbr {
+      outline: 1px solid #db175b !important;
+    }`;
 }
-s(Dr, "runStory");
+n(St, "outlineCSS");
+
+// src/outline/withOutline.ts
+var mo = /* @__PURE__ */ n((e, t) => {
+  let r = t.globals || {}, o = [!0, "true"].includes(r[$e]), i = t.viewMode === "docs", s = (0, Fe.useMemo)(() => St(i ? '[data-story-block=\
+"true"]' : ".sb-show-main"), [t]);
+  return (0, Fe.useEffect)(() => {
+    let a = i ? `addon-outline-docs-${t.id}` : "addon-outline";
+    return o ? lo(a, s) : Tt(a), () => {
+      Tt(a);
+    };
+  }, [o, s, t]), e();
+}, "withOutline");
+
+// src/outline/preview.ts
+var Fn = globalThis.FEATURES?.outline ? [mo] : [], In = {
+  [$e]: !1
+}, At = /* @__PURE__ */ n(() => (0, uo.definePreviewAddon)({ decorators: Fn, initialGlobals: In }), "default");
+
+// src/test/preview.ts
+var yo = require("storybook/internal/csf"), go = require("storybook/internal/instrumenter"), D = require("storybook/test");
+var Ln = /* @__PURE__ */ n(({ parameters: e }) => {
+  e?.test?.mockReset === !0 ? (0, D.resetAllMocks)() : e?.test?.clearMocks === !0 ? (0, D.clearAllMocks)() : e?.test?.restoreMocks !== !1 &&
+  (0, D.restoreAllMocks)();
+}, "resetAllMocksLoader"), Rt = /* @__PURE__ */ n((e, t = 0, r) => {
+  if (t > 5 || e == null)
+    return e;
+  if ((0, D.isMockFunction)(e))
+    return r && e.mockName(r), e;
+  if (typeof e == "function" && "isAction" in e && e.isAction && !("implicit" in e && e.implicit)) {
+    let o = (0, D.fn)(e);
+    return r && o.mockName(r), o;
+  }
+  if (Array.isArray(e)) {
+    t++;
+    for (let o = 0; o < e.length; o++)
+      Object.getOwnPropertyDescriptor(e, o)?.writable && (e[o] = Rt(e[o], t));
+    return e;
+  }
+  if (typeof e == "object" && e.constructor === Object) {
+    t++;
+    for (let [o, i] of Object.entries(e))
+      Object.getOwnPropertyDescriptor(e, o)?.writable && (e[o] = Rt(i, t, o));
+    return e;
+  }
+  return e;
+}, "traverseArgs"), _n = /* @__PURE__ */ n(({ initialArgs: e }) => {
+  Rt(e);
+}, "nameSpiesAndWrapActionsInSpies"), fo = !1, Dn = /* @__PURE__ */ n(async (e) => {
+  globalThis.HTMLElement && e.canvasElement instanceof globalThis.HTMLElement && (e.canvas = (0, D.within)(e.canvasElement));
+  let t = globalThis.window?.navigator?.clipboard;
+  if (t) {
+    e.userEvent = (0, go.instrument)(
+      { userEvent: D.uninstrumentedUserEvent.setup() },
+      { intercept: !0 }
+    ).userEvent, Object.defineProperty(globalThis.window.navigator, "clipboard", {
+      get: /* @__PURE__ */ n(() => t, "get"),
+      configurable: !0
+    });
+    let r = HTMLElement.prototype.focus;
+    fo || Object.defineProperties(HTMLElement.prototype, {
+      focus: {
+        configurable: !0,
+        set: /* @__PURE__ */ n((o) => {
+          r = o, fo = !0;
+        }, "set"),
+        get: /* @__PURE__ */ n(() => r, "get")
+      }
+    });
+  }
+}, "enhanceContext"), wt = /* @__PURE__ */ n(() => (0, yo.definePreviewAddon)({
+  loaders: [Ln, _n, Dn]
+}), "default");
+
+// src/viewport/preview.ts
+var bo = require("storybook/internal/csf");
+
+// src/viewport/constants.ts
+var ho = "storybook/viewport", xo = "viewport", Gp = `${ho}/panel`, Wp = `${ho}/tool`;
+
+// src/viewport/preview.ts
+var Hn = {
+  [xo]: { value: void 0, isRotated: !1 }
+}, Et = /* @__PURE__ */ n(() => (0, bo.definePreviewAddon)({
+  initialGlobals: Hn
+}), "default");
 
 // src/csf/core-annotations.ts
-var me = b(require("storybook/internal/component-testing/preview"), 1), ye = b(require("storybook/actions/preview"), 1), ge = b(require("storybook/backgrounds/preview"), 1),
-Te = b(require("storybook/highlight/preview"), 1), xe = b(require("storybook/measure/preview"), 1), he = b(require("storybook/outline/preview"), 1),
-Se = b(require("storybook/test/preview"), 1), Ae = b(require("storybook/viewport/preview"), 1);
-function Re() {
+function Ct() {
   return [
     // @ts-expect-error CJS fallback
-    (xe.default.default ?? xe.default)(),
+    (bt.default ?? bt)(),
     // @ts-expect-error CJS fallback
-    (ge.default.default ?? ge.default)(),
+    (st.default ?? st)(),
     // @ts-expect-error CJS fallback
-    (Te.default.default ?? Te.default)(),
+    (yt.default ?? yt)(),
     // @ts-expect-error CJS fallback
-    (he.default.default ?? he.default)(),
+    (At.default ?? At)(),
     // @ts-expect-error CJS fallback
-    (Ae.default.default ?? Ae.default)(),
+    (Et.default ?? Et)(),
     // @ts-expect-error CJS fallback
-    (ye.default.default ?? ye.default)(),
+    (ot.default ?? ot)(),
     // @ts-expect-error CJS fallback
-    (me.default.default ?? me.default)(),
+    (at.default ?? at)(),
     // @ts-expect-error CJS fallback
-    (Se.default.default ?? Se.default)()
+    (wt.default ?? wt)()
   ];
 }
-s(Re, "getCoreAnnotations");
+n(Ct, "getCoreAnnotations");
 
 // src/csf/csf-factories.ts
-function Mr(e) {
-  let r, t = {
+function Nn(e) {
+  let t, r = {
     _tag: "Preview",
     input: e,
     get composed() {
-      if (r)
-        return r;
-      let { addons: o, ...a } = e;
-      return r = z(
-        H([...Re(), ...o ?? [], a])
-      ), r;
+      if (t)
+        return t;
+      let { addons: o, ...i } = e;
+      return t = se(
+        le([...Ct(), ...o ?? [], i])
+      ), t;
     },
     meta(o) {
-      return Hr(o, this);
+      return Un(o, this);
     }
   };
-  return globalThis.globalProjectAnnotations = t.composed, t;
+  return globalThis.globalProjectAnnotations = r.composed, r;
 }
-s(Mr, "definePreview");
-function zr(e) {
+n(Nn, "definePreview");
+function jn(e) {
   return e;
 }
-s(zr, "definePreviewAddon");
-function Br(e) {
+n(jn, "definePreviewAddon");
+function Bn(e) {
   return e != null && typeof e == "object" && "_tag" in e && e?._tag === "Preview";
 }
-s(Br, "isPreview");
-function Ur(e) {
+n(Bn, "isPreview");
+function zn(e) {
   return e != null && typeof e == "object" && "_tag" in e && e?._tag === "Meta";
 }
-s(Ur, "isMeta");
-function Hr(e, r) {
+n(zn, "isMeta");
+function Un(e, t) {
   return {
     _tag: "Meta",
     input: e,
-    preview: r,
+    preview: t,
     get composed() {
       throw new Error("Not implemented");
     },
     // @ts-expect-error hard
-    story(t = {}) {
-      return sr(typeof t == "function" ? { render: t } : t, this);
+    story(r = {}) {
+      return So(typeof r == "function" ? { render: r } : r, this);
     }
   };
 }
-s(Hr, "defineMeta");
-function $r(e) {
+n(Un, "defineMeta");
+function Gn(e) {
   return e != null && typeof e == "object" && "_tag" in e && e?._tag === "Story";
 }
-s($r, "isStory");
-function sr(e, r) {
-  let t, o = /* @__PURE__ */ s(() => (t || (t = fe(
+n(Gn, "isStory");
+function So(e, t) {
+  let r, o = /* @__PURE__ */ n(() => (r || (r = Ze(
     e,
-    r.input,
+    t.input,
     void 0,
-    r.preview.composed
-  )), t), "compose");
+    t.preview.composed
+  )), r), "compose");
   return {
     _tag: "Story",
     input: e,
-    meta: r,
+    meta: t,
     __compose: o,
     get composed() {
-      let a = o(), { args: n, argTypes: i, parameters: p, id: d, tags: c, globals: m, storyName: u } = a;
-      return { args: n, argTypes: i, parameters: p, id: d, tags: c, name: u, globals: m };
+      let i = o(), { args: s, argTypes: a, parameters: p, id: c, tags: l, globals: y, storyName: u } = i;
+      return { args: s, argTypes: a, parameters: p, id: c, tags: l, name: u, globals: y };
     },
     get play() {
-      return e.play ?? r.input?.play ?? (async () => {
+      return e.play ?? t.input?.play ?? (async () => {
       });
     },
     get run() {
       return o().run ?? (async () => {
       });
     },
-    extend(a) {
-      return sr(
+    extend(i) {
+      return So(
         {
           ...this.input,
-          ...a,
-          args: { ...this.input.args, ...a.args },
-          argTypes: x(this.input.argTypes, a.argTypes),
+          ...i,
+          args: { ...this.input.args, ...i.args },
+          argTypes: _(this.input.argTypes, i.argTypes),
           afterEach: [
-            ...l(this.input?.afterEach ?? []),
-            ...l(a.afterEach ?? [])
+            ...b(this.input?.afterEach ?? []),
+            ...b(i.afterEach ?? [])
           ],
           beforeEach: [
-            ...l(this.input?.beforeEach ?? []),
-            ...l(a.beforeEach ?? [])
+            ...b(this.input?.beforeEach ?? []),
+            ...b(i.beforeEach ?? [])
           ],
           decorators: [
-            ...l(this.input?.decorators ?? []),
-            ...l(a.decorators ?? [])
+            ...b(this.input?.decorators ?? []),
+            ...b(i.decorators ?? [])
           ],
-          globals: { ...this.input.globals, ...a.globals },
+          globals: { ...this.input.globals, ...i.globals },
           loaders: [
-            ...l(this.input?.loaders ?? []),
-            ...l(a.loaders ?? [])
+            ...b(this.input?.loaders ?? []),
+            ...b(i.loaders ?? [])
           ],
-          parameters: x(this.input.parameters, a.parameters),
-          tags: (0, nr.combineTags)(...this.input.tags ?? [], ...a.tags ?? [])
+          parameters: _(this.input.parameters, i.parameters),
+          tags: (0, To.combineTags)(...this.input.tags ?? [], ...i.tags ?? [])
         },
         this.meta
       );
     }
   };
 }
-s(sr, "defineStory");
+n(So, "defineStory");
 
 // src/csf/index.ts
-var pr = /* @__PURE__ */ s((e) => e.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace(/-+/g,
-"-").replace(/^-+/, "").replace(/-+$/, ""), "sanitize"), ar = /* @__PURE__ */ s((e, r) => {
-  let t = pr(e);
-  if (t === "")
-    throw new Error(`Invalid ${r} '${e}', must include alphanumeric characters`);
-  return t;
-}, "sanitizeSafe"), Lr = /* @__PURE__ */ s((e, r) => `${ar(e, "kind")}${r ? `--${ar(r, "name")}` : ""}`, "toId"), Wr = /* @__PURE__ */ s((e) => we(
+var wo = /* @__PURE__ */ n((e) => e.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace(/-+/g,
+"-").replace(/^-+/, "").replace(/-+$/, ""), "sanitize"), Ao = /* @__PURE__ */ n((e, t) => {
+  let r = wo(e);
+  if (r === "")
+    throw new Error(`Invalid ${t} '${e}', must include alphanumeric characters`);
+  return r;
+}, "sanitizeSafe"), Wn = /* @__PURE__ */ n((e, t) => `${Ao(e, "kind")}${t ? `--${Ao(t, "name")}` : ""}`, "toId"), Yn = /* @__PURE__ */ n((e) => Mt(
 e), "storyNameFromExport");
-function ir(e, r) {
-  return Array.isArray(r) ? r.includes(e) : e.match(r);
+function Ro(e, t) {
+  return Array.isArray(t) ? t.includes(e) : e.match(t);
 }
-s(ir, "matches");
-function Gr(e, { includeStories: r, excludeStories: t }) {
+n(Ro, "matches");
+function Vn(e, { includeStories: t, excludeStories: r }) {
   return (
     // https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs
-    e !== "__esModule" && (!r || ir(e, r)) && (!t || !ir(e, t))
+    e !== "__esModule" && (!t || Ro(e, t)) && (!r || !Ro(e, r))
   );
 }
-s(Gr, "isExportStory");
-var Vr = /* @__PURE__ */ s((e, { rootSeparator: r, groupSeparator: t }) => {
-  let [o, a] = e.split(r, 2), n = (a || e).split(t).filter((i) => !!i);
+n(Vn, "isExportStory");
+var Kn = /* @__PURE__ */ n((e, { rootSeparator: t, groupSeparator: r }) => {
+  let [o, i] = e.split(t, 2), s = (i || e).split(r).filter((a) => !!a);
   return {
-    root: a ? o : null,
-    groups: n
+    root: i ? o : null,
+    groups: s
   };
-}, "parseKind"), qr = /* @__PURE__ */ s((...e) => {
-  let r = e.reduce((t, o) => (o.startsWith("!") ? t.delete(o.slice(1)) : t.add(o), t), /* @__PURE__ */ new Set());
-  return Array.from(r);
+}, "parseKind"), qn = /* @__PURE__ */ n((...e) => {
+  let t = e.reduce((r, o) => (o.startsWith("!") ? r.delete(o.slice(1)) : r.add(o), r), /* @__PURE__ */ new Set());
+  return Array.from(t);
 }, "combineTags");