storybook 9.0.13 → 9.0.14

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

@@ -495,7 +495,7 @@ var Z, ct, Ne = V(() => {
 });
 
 // ../node_modules/color-name/index.js
-var sc = K((d5, ic) => {
+var sc = K((f5, ic) => {
   "use strict";
   ic.exports = {
     aliceblue: [240, 248, 255],
@@ -650,7 +650,7 @@ var sc = K((d5, ic) => {
 });
 
 // ../node_modules/color-convert/conversions.js
-var aa = K((f5, cc) => {
+var aa = K((m5, cc) => {
   var fr = sc(), lc = {};
   for (let e of Object.keys(fr))
     lc[fr[e]] = e;
@@ -985,7 +985,7 @@ var aa = K((f5, cc) => {
 });
 
 // ../node_modules/color-convert/route.js
-var uc = K((g5, pc) => {
+var uc = K((h5, pc) => {
   var bo = aa();
   function cb() {
     let e = {}, t = Object.keys(bo);
@@ -1035,7 +1035,7 @@ var uc = K((g5, pc) => {
 });
 
 // ../node_modules/color-convert/index.js
-var fc = K((b5, dc) => {
+var fc = K((y5, dc) => {
   var ia = aa(), fb = uc(), qt = {}, mb = Object.keys(ia);
   function gb(e) {
     let t = /* @__PURE__ */ a(function(...r) {
@@ -1695,7 +1695,7 @@ var Wc = K((qc, ya) => {
 });
 
 // ../node_modules/entities/lib/maps/entities.json
-var Ua = K(($N, d1) => {
+var Ua = K((UN, d1) => {
   d1.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 Ua = K(($N, d1) => {
 });
 
 // ../node_modules/entities/lib/maps/legacy.json
-var Gp = K((UN, f1) => {
+var Gp = K((qN, f1) => {
   f1.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 Gp = K((UN, f1) => {
 });
 
 // ../node_modules/entities/lib/maps/xml.json
-var qa = K((qN, m1) => {
+var qa = K((WN, m1) => {
   m1.exports = { amp: "&", apos: "'", gt: ">", lt: "<", quot: '"' };
 });
 
 // ../node_modules/entities/lib/maps/decode.json
-var Jp = K((WN, g1) => {
+var Jp = K((GN, g1) => {
   g1.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 pu = K((j) => {
 });
 
 // ../node_modules/ansi-to-html/lib/ansi_to_html.js
-var Eu = K((t_, vu) => {
+var Eu = K((r_, vu) => {
   "use strict";
   function N1(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 = K((A_, ti) => {
+var Uo = K((k_, ti) => {
   function ei() {
     return ti.exports = ei = Object.assign || function(e) {
       for (var t = 1; t < arguments.length; t++) {
@@ -2642,7 +2642,7 @@ var Uo = K((A_, ti) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Ou = K((O_, ku) => {
+var Ou = K((I_, ku) => {
   function iv(e, t) {
     if (e == null) return {};
     var r = {}, o = Object.keys(e), n, i;
@@ -2655,7 +2655,7 @@ var Ou = K((O_, ku) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var qo = K((P_, Iu) => {
+var qo = K((L_, Iu) => {
   var sv = Ou();
   function lv(e, t) {
     if (e == null) return {};
@@ -2672,7 +2672,7 @@ var qo = K((P_, Iu) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/defineProperty.js
-var Nu = K((M_, Lu) => {
+var Nu = K((F_, Lu) => {
   function pv(e, t, r) {
     return t in e ? Object.defineProperty(e, t, {
       value: r,
@@ -2686,7 +2686,7 @@ var Nu = K((M_, Lu) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectSpread2.js
-var Bu = K((j_, Du) => {
+var Bu = K((R_, Du) => {
   var uv = Nu();
   function _u(e, t) {
     var r = Object.keys(e);
@@ -2715,7 +2715,7 @@ var Bu = K((j_, Du) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Fu = K((H_, Mu) => {
+var Fu = K((V_, Mu) => {
   function fv(e, t) {
     if (e == null) return {};
     var r = {}, o = Object.keys(e), n, i;
@@ -2728,7 +2728,7 @@ var Fu = K((H_, Mu) => {
 });
 
 // ../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var Ru = K((z_, ju) => {
+var Ru = K(($_, ju) => {
   var mv = Fu();
   function gv(e, t) {
     if (e == null) return {};
@@ -2745,7 +2745,7 @@ var Ru = K((z_, ju) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/defineProperty.js
-var $u = K((J_, zu) => {
+var $u = K((K_, zu) => {
   function bv(e, t, r) {
     return t in e ? Object.defineProperty(e, t, {
       value: r,
@@ -2759,7 +2759,7 @@ var $u = K((J_, zu) => {
 });
 
 // ../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectSpread2.js
-var Wu = K((Y_, qu) => {
+var Wu = K((X_, qu) => {
   var yv = $u();
   function Uu(e, t) {
     var r = Object.keys(e);
@@ -2788,7 +2788,7 @@ var Wu = K((Y_, qu) => {
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/extends.js
-var Gu = K((Z_, ci) => {
+var Gu = K((Q_, ci) => {
   function li() {
     return ci.exports = li = Object.assign || function(e) {
       for (var t = 1; t < arguments.length; t++) {
@@ -2804,7 +2804,7 @@ var Gu = K((Z_, ci) => {
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var Ku = K((eD, Ju) => {
+var Ku = K((tD, Ju) => {
   function vv(e, t) {
     if (e == null) return {};
     var r = {}, o = Object.keys(e), n, i;
@@ -2817,7 +2817,7 @@ var Ku = K((eD, Ju) => {
 });
 
 // ../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var Xu = K((rD, Yu) => {
+var Xu = K((oD, Yu) => {
   var Ev = Ku();
   function Sv(e, t) {
     if (e == null) return {};
@@ -2834,8 +2834,8 @@ var Xu = K((rD, Yu) => {
 });
 
 // src/core-server/presets/common-manager.ts
-import { global as kC } from "@storybook/global";
-import { addons as OC } from "storybook/manager-api";
+import { global as OC } from "@storybook/global";
+import { addons as IC } from "storybook/manager-api";
 
 // src/controls/manager.tsx
 import Be from "react";
@@ -3307,8 +3307,8 @@ var bf = /* @__PURE__ */ a(function(t) {
       throw new we(72, o, t);
     return "" + n / i + t;
   };
-}, "pxtoFactory"), Vs = bf, UT = Vs("em");
-var qT = Vs("rem");
+}, "pxtoFactory"), Vs = bf, qT = Vs("em");
+var WT = Vs("rem");
 function vn(e) {
   return Math.round(e * 255);
 }
@@ -3700,7 +3700,7 @@ function Mf(e, t) {
   }));
 }
 a(Mf, "adjustHue");
-var WT = Oe(Mf);
+var GT = Oe(Mf);
 function Rt(e, t, r) {
   return Math.max(e, Math.min(t, r));
 }
@@ -3722,7 +3722,7 @@ function Rf(e, t) {
   }));
 }
 a(Rf, "desaturate");
-var GT = Oe(Rf);
+var JT = Oe(Rf);
 function Hf(e, t) {
   if (t === "transparent") return t;
   var r = nt(t);
@@ -3767,38 +3767,38 @@ function Wf(e, t) {
   }));
 }
 a(Wf, "saturate");
-var JT = Oe(Wf);
+var KT = Oe(Wf);
 function Gf(e, t) {
   return t === "transparent" ? t : at(he({}, nt(t), {
     hue: parseFloat(e)
   }));
 }
 a(Gf, "setHue");
-var KT = Oe(Gf);
+var YT = Oe(Gf);
 function Jf(e, t) {
   return t === "transparent" ? t : at(he({}, nt(t), {
     lightness: parseFloat(e)
   }));
 }
 a(Jf, "setLightness");
-var YT = Oe(Jf);
+var XT = Oe(Jf);
 function Kf(e, t) {
   return t === "transparent" ? t : at(he({}, nt(t), {
     saturation: parseFloat(e)
   }));
 }
 a(Kf, "setSaturation");
-var XT = Oe(Kf);
+var ZT = Oe(Kf);
 function Yf(e, t) {
   return t === "transparent" ? t : $s(parseFloat(e), "rgb(0, 0, 0)", t);
 }
 a(Yf, "shade");
-var ZT = Oe(Yf);
+var QT = Oe(Yf);
 function Xf(e, t) {
   return t === "transparent" ? t : $s(parseFloat(e), "rgb(255, 255, 255)", t);
 }
 a(Xf, "tint");
-var QT = Oe(Xf);
+var eA = Oe(Xf);
 function Zf(e, t) {
   if (t === "transparent") return t;
   var r = jt(t), o = typeof r.alpha == "number" ? r.alpha : 1, n = he({}, r, {
@@ -3917,10 +3917,10 @@ Yr, { style: { width: "80%" } })), "SourceSkeleton"), qs = /* @__PURE__ */ a(({
 }, "Source");
 
 // ../addons/docs/src/blocks/components/DocsPage.tsx
-import gA from "react";
+import hA from "react";
 import { withReset as Ws } from "storybook/internal/components";
 import { styled as Xr } from "storybook/theming";
-var te = /* @__PURE__ */ a((e) => `& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`, "toGlobalSelector"), An = 600, xA = Xr.
+var te = /* @__PURE__ */ a((e) => `& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`, "toGlobalSelector"), An = 600, vA = Xr.
 h1(Ws, ({ theme: e }) => ({
   color: e.color.defaultText,
   fontSize: e.typography.size.m3,
@@ -3931,7 +3931,7 @@ h1(Ws, ({ theme: e }) => ({
     lineHeight: "36px",
     marginBottom: "16px"
   }
-})), vA = Xr.h2(Ws, ({ theme: e }) => ({
+})), EA = Xr.h2(Ws, ({ theme: e }) => ({
   fontWeight: e.typography.weight.regular,
   fontSize: e.typography.size.s3,
   lineHeight: "20px",
@@ -3943,7 +3943,7 @@ h1(Ws, ({ theme: e }) => ({
     marginBottom: 24
   },
   color: F(0.25, e.color.defaultText)
-})), EA = Xr.div(({ theme: e }) => {
+})), SA = Xr.div(({ theme: e }) => {
   let t = {
     fontFamily: e.typography.fonts.base,
     fontSize: e.typography.size.s3,
@@ -4289,7 +4289,7 @@ h1(Ws, ({ theme: e }) => ({
       listStyle: "disc"
     }
   };
-}), SA = Xr.div(({ theme: e }) => ({
+}), CA = 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 FA, { useEffect as jA, useRef as RA, useState as HA } from "react";
-import { ErrorFormatter as zA, Loader as $A, getStoryHref as UA } from "storybook/internal/components";
+import jA, { useEffect as RA, useRef as HA, useState as VA } from "react";
+import { ErrorFormatter as $A, Loader as UA, getStoryHref as qA } from "storybook/internal/components";
 import { styled as fm } from "storybook/theming";
 
 // ../addons/docs/src/blocks/components/IFrame.tsx
-import OA, { Component as IA } from "react";
-var { window: PA } = globalThis;
+import IA, { Component as PA } from "react";
+var { window: LA } = globalThis;
 
 // ../addons/docs/src/blocks/components/ZoomContext.tsx
 import { createContext as dm } from "react";
@@ -4330,8 +4330,8 @@ var kn = dm({
 });
 
 // ../addons/docs/src/blocks/components/Story.tsx
-var { PREVIEW_URL: JA } = globalThis;
-var KA = fm.strong(({ theme: e }) => ({
+var { PREVIEW_URL: KA } = globalThis;
+var YA = fm.strong(({ theme: e }) => ({
   color: e.color.orange
 }));
 
@@ -4575,7 +4575,7 @@ var Im = Ht(Gs)({
     ), /* @__PURE__ */ je.createElement(Cm, { actionItems: E }))),
     n && p && f
   );
-}, "Preview"), mk = Ht(Lm)(() => ({
+}, "Preview"), gk = Ht(Lm)(() => ({
   ".docs-story": {
     paddingTop: 32,
     paddingBottom: 40
@@ -4583,46 +4583,46 @@ var Im = Ht(Gs)({
 }));
 
 // ../addons/docs/src/blocks/components/ArgsTable/TabbedArgsTable.tsx
-import yk from "react";
-import { TabsState as vk } from "storybook/internal/components";
+import xk from "react";
+import { TabsState as Ek } from "storybook/internal/components";
 
 // ../addons/docs/src/blocks/components/Typeset.tsx
-import Ik from "react";
+import Pk from "react";
 import { withReset as Nm } from "storybook/internal/components";
 import { styled as Zr } from "storybook/theming";
-var Dk = Zr.div(({ theme: e }) => ({
+var Bk = Zr.div(({ theme: e }) => ({
   marginRight: 30,
   fontSize: `${e.typography.size.s1}px`,
   color: e.base === "light" ? F(0.4, e.color.defaultText) : F(0.6, e.color.defaultText)
-})), Bk = Zr.div({
+})), Mk = Zr.div({
   overflow: "hidden",
   whiteSpace: "nowrap",
   textOverflow: "ellipsis"
-}), Mk = Zr.div({
+}), Fk = Zr.div({
   display: "flex",
   flexDirection: "row",
   alignItems: "baseline",
   "&:not(:last-child)": { marginBottom: "1rem" }
-}), Fk = Zr.div(Nm, ({ theme: e }) => ({
+}), jk = Zr.div(Nm, ({ theme: e }) => ({
   ...it(e),
   margin: "25px 0 40px",
   padding: "30px 20px"
 }));
 
 // ../addons/docs/src/blocks/components/ColorPalette.tsx
-import Vk from "react";
-import { ResetWrapper as $k } from "storybook/internal/components";
+import zk from "react";
+import { ResetWrapper as Uk } from "storybook/internal/components";
 import { styled as Te } from "storybook/theming";
-var Gk = Te.div(({ theme: e }) => ({
+var Jk = Te.div(({ theme: e }) => ({
   fontWeight: e.typography.weight.bold,
   color: e.color.defaultText
-})), Jk = Te.div(({ theme: e }) => ({
+})), Kk = Te.div(({ theme: e }) => ({
   color: e.base === "light" ? F(0.2, e.color.defaultText) : F(0.6, e.color.defaultText)
-})), Kk = Te.div({
+})), Yk = Te.div({
   flex: "0 0 30%",
   lineHeight: "20px",
   marginTop: 5
-}), Yk = Te.div(({ theme: e }) => ({
+}), Xk = Te.div(({ theme: e }) => ({
   flex: 1,
   textAlign: "center",
   fontFamily: e.typography.fonts.mono,
@@ -4640,10 +4640,10 @@ var Gk = Te.div(({ theme: e }) => ({
     display: "block",
     marginTop: 2
   }
-})), Xk = Te.div({
+})), Zk = Te.div({
   display: "flex",
   flexDirection: "row"
-}), Zk = Te.div(({ background: e }) => ({
+}), Qk = Te.div(({ background: e }) => ({
   position: "relative",
   flex: 1,
   "&::before": {
@@ -4655,7 +4655,7 @@ var Gk = Te.div(({ theme: e }) => ({
     background: e,
     content: '""'
   }
-})), Qk = Te.div(({ theme: e }) => ({
+})), e2 = Te.div(({ theme: e }) => ({
   ...it(e),
   display: "flex",
   flexDirection: "row",
@@ -4665,31 +4665,31 @@ var Gk = Te.div(({ theme: e }) => ({
   backgroundColor: "white",
   backgroundImage: "repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",
   backgroundClip: "padding-box"
-})), e2 = Te.div({
+})), t2 = Te.div({
   display: "flex",
   flexDirection: "column",
   flex: 1,
   position: "relative",
   marginBottom: 30
-}), t2 = Te.div({
+}), r2 = Te.div({
   flex: 1,
   display: "flex",
   flexDirection: "row"
-}), r2 = Te.div({
+}), o2 = Te.div({
   display: "flex",
   alignItems: "flex-start"
-}), o2 = Te.div({
-  flex: "0 0 30%"
 }), n2 = Te.div({
+  flex: "0 0 30%"
+}), a2 = Te.div({
   flex: 1
-}), a2 = Te.div(({ theme: e }) => ({
+}), i2 = Te.div(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
   paddingBottom: 20,
   fontWeight: e.typography.weight.bold,
   color: e.base === "light" ? F(0.4, e.color.defaultText) : F(0.6, e.color.defaultText)
-})), i2 = Te.div(({ theme: e }) => ({
+})), s2 = Te.div(({ theme: e }) => ({
   fontSize: e.typography.size.s2,
   lineHeight: "20px",
   display: "flex",
@@ -4697,10 +4697,10 @@ var Gk = Te.div(({ theme: e }) => ({
 }));
 
 // ../addons/docs/src/blocks/components/IconGallery.tsx
-import p2 from "react";
-import { ResetWrapper as d2 } from "storybook/internal/components";
+import u2 from "react";
+import { ResetWrapper as f2 } from "storybook/internal/components";
 import { styled as Qr } from "storybook/theming";
-var g2 = Qr.div(({ theme: e }) => ({
+var h2 = Qr.div(({ theme: e }) => ({
   fontFamily: e.typography.fonts.base,
   fontSize: e.typography.size.s1,
   color: e.color.defaultText,
@@ -4712,7 +4712,7 @@ var g2 = Qr.div(({ theme: e }) => ({
   textOverflow: "ellipsis",
   WebkitLineClamp: 2,
   WebkitBoxOrient: "vertical"
-})), h2 = Qr.div(({ theme: e }) => ({
+})), b2 = Qr.div(({ theme: e }) => ({
   ...it(e),
   overflow: "hidden",
   height: 40,
@@ -4725,12 +4725,12 @@ var g2 = Qr.div(({ theme: e }) => ({
     width: 20,
     height: 20
   }
-})), b2 = Qr.div({
+})), y2 = Qr.div({
   display: "inline-flex",
   flexDirection: "row",
   alignItems: "center",
   width: "100%"
-}), y2 = Qr.div({
+}), x2 = Qr.div({
   display: "grid",
   gridTemplateColumns: "repeat(auto-fill, minmax(140px, 1fr))",
   gridGap: "8px 16px",
@@ -4739,15 +4739,15 @@ var g2 = Qr.div(({ theme: e }) => ({
 });
 
 // ../addons/docs/src/blocks/components/TableOfContents.tsx
-import Y2, { useEffect as X2, useId as Z2 } from "react";
-import { NAVIGATE_URL as eO } from "storybook/internal/core-events";
+import X2, { useEffect as Z2, useId as Q2 } from "react";
+import { NAVIGATE_URL as tO } from "storybook/internal/core-events";
 import { styled as Nn } from "storybook/theming";
-var oO = Nn.aside(() => ({
+var nO = Nn.aside(() => ({
   width: "10rem",
   "@media (max-width: 768px)": {
     display: "none"
   }
-})), nO = Nn.nav(({ theme: e }) => ({
+})), aO = Nn.nav(({ theme: e }) => ({
   position: "fixed",
   bottom: 0,
   top: 0,
@@ -4806,7 +4806,7 @@ var oO = Nn.aside(() => ({
     color: e.color.secondary,
     textDecoration: "none"
   }
-})), aO = Nn.p(({ theme: e }) => ({
+})), iO = Nn.p(({ theme: e }) => ({
   fontWeight: 600,
   fontSize: "0.875em",
   color: e.textColor,
@@ -9751,24 +9751,24 @@ var Vp = Hp.register(Lt, (e) => {
 
 // src/component-testing/manager.tsx
 import nn from "react";
-import { AddonPanel as TS } from "storybook/internal/components";
-import { Consumer as AS, addons as Id, types as kS } from "storybook/manager-api";
+import { AddonPanel as AS } from "storybook/internal/components";
+import { Consumer as kS, addons as Id, types as OS } from "storybook/manager-api";
 
 // src/component-testing/components/Panel.tsx
-import Td, { Fragment as pS, memo as uS, useEffect as Ei, useMemo as Ad, useRef as Si, useState as Ci } from "react";
+import Td, { Fragment as uS, memo as dS, useEffect as Ei, useMemo as Ad, useRef as Si, useState as Ci } from "react";
 import {
-  FORCE_REMOUNT as dS,
-  PLAY_FUNCTION_THREW_EXCEPTION as fS,
-  STORY_RENDER_PHASE_CHANGED as mS,
-  STORY_THREW_EXCEPTION as gS,
-  UNHANDLED_ERRORS_WHILE_PLAYING as hS
+  FORCE_REMOUNT as fS,
+  PLAY_FUNCTION_THREW_EXCEPTION as mS,
+  STORY_RENDER_PHASE_CHANGED as gS,
+  STORY_THREW_EXCEPTION as hS,
+  UNHANDLED_ERRORS_WHILE_PLAYING as bS
 } from "storybook/internal/core-events";
 import { global as wi } from "@storybook/global";
 import {
-  experimental_useStatusStore as bS,
-  useAddonState as yS,
-  useChannel as xS,
-  useParameter as vS
+  experimental_useStatusStore as yS,
+  useAddonState as xS,
+  useChannel as vS,
+  useParameter as ES
 } from "storybook/manager-api";
 
 // src/component-testing/constants.ts
@@ -9778,12 +9778,12 @@ rnal_render_call";
 
 // ../addons/a11y/src/constants.ts
 var gt = "storybook/a11y", l1 = `${gt}/panel`;
-var IN = `${gt}/result`, PN = `${gt}/request`, LN = `${gt}/running`, NN = `${gt}/error`, _N = `${gt}/manual`, DN = `${gt}/select`, c1 = "wri\
-ting-tests/accessibility-testing", BN = `${c1}#why-are-my-tests-failing-in-different-environments`;
+var PN = `${gt}/result`, LN = `${gt}/request`, NN = `${gt}/running`, _N = `${gt}/error`, DN = `${gt}/manual`, BN = `${gt}/select`, c1 = "wri\
+ting-tests/accessibility-testing", MN = `${c1}#why-are-my-tests-failing-in-different-environments`;
 
 // ../addons/vitest/src/constants.ts
-var Up = "storybook/test", FN = `${Up}/test-provider`, qp = "STORYBOOK_ADDON_TEST_CHANNEL";
-var p1 = "writing-tests/integrations/vitest-addon", jN = `${p1}#what-happens-if-vitest-itself-has-an-error`;
+var Up = "storybook/test", jN = `${Up}/test-provider`, qp = "STORYBOOK_ADDON_TEST_CHANNEL";
+var p1 = "writing-tests/integrations/vitest-addon", RN = `${p1}#what-happens-if-vitest-itself-has-an-error`;
 var u1 = {
   id: Up,
   initialState: {
@@ -9820,7 +9820,7 @@ var u1 = {
     }
   }
 };
-var RN = `UNIVERSAL_STORE:${u1.id}`;
+var HN = `UNIVERSAL_STORE:${u1.id}`;
 var Wp = "storybook/component-test";
 
 // src/instrumenter/EVENTS.ts
@@ -11071,7 +11071,7 @@ import {
   RewindIcon as JE,
   SyncIcon as KE
 } from "@storybook/icons";
-import { styled as Ve } from "storybook/theming";
+import { styled as Ve, useTheme as YE } from "storybook/theming";
 
 // src/component-testing/components/StatusBadge.tsx
 import DE from "react";
@@ -11104,19 +11104,19 @@ var ME = {
 }, "StatusBadge");
 
 // src/component-testing/components/Subnav.tsx
-var YE = Ve.div(({ theme: e }) => ({
+var XE = Ve.div(({ theme: e }) => ({
   boxShadow: `${e.appBorderColor} 0 -1px 0 0 inset`,
   background: e.background.app,
   position: "sticky",
   top: 0,
   zIndex: 1
-})), XE = Ve.nav(({ theme: e }) => ({
+})), ZE = Ve.nav({
   height: 40,
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   paddingLeft: 15
-})), ZE = Ve(HE)(({ theme: e }) => ({
+}), QE = Ve(HE)(({ theme: e }) => ({
   borderRadius: 4,
   padding: 6,
   color: e.textMutedColor,
@@ -11130,9 +11130,9 @@ var YE = Ve.div(({ theme: e }) => ({
 })), Nr = Ve(VE)(({ theme: e }) => ({
   color: e.textMutedColor,
   margin: "0 3px"
-})), QE = Ve($E)({
+})), eS = Ve($E)({
   marginTop: 0
-}), eS = Ve(zE)(({ theme: e }) => ({
+}), tS = Ve(zE)(({ theme: e }) => ({
   color: e.textMutedColor,
   justifyContent: "flex-end",
   textAlign: "right",
@@ -11144,14 +11144,14 @@ var YE = Ve.div(({ theme: e }) => ({
 })), hd = Ve.div({
   display: "flex",
   alignItems: "center"
-}), tS = Ve(Nr)({
+}), rS = Ve(Nr)({
   marginLeft: 9
-}), rS = Ve(ZE)({
+}), oS = Ve(QE)({
   marginLeft: 9,
   marginRight: 9,
   marginBottom: 1,
   lineHeight: "12px"
-}), oS = Ve(Nr)(({ theme: e, animating: t, disabled: r }) => ({
+}), nS = Ve(Nr)(({ theme: e, animating: t, disabled: r }) => ({
   opacity: r ? 0.5 : 1,
   svg: {
     animation: t ? `${e.animation.rotate360} 200ms ease-out` : void 0
@@ -11163,12 +11163,13 @@ var YE = Ve.div(({ theme: e }) => ({
   storyFileName: o,
   onScrollToEnd: n
 }) => {
-  let i = r === "error" ? "Scroll to error" : "Scroll to end";
-  return /* @__PURE__ */ q.createElement(YE, null, /* @__PURE__ */ q.createElement(RE, null, /* @__PURE__ */ q.createElement(XE, { "aria-lab\
-el": "Component tests toolbar" }, /* @__PURE__ */ q.createElement(hd, null, /* @__PURE__ */ q.createElement(gd, { status: r }), /* @__PURE__ */ q.
-  createElement(rS, { onClick: n, disabled: !n }, i), /* @__PURE__ */ q.createElement(QE, null), /* @__PURE__ */ q.createElement(Pr, { trigger: "\
-hover", hasChrome: !1, tooltip: /* @__PURE__ */ q.createElement(Lr, { note: "Go to start" }) }, /* @__PURE__ */ q.createElement(
-    tS,
+  let i = r === "error" ? "Scroll to error" : "Scroll to end", s = YE();
+  return /* @__PURE__ */ q.createElement(XE, null, /* @__PURE__ */ q.createElement(RE, { backgroundColor: s.background.app }, /* @__PURE__ */ q.
+  createElement(ZE, { "aria-label": "Component tests toolbar" }, /* @__PURE__ */ q.createElement(hd, null, /* @__PURE__ */ q.createElement(gd,
+  { status: r }), /* @__PURE__ */ q.createElement(oS, { onClick: n, disabled: !n }, i), /* @__PURE__ */ q.createElement(eS, null), /* @__PURE__ */ q.
+  createElement(Pr, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ q.createElement(Lr, { note: "Go to start" }) }, /* @__PURE__ */ q.
+  createElement(
+    rS,
     {
       "aria-label": "Go to start",
       onClick: e.start,
@@ -11203,16 +11204,16 @@ d" }) }, /* @__PURE__ */ q.createElement(
     },
     /* @__PURE__ */ q.createElement(qE, null)
   )), /* @__PURE__ */ q.createElement(Pr, { trigger: "hover", hasChrome: !1, tooltip: /* @__PURE__ */ q.createElement(Lr, { note: "Rerun" }) },
-  /* @__PURE__ */ q.createElement(oS, { "aria-label": "Rerun", onClick: e.rerun }, /* @__PURE__ */ q.createElement(KE, null)))), o && /* @__PURE__ */ q.
-  createElement(hd, null, /* @__PURE__ */ q.createElement(eS, null, o)))));
+  /* @__PURE__ */ q.createElement(nS, { "aria-label": "Rerun", onClick: e.rerun }, /* @__PURE__ */ q.createElement(KE, null)))), o && /* @__PURE__ */ q.
+  createElement(hd, null, /* @__PURE__ */ q.createElement(tS, null, o)))));
 }, "Subnav");
 
 // src/component-testing/components/TestDiscrepancyMessage.tsx
 import yd from "react";
-import { Link as nS } from "storybook/internal/components";
-import { useStorybookApi as aS } from "storybook/manager-api";
-import { styled as iS } from "storybook/theming";
-var sS = iS.div(({ theme: { color: e, typography: t, background: r } }) => ({
+import { Link as aS } from "storybook/internal/components";
+import { useStorybookApi as iS } from "storybook/manager-api";
+import { styled as sS } from "storybook/theming";
+var lS = sS.div(({ theme: { color: e, typography: t, background: r } }) => ({
   textAlign: "start",
   padding: "11px 15px",
   fontSize: `${t.size.s2 - 1}px`,
@@ -11233,17 +11234,17 @@ var sS = iS.div(({ theme: { color: e, typography: t, background: r } }) => ({
     boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)"
   }
 })), xd = /* @__PURE__ */ a(({ browserTestStatus: e }) => {
-  let r = aS().getDocsUrl({
+  let r = iS().getDocsUrl({
     subpath: zp,
     versioned: !0,
     renderer: !0
   }), [o, n] = e === "error" ? ["the CLI", "this browser"] : ["this browser", "the CLI"];
-  return /* @__PURE__ */ yd.createElement(sS, null, "This interaction test passed in ", o, ", but the tests failed in ", n, ".", " ", /* @__PURE__ */ yd.
-  createElement(nS, { href: r, target: "_blank", withArrow: !0 }, "Learn what could cause this"));
+  return /* @__PURE__ */ yd.createElement(lS, null, "This interaction test passed in ", o, ", but the tests failed in ", n, ".", " ", /* @__PURE__ */ yd.
+  createElement(aS, { href: r, target: "_blank", withArrow: !0 }, "Learn what could cause this"));
 }, "TestDiscrepancyMessage");
 
 // src/component-testing/components/InteractionsPanel.tsx
-var lS = er.div(({ theme: e }) => ({
+var cS = er.div(({ theme: e }) => ({
   height: "100%",
   background: e.background.content
 })), vd = er.div(({ theme: e }) => ({
@@ -11264,7 +11265,7 @@ var lS = er.div(({ theme: e }) => ({
 })), Ed = er.div({
   paddingBottom: 4,
   fontWeight: "bold"
-}), cS = er.p({
+}), pS = er.p({
   margin: 0,
   padding: "0 0 20px"
 }), Sd = er.pre(({ theme: e }) => ({
@@ -11293,7 +11294,7 @@ var lS = er.div(({ theme: e }) => ({
     browserTestStatus: h
   }) {
     let b = Qt(), y = i.some((x) => x.id !== ve);
-    return /* @__PURE__ */ Q.createElement(lS, null, f && /* @__PURE__ */ Q.createElement(xd, { browserTestStatus: h }), n.detached && (y ||
+    return /* @__PURE__ */ Q.createElement(cS, null, f && /* @__PURE__ */ Q.createElement(xd, { browserTestStatus: h }), n.detached && (y ||
     l) && /* @__PURE__ */ Q.createElement(Tu, { storyUrl: t }), (i.length > 0 || l) && /* @__PURE__ */ Q.createElement(
       bd,
       {
@@ -11327,7 +11328,7 @@ var lS = er.div(({ theme: e }) => ({
         }
       }
     )), u && /* @__PURE__ */ Q.createElement(vd, null, /* @__PURE__ */ Q.createElement(Ed, null, "Unhandled Errors"), /* @__PURE__ */ Q.createElement(
-    cS, null, "Found ", u.length, " unhandled error", u.length > 1 ? "s" : "", " ", "while running the play function. This might cause false\
+    pS, 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(vi, null, "test\
 .dangerouslyIgnoreUnhandledErrors"), " ", "parameter to ", /* @__PURE__ */ Q.createElement(vi, null, "true"), "."), u.map((x, v) => /* @__PURE__ */ Q.createElement(
     Sd, { key: v, "data-chromatic": "ignore" }, Cd(x)))), /* @__PURE__ */ Q.createElement("div", { ref: m }), !d && !c && !y && /* @__PURE__ */ Q.createElement(
@@ -11347,7 +11348,7 @@ var en = {
   goto: !1,
   next: !1,
   end: !1
-}, ES = {
+}, SS = {
   done: "status-value:success",
   error: "status-value:error",
   active: "status-value:pending",
@@ -11389,15 +11390,15 @@ var en = {
   callId: ve,
   status: e,
   ancestors: []
-}), "getInternalRenderLogItem"), kd = uS(
+}), "getInternalRenderLogItem"), kd = dS(
   /* @__PURE__ */ a(function({ refId: t, storyId: r, storyUrl: o }) {
-    let { statusValue: n, testRunId: i } = bS((B) => {
+    let { statusValue: n, testRunId: i } = yS((B) => {
       let R = t ? void 0 : B[r]?.[Wp];
       return {
         statusValue: R?.value,
         testRunId: R?.data?.testRunId
       };
-    }), [s, l] = yS(Nt, {
+    }), [s, l] = xS(Nt, {
       controlStates: en,
       isErrored: !1,
       pausedAt: void 0,
@@ -11425,7 +11426,7 @@ var en = {
         { root: wi.document.querySelector("#panel-tab-content") }
       ), D.current && B.observe(D.current)), () => B?.disconnect();
     }, []);
-    let _ = xS(
+    let _ = vS(
       {
         [ht.CALL]: I,
         [ht.SYNC]: (B) => {
@@ -11447,7 +11448,7 @@ var en = {
             };
           });
         },
-        [mS]: (B) => {
+        [gS]: (B) => {
           if (B.newPhase === "preparing")
             w.current = [rn("active")], E.current.set(ve, Ti(r)), l({
               controlStates: en,
@@ -11480,7 +11481,7 @@ var en = {
             );
           }
         },
-        [gS]: (B) => {
+        [hS]: (B) => {
           w.current = [rn("error")], E.current.set(
             ve,
             Ti(r, { ...B, callId: ve })
@@ -11504,10 +11505,10 @@ var en = {
             })
           );
         },
-        [fS]: (B) => {
+        [mS]: (B) => {
           l((R) => ({ ...R, caughtException: B, hasException: !0 }));
         },
-        [hS]: (B) => {
+        [bS]: (B) => {
           l((R) => ({ ...R, unhandledErrors: B, hasException: !0 }));
         }
       },
@@ -11534,15 +11535,15 @@ var en = {
         next: /* @__PURE__ */ a(() => _(ht.NEXT, { storyId: r }), "next"),
         end: /* @__PURE__ */ a(() => _(ht.END, { storyId: r }), "end"),
         rerun: /* @__PURE__ */ a(() => {
-          _(dS, { storyId: r });
+          _(fS, { storyId: r });
         }, "rerun")
       }),
       [_, r]
-    ), W = vS("fileName", ""), [ee] = W.toString().split("/").slice(-1), ce = /* @__PURE__ */ a(() => c?.scrollIntoView({ behavior: "smooth",
+    ), W = ES("fileName", ""), [ee] = W.toString().split("/").slice(-1), ce = /* @__PURE__ */ a(() => c?.scrollIntoView({ behavior: "smooth",
     block: "end" }), "scrollToTarget"), ne = !!v || !!S || // @ts-expect-error TODO
     y.some((B) => B.status === "error"), ae = Ad(() => !x && (y.length > 0 || ne) ? ne ? "error" : "done" : x ? "active" : void 0, [x, y, ne]);
     return Ei(() => {
-      if (ae && n && n !== "status-value:pending" && n !== ES[ae]) {
+      if (ae && n && n !== "status-value:pending" && n !== SS[ae]) {
         let R = setTimeout(
           () => m((T) => (T || _(qp, {
             type: "test-discrepancy",
@@ -11558,7 +11559,7 @@ var en = {
         return () => clearTimeout(R);
       } else
         m(!1);
-    }, [_, ae, n, r, i]), /* @__PURE__ */ Td.createElement(pS, { key: "component-tests" }, /* @__PURE__ */ Td.createElement(
+    }, [_, ae, n, r, i]), /* @__PURE__ */ Td.createElement(uS, { key: "component-tests" }, /* @__PURE__ */ Td.createElement(
       wd,
       {
         storyUrl: o,
@@ -11584,12 +11585,12 @@ var en = {
 
 // src/component-testing/components/PanelTitle.tsx
 import on from "react";
-import { Badge as SS } from "storybook/internal/components";
-import { useAddonState as CS, useStorybookApi as wS } from "storybook/manager-api";
+import { Badge as CS } from "storybook/internal/components";
+import { useAddonState as wS, useStorybookApi as TS } from "storybook/manager-api";
 function Od() {
-  let t = wS().getSelectedPanel(), [r = {}] = CS(Nt), { isErrored: o, hasException: n, interactionsCount: i } = r;
+  let t = TS().getSelectedPanel(), [r = {}] = wS(Nt), { 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(SS, { compact: !0, status: t === Zt ? "active" : "neutral" },
+  "span", null, "Interactions"), i && !o && !n ? /* @__PURE__ */ on.createElement(CS, { compact: !0, status: t === Zt ? "active" : "neutral" },
   i) : null, o || n ? /* @__PURE__ */ on.createElement(Zo, { status: "error" }) : null);
 }
 a(Od, "PanelTitle");
@@ -11607,28 +11608,28 @@ var Pd = Id.register(Nt, () => {
       };
     }, "filter");
     Id.add(Zt, {
-      type: kS.PANEL,
+      type: OS.PANEL,
       title: /* @__PURE__ */ a(() => /* @__PURE__ */ nn.createElement(Od, null), "title"),
       match: /* @__PURE__ */ a(({ viewMode: t }) => t === "story", "match"),
-      render: /* @__PURE__ */ a(({ active: t }) => /* @__PURE__ */ nn.createElement(TS, { active: !!t }, /* @__PURE__ */ nn.createElement(AS,
+      render: /* @__PURE__ */ a(({ active: t }) => /* @__PURE__ */ nn.createElement(AS, { active: !!t }, /* @__PURE__ */ nn.createElement(kS,
       { filter: e }, (r) => /* @__PURE__ */ nn.createElement(kd, { ...r }))), "render")
     });
   }
 });
 
 // src/backgrounds/manager.tsx
-import HS from "react";
-import { addons as Bd, types as VS } from "storybook/manager-api";
+import VS from "react";
+import { addons as Bd, types as zS } from "storybook/manager-api";
 
 // src/backgrounds/components/Tool.tsx
-import Je, { Fragment as OS, memo as _d, useCallback as IS, useState as PS } from "react";
-import { IconButton as Nd, TooltipLinkList as LS, WithTooltip as NS } from "storybook/internal/components";
-import { CircleIcon as _S, GridIcon as DS, PhotoIcon as BS, RefreshIcon as MS } from "@storybook/icons";
-import { useGlobals as FS, useParameter as jS } from "storybook/manager-api";
+import Je, { Fragment as IS, memo as _d, useCallback as PS, useState as LS } from "react";
+import { IconButton as Nd, TooltipLinkList as NS, WithTooltip as _S } from "storybook/internal/components";
+import { CircleIcon as DS, GridIcon as BS, PhotoIcon as MS, RefreshIcon as FS } from "@storybook/icons";
+import { useGlobals as jS, useParameter as RS } from "storybook/manager-api";
 
 // src/backgrounds/constants.ts
 var an = "storybook/background", _r = "backgrounds";
-var AM = {
+var kM = {
   UPDATE: `${an}/update`
 };
 
@@ -11640,12 +11641,12 @@ var Ld = {
 
 // src/backgrounds/components/Tool.tsx
 var Dd = _d(/* @__PURE__ */ a(function() {
-  let t = jS(_r), [r, o, n] = FS(), [i, s] = PS(!1), { options: l = Ld, disable: c = !0 } = t || {};
+  let t = RS(_r), [r, o, n] = jS(), [i, s] = LS(!1), { options: l = Ld, 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(
-    RS,
+    HS,
     {
       length: f,
       backgroundMap: l,
@@ -11658,7 +11659,7 @@ var Dd = _d(/* @__PURE__ */ a(function() {
       isTooltipVisible: i
     }
   );
-}, "BackgroundSelector")), RS = _d(/* @__PURE__ */ a(function(t) {
+}, "BackgroundSelector")), HS = _d(/* @__PURE__ */ a(function(t) {
   let {
     item: r,
     length: o,
@@ -11669,7 +11670,7 @@ var Dd = _d(/* @__PURE__ */ a(function() {
     isLocked: c,
     isGridActive: u,
     isTooltipVisible: d
-  } = t, g = IS(
+  } = t, g = PS(
     (p) => {
       n({
         [_r]: p
@@ -11677,7 +11678,7 @@ var Dd = _d(/* @__PURE__ */ a(function() {
     },
     [n]
   );
-  return /* @__PURE__ */ Je.createElement(OS, null, /* @__PURE__ */ Je.createElement(
+  return /* @__PURE__ */ Je.createElement(IS, null, /* @__PURE__ */ Je.createElement(
     Nd,
     {
       key: "grid",
@@ -11686,22 +11687,22 @@ var Dd = _d(/* @__PURE__ */ a(function() {
       title: "Apply a grid to the preview",
       onClick: () => g({ value: l, grid: !u })
     },
-    /* @__PURE__ */ Je.createElement(DS, null)
+    /* @__PURE__ */ Je.createElement(BS, null)
   ), o > 0 ? /* @__PURE__ */ Je.createElement(
-    NS,
+    _S,
     {
       key: "background",
       placement: "top",
       closeOnOutsideClick: !0,
       tooltip: ({ onHide: p }) => /* @__PURE__ */ Je.createElement(
-        LS,
+        NS,
         {
           links: [
             ...r ? [
               {
                 id: "reset",
                 title: "Reset background",
-                icon: /* @__PURE__ */ Je.createElement(MS, null),
+                icon: /* @__PURE__ */ Je.createElement(FS, null),
                 onClick: /* @__PURE__ */ a(() => {
                   g(void 0), p();
                 }, "onClick")
@@ -11710,7 +11711,7 @@ var Dd = _d(/* @__PURE__ */ a(function() {
             ...Object.entries(s).map(([m, f]) => ({
               id: m,
               title: f.name,
-              icon: /* @__PURE__ */ Je.createElement(_S, { color: f?.value || "grey" }),
+              icon: /* @__PURE__ */ Je.createElement(DS, { color: f?.value || "grey" }),
               active: m === l,
               onClick: /* @__PURE__ */ a(() => {
                 g({ value: m, grid: u }), p();
@@ -11729,7 +11730,7 @@ var Dd = _d(/* @__PURE__ */ a(function() {
         title: "Change the background of the preview",
         active: !!r || d
       },
-      /* @__PURE__ */ Je.createElement(BS, null)
+      /* @__PURE__ */ Je.createElement(MS, null)
     )
   ) : null);
 }, "PureTool"));
@@ -11738,25 +11739,25 @@ var Dd = _d(/* @__PURE__ */ a(function() {
 var Md = Bd.register(an, () => {
   globalThis?.FEATURES?.backgrounds && Bd.add(an, {
     title: "Backgrounds",
-    type: VS.TOOL,
+    type: zS.TOOL,
     match: /* @__PURE__ */ a(({ viewMode: e, tabId: t }) => !!(e && e.match(/^(story|docs)$/)) && !t, "match"),
-    render: /* @__PURE__ */ a(() => /* @__PURE__ */ HS.createElement(Dd, null), "render")
+    render: /* @__PURE__ */ a(() => /* @__PURE__ */ VS.createElement(Dd, null), "render")
   });
 });
 
 // src/measure/manager.tsx
-import JS from "react";
-import { addons as Rd, types as KS } from "storybook/manager-api";
+import KS from "react";
+import { addons as Rd, types as YS } from "storybook/manager-api";
 
 // src/measure/Tool.tsx
-import Fd, { useCallback as zS, useEffect as $S } from "react";
-import { IconButton as US } from "storybook/internal/components";
-import { RulerIcon as qS } from "@storybook/icons";
-import { useGlobals as WS, useStorybookApi as GS } from "storybook/manager-api";
+import Fd, { useCallback as $S, useEffect as US } from "react";
+import { IconButton as qS } from "storybook/internal/components";
+import { RulerIcon as WS } from "@storybook/icons";
+import { useGlobals as GS, useStorybookApi as JS } from "storybook/manager-api";
 
 // src/measure/constants.ts
 var Et = "storybook/measure-addon", sn = `${Et}/tool`;
-var $M = {
+var UM = {
   RESULT: `${Et}/result`,
   REQUEST: `${Et}/request`,
   CLEAR: `${Et}/clear`
@@ -11764,13 +11765,13 @@ var $M = {
 
 // src/measure/Tool.tsx
 var jd = /* @__PURE__ */ a(() => {
-  let [e, t] = WS(), { measureEnabled: r } = e || {}, o = GS(), n = zS(
+  let [e, t] = GS(), { measureEnabled: r } = e || {}, o = JS(), n = $S(
     () => t({
       measureEnabled: !r
     }),
     [t, r]
   );
-  return $S(() => {
+  return US(() => {
     o.setAddonShortcut(Et, {
       label: "Toggle Measure [M]",
       defaultShortcut: ["M"],
@@ -11779,49 +11780,49 @@ var jd = /* @__PURE__ */ a(() => {
       action: n
     });
   }, [n, o]), /* @__PURE__ */ Fd.createElement(
-    US,
+    qS,
     {
       key: sn,
       active: r,
       title: "Enable measure",
       onClick: n
     },
-    /* @__PURE__ */ Fd.createElement(qS, null)
+    /* @__PURE__ */ Fd.createElement(WS, null)
   );
 }, "Tool");
 
 // src/measure/manager.tsx
 var Hd = Rd.register(Et, () => {
   globalThis?.FEATURES?.measure && Rd.add(sn, {
-    type: KS.TOOL,
+    type: YS.TOOL,
     title: "Measure",
     match: /* @__PURE__ */ a(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"),
-    render: /* @__PURE__ */ a(() => /* @__PURE__ */ JS.createElement(jd, null), "render")
+    render: /* @__PURE__ */ a(() => /* @__PURE__ */ KS.createElement(jd, null), "render")
   });
 });
 
 // src/outline/manager.tsx
-import oC from "react";
-import { addons as $d, types as nC } from "storybook/manager-api";
+import nC from "react";
+import { addons as $d, types as aC } from "storybook/manager-api";
 
 // src/outline/OutlineSelector.tsx
-import Vd, { memo as YS, useCallback as XS, useEffect as ZS } from "react";
-import { IconButton as QS } from "storybook/internal/components";
-import { OutlineIcon as eC } from "@storybook/icons";
-import { useGlobals as tC, useStorybookApi as rC } from "storybook/manager-api";
+import Vd, { memo as XS, useCallback as ZS, useEffect as QS } from "react";
+import { IconButton as eC } from "storybook/internal/components";
+import { OutlineIcon as tC } from "@storybook/icons";
+import { useGlobals as rC, useStorybookApi as oC } from "storybook/manager-api";
 
 // src/outline/constants.ts
 var Dr = "storybook/outline", Ai = "outline";
 
 // src/outline/OutlineSelector.tsx
-var zd = YS(/* @__PURE__ */ a(function() {
-  let [t, r] = tC(), o = rC(), n = [!0, "true"].includes(t[Ai]), i = XS(
+var zd = XS(/* @__PURE__ */ a(function() {
+  let [t, r] = rC(), o = oC(), n = [!0, "true"].includes(t[Ai]), i = ZS(
     () => r({
       [Ai]: !n
     }),
     [n]
   );
-  return ZS(() => {
+  return QS(() => {
     o.setAddonShortcut(Dr, {
       label: "Toggle Outline",
       defaultShortcut: ["alt", "O"],
@@ -11830,14 +11831,14 @@ var zd = YS(/* @__PURE__ */ a(function() {
       action: i
     });
   }, [i, o]), /* @__PURE__ */ Vd.createElement(
-    QS,
+    eC,
     {
       key: "outline",
       active: n,
       title: "Apply outlines to the preview",
       onClick: i
     },
-    /* @__PURE__ */ Vd.createElement(eC, null)
+    /* @__PURE__ */ Vd.createElement(tC, null)
   );
 }, "OutlineSelector"));
 
@@ -11845,25 +11846,25 @@ var zd = YS(/* @__PURE__ */ a(function() {
 var Ud = $d.register(Dr, () => {
   globalThis?.FEATURES?.outline && $d.add(Dr, {
     title: "Outline",
-    type: nC.TOOL,
+    type: aC.TOOL,
     match: /* @__PURE__ */ a(({ viewMode: e, tabId: t }) => !!(e && e.match(/^(story|docs)$/)) && !t, "match"),
-    render: /* @__PURE__ */ a(() => /* @__PURE__ */ oC.createElement(zd, null), "render")
+    render: /* @__PURE__ */ a(() => /* @__PURE__ */ nC.createElement(zd, null), "render")
   });
 });
 
 // src/viewport/manager.tsx
 import * as tf from "react";
-import { addons as ef, types as AC } from "storybook/manager-api";
+import { addons as ef, types as kC } from "storybook/manager-api";
 
 // src/viewport/components/Tool.tsx
-import Se, { Fragment as dC, useCallback as fC, useEffect as mC, useState as gC } from "react";
-import { IconButton as hC, TooltipLinkList as bC, WithTooltip as yC } from "storybook/internal/components";
-import { GrowIcon as xC, RefreshIcon as vC, TransferIcon as EC } from "@storybook/icons";
-import { useGlobals as SC, useParameter as CC } from "storybook/manager-api";
-import { Global as wC } from "storybook/theming";
+import Se, { Fragment as fC, useCallback as mC, useEffect as gC, useState as hC } from "react";
+import { IconButton as bC, TooltipLinkList as yC, WithTooltip as xC } from "storybook/internal/components";
+import { GrowIcon as vC, RefreshIcon as EC, TransferIcon as SC } from "@storybook/icons";
+import { useGlobals as CC, useParameter as wC } from "storybook/manager-api";
+import { Global as TC } from "storybook/theming";
 
 // src/viewport/constants.ts
-var St = "storybook/viewport", Br = "viewport", y3 = `${St}/panel`, qd = `${St}/tool`;
+var St = "storybook/viewport", Br = "viewport", x3 = `${St}/panel`, qd = `${St}/tool`;
 
 // src/viewport/defaults.ts
 var Wd = {
@@ -11912,10 +11913,10 @@ var tr = {
 };
 
 // src/viewport/shortcuts.ts
-var Gd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), aC = /* @__PURE__ */ a((e, t) => {
+var Gd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), iC = /* @__PURE__ */ a((e, t) => {
   let r = Gd(e, t);
   return r === e.length - 1 ? e[0] : e[r + 1];
-}, "getNextViewport"), iC = /* @__PURE__ */ a((e, t) => {
+}, "getNextViewport"), sC = /* @__PURE__ */ a((e, t) => {
   let r = Gd(e, t);
   return r < 1 ? e[e.length - 1] : e[r - 1];
 }, "getPreviousViewport"), Jd = /* @__PURE__ */ a(async (e, t, r, o) => {
@@ -11925,7 +11926,7 @@ var Gd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), a
     actionName: "previous",
     action: /* @__PURE__ */ a(() => {
       r({
-        viewport: iC(o, t)
+        viewport: sC(o, t)
       });
     }, "action")
   }), await e.setAddonShortcut(St, {
@@ -11934,7 +11935,7 @@ var Gd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), a
     actionName: "next",
     action: /* @__PURE__ */ a(() => {
       r({
-        viewport: aC(o, t)
+        viewport: iC(o, t)
       });
     }, "action")
   }), await e.setAddonShortcut(St, {
@@ -11950,9 +11951,9 @@ var Gd = /* @__PURE__ */ a((e, t) => e.indexOf(t), "getCurrentViewportIndex"), a
 }, "registerShortcuts");
 
 // src/viewport/utils.tsx
-import ln, { Fragment as sC } from "react";
-import { IconButton as lC } from "storybook/internal/components";
-import { BrowserIcon as cC, MobileIcon as pC, TabletIcon as uC } from "@storybook/icons";
+import ln, { Fragment as lC } from "react";
+import { IconButton as cC } from "storybook/internal/components";
+import { BrowserIcon as pC, MobileIcon as uC, TabletIcon as dC } from "@storybook/icons";
 import { styled as cn } from "storybook/theming";
 var Kd = cn.div({
   display: "inline-flex",
@@ -11969,24 +11970,24 @@ var Kd = cn.div({
   borderTop: "3px solid transparent",
   borderBottom: "3px solid transparent",
   background: "transparent"
-})), Yd = cn(lC)(() => ({
+})), Yd = cn(cC)(() => ({
   display: "inline-flex",
   alignItems: "center"
 })), Xd = cn.div(({ theme: e }) => ({
   fontSize: e.typography.size.s2 - 1,
   marginLeft: 10
 })), Zd = {
-  desktop: /* @__PURE__ */ ln.createElement(cC, null),
-  mobile: /* @__PURE__ */ ln.createElement(pC, null),
-  tablet: /* @__PURE__ */ ln.createElement(uC, null),
-  other: /* @__PURE__ */ ln.createElement(sC, null)
+  desktop: /* @__PURE__ */ ln.createElement(pC, null),
+  mobile: /* @__PURE__ */ ln.createElement(uC, null),
+  tablet: /* @__PURE__ */ ln.createElement(dC, null),
+  other: /* @__PURE__ */ ln.createElement(lC, null)
 };
 
 // src/viewport/components/Tool.tsx
 var Qd = /* @__PURE__ */ a(({ api: e }) => {
-  let t = CC(Br), [r, o, n] = SC(), [i, s] = gC(!1), { options: l = Wd, disable: c } = t || {}, u = r?.[Br] || {}, d = typeof u == "string" ?
+  let t = wC(Br), [r, o, n] = CC(), [i, s] = hC(!1), { options: l = Wd, disable: c } = t || {}, u = r?.[Br] || {}, d = typeof u == "string" ?
   u : u.value, g = typeof u == "string" ? !1 : u.isRotated, p = l[d] || tr, m = i || p !== tr, f = Br in n, h = Object.keys(l).length;
-  if (mC(() => {
+  if (gC(() => {
     Jd(e, d, o, Object.keys(l));
   }, [l, d, o, e]), p.styles === null || !l || h < 1)
     return null;
@@ -11996,7 +11997,7 @@ var Qd = /* @__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__ */ Se.createElement(
-    TC,
+    AC,
     {
       item: p,
       updateGlobals: o,
@@ -12010,7 +12011,7 @@ var Qd = /* @__PURE__ */ a(({ api: e }) => {
       height: y
     }
   );
-}, "ViewportTool"), TC = Se.memo(/* @__PURE__ */ a(function(t) {
+}, "ViewportTool"), AC = Se.memo(/* @__PURE__ */ a(function(t) {
   let {
     item: r,
     viewportMap: o,
@@ -12022,23 +12023,23 @@ var Qd = /* @__PURE__ */ a(({ api: e }) => {
     isActive: u,
     width: d,
     height: g
-  } = t, p = fC(
+  } = t, p = mC(
     (m) => s({ [Br]: m }),
     [s]
   );
-  return /* @__PURE__ */ Se.createElement(dC, null, /* @__PURE__ */ Se.createElement(
-    yC,
+  return /* @__PURE__ */ Se.createElement(fC, null, /* @__PURE__ */ Se.createElement(
+    xC,
     {
       placement: "bottom",
       tooltip: ({ onHide: m }) => /* @__PURE__ */ Se.createElement(
-        bC,
+        yC,
         {
           links: [
             ...length > 0 && r !== tr ? [
               {
                 id: "reset",
                 title: "Reset viewport",
-                icon: /* @__PURE__ */ Se.createElement(vC, null),
+                icon: /* @__PURE__ */ Se.createElement(EC, null),
                 onClick: /* @__PURE__ */ a(() => {
                   p(void 0), m();
                 }, "onClick")
@@ -12070,11 +12071,11 @@ var Qd = /* @__PURE__ */ a(({ api: e }) => {
           p({ value: void 0, isRotated: !1 });
         }
       },
-      /* @__PURE__ */ Se.createElement(xC, null),
+      /* @__PURE__ */ Se.createElement(vC, null),
       r !== tr ? /* @__PURE__ */ Se.createElement(Xd, null, r.name, " ", i ? "(L)" : "(P)") : null
     )
   ), /* @__PURE__ */ Se.createElement(
-    wC,
+    TC,
     {
       styles: {
         'iframe[data-is-storybook="true"]': { width: d, height: g }
@@ -12082,7 +12083,7 @@ var Qd = /* @__PURE__ */ a(({ api: e }) => {
     }
   ), r !== tr ? /* @__PURE__ */ Se.createElement(Kd, null, /* @__PURE__ */ Se.createElement(ki, { title: "Viewport width" }, d.replace("px",
   "")), c ? "/" : /* @__PURE__ */ Se.createElement(
-    hC,
+    bC,
     {
       key: "viewport-rotate",
       title: "Rotate viewport",
@@ -12090,7 +12091,7 @@ var Qd = /* @__PURE__ */ a(({ api: e }) => {
         p({ value: n, isRotated: !i });
       }
     },
-    /* @__PURE__ */ Se.createElement(EC, null)
+    /* @__PURE__ */ Se.createElement(SC, null)
   ), /* @__PURE__ */ Se.createElement(ki, { title: "Viewport height" }, g.replace("px", ""))) : null);
 }, "PureTool"));
 
@@ -12098,31 +12099,31 @@ var Qd = /* @__PURE__ */ a(({ api: e }) => {
 var rf = ef.register(St, (e) => {
   globalThis?.FEATURES?.viewport && ef.add(qd, {
     title: "viewport / media-queries",
-    type: AC.TOOL,
+    type: kC.TOOL,
     match: /* @__PURE__ */ a(({ viewMode: t, tabId: r }) => t === "story" && !r, "match"),
     render: /* @__PURE__ */ a(() => /* @__PURE__ */ tf.createElement(Qd, { api: e }), "render")
   });
 });
 
 // src/core-server/presets/common-manager.ts
-var IC = "tag-filters", PC = "static-filter", LC = OC.register(IC, (e) => {
-  let t = Object.entries(kC.TAGS_OPTIONS ?? {}).reduce(
+var PC = "tag-filters", LC = "static-filter", NC = IC.register(PC, (e) => {
+  let t = Object.entries(OC.TAGS_OPTIONS ?? {}).reduce(
     (r, o) => {
       let [n, i] = o;
       return i.excludeFromSidebar && (r[n] = !0), r;
     },
     {}
   );
-  e.experimental_setFilter(PC, (r) => {
+  e.experimental_setFilter(LC, (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
     );
   });
-}), rF = [
+}), oF = [
   Hd,
-  LC,
+  NC,
   Vp,
   Md,
   Pd,
@@ -12131,5 +12132,5 @@ var IC = "tag-filters", PC = "static-filter", LC = OC.register(IC, (e) => {
   Ud
 ];
 export {
-  rF as default
+  oF as default
 };