storybook 9.0.0-alpha.3 → 9.0.0-alpha.4

package/dist/manager/runtime.js

@@ -1898,18 +1898,6 @@ TELEMETRY_ERROR: $v, TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: Uv, TESTING_MODULE_
 TESTING_MODULE_PROGRESS_REPORT: sn, TESTING_MODULE_RUN_ALL_REQUEST: Yv, TESTING_MODULE_RUN_REQUEST: qv, TOGGLE_WHATS_NEW_NOTIFICATIONS: Qv, UNHANDLED_ERRORS_WHILE_PLAYING: Xv,
 UPDATE_GLOBALS: Zv, UPDATE_QUERY_PARAMS: Jv, UPDATE_STORY_ARGS: ex } = __STORYBOOK_CORE_EVENTS__;
 
-// global-externals:storybook/internal/manager-api
-var ox = __STORYBOOK_API__, { ActiveTabs: rx, Consumer: he, ManagerContext: nx, Provider: ws, RequestResponseError: ix, addons: Ge, combineParameters: sx,
-controlOrMetaKey: ax, controlOrMetaSymbol: lx, eventMatchesShortcut: ux, eventToShortcut: Ts, experimental_MockUniversalStore: cx, experimental_UniversalStore: px,
-experimental_requestResponse: Po, experimental_useUniversalStore: dx, isMacLike: fx, isShortcutTaken: mx, keyToSymbol: hx, merge: Ao, mockChannel: gx,
-optionOrAltSymbol: yx, shortcutMatchesShortcut: Cs, shortcutToHumanString: Ye, types: ve, useAddonState: bx, useArgTypes: vx, useArgs: xx, useChannel: ks,
-useGlobalTypes: Sx, useGlobals: Ix, useParameter: Ex, useSharedState: _x, useStoryPrepared: wx, useStorybookApi: oe, useStorybookState: Pe } = __STORYBOOK_API__;
-
-// global-externals:storybook/internal/theming
-var Cx = __STORYBOOK_THEMING__, { CacheProvider: kx, ClassNames: Ox, Global: Kt, ThemeProvider: an, background: Px, color: Os, convert: Ax, create: Dx,
-createCache: Mx, createGlobal: Ps, createReset: Lx, css: Nx, darken: Fx, ensure: As, ignoreSsrWarning: Rx, isPropValid: Hx, jsx: Bx, keyframes: It,
-lighten: zx, styled: x, themes: Wx, typography: jx, useTheme: Ae, withTheme: Ds } = __STORYBOOK_THEMING__;
-
 // ../node_modules/@storybook/global/dist/index.mjs
 var se = (() => {
   let e;
@@ -1918,35 +1906,47 @@ var se = (() => {
 })();
 
 // global-externals:@storybook/icons
-var $x = __STORYBOOK_ICONS__, { AccessibilityAltIcon: Ux, AccessibilityIcon: Gx, AccessibilityIgnoredIcon: Yx, AddIcon: qx, AdminIcon: Qx, AlertAltIcon: Xx,
-AlertIcon: Do, AlignLeftIcon: Zx, AlignRightIcon: Jx, AppleIcon: eS, ArrowBottomLeftIcon: tS, ArrowBottomRightIcon: oS, ArrowDownIcon: rS, ArrowLeftIcon: Ms,
-ArrowRightIcon: nS, ArrowSolidDownIcon: iS, ArrowSolidLeftIcon: sS, ArrowSolidRightIcon: aS, ArrowSolidUpIcon: lS, ArrowTopLeftIcon: uS, ArrowTopRightIcon: cS,
-ArrowUpIcon: pS, AzureDevOpsIcon: dS, BackIcon: fS, BasketIcon: mS, BatchAcceptIcon: hS, BatchDenyIcon: gS, BeakerIcon: yS, BellIcon: bS, BitbucketIcon: vS,
-BoldIcon: xS, BookIcon: SS, BookmarkHollowIcon: IS, BookmarkIcon: ES, BottomBarIcon: Mo, BottomBarToggleIcon: Ls, BoxIcon: _S, BranchIcon: wS,
-BrowserIcon: TS, ButtonIcon: CS, CPUIcon: kS, CalendarIcon: OS, CameraIcon: PS, CameraStabilizeIcon: AS, CategoryIcon: DS, CertificateIcon: MS,
-ChangedIcon: LS, ChatIcon: NS, CheckIcon: We, ChevronDownIcon: $t, ChevronLeftIcon: FS, ChevronRightIcon: Ns, ChevronSmallDownIcon: RS, ChevronSmallLeftIcon: HS,
-ChevronSmallRightIcon: BS, ChevronSmallUpIcon: Fs, ChevronUpIcon: zS, ChromaticIcon: WS, ChromeIcon: jS, CircleHollowIcon: VS, CircleIcon: Rs,
-ClearIcon: KS, CloseAltIcon: Lo, CloseIcon: qe, CloudHollowIcon: $S, CloudIcon: US, CogIcon: ln, CollapseIcon: Hs, CommandIcon: GS, CommentAddIcon: YS,
-CommentIcon: qS, CommentsIcon: QS, CommitIcon: XS, CompassIcon: ZS, ComponentDrivenIcon: JS, ComponentIcon: un, ContrastIcon: eI, ContrastIgnoredIcon: tI,
-ControlsIcon: oI, CopyIcon: rI, CreditIcon: nI, CrossIcon: iI, DashboardIcon: sI, DatabaseIcon: aI, DeleteIcon: lI, DiamondIcon: uI, DirectionIcon: cI,
-DiscordIcon: pI, DocChartIcon: dI, DocListIcon: fI, DocumentIcon: Ut, DownloadIcon: mI, DragIcon: hI, EditIcon: gI, EllipsisIcon: Bs, EmailIcon: yI,
-ExpandAltIcon: zs, ExpandIcon: Ws, EyeCloseIcon: js, EyeIcon: Vs, FaceHappyIcon: bI, FaceNeutralIcon: vI, FaceSadIcon: xI, FacebookIcon: SI,
-FailedIcon: Ks, FastForwardIcon: II, FigmaIcon: EI, FilterIcon: $s, FlagIcon: _I, FolderIcon: wI, FormIcon: TI, GDriveIcon: CI, GithubIcon: No,
-GitlabIcon: kI, GlobeIcon: cn, GoogleIcon: OI, GraphBarIcon: PI, GraphLineIcon: AI, GraphqlIcon: DI, GridAltIcon: MI, GridIcon: LI, GrowIcon: NI,
-HeartHollowIcon: FI, HeartIcon: Us, HomeIcon: RI, HourglassIcon: HI, InfoIcon: Gs, ItalicIcon: BI, JumpToIcon: zI, KeyIcon: WI, LightningIcon: Ys,
-LightningOffIcon: jI, LinkBrokenIcon: VI, LinkIcon: qs, LinkedinIcon: KI, LinuxIcon: $I, ListOrderedIcon: UI, ListUnorderedIcon: GI, LocationIcon: YI,
-LockIcon: Fo, MarkdownIcon: qI, MarkupIcon: Qs, MediumIcon: QI, MemoryIcon: XI, MenuIcon: Ro, MergeIcon: ZI, MirrorIcon: JI, MobileIcon: eE,
-MoonIcon: tE, NutIcon: oE, OutboxIcon: rE, OutlineIcon: nE, PaintBrushIcon: iE, PaperClipIcon: sE, ParagraphIcon: aE, PassedIcon: lE, PhoneIcon: uE,
-PhotoDragIcon: cE, PhotoIcon: pE, PhotoStabilizeIcon: dE, PinAltIcon: fE, PinIcon: mE, PlayAllHollowIcon: Xs, PlayBackIcon: hE, PlayHollowIcon: Zs,
-PlayIcon: gE, PlayNextIcon: yE, PlusIcon: Js, PointerDefaultIcon: bE, PointerHandIcon: vE, PowerIcon: xE, PrintIcon: SE, ProceedIcon: IE, ProfileIcon: EE,
-PullRequestIcon: _E, QuestionIcon: wE, RSSIcon: TE, RedirectIcon: CE, ReduxIcon: kE, RefreshIcon: OE, ReplyIcon: PE, RepoIcon: AE, RequestChangeIcon: DE,
-RewindIcon: ME, RulerIcon: LE, SaveIcon: NE, SearchIcon: Ho, ShareAltIcon: at, ShareIcon: FE, ShieldIcon: RE, SideBySideIcon: HE, SidebarAltIcon: Bo,
-SidebarAltToggleIcon: BE, SidebarIcon: zE, SidebarToggleIcon: WE, SpeakerIcon: jE, StackedIcon: VE, StarHollowIcon: KE, StarIcon: $E, StatusFailIcon: ea,
-StatusIcon: UE, StatusPassIcon: ta, StatusWarnIcon: oa, StickerIcon: GE, StopAltHollowIcon: YE, StopAltIcon: ra, StopIcon: qE, StorybookIcon: na,
-StructureIcon: QE, SubtractIcon: XE, SunIcon: ZE, SupportIcon: JE, SwitchAltIcon: e_, SyncIcon: mt, TabletIcon: t_, ThumbsUpIcon: o_, TimeIcon: ia,
-TimerIcon: r_, TransferIcon: n_, TrashIcon: sa, TwitterIcon: i_, TypeIcon: s_, UbuntuIcon: a_, UndoIcon: l_, UnfoldIcon: u_, UnlockIcon: c_,
-UnpinIcon: p_, UploadIcon: d_, UserAddIcon: f_, UserAltIcon: m_, UserIcon: h_, UsersIcon: g_, VSCodeIcon: y_, VerifiedIcon: b_, VideoIcon: v_,
-WandIcon: aa, WatchIcon: x_, WindowsIcon: S_, WrenchIcon: I_, XIcon: E_, YoutubeIcon: __, ZoomIcon: la, ZoomOutIcon: ua, ZoomResetIcon: ca, iconList: w_ } = __STORYBOOK_ICONS__;
+var rx = __STORYBOOK_ICONS__, { AccessibilityAltIcon: nx, AccessibilityIcon: ix, AccessibilityIgnoredIcon: sx, AddIcon: ax, AdminIcon: lx, AlertAltIcon: ux,
+AlertIcon: Po, AlignLeftIcon: cx, AlignRightIcon: px, AppleIcon: dx, ArrowBottomLeftIcon: fx, ArrowBottomRightIcon: mx, ArrowDownIcon: hx, ArrowLeftIcon: ws,
+ArrowRightIcon: gx, ArrowSolidDownIcon: yx, ArrowSolidLeftIcon: bx, ArrowSolidRightIcon: vx, ArrowSolidUpIcon: xx, ArrowTopLeftIcon: Sx, ArrowTopRightIcon: Ix,
+ArrowUpIcon: Ex, AzureDevOpsIcon: _x, BackIcon: wx, BasketIcon: Tx, BatchAcceptIcon: Cx, BatchDenyIcon: kx, BeakerIcon: Ox, BellIcon: Px, BitbucketIcon: Ax,
+BoldIcon: Dx, BookIcon: Mx, BookmarkHollowIcon: Lx, BookmarkIcon: Nx, BottomBarIcon: Ao, BottomBarToggleIcon: Ts, BoxIcon: Fx, BranchIcon: Rx,
+BrowserIcon: Hx, ButtonIcon: Bx, CPUIcon: zx, CalendarIcon: Wx, CameraIcon: jx, CameraStabilizeIcon: Vx, CategoryIcon: Kx, CertificateIcon: $x,
+ChangedIcon: Ux, ChatIcon: Gx, CheckIcon: We, ChevronDownIcon: Kt, ChevronLeftIcon: Yx, ChevronRightIcon: Cs, ChevronSmallDownIcon: qx, ChevronSmallLeftIcon: Qx,
+ChevronSmallRightIcon: Xx, ChevronSmallUpIcon: ks, ChevronUpIcon: Zx, ChromaticIcon: Jx, ChromeIcon: eS, CircleHollowIcon: tS, CircleIcon: Os,
+ClearIcon: oS, CloseAltIcon: Do, CloseIcon: Ge, CloudHollowIcon: rS, CloudIcon: nS, CogIcon: an, CollapseIcon: Ps, CommandIcon: iS, CommentAddIcon: sS,
+CommentIcon: aS, CommentsIcon: lS, CommitIcon: uS, CompassIcon: cS, ComponentDrivenIcon: pS, ComponentIcon: ln, ContrastIcon: dS, ContrastIgnoredIcon: fS,
+ControlsIcon: mS, CopyIcon: hS, CreditIcon: gS, CrossIcon: yS, DashboardIcon: bS, DatabaseIcon: vS, DeleteIcon: xS, DiamondIcon: SS, DirectionIcon: IS,
+DiscordIcon: ES, DocChartIcon: _S, DocListIcon: wS, DocumentIcon: $t, DownloadIcon: TS, DragIcon: CS, EditIcon: kS, EllipsisIcon: As, EmailIcon: OS,
+ExpandAltIcon: Ds, ExpandIcon: Ms, EyeCloseIcon: Ls, EyeIcon: Ns, FaceHappyIcon: PS, FaceNeutralIcon: AS, FaceSadIcon: DS, FacebookIcon: MS,
+FailedIcon: Fs, FastForwardIcon: LS, FigmaIcon: NS, FilterIcon: Rs, FlagIcon: FS, FolderIcon: RS, FormIcon: HS, GDriveIcon: BS, GithubIcon: Mo,
+GitlabIcon: zS, GlobeIcon: un, GoogleIcon: WS, GraphBarIcon: jS, GraphLineIcon: VS, GraphqlIcon: KS, GridAltIcon: $S, GridIcon: US, GrowIcon: GS,
+HeartHollowIcon: YS, HeartIcon: Hs, HomeIcon: qS, HourglassIcon: QS, InfoIcon: Bs, ItalicIcon: XS, JumpToIcon: ZS, KeyIcon: JS, LightningIcon: zs,
+LightningOffIcon: eI, LinkBrokenIcon: tI, LinkIcon: Ws, LinkedinIcon: oI, LinuxIcon: rI, ListOrderedIcon: nI, ListUnorderedIcon: iI, LocationIcon: sI,
+LockIcon: Lo, MarkdownIcon: aI, MarkupIcon: js, MediumIcon: lI, MemoryIcon: uI, MenuIcon: No, MergeIcon: cI, MirrorIcon: pI, MobileIcon: dI,
+MoonIcon: fI, NutIcon: mI, OutboxIcon: hI, OutlineIcon: gI, PaintBrushIcon: yI, PaperClipIcon: bI, ParagraphIcon: vI, PassedIcon: xI, PhoneIcon: SI,
+PhotoDragIcon: II, PhotoIcon: EI, PhotoStabilizeIcon: _I, PinAltIcon: wI, PinIcon: TI, PlayAllHollowIcon: Vs, PlayBackIcon: CI, PlayHollowIcon: Ks,
+PlayIcon: kI, PlayNextIcon: OI, PlusIcon: $s, PointerDefaultIcon: PI, PointerHandIcon: AI, PowerIcon: DI, PrintIcon: MI, ProceedIcon: LI, ProfileIcon: NI,
+PullRequestIcon: FI, QuestionIcon: RI, RSSIcon: HI, RedirectIcon: BI, ReduxIcon: zI, RefreshIcon: WI, ReplyIcon: jI, RepoIcon: VI, RequestChangeIcon: KI,
+RewindIcon: $I, RulerIcon: UI, SaveIcon: GI, SearchIcon: Fo, ShareAltIcon: at, ShareIcon: YI, ShieldIcon: qI, SideBySideIcon: QI, SidebarAltIcon: Ro,
+SidebarAltToggleIcon: XI, SidebarIcon: ZI, SidebarToggleIcon: JI, SpeakerIcon: eE, StackedIcon: tE, StarHollowIcon: oE, StarIcon: rE, StatusFailIcon: Us,
+StatusIcon: nE, StatusPassIcon: Gs, StatusWarnIcon: Ys, StickerIcon: iE, StopAltHollowIcon: sE, StopAltIcon: qs, StopIcon: aE, StorybookIcon: Qs,
+StructureIcon: lE, SubtractIcon: uE, SunIcon: cE, SupportIcon: pE, SwitchAltIcon: dE, SyncIcon: mt, TabletIcon: fE, ThumbsUpIcon: mE, TimeIcon: Xs,
+TimerIcon: hE, TransferIcon: gE, TrashIcon: Zs, TwitterIcon: yE, TypeIcon: bE, UbuntuIcon: vE, UndoIcon: xE, UnfoldIcon: SE, UnlockIcon: IE,
+UnpinIcon: EE, UploadIcon: _E, UserAddIcon: wE, UserAltIcon: TE, UserIcon: CE, UsersIcon: kE, VSCodeIcon: OE, VerifiedIcon: PE, VideoIcon: AE,
+WandIcon: Js, WatchIcon: DE, WindowsIcon: ME, WrenchIcon: LE, XIcon: NE, YoutubeIcon: FE, ZoomIcon: ea, ZoomOutIcon: ta, ZoomResetIcon: oa, iconList: RE } = __STORYBOOK_ICONS__;
+
+// global-externals:storybook/manager-api
+var BE = __STORYBOOK_API__, { ActiveTabs: zE, Consumer: he, ManagerContext: WE, Provider: ra, RequestResponseError: jE, addons: Ye, combineParameters: VE,
+controlOrMetaKey: KE, controlOrMetaSymbol: $E, eventMatchesShortcut: UE, eventToShortcut: na, experimental_MockUniversalStore: GE, experimental_UniversalStore: YE,
+experimental_requestResponse: Ho, experimental_useUniversalStore: qE, isMacLike: QE, isShortcutTaken: XE, keyToSymbol: ZE, merge: Bo, mockChannel: JE,
+optionOrAltSymbol: e_, shortcutMatchesShortcut: ia, shortcutToHumanString: qe, types: ve, useAddonState: t_, useArgTypes: o_, useArgs: r_, useChannel: sa,
+useGlobalTypes: n_, useGlobals: i_, useParameter: s_, useSharedState: a_, useStoryPrepared: l_, useStorybookApi: oe, useStorybookState: Pe } = __STORYBOOK_API__;
+
+// global-externals:storybook/theming
+var c_ = __STORYBOOK_THEMING__, { CacheProvider: p_, ClassNames: d_, Global: Ut, ThemeProvider: cn, background: f_, color: aa, convert: m_, create: h_,
+createCache: g_, createGlobal: la, createReset: y_, css: b_, darken: v_, ensure: ua, ignoreSsrWarning: x_, isPropValid: S_, jsx: I_, keyframes: It,
+lighten: E_, styled: x, themes: __, typography: w_, useTheme: Ae, withTheme: ca } = __STORYBOOK_THEMING__;
 
 // global-externals:react-dom/client
 var C_ = __REACT_DOM_CLIENT__, { createRoot: pa, hydrateRoot: k_ } = __REACT_DOM_CLIENT__;
@@ -3048,7 +3048,7 @@ var Lf = It({
       t.preventDefault(), t.stopPropagation(), e();
     }
   },
-  /* @__PURE__ */ s.createElement(Lo, { size: 12 })
+  /* @__PURE__ */ s.createElement(Do, { size: 12 })
 ), "DismissNotificationItem"), qT = x.div({
   height: 48
 }), Vf = /* @__PURE__ */ a(({
@@ -3372,16 +3372,16 @@ var ul = /* @__PURE__ */ a(() => {
       unmountOnExit: !0
     },
     (i) => /* @__PURE__ */ s.createElement(Qf, { ref: o, state: i, transitionDuration: 300 }, /* @__PURE__ */ s.createElement(Jf, { onClick: () => t(
-    !1), title: "Close about section" }, /* @__PURE__ */ s.createElement(Ms, null), "Back"), /* @__PURE__ */ s.createElement(Xf, null, /* @__PURE__ */ s.
+    !1), title: "Close about section" }, /* @__PURE__ */ s.createElement(ws, null), "Back"), /* @__PURE__ */ s.createElement(Xf, null, /* @__PURE__ */ s.
     createElement(al, { href: "https://github.com/storybookjs/storybook", target: "_blank" }, /* @__PURE__ */ s.createElement(ll, null, /* @__PURE__ */ s.
-    createElement(No, null), /* @__PURE__ */ s.createElement("span", null, "Github")), /* @__PURE__ */ s.createElement(at, { width: 12 })), /* @__PURE__ */ s.
+    createElement(Mo, null), /* @__PURE__ */ s.createElement("span", null, "Github")), /* @__PURE__ */ s.createElement(at, { width: 12 })), /* @__PURE__ */ s.
     createElement(
       al,
       {
         href: "https://storybook.js.org/docs/react/get-started/install/",
         target: "_blank"
       },
-      /* @__PURE__ */ s.createElement(ll, null, /* @__PURE__ */ s.createElement(na, null), /* @__PURE__ */ s.createElement("span", null, "Do\
+      /* @__PURE__ */ s.createElement(ll, null, /* @__PURE__ */ s.createElement(Qs, null), /* @__PURE__ */ s.createElement("span", null, "Do\
 cumentation")),
       /* @__PURE__ */ s.createElement(at, { width: 12 })
     )), /* @__PURE__ */ s.createElement(sr, null), /* @__PURE__ */ s.createElement(Zf, null, "Open source software maintained by", " ", /* @__PURE__ */ s.
@@ -3586,8 +3586,8 @@ var nm = /* @__PURE__ */ a(() => {
   let { isMobileMenuOpen: i, isMobilePanelOpen: n, setMobileMenuOpen: r, setMobilePanelOpen: l } = ge(), u = nm();
   return /* @__PURE__ */ s.createElement(im, null, /* @__PURE__ */ s.createElement(cl, null, e), n ? /* @__PURE__ */ s.createElement(il, null,
   t) : /* @__PURE__ */ s.createElement(sm, { className: "sb-bar" }, /* @__PURE__ */ s.createElement(am, { onClick: () => r(!i), title: "Open\
- navigation menu" }, /* @__PURE__ */ s.createElement(Ro, null), /* @__PURE__ */ s.createElement(lm, null, u)), o && /* @__PURE__ */ s.createElement(
-  te, { onClick: () => l(!0), title: "Open addon panel" }, /* @__PURE__ */ s.createElement(Ls, null))));
+ navigation menu" }, /* @__PURE__ */ s.createElement(No, null), /* @__PURE__ */ s.createElement(lm, null, u)), o && /* @__PURE__ */ s.createElement(
+  te, { onClick: () => l(!0), title: "Open addon panel" }, /* @__PURE__ */ s.createElement(Ts, null))));
 }, "MobileNavigation"), im = x.div(({ theme: e }) => ({
   bottom: 0,
   left: 0,
@@ -4042,7 +4042,7 @@ var Fn = Hn, Rn = s.memo(
             description: /* @__PURE__ */ s.createElement(s.Fragment, null, "Integrate your tools with Storybook to connect workflows and unl\
 ock advanced features."),
             footer: /* @__PURE__ */ s.createElement(Me, { href: "https://storybook.js.org/integrations", target: "_blank", withArrow: !0 }, /* @__PURE__ */ s.
-            createElement(Ut, null), " Explore integrations catalog")
+            createElement($t, null), " Explore integrations catalog")
           }
         ),
         tools: /* @__PURE__ */ s.createElement(gm, null, l ? /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
@@ -4050,20 +4050,20 @@ ock advanced features."),
           {
             key: "position",
             onClick: o.togglePosition,
-            title: `Change addon orientation [${Ye(
+            title: `Change addon orientation [${qe(
               t.panelPosition
             )}]`
           },
-          n === "bottom" ? /* @__PURE__ */ s.createElement(Bo, null) : /* @__PURE__ */ s.createElement(Mo, null)
+          n === "bottom" ? /* @__PURE__ */ s.createElement(Ro, null) : /* @__PURE__ */ s.createElement(Ao, null)
         ), /* @__PURE__ */ s.createElement(
           te,
           {
             key: "visibility",
             onClick: o.toggleVisibility,
-            title: `Hide addons [${Ye(t.togglePanel)}]`
+            title: `Hide addons [${qe(t.togglePanel)}]`
           },
-          /* @__PURE__ */ s.createElement(qe, null)
-        )) : /* @__PURE__ */ s.createElement(te, { onClick: () => u(!1), title: "Close addon panel" }, /* @__PURE__ */ s.createElement(qe, null))),
+          /* @__PURE__ */ s.createElement(Ge, null)
+        )) : /* @__PURE__ */ s.createElement(te, { onClick: () => u(!1), title: "Close addon panel" }, /* @__PURE__ */ s.createElement(Ge, null))),
         id: "storybook-panel-root"
       },
       Object.entries(e).map(([c, p]) => (
@@ -4084,7 +4084,7 @@ var gm = x.div({
 // src/manager/container/Panel.tsx
 var ym = /* @__PURE__ */ a((e) => {
   let t = oe(), o = Pe(), [i, n] = $(t.getCurrentStoryData());
-  ks(
+  sa(
     {
       [Sl]: () => {
         n(t.getCurrentStoryData());
@@ -4214,7 +4214,7 @@ var Km = /* @__PURE__ */ a((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybo
       let b = `${h.url}/iframe.html?id=${l}&viewMode=${o}&refId=${h.id}${c}`;
       d[y] = b;
     }
-  }), /* @__PURE__ */ s.createElement(_e, null, /* @__PURE__ */ s.createElement(Kt, { styles: Gm }), /* @__PURE__ */ s.createElement(he, { filter: Um },
+  }), /* @__PURE__ */ s.createElement(_e, null, /* @__PURE__ */ s.createElement(Ut, { styles: Gm }), /* @__PURE__ */ s.createElement(he, { filter: Um },
   ({ isFullscreen: h, isNavShown: y, selectedStoryId: f }) => h || !y || !f ? null : /* @__PURE__ */ s.createElement($m, { asChild: !0 }, /* @__PURE__ */ s.
   createElement("a", { href: `#${f}`, tabIndex: 0, title: "Skip to sidebar" }, "Skip to sidebar"))), Object.entries(d).map(([h, y]) => /* @__PURE__ */ s.
   createElement(_e, { key: h }, /* @__PURE__ */ s.createElement(
@@ -4244,7 +4244,7 @@ var Ym = /* @__PURE__ */ a(({ api: e, state: t }) => ({
   match: /* @__PURE__ */ a(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"),
   render: /* @__PURE__ */ a(() => /* @__PURE__ */ s.createElement(he, { filter: Ym }, ({ isVisible: e, toggle: t, singleStory: o, panelPosition: i }) => !o &&
   !e && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(te, { "aria-label": "Show addons", key: "addons", onClick: t,
-  title: "Show addons" }, i === "bottom" ? /* @__PURE__ */ s.createElement(Mo, null) : /* @__PURE__ */ s.createElement(Bo, null)))), "render")
+  title: "Show addons" }, i === "bottom" ? /* @__PURE__ */ s.createElement(Ao, null) : /* @__PURE__ */ s.createElement(Ro, null)))), "render")
 };
 
 // src/manager/components/preview/tools/copy.tsx
@@ -4270,7 +4270,7 @@ var { PREVIEW_URL: Jm, document: eh } = se, th = /* @__PURE__ */ a(({ state: e }
       onClick: () => (0, Ul.default)(Qt(e, t, o)),
       title: "Copy canvas link"
     },
-    /* @__PURE__ */ s.createElement(qs, null)
+    /* @__PURE__ */ s.createElement(Ws, null)
   ) : null), "render")
 };
 
@@ -4358,9 +4358,9 @@ var go = 1, Ql = jt({ value: go, set: /* @__PURE__ */ a((e) => {
 a(Yn, "ZoomProvider");
 var fr = Yn, { Consumer: Gn } = Ql, sh = no(/* @__PURE__ */ a(function({ zoomIn: t, zoomOut: o, reset: i }) {
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(te, { key: "zoomin", onClick: t, title: "Zoom in" },
-  /* @__PURE__ */ s.createElement(la, null)), /* @__PURE__ */ s.createElement(te, { key: "zoomout", onClick: o, title: "Zoom out" }, /* @__PURE__ */ s.
-  createElement(ua, null)), /* @__PURE__ */ s.createElement(te, { key: "zoomreset", onClick: i, title: "Reset zoom" }, /* @__PURE__ */ s.createElement(
-  ca, null)));
+  /* @__PURE__ */ s.createElement(ea, null)), /* @__PURE__ */ s.createElement(te, { key: "zoomout", onClick: o, title: "Zoom out" }, /* @__PURE__ */ s.
+  createElement(ta, null)), /* @__PURE__ */ s.createElement(te, { key: "zoomreset", onClick: i, title: "Reset zoom" }, /* @__PURE__ */ s.createElement(
+  oa, null)));
 }, "Zoom"));
 var ah = no(/* @__PURE__ */ a(function({
   set: t,
@@ -4401,7 +4401,7 @@ var Xl = {
 var uh = /* @__PURE__ */ a(({ api: e, state: t }) => ({
   toggle: e.toggleFullscreen,
   isFullscreen: e.getIsFullscreen(),
-  shortcut: Ye(e.getShortcutKeys().fullScreen),
+  shortcut: qe(e.getShortcutKeys().fullScreen),
   hasPanel: Object.keys(e.getElements(Te.PANEL)).length > 0,
   singleStory: t.singleStory
 }), "fullScreenMapper"), Jl = {
@@ -4421,7 +4421,7 @@ var uh = /* @__PURE__ */ a(({ api: e, state: t }) => ({
         title: `${o ? "Exit full screen" : "Go full screen"} [${i}]`,
         "aria-label": o ? "Exit full screen" : "Go full screen"
       },
-      o ? /* @__PURE__ */ s.createElement(qe, null) : /* @__PURE__ */ s.createElement(Ws, null)
+      o ? /* @__PURE__ */ s.createElement(Ge, null) : /* @__PURE__ */ s.createElement(Ms, null)
     ));
   }, "render")
 };
@@ -4455,8 +4455,8 @@ bar" }, /* @__PURE__ */ s.createElement(dh, null, /* @__PURE__ */ s.createElemen
   )));
 }, "Tools"));
 function ch(e, t) {
-  let o = t?.type === "story" && t?.prepared ? t?.parameters : {}, i = "toolbar" in o ? o.toolbar : void 0, { toolbar: n } = Ge.getConfig(),
-  r = Ao(
+  let o = t?.type === "story" && t?.prepared ? t?.parameters : {}, i = "toolbar" in o ? o.toolbar : void 0, { toolbar: n } = Ye.getConfig(),
+  r = Bo(
     n || {},
     i || {}
   );
@@ -4660,7 +4660,7 @@ var gh = /* @__PURE__ */ a(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @_
   j(() => {
     if (se.CONFIG_TYPE === "DEVELOPMENT")
       try {
-        Ge.getChannel().on(Ss, (v) => {
+        Ye.getChannel().on(Ss, (v) => {
           y(v);
         });
       } catch {
@@ -4684,9 +4684,9 @@ var gh = /* @__PURE__ */ a(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @_
   ))));
 }), "Canvas");
 function cu(e, t) {
-  let { previewTabs: o } = Ge.getConfig(), i = t ? t.previewTabs : void 0;
+  let { previewTabs: o } = Ye.getConfig(), i = t ? t.previewTabs : void 0;
   if (o || i) {
-    let n = Ao(o || {}, i || {}), r = Object.keys(n).map((l, u) => ({
+    let n = Bo(o || {}, i || {}), r = Object.keys(n).map((l, u) => ({
       index: u,
       ...typeof n[l] == "string" ? { title: n[l] } : n[l],
       id: l
@@ -4725,7 +4725,7 @@ var yh = /* @__PURE__ */ a(({ api: e, state: t }) => ({
   match: /* @__PURE__ */ a(({ viewMode: e }) => ["story", "docs"].includes(e), "match"),
   render: /* @__PURE__ */ a(() => /* @__PURE__ */ s.createElement(he, { filter: yh }, ({ isVisible: e, toggle: t, singleStory: o }) => !o &&
   !e && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(te, { "aria-label": "Show sidebar", key: "menu", onClick: t,
-  title: "Show sidebar" }, /* @__PURE__ */ s.createElement(Ro, null)), /* @__PURE__ */ s.createElement(qt, null))), "render")
+  title: "Show sidebar" }, /* @__PURE__ */ s.createElement(No, null)), /* @__PURE__ */ s.createElement(qt, null))), "render")
 };
 
 // src/manager/container/Preview.tsx
@@ -5533,11 +5533,11 @@ createElement(Ru, { style: { width: "90px" } }), /* @__PURE__ */ s.createElement
 dingSkeleton");
 
 // src/manager/components/sidebar/FileSearchList.tsx
-var Bu = x(Ns)(({ theme: e }) => ({
+var Bu = x(Cs)(({ theme: e }) => ({
   display: "none",
   alignSelf: "center",
   color: e.color.mediumdark
-})), zh = x($t)(({ theme: e }) => ({
+})), zh = x(Kt)(({ theme: e }) => ({
   display: "none",
   alignSelf: "center",
   color: e.color.mediumdark
@@ -5602,7 +5602,7 @@ var Bu = x(Ns)(({ theme: e }) => ({
             error: _,
             disabled: I.exportedComponents === null || I.exportedComponents?.length === 0
           },
-          /* @__PURE__ */ s.createElement(Cu, { error: _ }, /* @__PURE__ */ s.createElement(un, null)),
+          /* @__PURE__ */ s.createElement(Cu, { error: _ }, /* @__PURE__ */ s.createElement(ln, null)),
           /* @__PURE__ */ s.createElement(Tu, null, /* @__PURE__ */ s.createElement(ku, { error: _ }, I.filepath.split("/").at(-1)), /* @__PURE__ */ s.
           createElement(Ou, null, I.filepath)),
           m ? /* @__PURE__ */ s.createElement(zh, null) : /* @__PURE__ */ s.createElement(Bu, null)
@@ -5647,7 +5647,7 @@ var Bu = x(Ns)(({ theme: e }) => ({
                   });
                 }
               },
-              /* @__PURE__ */ s.createElement(Du, null, /* @__PURE__ */ s.createElement(un, null), v.default ? /* @__PURE__ */ s.createElement(
+              /* @__PURE__ */ s.createElement(Du, null, /* @__PURE__ */ s.createElement(ln, null), v.default ? /* @__PURE__ */ s.createElement(
               s.Fragment, null, /* @__PURE__ */ s.createElement(Mu, null, I.filepath.split("/").at(-1)?.split(".")?.at(0)), /* @__PURE__ */ s.
               createElement(Lu, null, "Default export")) : v.name),
               /* @__PURE__ */ s.createElement(Bu, null)
@@ -5810,7 +5810,7 @@ var Wh = 418, jh = x(Et)(() => ({
   "> div": {
     padding: 0
   }
-}), Qh = x(Lo)({
+}), Qh = x(Do)({
   position: "absolute",
   top: 4,
   right: -24,
@@ -5848,7 +5848,7 @@ var Wh = 418, jh = x(Et)(() => ({
     /* @__PURE__ */ s.createElement(Vh, { height: o === "" ? g.height : h }, /* @__PURE__ */ s.createElement(Kh, { ref: d }, /* @__PURE__ */ s.
     createElement(Et.Header, null, /* @__PURE__ */ s.createElement(Et.Title, null, "Add a new story"), /* @__PURE__ */ s.createElement(Et.Description,
     null, "We will create a new story for your component")), /* @__PURE__ */ s.createElement(Uh, null, /* @__PURE__ */ s.createElement(Gh, null,
-    /* @__PURE__ */ s.createElement(Ho, null)), /* @__PURE__ */ s.createElement(
+    /* @__PURE__ */ s.createElement(Fo, null)), /* @__PURE__ */ s.createElement(
       $h,
       {
         placeholder: "./components/**/*.tsx",
@@ -5999,7 +5999,7 @@ var Xh = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
     }), t(!1);
   }, [g, t]), I = A(() => {
     i(!0);
-    let m = Ge.getChannel(), v = /* @__PURE__ */ a((S) => {
+    let m = Ye.getChannel(), v = /* @__PURE__ */ a((S) => {
       S.id === u && (S.success ? y(S.payload.files) : d({ error: S.error }), m.off(Oo, v), i(!1), c.current = null);
     }, "set");
     return m.on(Oo, v), u !== "" && c.current !== u ? (c.current = u, m.emit(xs, {
@@ -6017,7 +6017,7 @@ var Xh = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
       selectedItemId: T
     }) => {
       try {
-        let C = Ge.getChannel(), k = await Po(C, bs, vs, {
+        let C = Ye.getChannel(), k = await Ho(C, bs, vs, {
           componentExportName: m,
           componentFilePath: v,
           componentIsDefaultExport: S,
@@ -6027,10 +6027,10 @@ var Xh = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
         let w = k.storyId;
         await xr(g.selectStory, w);
         try {
-          let P = (await Po(C, ms, hs, {
+          let P = (await Ho(C, ms, hs, {
             storyId: w
           })).argTypes, D = ju(P);
-          await Po(
+          await Ho(
             C,
             Is,
             Es,
@@ -6078,7 +6078,7 @@ var Xh = /* @__PURE__ */ a((e) => JSON.stringify(e, (t, o) => typeof o == "funct
 
 // src/manager/components/sidebar/HighlightStyles.tsx
 var Ku = /* @__PURE__ */ a(({ refId: e, itemId: t }) => /* @__PURE__ */ s.createElement(
-  Kt,
+  Ut,
   {
     styles: ({ color: o }) => {
       let i = we(0.85, o.secondary);
@@ -6227,7 +6227,7 @@ var { window: oc } = se, tg = x.div(({ theme: e }) => ({
 his Storybook."), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(me, { small: !0, gray: !0, onClick: n }, /* @__PURE__ */ s.
   createElement(mt, null), "Refresh now"))) : /* @__PURE__ */ s.createElement(_e, null, /* @__PURE__ */ s.createElement(Jn, null, "Sign in t\
 o browse this Storybook."), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(me, { small: !0, gray: !0, onClick: r },
-  /* @__PURE__ */ s.createElement(Fo, null), "Sign in")))));
+  /* @__PURE__ */ s.createElement(Lo, null), "Sign in")))));
 }, "AuthBlock"), nc = /* @__PURE__ */ a(({ error: e }) => /* @__PURE__ */ s.createElement(vo, null, /* @__PURE__ */ s.createElement(lt, null,
 /* @__PURE__ */ s.createElement(tg, null, "Oh no! Something went wrong loading this Storybook.", /* @__PURE__ */ s.createElement("br", null),
 /* @__PURE__ */ s.createElement(
@@ -6235,7 +6235,7 @@ o browse this Storybook."), /* @__PURE__ */ s.createElement("div", null, /* @__P
   {
     tooltip: /* @__PURE__ */ s.createElement(og, null, /* @__PURE__ */ s.createElement(Va, { error: e }))
   },
-  /* @__PURE__ */ s.createElement(Me, { isButton: !0 }, "View error ", /* @__PURE__ */ s.createElement($t, null))
+  /* @__PURE__ */ s.createElement(Me, { isButton: !0 }, "View error ", /* @__PURE__ */ s.createElement(Kt, null))
 ), " ", /* @__PURE__ */ s.createElement(Me, { withArrow: !0, href: "https://storybook.js.org/docs", cancel: !1, target: "_blank" }, "View do\
 cs")))), "ErrorBlock"), rg = x(lt)({
   display: "flex"
@@ -6344,7 +6344,7 @@ var { document: ig, window: sg } = se, ag = x.aside(({ theme: e }) => ({
     let i = Object.entries(t).find(([n, r]) => r === e);
     return i && i[0] ? i[0] : "current";
   }, [e, t]);
-  return /* @__PURE__ */ s.createElement(cg, null, /* @__PURE__ */ s.createElement("span", null, o), /* @__PURE__ */ s.createElement($t, null));
+  return /* @__PURE__ */ s.createElement(cg, null, /* @__PURE__ */ s.createElement("span", null, o), /* @__PURE__ */ s.createElement(Kt, null));
 }, "CurrentVersion"), ac = s.memo(
   cs(
     ({ state: e, ...t }, o) => {
@@ -6369,7 +6369,7 @@ ready" && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.cr
           hg, null)))
         },
         /* @__PURE__ */ s.createElement(lg, { "data-action": "toggle-indicator", "aria-label": "toggle indicator" }, /* @__PURE__ */ s.createElement(
-        cn, null))
+        un, null))
       ), t.versions && Object.keys(t.versions).length ? /* @__PURE__ */ s.createElement(
         be,
         {
@@ -6397,12 +6397,12 @@ ready" && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.cr
   )
 ), dg = /* @__PURE__ */ a(({ url: e, componentCount: t, leafCount: o }) => {
   let i = Ae();
-  return /* @__PURE__ */ s.createElement(Nt, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ s.createElement(cn,
+  return /* @__PURE__ */ s.createElement(Nt, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ s.createElement(un,
   { color: i.color.secondary }), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "View external Story\
 book"), /* @__PURE__ */ s.createElement("div", null, "Explore ", t, " components and ", o, " stories in a new browser tab.")));
 }, "ReadyMessage"), fg = /* @__PURE__ */ a(({ url: e }) => {
   let t = Ae();
-  return /* @__PURE__ */ s.createElement(Nt, { href: e, target: "_blank" }, /* @__PURE__ */ s.createElement(Qs, { color: t.color.secondary }),
+  return /* @__PURE__ */ s.createElement(Nt, { href: e, target: "_blank" }, /* @__PURE__ */ s.createElement(js, { color: t.color.secondary }),
   /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "View source code")));
 }, "SourceCodeMessage"), mg = /* @__PURE__ */ a(({ loginUrl: e, id: t }) => {
   let o = Ae(), i = A((n) => {
@@ -6411,28 +6411,28 @@ book"), /* @__PURE__ */ s.createElement("div", null, "Explore ", t, " components
       r ? r.closed && (clearInterval(l), ig.location.reload()) : clearInterval(l);
     }, 1e3);
   }, []);
-  return /* @__PURE__ */ s.createElement(Nt, { onClick: i }, /* @__PURE__ */ s.createElement(Fo, { color: o.color.gold }), /* @__PURE__ */ s.
+  return /* @__PURE__ */ s.createElement(Nt, { onClick: i }, /* @__PURE__ */ s.createElement(Lo, { color: o.color.gold }), /* @__PURE__ */ s.
   createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "Log in required"), /* @__PURE__ */ s.createElement("div", null, "You\
  need to authenticate to view this Storybook's components.")));
 }, "LoginRequiredMessage"), hg = /* @__PURE__ */ a(() => {
   let e = Ae();
   return /* @__PURE__ */ s.createElement(Nt, { href: "https://storybook.js.org/docs/sharing/storybook-composition", target: "_blank" }, /* @__PURE__ */ s.
-  createElement(Ut, { color: e.color.green }), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "Read \
+  createElement($t, { color: e.color.green }), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "Read \
 Composition docs"), /* @__PURE__ */ s.createElement("div", null, "Learn how to combine multiple Storybooks into one.")));
 }, "ReadDocsMessage"), gg = /* @__PURE__ */ a(({ url: e }) => {
   let t = Ae();
-  return /* @__PURE__ */ s.createElement(Nt, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ s.createElement(Do,
+  return /* @__PURE__ */ s.createElement(Nt, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ s.createElement(Po,
   { color: t.color.negative }), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "Something went wrong"),
   /* @__PURE__ */ s.createElement("div", null, "This external Storybook didn't load. Debug it in a new tab now.")));
 }, "ErrorOccurredMessage"), yg = /* @__PURE__ */ a(({ url: e }) => {
   let t = Ae();
-  return /* @__PURE__ */ s.createElement(Nt, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ s.createElement(ia,
+  return /* @__PURE__ */ s.createElement(Nt, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ s.createElement(Xs,
   { color: t.color.secondary }), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "Please wait"), /* @__PURE__ */ s.
   createElement("div", null, "This Storybook is loading.")));
 }, "LoadingMessage"), bg = /* @__PURE__ */ a(() => {
   let e = Ae();
   return /* @__PURE__ */ s.createElement(Nt, { href: "https://storybook.js.org/docs/sharing/storybook-composition", target: "_blank" }, /* @__PURE__ */ s.
-  createElement(Ys, { color: e.color.gold }), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "Reduce\
+  createElement(zs, { color: e.color.gold }), /* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement(Lt, null, "Reduce\
  lag"), /* @__PURE__ */ s.createElement("div", null, "Learn how to speed up Composition performance.")));
 }, "PerformanceDegradedMessage");
 
@@ -6523,7 +6523,7 @@ ning" ? /* @__PURE__ */ s.createElement("use", { xlinkHref: `#${mc}` }) : e ===
 #${hc}` }) : null, "UseSymbol");
 
 // src/manager/utils/status.tsx
-var xg = x(Rs)({
+var xg = x(Os)({
   // specificity hack
   "&&&": {
     width: 6,
@@ -6662,7 +6662,7 @@ var Eg = {
         },
         tooltip: /* @__PURE__ */ s.createElement(Tg, { context: e, links: t })
       },
-      /* @__PURE__ */ s.createElement(wg, { type: "button", status: "pending" }, /* @__PURE__ */ s.createElement(Bs, null))
+      /* @__PURE__ */ s.createElement(wg, { type: "button", status: "pending" }, /* @__PURE__ */ s.createElement(As, null))
     ) : null
   }, [e, u, r, p, t]);
 }, "useContextMenu"), Tg = /* @__PURE__ */ a(({
@@ -7053,13 +7053,13 @@ var Dg = x.div((e) => ({
   }
 })), Ng = /* @__PURE__ */ a((e) => {
   let t = Ae();
-  return /* @__PURE__ */ s.createElement(ta, { ...e, color: t.color.positive });
+  return /* @__PURE__ */ s.createElement(Gs, { ...e, color: t.color.positive });
 }, "SuccessStatusIcon"), Fg = /* @__PURE__ */ a((e) => {
   let t = Ae();
-  return /* @__PURE__ */ s.createElement(ea, { ...e, color: t.color.negative });
+  return /* @__PURE__ */ s.createElement(Us, { ...e, color: t.color.negative });
 }, "ErrorStatusIcon"), Rg = /* @__PURE__ */ a((e) => {
   let t = Ae();
-  return /* @__PURE__ */ s.createElement(oa, { ...e, color: t.color.warning });
+  return /* @__PURE__ */ s.createElement(Ys, { ...e, color: t.color.warning });
 }, "WarnStatusIcon"), Hg = /* @__PURE__ */ a((e) => {
   let t = Ae();
   return /* @__PURE__ */ s.createElement(mt, { ...e, size: 12, color: t.color.defaultText });
@@ -7214,7 +7214,7 @@ var Ac = ["success", "error", "warn", "pending", "unknown"], Dc = s.memo(/* @__P
             C.preventDefault(), d();
           }
         },
-        p ? /* @__PURE__ */ s.createElement(Hs, null) : /* @__PURE__ */ s.createElement(zs, null)
+        p ? /* @__PURE__ */ s.createElement(Ps, null) : /* @__PURE__ */ s.createElement(Ds, null)
       )
     );
   if (t.type === "component" || t.type === "group") {
@@ -7632,7 +7632,7 @@ var Kg = x(Xo)(({ theme: e }) => ({
     outline: 0,
     borderColor: e.color.secondary
   }
-})), Wc = Ds(({ theme: e }) => {
+})), Wc = ca(({ theme: e }) => {
   let { title: t = "Storybook", url: o = "./", image: i, target: n } = e.brand, r = n || (o === "./" ? "" : "_blank");
   if (i === null)
     return t === null ? null : o ? /* @__PURE__ */ s.createElement(zc, { href: o, target: r, dangerouslySetInnerHTML: { __html: t } }) : /* @__PURE__ */ s.
@@ -7685,7 +7685,7 @@ var jc = x(te)(({ highlighted: e, theme: t }) => ({
       active: !1,
       onClick: o
     },
-    /* @__PURE__ */ s.createElement(ln, null)
+    /* @__PURE__ */ s.createElement(an, null)
   ), /* @__PURE__ */ s.createElement(
     te,
     {
@@ -7693,7 +7693,7 @@ var jc = x(te)(({ highlighted: e, theme: t }) => ({
       "aria-label": "Close menu",
       onClick: () => l(!1)
     },
-    /* @__PURE__ */ s.createElement(qe, null)
+    /* @__PURE__ */ s.createElement(Ge, null)
   )) : /* @__PURE__ */ s.createElement(
     be,
     {
@@ -7710,7 +7710,7 @@ var jc = x(te)(({ highlighted: e, theme: t }) => ({
         highlighted: t,
         active: i
       },
-      /* @__PURE__ */ s.createElement(ln, null)
+      /* @__PURE__ */ s.createElement(an, null)
     )
   );
 }, "SidebarMenu");
@@ -10089,7 +10089,7 @@ var { document: $y } = se, Zi = 50, Uy = {
   searchBarContent: l,
   searchFieldContent: u
 }) {
-  let c = oe(), p = Y(null), [d, g] = $("Find components"), [h, y] = $(!1), f = c ? Ye(c.getShortcutKeys().search) : "/", b = A(() => {
+  let c = oe(), p = Y(null), [d, g] = $("Find components"), [h, y] = $(!1), f = c ? qe(c.getShortcutKeys().search) : "/", b = A(() => {
     let E = o.entries.reduce((T, [C, { index: k, status: w }]) => {
       let O = Ir(k || {}, w);
       return k && T.push(
@@ -10211,12 +10211,12 @@ var { document: $y } = se, Zi = 50, Uy = {
             ...N({ refKey: "" }, { suppressRefError: !0 }),
             className: "search-field"
           },
-          /* @__PURE__ */ s.createElement(Qy, null, /* @__PURE__ */ s.createElement(Ho, null)),
+          /* @__PURE__ */ s.createElement(Qy, null, /* @__PURE__ */ s.createElement(Fo, null)),
           /* @__PURE__ */ s.createElement(Xy, { ...z }),
           !S && i && !E && /* @__PURE__ */ s.createElement(Zy, null, f === "\u2318 K" ? /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.
           createElement(Jy, null, "\u2318"), "K") : f),
           /* @__PURE__ */ s.createElement(eb, null, E && /* @__PURE__ */ s.createElement(te, { onClick: () => w() }, /* @__PURE__ */ s.createElement(
-          qe, null)), u)
+          Ge, null)), u)
         ), l), /* @__PURE__ */ s.createElement(tb, { tabIndex: 0, id: "storybook-explorer-menu" }, t({
           query: V,
           results: X,
@@ -10402,7 +10402,7 @@ lt-recentlyOpened" }, "Recently opened", /* @__PURE__ */ s.createElement(
       className: "search-result-recentlyOpened-clear",
       onClick: h
     },
-    /* @__PURE__ */ s.createElement(sa, null)
+    /* @__PURE__ */ s.createElement(Zs, null)
   )), o.length === 0 && t && /* @__PURE__ */ s.createElement("li", null, /* @__PURE__ */ s.createElement(sb, null, /* @__PURE__ */ s.createElement(
   "strong", null, "No components found"), /* @__PURE__ */ s.createElement("br", null), /* @__PURE__ */ s.createElement("small", null, "Find \
 components by name or path."))), o.map((y, f) => {
@@ -10456,7 +10456,7 @@ var fb = x.div({
   color: e.textMutedColor
 })), bb = x($a)({
   margin: 2
-}), vb = x(ra)({
+}), vb = x(qs)({
   width: 10
 }), ld = /* @__PURE__ */ a(({ ...e }) => {
   let t = e.description, o = e.title, i = oe();
@@ -10503,7 +10503,7 @@ odule-description" }, /* @__PURE__ */ s.createElement(t, { ...e }))), /* @__PURE
         onClick: () => i.runTestProvider(e.id),
         disabled: e.crashed || e.running
       },
-      /* @__PURE__ */ s.createElement(Zs, null)
+      /* @__PURE__ */ s.createElement(Ks, null)
     )
   ))));
 }, "LegacyRender");
@@ -10670,7 +10670,7 @@ var Ji = 500, xb = It({
         },
         disabled: _
       },
-      /* @__PURE__ */ s.createElement(Xs, null),
+      /* @__PURE__ */ s.createElement(Vs, null),
       _ ? "Running..." : "Run tests"
     ), /* @__PURE__ */ s.createElement(Tb, null, S && /* @__PURE__ */ s.createElement(
       be,
@@ -10694,7 +10694,7 @@ var Ji = 500, xb = It({
           "aria-label": h ? "Expand testing module" : "Collapse testing module"
         },
         /* @__PURE__ */ s.createElement(
-          Fs,
+          ks,
           {
             style: {
               transform: h ? "none" : "rotate(180deg)",
@@ -10970,7 +10970,7 @@ var Wb = "tags-filter", jb = /* @__PURE__ */ new Set([
       closeOnOutsideClick: !0
     },
     /* @__PURE__ */ s.createElement(Vb, null, /* @__PURE__ */ s.createElement(te, { key: "tags", title: "Tag filters", active: c, onClick: g },
-    /* @__PURE__ */ s.createElement($s, null)), n.length > 0 && /* @__PURE__ */ s.createElement(Kb, null))
+    /* @__PURE__ */ s.createElement(Rs, null)), n.length > 0 && /* @__PURE__ */ s.createElement(Kb, null))
   );
 }, "TagsFilter");
 
@@ -11125,7 +11125,7 @@ var st = "storybook_internal", $b = x.nav(({ theme: e }) => ({
             },
             variant: "outline"
           },
-          /* @__PURE__ */ s.createElement(Js, null)
+          /* @__PURE__ */ s.createElement($s, null)
         )
       ), /* @__PURE__ */ s.createElement(
         Vu,
@@ -11197,13 +11197,13 @@ var Zb = {
   }
 `
 ), Be = /* @__PURE__ */ a(({ keys: e }) => /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Jb, null, e.map(
-(t, o) => /* @__PURE__ */ s.createElement(e0, { key: t }, Ye([t]))))), "Shortcut"), bd = /* @__PURE__ */ a((e, t, o, i, n, r, l) => {
+(t, o) => /* @__PURE__ */ s.createElement(e0, { key: t }, qe([t]))))), "Shortcut"), bd = /* @__PURE__ */ a((e, t, o, i, n, r, l) => {
   let u = t.getShortcutKeys(), c = K(
     () => ({
       id: "about",
       title: "About your Storybook",
       onClick: /* @__PURE__ */ a(() => t.changeSettingsTab("about"), "onClick"),
-      icon: /* @__PURE__ */ s.createElement(Gs, null)
+      icon: /* @__PURE__ */ s.createElement(Bs, null)
     }),
     [t]
   ), p = K(() => ({
@@ -11217,7 +11217,7 @@ var Zb = {
       title: "What's new?",
       onClick: /* @__PURE__ */ a(() => t.changeSettingsTab("whats-new"), "onClick"),
       right: d && g && /* @__PURE__ */ s.createElement(Go, { status: "positive" }, "Check it out"),
-      icon: /* @__PURE__ */ s.createElement(aa, null)
+      icon: /* @__PURE__ */ s.createElement(Js, null)
     }),
     [t, d, g]
   ), y = K(
@@ -11429,7 +11429,7 @@ var t0 = s.memo(/* @__PURE__ */ a(function({ onMenuClick: t }) {
 // src/manager/App.tsx
 var xd = /* @__PURE__ */ a(({ managerLayoutState: e, setManagerLayoutState: t, pages: o, hasTab: i }) => {
   let { setMobileAboutOpen: n } = ge();
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Kt, { styles: Ps }), /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Ut, { styles: la }), /* @__PURE__ */ s.createElement(
     vl,
     {
       hasTab: i,
@@ -11499,8 +11499,8 @@ var o0 = x.div({
 })), Id = /* @__PURE__ */ a(({ onNavigateToWhatsNew: e }) => /* @__PURE__ */ s.createElement(o0, null, /* @__PURE__ */ s.createElement(r0, null,
 /* @__PURE__ */ s.createElement(Xo, { alt: "Storybook" })), /* @__PURE__ */ s.createElement(sr, { onNavigateToWhatsNew: e }), /* @__PURE__ */ s.
 createElement(n0, null, /* @__PURE__ */ s.createElement(i0, null, /* @__PURE__ */ s.createElement(me, { asChild: !0 }, /* @__PURE__ */ s.createElement(
-"a", { href: "https://github.com/storybookjs/storybook" }, /* @__PURE__ */ s.createElement(No, null), "GitHub")), /* @__PURE__ */ s.createElement(
-me, { asChild: !0 }, /* @__PURE__ */ s.createElement("a", { href: "https://storybook.js.org/docs" }, /* @__PURE__ */ s.createElement(Ut, { style: {
+"a", { href: "https://github.com/storybookjs/storybook" }, /* @__PURE__ */ s.createElement(Mo, null), "GitHub")), /* @__PURE__ */ s.createElement(
+me, { asChild: !0 }, /* @__PURE__ */ s.createElement("a", { href: "https://storybook.js.org/docs" }, /* @__PURE__ */ s.createElement($t, { style: {
 display: "inline", marginRight: 5 } }), "Documentation"))), /* @__PURE__ */ s.createElement("div", null, "Open source software maintained by",
 " ", /* @__PURE__ */ s.createElement(Sd, { href: "https://www.chromatic.com/" }, "Chromatic"), " and the", " ", /* @__PURE__ */ s.createElement(
 Sd, { href: "https://github.com/storybookjs/storybook/graphs/contributors" }, "Storybook Community")))), "AboutScreen");
@@ -11653,11 +11653,11 @@ var is = class is extends Fe {
       let { activeFeature: i, shortcutKeys: n } = this.state;
       if (o.key === "Backspace")
         return this.restoreDefault();
-      let r = Ts(o);
+      let r = na(o);
       if (!r)
         return !1;
       let l = !!Object.entries(n).find(
-        ([u, { shortcut: c }]) => u !== i && c && Cs(r, c)
+        ([u, { shortcut: c }]) => u !== i && c && ia(r, c)
       );
       return this.setState({
         shortcutKeys: { ...n, [i]: { shortcut: r, error: l } }
@@ -11718,7 +11718,7 @@ var is = class is extends Fe {
           onBlur: this.onBlur,
           onFocus: this.onFocus(r),
           onKeyDown: this.onKeyDown,
-          value: l ? Ye(l) : "",
+          value: l ? qe(l) : "",
           placeholder: "Type keys",
           readOnly: !0
         }
@@ -11814,10 +11814,10 @@ var Cd = x.div({
     o(), r("Copied!"), setTimeout(() => r("Copy Link"), 4e3);
   }, "copyLink");
   return /* @__PURE__ */ s.createElement(x0, null, /* @__PURE__ */ s.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } },
-  /* @__PURE__ */ s.createElement(Us, { color: i.color.mediumdark }), /* @__PURE__ */ s.createElement("div", null, "Share this with your tea\
+  /* @__PURE__ */ s.createElement(Hs, { color: i.color.mediumdark }), /* @__PURE__ */ s.createElement("div", null, "Share this with your tea\
 m."), /* @__PURE__ */ s.createElement(me, { onClick: l, size: "small", variant: "ghost" }, n)), e ? /* @__PURE__ */ s.createElement(me, { size: "\
-small", variant: "ghost", onClick: t }, /* @__PURE__ */ s.createElement(js, null), "Hide notifications") : /* @__PURE__ */ s.createElement(me,
-  { size: "small", variant: "ghost", onClick: t }, /* @__PURE__ */ s.createElement(Vs, null), "Show notifications"));
+small", variant: "ghost", onClick: t }, /* @__PURE__ */ s.createElement(Ls, null), "Hide notifications") : /* @__PURE__ */ s.createElement(me,
+  { size: "small", variant: "ghost", onClick: t }, /* @__PURE__ */ s.createElement(Ns, null), "Show notifications"));
 }, "WhatsNewFooter"), I0 = x.iframe(
   {
     position: "absolute",
@@ -11833,7 +11833,7 @@ small", variant: "ghost", onClick: t }, /* @__PURE__ */ s.createElement(js, null
     background: "white"
   },
   ({ isLoaded: e }) => ({ visibility: e ? "visible" : "hidden" })
-), E0 = x((e) => /* @__PURE__ */ s.createElement(Do, { ...e }))(({ theme: e }) => ({
+), E0 = x((e) => /* @__PURE__ */ s.createElement(Po, { ...e }))(({ theme: e }) => ({
   color: e.textMutedColor,
   width: 32,
   height: 32,
@@ -11935,7 +11935,7 @@ uts", changeTab: e })), /* @__PURE__ */ s.createElement(
     onClick: (n) => (n.preventDefault(), t()),
     title: "Close settings page"
   },
-  /* @__PURE__ */ s.createElement(qe, null)
+  /* @__PURE__ */ s.createElement(Ge, null)
 )), /* @__PURE__ */ s.createElement(O0, { vertical: !0, horizontal: !1 }, /* @__PURE__ */ s.createElement(so, { path: "about" }, /* @__PURE__ */ s.
 createElement(Ed, { key: "about" })), /* @__PURE__ */ s.createElement(so, { path: "whats-new" }, /* @__PURE__ */ s.createElement(Pd, { key: "\
 whats-new" })), /* @__PURE__ */ s.createElement(so, { path: "shortcuts" }, /* @__PURE__ */ s.createElement(Td, { key: "shortcuts" }))))), "P\
@@ -11960,13 +11960,13 @@ ages"), A0 = /* @__PURE__ */ a(() => {
 };
 
 // src/manager/index.tsx
-an.displayName = "ThemeProvider";
+cn.displayName = "ThemeProvider";
 ht.displayName = "HelmetProvider";
 var D0 = /* @__PURE__ */ a(({ provider: e }) => /* @__PURE__ */ s.createElement(ht, { key: "helmet.Provider" }, /* @__PURE__ */ s.createElement(
 fa, { key: "location.provider" }, /* @__PURE__ */ s.createElement(M0, { provider: e }))), "Root"), M0 = /* @__PURE__ */ a(({ provider: e }) => {
   let t = ha();
   return /* @__PURE__ */ s.createElement(Wo, { key: "location.consumer" }, (o) => /* @__PURE__ */ s.createElement(
-    ws,
+    ra,
     {
       key: "manager",
       provider: e,
@@ -11984,7 +11984,7 @@ fa, { key: "location.provider" }, /* @__PURE__ */ s.createElement(M0, { provider
         () => [Dd, ...Object.values(r.getElements(ve.experimental_PAGE))],
         [Object.keys(r.getElements(ve.experimental_PAGE)).join()]
       );
-      return /* @__PURE__ */ s.createElement(an, { key: "theme.provider", theme: As(n.theme) }, /* @__PURE__ */ s.createElement(Wa, null, /* @__PURE__ */ s.
+      return /* @__PURE__ */ s.createElement(cn, { key: "theme.provider", theme: ua(n.theme) }, /* @__PURE__ */ s.createElement(Wa, null, /* @__PURE__ */ s.
       createElement(
         xd,
         {
@@ -12014,7 +12014,7 @@ var L0 = "CORE/WS_DISCONNECTED", ls = class ls extends Wt {
     super();
     this.wsDisconnected = !1;
     let o = fs({ page: "manager" });
-    Ge.setChannel(o), o.emit(gs), this.addons = Ge, this.channel = o, se.__STORYBOOK_ADDONS_CHANNEL__ = o;
+    Ye.setChannel(o), o.emit(gs), this.addons = Ye, this.channel = o, se.__STORYBOOK_ADDONS_CHANNEL__ = o;
   }
   getElements(o) {
     return this.addons.getElements(o);
@@ -12030,7 +12030,7 @@ var L0 = "CORE/WS_DISCONNECTED", ls = class ls extends Wt {
           headline: i.code === 3008 ? "Server timed out" : "Connection lost",
           subHeadline: "Please restart your Storybook server and reload the page"
         },
-        icon: /* @__PURE__ */ s.createElement(Ks, { color: Os.negative }),
+        icon: /* @__PURE__ */ s.createElement(Fs, { color: aa.negative }),
         link: void 0
       });
     });