@aussieljk/forkbook 0.0.1-1 → 0.0.1-10

package/dist/preview/_chunks/{runtime-DrTjJkPY.js → runtime-BJwGQok8.js}

@@ -1,12 +1,11 @@
 import { n as __esmMin, r as __exportAll } from "./runtime-BdGkqNEt.js";
-import { at as init_dist, ct as stringify, it as invariant, lt as dedent, ot as isJSON, rt as init_tiny_invariant, st as parse, ut as init_esm } from "./runtime-BZSnICCg.js";
-import { n as init_storybook_error, t as StorybookError } from "./runtime-BwSxqk3t.js";
-import { A as matchesHostname, M as init_universal_store, O as LOOPBACK_HOSTNAMES, f as init_preview$7, h as preview_default$6, j as UniversalStore, k as init_local_hosts, m as init_preview$6, p as preview_default$7 } from "./runtime-iXdo8CR8.js";
-import { f as require_tiny_isequal, h as scope, m as init_dist$1 } from "./runtime-BTPtVY1p.js";
-import { c as useMemo, d as ImplicitActionsDuringRendering, f as InvalidChannelPageError, l as addons$1, p as init_preview_errors, r as init_preview_api$1, s as useEffect } from "./runtime-CsV4HZPV.js";
-import { o as init_preview$8, s as preview_default$8 } from "./runtime-CxZK_Ln3.js";
-import { h as processError, m as init_error } from "./runtime-q3wt0e_N.js";
-import { n as preview_default$9, o as onMockCall, r as init_test, t as init_preview$9 } from "./runtime-DuHdxMFA.js";
+import { J as isEqual, at as init_dist, ct as stringify, it as invariant, lt as dedent, ot as isJSON, q as init_isEqual, rt as init_tiny_invariant, st as parse, ut as init_esm } from "./runtime-WapFVPAh.js";
+import { n as init_storybook_error, t as StorybookError } from "./runtime-BsMjBzuq.js";
+import { A as LOOPBACK_HOSTNAMES, F as init_global, I as UniversalStore, L as init_universal_store, M as matchesHostname, N as global, _ as preview_default$6, g as init_preview$6, h as preview_default$7, j as init_local_hosts, m as init_preview$7 } from "./runtime-BgPhfM5P.js";
+import { c as useMemo, d as ImplicitActionsDuringRendering, f as InvalidChannelPageError, l as addons$1, p as init_preview_errors, r as init_preview_api$1, s as useEffect } from "./runtime-BhSZ1Mwt.js";
+import { o as init_preview$8, s as preview_default$8 } from "./runtime-BZ4pNS3g.js";
+import { h as processError, m as init_error } from "./runtime-BUnOhg9h.js";
+import { n as preview_default$9, o as onMockCall, r as init_test, t as init_preview$9 } from "./runtime-CkOhMcXf.js";
 //#region src/manager-errors.ts
 var UniversalStoreFollowerTimeoutError, OpenServiceStaticSnapshotLoadError, OpenServiceStaticSnapshotInvalidError;
 function init_manager_errors() {
@@ -164,8 +163,8 @@ var client_logger_exports = /* @__PURE__ */ __exportAll({
 var LOGLEVEL, levels, currentLogLevelNumber, logger, logged, once, deprecate, pretty;
 function init_client_logger() {
 	return (init_client_logger = __esmMin((() => {
-		init_dist$1();
-		({LOGLEVEL} = scope);
+		init_global();
+		({LOGLEVEL} = global);
 		levels = {
 			trace: 1,
 			debug: 2,
@@ -243,6 +242,7 @@ var core_events_exports = /* @__PURE__ */ __exportAll({
 	CHANNEL_WS_DISCONNECT: () => CHANNEL_WS_DISCONNECT,
 	CONFIG_ERROR: () => CONFIG_ERROR,
 	CURRENT_STORY_WAS_SET: () => CURRENT_STORY_WAS_SET,
+	DOCS_PAGE_IN_VIEW: () => DOCS_PAGE_IN_VIEW,
 	DOCS_PREPARED: () => DOCS_PREPARED,
 	DOCS_RENDERED: () => DOCS_RENDERED,
 	FORCE_REMOUNT: () => FORCE_REMOUNT,
@@ -300,7 +300,7 @@ var core_events_exports = /* @__PURE__ */ __exportAll({
 	UPDATE_STORY_ARGS: () => UPDATE_STORY_ARGS,
 	default: () => events
 });
-var events, CHANNEL_WS_DISCONNECT, CHANNEL_CREATED, CONFIG_ERROR, CURRENT_STORY_WAS_SET, DOCS_PREPARED, DOCS_RENDERED, FORCE_RE_RENDER, FORCE_REMOUNT, GLOBALS_UPDATED, NAVIGATE_URL, PLAY_FUNCTION_THREW_EXCEPTION, UNHANDLED_ERRORS_WHILE_PLAYING, PRELOAD_ENTRIES, PREVIEW_INITIALIZED, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, RESET_STORY_ARGS, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDER_PHASE_CHANGED, STORY_RENDERED, STORY_FINISHED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, STORY_HOT_UPDATED, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, REQUEST_WHATS_NEW_DATA, RESULT_WHATS_NEW_DATA, SET_WHATS_NEW_CACHE, TOGGLE_WHATS_NEW_NOTIFICATIONS, TELEMETRY_ERROR, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, GHOST_STORIES_REQUEST, GHOST_STORIES_RESPONSE, AI_SETUP_ANALYTICS_RESPONSE, AI_SETUP_ANALYTICS_REQUEST, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, MANAGER_INERT_ATTRIBUTE_CHANGED, SHARE_ISOLATE_MODE, AI_PROMPT_NUDGE, SIDEBAR_FILTER_CHANGED;
+var events, CHANNEL_WS_DISCONNECT, CHANNEL_CREATED, CONFIG_ERROR, CURRENT_STORY_WAS_SET, DOCS_PREPARED, DOCS_RENDERED, DOCS_PAGE_IN_VIEW, FORCE_RE_RENDER, FORCE_REMOUNT, GLOBALS_UPDATED, NAVIGATE_URL, PLAY_FUNCTION_THREW_EXCEPTION, UNHANDLED_ERRORS_WHILE_PLAYING, PRELOAD_ENTRIES, PREVIEW_INITIALIZED, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, RESET_STORY_ARGS, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDER_PHASE_CHANGED, STORY_RENDERED, STORY_FINISHED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, STORY_HOT_UPDATED, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, REQUEST_WHATS_NEW_DATA, RESULT_WHATS_NEW_DATA, SET_WHATS_NEW_CACHE, TOGGLE_WHATS_NEW_NOTIFICATIONS, TELEMETRY_ERROR, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, GHOST_STORIES_REQUEST, GHOST_STORIES_RESPONSE, AI_SETUP_ANALYTICS_RESPONSE, AI_SETUP_ANALYTICS_REQUEST, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, MANAGER_INERT_ATTRIBUTE_CHANGED, SHARE_ISOLATE_MODE, AI_PROMPT_NUDGE, SIDEBAR_FILTER_CHANGED;
 function init_core_events() {
 	return (init_core_events = __esmMin((() => {
 		events = /* @__PURE__ */ function(events) {
@@ -345,6 +345,7 @@ function init_core_events() {
 			events["STORIES_COLLAPSE_ALL"] = "storiesCollapseAll";
 			events["STORIES_EXPAND_ALL"] = "storiesExpandAll";
 			events["DOCS_RENDERED"] = "docsRendered";
+			events["DOCS_PAGE_IN_VIEW"] = "docsPageInView";
 			events["SHARED_STATE_CHANGED"] = "sharedStateChanged";
 			events["SHARED_STATE_SET"] = "sharedStateSet";
 			events["NAVIGATE_URL"] = "navigateUrl";
@@ -370,7 +371,7 @@ function init_core_events() {
 			events["SIDEBAR_FILTER_CHANGED"] = "sidebarFilterChanged";
 			return events;
 		}(events || {});
-		({CHANNEL_WS_DISCONNECT, CHANNEL_CREATED, CONFIG_ERROR, CURRENT_STORY_WAS_SET, DOCS_PREPARED, DOCS_RENDERED, FORCE_RE_RENDER, FORCE_REMOUNT, GLOBALS_UPDATED, NAVIGATE_URL, PLAY_FUNCTION_THREW_EXCEPTION, UNHANDLED_ERRORS_WHILE_PLAYING, PRELOAD_ENTRIES, PREVIEW_INITIALIZED, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, RESET_STORY_ARGS, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDER_PHASE_CHANGED, STORY_RENDERED, STORY_FINISHED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, STORY_HOT_UPDATED, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, REQUEST_WHATS_NEW_DATA, RESULT_WHATS_NEW_DATA, SET_WHATS_NEW_CACHE, TOGGLE_WHATS_NEW_NOTIFICATIONS, TELEMETRY_ERROR, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, GHOST_STORIES_REQUEST, GHOST_STORIES_RESPONSE, AI_SETUP_ANALYTICS_RESPONSE, AI_SETUP_ANALYTICS_REQUEST, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, MANAGER_INERT_ATTRIBUTE_CHANGED, SHARE_ISOLATE_MODE, AI_PROMPT_NUDGE, SIDEBAR_FILTER_CHANGED} = events);
+		({CHANNEL_WS_DISCONNECT, CHANNEL_CREATED, CONFIG_ERROR, CURRENT_STORY_WAS_SET, DOCS_PREPARED, DOCS_RENDERED, DOCS_PAGE_IN_VIEW, FORCE_RE_RENDER, FORCE_REMOUNT, GLOBALS_UPDATED, NAVIGATE_URL, PLAY_FUNCTION_THREW_EXCEPTION, UNHANDLED_ERRORS_WHILE_PLAYING, PRELOAD_ENTRIES, PREVIEW_INITIALIZED, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, RESET_STORY_ARGS, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDER_PHASE_CHANGED, STORY_RENDERED, STORY_FINISHED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, STORY_HOT_UPDATED, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, REQUEST_WHATS_NEW_DATA, RESULT_WHATS_NEW_DATA, SET_WHATS_NEW_CACHE, TOGGLE_WHATS_NEW_NOTIFICATIONS, TELEMETRY_ERROR, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, GHOST_STORIES_REQUEST, GHOST_STORIES_RESPONSE, AI_SETUP_ANALYTICS_RESPONSE, AI_SETUP_ANALYTICS_REQUEST, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, MANAGER_INERT_ATTRIBUTE_CHANGED, SHARE_ISOLATE_MODE, AI_PROMPT_NUDGE, SIDEBAR_FILTER_CHANGED} = events);
 	})))();
 }
 //#endregion
@@ -616,8 +617,8 @@ function init_postmessage() {
 					const { data } = rawEvent;
 					const { key, event, refId } = typeof data === "string" && isJSON(data) ? parse(data, CHANNEL_OPTIONS$1) : data;
 					if (key === "storybook-channel") {
-						const pageString = this.config.page === "manager" ? `<span style="color: #37D5D3; background: black"> manager </span>` : `<span style="color: #1EA7FD; background: black"> preview </span>`;
-						const eventString = Object.values(core_events_exports).includes(event.type) ? `<span style="color: #FF4785">${event.type}</span>` : `<span style="color: #FFAE00">${event.type}</span>`;
+						const pageString = this.config.page === "manager" ? `<span style="color: #37D5D3; background: black"> manager </span>` : `<span style="color: #007AFF; background: black"> preview </span>`;
+						const eventString = Object.values(core_events_exports).includes(event.type) ? `<span style="color: #007AFF">${event.type}</span>` : `<span style="color: #FFAE00">${event.type}</span>`;
 						if (refId) event.refId = refId;
 						event.source = this.config.page === "preview" ? rawEvent.origin : getEventSourceUrl(rawEvent, refId);
 						if (!event.source) {
@@ -713,7 +714,7 @@ function init_websocket() {
 //#endregion
 //#region src/channels/channel-slot.ts
 function syncGlobalSlot(next) {
-	globalThis.__STORYBOOK_ADDONS_CHANNEL__ = next;
+	globalThis.__FORKBOOK_ADDONS_CHANNEL__ = next;
 }
 /**
 * Returns the installed addons channel, or `null` before one exists.
@@ -723,7 +724,7 @@ function syncGlobalSlot(next) {
 * `setChannel` from whichever copy installed the live websocket channel.
 */
 function getChannel() {
-	const fromGlobal = globalThis.__STORYBOOK_ADDONS_CHANNEL__;
+	const fromGlobal = globalThis.__FORKBOOK_ADDONS_CHANNEL__;
 	if (fromGlobal) channel = fromGlobal;
 	return channel ?? null;
 }
@@ -832,7 +833,7 @@ function init_constants() {
 		PANEL_ID = `${ADDON_ID$2}/panel`;
 		EVENT_ID = `${ADDON_ID$2}/action-event`;
 		CLEAR_ID = `${ADDON_ID$2}/action-clear`;
-		CYCLIC_KEY = "$___storybook.isCyclic";
+		CYCLIC_KEY = "$___forkbook.isCyclic";
 	})))();
 }
 //#endregion
@@ -897,10 +898,10 @@ function init_csf_utils() {
 }
 //#endregion
 //#region src/csf/includeConditionalArg.ts
-var import_tiny_isequal, count, testValue, includeConditionalArg;
+var count, testValue, includeConditionalArg;
 function init_includeConditionalArg() {
 	return (init_includeConditionalArg = __esmMin((() => {
-		import_tiny_isequal = require_tiny_isequal();
+		init_isEqual();
 		count = (vals) => vals.map((v) => typeof v !== "undefined").filter(Boolean).length;
 		testValue = (cond, value) => {
 			const { exists, eq, neq, truthy } = cond;
@@ -914,8 +915,8 @@ function init_includeConditionalArg() {
 				eq,
 				neq
 			})}`);
-			if (typeof eq !== "undefined") return (0, import_tiny_isequal.isEqual)(value, eq);
-			if (typeof neq !== "undefined") return !(0, import_tiny_isequal.isEqual)(value, neq);
+			if (typeof eq !== "undefined") return isEqual(value, eq);
+			if (typeof neq !== "undefined") return !isEqual(value, neq);
 			if (typeof exists !== "undefined") {
 				const valueExists = typeof value !== "undefined";
 				return exists ? valueExists : !valueExists;
@@ -994,7 +995,7 @@ function init_EVENTS() {
 var addons;
 function init_preview_api() {
 	return (init_preview_api = __esmMin((() => {
-		addons = globalThis.__STORYBOOK_ADDONS_PREVIEW;
+		addons = globalThis.__FORKBOOK_ADDONS_PREVIEW;
 	})))();
 }
 //#endregion
@@ -1009,11 +1010,11 @@ function instrument(obj, options = {}) {
 	try {
 		let forceInstrument = false;
 		let skipInstrument = false;
-		if (scope.window?.location?.search?.includes("instrument=true")) forceInstrument = true;
-		else if (scope.window?.location?.search?.includes("instrument=false")) skipInstrument = true;
-		if (scope.window?.parent === scope.window && !forceInstrument || skipInstrument) return obj;
-		if (scope.window && !scope.window.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER__) scope.window.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER__ = new Instrumenter();
-		return (scope.window?.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER__).instrument(obj, options);
+		if (global.window?.location?.search?.includes("instrument=true")) forceInstrument = true;
+		else if (global.window?.location?.search?.includes("instrument=false")) skipInstrument = true;
+		if (global.window?.parent === global.window && !forceInstrument || skipInstrument) return obj;
+		if (global.window && !global.window.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER__) global.window.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER__ = new Instrumenter();
+		return (global.window?.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER__).instrument(obj, options);
 	} catch (e) {
 		once.warn(e);
 		return obj;
@@ -1038,7 +1039,7 @@ function init_instrumenter() {
 	return (init_instrumenter = __esmMin((() => {
 		init_client_logger();
 		init_core_events();
-		init_dist$1();
+		init_global();
 		init_error();
 		init_EVENTS();
 		init_preview_api();
@@ -1091,14 +1092,14 @@ function init_instrumenter() {
 				this.state = {};
 				this.loadParentWindowState = () => {
 					try {
-						this.state = scope.window?.parent?.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ || {};
+						this.state = global.window?.parent?.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ || {};
 					} catch {
 						this.detached = true;
 					}
 				};
 				this.updateParentWindowState = () => {
 					try {
-						scope.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ = this.state;
+						global.window.parent.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ = this.state;
 					} catch {
 						this.detached = true;
 					}
@@ -1335,7 +1336,7 @@ function init_instrumenter() {
 				}, mutate ? obj : construct(obj));
 			}
 			track(method, fn, object, args, options) {
-				const storyId = args?.[0]?.__storyId__ || scope.__STORYBOOK_PREVIEW__?.selectionStore?.selection?.storyId;
+				const storyId = args?.[0]?.__storyId__ || global.__FORKBOOK_PREVIEW__?.selectionStore?.selection?.storyId;
 				const { cursor, ancestors } = this.getState(storyId);
 				this.setState(storyId, { cursor: cursor + 1 });
 				const id = `${ancestors.slice(-1)[0] || storyId} [${cursor}] ${method}`;
@@ -1410,7 +1411,7 @@ function init_instrumenter() {
 							source
 						} };
 					}
-					if (value instanceof scope.window?.HTMLElement) {
+					if (value instanceof global.window?.HTMLElement) {
 						const { prefix, localName, id, classList, innerText } = value;
 						return { __element__: {
 							prefix,
@@ -1715,8 +1716,8 @@ function init_decorator() {
 			const value = typeof item === "string" ? item : item?.value || "transparent";
 			const showGrid = typeof data === "string" ? false : data.grid || false;
 			const shownBackground = !!item && !disable;
-			const backgroundSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".sb-show-main";
-			const gridSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".sb-show-main";
+			const backgroundSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".fb-show-main";
+			const gridSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".fb-show-main";
 			const isLayoutPadded = parameters.layout === void 0 || parameters.layout === "padded";
 			const defaultOffset = viewMode === "docs" ? 20 : isLayoutPadded ? 16 : 0;
 			const { cellAmount, cellSize, opacity, offsetX = defaultOffset, offsetY = defaultOffset } = grid;
@@ -1920,7 +1921,7 @@ function init_utils$1() {
 			const { menu, ...rest } = options;
 			return {
 				priority: 0,
-				styles: { outline: "2px dashed #029cfd" },
+				styles: { outline: "2px dashed #007aff" },
 				...rest,
 				menu: Array.isArray(menu) ? menu.every(Array.isArray) ? menu : [menu] : void 0
 			};
@@ -1973,7 +1974,7 @@ function init_utils$1() {
 			for (const highlight of highlights) {
 				const { priority = 0 } = highlight;
 				for (const selector of highlight.selectors) {
-					const elements = [...document.querySelectorAll(`:is(${selector}):not([id^="storybook-"], [id^="storybook-"] *, [class^="sb-"], [class^="sb-"] *)`), ...root?.querySelectorAll(selector) || []];
+					const elements = [...document.querySelectorAll(`:is(${selector}):not([id^="storybook-"], [id^="storybook-"] *, [class^="fb-"], [class^="fb-"] *)`), ...root?.querySelectorAll(selector) || []];
 					for (const element of elements) {
 						const existing = map.get(element);
 						if (!existing || existing.priority <= priority) map.set(element, {
@@ -2070,8 +2071,8 @@ function init_useHighlights() {
 		rootId = "storybook-highlights-root";
 		storybookRootId = "storybook-root";
 		useHighlights = (channel) => {
-			if (globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED) return;
-			globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED = true;
+			if (globalThis.__FORKBOOK_HIGHLIGHT_INITIALIZED) return;
+			globalThis.__FORKBOOK_HIGHLIGHT_INITIALIZED = true;
 			const { document } = globalThis;
 			const highlights = useStore([]);
 			const elements = useStore(/* @__PURE__ */ new Map());
@@ -2305,7 +2306,7 @@ function init_useHighlights() {
               padding: 0px;
               margin: 15px 0 0 0;
               transform: translateX(-50%);
-              font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
+              font-family: "Inter Variable", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
               font-size: 12px;
               background: white;
               border: none;
@@ -2345,11 +2346,11 @@ function init_useHighlights() {
               font-size: inherit;
             }
             #${menuId} button:focus-visible {
-              outline-color: #029CFD;
+              outline-color: #007AFF;
             }
             #${menuId} button:hover {
-              background: rgba(2, 156, 253, 0.07);
-              color: #029CFD;
+              background: rgba(0, 122, 255, 0.07);
+              color: #007AFF;
               cursor: pointer;
             }
             #${menuId} li code {
@@ -2365,7 +2366,7 @@ function init_useHighlights() {
               color: #73828C;
             }
             #${menuId} li > button:hover svg, #${menuId} li > button:focus-visible svg {
-              color: #029CFD;
+              color: #007AFF;
             }
             #${menuId} .element-list li svg {
               display: none;
@@ -2498,17 +2499,17 @@ function init_useHighlights() {
 					priority: 1e3,
 					selectors: [target],
 					styles: {
-						outline: "2px solid #1EA7FD",
+						outline: "2px solid #007AFF",
 						outlineOffset: "-1px",
 						animation: `${keyframeName} 3s linear forwards`
 					},
 					keyframes: `@keyframes ${keyframeName} {
-          0% { outline: 2px solid #1EA7FD; }
-          20% { outline: 2px solid #1EA7FD00; }
-          40% { outline: 2px solid #1EA7FD; }
-          60% { outline: 2px solid #1EA7FD00; }
-          80% { outline: 2px solid #1EA7FD; }
-          100% { outline: 2px solid #1EA7FD00; }
+          0% { outline: 2px solid #007AFF; }
+          20% { outline: 2px solid #007AFF00; }
+          40% { outline: 2px solid #007AFF; }
+          60% { outline: 2px solid #007AFF00; }
+          80% { outline: 2px solid #007AFF; }
+          100% { outline: 2px solid #007AFF00; }
         }`
 				}]);
 				removeTimeout = setTimeout(() => removeHighlight(id), 3500);
@@ -2552,7 +2553,7 @@ function init_constants$3() {
 //#endregion
 //#region src/measure/box-model/canvas.ts
 function getDocumentWidthAndHeight() {
-	const container = scope.document.documentElement;
+	const container = global.document.documentElement;
 	const height = Math.max(container.scrollHeight, container.offsetHeight);
 	return {
 		width: Math.max(container.scrollWidth, container.offsetWidth),
@@ -2560,7 +2561,7 @@ function getDocumentWidthAndHeight() {
 	};
 }
 function createCanvas() {
-	const canvas = scope.document.createElement("canvas");
+	const canvas = global.document.createElement("canvas");
 	canvas.id = "storybook-addon-measure";
 	const context = canvas.getContext("2d");
 	invariant(context != null);
@@ -2574,7 +2575,7 @@ function createCanvas() {
 	canvas.style.top = "0";
 	canvas.style.zIndex = "2147483647";
 	canvas.style.pointerEvents = "none";
-	scope.document.body.appendChild(canvas);
+	global.document.body.appendChild(canvas);
 	return {
 		canvas,
 		context,
@@ -2585,7 +2586,7 @@ function createCanvas() {
 function setCanvasWidthAndHeight(canvas, context, { width, height }) {
 	canvas.style.width = `${width}px`;
 	canvas.style.height = `${height}px`;
-	const scale = scope.window.devicePixelRatio;
+	const scale = global.window.devicePixelRatio;
 	canvas.width = Math.floor(width * scale);
 	canvas.height = Math.floor(height * scale);
 	context.scale(scale, scale);
@@ -2625,7 +2626,7 @@ function destroy() {
 var state;
 function init_canvas() {
 	return (init_canvas = __esmMin((() => {
-		init_dist$1();
+		init_global();
 		init_tiny_invariant();
 		state = {};
 	})))();
@@ -2846,10 +2847,10 @@ function filterZeroValues(labels) {
 }
 function floatingAlignment(extremities) {
 	const windowExtremities = {
-		top: scope.window.scrollY,
-		bottom: scope.window.scrollY + scope.window.innerHeight,
-		left: scope.window.scrollX,
-		right: scope.window.scrollX + scope.window.innerWidth
+		top: global.window.scrollY,
+		bottom: global.window.scrollY + global.window.innerHeight,
+		left: global.window.scrollX,
+		right: global.window.scrollX + global.window.innerWidth
 	};
 	const distances = {
 		top: Math.abs(windowExtremities.top - extremities.top),
@@ -2863,13 +2864,13 @@ function floatingAlignment(extremities) {
 	};
 }
 function measureElement(element) {
-	const style = scope.getComputedStyle(element);
+	const style = global.getComputedStyle(element);
 	let { top, left, right, bottom, width, height } = element.getBoundingClientRect();
 	const { marginTop, marginBottom, marginLeft, marginRight, paddingTop, paddingBottom, paddingLeft, paddingRight, borderBottomWidth, borderTopWidth, borderLeftWidth, borderRightWidth } = style;
-	top = top + scope.window.scrollY;
-	left = left + scope.window.scrollX;
-	bottom = bottom + scope.window.scrollY;
-	right = right + scope.window.scrollX;
+	top = top + global.window.scrollY;
+	left = left + global.window.scrollX;
+	bottom = bottom + global.window.scrollY;
+	right = right + global.window.scrollX;
 	const margin = {
 		top: pxToNumber(marginTop),
 		bottom: pxToNumber(marginBottom),
@@ -3034,7 +3035,7 @@ function drawSelectedElement(element) {
 var colors, SMALL_NODE_SIZE;
 function init_visualizer() {
 	return (init_visualizer = __esmMin((() => {
-		init_dist$1();
+		init_global();
 		init_canvas();
 		init_labels();
 		colors = {
@@ -3051,9 +3052,9 @@ function init_visualizer() {
 var deepElementFromPoint;
 function init_util() {
 	return (init_util = __esmMin((() => {
-		init_dist$1();
+		init_global();
 		deepElementFromPoint = (x, y) => {
-			const element = scope.document.elementFromPoint(x, y);
+			const element = global.document.elementFromPoint(x, y);
 			const crawlShadows = (node) => {
 				if (node && node.shadowRoot) {
 					const nestedElement = node.shadowRoot.elementFromPoint(x, y);
@@ -3156,24 +3157,24 @@ function init_constants$4() {
 var clearStyles, clearStyle, addOutlineStyles;
 function init_helpers() {
 	return (init_helpers = __esmMin((() => {
-		init_dist$1();
+		init_global();
 		clearStyles = (selector) => {
 			(Array.isArray(selector) ? selector : [selector]).forEach(clearStyle);
 		};
 		clearStyle = (input) => {
 			const selector = typeof input === "string" ? input : input.join("");
-			const element = scope.document.getElementById(selector);
+			const element = global.document.getElementById(selector);
 			if (element && element.parentElement) element.parentElement.removeChild(element);
 		};
 		addOutlineStyles = (selector, css) => {
-			const existingStyle = scope.document.getElementById(selector);
+			const existingStyle = global.document.getElementById(selector);
 			if (existingStyle) {
 				if (existingStyle.innerHTML !== css) existingStyle.innerHTML = css;
 			} else {
-				const style = scope.document.createElement("style");
+				const style = global.document.createElement("style");
 				style.setAttribute("id", selector);
 				style.innerHTML = css;
-				scope.document.head.appendChild(style);
+				global.document.head.appendChild(style);
 			}
 		};
 	})))();
@@ -3597,7 +3598,7 @@ function init_withOutline() {
 			const isActive = !context.parameters?.["outline"]?.disable && [true, "true"].includes(globals["outline"]);
 			const isInDocs = context.viewMode === "docs";
 			const outlineStyles = useMemo(() => {
-				return outlineCSS(isInDocs ? `[data-story-block="true"]` : ".sb-show-main");
+				return outlineCSS(isInDocs ? `[data-story-block="true"]` : ".fb-show-main");
 			}, [context]);
 			useEffect(() => {
 				const selectorId = isInDocs ? `addon-outline-docs-${context.id}` : `addon-outline`;
@@ -3752,7 +3753,7 @@ function action(name, options = {}) {
 	};
 	const handler = function actionHandler(...args) {
 		if (options.implicit) {
-			const storyRenderer = ("__STORYBOOK_PREVIEW__" in scope ? scope.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find((render) => render.phase === "playing" || render.phase === "rendering");
+			const storyRenderer = ("__FORKBOOK_PREVIEW__" in global ? global.__FORKBOOK_PREVIEW__ : void 0)?.storyRenders.find((render) => render.phase === "playing" || render.phase === "rendering");
 			if (storyRenderer) {
 				const deprecated = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8;
 				const error = new ImplicitActionsDuringRendering({
@@ -3790,7 +3791,7 @@ var findProto, isReactSyntheticEvent, serializeArg;
 function init_action() {
 	return (init_action = __esmMin((() => {
 		init_preview_errors();
-		init_dist$1();
+		init_global();
 		init_preview_api$1();
 		init_constants();
 		init_configureActions();
@@ -3869,4 +3870,4 @@ function init_actions$1() {
 	})))();
 }
 //#endregion
-export { RESET_STORY_ARGS as $, channels_exports as A, init_manager_errors as At, CONFIG_ERROR as B, toId as C, deprecate as Ct, storyNameFromExport as D, OpenServiceStaticSnapshotInvalidError as Dt, isExportStory as E, once as Et, init_channel_slot as F, FORCE_RE_RENDER as G, DOCS_PREPARED as H, installNoopChannel as I, NAVIGATE_URL as J, GLOBALS_UPDATED as K, setChannel as L, clearChannel as M, ensureChannel as N, init_mock_channel as O, OpenServiceStaticSnapshotLoadError as Ot, getChannel as P, PREVIEW_KEYDOWN as Q, ARGTYPES_INFO_REQUEST as R, sanitize as S, client_logger_exports as St, init_export_story as T, logger as Tt, DOCS_RENDERED as U, CURRENT_STORY_WAS_SET as V, FORCE_REMOUNT as W, PRELOAD_ENTRIES as X, PLAY_FUNCTION_THREW_EXCEPTION as Y, PREVIEW_INITIALIZED as Z, instrument as _, UPDATE_GLOBALS as _t, init_csf_factories as a, STORY_FINISHED as at, combineTags as b, core_events_exports as bt, getCoreAnnotations as c, STORY_MISSING as ct, markAsComposedWithCoreAnnotations as d, STORY_RENDER_PHASE_CHANGED as dt, SET_CURRENT_STORY as et, init_storyDocsCodePanel as f, STORY_SPECIFIED as ft, init_instrumenter as g, UNHANDLED_ERRORS_WHILE_PLAYING as gt, init_shared as h, TELEMETRY_ERROR as ht, getStoryChildren as i, STORY_ERRORED as it, init_channels as j, mockChannel as k, UniversalStoreFollowerTimeoutError as kt, hasCoreAnnotations as l, STORY_PREPARED as lt, SNIPPET_RENDERED as m, STORY_UNCHANGED as mt, init_actions$1 as n, STORY_ARGS_UPDATED as nt, isMeta as o, STORY_HOT_UPDATED as ot, shouldSkipStoryDocsEmit as p, STORY_THREW_EXCEPTION as pt, MANAGER_INERT_ATTRIBUTE_CHANGED as q, definePreviewAddon as r, STORY_CHANGED as rt, isStory as s, STORY_INDEX_INVALIDATED as st, actions_exports as t, SET_GLOBALS as tt, init_core_annotations as u, STORY_RENDERED as ut, includeConditionalArg as v, UPDATE_QUERY_PARAMS as vt, toTestId as w, init_client_logger as wt, init_csf_utils as x, init_core_events as xt, init_includeConditionalArg as y, UPDATE_STORY_ARGS as yt, ARGTYPES_INFO_RESPONSE as z };
+export { PREVIEW_KEYDOWN as $, channels_exports as A, UniversalStoreFollowerTimeoutError as At, CONFIG_ERROR as B, toId as C, client_logger_exports as Ct, storyNameFromExport as D, once as Dt, isExportStory as E, logger as Et, init_channel_slot as F, FORCE_REMOUNT as G, DOCS_PAGE_IN_VIEW as H, installNoopChannel as I, MANAGER_INERT_ATTRIBUTE_CHANGED as J, FORCE_RE_RENDER as K, setChannel as L, clearChannel as M, ensureChannel as N, init_mock_channel as O, OpenServiceStaticSnapshotInvalidError as Ot, getChannel as P, PREVIEW_INITIALIZED as Q, ARGTYPES_INFO_REQUEST as R, sanitize as S, init_core_events as St, init_export_story as T, init_client_logger as Tt, DOCS_PREPARED as U, CURRENT_STORY_WAS_SET as V, DOCS_RENDERED as W, PLAY_FUNCTION_THREW_EXCEPTION as X, NAVIGATE_URL as Y, PRELOAD_ENTRIES as Z, instrument as _, UNHANDLED_ERRORS_WHILE_PLAYING as _t, init_csf_factories as a, STORY_ERRORED as at, combineTags as b, UPDATE_STORY_ARGS as bt, getCoreAnnotations as c, STORY_INDEX_INVALIDATED as ct, markAsComposedWithCoreAnnotations as d, STORY_RENDERED as dt, RESET_STORY_ARGS as et, init_storyDocsCodePanel as f, STORY_RENDER_PHASE_CHANGED as ft, init_instrumenter as g, TELEMETRY_ERROR as gt, init_shared as h, STORY_UNCHANGED as ht, getStoryChildren as i, STORY_CHANGED as it, init_channels as j, init_manager_errors as jt, mockChannel as k, OpenServiceStaticSnapshotLoadError as kt, hasCoreAnnotations as l, STORY_MISSING as lt, SNIPPET_RENDERED as m, STORY_THREW_EXCEPTION as mt, init_actions$1 as n, SET_GLOBALS as nt, isMeta as o, STORY_FINISHED as ot, shouldSkipStoryDocsEmit as p, STORY_SPECIFIED as pt, GLOBALS_UPDATED as q, definePreviewAddon as r, STORY_ARGS_UPDATED as rt, isStory as s, STORY_HOT_UPDATED as st, actions_exports as t, SET_CURRENT_STORY as tt, init_core_annotations as u, STORY_PREPARED as ut, includeConditionalArg as v, UPDATE_GLOBALS as vt, toTestId as w, deprecate as wt, init_csf_utils as x, core_events_exports as xt, init_includeConditionalArg as y, UPDATE_QUERY_PARAMS as yt, ARGTYPES_INFO_RESPONSE as z };