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

package/dist/lib/index.js

@@ -1,6 +1,6 @@
-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 { 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 { 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,9 +24,8 @@ 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";
+import equal from "@superblocksteam/fast-deep-equal/es6/index.js";
 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.
@@ -36,15 +35,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$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 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 isDroppable = !!managedProps.find((p) => p.path === "children" && p.dataType === "jsx");
 	root_store_default.onEditorRegistered(() => {
-		getEditStore().propertiesPanelManager.setPropertiesDefinition(type, propertiesDefinition$1);
+		getEditStore().propertiesPanelManager.setPropertiesDefinition(type, propertiesDefinition);
 	});
-	root_store_default.componentRegistry.addComponent(type, Component$1, propertiesDefinition$1);
+	root_store_default.componentRegistry.addComponent(type, Component, propertiesDefinition);
 	root_store_default.componentRegistry.addManagedProps(type, managedProps ?? []);
 	const defaultEditorConfig = {};
 	if (isDroppable) {
@@ -73,7 +72,6 @@ const registerComponentInternal = (Component$1, propertiesDefinition$1) => {
 	};
 	return chainableComponent;
 };
-
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/inline-styles-category.ts
 /**
@@ -101,7 +99,6 @@ 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;
@@ -138,7 +135,6 @@ 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) {
@@ -210,7 +206,6 @@ async function initializeCSSVariables() {
 	});
 	return globalThis.__CSS_VARIABLES_PROMISE__;
 }
-
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/style-tokens-size.ts
 let cachedSizePresets = null;
@@ -358,7 +353,6 @@ function getSizePresets() {
 	};
 	return cachedSizePresets;
 }
-
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/style-tokens-border.ts
 let cachedBorderPresets = null;
@@ -446,7 +440,6 @@ function getBorderPresets() {
 	};
 	return cachedBorderPresets;
 }
-
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/style-tokens-color.ts
 let cachedColorPresets = null;
@@ -512,7 +505,6 @@ function getColorPresets() {
 	cachedColorPresets = uniquePresets;
 	return uniquePresets;
 }
-
 //#endregion
 //#region src/lib/user-facing/properties-panel/mixins/styles-category.ts
 /**
@@ -543,17 +535,16 @@ 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$1) {
+function convertToSections(propertiesDefinition) {
 	return {
-		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")))
+		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")))
 	};
 }
 function mergeSections(sections, defaultSections) {
@@ -603,12 +594,11 @@ function mergeSections(sections, defaultSections) {
 * });
 * ```
 */
-function registerComponent(component, propertiesDefinition$1) {
+function registerComponent(component, propertiesDefinition) {
 	const defaultSections = defaultSectionsTemplate();
-	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));
+	if (!propertiesDefinition) return registerComponentInternal(component, defaultSections);
+	return registerComponentInternal(component, Object.values(propertiesDefinition).every((prop) => prop instanceof Section) ? mergeSections(propertiesDefinition, defaultSections) : mergeSections(convertToSections(propertiesDefinition), defaultSections));
 }
-
 //#endregion
 //#region src/lib/user-facing/components/html/html-property-panels.ts
 const TYPOGRAPHY_PRIORITIZED_PROPERTIES = [
@@ -656,7 +646,6 @@ const htmlTagSectionsTemplateForContainers = () => {
 		prioritizedTailwindProperties: CONTAINER_PRIORITIZED_PROPERTIES
 	});
 };
-
 //#endregion
 //#region src/lib/user-facing/components/html/register-html-elements.ts
 /**
@@ -778,7 +767,6 @@ function registerHtmlElements() {
 	registerComponent("link", htmlTagSectionsTemplate({ hasChildren: false }));
 	registerComponent("meta", htmlTagSectionsTemplate({ hasChildren: false }));
 }
-
 //#endregion
 //#region src/lib/internal-details/lib/jwt-utils.ts
 /**
@@ -874,7 +862,6 @@ function extractSdkUserFromJwt(token) {
 	if (!claims) return null;
 	return extractSdkUserFromClaims(claims);
 }
-
 //#endregion
 //#region src/lib/internal-details/handle-bootstrap-response.ts
 const handleBootstrapResponse = (event) => {
@@ -904,9 +891,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-Co8Wr1hk.js").then(({ initTracerProviderWithOrigin: initTracerProviderWithOrigin$1 }) => {
-		initTracerProviderWithOrigin$1(root_store_default.windowOriginUrl);
-		import("../logs-hyzhDMp7.js").then(({ initLibraryLoggerProvider }) => {
+	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 }) => {
 			initLibraryLoggerProvider({
 				windowOriginUrl: root_store_default.windowOriginUrl,
 				appId: event.data.payload.appId,
@@ -919,7 +906,6 @@ const handleBootstrapResponse = (event) => {
 		});
 	});
 };
-
 //#endregion
 //#region src/lib/internal-details/internal-components/spinner.tsx
 const Spinner = styled.span`
@@ -954,7 +940,6 @@ const FullPageSpinner = () => {
 		children: /* @__PURE__ */ jsx(Spinner, {})
 	});
 };
-
 //#endregion
 //#region src/lib/internal-details/lib/features/injected-features.ts
 function useGetCurrentUserQuery() {
@@ -965,7 +950,6 @@ function useGetCurrentUserQuery() {
 		};
 	}, []);
 }
-
 //#endregion
 //#region src/lib/internal-details/lib/registry-loader.ts
 /**
@@ -983,7 +967,6 @@ async function loadRegistryModule() {
 		registryUrl.href
 )).default;
 }
-
 //#endregion
 //#region src/lib/internal-details/lib/utils/zod-to-typescript.ts
 /**
@@ -1066,7 +1049,6 @@ function convertZodSchema(schema) {
 		jsonSchema
 	};
 }
-
 //#endregion
 //#region src/lib/internal-details/lib/sdk-api-registry.ts
 /**
@@ -1151,7 +1133,6 @@ function updateSdkApiSourceCode(name, sourceCode) {
 function clearSdkApiRegistry() {
 	registeredApis.clear();
 }
-
 //#endregion
 //#region src/lib/internal-details/lib/sdk-api-discovery.ts
 /**
@@ -1282,7 +1263,6 @@ 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
 /**
@@ -1339,7 +1319,6 @@ var QueryClient = class {
 	} };
 };
 const queryClient = new QueryClient();
-
 //#endregion
 //#region src/lib/internal-details/execute-api.ts
 /**
@@ -1401,9 +1380,9 @@ async function executeApi(apiName, inputs, options) {
 			}
 		});
 		try {
-			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 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 nullError = {
 					code: "NO_RESPONSE",
 					message: `API "${apiName}" returned no response`
@@ -1419,41 +1398,41 @@ async function executeApi(apiName, inputs, options) {
 				});
 				throw new Error(nullError.message);
 			}
-			if (result$1.error?.code === "ABORTED") {
+			if (result.error?.code === "ABORTED") {
 				if (editMode) sendMessageImmediately({
 					type: "sdk-api-execution-failed",
 					payload: {
 						executionId,
 						apiName,
-						error: result$1.error,
+						error: result.error,
 						durationMs,
-						diagnostics: result$1.diagnostics,
-						orchestratorStartMs: result$1.executionStartMs,
-						orchestratorDurationMs: result$1.executionDurationMs,
-						fetchStartMs: result$1.fetchStartMs,
-						timingBreakdown: result$1.timingBreakdown
+						diagnostics: result.diagnostics,
+						orchestratorStartMs: result.executionStartMs,
+						orchestratorDurationMs: result.executionDurationMs,
+						fetchStartMs: result.fetchStartMs,
+						timingBreakdown: result.timingBreakdown
 					}
 				});
 				throw new DOMException(`API "${apiName}" execution was aborted`, "AbortError");
 			}
-			if (result$1.success) {
+			if (result.success) {
 				if (editMode) sendMessageImmediately({
 					type: "sdk-api-execution-completed",
 					payload: {
 						executionId,
 						apiName,
-						output: result$1.output,
+						output: result.output,
 						durationMs,
-						diagnostics: result$1.diagnostics,
-						orchestratorStartMs: result$1.executionStartMs,
-						orchestratorDurationMs: result$1.executionDurationMs,
-						fetchStartMs: result$1.fetchStartMs,
-						timingBreakdown: result$1.timingBreakdown
+						diagnostics: result.diagnostics,
+						orchestratorStartMs: result.executionStartMs,
+						orchestratorDurationMs: result.executionDurationMs,
+						fetchStartMs: result.fetchStartMs,
+						timingBreakdown: result.timingBreakdown
 					}
 				});
-				return result$1.output;
+				return result.output;
 			}
-			const error = result$1.error ?? {
+			const error = result.error ?? {
 				code: "UNKNOWN",
 				message: "API execution failed"
 			};
@@ -1464,11 +1443,11 @@ async function executeApi(apiName, inputs, options) {
 					apiName,
 					error,
 					durationMs,
-					diagnostics: result$1.diagnostics,
-					orchestratorStartMs: result$1.executionStartMs,
-					orchestratorDurationMs: result$1.executionDurationMs,
-					fetchStartMs: result$1.fetchStartMs,
-					timingBreakdown: result$1.timingBreakdown
+					diagnostics: result.diagnostics,
+					orchestratorStartMs: result.executionStartMs,
+					orchestratorDurationMs: result.executionDurationMs,
+					fetchStartMs: result.fetchStartMs,
+					timingBreakdown: result.timingBreakdown
 				}
 			});
 			throw error;
@@ -1513,7 +1492,6 @@ async function executeApi(apiName, inputs, options) {
 function createTypedExecuteApi() {
 	return executeApi;
 }
-
 //#endregion
 //#region src/lib/internal-details/use-api-data.ts
 /**
@@ -1537,8 +1515,8 @@ const EXEC_ID_PREFIX = "sb-exec-id:";
 function getOrCreateExecId(cacheKey) {
 	const key = EXEC_ID_PREFIX + cacheKey;
 	try {
-		const id$1 = sessionStorage.getItem(key);
-		if (id$1) return id$1;
+		const id = sessionStorage.getItem(key);
+		if (id) return id;
 	} catch {}
 	const id = generateId();
 	try {
@@ -1598,7 +1576,7 @@ function useApiData(apiName, inputs, options = {}) {
 		keepPreviousData: true,
 		fallbackData: options.placeholderData
 	};
-	const { data, error, isValidating, isLoading, mutate: mutate$1 } = useSWR(enabled ? cacheKey : null, fetcher, swrConfig);
+	const { data, error, isValidating, isLoading, mutate } = 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;
@@ -1610,8 +1588,8 @@ function useApiData(apiName, inputs, options = {}) {
 		controllerRef.current?.abort();
 		controllerRef.current = null;
 		await new Promise((resolve) => setTimeout(resolve, 0));
-		return await mutate$1();
-	}, [mutate$1]);
+		return await mutate();
+	}, [mutate]);
 	const cancel = useCallback(() => {
 		controllerRef.current?.abort();
 		controllerRef.current = null;
@@ -1643,7 +1621,6 @@ function useApiData(apiName, inputs, options = {}) {
 function useTypedApiData() {
 	return useApiData;
 }
-
 //#endregion
 //#region src/lib/internal-details/use-api.ts
 /**
@@ -1671,9 +1648,9 @@ function useTypedApiData() {
 const getApiPath = (name) => {
 	if (root_store_default.sdkApiEnabled) {
 		if (name.startsWith("/")) return name;
-		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}`;
+		const registered = root_store_default.getApiEntryPoint(name);
+		if (!registered) throw new Error(`No entryPoint registered for API "${name}". Was it discovered?`);
+		return `/${registered}`;
 	}
 	let apiPath = name;
 	if (!apiPath.startsWith("/apis")) apiPath = `/apis/${name}/api.yaml`;
@@ -1922,7 +1899,6 @@ function useApi(apiName, inputs) {
 function useTypedApi() {
 	return useApi;
 }
-
 //#endregion
 //#region src/lib/internal-details/use-embed-message-listeners.ts
 /**
@@ -1965,7 +1941,6 @@ function useEmbedMessageListeners(navigate, superblocksContext) {
 		};
 	}, [navigate, superblocksContext]);
 }
-
 //#endregion
 //#region src/lib/internal-details/utils/link-modifiers-interceptor.ts
 /**
@@ -2151,7 +2126,6 @@ function linkModifierInterceptor({ isEmbedMode = false, appMode } = {}) {
 		hoverCleanup?.();
 	};
 }
-
 //#endregion
 //#region src/edit-mode/build-error-notification.tsx
 const ModalOverlay = styled(Dialog.Overlay)`
@@ -2280,7 +2254,7 @@ const ErrorText = styled.span`
 const ErrorIcon = styled.svg`
   flex-shrink: 0;
 `;
-const BuildErrorNotification = observer(function BuildErrorNotification$1() {
+const BuildErrorNotification = observer(function BuildErrorNotification() {
 	const [currentError, setCurrentError] = useState(null);
 	const [isModalOpen, setIsModalOpen] = useState(false);
 	const lastBuildError = useRef(null);
@@ -2394,7 +2368,6 @@ function BuildErrorModal({ isOpen, error, onClose }) {
 		})] })
 	});
 }
-
 //#endregion
 //#region src/edit-mode/create-component.ts
 function getParentInfo(parent) {
@@ -2429,26 +2402,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$1 = {
+	const context = {
 		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$1);
+	const editorTemplateCreateRequest = editorTemplates?.[0]?.create?.(context);
 	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: editorTemplateCreateRequest$1, baseProperties: baseProperties$1 }) {
-		const type = editorTemplateCreateRequest$1?.type ?? componentType;
-		const { properties: propertiesFromType, children } = getComponentBaseProperties(type, parentInfo, editorTemplateCreateRequest$1);
+	function editorTemplateCreateRequestToInternalCreateRequest({ editorTemplateCreateRequest, baseProperties }) {
+		const type = editorTemplateCreateRequest?.type ?? componentType;
+		const { properties: propertiesFromType, children } = getComponentBaseProperties(type, parentInfo, editorTemplateCreateRequest);
 		const properties = {
 			...propertiesFromType,
-			...baseProperties$1
+			...baseProperties
 		};
 		return {
-			parentElement: getCreateAtParentElement(parent, editorTemplateCreateRequest$1?.createAt),
+			parentElement: getCreateAtParentElement(parent, editorTemplateCreateRequest?.createAt),
 			tagName: type,
 			properties,
 			children,
@@ -2456,15 +2429,15 @@ async function createComponent({ componentType, parent, scopeName, basePropertie
 			id: editStore.operationManager.generateSourceId()
 		};
 	}
-	const createRequests = editorTemplateCreateRequests.map((editorTemplateCreateRequest$1, index) => editorTemplateCreateRequestToInternalCreateRequest({
-		editorTemplateCreateRequest: editorTemplateCreateRequest$1,
+	const createRequests = editorTemplateCreateRequests.map((editorTemplateCreateRequest, index) => editorTemplateCreateRequestToInternalCreateRequest({
+		editorTemplateCreateRequest,
 		baseProperties: index === 0 ? baseProperties : {}
 	}));
 	const hasOtherComponentsUpdates = otherComponentsUpdates && Object.keys(otherComponentsUpdates).length > 0;
 	const hasMultipleCreateComponents = editorTemplateCreateRequests.length > 1 && !skipSecondaryComponentsCreation;
 	if (hasOtherComponentsUpdates || hasMultipleCreateComponents) {
-		const performOtherComponentsUpdates = (otherComponentsUpdates$1) => {
-			Object.entries(otherComponentsUpdates$1).forEach(([sourceId, updates]) => {
+		const performOtherComponentsUpdates = (otherComponentsUpdates) => {
+			Object.entries(otherComponentsUpdates).forEach(([sourceId, updates]) => {
 				editStore.operationManager.setWidgetProperties({
 					sourceId,
 					properties: updates
@@ -2485,7 +2458,6 @@ async function createComponent({ componentType, parent, scopeName, basePropertie
 	*/
 	return createRequests.at(-1).id;
 }
-
 //#endregion
 //#region src/edit-mode/features/ai-store.ts
 var AiManager = class {
@@ -2556,10 +2528,13 @@ var AiManager = class {
 	setAiContextMode(mode, components) {
 		this._contextMode = mode;
 		this._targetedComponents = components?.map((component) => component.id) ?? [];
-		if (this._targetedComponents.length > 0) this._targetedSelectors = components?.flatMap((component) => {
-			if (component.selectorId) return [component.selectorId];
-			return Array.from(this.runtimeTrackingStore.getSelectorIdsForSourceId(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;
+		}
 	}
 	addTargetedSelector(selectorId) {
 		this.removeAllSharedSelectors(selectorId);
@@ -2612,7 +2587,6 @@ var AiManager = class {
 		this._targetedSelectors = this._targetedSelectors.filter((selectorId) => !allSelectorIds.has(selectorId));
 	}
 };
-
 //#endregion
 //#region src/edit-mode/features/connection-manager.ts
 var ConnectionManager = class {
@@ -2630,8 +2604,6 @@ var ConnectionManager = class {
 		this.connectionStatus = "disconnected";
 	}
 };
-var connection_manager_default = ConnectionManager;
-
 //#endregion
 //#region src/edit-mode/async-socket.ts
 var AsyncSocket = class {
@@ -2654,7 +2626,6 @@ var AsyncSocket = class {
 		return !!this.socket;
 	}
 };
-
 //#endregion
 //#region src/edit-mode/source-update-api.ts
 const PING_INTERVAL_MS = 15e3;
@@ -2922,7 +2893,6 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, authori
 		throw error;
 	}
 }
-
 //#endregion
 //#region src/edit-mode/features/operation-store.ts
 var OperationManager = class {
@@ -3014,8 +2984,8 @@ var OperationManager = class {
 			payload
 		});
 	}
-	@action dropComponent(action$1) {
-		const { from, to, propsToChange } = action$1;
+	@action dropComponent(action) {
+		const { from, to, propsToChange } = action;
 		const payload = {
 			from,
 			to,
@@ -3038,10 +3008,10 @@ var OperationManager = class {
 			console.error("No transaction id in edit operation", operation);
 			return;
 		}
-		const addOperation = (operation$1, batchTransactionId) => {
-			switch (operation$1.type) {
+		const addOperation = (operation, batchTransactionId) => {
+			switch (operation.type) {
 				case "editor:createComponent": {
-					const { type, payload } = operation$1;
+					const { type, payload } = operation;
 					this.addPendingTransaction({
 						type,
 						id: batchTransactionId ?? payload.transaction.id,
@@ -3050,7 +3020,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:deleteComponents": {
-					const { type, payload } = operation$1;
+					const { type, payload } = operation;
 					this.addPendingTransaction({
 						type,
 						id: batchTransactionId ?? payload.transaction.id,
@@ -3059,7 +3029,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:moveComponent": {
-					const { type, payload } = operation$1;
+					const { type, payload } = operation;
 					this.addPendingTransaction({
 						type,
 						id: batchTransactionId ?? payload.transaction.id,
@@ -3068,7 +3038,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:setProperties": {
-					const { type, payload } = operation$1;
+					const { type, payload } = operation;
 					this.addPendingTransaction({
 						type,
 						id: payload.transaction.id,
@@ -3077,7 +3047,7 @@ var OperationManager = class {
 					break;
 				}
 				case "editor:deleteProperties": {
-					const { payload } = operation$1;
+					const { payload } = operation;
 					const asSetProperties = {
 						element: { source: { id: payload.element.source.id } },
 						properties: Object.fromEntries(payload.properties.map((p) => [p, {
@@ -3093,7 +3063,7 @@ var OperationManager = class {
 					});
 					break;
 				}
-				default: console.error("Unknown edit operation", operation$1);
+				default: console.error("Unknown edit operation", operation);
 			}
 		};
 		if (operation.type === "editor:batchUpdate") {
@@ -3140,8 +3110,6 @@ var OperationManager = class {
 		return generateSourceId();
 	}
 };
-var operation_store_default = OperationManager;
-
 //#endregion
 //#region src/edit-mode/features/properties-panel-manager.ts
 var PropertiesPanelManager = class {
@@ -3161,9 +3129,9 @@ var PropertiesPanelManager = class {
 		if (!component?.type) return { sections: [] };
 		const componentType = component.displayName || component.type;
 		if (!componentType) return { sections: [] };
-		const propertiesDefinition$1 = this.propertiesDefinitions.get(componentType);
-		if (!propertiesDefinition$1) return { sections: [] };
-		return createPropertiesPanelDefinition(propertiesDefinition$1, props ?? {});
+		const propertiesDefinition = this.propertiesDefinitions.get(componentType);
+		if (!propertiesDefinition) return { sections: [] };
+		return createPropertiesPanelDefinition(propertiesDefinition, props ?? {});
 	}
 	trackPropertiesPanel(selectorId) {
 		if (this.propertiesPanelTrackerDisposer) this.propertiesPanelTrackerDisposer();
@@ -3181,8 +3149,8 @@ var PropertiesPanelManager = class {
 	getPropertiesDefinition(type) {
 		return this.propertiesDefinitions.get(type);
 	}
-	setPropertiesDefinition(widgetType, propertiesDefinition$1) {
-		this.propertiesDefinitions.set(widgetType, propertiesDefinition$1);
+	setPropertiesDefinition(widgetType, propertiesDefinition) {
+		this.propertiesDefinitions.set(widgetType, propertiesDefinition);
 	}
 	updatePropertiesDefinitionForType(type) {
 		console.log("[internal] [NOOP] updatePropertiesDefinitionForType: ", type);
@@ -3204,8 +3172,6 @@ var PropertiesPanelManager = class {
 		});
 	}
 };
-var properties_panel_manager_default = PropertiesPanelManager;
-
 //#endregion
 //#region src/edit-mode/runtime-graph/observable-graph.ts
 var ObservableGraph = class extends Graph {
@@ -3241,7 +3207,6 @@ var ObservableGraph = class extends Graph {
 		});
 	}
 };
-
 //#endregion
 //#region src/edit-mode/runtime-graph/runtime-component-node.ts
 var RuntimeComponentNode = class {
@@ -3289,7 +3254,6 @@ 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 {
@@ -3424,8 +3388,6 @@ 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 {
@@ -3559,7 +3521,6 @@ var ResizingManager = class {
 		});
 	}
 };
-
 //#endregion
 //#region src/edit-mode/features/ui-store.ts
 const MULTI_SELECT_ENABLED = false;
@@ -3680,14 +3641,12 @@ 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$1) => !selectorIdsToIgnore.has(selectorId$1)));
+		this.newComponentSelectPromise = when(() => Array.from(this.editStore.runtimeTrackingStore.getSelectorIdsForSourceId(sourceId)).some((selectorId) => !selectorIdsToIgnore.has(selectorId)));
 		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;
@@ -3775,7 +3734,6 @@ function getComponentType(component) {
 	if (typeof component.type === "string") return component.type;
 	return "Component";
 }
-
 //#endregion
 //#region src/edit-mode/runtime-sync/runtime-subscriptions-store.ts
 /**
@@ -3812,7 +3770,6 @@ var RuntimeSubscriptionsStore = class {
 		return out;
 	}
 };
-
 //#endregion
 //#region src/edit-mode/edit-store.ts
 const isSessionRecordingEnabled = () => {
@@ -3834,12 +3791,12 @@ var EditStore = class {
 	designModeDisabled = false;
 	viteMessageListeners = /* @__PURE__ */ new Map();
 	constructor(rootStore) {
-		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.ui = new UIStore(rootStore, this);
+		this.operationManager = new OperationManager();
+		this.propertiesPanelManager = new PropertiesPanelManager(this, rootStore.componentRegistry);
+		this.runtimeTrackingStore = new RuntimeTrackingStore(this);
 		this.runtimeSubscriptionsStore = new RuntimeSubscriptionsStore(this);
-		this.connectionManager = new connection_manager_default();
+		this.connectionManager = new ConnectionManager();
 		this.ai = new AiManager(this.runtimeTrackingStore);
 		makeObservable(this, {
 			isInitialized: observable,
@@ -3907,7 +3864,6 @@ 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) {
@@ -3917,7 +3873,6 @@ 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) {
@@ -3989,7 +3944,6 @@ function useKeyPressed(key, callback, options) {
 		options?.allowMultipleKeys
 	]);
 }
-
 //#endregion
 //#region src/lib/hooks/use-observer-memo.ts
 /**
@@ -4019,51 +3973,30 @@ 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: 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
+	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
 };
-
 //#endregion
 //#region src/edit-mode/interaction-utils.ts
 /**
@@ -4082,7 +4015,6 @@ 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) => {
@@ -4115,8 +4047,6 @@ 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) => {
@@ -4171,14 +4101,13 @@ function InteractionRectActions(props) {
 			opacity: opacityValue,
 			transform
 		},
-		children: /* @__PURE__ */ jsx(interaction_rect_name_pill_default, {
+		children: /* @__PURE__ */ jsx(NamePill, {
 			selectorId,
 			displayName,
 			type
 		})
 	});
 }
-
 //#endregion
 //#region src/edit-mode/interaction-layer/transform-utils.ts
 const transformCache = /* @__PURE__ */ new Map();
@@ -4213,9 +4142,9 @@ function useAnchorTransform(selectorId) {
 				current = current.parentElement;
 			}
 			if (transforms.length === 0) {
-				const data$1 = { transform: "none" };
-				transformCache.set(selectorId, data$1);
-				setTransformData(data$1);
+				const data = { transform: "none" };
+				transformCache.set(selectorId, data);
+				setTransformData(data);
 				return;
 			}
 			const rect = transforms[0].element.getBoundingClientRect();
@@ -4240,26 +4169,22 @@ function useAnchorTransform(selectorId) {
 	}, [selectorId]);
 	return transformData.transform;
 }
-function convertPercentageInTransform(transformValue, width$1, height$1) {
+function convertPercentageInTransform(transformValue, width, height) {
 	if (transformValue.startsWith("matrix")) return transformValue;
 	const translateMatch = transformValue.match(/translate3?d?\(([^)]+)\)/);
 	if (!translateMatch) return transformValue;
 	const valueString = translateMatch[1].trim();
-	const values$1 = valueString.includes(",") ? valueString.split(",").map((v) => v.trim()) : valueString.split(/\s+/).filter((v) => v);
+	const values = valueString.includes(",") ? valueString.split(",").map((v) => v.trim()) : valueString.split(/\s+/).filter((v) => v);
 	const convertValue = (value, dimension) => {
-		if (value.includes("%")) {
-			const percentage = parseFloat(value);
-			return `${Math.round(percentage / 100 * dimension)}px`;
-		}
+		if (value.includes("%")) return `${Math.round(parseFloat(value) / 100 * dimension)}px`;
 		return value;
 	};
-	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})`);
+	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})`);
 	return transformValue.replace(translateMatch[0], `translate(${x}, ${y})`);
 }
-
 //#endregion
 //#region src/edit-mode/interaction-layer/interaction-rect.tsx
 const useSelectionElements = (params) => {
@@ -4401,7 +4326,6 @@ const selectDisplayNameAndVisibility = (selectorId) => {
 		sourceId
 	};
 };
-
 //#endregion
 //#region src/edit-mode/editor-hotkeys.tsx
 function EditorHotkeys({ children }) {
@@ -4526,7 +4450,6 @@ function EditorHotkeys({ children }) {
 	});
 	return /* @__PURE__ */ jsx(Fragment, { children });
 }
-
 //#endregion
 //#region src/edit-mode/screenshot-handler.ts
 let cleanupCallback$1 = void 0;
@@ -4546,15 +4469,15 @@ function calculateScreenshotScale(elementWidth, elementHeight) {
 * reflect the viewport while a child container holds the real content extent.
 */
 function measureContentDimensions(targetElement, rootElement) {
-	let width$1 = Math.max(targetElement.scrollWidth, targetElement.offsetWidth);
-	let height$1 = Math.max(targetElement.scrollHeight, targetElement.offsetHeight);
+	let width = Math.max(targetElement.scrollWidth, targetElement.offsetWidth);
+	let height = Math.max(targetElement.scrollHeight, targetElement.offsetHeight);
 	if (targetElement === rootElement) {
-		width$1 = Math.max(width$1, document.documentElement.scrollWidth, document.body.scrollWidth);
-		height$1 = Math.max(height$1, document.documentElement.scrollHeight, document.body.scrollHeight);
+		width = Math.max(width, document.documentElement.scrollWidth, document.body.scrollWidth);
+		height = Math.max(height, document.documentElement.scrollHeight, document.body.scrollHeight);
 	}
 	return {
-		width: width$1,
-		height: height$1
+		width,
+		height
 	};
 }
 /**
@@ -4574,13 +4497,13 @@ function loadImage(dataUrl) {
 */
 async function ensureWithinDimensionLimit(dataUrl) {
 	const img = await loadImage(dataUrl);
-	const { naturalWidth: width$1, naturalHeight: height$1 } = img;
-	const maxDim = Math.max(width$1, height$1);
+	const { naturalWidth: width, naturalHeight: height } = img;
+	const maxDim = Math.max(width, height);
 	if (maxDim <= MAX_SCREENSHOT_DIMENSION) return dataUrl;
-	console.warn(`[Library Screenshot Handler] Output image ${width$1}x${height$1} exceeds ${MAX_SCREENSHOT_DIMENSION}px limit, resizing…`);
+	console.warn(`[Library Screenshot Handler] Output image ${width}x${height} exceeds ${MAX_SCREENSHOT_DIMENSION}px limit, resizing…`);
 	const scale = MAX_SCREENSHOT_DIMENSION / maxDim;
-	const targetWidth = Math.round(width$1 * scale);
-	const targetHeight = Math.round(height$1 * scale);
+	const targetWidth = Math.round(width * scale);
+	const targetHeight = Math.round(height * scale);
 	const canvas = document.createElement("canvas");
 	canvas.width = targetWidth;
 	canvas.height = targetHeight;
@@ -4665,10 +4588,10 @@ function initializeScreenshotHandler() {
 				scale,
 				...selector && { onCloneNode: (cloned) => {
 					if (cloned instanceof HTMLElement) {
-						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));
+						const computed = getComputedStyle(targetElement);
+						for (let i = 0; i < computed.length; i++) {
+							const prop = computed[i];
+							cloned.style.setProperty(prop, computed.getPropertyValue(prop));
 						}
 					}
 				} }
@@ -4702,7 +4625,6 @@ 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;
@@ -4786,14 +4708,13 @@ 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", () => {
-		api_hmr_tracker_default.dontSkipUntilNextReload();
+		tracker.dontSkipUntilNextReload();
 		_setReloadKey?.((currentKey) => currentKey + 1);
 	});
 	import.meta.hot.on("vite:beforeFullReload", () => {
@@ -4865,7 +4786,7 @@ if (isEditMode()) {
 	};
 	setupInitializer();
 }
-const IframeConnected = observer(function IframeConnected$1(props) {
+const IframeConnected = observer(function IframeConnected(props) {
 	const [reloadKey, setReloadKey] = useState(0);
 	_setReloadKey = setReloadKey;
 	useEffect(() => {
@@ -5152,8 +5073,8 @@ const EmbedWrapper$2 = (props) => {
 					skipSecondaryComponentsCreation,
 					otherComponentsUpdates
 				});
-			} catch (error$1) {
-				console.error("Failed to create component:", error$1);
+			} catch (error) {
+				console.error("Failed to create component:", error);
 			}
 		};
 		iframeMessageHandler.addEventListener("sb-create-component", createComponentListener);
@@ -5204,11 +5125,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$1) => {
-				switch (action$1.type) {
+			if (event.data?.type === "parent-action-batch" && event.data.payload) event.data.payload.forEach((action) => {
+				switch (action.type) {
 					case "operations/editor:selectWidgets": {
-						const sourceIds = action$1.payload.sourceIds;
-						const selectorIdHint = action$1.payload.selectorIdHint;
+						const sourceIds = action.payload.sourceIds;
+						const selectorIdHint = action.payload.selectorIdHint;
 						getEditStore().ui.setSelectedSourceIds(sourceIds);
 						const selectorIds = sourceIds.flatMap((sourceId) => {
 							if (selectorIdHint) {
@@ -5220,12 +5141,12 @@ const EmbedWrapper$2 = (props) => {
 						break;
 					}
 					case "codeMode/cancelApiExecution": {
-						const { apiId } = action$1.payload;
+						const { apiId } = action.payload;
 						root_store_default.apis.cancelApi(apiId);
 						break;
 					}
 					case "RUN_API": {
-						const { apiName, traceHeaders, callId, isTestRun, inputs } = action$1.payload;
+						const { apiName, traceHeaders, callId, isTestRun, inputs } = action.payload;
 						console.debug("[internal] [iframe-wrappers] Received RUN_API:", {
 							apiName,
 							callId
@@ -5281,7 +5202,7 @@ const EmbedWrapper$2 = (props) => {
 										timingBreakdown: result.timingBreakdown
 									}
 								});
-							}).catch((error$1) => {
+							}).catch((error) => {
 								sendMessageImmediately({
 									type: "sdk-api-execution-failed",
 									payload: {
@@ -5289,7 +5210,7 @@ const EmbedWrapper$2 = (props) => {
 										apiName,
 										error: {
 											code: "UNKNOWN",
-											message: error$1 instanceof Error ? error$1.message : "Unknown error"
+											message: error instanceof Error ? error.message : "Unknown error"
 										},
 										durationMs: Date.now() - startTime
 									}
@@ -5304,13 +5225,13 @@ const EmbedWrapper$2 = (props) => {
 									...inputs
 								},
 								isTestRun: true
-							}).catch((error$1) => {
-								console.error(`Failed to test API ${apiName}:`, error$1);
+							}).catch((error) => {
+								console.error(`Failed to test API ${apiName}:`, error);
 							});
 						} else if (callId) {
 							console.log("[iframe-wrappers] Re-running with callId:", callId);
-							root_store_default.apis.rerunApiByCallId(callId).catch((error$1) => {
-								console.error(`Failed to re-run API with callId ${callId}:`, error$1);
+							root_store_default.apis.rerunApiByCallId(callId).catch((error) => {
+								console.error(`Failed to re-run API with callId ${callId}:`, error);
 							});
 						} else {
 							console.log("[iframe-wrappers] This might be a Clark request - executing API normally");
@@ -5322,8 +5243,8 @@ const EmbedWrapper$2 = (props) => {
 								},
 								callId,
 								isTestRun: false
-							}).catch((error$1) => {
-								console.error(`Failed to run API ${apiName}:`, error$1);
+							}).catch((error) => {
+								console.error(`Failed to run API ${apiName}:`, error);
 							});
 						}
 						break;
@@ -5350,8 +5271,8 @@ const EmbedWrapper$2 = (props) => {
 						pathname: generatePath(route, routeTestParams),
 						search: location.search
 					});
-				} catch (error$1) {
-					throw new Error(`Failed to navigate to route: ${error$1}`);
+				} catch (error) {
+					throw new Error(`Failed to navigate to route: ${error}`);
 				}
 			});
 		} catch {
@@ -5372,7 +5293,6 @@ 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) {
@@ -5396,11 +5316,6 @@ 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) => {
@@ -5481,8 +5396,8 @@ const getWidgetFromPointHelper = (params) => {
 		y,
 		rootElement,
 		delta: {
-			x: EXTENDED_CLICKABLE_AREA_DELTA,
-			y: EXTENDED_CLICKABLE_AREA_DELTA
+			x: 6,
+			y: 6
 		}
 	});
 	if (widgetsWithBuffer.hoveredPills.length > 0) return getFirstItemWithFocusedSelectorPrioritized(widgetsWithBuffer.hoveredPills);
@@ -5552,7 +5467,6 @@ function getMostRelevantWidgetAtPoint(params) {
 	}
 	return widget.selectorId;
 }
-
 //#endregion
 //#region src/edit-mode/interaction-layer/interaction-layer.tsx
 const INTERACTION_LAYER_ATTRIBUTE = "data-interaction-layer";
@@ -5745,7 +5659,7 @@ const InteractionLayerManager = observer(() => {
 			setBodyChildren(getBodyChildren());
 		};
 		updateBodyChildren();
-		const observer$1 = new MutationObserver((mutations) => {
+		const observer = new MutationObserver((mutations) => {
 			for (const mutation of mutations) if (mutation.type === "childList") {
 				const addedNodes = Array.from(mutation.addedNodes);
 				const removedNodes = Array.from(mutation.removedNodes);
@@ -5755,9 +5669,9 @@ const InteractionLayerManager = observer(() => {
 				}
 			}
 		});
-		observer$1.observe(document.body, { childList: true });
+		observer.observe(document.body, { childList: true });
 		return () => {
-			observer$1.disconnect();
+			observer.disconnect();
 		};
 	}, []);
 	if (editStore.ai.getIsEditing()) return null;
@@ -5813,8 +5727,6 @@ 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) => {
@@ -5872,8 +5784,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$1) => {
-				switch (action$1.type) {
+			if (event.data?.type === "parent-action-batch" && event.data.payload) event.data.payload.forEach((action) => {
+				switch (action.type) {
 					case "RUN_API":
 						console.warn("RUN_API action is not supported without entityManager");
 						break;
@@ -5901,7 +5813,6 @@ 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 {
@@ -5942,7 +5853,6 @@ var InternalErrorBoundary = class extends React.Component {
 		return this.props.children;
 	}
 };
-
 //#endregion
 //#region src/lib/internal-details/lib/apply-sdk-context-payload.ts
 /**
@@ -5955,12 +5865,11 @@ 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-CwxpaGqQ.js").then((module) => ({ default: module.CustomDevTools }));
+	return import("../devtools-consolidated--QF_TVsD.js").then((module) => ({ default: module.CustomDevTools }));
 });
 const DevTools = () => {
 	if (!SUPPORTED_MODES.includes("production")) return null;
@@ -5969,7 +5878,6 @@ const DevTools = () => {
 		children: /* @__PURE__ */ jsx(DevToolsInternal, {})
 	});
 };
-
 //#endregion
 //#region src/lib/internal-details/routing.ts
 function useTrackRouteChange() {
@@ -5993,7 +5901,6 @@ function useTrackRouteChange() {
 		params
 	]);
 }
-
 //#endregion
 //#region src/lib/user-facing/load-build-manifest.ts
 /**
@@ -6006,7 +5913,7 @@ function useTrackRouteChange() {
 async function loadBuildManifest() {
 	if (isEditMode()) return;
 	try {
-		const mod = await import("../build-manifest-BOqMhObV.js");
+		const mod = await import("../build-manifest-Xi8oZhWX.js");
 		const sdkApis = mod.default.sdkApis ?? {};
 		if (Object.keys(sdkApis).length > 0) {
 			root_store_default.clearApiEntryPoints();
@@ -6021,7 +5928,6 @@ 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;
@@ -6062,28 +5968,27 @@ API executions and editor features will be unavailable.
 	if (hasRendered()) editorBridge.sendClearRuntimeError(ERROR_ID, true);
 	else {
 		let started = false;
-		let observer$1 = null;
+		let observer = null;
 		const startOnce = () => {
 			if (started) return;
 			started = true;
-			observer$1?.disconnect();
-			observer$1 = null;
+			observer?.disconnect();
+			observer = null;
 			startTracking();
 		};
 		const rootEl = typeof document !== "undefined" ? document.getElementById("root") : null;
 		if (rootEl) if (rootEl.childNodes.length > 0) startOnce();
 		else {
-			observer$1 = new MutationObserver(() => {
+			observer = new MutationObserver(() => {
 				if (hasRendered() || rootEl.childNodes.length > 0) startOnce();
 			});
-			observer$1.observe(rootEl, {
+			observer.observe(rootEl, {
 				childList: true,
 				subtree: true
 			});
 		}
 	}
 }
-
 //#endregion
 //#region src/lib/user-facing/styling/styles.ts
 const VARIABLES = { primaryColor: "--primary-color" };
@@ -6112,7 +6017,6 @@ 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;
@@ -6126,7 +6030,7 @@ console.log = (...args) => {
 };
 const Auth0Wrapper = isEditMode() ? Auth0Wrapper$2 : Auth0Wrapper$1;
 const EmbedWrapper = isEditMode() ? EmbedWrapper$2 : EmbedWrapper$1;
-const SbProvider = function SbProvider$1({ name = "codemode", children, className, context: context$1 }) {
+const SbProvider = function SbProvider({ name = "codemode", children, className, context }) {
 	const isEmbedded = typeof window !== "undefined" && window.parent !== window.self;
 	useTrackRouteChange();
 	const [isApisInitialized, setIsApisInitialized] = useState(false);
@@ -6171,55 +6075,36 @@ const SbProvider = function SbProvider$1({ name = "codemode", children, classNam
 		children: [/* @__PURE__ */ jsx(InternalErrorBoundary, { children: /* @__PURE__ */ jsxs("div", {
 			className: "h-full w-full relative",
 			children: [/* @__PURE__ */ jsx(SuperblocksContextProvider, {
-				value: context$1 ?? void 0,
+				value: context ?? void 0,
 				children: isEmbedded ? /* @__PURE__ */ jsx(EmbedWrapper, { children }) : /* @__PURE__ */ jsx(Auth0Wrapper, { children })
 			}), /* @__PURE__ */ jsx(DevTools, {})]
-		}) }), isEditMode() && /* @__PURE__ */ jsx(interaction_layer_default, {})]
+		}) }), isEditMode() && /* @__PURE__ */ jsx(ExternalInteractionLayer, {})]
 	});
 };
-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: context$1 }) => {
-	return /* @__PURE__ */ jsx(sb_provider_default, {
+const App = observer(({ children, className, context }) => {
+	return /* @__PURE__ */ jsx(SbProvider, {
 		name: "App",
 		className,
-		context: context$1,
+		context,
 		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;
@@ -6232,7 +6117,7 @@ function _extends$4() {
 		return n;
 	}, _extends$4.apply(null, arguments);
 }
-var Svg403Image = function Svg403Image$1(props) {
+var Svg403Image = function Svg403Image(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$4({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 167,
@@ -6431,8 +6316,6 @@ var Svg403Image = function Svg403Image$1(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;
@@ -6445,7 +6328,7 @@ function _extends$3() {
 		return n;
 	}, _extends$3.apply(null, arguments);
 }
-var Svg404Image = function Svg404Image$1(props) {
+var Svg404Image = function Svg404Image(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$3({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -6589,8 +6472,6 @@ var Svg404Image = function Svg404Image$1(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;
@@ -6603,7 +6484,7 @@ function _extends$2() {
 		return n;
 	}, _extends$2.apply(null, arguments);
 }
-var Svg500Image = function Svg500Image$1(props) {
+var Svg500Image = function Svg500Image(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$2({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -6747,8 +6628,6 @@ var Svg500Image = function Svg500Image$1(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;
@@ -6761,7 +6640,7 @@ function _extends$1() {
 		return n;
 	}, _extends$1.apply(null, arguments);
 }
-var SvgGeneralError = function SvgGeneralError$1(props) {
+var SvgGeneralError = function SvgGeneralError(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -6909,8 +6788,6 @@ var SvgGeneralError = function SvgGeneralError$1(props) {
 		rx: 82
 	})))));
 };
-var general_error_default = SvgGeneralError;
-
 //#endregion
 //#region src/lib/user-facing/assets/images/errors/login-error.svg
 var _g, _defs;
@@ -6923,7 +6800,7 @@ function _extends() {
 		return n;
 	}, _extends.apply(null, arguments);
 }
-var SvgLoginError = function SvgLoginError$1(props) {
+var SvgLoginError = function SvgLoginError(props) {
 	return /* @__PURE__ */ React$1.createElement("svg", _extends({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 164,
@@ -7036,8 +6913,6 @@ var SvgLoginError = function SvgLoginError$1(props) {
 		rx: 82
 	})))));
 };
-var login_error_default = SvgLoginError;
-
 //#endregion
 //#region src/lib/user-facing/error-pages/error-component.tsx
 const HOME_URL = "/home";
@@ -7093,26 +6968,25 @@ const Button = styled.button`
   }
 `;
 const ErrorComponent = ({ title, errorMessage, buttonText, handleButtonClick, errorCode, buttonPath, image: overrideImage, secondaryButtonAction, secondaryButtonText, hideActions }) => {
-	let ImageComponent = overrideImage ?? general_error_default;
+	let ImageComponent = overrideImage ?? SvgGeneralError;
 	if (!overrideImage) switch (errorCode) {
-		case API_STATUS_CODES.RESOURCE_NOT_FOUND:
-			ImageComponent = _404_image_default;
+		case 404:
+			ImageComponent = Svg404Image;
 			break;
-		case API_STATUS_CODES.SERVER_ERROR:
-			ImageComponent = _500_image_default;
+		case 502:
+			ImageComponent = Svg500Image;
 			break;
-		case API_STATUS_CODES.RESOURCE_FORBIDDEN:
-			ImageComponent = _403_image_default;
+		case 403:
+			ImageComponent = Svg403Image;
 			break;
-		case API_STATUS_CODES.TIMEOUT:
-			ImageComponent = general_error_default;
+		case 408:
+			ImageComponent = SvgGeneralError;
 			break;
 		case "LOGIN_FAILURE":
-			ImageComponent = login_error_default;
+			ImageComponent = SvgLoginError;
 			break;
-		default: ImageComponent = general_error_default;
+		default: ImageComponent = SvgGeneralError;
 	}
-	const showActions = !hideActions;
 	return /* @__PURE__ */ jsx(ErrorWrapper, {
 		"data-test": "app-error-container",
 		className: "error-wrapper",
@@ -7122,7 +6996,7 @@ const ErrorComponent = ({ title, errorMessage, buttonText, handleButtonClick, er
 				"data-test": "error-page-subtext",
 				children: errorMessage
 			})] }),
-			showActions && /* @__PURE__ */ jsxs("div", {
+			!hideActions && /* @__PURE__ */ jsxs("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -7142,8 +7016,6 @@ 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`
@@ -7161,8 +7033,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(error_component_default, {
-		errorCode: API_STATUS_CODES.RESOURCE_NOT_FOUND,
+	return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(ErrorComponent, {
+		errorCode: 404,
 		title,
 		errorMessage,
 		hideActions,
@@ -7172,7 +7044,6 @@ 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() {
@@ -7202,7 +7073,6 @@ 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
 /**
@@ -7244,7 +7114,6 @@ async function logoutIntegrations() {
 		...logoutResult?.errors ? { errors: logoutResult.errors } : {}
 	};
 }
-
 //#endregion
 //#region src/lib/user-facing/embed.ts
 /**
@@ -7293,7 +7162,6 @@ const Superblocks = {
 	emitEvent,
 	getEmbedProperties
 };
-
 //#endregion
 //#region src/lib/hooks/use-embed-properties.ts
 /**
@@ -7320,7 +7188,6 @@ const Superblocks = {
 function useEmbedProperties() {
 	return useStandaloneObserverMemo(() => embedStore.properties, []);
 }
-
 //#endregion
 //#region src/lib/hooks/use-embed-event.ts
 /**
@@ -7363,7 +7230,6 @@ function useEmbedEvent(eventName, handler) {
 		};
 	}, [eventName]);
 }
-
 //#endregion
 //#region src/lib/hooks/use-emit-embed-event.ts
 /**
@@ -7404,12 +7270,11 @@ function useEmitEmbedEvent() {
 		embedStore.emitEvent(eventName, payload);
 	}, []);
 }
-
 //#endregion
 //#region src/lib/index.ts
-early_console_buffer_default.getInstance().patchEarly();
+LibraryEarlyConsoleBuffer.getInstance().patchEarly();
 registerHtmlElements();
-
 //#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 };
+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 };
+
 //# sourceMappingURL=index.js.map