storybook 9.1.0-alpha.7 → 9.1.0-alpha.8

package/dist/core-server/presets/common-manager.js

@@ -495,7 +495,7 @@ var X, ct, Ne = $(() => {
 });
 
 // ../node_modules/color-name/index.js
-var uc = J((C5, pc) => {
+var uc = J((w5, pc) => {
   "use strict";
   pc.exports = {
     aliceblue: [240, 248, 255],
@@ -650,7 +650,7 @@ var uc = J((C5, pc) => {
 });
 
 // ../node_modules/color-convert/conversions.js
-var sa = J((w5, fc) => {
+var sa = J((T5, fc) => {
   var fr = uc(), dc = {};
   for (let e of Object.keys(fr))
     dc[fr[e]] = e;
@@ -985,7 +985,7 @@ var sa = J((w5, fc) => {
 });
 
 // ../node_modules/color-convert/route.js
-var gc = J((A5, mc) => {
+var gc = J((k5, mc) => {
   var bo = sa();
   function mb() {
     let e = {}, t = Object.keys(bo);
@@ -1035,7 +1035,7 @@ var gc = J((A5, mc) => {
 });
 
 // ../node_modules/color-convert/index.js
-var bc = J((O5, hc) => {
+var bc = J((I5, hc) => {
   var la = sa(), yb = gc(), qt = {}, xb = Object.keys(la);
   function vb(e) {
     let t = /* @__PURE__ */ a(function(...r) {
@@ -1695,7 +1695,7 @@ var Yc = J((Kc, va) => {
 });
 
 // ../node_modules/entities/lib/maps/entities.json
-var Wa = J((e_, b1) => {
+var Wa = J((t_, b1) => {
   b1.exports = { Aacute: "\xC1", aacute: "\xE1", Abreve: "\u0102", abreve: "\u0103", ac: "\u223E", acd: "\u223F", acE: "\u223E\u0333", Acirc: "\
 \xC2", acirc: "\xE2", acute: "\xB4", Acy: "\u0410", acy: "\u0430", AElig: "\xC6", aelig: "\xE6", af: "\u2061", Afr: "\u{1D504}", afr: "\u{1D51E}",
   Agrave: "\xC0", agrave: "\xE0", alefsym: "\u2135", aleph: "\u2135", Alpha: "\u0391", alpha: "\u03B1", Amacr: "\u0100", amacr: "\u0101", amalg: "\
@@ -1977,7 +1977,7 @@ var Wa = J((e_, b1) => {
 });
 
 // ../node_modules/entities/lib/maps/legacy.json
-var Xp = J((t_, y1) => {
+var Xp = J((r_, y1) => {
   y1.exports = { Aacute: "\xC1", aacute: "\xE1", Acirc: "\xC2", acirc: "\xE2", acute: "\xB4", AElig: "\xC6", aelig: "\xE6", Agrave: "\xC0", agrave: "\
 \xE0", amp: "&", AMP: "&", Aring: "\xC5", aring: "\xE5", Atilde: "\xC3", atilde: "\xE3", Auml: "\xC4", auml: "\xE4", brvbar: "\xA6", Ccedil: "\
 \xC7", ccedil: "\xE7", cedil: "\xB8", cent: "\xA2", copy: "\xA9", COPY: "\xA9", curren: "\xA4", deg: "\xB0", divide: "\xF7", Eacute: "\xC9",
@@ -1992,12 +1992,12 @@ var Xp = J((t_, y1) => {
 });
 
 // ../node_modules/entities/lib/maps/xml.json
-var Ga = J((r_, x1) => {
+var Ga = J((o_, x1) => {
   x1.exports = { amp: "&", apos: "'", gt: ">", lt: "<", quot: '"' };
 });
 
 // ../node_modules/entities/lib/maps/decode.json
-var Zp = J((o_, v1) => {
+var Zp = J((n_, v1) => {
   v1.exports = { "0": 65533, "128": 8364, "130": 8218, "131": 402, "132": 8222, "133": 8230, "134": 8224, "135": 8225, "136": 710, "137": 8240,
   "138": 352, "139": 8249, "140": 338, "142": 381, "145": 8216, "146": 8217, "147": 8220, "148": 8221, "149": 8226, "150": 8211, "151": 8212,
   "152": 732, "153": 8482, "154": 353, "155": 8250, "156": 339, "158": 382, "159": 376 };
@@ -2224,7 +2224,7 @@ var mu = J((F) => {
 });
 
 // ../node_modules/ansi-to-html/lib/ansi_to_html.js
-var Tu = J((d_, wu) => {
+var Tu = J((f_, wu) => {
   "use strict";
   function F1(e, t) {
     if (!(e instanceof t))
@@ -2626,7 +2626,7 @@ e" : e === 9 ? t = "strike" : 29 < e && e < 38 || e === 39 || 89 < e && e < 98 ?
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/extends.js
-var Uo = J((F_, oi) => {
+var Uo = J((R_, oi) => {
   function ri() {
     return oi.exports = ri = Object.assign || function(e) {
       for (var t = 1; t < arguments.length; t++) {
@@ -2642,7 +2642,7 @@ var Uo = J((F_, oi) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Nu = J((j_, Lu) => {
+var Nu = J((H_, Lu) => {
   function uv(e, t) {
     if (e == null) return {};
     var r = {}, o = Object.keys(e), n, i;
@@ -2655,7 +2655,7 @@ var Nu = J((j_, Lu) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var qo = J(($_, _u) => {
+var qo = J((V_, _u) => {
   var dv = Nu();
   function fv(e, t) {
     if (e == null) return {};
@@ -2672,7 +2672,7 @@ var qo = J(($_, _u) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/defineProperty.js
-var Bu = J((G_, Mu) => {
+var Bu = J((J_, Mu) => {
   function gv(e, t, r) {
     return t in e ? Object.defineProperty(e, t, {
       value: r,
@@ -2686,7 +2686,7 @@ var Bu = J((G_, Mu) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectSpread2.js
-var ju = J((K_, Ru) => {
+var ju = J((Y_, Ru) => {
   var hv = Bu();
   function Fu(e, t) {
     var r = Object.keys(e);
@@ -2715,7 +2715,7 @@ var ju = J((K_, Ru) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var $u = J((X_, Hu) => {
+var $u = J((Z_, Hu) => {
   function yv(e, t) {
     if (e == null) return {};
     var r = {}, o = Object.keys(e), n, i;
@@ -2728,7 +2728,7 @@ var $u = J((X_, Hu) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var zu = J((Q_, Vu) => {
+var zu = J((eD, Vu) => {
   var xv = $u();
   function vv(e, t) {
     if (e == null) return {};
@@ -2745,7 +2745,7 @@ var zu = J((Q_, Vu) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/defineProperty.js
-var Gu = J((aD, Wu) => {
+var Gu = J((iD, Wu) => {
   function Sv(e, t, r) {
     return t in e ? Object.defineProperty(e, t, {
       value: r,
@@ -2759,7 +2759,7 @@ var Gu = J((aD, Wu) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectSpread2.js
-var Yu = J((sD, Ku) => {
+var Yu = J((lD, Ku) => {
   var Cv = Gu();
   function Ju(e, t) {
     var r = Object.keys(e);
@@ -2788,7 +2788,7 @@ var Yu = J((sD, Ku) => {
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/extends.js
-var Xu = J((cD, ui) => {
+var Xu = J((pD, ui) => {
   function pi() {
     return ui.exports = pi = Object.assign || function(e) {
       for (var t = 1; t < arguments.length; t++) {
@@ -2804,7 +2804,7 @@ var Xu = J((cD, ui) => {
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Qu = J((uD, Zu) => {
+var Qu = J((dD, Zu) => {
   function Tv(e, t) {
     if (e == null) return {};
     var r = {}, o = Object.keys(e), n, i;
@@ -2817,7 +2817,7 @@ var Qu = J((uD, Zu) => {
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var td = J((fD, ed) => {
+var td = J((mD, ed) => {
   var Av = Qu();
   function kv(e, t) {
     if (e == null) return {};
@@ -2834,8 +2834,8 @@ var td = J((fD, ed) => {
 });
 
 // src/core-server/presets/common-manager.ts
-import { global as _C } from "@storybook/global";
-import { addons as DC } from "storybook/manager-api";
+import { global as DC } from "@storybook/global";
+import { addons as MC } from "storybook/manager-api";
 
 // src/controls/manager.tsx
 import Me from "react";
@@ -2917,7 +2917,7 @@ import { styled as H0 } from "storybook/theming";
 
 // ../addons/docs/src/blocks/components/ArgsTable/ArgsTable.tsx
 or();
-import q from "react";
+import W from "react";
 import { once as s0 } from "storybook/internal/client-logger";
 import { IconButton as l0, Link as c0, ResetWrapper as p0 } from "storybook/internal/components";
 import { includeConditionalArg as u0 } from "storybook/internal/csf";
@@ -3307,8 +3307,8 @@ var Ef = /* @__PURE__ */ a(function(t) {
       throw new Ce(72, o, t);
     return "" + n / i + t;
   };
-}, "pxtoFactory"), zs = Ef, YT = zs("em");
-var XT = zs("rem");
+}, "pxtoFactory"), zs = Ef, XT = zs("em");
+var ZT = zs("rem");
 function vn(e) {
   return Math.round(e * 255);
 }
@@ -3700,7 +3700,7 @@ function Hf(e, t) {
   }));
 }
 a(Hf, "adjustHue");
-var ZT = Oe(Hf);
+var QT = Oe(Hf);
 function Rt(e, t, r) {
   return Math.max(e, Math.min(t, r));
 }
@@ -3722,7 +3722,7 @@ function zf(e, t) {
   }));
 }
 a(zf, "desaturate");
-var QT = Oe(zf);
+var eA = Oe(zf);
 function Uf(e, t) {
   if (t === "transparent") return t;
   var r = nt(t);
@@ -3767,38 +3767,38 @@ function Yf(e, t) {
   }));
 }
 a(Yf, "saturate");
-var eA = Oe(Yf);
+var tA = Oe(Yf);
 function Xf(e, t) {
   return t === "transparent" ? t : at(he({}, nt(t), {
     hue: parseFloat(e)
   }));
 }
 a(Xf, "setHue");
-var tA = Oe(Xf);
+var rA = Oe(Xf);
 function Zf(e, t) {
   return t === "transparent" ? t : at(he({}, nt(t), {
     lightness: parseFloat(e)
   }));
 }
 a(Zf, "setLightness");
-var rA = Oe(Zf);
+var oA = Oe(Zf);
 function Qf(e, t) {
   return t === "transparent" ? t : at(he({}, nt(t), {
     saturation: parseFloat(e)
   }));
 }
 a(Qf, "setSaturation");
-var oA = Oe(Qf);
+var nA = Oe(Qf);
 function em(e, t) {
   return t === "transparent" ? t : qs(parseFloat(e), "rgb(0, 0, 0)", t);
 }
 a(em, "shade");
-var nA = Oe(em);
+var aA = Oe(em);
 function tm(e, t) {
   return t === "transparent" ? t : qs(parseFloat(e), "rgb(255, 255, 255)", t);
 }
 a(tm, "tint");
-var aA = Oe(tm);
+var iA = Oe(tm);
 function rm(e, t) {
   if (t === "transparent") return t;
   var r = Ft(t), o = typeof r.alpha == "number" ? r.alpha : 1, n = he({}, r, {
@@ -3917,10 +3917,10 @@ Yr, { style: { width: "80%" } })), "SourceSkeleton"), Gs = /* @__PURE__ */ a(({
 }, "Source");
 
 // ../addons/docs/src/blocks/components/DocsPage.tsx
-import EA from "react";
+import SA from "react";
 import { withReset as Js } from "storybook/internal/components";
 import { styled as Xr } from "storybook/theming";
-var re = /* @__PURE__ */ a((e) => `& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`, "toGlobalSelector"), An = 600, TA = Xr.
+var re = /* @__PURE__ */ a((e) => `& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`, "toGlobalSelector"), An = 600, AA = Xr.
 h1(Js, ({ theme: e }) => ({
   color: e.color.defaultText,
   fontSize: e.typography.size.m3,
@@ -3931,7 +3931,7 @@ h1(Js, ({ theme: e }) => ({
     lineHeight: "36px",
     marginBottom: "16px"
   }
-})), AA = Xr.h2(Js, ({ theme: e }) => ({
+})), kA = Xr.h2(Js, ({ theme: e }) => ({
   fontWeight: e.typography.weight.regular,
   fontSize: e.typography.size.s3,
   lineHeight: "20px",
@@ -3943,7 +3943,7 @@ h1(Js, ({ theme: e }) => ({
     marginBottom: 24
   },
   color: B(0.25, e.color.defaultText)
-})), kA = Xr.div(({ theme: e }) => {
+})), OA = Xr.div(({ theme: e }) => {
   let t = {
     fontFamily: e.typography.fonts.base,
     fontSize: e.typography.size.s3,
@@ -4289,7 +4289,7 @@ h1(Js, ({ theme: e }) => ({
       listStyle: "disc"
     }
   };
-}), OA = Xr.div(({ theme: e }) => ({
+}), IA = Xr.div(({ theme: e }) => ({
   background: e.background.content,
   display: "flex",
   flexDirection: "row-reverse",
@@ -4315,13 +4315,13 @@ var it = /* @__PURE__ */ a((e) => ({
 }), "getBlockBackgroundStyle");
 
 // ../addons/docs/src/blocks/components/Story.tsx
-import zA, { useEffect as UA, useRef as qA, useState as WA } from "react";
-import { ErrorFormatter as JA, Loader as KA, getStoryHref as YA } from "storybook/internal/components";
+import UA, { useEffect as qA, useRef as WA, useState as GA } from "react";
+import { ErrorFormatter as KA, Loader as YA, getStoryHref as XA } from "storybook/internal/components";
 import { styled as bm } from "storybook/theming";
 
 // ../addons/docs/src/blocks/components/IFrame.tsx
-import DA, { Component as MA } from "react";
-var { window: BA } = globalThis;
+import MA, { Component as BA } from "react";
+var { window: FA } = globalThis;
 
 // ../addons/docs/src/blocks/components/ZoomContext.tsx
 import { createContext as hm } from "react";
@@ -4330,8 +4330,8 @@ var kn = hm({
 });
 
 // ../addons/docs/src/blocks/components/Story.tsx
-var { PREVIEW_URL: ek } = globalThis;
-var tk = bm.strong(({ theme: e }) => ({
+var { PREVIEW_URL: tk } = globalThis;
+var rk = bm.strong(({ theme: e }) => ({
   color: e.color.orange
 }));
 
@@ -4575,7 +4575,7 @@ var _m = jt(Ks)({
     ), /* @__PURE__ */ Re.createElement(km, { actionItems: E }))),
     n && p && f
   );
-}, "Preview"), vk = jt(Mm)(() => ({
+}, "Preview"), Ek = jt(Mm)(() => ({
   ".docs-story": {
     paddingTop: 32,
     paddingBottom: 40
@@ -4583,46 +4583,46 @@ var _m = jt(Ks)({
 }));
 
 // ../addons/docs/src/blocks/components/ArgsTable/TabbedArgsTable.tsx
-import wk from "react";
-import { TabsState as Ak } from "storybook/internal/components";
+import Tk from "react";
+import { TabsState as kk } from "storybook/internal/components";
 
 // ../addons/docs/src/blocks/components/Typeset.tsx
-import Mk from "react";
+import Bk from "react";
 import { withReset as Bm } from "storybook/internal/components";
 import { styled as Zr } from "storybook/theming";
-var Hk = Zr.div(({ theme: e }) => ({
+var $k = Zr.div(({ theme: e }) => ({
   marginRight: 30,
   fontSize: `${e.typography.size.s1}px`,
   color: e.base === "light" ? B(0.4, e.color.defaultText) : B(0.6, e.color.defaultText)
-})), $k = Zr.div({
+})), Vk = Zr.div({
   overflow: "hidden",
   whiteSpace: "nowrap",
   textOverflow: "ellipsis"
-}), Vk = Zr.div({
+}), zk = Zr.div({
   display: "flex",
   flexDirection: "row",
   alignItems: "baseline",
   "&:not(:last-child)": { marginBottom: "1rem" }
-}), zk = Zr.div(Bm, ({ theme: e }) => ({
+}), Uk = Zr.div(Bm, ({ theme: e }) => ({
   ...it(e),
   margin: "25px 0 40px",
   padding: "30px 20px"
 }));
 
 // ../addons/docs/src/blocks/components/ColorPalette.tsx
-import Gk from "react";
-import { ResetWrapper as Kk } from "storybook/internal/components";
+import Jk from "react";
+import { ResetWrapper as Yk } from "storybook/internal/components";
 import { styled as we } from "storybook/theming";
-var Qk = we.div(({ theme: e }) => ({
+var e2 = we.div(({ theme: e }) => ({
   fontWeight: e.typography.weight.bold,
   color: e.color.defaultText
-})), e2 = we.div(({ theme: e }) => ({
+})), t2 = we.div(({ theme: e }) => ({
   color: e.base === "light" ? B(0.2, e.color.defaultText) : B(0.6, e.color.defaultText)
-})), t2 = we.div({
+})), r2 = we.div({
   flex: "0 0 30%",
   lineHeight: "20px",
   marginTop: 5
-}), r2 = we.div(({ theme: e }) => ({
+}), o2 = we.div(({ theme: e }) => ({
   flex: 1,
   textAlign: "center",
   fontFamily: e.typography.fonts.mono,
@@ -4640,10 +4640,10 @@ var Qk = we.div(({ theme: e }) => ({
     display: "block",
     marginTop: 2
   }
-})), o2 = we.div({
+})), n2 = we.div({
   display: "flex",
   flexDirection: "row"
-}), n2 = we.div(({ background: e }) => ({
+}), a2 = we.div(({ background: e }) => ({
   position: "relative",
   flex: 1,
   "&::before": {
@@ -4655,7 +4655,7 @@ var Qk = we.div(({ theme: e }) => ({
     background: e,
     content: '""'
   }
-})), a2 = we.div(({ theme: e }) => ({
+})), i2 = we.div(({ theme: e }) => ({
   ...it(e),
   display: "flex",
   flexDirection: "row",
@@ -4665,31 +4665,31 @@ var Qk = we.div(({ theme: e }) => ({
   backgroundColor: "white",
   backgroundImage: "repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",
   backgroundClip: "padding-box"
-})), i2 = we.div({
+})), s2 = we.div({
   display: "flex",
   flexDirection: "column",
   flex: 1,
   position: "relative",
   marginBottom: 30
-}), s2 = we.div({
+}), l2 = we.div({
   flex: 1,
   display: "flex",
   flexDirection: "row"
-}), l2 = we.div({
+}), c2 = we.div({
   display: "flex",
   alignItems: "flex-start"
-}), c2 = we.div({
-  flex: "0 0 30%"
 }), p2 = we.div({
+  flex: "0 0 30%"
+}), u2 = we.div({
   flex: 1
-}), u2 = we.div(({ theme: e }) => ({
+}), d2 = we.div(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
   paddingBottom: 20,
   fontWeight: e.typography.weight.bold,
   color: e.base === "light" ? B(0.4, e.color.defaultText) : B(0.6, e.color.defaultText)
-})), d2 = we.div(({ theme: e }) => ({
+})), f2 = we.div(({ theme: e }) => ({
   fontSize: e.typography.size.s2,
   lineHeight: "20px",
   display: "flex",
@@ -4697,10 +4697,10 @@ var Qk = we.div(({ theme: e }) => ({
 }));
 
 // ../addons/docs/src/blocks/components/IconGallery.tsx
-import h2 from "react";
-import { ResetWrapper as y2 } from "storybook/internal/components";
+import b2 from "react";
+import { ResetWrapper as x2 } from "storybook/internal/components";
 import { styled as Qr } from "storybook/theming";
-var E2 = Qr.div(({ theme: e }) => ({
+var S2 = Qr.div(({ theme: e }) => ({
   fontFamily: e.typography.fonts.base,
   fontSize: e.typography.size.s1,
   color: e.color.defaultText,
@@ -4712,7 +4712,7 @@ var E2 = Qr.div(({ theme: e }) => ({
   textOverflow: "ellipsis",
   WebkitLineClamp: 2,
   WebkitBoxOrient: "vertical"
-})), S2 = Qr.div(({ theme: e }) => ({
+})), C2 = Qr.div(({ theme: e }) => ({
   ...it(e),
   overflow: "hidden",
   height: 40,
@@ -4725,12 +4725,12 @@ var E2 = Qr.div(({ theme: e }) => ({
     width: 20,
     height: 20
   }
-})), C2 = Qr.div({
+})), w2 = Qr.div({
   display: "inline-flex",
   flexDirection: "row",
   alignItems: "center",
   width: "100%"
-}), w2 = Qr.div({
+}), T2 = Qr.div({
   display: "grid",
   gridTemplateColumns: "repeat(auto-fill, minmax(140px, 1fr))",
   gridGap: "8px 16px",
@@ -4739,15 +4739,15 @@ var E2 = Qr.div(({ theme: e }) => ({
 });
 
 // ../addons/docs/src/blocks/components/TableOfContents.tsx
-import rO, { useEffect as oO, useId as nO } from "react";
-import { NAVIGATE_URL as iO } from "storybook/internal/core-events";
+import oO, { useEffect as nO, useId as aO } from "react";
+import { NAVIGATE_URL as sO } from "storybook/internal/core-events";
 import { styled as Nn } from "storybook/theming";
-var cO = Nn.aside(() => ({
+var pO = Nn.aside(() => ({
   width: "10rem",
   "@media (max-width: 768px)": {
     display: "none"
   }
-})), pO = Nn.nav(({ theme: e }) => ({
+})), uO = Nn.nav(({ theme: e }) => ({
   position: "fixed",
   bottom: 0,
   top: 0,
@@ -4806,7 +4806,7 @@ var cO = Nn.aside(() => ({
     color: e.color.secondary,
     textDecoration: "none"
   }
-})), uO = Nn.p(({ theme: e }) => ({
+})), dO = Nn.p(({ theme: e }) => ({
   fontWeight: 600,
   fontSize: "0.875em",
   color: e.textColor,
@@ -8284,11 +8284,11 @@ redFirst"),
   } = e;
   if ("error" in e) {
     let { error: x } = e;
-    return /* @__PURE__ */ q.createElement(Kr, null, x, "\xA0", /* @__PURE__ */ q.createElement(c0, { href: "http://storybook.js.org/docs/",
-    target: "_blank", withArrow: !0 }, /* @__PURE__ */ q.createElement(d0, null), " Read the docs"));
+    return /* @__PURE__ */ W.createElement(Kr, null, x, "\xA0", /* @__PURE__ */ W.createElement(c0, { href: "http://storybook.js.org/docs/",
+    target: "_blank", withArrow: !0 }, /* @__PURE__ */ W.createElement(d0, null), " Read the docs"));
   }
   if (l)
-    return /* @__PURE__ */ q.createElement(lp, null);
+    return /* @__PURE__ */ W.createElement(lp, null);
   let { rows: c, args: u, globals: d } = "rows" in e ? e : { rows: void 0, args: void 0, globals: void 0 }, g = y0(
     yn(
       c || {},
@@ -8297,19 +8297,19 @@ redFirst"),
     s
   ), p = g.ungrouped.length === 0, m = Object.entries(g.sections).length === 0, f = Object.entries(g.ungroupedSubsections).length === 0;
   if (p && m && f)
-    return /* @__PURE__ */ q.createElement(ip, { inAddonPanel: n });
+    return /* @__PURE__ */ W.createElement(ip, { inAddonPanel: n });
   let h = 1;
   t && (h += 1), o || (h += 2);
   let b = Object.keys(g.sections).length > 0, y = { updateArgs: t, compact: o, inAddonPanel: n, initialExpandedArgs: i };
-  return /* @__PURE__ */ q.createElement(p0, null, /* @__PURE__ */ q.createElement(m0, { compact: o, inAddonPanel: n, className: "docblock-a\
-rgstable sb-unstyled" }, /* @__PURE__ */ q.createElement("thead", { className: "docblock-argstable-head" }, /* @__PURE__ */ q.createElement(
-  "tr", null, /* @__PURE__ */ q.createElement("th", null, /* @__PURE__ */ q.createElement("span", null, "Name")), o ? null : /* @__PURE__ */ q.
-  createElement("th", null, /* @__PURE__ */ q.createElement("span", null, "Description")), o ? null : /* @__PURE__ */ q.createElement("th", null,
-  /* @__PURE__ */ q.createElement("span", null, "Default")), t ? /* @__PURE__ */ q.createElement("th", null, /* @__PURE__ */ q.createElement(
-  h0, null, "Control", " ", !l && r && /* @__PURE__ */ q.createElement(g0, { onClick: () => r(), title: "Reset controls" }, /* @__PURE__ */ q.
-  createElement(f0, { "aria-hidden": !0 })))) : null)), /* @__PURE__ */ q.createElement("tbody", { className: "docblock-argstable-body" }, g.
-  ungrouped.map((x) => /* @__PURE__ */ q.createElement(br, { key: x.key, row: x, arg: u && u[x.key], ...y })), Object.entries(g.ungroupedSubsections).
-  map(([x, v]) => /* @__PURE__ */ q.createElement(Ao, { key: x, label: x, level: "subsection", colSpan: h }, v.map((w) => /* @__PURE__ */ q.
+  return /* @__PURE__ */ W.createElement(p0, null, /* @__PURE__ */ W.createElement(m0, { compact: o, inAddonPanel: n, className: "docblock-a\
+rgstable sb-unstyled" }, /* @__PURE__ */ W.createElement("thead", { className: "docblock-argstable-head" }, /* @__PURE__ */ W.createElement(
+  "tr", null, /* @__PURE__ */ W.createElement("th", null, /* @__PURE__ */ W.createElement("span", null, "Name")), o ? null : /* @__PURE__ */ W.
+  createElement("th", null, /* @__PURE__ */ W.createElement("span", null, "Description")), o ? null : /* @__PURE__ */ W.createElement("th", null,
+  /* @__PURE__ */ W.createElement("span", null, "Default")), t ? /* @__PURE__ */ W.createElement("th", null, /* @__PURE__ */ W.createElement(
+  h0, null, "Control", " ", !l && r && /* @__PURE__ */ W.createElement(g0, { onClick: () => r(), title: "Reset controls" }, /* @__PURE__ */ W.
+  createElement(f0, { "aria-hidden": !0 })))) : null)), /* @__PURE__ */ W.createElement("tbody", { className: "docblock-argstable-body" }, g.
+  ungrouped.map((x) => /* @__PURE__ */ W.createElement(br, { key: x.key, row: x, arg: u && u[x.key], ...y })), Object.entries(g.ungroupedSubsections).
+  map(([x, v]) => /* @__PURE__ */ W.createElement(Ao, { key: x, label: x, level: "subsection", colSpan: h }, v.map((w) => /* @__PURE__ */ W.
   createElement(
     br,
     {
@@ -8319,9 +8319,9 @@ rgstable sb-unstyled" }, /* @__PURE__ */ q.createElement("thead", { className: "
       expandable: b,
       ...y
     }
-  )))), Object.entries(g.sections).map(([x, v]) => /* @__PURE__ */ q.createElement(Ao, { key: x, label: x, level: "section", colSpan: h }, v.
-  ungrouped.map((w) => /* @__PURE__ */ q.createElement(br, { key: w.key, row: w, arg: u && u[w.key], ...y })), Object.entries(v.subsections).
-  map(([w, S]) => /* @__PURE__ */ q.createElement(
+  )))), Object.entries(g.sections).map(([x, v]) => /* @__PURE__ */ W.createElement(Ao, { key: x, label: x, level: "section", colSpan: h }, v.
+  ungrouped.map((w) => /* @__PURE__ */ W.createElement(br, { key: w.key, row: w, arg: u && u[w.key], ...y })), Object.entries(v.subsections).
+  map(([w, S]) => /* @__PURE__ */ W.createElement(
     Ao,
     {
       key: w,
@@ -8329,7 +8329,7 @@ rgstable sb-unstyled" }, /* @__PURE__ */ q.createElement("thead", { className: "
       level: "subsection",
       colSpan: h
     },
-    S.map((E) => /* @__PURE__ */ q.createElement(
+    S.map((E) => /* @__PURE__ */ W.createElement(
       br,
       {
         key: E.key,
@@ -9783,24 +9783,24 @@ var qp = Up.register(Pt, (e) => {
 
 // src/component-testing/manager.tsx
 import nn from "react";
-import { AddonPanel as LS } from "storybook/internal/components";
-import { Consumer as NS, addons as _d, types as _S } from "storybook/manager-api";
+import { AddonPanel as NS } from "storybook/internal/components";
+import { Consumer as _S, addons as _d, types as DS } from "storybook/manager-api";
 
 // src/component-testing/components/Panel.tsx
-import Id, { Fragment as hS, memo as bS, useEffect as Ci, useMemo as Pd, useRef as wi, useState as Ti } from "react";
+import Id, { Fragment as bS, memo as yS, useEffect as Ci, useMemo as Pd, useRef as wi, useState as Ti } from "react";
 import {
-  FORCE_REMOUNT as yS,
-  PLAY_FUNCTION_THREW_EXCEPTION as xS,
-  STORY_RENDER_PHASE_CHANGED as vS,
-  STORY_THREW_EXCEPTION as ES,
-  UNHANDLED_ERRORS_WHILE_PLAYING as SS
+  FORCE_REMOUNT as xS,
+  PLAY_FUNCTION_THREW_EXCEPTION as vS,
+  STORY_RENDER_PHASE_CHANGED as ES,
+  STORY_THREW_EXCEPTION as SS,
+  UNHANDLED_ERRORS_WHILE_PLAYING as CS
 } from "storybook/internal/core-events";
 import { global as Ai } from "@storybook/global";
 import {
-  experimental_useStatusStore as CS,
-  useAddonState as wS,
-  useChannel as TS,
-  useParameter as AS
+  experimental_useStatusStore as wS,
+  useAddonState as TS,
+  useChannel as AS,
+  useParameter as kS
 } from "storybook/manager-api";
 
 // src/component-testing/constants.ts
@@ -9810,12 +9810,12 @@ rnal_render_call";
 
 // ../addons/a11y/src/constants.ts
 var gt = "storybook/a11y", f1 = `${gt}/panel`;
-var HN = `${gt}/result`, $N = `${gt}/request`, VN = `${gt}/running`, zN = `${gt}/error`, UN = `${gt}/manual`, qN = `${gt}/select`, m1 = "wri\
-ting-tests/accessibility-testing", WN = `${m1}#why-are-my-tests-failing-in-different-environments`;
+var $N = `${gt}/result`, VN = `${gt}/request`, zN = `${gt}/running`, UN = `${gt}/error`, qN = `${gt}/manual`, WN = `${gt}/select`, m1 = "wri\
+ting-tests/accessibility-testing", GN = `${m1}#why-are-my-tests-failing-in-different-environments`;
 
 // ../addons/vitest/src/constants.ts
-var Jp = "storybook/test", JN = `${Jp}/test-provider`, Kp = "STORYBOOK_ADDON_TEST_CHANNEL";
-var g1 = "writing-tests/integrations/vitest-addon", KN = `${g1}#what-happens-if-vitest-itself-has-an-error`;
+var Jp = "storybook/test", KN = `${Jp}/test-provider`, Kp = "STORYBOOK_ADDON_TEST_CHANNEL";
+var g1 = "writing-tests/integrations/vitest-addon", YN = `${g1}#what-happens-if-vitest-itself-has-an-error`;
 var h1 = {
   id: Jp,
   initialState: {
@@ -9852,7 +9852,7 @@ var h1 = {
     }
   }
 };
-var YN = `UNIVERSAL_STORE:${h1.id}`;
+var XN = `UNIVERSAL_STORE:${h1.id}`;
 var Yp = "storybook/component-test";
 
 // src/instrumenter/EVENTS.ts
@@ -9982,9 +9982,9 @@ e a play function for your story and you'll see it run here."),
 }, "Empty");
 
 // src/component-testing/components/Interaction.tsx
-import * as W from "react";
+import * as q from "react";
 import { IconButton as wE, TooltipNote as TE, WithTooltip as AE } from "storybook/internal/components";
-import { ListUnorderedIcon as kE } from "@storybook/icons";
+import { ChevronDownIcon as kE, ChevronUpIcon as OE } from "@storybook/icons";
 import { styled as He, typography as Qo } from "storybook/theming";
 
 // src/component-testing/components/MatcherResult.tsx
@@ -10934,12 +10934,12 @@ CCCCCC"), size: 6 }));
 }, "StatusIcon");
 
 // src/component-testing/components/Interaction.tsx
-var OE = He.div({
+var IE = He.div({
   fontFamily: Qo.fonts.mono,
   fontSize: Qo.size.s1,
   overflowWrap: "break-word",
   inlineSize: "calc( 100% - 40px )"
-}), IE = He("div", {
+}), PE = He("div", {
   shouldForwardProp: /* @__PURE__ */ a((e) => !["call", "pausedAt"].includes(e.toString()), "shouldForwardProp")
 })(
   ({ theme: e, call: t }) => ({
@@ -10973,10 +10973,10 @@ var OE = He.div({
       borderTop: `1.5px solid ${e.color.warning}`
     }
   }
-), PE = He.div(({ theme: e, isInteractive: t }) => ({
+), LE = He.div(({ theme: e, isInteractive: t }) => ({
   display: "flex",
   "&:hover": t ? {} : { background: e.background.hoverable }
-})), LE = He("button", {
+})), NE = He("button", {
   shouldForwardProp: /* @__PURE__ */ a((e) => !["call"].includes(e.toString()), "shouldForwardProp")
 })(({ theme: e, disabled: t, call: r }) => ({
   flex: 1,
@@ -10998,14 +10998,14 @@ var OE = He.div({
   "& > div": {
     opacity: r.status === "waiting" ? 0.5 : 1
   }
-})), NE = He.div({
+})), _E = He.div({
   display: "flex",
   alignItems: "center",
   padding: 6
-}), _E = He(wE)(({ theme: e }) => ({
+}), DE = He(wE)(({ theme: e }) => ({
   color: e.textMutedColor,
   margin: "0 3px"
-})), DE = He(TE)(({ theme: e }) => ({
+})), ME = He(TE)(({ theme: e }) => ({
   fontFamily: e.typography.fonts.base
 })), vi = He("div")(({ theme: e }) => ({
   padding: "8px 10px 8px 36px",
@@ -11015,28 +11015,28 @@ var OE = He.div({
     margin: 0,
     padding: 0
   }
-})), ME = He.span(({ theme: e }) => ({
-  color: e.base === "dark" ? "#5EC1FF" : "#0271B6"
 })), BE = He.span(({ theme: e }) => ({
+  color: e.base === "dark" ? "#5EC1FF" : "#0271B6"
+})), FE = He.span(({ theme: e }) => ({
   color: e.base === "dark" ? "#eee" : "#444"
-})), FE = He.p(({ theme: e }) => ({
+})), RE = He.p(({ theme: e }) => ({
   color: e.base === "dark" ? e.color.negative : e.color.negativeText,
   fontSize: e.typography.size.s2,
   maxWidth: 500,
   textWrap: "balance"
-})), RE = /* @__PURE__ */ a(({ exception: e }) => {
+})), jE = /* @__PURE__ */ a(({ exception: e }) => {
   let t = Qt();
   if (!e)
     return null;
   if (e.callId === xe)
-    return /* @__PURE__ */ W.createElement(vi, null, /* @__PURE__ */ W.createElement("pre", null, /* @__PURE__ */ W.createElement(ME, null, e.
-    name, ":"), " ", /* @__PURE__ */ W.createElement(BE, null, e.message)), /* @__PURE__ */ W.createElement(FE, null, "The component failed \
+    return /* @__PURE__ */ q.createElement(vi, null, /* @__PURE__ */ q.createElement("pre", null, /* @__PURE__ */ q.createElement(BE, null, e.
+    name, ":"), " ", /* @__PURE__ */ q.createElement(FE, null, e.message)), /* @__PURE__ */ q.createElement(RE, null, "The component failed \
 to render properly. Automated component tests will not run until this is resolved. Check the full error message in Storybook\u2019s canvas to deb\
 ug."));
   if (ti(e))
-    return /* @__PURE__ */ W.createElement(xi, { ...e });
+    return /* @__PURE__ */ q.createElement(xi, { ...e });
   if (ei(e))
-    return /* @__PURE__ */ W.createElement(vi, null, /* @__PURE__ */ W.createElement(
+    return /* @__PURE__ */ q.createElement(vi, null, /* @__PURE__ */ q.createElement(
       xi,
       {
         message: `${e.message}${e.diff ? `
@@ -11044,12 +11044,12 @@ ug."));
 ${e.diff}` : ""}`,
         style: { padding: 0 }
       }
-    ), /* @__PURE__ */ W.createElement("p", null, "See the full stack trace in the browser console."));
+    ), /* @__PURE__ */ q.createElement("p", null, "See the full stack trace in the browser console."));
   let r = e.message.split(`
 
 `), o = r.length > 1;
-  return /* @__PURE__ */ W.createElement(vi, null, /* @__PURE__ */ W.createElement("pre", { dangerouslySetInnerHTML: { __html: t.toHtml(r[0]) } }),
-  o && /* @__PURE__ */ W.createElement("p", null, "See the full stack trace in the browser console."));
+  return /* @__PURE__ */ q.createElement(vi, null, /* @__PURE__ */ q.createElement("pre", { dangerouslySetInnerHTML: { __html: t.toHtml(r[0]) } }),
+  o && /* @__PURE__ */ q.createElement("p", null, "See the full stack trace in the browser console."));
 }, "Exception"), yd = /* @__PURE__ */ a(({
   call: e,
   callsById: t,
@@ -11061,10 +11061,10 @@ ${e.diff}` : ""}`,
   toggleCollapsed: l,
   pausedAt: c
 }) => {
-  let [u, d] = W.useState(!1), g = !o.goto || !e.interceptable || !!e.ancestors?.length;
-  return i || e.id === xe ? null : /* @__PURE__ */ W.createElement(IE, { call: e, pausedAt: c }, /* @__PURE__ */ W.createElement(PE, { isInteractive: g },
-  /* @__PURE__ */ W.createElement(
-    LE,
+  let [u, d] = q.useState(!1), g = !o.goto || !e.interceptable || !!e.ancestors?.length;
+  return i || e.id === xe ? null : /* @__PURE__ */ q.createElement(PE, { call: e, pausedAt: c }, /* @__PURE__ */ q.createElement(LE, { isInteractive: g },
+  /* @__PURE__ */ q.createElement(
+    NE,
     {
       "aria-label": "Interaction step",
       call: e,
@@ -11073,50 +11073,57 @@ ${e.diff}` : ""}`,
       onMouseEnter: () => o.goto && d(!0),
       onMouseLeave: () => o.goto && d(!1)
     },
-    /* @__PURE__ */ W.createElement(Zo, { status: u ? "active" : e.status }),
-    /* @__PURE__ */ W.createElement(OE, { style: { marginLeft: 6, marginBottom: 1 } }, /* @__PURE__ */ W.createElement(Xo, { call: e, callsById: t }))
-  ), /* @__PURE__ */ W.createElement(NE, null, (n?.length ?? 0) > 0 && /* @__PURE__ */ W.createElement(
+    /* @__PURE__ */ q.createElement(Zo, { status: u ? "active" : e.status }),
+    /* @__PURE__ */ q.createElement(IE, { style: { marginLeft: 6, marginBottom: 1 } }, /* @__PURE__ */ q.createElement(Xo, { call: e, callsById: t }))
+  ), /* @__PURE__ */ q.createElement(_E, null, (n?.length ?? 0) > 0 && /* @__PURE__ */ q.createElement(
     AE,
     {
       hasChrome: !1,
-      tooltip: /* @__PURE__ */ W.createElement(DE, { note: `${s ? "Show" : "Hide"} interactions` })
+      tooltip: /* @__PURE__ */ q.createElement(ME, { note: `${s ? "Show" : "Hide"} interactions` })
     },
-    /* @__PURE__ */ W.createElement(_E, { onClick: l }, /* @__PURE__ */ W.createElement(kE, null))
-  ))), e.status === "error" && e.exception?.callId === e.id && /* @__PURE__ */ W.createElement(RE, { exception: e.exception }));
+    /* @__PURE__ */ q.createElement(
+      DE,
+      {
+        onClick: l,
+        "aria-label": s ? "Expand interaction" : "Collapse interaction"
+      },
+      s ? /* @__PURE__ */ q.createElement(kE, null) : /* @__PURE__ */ q.createElement(OE, null)
+    )
+  ))), e.status === "error" && e.exception?.callId === e.id && /* @__PURE__ */ q.createElement(jE, { exception: e.exception }));
 }, "Interaction");
 
 // src/component-testing/components/Subnav.tsx
 import z from "react";
 import {
-  Bar as UE,
-  Button as qE,
-  IconButton as WE,
-  P as GE,
-  Separator as JE,
-  TooltipNote as KE,
+  Bar as qE,
+  Button as WE,
+  IconButton as GE,
+  P as JE,
+  Separator as KE,
+  TooltipNote as YE,
   WithTooltip as Pr
 } from "storybook/internal/components";
 import {
-  FastForwardIcon as YE,
-  PlayBackIcon as XE,
-  PlayNextIcon as ZE,
-  RewindIcon as QE,
-  SyncIcon as eS
+  FastForwardIcon as XE,
+  PlayBackIcon as ZE,
+  PlayNextIcon as QE,
+  RewindIcon as eS,
+  SyncIcon as tS
 } from "@storybook/icons";
-import { styled as $e, useTheme as tS } from "storybook/theming";
+import { styled as $e, useTheme as rS } from "storybook/theming";
 
 // src/component-testing/components/StatusBadge.tsx
-import jE from "react";
-import { styled as HE, typography as Ei } from "storybook/theming";
-var $E = {
+import HE from "react";
+import { styled as $E, typography as Ei } from "storybook/theming";
+var VE = {
   done: "positive",
   error: "negative",
   active: "warning",
   waiting: "warning"
-}, VE = HE.div(({ theme: e, status: t }) => ({
+}, zE = $E.div(({ theme: e, status: t }) => ({
   padding: "4px 6px 4px 8px",
   borderRadius: "4px",
-  backgroundColor: e.color[$E[t]],
+  backgroundColor: e.color[VE[t]],
   color: "white",
   fontFamily: Ei.fonts.base,
   textTransform: "uppercase",
@@ -11125,30 +11132,30 @@ var $E = {
   fontWeight: Ei.weight.bold,
   width: 65,
   textAlign: "center"
-})), zE = {
+})), UE = {
   done: "Pass",
   error: "Fail",
   active: "Runs",
   waiting: "Runs"
 }, xd = /* @__PURE__ */ a(({ status: e }) => {
-  let t = zE[e];
-  return /* @__PURE__ */ jE.createElement(VE, { "aria-label": "Status of the test run", status: e }, t);
+  let t = UE[e];
+  return /* @__PURE__ */ HE.createElement(zE, { "aria-label": "Status of the test run", status: e }, t);
 }, "StatusBadge");
 
 // src/component-testing/components/Subnav.tsx
-var rS = $e.div(({ theme: e }) => ({
+var oS = $e.div(({ theme: e }) => ({
   boxShadow: `${e.appBorderColor} 0 -1px 0 0 inset`,
   background: e.background.app,
   position: "sticky",
   top: 0,
   zIndex: 1
-})), oS = $e.nav({
+})), nS = $e.nav({
   height: 40,
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   paddingLeft: 15
-}), nS = $e(qE)(({ theme: e }) => ({
+}), aS = $e(WE)(({ theme: e }) => ({
   borderRadius: 4,
   padding: 6,
   color: e.textMutedColor,
@@ -11157,14 +11164,14 @@ var rS = $e.div(({ theme: e }) => ({
       color: e.color.secondary
     }
   }
-})), Lr = $e(KE)(({ theme: e }) => ({
+})), Lr = $e(YE)(({ theme: e }) => ({
   fontFamily: e.typography.fonts.base
-})), Nr = $e(WE)(({ theme: e }) => ({
+})), Nr = $e(GE)(({ theme: e }) => ({
   color: e.textMutedColor,
   margin: "0 3px"
-})), aS = $e(JE)({
+})), iS = $e(KE)({
   marginTop: 0
-}), iS = $e(GE)(({ theme: e }) => ({
+}), sS = $e(JE)(({ theme: e }) => ({
   color: e.textMutedColor,
   justifyContent: "flex-end",
   textAlign: "right",
@@ -11176,14 +11183,14 @@ var rS = $e.div(({ theme: e }) => ({
 })), vd = $e.div({
   display: "flex",
   alignItems: "center"
-}), sS = $e(Nr)({
+}), lS = $e(Nr)({
   marginLeft: 9
-}), lS = $e(nS)({
+}), cS = $e(aS)({
   marginLeft: 9,
   marginRight: 9,
   marginBottom: 1,
   lineHeight: "12px"
-}), cS = $e(Nr)(({ theme: e, animating: t, disabled: r }) => ({
+}), pS = $e(Nr)(({ theme: e, animating: t, disabled: r }) => ({
   opacity: r ? 0.5 : 1,
   svg: {
     animation: t ? `${e.animation.rotate360} 200ms ease-out` : void 0
@@ -11195,19 +11202,19 @@ var rS = $e.div(({ theme: e }) => ({
   storyFileName: o,
   onScrollToEnd: n
 }) => {
-  let i = r === "error" ? "Scroll to error" : "Scroll to end", s = tS();
-  return /* @__PURE__ */ z.createElement(rS, null, /* @__PURE__ */ z.createElement(UE, { backgroundColor: s.background.app }, /* @__PURE__ */ z.
-  createElement(oS, { "aria-label": "Component tests toolbar" }, /* @__PURE__ */ z.createElement(vd, null, /* @__PURE__ */ z.createElement(xd,
-  { status: r }), /* @__PURE__ */ z.createElement(lS, { onClick: n, disabled: !n }, i), /* @__PURE__ */ z.createElement(aS, null), /* @__PURE__ */ z.
+  let i = r === "error" ? "Scroll to error" : "Scroll to end", s = rS();
+  return /* @__PURE__ */ z.createElement(oS, null, /* @__PURE__ */ z.createElement(qE, { backgroundColor: s.background.app }, /* @__PURE__ */ z.
+  createElement(nS, { "aria-label": "Component tests toolbar" }, /* @__PURE__ */ z.createElement(vd, null, /* @__PURE__ */ z.createElement(xd,
+  { status: r }), /* @__PURE__ */ z.createElement(cS, { onClick: n, disabled: !n }, i), /* @__PURE__ */ z.createElement(iS, null), /* @__PURE__ */ z.
   createElement(Pr, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ z.createElement(Lr, { note: "Go to start" }) }, /* @__PURE__ */ z.
   createElement(
-    sS,
+    lS,
     {
       "aria-label": "Go to start",
       onClick: e.start,
       disabled: !t.start
     },
-    /* @__PURE__ */ z.createElement(QE, null)
+    /* @__PURE__ */ z.createElement(eS, null)
   )), /* @__PURE__ */ z.createElement(Pr, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ z.createElement(Lr, { note: "Go back" }) },
   /* @__PURE__ */ z.createElement(
     Nr,
@@ -11216,7 +11223,7 @@ var rS = $e.div(({ theme: e }) => ({
       onClick: e.back,
       disabled: !t.back
     },
-    /* @__PURE__ */ z.createElement(XE, null)
+    /* @__PURE__ */ z.createElement(ZE, null)
   )), /* @__PURE__ */ z.createElement(Pr, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ z.createElement(Lr, { note: "Go forwar\
 d" }) }, /* @__PURE__ */ z.createElement(
     Nr,
@@ -11225,7 +11232,7 @@ d" }) }, /* @__PURE__ */ z.createElement(
       onClick: e.next,
       disabled: !t.next
     },
-    /* @__PURE__ */ z.createElement(ZE, null)
+    /* @__PURE__ */ z.createElement(QE, null)
   )), /* @__PURE__ */ z.createElement(Pr, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ z.createElement(Lr, { note: "Go to end" }) },
   /* @__PURE__ */ z.createElement(
     Nr,
@@ -11234,18 +11241,18 @@ d" }) }, /* @__PURE__ */ z.createElement(
       onClick: e.end,
       disabled: !t.end
     },
-    /* @__PURE__ */ z.createElement(YE, null)
+    /* @__PURE__ */ z.createElement(XE, null)
   )), /* @__PURE__ */ z.createElement(Pr, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ z.createElement(Lr, { note: "Rerun" }) },
-  /* @__PURE__ */ z.createElement(cS, { "aria-label": "Rerun", onClick: e.rerun }, /* @__PURE__ */ z.createElement(eS, null)))), o && /* @__PURE__ */ z.
-  createElement(vd, null, /* @__PURE__ */ z.createElement(iS, null, o)))));
+  /* @__PURE__ */ z.createElement(pS, { "aria-label": "Rerun", onClick: e.rerun }, /* @__PURE__ */ z.createElement(tS, null)))), o && /* @__PURE__ */ z.
+  createElement(vd, null, /* @__PURE__ */ z.createElement(sS, null, o)))));
 }, "Subnav");
 
 // src/component-testing/components/TestDiscrepancyMessage.tsx
 import Sd from "react";
-import { Link as pS } from "storybook/internal/components";
-import { useStorybookApi as uS } from "storybook/manager-api";
-import { styled as dS } from "storybook/theming";
-var fS = dS.div(({ theme: { color: e, typography: t, background: r } }) => ({
+import { Link as uS } from "storybook/internal/components";
+import { useStorybookApi as dS } from "storybook/manager-api";
+import { styled as fS } from "storybook/theming";
+var mS = fS.div(({ theme: { color: e, typography: t, background: r } }) => ({
   textAlign: "start",
   padding: "11px 15px",
   fontSize: `${t.size.s2 - 1}px`,
@@ -11266,17 +11273,17 @@ var fS = dS.div(({ theme: { color: e, typography: t, background: r } }) => ({
     boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)"
   }
 })), Cd = /* @__PURE__ */ a(({ browserTestStatus: e }) => {
-  let r = uS().getDocsUrl({
+  let r = dS().getDocsUrl({
     subpath: Wp,
     versioned: !0,
     renderer: !0
   }), [o, n] = e === "error" ? ["the CLI", "this browser"] : ["this browser", "the CLI"];
-  return /* @__PURE__ */ Sd.createElement(fS, null, "This interaction test passed in ", o, ", but the tests failed in ", n, ".", " ", /* @__PURE__ */ Sd.
-  createElement(pS, { href: r, target: "_blank", withArrow: !0 }, "Learn what could cause this"));
+  return /* @__PURE__ */ Sd.createElement(mS, null, "This interaction test passed in ", o, ", but the tests failed in ", n, ".", " ", /* @__PURE__ */ Sd.
+  createElement(uS, { href: r, target: "_blank", withArrow: !0 }, "Learn what could cause this"));
 }, "TestDiscrepancyMessage");
 
 // src/component-testing/components/InteractionsPanel.tsx
-var mS = er.div(({ theme: e }) => ({
+var gS = er.div(({ theme: e }) => ({
   height: "100%",
   background: e.background.content
 })), wd = er.div(({ theme: e }) => ({
@@ -11297,7 +11304,7 @@ var mS = er.div(({ theme: e }) => ({
 })), Td = er.div({
   paddingBottom: 4,
   fontWeight: "bold"
-}), gS = er.p({
+}), hS = er.p({
   margin: 0,
   padding: "0 0 20px"
 }), Ad = er.pre(({ theme: e }) => ({
@@ -11326,7 +11333,7 @@ var mS = er.div(({ theme: e }) => ({
     browserTestStatus: h
   }) {
     let b = Qt(), y = i.some((x) => x.id !== xe);
-    return /* @__PURE__ */ Q.createElement(mS, null, f && /* @__PURE__ */ Q.createElement(Cd, { browserTestStatus: h }), n.detached && (y ||
+    return /* @__PURE__ */ Q.createElement(gS, null, f && /* @__PURE__ */ Q.createElement(Cd, { browserTestStatus: h }), n.detached && (y ||
     l) && /* @__PURE__ */ Q.createElement(Iu, { storyUrl: t }), (i.length > 0 || l) && /* @__PURE__ */ Q.createElement(
       Ed,
       {
@@ -11360,7 +11367,7 @@ var mS = er.div(({ theme: e }) => ({
         }
       }
     )), u && /* @__PURE__ */ Q.createElement(wd, null, /* @__PURE__ */ Q.createElement(Td, null, "Unhandled Errors"), /* @__PURE__ */ Q.createElement(
-    gS, null, "Found ", u.length, " unhandled error", u.length > 1 ? "s" : "", " ", "while running the play function. This might cause false\
+    hS, null, "Found ", u.length, " unhandled error", u.length > 1 ? "s" : "", " ", "while running the play function. This might cause false\
  positive assertions. Resolve unhandled errors or ignore unhandled errors with setting the", /* @__PURE__ */ Q.createElement(Si, null, "test\
 .dangerouslyIgnoreUnhandledErrors"), " ", "parameter to ", /* @__PURE__ */ Q.createElement(Si, null, "true"), "."), u.map((x, v) => /* @__PURE__ */ Q.createElement(
     Ad, { key: v, "data-chromatic": "ignore" }, kd(x)))), /* @__PURE__ */ Q.createElement("div", { ref: m }), !d && !c && !y && /* @__PURE__ */ Q.createElement(
@@ -11380,7 +11387,7 @@ var en = {
   goto: !1,
   next: !1,
   end: !1
-}, kS = {
+}, OS = {
   done: "status-value:success",
   error: "status-value:error",
   active: "status-value:pending",
@@ -11422,15 +11429,15 @@ var en = {
   callId: xe,
   status: e,
   ancestors: []
-}), "getInternalRenderLogItem"), Ld = bS(
+}), "getInternalRenderLogItem"), Ld = yS(
   /* @__PURE__ */ a(function({ refId: t, storyId: r, storyUrl: o }) {
-    let { statusValue: n, testRunId: i } = CS((M) => {
+    let { statusValue: n, testRunId: i } = wS((M) => {
       let R = t ? void 0 : M[r]?.[Yp];
       return {
         statusValue: R?.value,
         testRunId: R?.data?.testRunId
       };
-    }), [s, l] = wS(Lt, {
+    }), [s, l] = TS(Lt, {
       controlStates: en,
       isErrored: !1,
       pausedAt: void 0,
@@ -11458,7 +11465,7 @@ var en = {
         { root: Ai.document.querySelector("#panel-tab-content") }
       ), L.current && M.observe(L.current)), () => M?.disconnect();
     }, []);
-    let U = TS(
+    let U = AS(
       {
         [ht.CALL]: N,
         [ht.SYNC]: (M) => {
@@ -11480,7 +11487,7 @@ var en = {
             };
           });
         },
-        [vS]: (M) => {
+        [ES]: (M) => {
           if (M.newPhase === "preparing")
             S.current = [rn("active")], E.current.set(xe, ki(r)), l({
               controlStates: en,
@@ -11513,7 +11520,7 @@ var en = {
             );
           }
         },
-        [ES]: (M) => {
+        [SS]: (M) => {
           S.current = [rn("error")], E.current.set(
             xe,
             ki(r, { ...M, callId: xe })
@@ -11537,10 +11544,10 @@ var en = {
             })
           );
         },
-        [xS]: (M) => {
+        [vS]: (M) => {
           l((R) => ({ ...R, caughtException: M, hasException: !0 }));
         },
-        [SS]: (M) => {
+        [CS]: (M) => {
           l((R) => ({ ...R, unhandledErrors: M, hasException: !0 }));
         }
       },
@@ -11567,15 +11574,15 @@ var en = {
         next: /* @__PURE__ */ a(() => U(ht.NEXT, { storyId: r }), "next"),
         end: /* @__PURE__ */ a(() => U(ht.END, { storyId: r }), "end"),
         rerun: /* @__PURE__ */ a(() => {
-          U(yS, { storyId: r });
+          U(xS, { storyId: r });
         }, "rerun")
       }),
       [U, r]
-    ), G = AS("fileName", ""), [Z] = G.toString().split("/").slice(-1), se = /* @__PURE__ */ a(() => c?.scrollIntoView({ behavior: "smooth",
+    ), G = kS("fileName", ""), [Z] = G.toString().split("/").slice(-1), se = /* @__PURE__ */ a(() => c?.scrollIntoView({ behavior: "smooth",
     block: "end" }), "scrollToTarget"), te = !!v || !!w || // @ts-expect-error TODO
     y.some((M) => M.status === "error"), pe = Pd(() => !x && (y.length > 0 || te) ? te ? "error" : "done" : x ? "active" : void 0, [x, y, te]);
     return Ci(() => {
-      if (pe && n && n !== "status-value:pending" && n !== kS[pe]) {
+      if (pe && n && n !== "status-value:pending" && n !== OS[pe]) {
         let R = setTimeout(
           () => m((T) => (T || U(Kp, {
             type: "test-discrepancy",
@@ -11591,7 +11598,7 @@ var en = {
         return () => clearTimeout(R);
       } else
         m(!1);
-    }, [U, pe, n, r, i]), /* @__PURE__ */ Id.createElement(hS, { key: "component-tests" }, /* @__PURE__ */ Id.createElement(
+    }, [U, pe, n, r, i]), /* @__PURE__ */ Id.createElement(bS, { key: "component-tests" }, /* @__PURE__ */ Id.createElement(
       Od,
       {
         storyUrl: o,
@@ -11617,12 +11624,12 @@ var en = {
 
 // src/component-testing/components/PanelTitle.tsx
 import on from "react";
-import { Badge as OS } from "storybook/internal/components";
-import { useAddonState as IS, useStorybookApi as PS } from "storybook/manager-api";
+import { Badge as IS } from "storybook/internal/components";
+import { useAddonState as PS, useStorybookApi as LS } from "storybook/manager-api";
 function Nd() {
-  let t = PS().getSelectedPanel(), [r = {}] = IS(Lt), { isErrored: o, hasException: n, interactionsCount: i } = r;
+  let t = LS().getSelectedPanel(), [r = {}] = PS(Lt), { isErrored: o, hasException: n, interactionsCount: i } = r;
   return /* @__PURE__ */ on.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } }, /* @__PURE__ */ on.createElement(
-  "span", null, "Interactions"), i && !o && !n ? /* @__PURE__ */ on.createElement(OS, { compact: !0, status: t === Zt ? "active" : "neutral" },
+  "span", null, "Interactions"), i && !o && !n ? /* @__PURE__ */ on.createElement(IS, { compact: !0, status: t === Zt ? "active" : "neutral" },
   i) : null, o || n ? /* @__PURE__ */ on.createElement(Zo, { status: "error" }) : null);
 }
 a(Nd, "PanelTitle");
@@ -11640,28 +11647,28 @@ var Dd = _d.register(Lt, () => {
       };
     }, "filter");
     _d.add(Zt, {
-      type: _S.PANEL,
+      type: DS.PANEL,
       title: /* @__PURE__ */ a(() => /* @__PURE__ */ nn.createElement(Nd, null), "title"),
       match: /* @__PURE__ */ a(({ viewMode: t }) => t === "story", "match"),
-      render: /* @__PURE__ */ a(({ active: t }) => /* @__PURE__ */ nn.createElement(LS, { active: !!t }, /* @__PURE__ */ nn.createElement(NS,
+      render: /* @__PURE__ */ a(({ active: t }) => /* @__PURE__ */ nn.createElement(NS, { active: !!t }, /* @__PURE__ */ nn.createElement(_S,
       { filter: e }, (r) => /* @__PURE__ */ nn.createElement(Ld, { ...r }))), "render")
     });
   }
 });
 
 // src/backgrounds/manager.tsx
-import WS from "react";
-import { addons as jd, types as GS } from "storybook/manager-api";
+import GS from "react";
+import { addons as jd, types as JS } from "storybook/manager-api";
 
 // src/backgrounds/components/Tool.tsx
-import Je, { Fragment as DS, memo as Fd, useCallback as MS, useState as BS } from "react";
-import { IconButton as Bd, TooltipLinkList as FS, WithTooltip as RS } from "storybook/internal/components";
-import { CircleIcon as jS, GridIcon as HS, PhotoIcon as $S, RefreshIcon as VS } from "@storybook/icons";
-import { useGlobals as zS, useParameter as US } from "storybook/manager-api";
+import Je, { Fragment as MS, memo as Fd, useCallback as BS, useState as FS } from "react";
+import { IconButton as Bd, TooltipLinkList as RS, WithTooltip as jS } from "storybook/internal/components";
+import { CircleIcon as HS, GridIcon as $S, PhotoIcon as VS, RefreshIcon as zS } from "@storybook/icons";
+import { useGlobals as US, useParameter as qS } from "storybook/manager-api";
 
 // src/backgrounds/constants.ts
 var an = "storybook/background", _r = "backgrounds";
-var FB = {
+var RB = {
   UPDATE: `${an}/update`
 };
 
@@ -11673,12 +11680,12 @@ var Md = {
 
 // src/backgrounds/components/Tool.tsx
 var Rd = Fd(/* @__PURE__ */ a(function() {
-  let t = US(_r), [r, o, n] = zS(), [i, s] = BS(!1), { options: l = Md, disable: c = !0 } = t || {};
+  let t = qS(_r), [r, o, n] = US(), [i, s] = FS(!1), { options: l = Md, disable: c = !0 } = t || {};
   if (c)
     return null;
   let u = r[_r] || {}, d = u.value, g = u.grid || !1, p = l[d], m = !!n?.[_r], f = Object.keys(l).length;
   return /* @__PURE__ */ Je.createElement(
-    qS,
+    WS,
     {
       length: f,
       backgroundMap: l,
@@ -11691,7 +11698,7 @@ var Rd = Fd(/* @__PURE__ */ a(function() {
       isTooltipVisible: i
     }
   );
-}, "BackgroundSelector")), qS = Fd(/* @__PURE__ */ a(function(t) {
+}, "BackgroundSelector")), WS = Fd(/* @__PURE__ */ a(function(t) {
   let {
     item: r,
     length: o,
@@ -11702,7 +11709,7 @@ var Rd = Fd(/* @__PURE__ */ a(function() {
     isLocked: c,
     isGridActive: u,
     isTooltipVisible: d
-  } = t, g = MS(
+  } = t, g = BS(
     (p) => {
       n({
         [_r]: p
@@ -11710,7 +11717,7 @@ var Rd = Fd(/* @__PURE__ */ a(function() {
     },
     [n]
   );
-  return /* @__PURE__ */ Je.createElement(DS, null, /* @__PURE__ */ Je.createElement(
+  return /* @__PURE__ */ Je.createElement(MS, null, /* @__PURE__ */ Je.createElement(
     Bd,
     {
       key: "grid",
@@ -11719,22 +11726,22 @@ var Rd = Fd(/* @__PURE__ */ a(function() {
       title: "Apply a grid to the preview",
       onClick: () => g({ value: l, grid: !u })
     },
-    /* @__PURE__ */ Je.createElement(HS, null)
+    /* @__PURE__ */ Je.createElement($S, null)
   ), o > 0 ? /* @__PURE__ */ Je.createElement(
-    RS,
+    jS,
     {
       key: "background",
       placement: "top",
       closeOnOutsideClick: !0,
       tooltip: ({ onHide: p }) => /* @__PURE__ */ Je.createElement(
-        FS,
+        RS,
         {
           links: [
             ...r ? [
               {
                 id: "reset",
                 title: "Reset background",
-                icon: /* @__PURE__ */ Je.createElement(VS, null),
+                icon: /* @__PURE__ */ Je.createElement(zS, null),
                 onClick: /* @__PURE__ */ a(() => {
                   g(void 0), p();
                 }, "onClick")
@@ -11743,7 +11750,7 @@ var Rd = Fd(/* @__PURE__ */ a(function() {
             ...Object.entries(s).map(([m, f]) => ({
               id: m,
               title: f.name,
-              icon: /* @__PURE__ */ Je.createElement(jS, { color: f?.value || "grey" }),
+              icon: /* @__PURE__ */ Je.createElement(HS, { color: f?.value || "grey" }),
               active: m === l,
               onClick: /* @__PURE__ */ a(() => {
                 g({ value: m, grid: u }), p();
@@ -11762,7 +11769,7 @@ var Rd = Fd(/* @__PURE__ */ a(function() {
         title: "Change the background of the preview",
         active: !!r || d
       },
-      /* @__PURE__ */ Je.createElement($S, null)
+      /* @__PURE__ */ Je.createElement(VS, null)
     )
   ) : null);
 }, "PureTool"));
@@ -11771,25 +11778,25 @@ var Rd = Fd(/* @__PURE__ */ a(function() {
 var Hd = jd.register(an, () => {
   globalThis?.FEATURES?.backgrounds && jd.add(an, {
     title: "Backgrounds",
-    type: GS.TOOL,
+    type: JS.TOOL,
     match: /* @__PURE__ */ a(({ viewMode: e, tabId: t }) => !!(e && e.match(/^(story|docs)$/)) && !t, "match"),
-    render: /* @__PURE__ */ a(() => /* @__PURE__ */ WS.createElement(Rd, null), "render")
+    render: /* @__PURE__ */ a(() => /* @__PURE__ */ GS.createElement(Rd, null), "render")
   });
 });
 
 // src/measure/manager.tsx
-import eC from "react";
-import { addons as zd, types as tC } from "storybook/manager-api";
+import tC from "react";
+import { addons as zd, types as rC } from "storybook/manager-api";
 
 // src/measure/Tool.tsx
-import $d, { useCallback as JS, useEffect as KS } from "react";
-import { IconButton as YS } from "storybook/internal/components";
-import { RulerIcon as XS } from "@storybook/icons";
-import { useGlobals as ZS, useStorybookApi as QS } from "storybook/manager-api";
+import $d, { useCallback as KS, useEffect as YS } from "react";
+import { IconButton as XS } from "storybook/internal/components";
+import { RulerIcon as ZS } from "@storybook/icons";
+import { useGlobals as QS, useStorybookApi as eC } from "storybook/manager-api";
 
 // src/measure/constants.ts
 var Et = "storybook/measure-addon", sn = `${Et}/tool`;
-var e3 = {
+var t3 = {
   RESULT: `${Et}/result`,
   REQUEST: `${Et}/request`,
   CLEAR: `${Et}/clear`
@@ -11797,13 +11804,13 @@ var e3 = {
 
 // src/measure/Tool.tsx
 var Vd = /* @__PURE__ */ a(() => {
-  let [e, t] = ZS(), { measureEnabled: r } = e || {}, o = QS(), n = JS(
+  let [e, t] = QS(), { measureEnabled: r } = e || {}, o = eC(), n = KS(
     () => t({
       measureEnabled: !r
     }),
     [t, r]
   );
-  return KS(() => {
+  return YS(() => {
     o.setAddonShortcut(Et, {
       label: "Toggle Measure [M]",
       defaultShortcut: ["M"],
@@ -11812,49 +11819,49 @@ var Vd = /* @__PURE__ */ a(() => {
       action: n
     });
   }, [n, o]), /* @__PURE__ */ $d.createElement(
-    YS,
+    XS,
     {
       key: sn,
       active: r,
       title: "Enable measure",
       onClick: n
     },
-    /* @__PURE__ */ $d.createElement(XS, null)
+    /* @__PURE__ */ $d.createElement(ZS, null)
   );
 }, "Tool");
 
 // src/measure/manager.tsx
 var Ud = zd.register(Et, () => {
   globalThis?.FEATURES?.measure && zd.add(sn, {
-    type: tC.TOOL,
+    type: rC.TOOL,
     title: "Measure",
     match: /* @__PURE__ */ a(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"),
-    render: /* @__PURE__ */ a(() => /* @__PURE__ */ eC.createElement(Vd, null), "render")
+    render: /* @__PURE__ */ a(() => /* @__PURE__ */ tC.createElement(Vd, null), "render")
   });
 });
 
 // src/outline/manager.tsx
-import cC from "react";
-import { addons as Gd, types as pC } from "storybook/manager-api";
+import pC from "react";
+import { addons as Gd, types as uC } from "storybook/manager-api";
 
 // src/outline/OutlineSelector.tsx
-import qd, { memo as rC, useCallback as oC, useEffect as nC } from "react";
-import { IconButton as aC } from "storybook/internal/components";
-import { OutlineIcon as iC } from "@storybook/icons";
-import { useGlobals as sC, useStorybookApi as lC } from "storybook/manager-api";
+import qd, { memo as oC, useCallback as nC, useEffect as aC } from "react";
+import { IconButton as iC } from "storybook/internal/components";
+import { OutlineIcon as sC } from "@storybook/icons";
+import { useGlobals as lC, useStorybookApi as cC } from "storybook/manager-api";
 
 // src/outline/constants.ts
 var Dr = "storybook/outline", Oi = "outline";
 
 // src/outline/OutlineSelector.tsx
-var Wd = rC(/* @__PURE__ */ a(function() {
-  let [t, r] = sC(), o = lC(), n = [!0, "true"].includes(t[Oi]), i = oC(
+var Wd = oC(/* @__PURE__ */ a(function() {
+  let [t, r] = lC(), o = cC(), n = [!0, "true"].includes(t[Oi]), i = nC(
     () => r({
       [Oi]: !n
     }),
     [n]
   );
-  return nC(() => {
+  return aC(() => {
     o.setAddonShortcut(Dr, {
       label: "Toggle Outline",
       defaultShortcut: ["alt", "O"],
@@ -11863,14 +11870,14 @@ var Wd = rC(/* @__PURE__ */ a(function() {
       action: i
     });
   }, [i, o]), /* @__PURE__ */ qd.createElement(
-    aC,
+    iC,
     {
       key: "outline",
       active: n,
       title: "Apply outlines to the preview",
       onClick: i
     },
-    /* @__PURE__ */ qd.createElement(iC, null)
+    /* @__PURE__ */ qd.createElement(sC, null)
   );
 }, "OutlineSelector"));
 
@@ -11878,25 +11885,25 @@ var Wd = rC(/* @__PURE__ */ a(function() {
 var Jd = Gd.register(Dr, () => {
   globalThis?.FEATURES?.outline && Gd.add(Dr, {
     title: "Outline",
-    type: pC.TOOL,
+    type: uC.TOOL,
     match: /* @__PURE__ */ a(({ viewMode: e, tabId: t }) => !!(e && e.match(/^(story|docs)$/)) && !t, "match"),
-    render: /* @__PURE__ */ a(() => /* @__PURE__ */ cC.createElement(Wd, null), "render")
+    render: /* @__PURE__ */ a(() => /* @__PURE__ */ pC.createElement(Wd, null), "render")
   });
 });
 
 // src/viewport/manager.tsx
 import * as af from "react";
-import { addons as nf, types as NC } from "storybook/manager-api";
+import { addons as nf, types as _C } from "storybook/manager-api";
 
 // src/viewport/components/Tool.tsx
-import Ee, { Fragment as yC, useCallback as xC, useEffect as vC, useState as EC } from "react";
-import { IconButton as SC, TooltipLinkList as CC, WithTooltip as wC } from "storybook/internal/components";
-import { GrowIcon as TC, RefreshIcon as AC, TransferIcon as kC } from "@storybook/icons";
-import { useGlobals as OC, useParameter as IC } from "storybook/manager-api";
-import { Global as PC } from "storybook/theming";
+import Ee, { Fragment as xC, useCallback as vC, useEffect as EC, useState as SC } from "react";
+import { IconButton as CC, TooltipLinkList as wC, WithTooltip as TC } from "storybook/internal/components";
+import { GrowIcon as AC, RefreshIcon as kC, TransferIcon as OC } from "@storybook/icons";
+import { useGlobals as IC, useParameter as PC } from "storybook/manager-api";
+import { Global as LC } from "storybook/theming";
 
 // src/viewport/constants.ts
-var St = "storybook/viewport", Mr = "viewport", I3 = `${St}/panel`, Kd = `${St}/tool`;
+var St = "storybook/viewport", Mr = "viewport", P3 = `${St}/panel`, Kd = `${St}/tool`;
 
 // src/viewport/defaults.ts
 var Yd = {
@@ -11945,10 +11952,10 @@ var tr = {
 };
 
 // src/viewport/shortcuts.ts
-var Xd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), uC = /* @__PURE__ */ a((e, t) => {
+var Xd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), dC = /* @__PURE__ */ a((e, t) => {
   let r = Xd(e, t);
   return r === e.length - 1 ? e[0] : e[r + 1];
-}, "getNextViewport"), dC = /* @__PURE__ */ a((e, t) => {
+}, "getNextViewport"), fC = /* @__PURE__ */ a((e, t) => {
   let r = Xd(e, t);
   return r < 1 ? e[e.length - 1] : e[r - 1];
 }, "getPreviousViewport"), Zd = /* @__PURE__ */ a(async (e, t, r, o) => {
@@ -11958,7 +11965,7 @@ var Xd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), u
     actionName: "previous",
     action: /* @__PURE__ */ a(() => {
       r({
-        viewport: dC(o, t)
+        viewport: fC(o, t)
       });
     }, "action")
   }), await e.setAddonShortcut(St, {
@@ -11967,7 +11974,7 @@ var Xd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), u
     actionName: "next",
     action: /* @__PURE__ */ a(() => {
       r({
-        viewport: uC(o, t)
+        viewport: dC(o, t)
       });
     }, "action")
   }), await e.setAddonShortcut(St, {
@@ -11983,9 +11990,9 @@ var Xd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), u
 }, "registerShortcuts");
 
 // src/viewport/utils.tsx
-import ln, { Fragment as fC } from "react";
-import { IconButton as mC } from "storybook/internal/components";
-import { BrowserIcon as gC, MobileIcon as hC, TabletIcon as bC } from "@storybook/icons";
+import ln, { Fragment as mC } from "react";
+import { IconButton as gC } from "storybook/internal/components";
+import { BrowserIcon as hC, MobileIcon as bC, TabletIcon as yC } from "@storybook/icons";
 import { styled as cn } from "storybook/theming";
 var Qd = cn.div({
   display: "inline-flex",
@@ -12002,24 +12009,24 @@ var Qd = cn.div({
   borderTop: "3px solid transparent",
   borderBottom: "3px solid transparent",
   background: "transparent"
-})), ef = cn(mC)(() => ({
+})), ef = cn(gC)(() => ({
   display: "inline-flex",
   alignItems: "center"
 })), tf = cn.div(({ theme: e }) => ({
   fontSize: e.typography.size.s2 - 1,
   marginLeft: 10
 })), rf = {
-  desktop: /* @__PURE__ */ ln.createElement(gC, null),
-  mobile: /* @__PURE__ */ ln.createElement(hC, null),
-  tablet: /* @__PURE__ */ ln.createElement(bC, null),
-  other: /* @__PURE__ */ ln.createElement(fC, null)
+  desktop: /* @__PURE__ */ ln.createElement(hC, null),
+  mobile: /* @__PURE__ */ ln.createElement(bC, null),
+  tablet: /* @__PURE__ */ ln.createElement(yC, null),
+  other: /* @__PURE__ */ ln.createElement(mC, null)
 };
 
 // src/viewport/components/Tool.tsx
 var of = /* @__PURE__ */ a(({ api: e }) => {
-  let t = IC(Mr), [r, o, n] = OC(), [i, s] = EC(!1), { options: l = Yd, disable: c } = t || {}, u = r?.[Mr] || {}, d = typeof u == "string" ?
+  let t = PC(Mr), [r, o, n] = IC(), [i, s] = SC(!1), { options: l = Yd, disable: c } = t || {}, u = r?.[Mr] || {}, d = typeof u == "string" ?
   u : u.value, g = typeof u == "string" ? !1 : u.isRotated, p = l[d] || tr, m = i || p !== tr, f = Mr in n, h = Object.keys(l).length;
-  if (vC(() => {
+  if (EC(() => {
     Zd(e, d, o, Object.keys(l));
   }, [l, d, o, e]), p.styles === null || !l || h < 1)
     return null;
@@ -12029,7 +12036,7 @@ var of = /* @__PURE__ */ a(({ api: e }) => {
     ), null;
   let b = g ? p.styles.height : p.styles.width, y = g ? p.styles.width : p.styles.height;
   return c ? null : /* @__PURE__ */ Ee.createElement(
-    LC,
+    NC,
     {
       item: p,
       updateGlobals: o,
@@ -12043,7 +12050,7 @@ var of = /* @__PURE__ */ a(({ api: e }) => {
       height: y
     }
   );
-}, "ViewportTool"), LC = Ee.memo(/* @__PURE__ */ a(function(t) {
+}, "ViewportTool"), NC = Ee.memo(/* @__PURE__ */ a(function(t) {
   let {
     item: r,
     viewportMap: o,
@@ -12055,23 +12062,23 @@ var of = /* @__PURE__ */ a(({ api: e }) => {
     isActive: u,
     width: d,
     height: g
-  } = t, p = xC(
+  } = t, p = vC(
     (m) => s({ [Mr]: m }),
     [s]
   );
-  return /* @__PURE__ */ Ee.createElement(yC, null, /* @__PURE__ */ Ee.createElement(
-    wC,
+  return /* @__PURE__ */ Ee.createElement(xC, null, /* @__PURE__ */ Ee.createElement(
+    TC,
     {
       placement: "bottom",
       tooltip: ({ onHide: m }) => /* @__PURE__ */ Ee.createElement(
-        CC,
+        wC,
         {
           links: [
             ...length > 0 && r !== tr ? [
               {
                 id: "reset",
                 title: "Reset viewport",
-                icon: /* @__PURE__ */ Ee.createElement(AC, null),
+                icon: /* @__PURE__ */ Ee.createElement(kC, null),
                 onClick: /* @__PURE__ */ a(() => {
                   p(void 0), m();
                 }, "onClick")
@@ -12103,11 +12110,11 @@ var of = /* @__PURE__ */ a(({ api: e }) => {
           p({ value: void 0, isRotated: !1 });
         }
       },
-      /* @__PURE__ */ Ee.createElement(TC, null),
+      /* @__PURE__ */ Ee.createElement(AC, null),
       r !== tr ? /* @__PURE__ */ Ee.createElement(tf, null, r.name, " ", i ? "(L)" : "(P)") : null
     )
   ), /* @__PURE__ */ Ee.createElement(
-    PC,
+    LC,
     {
       styles: {
         'iframe[data-is-storybook="true"]': { width: d, height: g }
@@ -12115,7 +12122,7 @@ var of = /* @__PURE__ */ a(({ api: e }) => {
     }
   ), r !== tr ? /* @__PURE__ */ Ee.createElement(Qd, null, /* @__PURE__ */ Ee.createElement(Ii, { title: "Viewport width" }, d.replace("px",
   "")), c ? "/" : /* @__PURE__ */ Ee.createElement(
-    SC,
+    CC,
     {
       key: "viewport-rotate",
       title: "Rotate viewport",
@@ -12123,7 +12130,7 @@ var of = /* @__PURE__ */ a(({ api: e }) => {
         p({ value: n, isRotated: !i });
       }
     },
-    /* @__PURE__ */ Ee.createElement(kC, null)
+    /* @__PURE__ */ Ee.createElement(OC, null)
   ), /* @__PURE__ */ Ee.createElement(Ii, { title: "Viewport height" }, g.replace("px", ""))) : null);
 }, "PureTool"));
 
@@ -12131,31 +12138,31 @@ var of = /* @__PURE__ */ a(({ api: e }) => {
 var sf = nf.register(St, (e) => {
   globalThis?.FEATURES?.viewport && nf.add(Kd, {
     title: "viewport / media-queries",
-    type: NC.TOOL,
+    type: _C.TOOL,
     match: /* @__PURE__ */ a(({ viewMode: t, tabId: r }) => t === "story" && !r, "match"),
     render: /* @__PURE__ */ a(() => /* @__PURE__ */ af.createElement(of, { api: e }), "render")
   });
 });
 
 // src/core-server/presets/common-manager.ts
-var MC = "tag-filters", BC = "static-filter", FC = DC.register(MC, (e) => {
-  let t = Object.entries(_C.TAGS_OPTIONS ?? {}).reduce(
+var BC = "tag-filters", FC = "static-filter", RC = MC.register(BC, (e) => {
+  let t = Object.entries(DC.TAGS_OPTIONS ?? {}).reduce(
     (r, o) => {
       let [n, i] = o;
       return i.excludeFromSidebar && (r[n] = !0), r;
     },
     {}
   );
-  e.experimental_setFilter(BC, (r) => {
+  e.experimental_setFilter(FC, (r) => {
     let o = r.tags ?? [];
     return (
       // we can filter out the primary story, but we still want to show autodocs
       (o.includes("dev") || r.type === "docs") && o.filter((n) => t[n]).length === 0
     );
   });
-}), fF = [
+}), mF = [
   Ud,
-  FC,
+  RC,
   qp,
   Hd,
   Dd,
@@ -12164,5 +12171,5 @@ var MC = "tag-filters", BC = "static-filter", FC = DC.register(MC, (e) => {
   Jd
 ];
 export {
-  fF as default
+  mF as default
 };