@superblocksteam/library 2.0.118-next.0 → 2.0.118-next.1

package/dist/lib/index.js

@@ -1,6 +1,6 @@
-import { n as initTracerProviderWithOrigin } from "../utils-BfE8-Afc.js";
-import { n as consoleLogAttributes, t as LibraryEarlyConsoleBuffer } from "../early-console-buffer-BJWsc4E3.js";
-import { A as useSuperblocksProfiles, B as isEditMode, C as rejectById, D as useSuperblocksContext, E as getAppMode, F as colors$1, G as createPropertiesPanelDefinition, H as Prop, I as editorBridge, K as getEditStore, L as iframeMessageHandler, M as embedStore, N as generateId, O as useSuperblocksDataTags, P as sendNotification, R as isEmbeddedBySuperblocksFirstParty, S as addNewPromise, T as SuperblocksContextProvider, U as PropsCategory, V as createManagedPropsList, W as Section, _ as root_store_default, a as FixWithClarkButton, b as getContextFromTraceHeaders, c as ErrorContent, d as ErrorMessage$1, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, j as useSuperblocksUser, k as useSuperblocksGroups, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer, v as startEditorSync, w as resolveById, x as tracker, y as createIframeSpan, z as sendMessageImmediately } from "../jsx-wrapper-BaTggkUU.js";
+import { n as consoleLogAttributes, t as early_console_buffer_default } from "../early-console-buffer-D4wVuyBf.js";
+import { A as useSuperblocksProfiles, B as isEditMode, C as rejectById, D as useSuperblocksContext, E as getAppMode, F as colors$1, G as createPropertiesPanelDefinition, H as Prop, I as editorBridge, K as getEditStore, L as iframeMessageHandler, M as embedStore, N as generateId, O as useSuperblocksDataTags, P as sendNotification, R as isEmbeddedBySuperblocksFirstParty, S as addNewPromise, T as SuperblocksContextProvider, U as PropsCategory, V as createManagedPropsList, W as Section, _ as root_store_default, a as FixWithClarkButton, b as getContextFromTraceHeaders, c as ErrorContent, d as ErrorMessage$1, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, j as useSuperblocksUser, k as useSuperblocksGroups, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer, v as startEditorSync, w as resolveById, x as api_hmr_tracker_default, y as createIframeSpan, z as sendMessageImmediately } from "../jsx-wrapper-BLrvyiEf.js";
+import { n as initTracerProviderWithOrigin } from "../utils-BGEEeYie.js";
 import { action, autorun, computed, makeAutoObservable, makeObservable, observable, reaction, when } from "mobx";
 import { UNSAFE_DataRouterContext, generatePath, useLocation, useNavigate, useParams, useRouteError } from "react-router";
 import { Dim, NATIVE_COMPONENT_TYPES, NO_SELECT_ATTRIBUTE, Property, Property as Property$1, SELECTOR_ID_ATTRIBUTE, SOURCE_ID_ATTRIBUTE, URL_PARAMS, generateSourceId, getBindingIdentifier } from "@superblocksteam/library-shared";
@@ -24,8 +24,9 @@ import posthog from "posthog-js";
 import { Graph } from "@dagrejs/graphlib";
 import { useHotkeys } from "react-hotkeys-hook";
 import ReactDOM from "react-dom";
-import equal from "@superblocksteam/fast-deep-equal/es6/index.js";
+import equal from "@superblocksteam/fast-deep-equal/es6";
 import { compile, middleware, prefixer, serialize, stringify } from "stylis";
+
 //#region src/lib/internal-details/sb-wrapper.tsx
 /**
 * Register a component to be used with the framework.
@@ -35,15 +36,15 @@ import { compile, middleware, prefixer, serialize, stringify } from "stylis";
 *
 * @returns A chainable object that provides methods for editor integration (addEditorTemplate and editorConfig).
 */
-const registerComponentInternal = (Component, propertiesDefinition) => {
-	const type = typeof Component === "string" ? Component : Component.displayName || Component.name;
-	if (!type) throw new Error(`Component must have a name or displayName property, or be a string. Received: ${Component}`);
-	const managedProps = createManagedPropsList(propertiesDefinition);
+const registerComponentInternal = (Component$1, propertiesDefinition$1) => {
+	const type = typeof Component$1 === "string" ? Component$1 : Component$1.displayName || Component$1.name;
+	if (!type) throw new Error(`Component must have a name or displayName property, or be a string. Received: ${Component$1}`);
+	const managedProps = createManagedPropsList(propertiesDefinition$1);
 	const isDroppable = !!managedProps.find((p) => p.path === "children" && p.dataType === "jsx");
 	root_store_default.onEditorRegistered(() => {
-		getEditStore().propertiesPanelManager.setPropertiesDefinition(type, propertiesDefinition);
+		getEditStore().propertiesPanelManager.setPropertiesDefinition(type, propertiesDefinition$1);
 	});
-	root_store_default.componentRegistry.addComponent(type, Component, propertiesDefinition);
+	root_store_default.componentRegistry.addComponent(type, Component$1, propertiesDefinition$1);
 	root_store_default.componentRegistry.addManagedProps(type, managedProps ?? []);
 	const defaultEditorConfig = {};
 	if (isDroppable) {
@@ -72,6 +73,7 @@ const registerComponentInternal = (Component, propertiesDefinition) => {
 	};
 	return chainableComponent;
 };
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/inline-styles-category.ts
 /**
@@ -99,6 +101,7 @@ const inlineStylesCategory = (options = {}) => {
 	};
 	return Section.category(PropsCategory.Styles).children({ style: styleProp }).propertiesPanel({ showHeader: false });
 };
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/convert-rem-to-pixels.ts
 let cachedRootFontSize = void 0;
@@ -135,6 +138,7 @@ function convertRemToPixels(value) {
 	const pixelValue = parseFloat(remMatch[1]) * getRootFontSize();
 	return `${Math.abs(pixelValue - Math.round(pixelValue)) < 1e-4 ? Math.round(pixelValue) : pixelValue}px`;
 }
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/extract-variables.ts
 async function extractCSSVariablesFromContent(cssContent) {
@@ -206,6 +210,7 @@ async function initializeCSSVariables() {
 	});
 	return globalThis.__CSS_VARIABLES_PROMISE__;
 }
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/style-tokens-size.ts
 let cachedSizePresets = null;
@@ -353,6 +358,7 @@ function getSizePresets() {
 	};
 	return cachedSizePresets;
 }
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/style-tokens-border.ts
 let cachedBorderPresets = null;
@@ -440,6 +446,7 @@ function getBorderPresets() {
 	};
 	return cachedBorderPresets;
 }
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/style-tokens-color.ts
 let cachedColorPresets = null;
@@ -505,6 +512,7 @@ function getColorPresets() {
 	cachedColorPresets = uniquePresets;
 	return uniquePresets;
 }
+
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/styles-category.ts
 /**
@@ -535,16 +543,17 @@ const tailwindStylesCategory = (props) => {
 		prioritizedTailwindProperties
 	}) });
 };
+
 //#endregion
 //#region src/lib/user-facing/components/custom/register-custom-component.tsx
 const defaultSectionsTemplate = () => ({
 	appearance: tailwindStylesCategory(),
 	styles: inlineStylesCategory()
 });
-function convertToSections(propertiesDefinition) {
+function convertToSections(propertiesDefinition$1) {
 	return {
-		content: Section.category(PropsCategory.Content).children(Object.fromEntries(Object.entries(propertiesDefinition).filter(([, prop]) => prop.type !== "eventHandler"))),
-		events: Section.category(PropsCategory.EventHandlers).children(Object.fromEntries(Object.entries(propertiesDefinition).filter(([, prop]) => prop.type === "eventHandler")))
+		content: Section.category(PropsCategory.Content).children(Object.fromEntries(Object.entries(propertiesDefinition$1).filter(([, prop]) => prop.type !== "eventHandler"))),
+		events: Section.category(PropsCategory.EventHandlers).children(Object.fromEntries(Object.entries(propertiesDefinition$1).filter(([, prop]) => prop.type === "eventHandler")))
 	};
 }
 function mergeSections(sections, defaultSections) {
@@ -594,11 +603,12 @@ function mergeSections(sections, defaultSections) {
 * });
 * ```
 */
-function registerComponent(component, propertiesDefinition) {
+function registerComponent(component, propertiesDefinition$1) {
 	const defaultSections = defaultSectionsTemplate();
-	if (!propertiesDefinition) return registerComponentInternal(component, defaultSections);
-	return registerComponentInternal(component, Object.values(propertiesDefinition).every((prop) => prop instanceof Section) ? mergeSections(propertiesDefinition, defaultSections) : mergeSections(convertToSections(propertiesDefinition), defaultSections));
+	if (!propertiesDefinition$1) return registerComponentInternal(component, defaultSections);
+	return registerComponentInternal(component, Object.values(propertiesDefinition$1).every((prop) => prop instanceof Section) ? mergeSections(propertiesDefinition$1, defaultSections) : mergeSections(convertToSections(propertiesDefinition$1), defaultSections));
 }
+
 //#endregion
 //#region src/lib/user-facing/components/html/html-property-panels.ts
 const TYPOGRAPHY_PRIORITIZED_PROPERTIES = [
@@ -646,6 +656,7 @@ const htmlTagSectionsTemplateForContainers = () => {
 		prioritizedTailwindProperties: CONTAINER_PRIORITIZED_PROPERTIES
 	});
 };
+
 //#endregion
 //#region src/lib/user-facing/components/html/register-html-elements.ts
 /**
@@ -767,6 +778,7 @@ function registerHtmlElements() {
 	registerComponent("link", htmlTagSectionsTemplate({ hasChildren: false }));
 	registerComponent("meta", htmlTagSectionsTemplate({ hasChildren: false }));
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/jwt-utils.ts
 /**
@@ -862,6 +874,7 @@ function extractSdkUserFromJwt(token) {
 	if (!claims) return null;
 	return extractSdkUserFromClaims(claims);
 }
+
 //#endregion
 //#region src/lib/internal-details/handle-bootstrap-response.ts
 const handleBootstrapResponse = (event) => {
@@ -891,9 +904,9 @@ const handleBootstrapResponse = (event) => {
 		if (featureFlags["ui.disable-design-mode"]) root_store_default.editStore.setDesignModeDisabled(true);
 	}
 	root_store_default.windowOriginUrl = event.data.payload.logContext?.superblocks_window_origin_url;
-	if (root_store_default.windowOriginUrl) import("../utils-BfE8-Afc.js").then((n) => n.r).then(({ initTracerProviderWithOrigin }) => {
-		initTracerProviderWithOrigin(root_store_default.windowOriginUrl);
-		import("../logs-HOxOH_w6.js").then(({ initLibraryLoggerProvider }) => {
+	if (root_store_default.windowOriginUrl) import("../utils-Co8Wr1hk.js").then(({ initTracerProviderWithOrigin: initTracerProviderWithOrigin$1 }) => {
+		initTracerProviderWithOrigin$1(root_store_default.windowOriginUrl);
+		import("../logs-hyzhDMp7.js").then(({ initLibraryLoggerProvider }) => {
 			initLibraryLoggerProvider({
 				windowOriginUrl: root_store_default.windowOriginUrl,
 				appId: event.data.payload.appId,
@@ -906,6 +919,7 @@ const handleBootstrapResponse = (event) => {
 		});
 	});
 };
+
 //#endregion
 //#region src/lib/internal-details/internal-components/spinner.tsx
 const Spinner = styled.span`
@@ -940,6 +954,7 @@ const FullPageSpinner = () => {
 		children: /* @__PURE__ */ jsx(Spinner, {})
 	});
 };
+
 //#endregion
 //#region src/lib/internal-details/lib/features/injected-features.ts
 function useGetCurrentUserQuery() {
@@ -950,6 +965,7 @@ function useGetCurrentUserQuery() {
 		};
 	}, []);
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/registry-loader.ts
 /**
@@ -967,6 +983,7 @@ async function loadRegistryModule() {
 		registryUrl.href
 )).default;
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/utils/zod-to-typescript.ts
 /**
@@ -1049,6 +1066,7 @@ function convertZodSchema(schema) {
 		jsonSchema
 	};
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/sdk-api-registry.ts
 /**
@@ -1133,6 +1151,7 @@ function updateSdkApiSourceCode(name, sourceCode) {
 function clearSdkApiRegistry() {
 	registeredApis.clear();
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/sdk-api-discovery.ts
 /**
@@ -1263,6 +1282,7 @@ if (import.meta.hot) import.meta.hot.accept("/server/apis/index.ts", () => {
 	root_store_default.clearApiIntegrations();
 	discoverAndRegisterSdkApis();
 });
+
 //#endregion
 //#region src/lib/internal-details/query-cache.ts
 /**
@@ -1319,6 +1339,7 @@ var QueryClient = class {
 	} };
 };
 const queryClient = new QueryClient();
+
 //#endregion
 //#region src/lib/internal-details/execute-api.ts
 /**
@@ -1380,9 +1401,9 @@ async function executeApi(apiName, inputs, options) {
 			}
 		});
 		try {
-			const result = await root_store_default.apis.executeSdkApiV3(apiName, inputRecord, { signal: options?.signal });
-			const durationMs = result?.fetchStartMs ? Date.now() - result.fetchStartMs : Date.now() - startTime;
-			if (result == null) {
+			const result$1 = await root_store_default.apis.executeSdkApiV3(apiName, inputRecord, { signal: options?.signal });
+			const durationMs = result$1?.fetchStartMs ? Date.now() - result$1.fetchStartMs : Date.now() - startTime;
+			if (result$1 == null) {
 				const nullError = {
 					code: "NO_RESPONSE",
 					message: `API "${apiName}" returned no response`
@@ -1398,41 +1419,41 @@ async function executeApi(apiName, inputs, options) {
 				});
 				throw new Error(nullError.message);
 			}
-			if (result.error?.code === "ABORTED") {
+			if (result$1.error?.code === "ABORTED") {
 				if (editMode) sendMessageImmediately({
 					type: "sdk-api-execution-failed",
 					payload: {
 						executionId,
 						apiName,
-						error: result.error,
+						error: result$1.error,
 						durationMs,
-						diagnostics: result.diagnostics,
-						orchestratorStartMs: result.executionStartMs,
-						orchestratorDurationMs: result.executionDurationMs,
-						fetchStartMs: result.fetchStartMs,
-						timingBreakdown: result.timingBreakdown
+						diagnostics: result$1.diagnostics,
+						orchestratorStartMs: result$1.executionStartMs,
+						orchestratorDurationMs: result$1.executionDurationMs,
+						fetchStartMs: result$1.fetchStartMs,
+						timingBreakdown: result$1.timingBreakdown
 					}
 				});
 				throw new DOMException(`API "${apiName}" execution was aborted`, "AbortError");
 			}
-			if (result.success) {
+			if (result$1.success) {
 				if (editMode) sendMessageImmediately({
 					type: "sdk-api-execution-completed",
 					payload: {
 						executionId,
 						apiName,
-						output: result.output,
+						output: result$1.output,
 						durationMs,
-						diagnostics: result.diagnostics,
-						orchestratorStartMs: result.executionStartMs,
-						orchestratorDurationMs: result.executionDurationMs,
-						fetchStartMs: result.fetchStartMs,
-						timingBreakdown: result.timingBreakdown
+						diagnostics: result$1.diagnostics,
+						orchestratorStartMs: result$1.executionStartMs,
+						orchestratorDurationMs: result$1.executionDurationMs,
+						fetchStartMs: result$1.fetchStartMs,
+						timingBreakdown: result$1.timingBreakdown
 					}
 				});
-				return result.output;
+				return result$1.output;
 			}
-			const error = result.error ?? {
+			const error = result$1.error ?? {
 				code: "UNKNOWN",
 				message: "API execution failed"
 			};
@@ -1443,11 +1464,11 @@ async function executeApi(apiName, inputs, options) {
 					apiName,
 					error,
 					durationMs,
-					diagnostics: result.diagnostics,
-					orchestratorStartMs: result.executionStartMs,
-					orchestratorDurationMs: result.executionDurationMs,
-					fetchStartMs: result.fetchStartMs,
-					timingBreakdown: result.timingBreakdown
+					diagnostics: result$1.diagnostics,
+					orchestratorStartMs: result$1.executionStartMs,
+					orchestratorDurationMs: result$1.executionDurationMs,
+					fetchStartMs: result$1.fetchStartMs,
+					timingBreakdown: result$1.timingBreakdown
 				}
 			});
 			throw error;
@@ -1492,6 +1513,7 @@ async function executeApi(apiName, inputs, options) {
 function createTypedExecuteApi() {
 	return executeApi;
 }
+
 //#endregion
 //#region src/lib/internal-details/use-api-data.ts
 /**
@@ -1515,8 +1537,8 @@ const EXEC_ID_PREFIX = "sb-exec-id:";
 function getOrCreateExecId(cacheKey) {
 	const key = EXEC_ID_PREFIX + cacheKey;
 	try {
-		const id = sessionStorage.getItem(key);
-		if (id) return id;
+		const id$1 = sessionStorage.getItem(key);
+		if (id$1) return id$1;
 	} catch {}
 	const id = generateId();
 	try {
@@ -1576,7 +1598,7 @@ function useApiData(apiName, inputs, options = {}) {
 		keepPreviousData: true,
 		fallbackData: options.placeholderData
 	};
-	const { data, error, isValidating, isLoading, mutate } = useSWR(enabled ? cacheKey : null, fetcher, swrConfig);
+	const { data, error, isValidating, isLoading, mutate: mutate$1 } = useSWR(enabled ? cacheKey : null, fetcher, swrConfig);
 	const effectiveError = error instanceof DOMException && error.name === "AbortError" ? void 0 : error;
 	const hasData = data !== void 0;
 	const hasError = effectiveError !== void 0;
@@ -1588,8 +1610,8 @@ function useApiData(apiName, inputs, options = {}) {
 		controllerRef.current?.abort();
 		controllerRef.current = null;
 		await new Promise((resolve) => setTimeout(resolve, 0));
-		return await mutate();
-	}, [mutate]);
+		return await mutate$1();
+	}, [mutate$1]);
 	const cancel = useCallback(() => {
 		controllerRef.current?.abort();
 		controllerRef.current = null;
@@ -1621,6 +1643,7 @@ function useApiData(apiName, inputs, options = {}) {
 function useTypedApiData() {
 	return useApiData;
 }
+
 //#endregion
 //#region src/lib/internal-details/use-api.ts
 /**
@@ -1648,9 +1671,9 @@ function useTypedApiData() {
 const getApiPath = (name) => {
 	if (root_store_default.sdkApiEnabled) {
 		if (name.startsWith("/")) return name;
-		const registered = root_store_default.getApiEntryPoint(name);
-		if (!registered) throw new Error(`No entryPoint registered for API "${name}". Was it discovered?`);
-		return `/${registered}`;
+		const registered$1 = root_store_default.getApiEntryPoint(name);
+		if (!registered$1) throw new Error(`No entryPoint registered for API "${name}". Was it discovered?`);
+		return `/${registered$1}`;
 	}
 	let apiPath = name;
 	if (!apiPath.startsWith("/apis")) apiPath = `/apis/${name}/api.yaml`;
@@ -1899,6 +1922,7 @@ function useApi(apiName, inputs) {
 function useTypedApi() {
 	return useApi;
 }
+
 //#endregion
 //#region src/lib/internal-details/use-embed-message-listeners.ts
 /**
@@ -1941,6 +1965,7 @@ function useEmbedMessageListeners(navigate, superblocksContext) {
 		};
 	}, [navigate, superblocksContext]);
 }
+
 //#endregion
 //#region src/lib/internal-details/utils/link-modifiers-interceptor.ts
 /**
@@ -2126,6 +2151,7 @@ function linkModifierInterceptor({ isEmbedMode = false, appMode } = {}) {
 		hoverCleanup?.();
 	};
 }
+
 //#endregion
 //#region src/edit-mode/build-error-notification.tsx
 const ModalOverlay = styled(Dialog.Overlay)`
@@ -2254,7 +2280,7 @@ const ErrorText = styled.span`
 const ErrorIcon = styled.svg`
   flex-shrink: 0;
 `;
-const BuildErrorNotification = observer(function BuildErrorNotification() {
+const BuildErrorNotification = observer(function BuildErrorNotification$1() {
 	const [currentError, setCurrentError] = useState(null);
 	const [isModalOpen, setIsModalOpen] = useState(false);
 	const lastBuildError = useRef(null);
@@ -2368,6 +2394,7 @@ function BuildErrorModal({ isOpen, error, onClose }) {
 		})] })
 	});
 }
+
 //#endregion
 //#region src/edit-mode/create-component.ts
 function getParentInfo(parent) {
@@ -2402,26 +2429,26 @@ async function createComponent({ componentType, parent, scopeName, basePropertie
 	const parentInfo = getParentInfo(parent);
 	const editorTemplates = root_store_default.componentRegistry.getEditorTemplates(componentType);
 	if (editorTemplates && editorTemplates.length > 1) throw new Error(`Multiple editor templates are not supported yet. Found ${editorTemplates.length} for component type: ${componentType}.`);
-	const context = {
+	const context$1 = {
 		parentInfo,
 		defaultTagNames: root_store_default.componentRegistry.defaultTagNames,
 		selfTagName: componentType,
 		generateUniqueName: (prefix) => `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
 	};
-	const editorTemplateCreateRequest = editorTemplates?.[0]?.create?.(context);
+	const editorTemplateCreateRequest = editorTemplates?.[0]?.create?.(context$1);
 	const primaryEditorTemplateCreateRequest = Array.isArray(editorTemplateCreateRequest) ? editorTemplateCreateRequest[0] : editorTemplateCreateRequest;
 	if (editorTemplateCreateRequest && primaryEditorTemplateCreateRequest?.type !== componentType) throw new Error(`When defining a ${Array.isArray(editorTemplateCreateRequest) ? "multiple" : "single"} component to be created on an EditorTemplate, the type must match with the component being created. got: ${primaryEditorTemplateCreateRequest?.type} when it should have been ${componentType}`);
 	const editorTemplateCreateRequests = Array.isArray(editorTemplateCreateRequest) ? editorTemplateCreateRequest : [editorTemplateCreateRequest];
 	const editStore = getEditStore();
-	function editorTemplateCreateRequestToInternalCreateRequest({ editorTemplateCreateRequest, baseProperties }) {
-		const type = editorTemplateCreateRequest?.type ?? componentType;
-		const { properties: propertiesFromType, children } = getComponentBaseProperties(type, parentInfo, editorTemplateCreateRequest);
+	function editorTemplateCreateRequestToInternalCreateRequest({ editorTemplateCreateRequest: editorTemplateCreateRequest$1, baseProperties: baseProperties$1 }) {
+		const type = editorTemplateCreateRequest$1?.type ?? componentType;
+		const { properties: propertiesFromType, children } = getComponentBaseProperties(type, parentInfo, editorTemplateCreateRequest$1);
 		const properties = {
 			...propertiesFromType,
-			...baseProperties
+			...baseProperties$1
 		};
 		return {
-			parentElement: getCreateAtParentElement(parent, editorTemplateCreateRequest?.createAt),
+			parentElement: getCreateAtParentElement(parent, editorTemplateCreateRequest$1?.createAt),
 			tagName: type,
 			properties,
 			children,
@@ -2429,15 +2456,15 @@ async function createComponent({ componentType, parent, scopeName, basePropertie
 			id: editStore.operationManager.generateSourceId()
 		};
 	}
-	const createRequests = editorTemplateCreateRequests.map((editorTemplateCreateRequest, index) => editorTemplateCreateRequestToInternalCreateRequest({
-		editorTemplateCreateRequest,
+	const createRequests = editorTemplateCreateRequests.map((editorTemplateCreateRequest$1, index) => editorTemplateCreateRequestToInternalCreateRequest({
+		editorTemplateCreateRequest: editorTemplateCreateRequest$1,
 		baseProperties: index === 0 ? baseProperties : {}
 	}));
 	const hasOtherComponentsUpdates = otherComponentsUpdates && Object.keys(otherComponentsUpdates).length > 0;
 	const hasMultipleCreateComponents = editorTemplateCreateRequests.length > 1 && !skipSecondaryComponentsCreation;
 	if (hasOtherComponentsUpdates || hasMultipleCreateComponents) {
-		const performOtherComponentsUpdates = (otherComponentsUpdates) => {
-			Object.entries(otherComponentsUpdates).forEach(([sourceId, updates]) => {
+		const performOtherComponentsUpdates = (otherComponentsUpdates$1) => {
+			Object.entries(otherComponentsUpdates$1).forEach(([sourceId, updates]) => {
 				editStore.operationManager.setWidgetProperties({
 					sourceId,
 					properties: updates
@@ -2458,6 +2485,7 @@ async function createComponent({ componentType, parent, scopeName, basePropertie
 	*/
 	return createRequests.at(-1).id;
 }
+
 //#endregion
 //#region src/edit-mode/features/ai-store.ts
 var AiManager = class {
@@ -2528,13 +2556,10 @@ var AiManager = class {
 	setAiContextMode(mode, components) {
 		this._contextMode = mode;
 		this._targetedComponents = components?.map((component) => component.id) ?? [];
-		if (this._targetedComponents.length > 0) {
-			const selectorIds = components?.flatMap((component) => {
-				if (component.selectorId) return [component.selectorId];
-				return Array.from(this.runtimeTrackingStore.getSelectorIdsForSourceId(component.id));
-			}) ?? [];
-			this._targetedSelectors = selectorIds;
-		}
+		if (this._targetedComponents.length > 0) this._targetedSelectors = components?.flatMap((component) => {
+			if (component.selectorId) return [component.selectorId];
+			return Array.from(this.runtimeTrackingStore.getSelectorIdsForSourceId(component.id));
+		}) ?? [];
 	}
 	addTargetedSelector(selectorId) {
 		this.removeAllSharedSelectors(selectorId);
@@ -2587,6 +2612,7 @@ var AiManager = class {
 		this._targetedSelectors = this._targetedSelectors.filter((selectorId) => !allSelectorIds.has(selectorId));
 	}
 };
+
 //#endregion
 //#region src/edit-mode/features/connection-manager.ts
 var ConnectionManager = class {
@@ -2604,6 +2630,8 @@ var ConnectionManager = class {
 		this.connectionStatus = "disconnected";
 	}
 };
+var connection_manager_default = ConnectionManager;
+
 //#endregion
 //#region src/edit-mode/async-socket.ts
 var AsyncSocket = class {
@@ -2626,6 +2654,7 @@ var AsyncSocket = class {
 		return !!this.socket;
 	}
 };
+
 //#endregion
 //#region src/edit-mode/source-update-api.ts
 const PING_INTERVAL_MS = 15e3;
@@ -2893,6 +2922,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, authori
 		throw error;
 	}
 }
+
 //#endregion
 //#region src/edit-mode/features/operation-store.ts
 var OperationManager = class {
@@ -2984,8 +3014,8 @@ var OperationManager = class {
 			payload
 		});
 	}
-	@action dropComponent(action) {
-		const { from, to, propsToChange } = action;
+	@action dropComponent(action$1) {
+		const { from, to, propsToChange } = action$1;
 		const payload = {
 			from,
 			to,
@@ -3008,10 +3038,10 @@ var OperationManager = class {
 			console.error("No transaction id in edit operation", operation);
 			return;
 		}
-		const addOperation = (operation, batchTransactionId) => {
-			switch (operation.type) {
+		const addOperation = (operation$1, batchTransactionId) => {
+			switch (operation$1.type) {
 				case "editor:createComponent": {
-					const { type, payload } = operation;
+					const { type, payload } = operation$1;
 					this.addPendingTransaction({
 						type,
 						id: batchTransactionId ?? payload.transaction.id,
@@ -3020,7 +3050,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:deleteComponents": {
-					const { type, payload } = operation;
+					const { type, payload } = operation$1;
 					this.addPendingTransaction({
 						type,
 						id: batchTransactionId ?? payload.transaction.id,
@@ -3029,7 +3059,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:moveComponent": {
-					const { type, payload } = operation;
+					const { type, payload } = operation$1;
 					this.addPendingTransaction({
 						type,
 						id: batchTransactionId ?? payload.transaction.id,
@@ -3038,7 +3068,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:setProperties": {
-					const { type, payload } = operation;
+					const { type, payload } = operation$1;
 					this.addPendingTransaction({
 						type,
 						id: payload.transaction.id,
@@ -3047,7 +3077,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:deleteProperties": {
-					const { payload } = operation;
+					const { payload } = operation$1;
 					const asSetProperties = {
 						element: { source: { id: payload.element.source.id } },
 						properties: Object.fromEntries(payload.properties.map((p) => [p, {
@@ -3063,7 +3093,7 @@ var OperationManager = class {
 					});
 					break;
 				}
-				default: console.error("Unknown edit operation", operation);
+				default: console.error("Unknown edit operation", operation$1);
 			}
 		};
 		if (operation.type === "editor:batchUpdate") {
@@ -3110,6 +3140,8 @@ var OperationManager = class {
 		return generateSourceId();
 	}
 };
+var operation_store_default = OperationManager;
+
 //#endregion
 //#region src/edit-mode/features/properties-panel-manager.ts
 var PropertiesPanelManager = class {
@@ -3129,9 +3161,9 @@ var PropertiesPanelManager = class {
 		if (!component?.type) return { sections: [] };
 		const componentType = component.displayName || component.type;
 		if (!componentType) return { sections: [] };
-		const propertiesDefinition = this.propertiesDefinitions.get(componentType);
-		if (!propertiesDefinition) return { sections: [] };
-		return createPropertiesPanelDefinition(propertiesDefinition, props ?? {});
+		const propertiesDefinition$1 = this.propertiesDefinitions.get(componentType);
+		if (!propertiesDefinition$1) return { sections: [] };
+		return createPropertiesPanelDefinition(propertiesDefinition$1, props ?? {});
 	}
 	trackPropertiesPanel(selectorId) {
 		if (this.propertiesPanelTrackerDisposer) this.propertiesPanelTrackerDisposer();
@@ -3149,8 +3181,8 @@ var PropertiesPanelManager = class {
 	getPropertiesDefinition(type) {
 		return this.propertiesDefinitions.get(type);
 	}
-	setPropertiesDefinition(widgetType, propertiesDefinition) {
-		this.propertiesDefinitions.set(widgetType, propertiesDefinition);
+	setPropertiesDefinition(widgetType, propertiesDefinition$1) {
+		this.propertiesDefinitions.set(widgetType, propertiesDefinition$1);
 	}
 	updatePropertiesDefinitionForType(type) {
 		console.log("[internal] [NOOP] updatePropertiesDefinitionForType: ", type);
@@ -3172,6 +3204,8 @@ var PropertiesPanelManager = class {
 		});
 	}
 };
+var properties_panel_manager_default = PropertiesPanelManager;
+
 //#endregion
 //#region src/edit-mode/runtime-graph/observable-graph.ts
 var ObservableGraph = class extends Graph {
@@ -3207,6 +3241,7 @@ var ObservableGraph = class extends Graph {
 		});
 	}
 };
+
 //#endregion
 //#region src/edit-mode/runtime-graph/runtime-component-node.ts
 var RuntimeComponentNode = class {
@@ -3254,6 +3289,7 @@ function getTypeString(type) {
 	if (typeof type === "string") return type;
 	return type.displayName || type.name || "Component";
 }
+
 //#endregion
 //#region src/edit-mode/features/runtime-tracking-store.ts
 var RuntimeTrackingStore = class {
@@ -3388,6 +3424,8 @@ var RuntimeTrackingStore = class {
 		return registeredMatches.length > 0 ? registeredMatches[registeredMatches.length - 1] : void 0;
 	}
 };
+var runtime_tracking_store_default = RuntimeTrackingStore;
+
 //#endregion
 //#region src/edit-mode/features/resizing-store.ts
 var ResizingManager = class {
@@ -3521,6 +3559,7 @@ var ResizingManager = class {
 		});
 	}
 };
+
 //#endregion
 //#region src/edit-mode/features/ui-store.ts
 const MULTI_SELECT_ENABLED = false;
@@ -3641,12 +3680,14 @@ var UIStore = class {
 	*/
 	async selectNewComponentBySourceId(sourceId, selectorIdsToIgnore = /* @__PURE__ */ new Set()) {
 		this.newComponentSelectPromise?.cancel();
-		this.newComponentSelectPromise = when(() => Array.from(this.editStore.runtimeTrackingStore.getSelectorIdsForSourceId(sourceId)).some((selectorId) => !selectorIdsToIgnore.has(selectorId)));
+		this.newComponentSelectPromise = when(() => Array.from(this.editStore.runtimeTrackingStore.getSelectorIdsForSourceId(sourceId)).some((selectorId$1) => !selectorIdsToIgnore.has(selectorId$1)));
 		await this.newComponentSelectPromise;
 		const selectorId = Array.from(this.editStore.runtimeTrackingStore.getSelectorIdsForSourceId(sourceId))[0];
 		if (selectorId) this.selectWidget(selectorId);
 	}
 };
+var ui_store_default = UIStore;
+
 //#endregion
 //#region src/edit-mode/runtime-sync/builders.ts
 const MAX_SUBTREE_DEPTH = 30;
@@ -3734,6 +3775,7 @@ function getComponentType(component) {
 	if (typeof component.type === "string") return component.type;
 	return "Component";
 }
+
 //#endregion
 //#region src/edit-mode/runtime-sync/runtime-subscriptions-store.ts
 /**
@@ -3770,6 +3812,7 @@ var RuntimeSubscriptionsStore = class {
 		return out;
 	}
 };
+
 //#endregion
 //#region src/edit-mode/edit-store.ts
 const isSessionRecordingEnabled = () => {
@@ -3791,12 +3834,12 @@ var EditStore = class {
 	designModeDisabled = false;
 	viteMessageListeners = /* @__PURE__ */ new Map();
 	constructor(rootStore) {
-		this.ui = new UIStore(rootStore, this);
-		this.operationManager = new OperationManager();
-		this.propertiesPanelManager = new PropertiesPanelManager(this, rootStore.componentRegistry);
-		this.runtimeTrackingStore = new RuntimeTrackingStore(this);
+		this.ui = new ui_store_default(rootStore, this);
+		this.operationManager = new operation_store_default();
+		this.propertiesPanelManager = new properties_panel_manager_default(this, rootStore.componentRegistry);
+		this.runtimeTrackingStore = new runtime_tracking_store_default(this);
 		this.runtimeSubscriptionsStore = new RuntimeSubscriptionsStore(this);
-		this.connectionManager = new ConnectionManager();
+		this.connectionManager = new connection_manager_default();
 		this.ai = new AiManager(this.runtimeTrackingStore);
 		makeObservable(this, {
 			isInitialized: observable,
@@ -3864,6 +3907,7 @@ function initializeEditStore() {
 	if (!window.__SUPERBLOCKS_EDITOR_HOOK__) return;
 	window.__SUPERBLOCKS_EDITOR_HOOK__.setIsInitialized(true);
 }
+
 //#endregion
 //#region src/lib/hooks/use-editor-hotkeys.ts
 function useEditorHotkeys(keys, callback, options, deps) {
@@ -3873,6 +3917,7 @@ function useEditorHotkeys(keys, callback, options, deps) {
 	}
 	return useHotkeys(keys, callback, options, [...deps ?? [], false]);
 }
+
 //#endregion
 //#region src/lib/hooks/use-key-pressed.ts
 function useKeyPressed(key, callback, options) {
@@ -3944,6 +3989,7 @@ function useKeyPressed(key, callback, options) {
 		options?.allowMultipleKeys
 	]);
 }
+
 //#endregion
 //#region src/lib/hooks/use-observer-memo.ts
 /**
@@ -3973,30 +4019,51 @@ const useStandaloneObserverMemo = (fn, deps) => {
 	}), deps);
 	return result;
 };
+
 //#endregion
 //#region src/lib/user-facing/layers.ts
+var Indices = /* @__PURE__ */ function(Indices$1) {
+	Indices$1[Indices$1["Layer0"] = 60] = "Layer0";
+	Indices$1[Indices$1["Layer1"] = 61] = "Layer1";
+	Indices$1[Indices$1["Layer2"] = 62] = "Layer2";
+	Indices$1[Indices$1["Layer3"] = 63] = "Layer3";
+	Indices$1[Indices$1["Layer4"] = 64] = "Layer4";
+	Indices$1[Indices$1["Layer5"] = 65] = "Layer5";
+	Indices$1[Indices$1["Layer6"] = 66] = "Layer6";
+	Indices$1[Indices$1["Layer7"] = 67] = "Layer7";
+	Indices$1[Indices$1["Layer8"] = 68] = "Layer8";
+	Indices$1[Indices$1["Layer9"] = 69] = "Layer9";
+	Indices$1[Indices$1["Layer10"] = 70] = "Layer10";
+	Indices$1[Indices$1["Layer11"] = 71] = "Layer11";
+	Indices$1[Indices$1["Layer12"] = 72] = "Layer12";
+	Indices$1[Indices$1["Layer13"] = 73] = "Layer13";
+	Indices$1[Indices$1["Layer14"] = 74] = "Layer14";
+	Indices$1[Indices$1["LayerMax"] = 99999] = "LayerMax";
+	return Indices$1;
+}(Indices || {});
 const Layers = {
-	dragPreview: 61,
-	visibilityOverlay: 64,
-	selectedRect: 64,
-	focusedRect: 65,
-	namePill: 66,
-	closeButton: 64,
-	stickySections: 63,
-	scrollbars: 65,
-	componentBorder: 63,
-	resizeWrapper: 64,
-	parentSelectedWrapper: 63,
-	widgetResizer: 64,
-	resizer: 66,
-	dialog: 67,
-	widgetName: 64,
-	selectionConstraintResize: 64,
-	canvasBreadCrumbPopover: 65,
-	vstackDropPlaceholder: 62,
-	focusedInput: 74,
-	max: 99999
+	dragPreview: Indices.Layer1,
+	visibilityOverlay: Indices.Layer4,
+	selectedRect: Indices.Layer4,
+	focusedRect: Indices.Layer5,
+	namePill: Indices.Layer6,
+	closeButton: Indices.Layer4,
+	stickySections: Indices.Layer3,
+	scrollbars: Indices.Layer5,
+	componentBorder: Indices.Layer3,
+	resizeWrapper: Indices.Layer4,
+	parentSelectedWrapper: Indices.Layer3,
+	widgetResizer: Indices.Layer4,
+	resizer: Indices.Layer6,
+	dialog: Indices.Layer7,
+	widgetName: Indices.Layer4,
+	selectionConstraintResize: Indices.Layer4,
+	canvasBreadCrumbPopover: Indices.Layer5,
+	vstackDropPlaceholder: Indices.Layer2,
+	focusedInput: Indices.Layer14,
+	max: Indices.LayerMax
 };
+
 //#endregion
 //#region src/edit-mode/interaction-utils.ts
 /**
@@ -4015,6 +4082,7 @@ const getWidgetNode = (idOrSourceId) => {
 	else if (isSourceId) return document?.querySelector(`[${SOURCE_ID_ATTRIBUTE}="${idOrSourceId}"]`);
 	throw new Error(`Unknown ID format: ${idOrSourceId} (expected S-* or SB-*)`);
 };
+
 //#endregion
 //#region src/edit-mode/interaction-layer/interaction-rect-name-pill.tsx
 const NamePillDiv = (params) => {
@@ -4047,6 +4115,8 @@ const NamePill = observer((props) => {
 		type
 	});
 });
+var interaction_rect_name_pill_default = NamePill;
+
 //#endregion
 //#region src/edit-mode/interaction-layer/interaction-rect-actions.tsx
 const guessOverlapAmountForNamePills = (selector1, selector2) => {
@@ -4101,13 +4171,14 @@ function InteractionRectActions(props) {
 			opacity: opacityValue,
 			transform
 		},
-		children: /* @__PURE__ */ jsx(NamePill, {
+		children: /* @__PURE__ */ jsx(interaction_rect_name_pill_default, {
 			selectorId,
 			displayName,
 			type
 		})
 	});
 }
+
 //#endregion
 //#region src/edit-mode/interaction-layer/transform-utils.ts
 const transformCache = /* @__PURE__ */ new Map();
@@ -4142,9 +4213,9 @@ function useAnchorTransform(selectorId) {
 				current = current.parentElement;
 			}
 			if (transforms.length === 0) {
-				const data = { transform: "none" };
-				transformCache.set(selectorId, data);
-				setTransformData(data);
+				const data$1 = { transform: "none" };
+				transformCache.set(selectorId, data$1);
+				setTransformData(data$1);
 				return;
 			}
 			const rect = transforms[0].element.getBoundingClientRect();
@@ -4169,22 +4240,26 @@ function useAnchorTransform(selectorId) {
 	}, [selectorId]);
 	return transformData.transform;
 }
-function convertPercentageInTransform(transformValue, width, height) {
+function convertPercentageInTransform(transformValue, width$1, height$1) {
 	if (transformValue.startsWith("matrix")) return transformValue;
 	const translateMatch = transformValue.match(/translate3?d?\(([^)]+)\)/);
 	if (!translateMatch) return transformValue;
 	const valueString = translateMatch[1].trim();
-	const values = valueString.includes(",") ? valueString.split(",").map((v) => v.trim()) : valueString.split(/\s+/).filter((v) => v);
+	const values$1 = valueString.includes(",") ? valueString.split(",").map((v) => v.trim()) : valueString.split(/\s+/).filter((v) => v);
 	const convertValue = (value, dimension) => {
-		if (value.includes("%")) return `${Math.round(parseFloat(value) / 100 * dimension)}px`;
+		if (value.includes("%")) {
+			const percentage = parseFloat(value);
+			return `${Math.round(percentage / 100 * dimension)}px`;
+		}
 		return value;
 	};
-	const x = convertValue(values[0] || "0", width);
-	const y = values[1] ? convertValue(values[1], height) : "0px";
-	const z = values[2] || "0px";
-	if (values.length > 2) return transformValue.replace(translateMatch[0], `translate3d(${x}, ${y}, ${z})`);
+	const x = convertValue(values$1[0] || "0", width$1);
+	const y = values$1[1] ? convertValue(values$1[1], height$1) : "0px";
+	const z = values$1[2] || "0px";
+	if (values$1.length > 2) return transformValue.replace(translateMatch[0], `translate3d(${x}, ${y}, ${z})`);
 	return transformValue.replace(translateMatch[0], `translate(${x}, ${y})`);
 }
+
 //#endregion
 //#region src/edit-mode/interaction-layer/interaction-rect.tsx
 const useSelectionElements = (params) => {
@@ -4326,6 +4401,7 @@ const selectDisplayNameAndVisibility = (selectorId) => {
 		sourceId
 	};
 };
+
 //#endregion
 //#region src/edit-mode/editor-hotkeys.tsx
 function EditorHotkeys({ children }) {
@@ -4450,6 +4526,7 @@ function EditorHotkeys({ children }) {
 	});
 	return /* @__PURE__ */ jsx(Fragment, { children });
 }
+
 //#endregion
 //#region src/edit-mode/screenshot-handler.ts
 let cleanupCallback$1 = void 0;
@@ -4469,15 +4546,15 @@ function calculateScreenshotScale(elementWidth, elementHeight) {
 * reflect the viewport while a child container holds the real content extent.
 */
 function measureContentDimensions(targetElement, rootElement) {
-	let width = Math.max(targetElement.scrollWidth, targetElement.offsetWidth);
-	let height = Math.max(targetElement.scrollHeight, targetElement.offsetHeight);
+	let width$1 = Math.max(targetElement.scrollWidth, targetElement.offsetWidth);
+	let height$1 = Math.max(targetElement.scrollHeight, targetElement.offsetHeight);
 	if (targetElement === rootElement) {
-		width = Math.max(width, document.documentElement.scrollWidth, document.body.scrollWidth);
-		height = Math.max(height, document.documentElement.scrollHeight, document.body.scrollHeight);
+		width$1 = Math.max(width$1, document.documentElement.scrollWidth, document.body.scrollWidth);
+		height$1 = Math.max(height$1, document.documentElement.scrollHeight, document.body.scrollHeight);
 	}
 	return {
-		width,
-		height
+		width: width$1,
+		height: height$1
 	};
 }
 /**
@@ -4497,13 +4574,13 @@ function loadImage(dataUrl) {
 */
 async function ensureWithinDimensionLimit(dataUrl) {
 	const img = await loadImage(dataUrl);
-	const { naturalWidth: width, naturalHeight: height } = img;
-	const maxDim = Math.max(width, height);
+	const { naturalWidth: width$1, naturalHeight: height$1 } = img;
+	const maxDim = Math.max(width$1, height$1);
 	if (maxDim <= MAX_SCREENSHOT_DIMENSION) return dataUrl;
-	console.warn(`[Library Screenshot Handler] Output image ${width}x${height} exceeds ${MAX_SCREENSHOT_DIMENSION}px limit, resizing…`);
+	console.warn(`[Library Screenshot Handler] Output image ${width$1}x${height$1} exceeds ${MAX_SCREENSHOT_DIMENSION}px limit, resizing…`);
 	const scale = MAX_SCREENSHOT_DIMENSION / maxDim;
-	const targetWidth = Math.round(width * scale);
-	const targetHeight = Math.round(height * scale);
+	const targetWidth = Math.round(width$1 * scale);
+	const targetHeight = Math.round(height$1 * scale);
 	const canvas = document.createElement("canvas");
 	canvas.width = targetWidth;
 	canvas.height = targetHeight;
@@ -4588,10 +4665,10 @@ function initializeScreenshotHandler() {
 				scale,
 				...selector && { onCloneNode: (cloned) => {
 					if (cloned instanceof HTMLElement) {
-						const computed = getComputedStyle(targetElement);
-						for (let i = 0; i < computed.length; i++) {
-							const prop = computed[i];
-							cloned.style.setProperty(prop, computed.getPropertyValue(prop));
+						const computed$1 = getComputedStyle(targetElement);
+						for (let i = 0; i < computed$1.length; i++) {
+							const prop = computed$1[i];
+							cloned.style.setProperty(prop, computed$1.getPropertyValue(prop));
 						}
 					}
 				} }
@@ -4625,6 +4702,7 @@ function initializeScreenshotHandler() {
 		iframeMessageHandler.removeEventListener("ping-app-ready-for-screenshot", handlePingAppReadyForScreenshot);
 	};
 }
+
 //#endregion
 //#region src/edit-mode/tagged-element-metadata-handler.ts
 const MAX_ELEMENTS_PER_SOURCE = 5;
@@ -4708,13 +4786,14 @@ function initializeTaggedElementMetadataHandler() {
 		iframeMessageHandler.removeEventListener("get-tagged-element-metadata", handleGetTaggedElementMetadata);
 	};
 }
+
 //#endregion
 //#region src/edit-mode/iframe-wrappers.tsx
 let _setReloadKey;
 if (import.meta.hot) {
 	console.debug("[internal] [iframe-wrappers] registering reload listeners");
 	import.meta.hot.on("sb:force-remount-after-reload", () => {
-		tracker.dontSkipUntilNextReload();
+		api_hmr_tracker_default.dontSkipUntilNextReload();
 		_setReloadKey?.((currentKey) => currentKey + 1);
 	});
 	import.meta.hot.on("vite:beforeFullReload", () => {
@@ -4786,7 +4865,7 @@ if (isEditMode()) {
 	};
 	setupInitializer();
 }
-const IframeConnected = observer(function IframeConnected(props) {
+const IframeConnected = observer(function IframeConnected$1(props) {
 	const [reloadKey, setReloadKey] = useState(0);
 	_setReloadKey = setReloadKey;
 	useEffect(() => {
@@ -5073,8 +5152,8 @@ const EmbedWrapper$2 = (props) => {
 					skipSecondaryComponentsCreation,
 					otherComponentsUpdates
 				});
-			} catch (error) {
-				console.error("Failed to create component:", error);
+			} catch (error$1) {
+				console.error("Failed to create component:", error$1);
 			}
 		};
 		iframeMessageHandler.addEventListener("sb-create-component", createComponentListener);
@@ -5125,11 +5204,11 @@ const EmbedWrapper$2 = (props) => {
 	useEmbedMessageListeners(navigate, superblocksContext);
 	useEffect(() => {
 		const messageListener = (event) => {
-			if (event.data?.type === "parent-action-batch" && event.data.payload) event.data.payload.forEach((action) => {
-				switch (action.type) {
+			if (event.data?.type === "parent-action-batch" && event.data.payload) event.data.payload.forEach((action$1) => {
+				switch (action$1.type) {
 					case "operations/editor:selectWidgets": {
-						const sourceIds = action.payload.sourceIds;
-						const selectorIdHint = action.payload.selectorIdHint;
+						const sourceIds = action$1.payload.sourceIds;
+						const selectorIdHint = action$1.payload.selectorIdHint;
 						getEditStore().ui.setSelectedSourceIds(sourceIds);
 						const selectorIds = sourceIds.flatMap((sourceId) => {
 							if (selectorIdHint) {
@@ -5141,12 +5220,12 @@ const EmbedWrapper$2 = (props) => {
 						break;
 					}
 					case "codeMode/cancelApiExecution": {
-						const { apiId } = action.payload;
+						const { apiId } = action$1.payload;
 						root_store_default.apis.cancelApi(apiId);
 						break;
 					}
 					case "RUN_API": {
-						const { apiName, traceHeaders, callId, isTestRun, inputs } = action.payload;
+						const { apiName, traceHeaders, callId, isTestRun, inputs } = action$1.payload;
 						console.debug("[internal] [iframe-wrappers] Received RUN_API:", {
 							apiName,
 							callId
@@ -5202,7 +5281,7 @@ const EmbedWrapper$2 = (props) => {
 										timingBreakdown: result.timingBreakdown
 									}
 								});
-							}).catch((error) => {
+							}).catch((error$1) => {
 								sendMessageImmediately({
 									type: "sdk-api-execution-failed",
 									payload: {
@@ -5210,7 +5289,7 @@ const EmbedWrapper$2 = (props) => {
 										apiName,
 										error: {
 											code: "UNKNOWN",
-											message: error instanceof Error ? error.message : "Unknown error"
+											message: error$1 instanceof Error ? error$1.message : "Unknown error"
 										},
 										durationMs: Date.now() - startTime
 									}
@@ -5225,13 +5304,13 @@ const EmbedWrapper$2 = (props) => {
 									...inputs
 								},
 								isTestRun: true
-							}).catch((error) => {
-								console.error(`Failed to test API ${apiName}:`, error);
+							}).catch((error$1) => {
+								console.error(`Failed to test API ${apiName}:`, error$1);
 							});
 						} else if (callId) {
 							console.log("[iframe-wrappers] Re-running with callId:", callId);
-							root_store_default.apis.rerunApiByCallId(callId).catch((error) => {
-								console.error(`Failed to re-run API with callId ${callId}:`, error);
+							root_store_default.apis.rerunApiByCallId(callId).catch((error$1) => {
+								console.error(`Failed to re-run API with callId ${callId}:`, error$1);
 							});
 						} else {
 							console.log("[iframe-wrappers] This might be a Clark request - executing API normally");
@@ -5243,8 +5322,8 @@ const EmbedWrapper$2 = (props) => {
 								},
 								callId,
 								isTestRun: false
-							}).catch((error) => {
-								console.error(`Failed to run API ${apiName}:`, error);
+							}).catch((error$1) => {
+								console.error(`Failed to run API ${apiName}:`, error$1);
 							});
 						}
 						break;
@@ -5271,8 +5350,8 @@ const EmbedWrapper$2 = (props) => {
 						pathname: generatePath(route, routeTestParams),
 						search: location.search
 					});
-				} catch (error) {
-					throw new Error(`Failed to navigate to route: ${error}`);
+				} catch (error$1) {
+					throw new Error(`Failed to navigate to route: ${error$1}`);
 				}
 			});
 		} catch {
@@ -5293,6 +5372,7 @@ const EmbedWrapper$2 = (props) => {
 	}
 	return /* @__PURE__ */ jsx(WithUserWrapper$1, { children: /* @__PURE__ */ jsxs(IframeConnected, { children: [/* @__PURE__ */ jsx(BuildErrorNotification, {}), /* @__PURE__ */ jsx(EditorHotkeys, { children: props.children })] }) });
 };
+
 //#endregion
 //#region src/lib/internal-details/lib/throttle.ts
 function throttle$1(func, delay) {
@@ -5316,6 +5396,11 @@ function throttle$1(func, delay) {
 	};
 	return throttled;
 }
+
+//#endregion
+//#region src/edit-mode/extended-clickable-area.ts
+const EXTENDED_CLICKABLE_AREA_DELTA = 6;
+
 //#endregion
 //#region src/edit-mode/interaction-layer/get-widgets-from-point.ts
 const enablePointerEventsOnDisabledElements = (rootElement) => {
@@ -5396,8 +5481,8 @@ const getWidgetFromPointHelper = (params) => {
 		y,
 		rootElement,
 		delta: {
-			x: 6,
-			y: 6
+			x: EXTENDED_CLICKABLE_AREA_DELTA,
+			y: EXTENDED_CLICKABLE_AREA_DELTA
 		}
 	});
 	if (widgetsWithBuffer.hoveredPills.length > 0) return getFirstItemWithFocusedSelectorPrioritized(widgetsWithBuffer.hoveredPills);
@@ -5467,6 +5552,7 @@ function getMostRelevantWidgetAtPoint(params) {
 	}
 	return widget.selectorId;
 }
+
 //#endregion
 //#region src/edit-mode/interaction-layer/interaction-layer.tsx
 const INTERACTION_LAYER_ATTRIBUTE = "data-interaction-layer";
@@ -5659,7 +5745,7 @@ const InteractionLayerManager = observer(() => {
 			setBodyChildren(getBodyChildren());
 		};
 		updateBodyChildren();
-		const observer = new MutationObserver((mutations) => {
+		const observer$1 = new MutationObserver((mutations) => {
 			for (const mutation of mutations) if (mutation.type === "childList") {
 				const addedNodes = Array.from(mutation.addedNodes);
 				const removedNodes = Array.from(mutation.removedNodes);
@@ -5669,9 +5755,9 @@ const InteractionLayerManager = observer(() => {
 				}
 			}
 		});
-		observer.observe(document.body, { childList: true });
+		observer$1.observe(document.body, { childList: true });
 		return () => {
-			observer.disconnect();
+			observer$1.disconnect();
 		};
 	}, []);
 	if (editStore.ai.getIsEditing()) return null;
@@ -5727,6 +5813,8 @@ const ExternalInteractionLayer = observer(() => {
 	else if (isDesignMode) cursorStyle = `* { cursor: ${pencilCursor} !important; }`;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InteractionLayerManager, {}), cursorStyle && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: cursorStyle } })] });
 });
+var interaction_layer_default = ExternalInteractionLayer;
+
 //#endregion
 //#region src/lib/internal-details/app-wrappers.tsx
 const WithUserWrapper = (props) => {
@@ -5784,8 +5872,8 @@ const EmbedWrapper$1 = (props) => {
 	useEmbedMessageListeners(navigate, superblocksContext);
 	useEffect(() => {
 		const messageListener = (event) => {
-			if (event.data?.type === "parent-action-batch" && event.data.payload) event.data.payload.forEach((action) => {
-				switch (action.type) {
+			if (event.data?.type === "parent-action-batch" && event.data.payload) event.data.payload.forEach((action$1) => {
+				switch (action$1.type) {
 					case "RUN_API":
 						console.warn("RUN_API action is not supported without entityManager");
 						break;
@@ -5813,6 +5901,7 @@ const EmbedWrapper$1 = (props) => {
 	}
 	return /* @__PURE__ */ jsx(WithUserWrapper, { children: props.children });
 };
+
 //#endregion
 //#region src/lib/internal-details/internal-components/error-boundary/index.tsx
 var InternalErrorBoundary = class extends React.Component {
@@ -5853,6 +5942,7 @@ var InternalErrorBoundary = class extends React.Component {
 		return this.props.children;
 	}
 };
+
 //#endregion
 //#region src/lib/internal-details/lib/apply-sdk-context-payload.ts
 /**
@@ -5865,11 +5955,12 @@ function applySdkContextPayload(payload) {
 	if ("branchName" in payload) root_store_default.setBranchName(payload.branchName);
 	if ("commitId" in payload) root_store_default.setCommitId(payload.commitId);
 }
+
 //#endregion
 //#region src/lib/internal-details/lib/devtools/index.tsx
 const SUPPORTED_MODES = ["local-dev"];
 const DevToolsInternal = React.lazy(() => {
-	return import("../devtools-consolidated--QF_TVsD.js").then((module) => ({ default: module.CustomDevTools }));
+	return import("../devtools-consolidated-CwxpaGqQ.js").then((module) => ({ default: module.CustomDevTools }));
 });
 const DevTools = () => {
 	if (!SUPPORTED_MODES.includes("production")) return null;
@@ -5878,6 +5969,7 @@ const DevTools = () => {
 		children: /* @__PURE__ */ jsx(DevToolsInternal, {})
 	});
 };
+
 //#endregion
 //#region src/lib/internal-details/routing.ts
 function useTrackRouteChange() {
@@ -5901,6 +5993,7 @@ function useTrackRouteChange() {
 		params
 	]);
 }
+
 //#endregion
 //#region src/lib/user-facing/load-build-manifest.ts
 /**
@@ -5913,7 +6006,7 @@ function useTrackRouteChange() {
 async function loadBuildManifest() {
 	if (isEditMode()) return;
 	try {
-		const mod = await import("../build-manifest-Xi8oZhWX.js");
+		const mod = await import("../build-manifest-BOqMhObV.js");
 		const sdkApis = mod.default.sdkApis ?? {};
 		if (Object.keys(sdkApis).length > 0) {
 			root_store_default.clearApiEntryPoints();
@@ -5928,6 +6021,7 @@ async function loadBuildManifest() {
 		console.error("Error loading build manifest", error);
 	}
 }
+
 //#endregion
 //#region src/lib/user-facing/sb-provider-tracker.ts
 const hasSbProviderRenderedEditMode = () => globalThis.__SB_PROVIDER_RENDERED_EDIT_MODE__ === true;
@@ -5968,27 +6062,28 @@ API executions and editor features will be unavailable.
 	if (hasRendered()) editorBridge.sendClearRuntimeError(ERROR_ID, true);
 	else {
 		let started = false;
-		let observer = null;
+		let observer$1 = null;
 		const startOnce = () => {
 			if (started) return;
 			started = true;
-			observer?.disconnect();
-			observer = null;
+			observer$1?.disconnect();
+			observer$1 = null;
 			startTracking();
 		};
 		const rootEl = typeof document !== "undefined" ? document.getElementById("root") : null;
 		if (rootEl) if (rootEl.childNodes.length > 0) startOnce();
 		else {
-			observer = new MutationObserver(() => {
+			observer$1 = new MutationObserver(() => {
 				if (hasRendered() || rootEl.childNodes.length > 0) startOnce();
 			});
-			observer.observe(rootEl, {
+			observer$1.observe(rootEl, {
 				childList: true,
 				subtree: true
 			});
 		}
 	}
 }
+
 //#endregion
 //#region src/lib/user-facing/styling/styles.ts
 const VARIABLES = { primaryColor: "--primary-color" };
@@ -6017,6 +6112,7 @@ const initializeStyles = (appName) => {
 	};
 	createStyleSheetFromString(appName, `:${appName} {${Object.keys(allVariables).map((variable) => `${allVariables[variable]}: ${allVariableValues[variable]};`).join("\n")}}\n${stylesheet}`);
 };
+
 //#endregion
 //#region src/lib/user-facing/sb-provider.tsx
 const originalLog = console.log;
@@ -6030,7 +6126,7 @@ console.log = (...args) => {
 };
 const Auth0Wrapper = isEditMode() ? Auth0Wrapper$2 : Auth0Wrapper$1;
 const EmbedWrapper = isEditMode() ? EmbedWrapper$2 : EmbedWrapper$1;
-const SbProvider = function SbProvider({ name = "codemode", children, className, context }) {
+const SbProvider = function SbProvider$1({ name = "codemode", children, className, context: context$1 }) {
 	const isEmbedded = typeof window !== "undefined" && window.parent !== window.self;
 	useTrackRouteChange();
 	const [isApisInitialized, setIsApisInitialized] = useState(false);
@@ -6075,36 +6171,55 @@ const SbProvider = function SbProvider({ name = "codemode", children, className,
 		children: [/* @__PURE__ */ jsx(InternalErrorBoundary, { children: /* @__PURE__ */ jsxs("div", {
 			className: "h-full w-full relative",
 			children: [/* @__PURE__ */ jsx(SuperblocksContextProvider, {
-				value: context ?? void 0,
+				value: context$1 ?? void 0,
 				children: isEmbedded ? /* @__PURE__ */ jsx(EmbedWrapper, { children }) : /* @__PURE__ */ jsx(Auth0Wrapper, { children })
 			}), /* @__PURE__ */ jsx(DevTools, {})]
-		}) }), isEditMode() && /* @__PURE__ */ jsx(ExternalInteractionLayer, {})]
+		}) }), isEditMode() && /* @__PURE__ */ jsx(interaction_layer_default, {})]
 	});
 };
+var sb_provider_default = SbProvider;
+
 //#endregion
 //#region src/lib/user-facing/components/app/editor.ts
 const editorConfig = {
 	icon: "app",
 	isDraggable: false
 };
+
 //#endregion
 //#region src/lib/user-facing/components/app/props.ts
 const propertiesDefinition = {
 	contents: Section.category(PropsCategory.Content).children({ children: Prop.jsx() }),
 	appearance: tailwindStylesCategory()
 };
+
 //#endregion
 //#region src/lib/user-facing/components/app/index.tsx
-const App = observer(({ children, className, context }) => {
-	return /* @__PURE__ */ jsx(SbProvider, {
+const App = observer(({ children, className, context: context$1 }) => {
+	return /* @__PURE__ */ jsx(sb_provider_default, {
 		name: "App",
 		className,
-		context,
+		context: context$1,
 		children
 	});
 });
 App.displayName = NATIVE_COMPONENT_TYPES.App;
 registerComponentInternal(App, propertiesDefinition).editorConfig(editorConfig);
+
+//#endregion
+//#region src/lib/user-facing/error-pages/constants.ts
+let API_STATUS_CODES = /* @__PURE__ */ function(API_STATUS_CODES$1) {
+	API_STATUS_CODES$1[API_STATUS_CODES$1["REQUEST_UNAUTHORIZED"] = 401] = "REQUEST_UNAUTHORIZED";
+	API_STATUS_CODES$1[API_STATUS_CODES$1["RESOURCE_FORBIDDEN"] = 403] = "RESOURCE_FORBIDDEN";
+	API_STATUS_CODES$1[API_STATUS_CODES$1["RESOURCE_NOT_FOUND"] = 404] = "RESOURCE_NOT_FOUND";
+	API_STATUS_CODES$1[API_STATUS_CODES$1["TIMEOUT"] = 408] = "TIMEOUT";
+	API_STATUS_CODES$1[API_STATUS_CODES$1["RESOURCE_CONFLICT"] = 409] = "RESOURCE_CONFLICT";
+	API_STATUS_CODES$1[API_STATUS_CODES$1["SERVER_ERROR"] = 502] = "SERVER_ERROR";
+	API_STATUS_CODES$1[API_STATUS_CODES$1["SERVER_UNAVAILABLE"] = 503] = "SERVER_UNAVAILABLE";
+	API_STATUS_CODES$1[API_STATUS_CODES$1["BAD_REQUEST"] = 400] = "BAD_REQUEST";
+	return API_STATUS_CODES$1;
+}({});
+
 //#endregion
 //#region src/lib/user-facing/assets/images/errors/403-image.svg
 var _g$4, _g2, _defs$4;
@@ -6117,7 +6232,7 @@ function _extends$4() {
 		return n;
 	}, _extends$4.apply(null, arguments);
 }
-var Svg403Image = function Svg403Image(props) {
+var Svg403Image = function Svg403Image$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$4({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 167,
@@ -6316,6 +6431,8 @@ var Svg403Image = function Svg403Image(props) {
 		rx: 6
 	})))));
 };
+var _403_image_default = Svg403Image;
+
 //#endregion
 //#region src/lib/user-facing/assets/images/errors/404-image.svg
 var _g$3, _defs$3;
@@ -6328,7 +6445,7 @@ function _extends$3() {
 		return n;
 	}, _extends$3.apply(null, arguments);
 }
-var Svg404Image = function Svg404Image(props) {
+var Svg404Image = function Svg404Image$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$3({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -6472,6 +6589,8 @@ var Svg404Image = function Svg404Image(props) {
 		result: "shape"
 	})))));
 };
+var _404_image_default = Svg404Image;
+
 //#endregion
 //#region src/lib/user-facing/assets/images/errors/500-image.svg
 var _g$2, _defs$2;
@@ -6484,7 +6603,7 @@ function _extends$2() {
 		return n;
 	}, _extends$2.apply(null, arguments);
 }
-var Svg500Image = function Svg500Image(props) {
+var Svg500Image = function Svg500Image$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$2({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -6628,6 +6747,8 @@ var Svg500Image = function Svg500Image(props) {
 		result: "shape"
 	})))));
 };
+var _500_image_default = Svg500Image;
+
 //#endregion
 //#region src/lib/user-facing/assets/images/errors/general-error.svg
 var _g$1, _defs$1;
@@ -6640,7 +6761,7 @@ function _extends$1() {
 		return n;
 	}, _extends$1.apply(null, arguments);
 }
-var SvgGeneralError = function SvgGeneralError(props) {
+var SvgGeneralError = function SvgGeneralError$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -6788,6 +6909,8 @@ var SvgGeneralError = function SvgGeneralError(props) {
 		rx: 82
 	})))));
 };
+var general_error_default = SvgGeneralError;
+
 //#endregion
 //#region src/lib/user-facing/assets/images/errors/login-error.svg
 var _g, _defs;
@@ -6800,7 +6923,7 @@ function _extends() {
 		return n;
 	}, _extends.apply(null, arguments);
 }
-var SvgLoginError = function SvgLoginError(props) {
+var SvgLoginError = function SvgLoginError$1(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -6913,6 +7036,8 @@ var SvgLoginError = function SvgLoginError(props) {
 		rx: 82
 	})))));
 };
+var login_error_default = SvgLoginError;
+
 //#endregion
 //#region src/lib/user-facing/error-pages/error-component.tsx
 const HOME_URL = "/home";
@@ -6968,25 +7093,26 @@ const Button = styled.button`
   }
 `;
 const ErrorComponent = ({ title, errorMessage, buttonText, handleButtonClick, errorCode, buttonPath, image: overrideImage, secondaryButtonAction, secondaryButtonText, hideActions }) => {
-	let ImageComponent = overrideImage ?? SvgGeneralError;
+	let ImageComponent = overrideImage ?? general_error_default;
 	if (!overrideImage) switch (errorCode) {
-		case 404:
-			ImageComponent = Svg404Image;
+		case API_STATUS_CODES.RESOURCE_NOT_FOUND:
+			ImageComponent = _404_image_default;
 			break;
-		case 502:
-			ImageComponent = Svg500Image;
+		case API_STATUS_CODES.SERVER_ERROR:
+			ImageComponent = _500_image_default;
 			break;
-		case 403:
-			ImageComponent = Svg403Image;
+		case API_STATUS_CODES.RESOURCE_FORBIDDEN:
+			ImageComponent = _403_image_default;
 			break;
-		case 408:
-			ImageComponent = SvgGeneralError;
+		case API_STATUS_CODES.TIMEOUT:
+			ImageComponent = general_error_default;
 			break;
 		case "LOGIN_FAILURE":
-			ImageComponent = SvgLoginError;
+			ImageComponent = login_error_default;
 			break;
-		default: ImageComponent = SvgGeneralError;
+		default: ImageComponent = general_error_default;
 	}
+	const showActions = !hideActions;
 	return /* @__PURE__ */ jsx(ErrorWrapper, {
 		"data-test": "app-error-container",
 		className: "error-wrapper",
@@ -6996,7 +7122,7 @@ const ErrorComponent = ({ title, errorMessage, buttonText, handleButtonClick, er
 				"data-test": "error-page-subtext",
 				children: errorMessage
 			})] }),
-			!hideActions && /* @__PURE__ */ jsxs("div", {
+			showActions && /* @__PURE__ */ jsxs("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -7016,6 +7142,8 @@ const ErrorComponent = ({ title, errorMessage, buttonText, handleButtonClick, er
 		] })
 	});
 };
+var error_component_default = ErrorComponent;
+
 //#endregion
 //#region src/lib/user-facing/error-pages/page-not-found.tsx
 const Wrapper = styled.div`
@@ -7033,8 +7161,8 @@ const Wrapper = styled.div`
   height: 100%;
 `;
 const PageNotFound = ({ title = "Content not found", errorMessage = "We couldn’t find the page you were looking for. Make sure that you have the right URL. ", buttonPath, buttonText, onButtonClick, hideActions }) => {
-	return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(ErrorComponent, {
-		errorCode: 404,
+	return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(error_component_default, {
+		errorCode: API_STATUS_CODES.RESOURCE_NOT_FOUND,
 		title,
 		errorMessage,
 		hideActions,
@@ -7044,6 +7172,7 @@ const PageNotFound = ({ title = "Content not found", errorMessage = "We couldn
 		handleButtonClick: onButtonClick
 	}) });
 };
+
 //#endregion
 //#region src/lib/internal-details/internal-components/route-load-error.tsx
 function RouteLoadError() {
@@ -7073,6 +7202,7 @@ function RouteLoadError() {
 		error && /* @__PURE__ */ jsxs(ErrorDetails, { children: [/* @__PURE__ */ jsx(ErrorSummary, { children: "Full details" }), /* @__PURE__ */ jsx(ErrorStack, { children: error.stack })] })
 	] }) });
 }
+
 //#endregion
 //#region src/lib/user-facing/global-functions.ts
 /**
@@ -7114,6 +7244,7 @@ async function logoutIntegrations() {
 		...logoutResult?.errors ? { errors: logoutResult.errors } : {}
 	};
 }
+
 //#endregion
 //#region src/lib/user-facing/embed.ts
 /**
@@ -7162,6 +7293,7 @@ const Superblocks = {
 	emitEvent,
 	getEmbedProperties
 };
+
 //#endregion
 //#region src/lib/hooks/use-embed-properties.ts
 /**
@@ -7188,6 +7320,7 @@ const Superblocks = {
 function useEmbedProperties() {
 	return useStandaloneObserverMemo(() => embedStore.properties, []);
 }
+
 //#endregion
 //#region src/lib/hooks/use-embed-event.ts
 /**
@@ -7230,6 +7363,7 @@ function useEmbedEvent(eventName, handler) {
 		};
 	}, [eventName]);
 }
+
 //#endregion
 //#region src/lib/hooks/use-emit-embed-event.ts
 /**
@@ -7270,11 +7404,12 @@ function useEmitEmbedEvent() {
 		embedStore.emitEvent(eventName, payload);
 	}, []);
 }
+
 //#endregion
 //#region src/lib/index.ts
-LibraryEarlyConsoleBuffer.getInstance().patchEarly();
+early_console_buffer_default.getInstance().patchEarly();
 registerHtmlElements();
-//#endregion
-export { App, PageNotFound, Prop, Property, PropsCategory, RouteLoadError, Section, Superblocks, SbProvider as SuperblocksProvider, createElement, createTypedExecuteApi, embedStore, executeApi, getAppMode, logoutIntegrations, queryClient, registerComponent, tailwindStylesCategory, useApi, useApiData, useApiStateful, useEmbedEvent, useEmbedProperties, useEmitEmbedEvent, useSuperblocksDataTags, useSuperblocksGroups, useSuperblocksProfiles, useSuperblocksUser, useTypedApi, useTypedApiData };
 
+//#endregion
+export { App, PageNotFound, Prop, Property, PropsCategory, RouteLoadError, Section, Superblocks, sb_provider_default as SuperblocksProvider, createElement, createTypedExecuteApi, embedStore, executeApi, getAppMode, logoutIntegrations, queryClient, registerComponent, tailwindStylesCategory, useApi, useApiData, useApiStateful, useEmbedEvent, useEmbedProperties, useEmitEmbedEvent, useSuperblocksDataTags, useSuperblocksGroups, useSuperblocksProfiles, useSuperblocksUser, useTypedApi, useTypedApiData };
 //# sourceMappingURL=index.js.map