@aussieljk/forkbook 0.0.0-stage → 0.0.1-1

package/dist/manager/_manager-chunks/runtime-DtyerpFe.js

@@ -0,0 +1,979 @@
+import { n as __esmMin, o as __toESM } from "./runtime-EITvVbkG.js";
+import { $t as CloseIcon, At as shortcutToHumanString, B as Loader, Bn as CHANNEL_CREATED, Gt as CheckIcon, L as Form, Lt as useStorybookApi, Qn as init_channels, Rt as useStorybookState, Sr as useState, Tt as init_manager_api, U as ScrollArea, Vn as CHANNEL_WS_DISCONNECT, Xn as init_core_events, Z as StorybookLogo, Zn as createBrowserChannel, Zt as CircleIcon, _ as Route, _t as Consumer, a as init_types, an as DocumentIcon, bt as eventToShortcut, dn as EyeIcon, er as Component, et as TabsView, fn as FailedIcon, fr as useCallback, gn as HeartIcon, gt as useTheme, hr as useEffect, i as REVIEW_STATUS_TYPE_ID, it as TooltipProvider, j as Button, jt as types, kt as shortcutMatchesShortcut, lr as init__storybook_global_react, m as Location, mn as GithubIcon, mt as init_theming, n as CHANGE_DETECTION_STATUS_TYPE_ID, nr as _storybook_global_react_default, nt as Tooltip, ot as init_components, r as NON_AGGREGATED_STATUS_TYPE_IDS, t as Addon_TypesEnum, tr as Fragment, un as EyeCloseIcon, ut as color, v as init_router, yr as useMemo, yt as addons, z as Link, zn as init_icons, zt as AlertIcon } from "./runtime-Bly6WJLN.js";
+import { S as scope, x as init_dist } from "./runtime-eDVAYF7N.js";
+import { A as useCopyButton, F as ToolbarManager, I as init_ToolbarManager, L as TOOLBAR_ID, R as init_constants, k as init_useCopyButton } from "./runtime-DcJBhKG9.js";
+import { a as curriedTransparentize$1, o as init_polished_esm, s as require_memoizerific } from "./runtime-i-PDAHLR.js";
+import { c as clsx, l as init_clsx } from "./runtime-D94Vq3oR.js";
+import { c as UseSymbol, d as menuTool, f as UpgradeBlock, i as init_Sidebar, l as init_IconSymbols, n as renderStorybookUI, p as init_UpgradeBlock, t as init_manager, u as init_menu } from "./runtime-Bry1Biu7.js";
+//#region src/manager/utils/tree.ts
+function getPath(item, ref) {
+	const parent = item.type !== "root" && item.parent ? ref.index[item.parent] : null;
+	if (parent) return [...getPath(parent, ref), parent.name];
+	return ref.id === "storybook_internal" ? [] : [ref.title || ref.id];
+}
+function cycle(array, index, delta) {
+	let next = index + delta % array.length;
+	if (next < 0) next = array.length + next;
+	if (next >= array.length) next -= array.length;
+	return next;
+}
+var import_memoizerific$1, document$3, globalWindow, createId, getLink, get, getParent, getParents, getAncestorIds, getDescendantIds, searchItem, scrollIntoView, getStateType, isAncestor, removeNoiseFromName, isStoryHoistable;
+function init_tree() {
+	return (init_tree = __esmMin((() => {
+		init_dist();
+		import_memoizerific$1 = /* @__PURE__ */ __toESM(require_memoizerific(), 1);
+		init_Sidebar();
+		({document: document$3, window: globalWindow} = scope);
+		createId = (itemId, refId) => !refId || refId === "storybook_internal" ? itemId : `${refId}_${itemId}`;
+		getLink = (item, refId) => {
+			return `${document$3.location.pathname}?path=/${item.type}/${createId(item.id, refId)}`;
+		};
+		get = (0, import_memoizerific$1.default)(1e3)((id, dataset) => dataset[id]);
+		getParent = (0, import_memoizerific$1.default)(1e3)((id, dataset) => {
+			const item = get(id, dataset);
+			return item && item.type !== "root" ? get(item.parent, dataset) : void 0;
+		});
+		getParents = (0, import_memoizerific$1.default)(1e3)((id, dataset) => {
+			const parent = getParent(id, dataset);
+			return parent ? [parent, ...getParents(parent.id, dataset)] : [];
+		});
+		getAncestorIds = (0, import_memoizerific$1.default)(1e3)((data, id) => getParents(id, data).map((item) => item.id));
+		getDescendantIds = (0, import_memoizerific$1.default)(1e3)((data, id, skipLeafs) => {
+			const entry = data[id];
+			if (!entry || !("children" in entry) || !entry.children) return [];
+			return entry.children.reduce((acc, childId) => {
+				const child = data[childId];
+				if (!child || skipLeafs && (child.type === "story" || child.type === "docs")) return acc;
+				acc.push(childId, ...getDescendantIds(data, childId, skipLeafs));
+				return acc;
+			}, []);
+		});
+		searchItem = (item, ref) => {
+			return {
+				...item,
+				refId: ref.id,
+				path: getPath(item, ref)
+			};
+		};
+		scrollIntoView = (element, center = false) => {
+			if (!element) return;
+			const { top, bottom } = element.getBoundingClientRect();
+			if (!top || !bottom) return;
+			if (bottom > (document$3?.querySelector("#sidebar-bottom-wrapper")?.getBoundingClientRect().top || globalWindow.innerHeight || document$3.documentElement.clientHeight)) element.scrollIntoView({ block: center ? "center" : "nearest" });
+		};
+		getStateType = (isLoading, isAuthRequired, isError, isEmpty) => {
+			switch (true) {
+				case isAuthRequired: return "auth";
+				case isError: return "error";
+				case isLoading: return "loading";
+				case isEmpty: return "empty";
+				default: return "ready";
+			}
+		};
+		isAncestor = (element, maybeAncestor) => {
+			if (!element || !maybeAncestor) return false;
+			if (element === maybeAncestor) return true;
+			return isAncestor(element.parentElement || void 0, maybeAncestor);
+		};
+		removeNoiseFromName = (storyName) => storyName.replaceAll(/(\s|-|_)/gi, "");
+		isStoryHoistable = (storyName, componentName) => removeNoiseFromName(storyName) === removeNoiseFromName(componentName);
+	})))();
+}
+//#endregion
+//#region src/manager/utils/status.module.css
+var id$5, status_module_default;
+function init_status_module() {
+	return (init_status_module = __esmMin((() => {
+		id$5 = "core/src/manager/utils/status.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-sb-css="${id$5}"]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("data-sb-css", id$5);
+			style.textContent = ".sb-HwMO1a-loadingIcon.sb-HwMO1a-loadingIcon.sb-HwMO1a-loadingIcon{width:6px;height:6px}.sb-HwMO1a-loadingIcon{animation:1.5s ease-in-out infinite sb-HwMO1a-glow}@keyframes sb-HwMO1a-glow{0%,to{opacity:1}50%{opacity:.4}}";
+			document.head.appendChild(style);
+		}
+		status_module_default = {
+			"loadingIcon": "sb-HwMO1a-loadingIcon",
+			"glow": "sb-HwMO1a-glow"
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/utils/status.tsx
+/** Matches the status icon shown on a sidebar row before hover. */
+function getSidebarVisibleStatus({ theme, item, statuses, groupDualStatus, isModifiedFilterActive }) {
+	const statusByType = statuses ?? {};
+	if (item.type === "group" || item.type === "component" || item.type === "story" && item.children && item.children.length > 0) {
+		const { changeStatus: localChange, testStatus: localTest } = getChangeDetectionStatus(statusByType);
+		const groupDual = groupDualStatus?.[item.id] ?? {
+			change: "status-value:unknown",
+			test: "status-value:unknown"
+		};
+		const branchChange = getMostCriticalStatusValue([localChange, groupDual.change]);
+		const branchTest = getMostCriticalStatusValue([localTest, groupDual.test]);
+		if (shouldShowChangeStatus(branchChange, isModifiedFilterActive)) return {
+			icon: getStatus(theme, branchChange).icon,
+			status: branchChange
+		};
+		return {
+			icon: getStatus(theme, branchTest).icon,
+			status: branchTest
+		};
+	}
+	if (item.type === "story" && !(item.children && item.children.length > 0) && item.subtype !== "test" || item.type === "docs") {
+		const { changeStatus, testStatus } = getChangeDetectionStatus(statusByType);
+		if (shouldShowChangeStatus(changeStatus, isModifiedFilterActive)) return {
+			icon: getStatus(theme, changeStatus).icon,
+			status: changeStatus
+		};
+		return {
+			icon: getStatus(theme, testStatus).icon,
+			status: testStatus
+		};
+	}
+	const leafStatuses = Object.values(statusByType).filter((status) => isAggregatedTestStatus(status) || status.value === "status-value:new");
+	const leafStatus = getMostCriticalStatusValue(leafStatuses.map((s) => s.value));
+	return {
+		icon: getStatus(theme, leafStatus).icon,
+		status: leafStatus
+	};
+}
+function getChangeDetectionStatus(statuses) {
+	const changeValues = Object.values(statuses).filter((status) => status.typeId === CHANGE_DETECTION_STATUS_TYPE_ID).map((status) => status.value);
+	const testValues = Object.values(statuses).filter(isAggregatedTestStatus).map((status) => status.value);
+	return {
+		changeStatus: getMostCriticalStatusValue(changeValues),
+		testStatus: getMostCriticalStatusValue(testValues)
+	};
+}
+function getGroupStatus(collapsedData, allStatuses) {
+	return Object.values(collapsedData).reduce((acc, item) => {
+		if (item.type === "group" || item.type === "component" || item.type === "story") {
+			const leafs = getDescendantIds(collapsedData, item.id, false).map((id) => collapsedData[id]).filter((i) => i.type === "story");
+			const combinedStatus = getMostCriticalStatusValue(statusesExcludingReview(leafs.flatMap((story) => Object.values(allStatuses[story.id] || {}))).map((s) => s.value));
+			if (combinedStatus) acc[item.id] = combinedStatus;
+		}
+		return acc;
+	}, {});
+}
+function getGroupDualStatus(collapsedData, allStatuses) {
+	return Object.values(collapsedData).reduce((acc, item) => {
+		if (item.type === "group" || item.type === "component" || item.type === "story") {
+			const allDescendantStatuses = getDescendantIds(collapsedData, item.id, false).map((id) => collapsedData[id]).filter((i) => i.type === "story").flatMap((story) => Object.values(allStatuses[story.id] || {}));
+			const changeValues = allDescendantStatuses.filter((s) => s.typeId === CHANGE_DETECTION_STATUS_TYPE_ID).map((s) => s.value);
+			const testValues = allDescendantStatuses.filter(isAggregatedTestStatus).map((s) => s.value);
+			acc[item.id] = {
+				change: getMostCriticalStatusValue(changeValues),
+				test: getMostCriticalStatusValue(testValues)
+			};
+		}
+		return acc;
+	}, {});
+}
+var import_memoizerific, statusPriority, getStatus, shouldShowChangeStatus, isAggregatedTestStatus, getMostCriticalStatusValue, statusesExcludingReview;
+function init_status() {
+	return (init_status = __esmMin((() => {
+		init__storybook_global_react();
+		init_types();
+		init_icons();
+		import_memoizerific = /* @__PURE__ */ __toESM(require_memoizerific(), 1);
+		init_polished_esm();
+		init_IconSymbols();
+		init_tree();
+		init_status_module();
+		statusPriority = [
+			"status-value:unknown",
+			"status-value:pending",
+			"status-value:success",
+			"status-value:affected",
+			"status-value:reviewing",
+			"status-value:modified",
+			"status-value:new",
+			"status-value:warning",
+			"status-value:error"
+		];
+		getStatus = (0, import_memoizerific.default)(10)((theme, status) => {
+			const defaultIconColor = theme.base === "light" ? curriedTransparentize$1(.3, theme.color.defaultText) : curriedTransparentize$1(.6, theme.color.defaultText);
+			return {
+				"status-value:unknown": {
+					icon: null,
+					iconColor: defaultIconColor,
+					textColor: null
+				},
+				"status-value:pending": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement(CircleIcon, {
+						key: "icon",
+						className: status_module_default.loadingIcon
+					}),
+					iconColor: defaultIconColor,
+					textColor: "currentColor"
+				},
+				"status-value:success": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
+						key: "icon",
+						viewBox: "0 0 14 14",
+						width: "14",
+						height: "14"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "success" })),
+					iconColor: theme.color.positive,
+					textColor: "currentColor"
+				},
+				"status-value:new": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
+						key: "icon",
+						viewBox: "0 0 14 14",
+						width: "14",
+						height: "14"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "new" })),
+					iconColor: theme.fgColor.accent,
+					textColor: null
+				},
+				"status-value:modified": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
+						key: "icon",
+						viewBox: "0 0 14 14",
+						width: "14",
+						height: "14"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "modified" })),
+					iconColor: theme.fgColor.accent,
+					textColor: null
+				},
+				"status-value:affected": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
+						key: "icon",
+						viewBox: "0 0 14 14",
+						width: "14",
+						height: "14"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "affected" })),
+					iconColor: theme.fgColor.accent,
+					textColor: null
+				},
+				"status-value:reviewing": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
+						key: "icon",
+						viewBox: "0 0 14 14",
+						width: "14",
+						height: "14"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "reviewing" })),
+					iconColor: theme.fgColor.agentic,
+					textColor: null
+				},
+				"status-value:warning": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
+						key: "icon",
+						viewBox: "0 0 14 14",
+						width: "14",
+						height: "14"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "warning" })),
+					iconColor: theme.color.warning,
+					textColor: theme.fgColor.warning
+				},
+				"status-value:error": {
+					icon: /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
+						key: "icon",
+						viewBox: "0 0 14 14",
+						width: "14",
+						height: "14"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "error" })),
+					iconColor: theme.color.negative,
+					textColor: theme.fgColor.negative
+				}
+			}[status];
+		});
+		shouldShowChangeStatus = (changeStatus, isModifiedFilterActive) => changeStatus !== "status-value:unknown" && changeStatus !== "status-value:affected" && (changeStatus !== "status-value:modified" || isModifiedFilterActive);
+		isAggregatedTestStatus = (status) => !NON_AGGREGATED_STATUS_TYPE_IDS.includes(status.typeId);
+		getMostCriticalStatusValue = (statusValues) => {
+			return statusPriority.reduce((acc, value) => statusValues.includes(value) ? value : acc, "status-value:unknown");
+		};
+		statusesExcludingReview = (statuses) => statuses.filter((status) => status.typeId !== REVIEW_STATUS_TYPE_ID);
+	})))();
+}
+//#endregion
+//#region src/manager/keybinding.ts
+var codeToKeyMap, allFalse, matchesModifiers, matchesKeyCode;
+function init_keybinding() {
+	return (init_keybinding = __esmMin((() => {
+		codeToKeyMap = {
+			Space: " ",
+			Slash: "/",
+			ArrowLeft: "ArrowLeft",
+			ArrowUp: "ArrowUp",
+			ArrowRight: "ArrowRight",
+			ArrowDown: "ArrowDown",
+			Escape: "Escape",
+			Enter: "Enter"
+		};
+		allFalse = {
+			alt: false,
+			ctrl: false,
+			meta: false,
+			shift: false
+		};
+		matchesModifiers = (modifiers, event) => {
+			const { alt, ctrl, meta, shift } = modifiers === false ? allFalse : modifiers;
+			if (typeof alt === "boolean" && alt !== event.altKey) return false;
+			if (typeof ctrl === "boolean" && ctrl !== event.ctrlKey) return false;
+			if (typeof meta === "boolean" && meta !== event.metaKey) return false;
+			if (typeof shift === "boolean" && shift !== event.shiftKey) return false;
+			return true;
+		};
+		matchesKeyCode = (code, event) => {
+			return event.code ? event.code === code : event.key === codeToKeyMap[code];
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/provider.ts
+var Provider;
+function init_provider() {
+	return (init_provider = __esmMin((() => {
+		Provider = class {
+			getElements(_type) {
+				throw new Error("Provider.getElements() is not implemented!");
+			}
+			handleAPI(_api) {
+				throw new Error("Provider.handleAPI() is not implemented!");
+			}
+			getConfig() {
+				console.error("Provider.getConfig() is not implemented!");
+				return {};
+			}
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/About.module.css
+var id$4, About_module_default;
+function init_About_module() {
+	return (init_About_module = __esmMin((() => {
+		id$4 = "core/src/manager/settings/About.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-sb-css="${id$4}"]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("data-sb-css", id$4);
+			style.textContent = ".sb-v5QLGG-container{flex-direction:column;align-items:center;margin-top:40px;display:flex}.sb-v5QLGG-header{align-items:center;margin-bottom:32px;display:flex;&>svg{width:auto;height:48px;margin-right:8px}}.sb-v5QLGG-footer{color:var(--sb-color-dark);font-weight:var(--sb-weight-regular);font-size:var(--sb-size-s2);flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.sb-v5QLGG-actions{flex-direction:row;align-items:center;gap:16px;margin-top:24px;margin-bottom:24px;display:flex}.sb-v5QLGG-link.sb-v5QLGG-link{font-weight:var(--sb-weight-bold);color:var(--sb-color-dark)}.sb-v5QLGG-link:hover{color:var(--sb-color-darkest)}:where([data-sb-theme=dark]){& .sb-v5QLGG-footer{color:var(--sb-color-lightest)}& .sb-v5QLGG-link.sb-v5QLGG-link{color:var(--sb-color-light)}& .sb-v5QLGG-link:hover{color:var(--sb-color-lightest)}}";
+			document.head.appendChild(style);
+		}
+		About_module_default = {
+			"container": "sb-v5QLGG-container",
+			"footer": "sb-v5QLGG-footer",
+			"link": "sb-v5QLGG-link",
+			"header": "sb-v5QLGG-header",
+			"actions": "sb-v5QLGG-actions"
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/About.tsx
+var AboutScreen;
+function init_About() {
+	return (init_About = __esmMin((() => {
+		init__storybook_global_react();
+		init_components();
+		init_icons();
+		init_UpgradeBlock();
+		init_About_module();
+		AboutScreen = ({ onNavigateToWhatsNew }) => {
+			return /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: About_module_default.container }, /* @__PURE__ */ _storybook_global_react_default.createElement("header", { className: About_module_default.header }, /* @__PURE__ */ _storybook_global_react_default.createElement(StorybookLogo, { alt: "Forkbook" })), /* @__PURE__ */ _storybook_global_react_default.createElement(UpgradeBlock, { onNavigateToWhatsNew }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: About_module_default.footer }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: About_module_default.actions }, /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
+				ariaLabel: false,
+				asChild: true
+			}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", { href: "https://github.com/storybookjs/storybook" }, /* @__PURE__ */ _storybook_global_react_default.createElement(GithubIcon, null), "GitHub")), /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
+				ariaLabel: false,
+				asChild: true
+			}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", { href: "https://storybook.js.org/docs?ref=ui" }, /* @__PURE__ */ _storybook_global_react_default.createElement(DocumentIcon, { style: {
+				display: "inline",
+				marginRight: 5
+			} }), "Documentation"))), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, "Open source software maintained by", " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Link, {
+				className: About_module_default.link,
+				href: "https://www.chromatic.com/"
+			}, "Chromatic"), " ", "and the", " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Link, {
+				className: About_module_default.link,
+				href: "https://github.com/storybookjs/storybook/graphs/contributors"
+			}, "Forkbook Community"))));
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/AboutPage.tsx
+var NotificationClearer, AboutPage;
+function init_AboutPage() {
+	return (init_AboutPage = __esmMin((() => {
+		init__storybook_global_react();
+		init_manager_api();
+		init_About();
+		NotificationClearer = class extends Component {
+			componentDidMount() {
+				const { api, notificationId } = this.props;
+				api.clearNotification(notificationId);
+			}
+			render() {
+				const { children } = this.props;
+				return children;
+			}
+		};
+		AboutPage = () => {
+			const api = useStorybookApi();
+			const state = useStorybookState();
+			const onNavigateToWhatsNew = useCallback(() => {
+				api.changeSettingsTab("whats-new");
+			}, [api]);
+			return /* @__PURE__ */ _storybook_global_react_default.createElement(NotificationClearer, {
+				api,
+				notificationId: "update"
+			}, /* @__PURE__ */ _storybook_global_react_default.createElement(AboutScreen, { onNavigateToWhatsNew: state.whatsNewData?.status === "SUCCESS" ? onNavigateToWhatsNew : void 0 }));
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/SettingsFooter.module.css
+var id$3, SettingsFooter_module_default;
+function init_SettingsFooter_module() {
+	return (init_SettingsFooter_module = __esmMin((() => {
+		id$3 = "core/src/manager/settings/SettingsFooter.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-sb-css="${id$3}"]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("data-sb-css", id$3);
+			style.textContent = ".sb-17hQlG-footer{border-top:1px solid var(--sb-app-border-color);font-weight:var(--sb-weight-bold);margin-top:20px;padding-top:20px;display:flex;&>*+*{margin-left:20px}}";
+			document.head.appendChild(style);
+		}
+		SettingsFooter_module_default = { "footer": "sb-17hQlG-footer" };
+	})))();
+}
+//#endregion
+//#region src/manager/settings/SettingsFooter.tsx
+var SettingsFooter;
+function init_SettingsFooter() {
+	return (init_SettingsFooter = __esmMin((() => {
+		init__storybook_global_react();
+		init_components();
+		init_clsx();
+		init_SettingsFooter_module();
+		SettingsFooter = ({ className, ...props }) => /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
+			className: clsx(SettingsFooter_module_default.footer, className),
+			...props
+		}, /* @__PURE__ */ _storybook_global_react_default.createElement(Link, {
+			secondary: true,
+			href: "https://storybook.js.org?ref=ui",
+			cancel: false,
+			target: "_blank"
+		}, "Docs"), /* @__PURE__ */ _storybook_global_react_default.createElement(Link, {
+			secondary: true,
+			href: "https://github.com/storybookjs/storybook",
+			cancel: false,
+			target: "_blank"
+		}, "GitHub"), /* @__PURE__ */ _storybook_global_react_default.createElement(Link, {
+			secondary: true,
+			href: "https://storybook.js.org/community?ref=ui#support",
+			cancel: false,
+			target: "_blank"
+		}, "Support"));
+	})))();
+}
+//#endregion
+//#region src/manager/settings/shortcuts.module.css
+var id$2, shortcuts_module_default;
+function init_shortcuts_module() {
+	return (init_shortcuts_module = __esmMin((() => {
+		id$2 = "core/src/manager/settings/shortcuts.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-sb-css="${id$2}"]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("data-sb-css", id$2);
+			style.textContent = ".sb-5Bi54W-header{font-size:var(--sb-size-m3);font-weight:var(--sb-weight-bold);align-items:center;margin-bottom:20px;display:flex}.sb-5Bi54W-headerItem{font-weight:var(--sb-weight-bold)}.sb-5Bi54W-gridHeaderRow{grid-template-columns:1fr 1fr 12px;align-self:flex-end;margin:10px 0;display:grid;&>:last-of-type{grid-area:1/2/auto/2;justify-self:flex-end}}.sb-5Bi54W-row{border-top:1px solid var(--sb-app-border-color);grid-template-columns:1fr 1fr 0;padding:6px 0;display:grid}.sb-5Bi54W-gridWrapper{grid-template-columns:1fr;grid-auto-rows:minmax(auto,auto);margin-bottom:20px;display:grid}.sb-5Bi54W-description{align-self:center}.sb-5Bi54W-textInput{text-align:center;flex-direction:column;justify-self:flex-end;width:80px;padding-left:4px;padding-right:4px;display:flex;&[data-valid=error]{animation:.7s ease-out sb-5Bi54W-jiggle}}.sb-5Bi54W-successIcon{opacity:0;align-self:center;width:14px;height:14px;margin-left:10px;display:flex;&[data-valid=valid]{opacity:1;color:var(--sb-color-positive);animation:2s forwards sb-5Bi54W-fade}}.sb-5Bi54W-container{font-size:var(--sb-size-s2);max-width:600px;margin:0 auto;padding:3rem 20px}@keyframes sb-5Bi54W-fade{0%,to{opacity:0}50%{opacity:1}}@keyframes sb-5Bi54W-jiggle{0%,to{transform:translate(0,0)}12.5%,62.5%{transform:translate(-4px)}37.5%,87.5%{transform:translate(4px)}}";
+			document.head.appendChild(style);
+		}
+		shortcuts_module_default = {
+			"row": "sb-5Bi54W-row",
+			"fade": "sb-5Bi54W-fade",
+			"container": "sb-5Bi54W-container",
+			"jiggle": "sb-5Bi54W-jiggle",
+			"description": "sb-5Bi54W-description",
+			"gridHeaderRow": "sb-5Bi54W-gridHeaderRow",
+			"textInput": "sb-5Bi54W-textInput",
+			"header": "sb-5Bi54W-header",
+			"headerItem": "sb-5Bi54W-headerItem",
+			"successIcon": "sb-5Bi54W-successIcon",
+			"gridWrapper": "sb-5Bi54W-gridWrapper"
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/shortcuts.tsx
+function toShortcutState(shortcutKeys) {
+	const state = {};
+	for (const key of Object.keys(shortcutKeys)) state[key] = {
+		shortcut: shortcutKeys[key],
+		error: false,
+		hardcoded: hardcodedShortcuts.includes(key)
+	};
+	return state;
+}
+var TextInput, shortcutLabels, hardcodedShortcuts, ShortcutsScreen;
+function init_shortcuts() {
+	return (init_shortcuts = __esmMin((() => {
+		init__storybook_global_react();
+		init_components();
+		init_icons();
+		init_manager_api();
+		init_clsx();
+		init_SettingsFooter();
+		init_shortcuts_module();
+		TextInput = ({ valid, className, ...props }) => /* @__PURE__ */ _storybook_global_react_default.createElement(Form.Input, {
+			className: clsx(shortcuts_module_default.textInput, className),
+			"data-valid": valid,
+			...props
+		});
+		shortcutLabels = {
+			fullScreen: "Go full screen",
+			togglePanel: "Toggle addons",
+			panelPosition: "Toggle addons orientation",
+			toggleNav: "Toggle sidebar",
+			toolbar: "Toggle toolbar",
+			search: "Focus search",
+			focusNav: "Focus sidebar",
+			focusIframe: "Focus canvas",
+			focusPanel: "Focus addons",
+			prevComponent: "Previous component",
+			nextComponent: "Next component",
+			prevStory: "Previous story",
+			nextStory: "Next story",
+			shortcutsPage: "Go to shortcuts page",
+			aboutPage: "Go to about page",
+			collapseAll: "Collapse all items on sidebar",
+			expandAll: "Expand all items on sidebar",
+			remount: "Reload story",
+			openInEditor: "Open story in editor",
+			openInIsolation: "Open story in isolation",
+			copyStoryLink: "Copy story link to clipboard",
+			goToPreviousLandmark: "Go to previous landmark",
+			goToNextLandmark: "Go to next landmark"
+		};
+		hardcodedShortcuts = ["goToPreviousLandmark", "goToNextLandmark"];
+		ShortcutsScreen = class extends Component {
+			constructor(props) {
+				super(props);
+				this.onKeyDown = (e) => {
+					const { activeFeature, shortcutKeys } = this.state;
+					if (e.key === "Backspace") return this.restoreDefault();
+					const shortcut = eventToShortcut(e);
+					if (!shortcut) return false;
+					const normalizedShortcut = shortcut.map((key) => Array.isArray(key) ? key.at(-1) : key);
+					const error = normalizedShortcut.length === 1 && normalizedShortcut[0] === "escape" || !!Object.entries(shortcutKeys).find(([feature, { shortcut: existingShortcut }]) => feature !== activeFeature && existingShortcut && shortcutMatchesShortcut(normalizedShortcut, existingShortcut));
+					return this.setState({ shortcutKeys: {
+						...shortcutKeys,
+						[activeFeature]: {
+							shortcut: normalizedShortcut,
+							error
+						}
+					} });
+				};
+				this.onFocus = (focusedInput) => () => {
+					const { shortcutKeys } = this.state;
+					this.setState({
+						activeFeature: focusedInput,
+						shortcutKeys: {
+							...shortcutKeys,
+							[focusedInput]: {
+								shortcut: null,
+								error: false
+							}
+						}
+					});
+				};
+				this.onBlur = async () => {
+					const { shortcutKeys, activeFeature } = this.state;
+					if (shortcutKeys[activeFeature]) {
+						const { shortcut, error } = shortcutKeys[activeFeature];
+						if (!shortcut || error) return this.restoreDefault();
+						return this.saveShortcut();
+					}
+					return false;
+				};
+				this.saveShortcut = async () => {
+					const { activeFeature, shortcutKeys } = this.state;
+					const { setShortcut } = this.props;
+					await setShortcut(activeFeature, shortcutKeys[activeFeature].shortcut);
+					this.setState({ successField: activeFeature });
+				};
+				this.restoreDefaults = async () => {
+					const { restoreAllDefaultShortcuts } = this.props;
+					const defaultShortcuts = await restoreAllDefaultShortcuts();
+					return this.setState({ shortcutKeys: toShortcutState(defaultShortcuts) });
+				};
+				this.restoreDefault = async () => {
+					const { activeFeature, shortcutKeys } = this.state;
+					const { restoreDefaultShortcut } = this.props;
+					const defaultShortcut = await restoreDefaultShortcut(activeFeature);
+					return this.setState({ shortcutKeys: {
+						...shortcutKeys,
+						...toShortcutState({ [activeFeature]: defaultShortcut })
+					} });
+				};
+				this.displaySuccessMessage = (activeElement) => {
+					const { successField, shortcutKeys } = this.state;
+					return activeElement === successField && shortcutKeys[activeElement].error === false ? "valid" : void 0;
+				};
+				this.displayError = (activeElement) => {
+					const { activeFeature, shortcutKeys } = this.state;
+					return activeElement === activeFeature && shortcutKeys[activeElement].error === true ? "error" : void 0;
+				};
+				this.renderKeyInput = () => {
+					const { shortcutKeys, addonsShortcutLabels } = this.state;
+					return Object.entries(shortcutKeys).filter(([feature]) => shortcutLabels[feature] !== void 0 || addonsShortcutLabels && addonsShortcutLabels[feature]).map(([feature, { shortcut, hardcoded }]) => /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
+						className: shortcuts_module_default.row,
+						key: feature
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: shortcuts_module_default.description }, shortcutLabels[feature] || addonsShortcutLabels[feature]), hardcoded ? /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement(TooltipProvider, {
+						tooltip: /* @__PURE__ */ _storybook_global_react_default.createElement(Tooltip, { hasChrome: true }, "This shortcut cannot be changed."),
+						placement: "right"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(TextInput, {
+						"aria-disabled": true,
+						readOnly: true,
+						valid: void 0,
+						value: shortcut ? shortcutToHumanString(shortcut) : ""
+					}))) : /* @__PURE__ */ _storybook_global_react_default.createElement(TextInput, {
+						spellCheck: "false",
+						valid: this.displayError(feature),
+						className: "modalInput",
+						onBlur: this.onBlur,
+						onFocus: this.onFocus(feature),
+						onKeyDown: this.onKeyDown,
+						value: shortcut ? shortcutToHumanString(shortcut) : "",
+						placeholder: "Type keys",
+						readOnly: true
+					}), /* @__PURE__ */ _storybook_global_react_default.createElement(CheckIcon, {
+						className: shortcuts_module_default.successIcon,
+						"data-valid": this.displaySuccessMessage(feature)
+					})));
+				};
+				this.renderKeyForm = () => /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: shortcuts_module_default.gridWrapper }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: shortcuts_module_default.gridHeaderRow }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: shortcuts_module_default.headerItem }, "Commands"), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: shortcuts_module_default.headerItem }, "Shortcut")), this.renderKeyInput());
+				this.state = {
+					activeFeature: void 0,
+					successField: void 0,
+					shortcutKeys: toShortcutState(props.shortcutKeys),
+					addonsShortcutLabels: props.addonsShortcutLabels
+				};
+			}
+			render() {
+				const layout = this.renderKeyForm();
+				return /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: shortcuts_module_default.container }, /* @__PURE__ */ _storybook_global_react_default.createElement("header", { className: shortcuts_module_default.header }, "Keyboard shortcuts"), layout, /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
+					ariaLabel: false,
+					variant: "outline",
+					size: "small",
+					id: "restoreDefaultsHotkeys",
+					onClick: this.restoreDefaults
+				}, "Restore defaults"), /* @__PURE__ */ _storybook_global_react_default.createElement(SettingsFooter, null));
+			}
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/ShortcutsPage.tsx
+var ShortcutsPage;
+function init_ShortcutsPage() {
+	return (init_ShortcutsPage = __esmMin((() => {
+		init__storybook_global_react();
+		init_manager_api();
+		init_shortcuts();
+		ShortcutsPage = () => /* @__PURE__ */ _storybook_global_react_default.createElement(Consumer, null, ({ api: { getShortcutKeys, getAddonsShortcutLabels, setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts } }) => /* @__PURE__ */ _storybook_global_react_default.createElement(ShortcutsScreen, {
+			shortcutKeys: getShortcutKeys(),
+			addonsShortcutLabels: getAddonsShortcutLabels(),
+			setShortcut,
+			restoreDefaultShortcut,
+			restoreAllDefaultShortcuts
+		}));
+	})))();
+}
+//#endregion
+//#region src/manager/settings/whats_new.module.css
+var id$1, whats_new_module_default;
+function init_whats_new_module() {
+	return (init_whats_new_module = __esmMin((() => {
+		id$1 = "core/src/manager/settings/whats_new.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-sb-css="${id$1}"]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("data-sb-css", id$1);
+			style.textContent = ".sb-wRVF8a-centered{text-align:center;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.sb-wRVF8a-loaderWrapper{height:32px;position:relative}.sb-wRVF8a-message{color:var(--sb-text-muted-color);max-width:295px;font-size:var(--sb-size-s1);margin:0 auto;padding-top:12px;line-height:16px}.sb-wRVF8a-footer{background:var(--sb-background-bar);width:100%;height:40px;font-size:var(--sb-size-s2);border-top:1px solid var(--sb-color-border);justify-content:space-between;align-items:center;padding:0 10px 0 15px;display:flex;position:absolute;bottom:0}.sb-wRVF8a-iframe{visibility:hidden;background:#fff;border:0;width:100%;height:calc(100% - 40px);margin:0;padding:0;position:absolute;inset:0;&[data-loaded]{visibility:visible}}.sb-wRVF8a-alertIcon{color:var(--sb-text-muted-color);width:32px;height:32px;margin:0 auto}";
+			document.head.appendChild(style);
+		}
+		whats_new_module_default = {
+			"message": "sb-wRVF8a-message",
+			"centered": "sb-wRVF8a-centered",
+			"loaderWrapper": "sb-wRVF8a-loaderWrapper",
+			"alertIcon": "sb-wRVF8a-alertIcon",
+			"footer": "sb-wRVF8a-footer",
+			"iframe": "sb-wRVF8a-iframe"
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/whats_new.tsx
+var WhatsNewFooter, WhatsNewLoader, MaxWaitTimeMessaging, PureWhatsNewScreen, MAX_WAIT_TIME, WhatsNewScreen;
+function init_whats_new() {
+	return (init_whats_new = __esmMin((() => {
+		init__storybook_global_react();
+		init_components();
+		init_dist();
+		init_icons();
+		init_manager_api();
+		init_theming();
+		init_useCopyButton();
+		init_whats_new_module();
+		WhatsNewFooter = ({ isNotificationsEnabled, onToggleNotifications, copyContent }) => {
+			const theme = useTheme();
+			const { children: copyText, buttonProps: copyButtonProps } = useCopyButton({
+				children: "Copy Link",
+				content: copyContent
+			});
+			return /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: whats_new_module_default.footer }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 10
+			} }, /* @__PURE__ */ _storybook_global_react_default.createElement(HeartIcon, { color: theme.color.mediumdark }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, "Share this with your team."), /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
+				size: "small",
+				variant: "ghost",
+				...copyButtonProps
+			}, copyText)), isNotificationsEnabled ? /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
+				ariaLabel: false,
+				size: "small",
+				variant: "ghost",
+				onClick: onToggleNotifications
+			}, /* @__PURE__ */ _storybook_global_react_default.createElement(EyeCloseIcon, null), "Hide notifications") : /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
+				ariaLabel: false,
+				size: "small",
+				variant: "ghost",
+				onClick: onToggleNotifications
+			}, /* @__PURE__ */ _storybook_global_react_default.createElement(EyeIcon, null), "Show notifications"));
+		};
+		WhatsNewLoader = () => /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: whats_new_module_default.centered }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: whats_new_module_default.loaderWrapper }, /* @__PURE__ */ _storybook_global_react_default.createElement(Loader, null)), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: whats_new_module_default.message }, "Loading..."));
+		MaxWaitTimeMessaging = () => /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: whats_new_module_default.centered }, /* @__PURE__ */ _storybook_global_react_default.createElement(AlertIcon, { className: whats_new_module_default.alertIcon }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: whats_new_module_default.message }, "The page couldn't be loaded. Check your internet connection and try again."));
+		PureWhatsNewScreen = ({ didHitMaxWaitTime, isLoaded, onLoad, url, copyContent, onToggleNotifications, isNotificationsEnabled }) => /* @__PURE__ */ _storybook_global_react_default.createElement(Fragment, null, !isLoaded && !didHitMaxWaitTime && /* @__PURE__ */ _storybook_global_react_default.createElement(WhatsNewLoader, null), didHitMaxWaitTime ? /* @__PURE__ */ _storybook_global_react_default.createElement(MaxWaitTimeMessaging, null) : /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement("iframe", {
+			className: whats_new_module_default.iframe,
+			"data-loaded": isLoaded || void 0,
+			onLoad,
+			src: url,
+			title: `What's new?`
+		}), /* @__PURE__ */ _storybook_global_react_default.createElement(WhatsNewFooter, {
+			isNotificationsEnabled,
+			onToggleNotifications,
+			copyContent
+		})));
+		MAX_WAIT_TIME = 1e4;
+		WhatsNewScreen = () => {
+			const api = useStorybookApi();
+			const { whatsNewData } = useStorybookState();
+			const [isLoaded, setLoaded] = useState(false);
+			const [didHitMaxWaitTime, setDidHitMaxWaitTime] = useState(false);
+			useEffect(() => {
+				const timer = setTimeout(() => !isLoaded && setDidHitMaxWaitTime(true), MAX_WAIT_TIME);
+				return () => clearTimeout(timer);
+			}, [isLoaded]);
+			if (whatsNewData?.status !== "SUCCESS") return null;
+			const isNotificationsEnabled = !whatsNewData.disableWhatsNewNotifications;
+			return /* @__PURE__ */ _storybook_global_react_default.createElement(PureWhatsNewScreen, {
+				didHitMaxWaitTime,
+				isLoaded,
+				onLoad: () => {
+					api.whatsNewHasBeenRead();
+					setLoaded(true);
+				},
+				url: whatsNewData.url,
+				isNotificationsEnabled,
+				copyContent: whatsNewData.blogUrl ?? whatsNewData.url,
+				onToggleNotifications: () => {
+					if (isNotificationsEnabled) {
+						if (scope.confirm("All update notifications will no longer be shown. Are you sure?")) api.toggleWhatsNewNotifications();
+					} else api.toggleWhatsNewNotifications();
+				}
+			});
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/whats_new_page.tsx
+var WhatsNewPage;
+function init_whats_new_page() {
+	return (init_whats_new_page = __esmMin((() => {
+		init__storybook_global_react();
+		init_whats_new();
+		WhatsNewPage = () => {
+			return /* @__PURE__ */ _storybook_global_react_default.createElement(WhatsNewScreen, null);
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/index.module.css
+var id, index_module_default;
+function init_index_module() {
+	return (init_index_module = __esmMin((() => {
+		id = "core/src/manager/settings/index.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("data-sb-css", id);
+			style.textContent = ".sb-eGKmTG-content{background:var(--sb-background-content)}.sb-eGKmTG-sidebarToggle.sb-eGKmTG-sidebarToggle:has(*){order:0;align-items:center;gap:6px;margin-left:10px;margin-right:6px;display:flex}";
+			document.head.appendChild(style);
+		}
+		index_module_default = {
+			"content": "sb-eGKmTG-content",
+			"sidebarToggle": "sb-eGKmTG-sidebarToggle"
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/settings/index.tsx
+var document$2, RouteWrapper, Pages, SettingsPages, settingsPageAddon;
+function init_settings() {
+	return (init_settings = __esmMin((() => {
+		init__storybook_global_react();
+		init_components();
+		init_router();
+		init_types();
+		init_dist();
+		init_icons();
+		init_manager_api();
+		init_menu();
+		init_keybinding();
+		init_AboutPage();
+		init_ShortcutsPage();
+		init_whats_new_page();
+		init_index_module();
+		({document: document$2} = scope);
+		RouteWrapper = ({ children, path }) => {
+			return /* @__PURE__ */ _storybook_global_react_default.createElement(ScrollArea, {
+				className: index_module_default.content,
+				vertical: true,
+				horizontal: false
+			}, /* @__PURE__ */ _storybook_global_react_default.createElement(Route, { path }, children));
+		};
+		Pages = ({ changeTab, onClose, enableShortcuts = true, enableWhatsNew }) => {
+			_storybook_global_react_default.useEffect(() => {
+				const handleEscape = (event) => {
+					if (!enableShortcuts || event.repeat) return;
+					if (matchesModifiers(false, event) && matchesKeyCode("Escape", event)) {
+						event.preventDefault();
+						onClose();
+					}
+				};
+				document$2.addEventListener("keydown", handleEscape);
+				return () => document$2.removeEventListener("keydown", handleEscape);
+			}, [enableShortcuts, onClose]);
+			const api = useStorybookApi();
+			const toolsExtra = Object.values(api.getElements(Addon_TypesEnum.TOOLEXTRA));
+			const tabs = useMemo(() => {
+				const tabsToInclude = [{
+					id: "about",
+					title: "About",
+					children: /* @__PURE__ */ _storybook_global_react_default.createElement(RouteWrapper, { path: "about" }, /* @__PURE__ */ _storybook_global_react_default.createElement(AboutPage, { key: "about" }))
+				}];
+				tabsToInclude.push({
+					id: "shortcuts",
+					title: "Keyboard shortcuts",
+					children: /* @__PURE__ */ _storybook_global_react_default.createElement(RouteWrapper, { path: "shortcuts" }, /* @__PURE__ */ _storybook_global_react_default.createElement(ShortcutsPage, { key: "shortcuts" }))
+				});
+				if (enableWhatsNew) tabsToInclude.push({
+					id: "whats-new",
+					title: "What's new?",
+					children: /* @__PURE__ */ _storybook_global_react_default.createElement(RouteWrapper, { path: "whats-new" }, /* @__PURE__ */ _storybook_global_react_default.createElement(WhatsNewPage, { key: "whats-new" }))
+				});
+				return tabsToInclude;
+			}, [enableWhatsNew]);
+			return /* @__PURE__ */ _storybook_global_react_default.createElement(Location, null, ({ path }) => {
+				const selected = tabs.find((tab) => path.includes(`settings/${tab.id}`))?.id;
+				return /* @__PURE__ */ _storybook_global_react_default.createElement(TabsView, {
+					tabs,
+					tools: /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: index_module_default.sidebarToggle }, menuTool.render({})), toolsExtra.map((item) => /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, { key: item.id }, item.render({}))), /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
+						padding: "small",
+						variant: "ghost",
+						onClick: (e) => {
+							e.preventDefault();
+							return onClose();
+						},
+						ariaLabel: "Close settings page"
+					}, /* @__PURE__ */ _storybook_global_react_default.createElement(CloseIcon, null))),
+					selected,
+					onSelectionChange: changeTab
+				});
+			});
+		};
+		SettingsPages = () => {
+			const api = useStorybookApi();
+			const state = useStorybookState();
+			const changeTab = (tab) => api.changeSettingsTab(tab);
+			return /* @__PURE__ */ _storybook_global_react_default.createElement(Pages, {
+				enableWhatsNew: state.whatsNewData?.status === "SUCCESS",
+				enableShortcuts: state.ui.enableShortcuts,
+				changeTab,
+				onClose: api.closeSettings
+			});
+		};
+		settingsPageAddon = {
+			id: "settings",
+			url: "/settings/",
+			title: "Settings",
+			type: types.experimental_PAGE,
+			render: () => /* @__PURE__ */ _storybook_global_react_default.createElement(Route, {
+				path: "/settings/",
+				startsWith: true
+			}, /* @__PURE__ */ _storybook_global_react_default.createElement(SettingsPages, null))
+		};
+	})))();
+}
+//#endregion
+//#region src/manager/runtime.tsx
+var WS_DISCONNECTED_NOTIFICATION_ID, channel, ReactProvider, document$1, rootEl;
+function init_runtime() {
+	return (init_runtime = __esmMin((() => {
+		init__storybook_global_react();
+		init_channels();
+		init_core_events();
+		init_dist();
+		init_icons();
+		init_manager_api();
+		init_theming();
+		init_ToolbarManager();
+		init_constants();
+		init_manager();
+		init_provider();
+		WS_DISCONNECTED_NOTIFICATION_ID = "CORE/WS_DISCONNECTED";
+		addons.register(TOOLBAR_ID, () => addons.add(TOOLBAR_ID, {
+			title: TOOLBAR_ID,
+			type: types.TOOL,
+			render: () => /* @__PURE__ */ _storybook_global_react_default.createElement(ToolbarManager, null)
+		}));
+		channel = createBrowserChannel({ page: "manager" });
+		addons.setChannel(channel);
+		channel.emit(CHANNEL_CREATED);
+		ReactProvider = class extends Provider {
+			constructor(..._args) {
+				super(..._args);
+				this.addons = addons;
+				this.channel = channel;
+				this.wsDisconnected = false;
+			}
+			getElements(type) {
+				return this.addons.getElements(type);
+			}
+			getConfig() {
+				return this.addons.getConfig();
+			}
+			handleAPI(api) {
+				this.addons.loadAddons(api);
+				this.channel.on(CHANNEL_WS_DISCONNECT, () => {
+					this.wsDisconnected = true;
+					api.addNotification({
+						id: WS_DISCONNECTED_NOTIFICATION_ID,
+						content: {
+							headline: "Connection lost",
+							subHeadline: "Please restart your Forkbook server and reload the page"
+						},
+						icon: /* @__PURE__ */ _storybook_global_react_default.createElement(FailedIcon, { color: color.negative }),
+						link: void 0
+					});
+				});
+			}
+		};
+		({document: document$1} = scope);
+		rootEl = document$1.getElementById("root");
+		setTimeout(() => {
+			renderStorybookUI(rootEl, new ReactProvider());
+		}, 0);
+	})))();
+}
+//#endregion
+export { getStateType as C, scrollIntoView as D, isStoryHoistable as E, searchItem as O, getLink as S, isAncestor as T, statusPriority as _, init_provider as a, getAncestorIds as b, matchesModifiers as c, getGroupStatus as d, getMostCriticalStatusValue as f, shouldShowChangeStatus as g, init_status as h, Provider as i, getChangeDetectionStatus as l, getStatus as m, init_settings as n, init_keybinding as o, getSidebarVisibleStatus as p, settingsPageAddon as r, matchesKeyCode as s, init_runtime as t, getGroupDualStatus as u, createId as v, init_tree as w, getDescendantIds as x, cycle as y };