@superblocksteam/library 2.0.42-next.9 → 2.0.43-next.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { early_console_buffer_default } from "./early-console-buffer-DWTLgla0.js";
-import { CLASS_NAMES, DEFAULT_ANONYMOUS_SOURCE_ID, DevTools, EventFlow, GLOBAL_SCOPE_ID, LazyFunction, NavigationEvent, Prop, PropsPanelCategory, RecordProp, Section, VALIDATORS, addNewPromise, colors, createInternalPropsList, createManagedPropsList, createPropertiesPanelDefinition, editorBridge, generateId, getEditStore, getName, iframeMessageHandler, isEditMode, isEmbeddedBySuperblocksFirstParty, isLocalLink, isName, isNameEqual, navigation, rejectById, resolveById, root_store_default, run_event_handlers_default, sendNotification, startEditorSync, system_error_default } from "./root-store-mvrXQD3h.js";
+import { CLASS_NAMES, DEFAULT_ANONYMOUS_SOURCE_ID, DevTools, EventFlow, FileManager, GLOBAL_SCOPE_ID, LazyFunction, NavigationEvent, Prop, PropsPanelCategory, RecordProp, Section, VALIDATORS, addNewPromise, colors, createInternalPropsList, createManagedPropsList, createPropertiesPanelDefinition, editorBridge, generateId, getEditStore, getFileWithUploadId, getName, iframeMessageHandler, isEditMode, isEmbeddedBySuperblocksFirstParty, isLocalLink, isName, isNameEqual, navigation, rejectById, resolveById, root_store_default, run_event_handlers_default, sendNotification, startEditorSync, system_error_default } from "./root-store-DSXdJ9lh.js";
 import "./utils-CCBWAYIM.js";
 import { AiContextMode, AiGenerationState, BindingMetaSymbol, SbEntityType, StateVarPersistence, StateVarPersistence as StateVarPersistence$1, ThemeMode, TriggerStepType, ViteMessageKind, isValidStepDef, sbEntitySymbol } from "@superblocksteam/library-shared/types";
 import _, { get, isEmpty, isEqual, isNumber, isObject, merge, set, throttle } from "lodash";
@@ -21,9 +21,9 @@ import { snapCenterToCursor } from "@dnd-kit/modifiers";
 import { Root, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip";
 import tinycolor from "tinycolor2";
 import { APCAcontrast, sRGBtoY } from "apca-w3";
+import * as Dialog from "@radix-ui/react-dialog";
 import posthog from "posthog-js";
 import { useHotkeys } from "react-hotkeys-hook";
-import * as Dialog from "@radix-ui/react-dialog";
 import equal from "@superblocksteam/fast-deep-equal/es6";
 import copy from "copy-to-clipboard";
 import downloadjs from "downloadjs";
@@ -1221,8 +1221,7 @@ const cyrb53 = (str, seed = 0) => {
 const styleWithPrefix = (prefix) => (strings, ...params) => {
 	const style = String.raw(strings, ...params);
 	const namespace = prefix + cyrb53(style).toString(36);
-	const parsed = serialize(compile(`.${namespace}{${style}}`), middleware([prefixer, stringify]));
-	insertStyleRule(parsed);
+	insertStyleRule(serialize(compile(`.${namespace}{${style}}`), middleware([prefixer, stringify])));
 	return namespace;
 };
 const styleAsClass = styleWithPrefix("s");
@@ -2056,14 +2055,13 @@ Section.category(PropsPanelCategory.Layout).add({
 });
 const InternalStack = observer(({ direction = "column", spacing: spacing$1, children, shouldScrollContents: shouldScrollContents$1, className,...props }) => {
 	const { height, width,...rest } = props;
-	const combinedClassName = [...useStackClasses({
-		direction,
-		verticalAlign: props.verticalAlign,
-		horizontalAlign: props.horizontalAlign,
-		shouldScrollContents: shouldScrollContents$1
-	}), className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx("div", {
-		className: combinedClassName,
+		className: [...useStackClasses({
+			direction,
+			verticalAlign: props.verticalAlign,
+			horizontalAlign: props.horizontalAlign,
+			shouldScrollContents: shouldScrollContents$1
+		}), className].filter(Boolean).join(" "),
 		...rest,
 		ref: props.dropTargetRef,
 		children
@@ -2175,9 +2173,8 @@ const InternalContainer = (props) => {
 		style,
 		shouldApplyEmptyContainerMinHeight
 	]);
-	const classes = useMemo(() => [...componentClasses, props.className].join(" "), [componentClasses, props.className]);
 	return /* @__PURE__ */ jsx(StyledContainerWrapper, {
-		className: classes,
+		className: useMemo(() => [...componentClasses, props.className].join(" "), [componentClasses, props.className]),
 		style: containerStyle,
 		...passThroughProps,
 		"data-container-layout": props.layout,
@@ -2672,6 +2669,8 @@ const ErrorMessage$1 = styled.p`
   line-height: 1.5715;
   text-align: center;
   flex-shrink: 0;
+  margin-top: 0;
+  margin-bottom: 16px;
 `;
 const ErrorDetails = styled.details`
   margin-top: 24px;
@@ -2683,6 +2682,7 @@ const ErrorDetails = styled.details`
     0px 0px 1px 0px #22272f52,
     0px 1px 3px 0px #22272f1f;
   flex-shrink: 0;
+  font-family: Inter;
 
   &[open] summary {
     margin-bottom: 12px;
@@ -2828,9 +2828,10 @@ const FixWithClarkButtonContainer = styled.button`
     cursor: not-allowed;
   }
 `;
-function FixWithClarkButton({ identifier, error }) {
-	const isAiEditing = root_store_default.editStore?.ai.getIsEditing();
+function FixWithClarkButton({ identifier, error, onClick }) {
+	const isAiEditing = root_store_default.editStore?.ai.getIsEditing() ?? false;
 	const handleFixWithAi = () => {
+		onClick?.();
 		if (identifier) editorBridge.addComponentToAiContext(identifier.sourceId, identifier.instanceId);
 		const prompt = buildRuntimeErrorPrompt(error);
 		editorBridge.aiGenerate(prompt, true);
@@ -3136,13 +3137,10 @@ const ShimmerDiv = styled.div`
 */
 function SuspenseFallback({ style, noBorderRadius }) {
 	const { theme } = useTheme$1();
-	const backgroundColor = theme?.colors?.neutral50 || "#f8f9fa";
-	const shimmerHighlight = theme?.colors?.neutral100 || "#ffffff";
-	const borderRadius$1 = noBorderRadius ? "0px" : theme?.borderRadius.value + theme?.borderRadius.mode;
 	return /* @__PURE__ */ jsx(ShimmerDiv, {
-		$backgroundColor: backgroundColor,
-		$shimmerHighlight: shimmerHighlight,
-		$borderRadius: borderRadius$1,
+		$backgroundColor: theme?.colors?.neutral50 || "#f8f9fa",
+		$shimmerHighlight: theme?.colors?.neutral100 || "#ffffff",
+		$borderRadius: noBorderRadius ? "0px" : theme?.borderRadius.value + theme?.borderRadius.mode,
 		style: style?.(),
 		className: CSS_CLASSES.ANCHOR_NAME,
 		"data-test": "suspense-fallback"
@@ -3679,8 +3677,7 @@ const DropLayer = observer((props) => {
 	const isDropTargetStackLike = editStore.ui.dnd.isDropTargetStackLike;
 	const dropTargetId = editStore.ui.dnd.dropTargetId;
 	const isDropTargetInInteractionLayer = doesInteractionLayerContainInstance(props.rootInstanceId, dropTargetId);
-	const possibleStackDrop = editStore.ui.dnd.isDragging && isDropTargetInInteractionLayer && Boolean(draggedWidgetType && dropTargetWidgetType) && isDropTargetStackLike;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [possibleStackDrop && /* @__PURE__ */ jsx(StackDropPreview, {}), /* @__PURE__ */ jsx(DragOverlay, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [editStore.ui.dnd.isDragging && isDropTargetInInteractionLayer && Boolean(draggedWidgetType && dropTargetWidgetType) && isDropTargetStackLike && /* @__PURE__ */ jsx(StackDropPreview, {}), /* @__PURE__ */ jsx(DragOverlay, {
 		modifiers: [snapCenterToCursor],
 		dropAnimation: null
 	})] });
@@ -3891,9 +3888,8 @@ function InteractionRectActions(props) {
 	const isAiTaggingEnabled = getEditStore().ai.getIsTaggingEnabled();
 	const shouldHideActions = !isPrimaryInstanceId;
 	const shouldShowAddToChatButton = isAiTaggingEnabled && (aiContextMode === AiContextMode.SILENT || aiContextMode === AiContextMode.HIGHLIGHT && type !== "TARGETED");
-	const shouldShowAiPurplePill = isAiTaggingEnabled && (aiContextMode === AiContextMode.AUTO_SELECT || aiContextMode === AiContextMode.HIGHLIGHT && type === "TARGETED");
 	return /* @__PURE__ */ jsxs("div", {
-		className: `sb-edit-interaction-rect-actions ${shouldShowAiPurplePill ? "sb-edit-actions-target-mode" : ""}`,
+		className: `sb-edit-interaction-rect-actions ${isAiTaggingEnabled && (aiContextMode === AiContextMode.AUTO_SELECT || aiContextMode === AiContextMode.HIGHLIGHT && type === "TARGETED") ? "sb-edit-actions-target-mode" : ""}`,
 		"data-sb-actions-id": instanceId,
 		style: {
 			...shouldHideActions ? { display: "none !important" } : {},
@@ -4136,7 +4132,7 @@ const useWidgetErrors = (params) => {
 };
 const useSelectionElements = (params) => {
 	const { focusedInstanceId, selectedInstanceIds, targetedSourceIds, aiContextMode, rootId } = params;
-	const allTargetedComponents = useMemo(() => {
+	const visibleTargetedComponents = useViewportIntersection(useMemo(() => {
 		const components = [];
 		targetedSourceIds.forEach((sourceId) => {
 			const sourceInstanceIds = getEditStore().runtimeEntitiesManager.widgets.getAllInstanceIdsForSourceId(sourceId);
@@ -4146,8 +4142,7 @@ const useSelectionElements = (params) => {
 			})));
 		});
 		return components;
-	}, [targetedSourceIds, rootId]);
-	const visibleTargetedComponents = useViewportIntersection(allTargetedComponents);
+	}, [targetedSourceIds, rootId]));
 	return useObserverMemo(() => {
 		const selectedRects = [];
 		visibleTargetedComponents.forEach((component) => {
@@ -4405,28 +4400,26 @@ const InteractionLayer = observer((props) => {
 	}, [handleCanvasClick]);
 	const isAiEditing = editStore.ai.getIsEditing();
 	if (!isActive || isAiEditing) return null;
-	const interactionRectsForSelectedElements = selectedElements.filter((info) => {
-		const id = getEditWrapperIdWithType(info.instanceId, info.type);
-		const element = document.querySelector(`[data-sb-selector="${id}"]`);
-		return !isComponentTypeDetached(info.type) && element != null;
-	}).map((info, index) => {
-		return /* @__PURE__ */ jsx(InteractionRect, {
-			isDragging: editStore.ui.dnd.isDragging,
-			...info
-		}, info.instanceId + info.selectionType + index);
-	});
-	const interactionRectIfDetachedComponent = isComponentTypeDetached(props.rootType) ? /* @__PURE__ */ jsx(InteractionRect, {
-		isDragging: false,
-		selectionType: "FOCUSED",
-		instanceId: props.rootInstanceId,
-		displayName: props.rootName ?? "Unknown",
-		hideRectBorder: false
-	}, props.rootInstanceId) : null;
 	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", {
 		className: "sb-interaction-layer-wrapper",
 		children: [
-			interactionRectsForSelectedElements,
-			interactionRectIfDetachedComponent,
+			selectedElements.filter((info) => {
+				const id = getEditWrapperIdWithType(info.instanceId, info.type);
+				const element = document.querySelector(`[data-sb-selector="${id}"]`);
+				return !isComponentTypeDetached(info.type) && element != null;
+			}).map((info, index) => {
+				return /* @__PURE__ */ jsx(InteractionRect, {
+					isDragging: editStore.ui.dnd.isDragging,
+					...info
+				}, info.instanceId + info.selectionType + index);
+			}),
+			isComponentTypeDetached(props.rootType) ? /* @__PURE__ */ jsx(InteractionRect, {
+				isDragging: false,
+				selectionType: "FOCUSED",
+				instanceId: props.rootInstanceId,
+				displayName: props.rootName ?? "Unknown",
+				hideRectBorder: false
+			}, props.rootInstanceId) : null,
 			Object.entries(widgetWithErrors).map(([id, { name }]) => /* @__PURE__ */ jsx(InteractionRect, {
 				isDragging: false,
 				selectionType: "ERROR",
@@ -4791,9 +4784,7 @@ function getRgbArrayFromHex(hex) {
 	];
 }
 function chooseContrastTextColor(primaryColor) {
-	const whiteContrast = checkContrast(LIGHT_MODE_NEUTRALS[0], primaryColor);
-	const darkContrast = checkContrast(DARK_MODE_NEUTRALS[0], primaryColor);
-	return whiteContrast >= darkContrast - CONTRAST_TEXT_THRESHOLD ? LIGHT_MODE_NEUTRALS[0] : DARK_MODE_NEUTRALS[0];
+	return checkContrast(LIGHT_MODE_NEUTRALS[0], primaryColor) >= checkContrast(DARK_MODE_NEUTRALS[0], primaryColor) - CONTRAST_TEXT_THRESHOLD ? LIGHT_MODE_NEUTRALS[0] : DARK_MODE_NEUTRALS[0];
 }
 function checkContrast(foreground, background) {
 	const textColor = getRgbArrayFromHex(foreground);
@@ -4816,11 +4807,10 @@ const getPrimaryVariants = (primaryColor, neutralColor) => {
 	const shouldLighten = tinycolor(primaryColor).isDark();
 	const primary500 = neutralColor ? adjustForReadability(primaryColor, neutralColor) : primaryColor;
 	const primary600 = shouldLighten ? tinycolor(primary500).lighten(10).toHexString() : tinycolor(primary500).darken(10).toHexString();
-	const primary700 = shouldLighten ? tinycolor(primary600).lighten(5).toHexString() : tinycolor(primary600).darken(5).toHexString();
 	return {
 		primary500,
 		primary600,
-		primary700
+		primary700: shouldLighten ? tinycolor(primary600).lighten(5).toHexString() : tinycolor(primary600).darken(5).toHexString()
 	};
 };
 function generateThemeColors({ themePrimaryColor, palette, isDarkMode }) {
@@ -4922,7 +4912,7 @@ function generateTheme(userDefinedTheme, overrides, overrideMode) {
 		fontFamily: typeFace,
 		textColor: { default: generatedColors.neutral700 }
 	};
-	const theme = {
+	return merge({
 		version: 5,
 		colors: generatedColors,
 		fontFamily: typeFace,
@@ -5475,8 +5465,7 @@ function generateTheme(userDefinedTheme, overrides, overrideMode) {
 			disabled: generatedColors.neutral300,
 			error: generatedColors.danger
 		} } }
-	};
-	return merge(theme, overrides);
+	}, overrides);
 }
 
 //#endregion
@@ -5990,8 +5979,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, onClose
 	root_store_default.editStore?.connectionManager.initializeSocket();
 	try {
 		let stopSocketHeartbeat;
-		const ws = await connectWebSocket(wsUrl.toString());
-		const isocket = new ISocketWithClientAuth(ws, void 0, {
+		const socket = createISocketClient(new ISocketWithClientAuth(await connectWebSocket(wsUrl.toString()), void 0, {
 			nonVisualEdit: [async () => {
 				getEditStore().ui.selectWidget(null);
 			}],
@@ -6080,8 +6068,7 @@ async function connectSocket(serverUrl, { peerId, userId, applicationId, onClose
 				connectionTimeoutInSeconds: void 0,
 				noResponseTimeoutInSeconds: 60
 			}
-		});
-		const socket = createISocketClient(isocket);
+		}));
 		console.log("connected to socket");
 		stopSocketHeartbeat = startSocketHeartbeat(socket);
 		root_store_default.editStore?.connectionManager.connect();
@@ -6125,11 +6112,9 @@ function generateAndSendComponentDocs(options) {
 //#endregion
 //#region src/lib/internal-details/identifier-normalizer.ts
 const getNormalizedIdInfo = (params) => {
-	const name = params.bind?.entityName;
-	const scopeId = params.bind?.scopeId ?? params.fallbackScopeId;
 	return {
-		name,
-		scopeId
+		name: params.bind?.entityName,
+		scopeId: params.bind?.scopeId ?? params.fallbackScopeId
 	};
 };
 
@@ -6719,6 +6704,241 @@ function useGetCurrentUserQuery() {
 	}, []);
 }
 
+//#endregion
+//#region src/edit-mode/build-error-notification.tsx
+const ModalOverlay = styled(Dialog.Overlay)`
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+  animation: fadeIn 0.2s ease-out;
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`;
+const ModalContent = styled(Dialog.Content)`
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: white;
+  border-radius: 8px;
+  box-shadow:
+    0 0 1px rgba(0, 0, 0, 0.1),
+    0 20px 25px -5px rgba(0, 0, 0, 0.1),
+    0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  max-width: 650px;
+  max-height: 80vh;
+  width: 90vw;
+  padding: 16px;
+  overflow-y: auto;
+  z-index: 1001;
+  animation: slideIn 0.2s ease-out;
+  scrollbar-width: thin;
+
+  @keyframes slideIn {
+    from {
+      opacity: 0;
+      transform: translate(-50%, -50%) scale(0.95);
+    }
+    to {
+      opacity: 1;
+      transform: translate(-50%, -50%) scale(1);
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+`;
+const InnerModalContent = styled.div`
+  position: relative;
+  padding: 2.5rem;
+`;
+const ModalCloseButtonContainer = styled.div`
+  position: sticky;
+  top: 0;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+`;
+const ModalCloseButton = styled(Dialog.Close)`
+  height: fit-content;
+  background: none;
+  border: none;
+  color: #6c7689;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+
+  &:hover {
+    background-color: #f3f4f6;
+  }
+
+  &:focus {
+    outline: 2px solid #08a4ff;
+    outline-offset: 2px;
+  }
+`;
+const ErrorNotificationButton = styled.button`
+  position: fixed;
+  right: 16px;
+  bottom: 16px;
+  z-index: 1000;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  outline: none;
+`;
+const ErrorNotificationContent = styled.div`
+  background: #ef4444;
+  color: white;
+  padding: 12px 16px;
+  border-radius: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.4;
+  max-width: 40rem;
+  box-shadow:
+    0 10px 25px -5px rgba(0, 0, 0, 0.1),
+    0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(10px);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow:
+      0 20px 25px -5px rgba(0, 0, 0, 0.15),
+      0 10px 10px -5px rgba(0, 0, 0, 0.1);
+  }
+`;
+const ErrorText = styled.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const ErrorIcon = styled.svg`
+  flex-shrink: 0;
+`;
+function BuildErrorNotification() {
+	const [currentError, setCurrentError] = useState(null);
+	const [isModalOpen, setIsModalOpen] = useState(false);
+	const lastBuildError = useRef(null);
+	useEffect(() => {
+		if (typeof window !== "undefined" && window.__SB_MARK_APP_LOADED) window.__SB_MARK_APP_LOADED();
+		if (import.meta.hot) {
+			import.meta.hot.on("vite:error", (payload) => {
+				const error = payload?.err || payload;
+				const errorMessage = error?.message || String(error);
+				let buildError;
+				if (error?.name === "ImportError" || error?.importPath) buildError = {
+					errorType: "import",
+					error: errorMessage,
+					stack: error?.stack || "",
+					importPath: error?.importPath || "unknown"
+				};
+				else if (errorMessage.includes("Failed to resolve import")) {
+					const importMatch = errorMessage.match(/Failed to resolve import ["'](.+?)["']/);
+					buildError = {
+						errorType: "import",
+						error: errorMessage,
+						stack: error?.stack || "",
+						importPath: importMatch ? importMatch[1] : "unknown"
+					};
+				} else buildError = {
+					errorType: "general",
+					error: errorMessage,
+					stack: error?.stack
+				};
+				setCurrentError(buildError);
+			});
+			import.meta.hot.on("vite:beforeUpdate", () => {
+				setCurrentError(null);
+				setIsModalOpen(false);
+			});
+		}
+	}, []);
+	useEffect(() => {
+		if (currentError && !isEqual(lastBuildError.current, currentError)) {
+			setIsModalOpen(true);
+			lastBuildError.current = currentError;
+		}
+	}, [currentError]);
+	if (!currentError) return null;
+	const displayCornerError = !isModalOpen;
+	const errorText = currentError.errorType === "import" ? "Import Error" : "Build Error";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BuildErrorModal, {
+		isOpen: isModalOpen,
+		error: currentError,
+		onClose: () => setIsModalOpen(false)
+	}), displayCornerError ? /* @__PURE__ */ jsx(ErrorNotificationButton, {
+		onClick: () => setIsModalOpen(true),
+		children: /* @__PURE__ */ jsxs(ErrorNotificationContent, { children: [/* @__PURE__ */ jsxs(ErrorIcon, {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ jsx("path", { d: "M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z" }), /* @__PURE__ */ jsx("path", { d: "M7.002 11a1 1 0 112 0 1 1 0 01-2 0zM7.1 4.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 4.995z" })]
+		}), /* @__PURE__ */ jsx(ErrorText, { children: errorText })] })
+	}) : null] });
+}
+function BuildErrorModal({ isOpen, error, onClose }) {
+	if (!error) return null;
+	const title = error.errorType === "import" ? "Import error" : "Build error";
+	const message = error.errorType === "import" ? /* @__PURE__ */ jsxs(Fragment, { children: ["Error importing ", /* @__PURE__ */ jsx("code", { children: error.importPath })] }) : "An error occurred during the build process";
+	const details = error.stack && error.stack.trim() ? `${error.error}\n${error.stack}` : error.error;
+	const errorObj = new Error(error.error);
+	errorObj.stack = details || error.error;
+	if (error.errorType === "import") errorObj.name = "ImportError";
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: isOpen,
+		onOpenChange: onClose,
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(ModalOverlay, {}), /* @__PURE__ */ jsxs(ModalContent, {
+			"data-test": "build-error-modal",
+			children: [/* @__PURE__ */ jsx(ModalCloseButtonContainer, { children: /* @__PURE__ */ jsx(ModalCloseButton, {
+				"aria-label": "Close error dialog",
+				children: /* @__PURE__ */ jsx("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "currentColor",
+					children: /* @__PURE__ */ jsx("path", { d: "M12.8 4.4L11.6 3.2 8 6.8 4.4 3.2 3.2 4.4 6.8 8 3.2 11.6 4.4 12.8 8 9.2 11.6 12.8 12.8 11.6 9.2 8z" })
+				})
+			}) }), /* @__PURE__ */ jsxs(InnerModalContent, { children: [
+				/* @__PURE__ */ jsx(ErrorIconContainer, { children: /* @__PURE__ */ jsx(StyledClarkIcon, {}) }),
+				/* @__PURE__ */ jsx(Dialog.Title, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(ErrorTitle, { children: title })
+				}),
+				/* @__PURE__ */ jsx(ErrorMessage$1, {
+					"data-test": "build-error-message",
+					children: message
+				}),
+				/* @__PURE__ */ jsxs(ActionsContainer, { children: [/* @__PURE__ */ jsx(FixWithClarkButton, {
+					error: errorObj,
+					onClick: onClose
+				}), /* @__PURE__ */ jsx(SecondaryButton, {
+					onClick: () => window.location.reload(),
+					children: "Refresh page"
+				})] }),
+				details ? /* @__PURE__ */ jsxs(ErrorDetails, { children: [/* @__PURE__ */ jsx(ErrorSummary, { children: "Full details" }), /* @__PURE__ */ jsx(ErrorStack, { children: details })] }) : error.errorType === "general" && error.error ? /* @__PURE__ */ jsxs(ErrorDetails, { children: [/* @__PURE__ */ jsx(ErrorSummary, { children: "Error details" }), /* @__PURE__ */ jsx(ErrorStack, { children: error.error })] }) : null
+			] })]
+		})] })
+	});
+}
+
 //#endregion
 //#region src/edit-mode/dnd/is-nestable.ts
 function isNestable(componentType, _parentType) {
@@ -6882,11 +7102,10 @@ const fixCursorSnapOffset = (args) => {
 		if (!a.pointerInside && b.pointerInside) return 1;
 		return (bData?.depth ?? 0) - (aData?.depth ?? 0);
 	});
-	const modifiedArgs = {
+	const result = bubblingToParentIfFar({
 		...updated,
 		collisions: sortedCollisions
-	};
-	const result = bubblingToParentIfFar(modifiedArgs);
+	});
 	if (result[0]) result[0].data = {
 		...result[0].data ?? {},
 		injectedCollisionRect: updated.collisionRect
@@ -7084,16 +7303,14 @@ const useHandleDnDEvents = () => {
 				const draggedId = event.active?.id ? String(event.active?.id) : null;
 				if (dropTargetId !== editStore.ui.dnd.dropTargetId) throw new Error("Drop target id and drag over id do not match");
 				if (!dropTargetId) throw new Error("No drop target id");
-				if (editStore.ui.dnd.isDropTargetStackLike) {
-					const dropInfo = editStore.ui.dnd.stack.refreshPositionsAndGetDropIndex();
-					possibleNewComponentId = await handleStackDrop({
-						dropInfo,
-						isDraggingNewComponent: editStore.ui.dnd.isDraggingNewComponent,
-						newComponentType: editStore.ui.dnd.dragToCanvasComponentType,
-						dropTargetId,
-						draggedId
-					});
-				} else throw new Error("Grid is no longer supported");
+				if (editStore.ui.dnd.isDropTargetStackLike) possibleNewComponentId = await handleStackDrop({
+					dropInfo: editStore.ui.dnd.stack.refreshPositionsAndGetDropIndex(),
+					isDraggingNewComponent: editStore.ui.dnd.isDraggingNewComponent,
+					newComponentType: editStore.ui.dnd.dragToCanvasComponentType,
+					dropTargetId,
+					draggedId
+				});
+				else throw new Error("Grid is no longer supported");
 			} catch (e) {
 				console.error("Error dropping item", e);
 			} finally {
@@ -7126,11 +7343,8 @@ const DragHandlerComponent = () => {
 	return null;
 };
 const DnDProvider = (props) => {
-	const pointerSensor = useSensor(PointerSensor, pointerConfig);
-	const customPointerSensor = useSensor(CustomPointerSensor);
-	const sensors = useSensors(pointerSensor, customPointerSensor);
 	return /* @__PURE__ */ jsxs(DndContext, {
-		sensors,
+		sensors: useSensors(useSensor(PointerSensor, pointerConfig), useSensor(CustomPointerSensor)),
 		collisionDetection: collision_detection_default,
 		children: [props.children, /* @__PURE__ */ jsx(DragHandlerComponent, {})]
 	});
@@ -7581,8 +7795,7 @@ var PropertiesPanelManager = class {
 		if (!props?.type) return { sections: [] };
 		const propertiesDefinition$5 = this.propertiesDefinitions.get(props.type);
 		if (!propertiesDefinition$5) return { sections: [] };
-		const state = this.entityManager.getState(scopeId);
-		return createPropertiesPanelDefinition(propertiesDefinition$5, props, state);
+		return createPropertiesPanelDefinition(propertiesDefinition$5, props, this.entityManager.getState(scopeId));
 	}
 	trackPropertiesPanel(scopeId, instanceId, sourceId) {
 		if (this.propertiesPanelTrackerDisposer) this.propertiesPanelTrackerDisposer();
@@ -8481,13 +8694,11 @@ const computeDragInfo = (params) => {
 			gapSize /= 2;
 			let offsetPx;
 			if (potentialIdx === filteredChildIds.length) {
-				const lastInstanceId = filteredChildIds[filteredChildIds.length - 1];
-				const rect = childRects[lastInstanceId]?.[0];
+				const rect = childRects[filteredChildIds[filteredChildIds.length - 1]]?.[0];
 				if (!rect) return;
 				offsetPx = major.end(rect) - DROP_LINE_THICKNESS / 2 + gapSize;
 			} else {
-				const instanceId = filteredChildIds[potentialIdx];
-				const rect = childRects[instanceId]?.[0];
+				const rect = childRects[filteredChildIds[potentialIdx]]?.[0];
 				if (!rect) return;
 				offsetPx = major.start(rect) - DROP_LINE_THICKNESS / 2 - gapSize;
 			}
@@ -8525,8 +8736,7 @@ const computeDragInfo = (params) => {
 	let insertionIndex = filteredInsertionIndex;
 	if (insertionIndex === filteredChildIds.length) insertionIndex = childrenNodes.length;
 	else {
-		const widgetAtInsertionIndex = filteredChildIds[filteredInsertionIndex];
-		const originalIndex = childRects[widgetAtInsertionIndex]?.[1];
+		const originalIndex = childRects[filteredChildIds[filteredInsertionIndex]]?.[1];
 		if (originalIndex != null) insertionIndex = originalIndex;
 	}
 	return {
@@ -8651,8 +8861,7 @@ var DragAndDropManager = class {
 	}
 	get isDropTargetStackLike() {
 		const dropTargetId = this.dropTargetId;
-		const widgetMeta = dropTargetId ? getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetId) : void 0;
-		return isComponentStacklike(widgetMeta);
+		return isComponentStacklike(dropTargetId ? getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetId) : void 0);
 	}
 	get draggedWidgetType() {
 		if (this.isDraggingNewComponent) return this._dragToCanvasComponentType;
@@ -8682,12 +8891,11 @@ var DragAndDropManager = class {
 		const draggedType = this.draggedWidgetType;
 		const dropTargetType = this.dropTargetWidgetType;
 		if (!draggedType || !dropTargetType) return false;
-		const dropTargetEmpty = (dropTargetInstanceId && getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetInstanceId)?.children?.length === 0) ?? true;
 		return isDragAndDropTypeValid({
 			draggedType,
 			dropTargetType,
 			isDraggingNewComponent,
-			dropTargetEmpty
+			dropTargetEmpty: (dropTargetInstanceId && getEditStore().runtimeEntitiesManager.getEditorWidgetMeta(dropTargetInstanceId)?.children?.length === 0) ?? true
 		});
 	}
 	canDragWidget(instanceId) {
@@ -9135,7 +9343,6 @@ var EditStore = class {
 	isInitialized = false;
 	recordingInitialized = false;
 	isLivePreview = false;
-	currentImportError = null;
 	viteMessageListeners = /* @__PURE__ */ new Map();
 	constructor(rootStore) {
 		this.ui = new ui_store_default(rootStore, this);
@@ -9148,8 +9355,7 @@ var EditStore = class {
 		makeObservable(this, {
 			isInitialized: observable,
 			isLivePreview: observable,
-			setIsInitialized: action,
-			currentImportError: observable
+			setIsInitialized: action
 		});
 		startEditorSync({
 			storeId: "scope",
@@ -9171,19 +9377,10 @@ var EditStore = class {
 	setIsInitialized(isInitialized) {
 		if (this.isInitialized) return;
 		this.isInitialized = isInitialized;
-		this.setupImportErrorListener();
 	}
 	setIsLivePreview(isLivePreview) {
 		this.isLivePreview = isLivePreview;
 	}
-	setupImportErrorListener() {
-		this.onViteMessage(ViteMessageKind.IMPORT_ERROR, (message) => {
-			this.currentImportError = message;
-		});
-		this.onViteMessage(ViteMessageKind.CLEAR_IMPORT_ERROR, () => {
-			this.currentImportError = null;
-		});
-	}
 	onViteMessage(kind, callback) {
 		this.viteMessageListeners.set(kind, [...this.viteMessageListeners.get(kind) || [], callback]);
 		return () => {
@@ -9279,190 +9476,6 @@ function EditorHotkeys({ children }) {
 	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 
-//#endregion
-//#region src/edit-mode/import-error-notification.tsx
-const ModalOverlay = styled(Dialog.Overlay)`
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  z-index: 1000;
-  animation: fadeIn 0.2s ease-out;
-
-  @keyframes fadeIn {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-`;
-const ModalContent = styled(Dialog.Content)`
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: white;
-  border-radius: 8px;
-  box-shadow:
-    0 0 1px rgba(0, 0, 0, 0.1),
-    0 20px 25px -5px rgba(0, 0, 0, 0.1),
-    0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  max-width: 650px;
-  max-height: 80vh;
-  width: 90vw;
-  padding: 16px;
-  overflow-y: auto;
-  z-index: 1001;
-  animation: slideIn 0.2s ease-out;
-  scrollbar-width: thin;
-
-  @keyframes slideIn {
-    from {
-      opacity: 0;
-      transform: translate(-50%, -50%) scale(0.95);
-    }
-    to {
-      opacity: 1;
-      transform: translate(-50%, -50%) scale(1);
-    }
-  }
-
-  &:focus {
-    outline: none;
-  }
-`;
-const InnerModalContent = styled.div`
-  position: relative;
-  padding: 40px;
-`;
-const ModalCloseButtonContainer = styled.div`
-  position: sticky;
-  top: 0;
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-`;
-const ModalCloseButton = styled(Dialog.Close)`
-  height: fit-content;
-  background: none;
-  border: none;
-  color: #6c7689;
-  cursor: pointer;
-  padding: 4px;
-  border-radius: 4px;
-  transition: background-color 0.2s;
-
-  &:hover {
-    background-color: #f3f4f6;
-  }
-
-  &:focus {
-    outline: 2px solid #08a4ff;
-    outline-offset: 2px;
-  }
-`;
-const ErrorNotificationButton = styled.button`
-  position: fixed;
-  right: 16px;
-  bottom: 16px;
-  z-index: 1000;
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  outline: none;
-`;
-const ErrorNotificationContent = styled.div`
-  background: #ef4444;
-  color: white;
-  padding: 12px 16px;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.4;
-  max-width: 320px;
-  box-shadow:
-    0 10px 25px -5px rgba(0, 0, 0, 0.1),
-    0 8px 10px -6px rgba(0, 0, 0, 0.1);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  backdrop-filter: blur(10px);
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  transition: all 0.2s ease;
-
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow:
-      0 20px 25px -5px rgba(0, 0, 0, 0.15),
-      0 10px 10px -5px rgba(0, 0, 0, 0.1);
-  }
-`;
-const ErrorText = styled.span`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-const ErrorIcon = styled.svg`
-  flex-shrink: 0;
-`;
-const ImportErrorNotification = observer(function ImportErrorNotification$1() {
-	const editStore = root_store_default.editStore;
-	const [isModalOpen, setIsModalOpen] = useState(false);
-	const lastImportError = useRef(null);
-	if (!editStore || !editStore.isInitialized || !editStore.currentImportError) return null;
-	if (!isModalOpen && !isEqual(lastImportError.current, editStore.currentImportError)) {
-		setIsModalOpen(true);
-		lastImportError.current = editStore.currentImportError;
-	}
-	const displayCornerError = !isModalOpen && !!editStore.currentImportError;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ImportErrorModal, {
-		isOpen: isModalOpen,
-		error: editStore.currentImportError,
-		onClose: () => setIsModalOpen(false)
-	}), displayCornerError ? /* @__PURE__ */ jsx(ErrorNotificationButton, {
-		onClick: () => setIsModalOpen(true),
-		children: /* @__PURE__ */ jsxs(ErrorNotificationContent, { children: [/* @__PURE__ */ jsxs(ErrorIcon, {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "currentColor",
-			children: [/* @__PURE__ */ jsx("path", { d: "M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z" }), /* @__PURE__ */ jsx("path", { d: "M7.002 11a1 1 0 112 0 1 1 0 01-2 0zM7.1 4.995a.905.905 0 111.8 0l-.35 3.507a.552.552 0 01-1.1 0L7.1 4.995z" })]
-		}), /* @__PURE__ */ jsx(ErrorText, { children: "Import Error" })] })
-	}) : null] });
-});
-function ImportErrorModal({ isOpen, error, onClose }) {
-	return /* @__PURE__ */ jsx(Dialog.Root, {
-		open: isOpen,
-		onOpenChange: onClose,
-		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(ModalOverlay, {}), /* @__PURE__ */ jsxs(ModalContent, {
-			"data-test": "import-error-modal",
-			children: [/* @__PURE__ */ jsx(ModalCloseButtonContainer, { children: /* @__PURE__ */ jsx(ModalCloseButton, {
-				"aria-label": "Close error dialog",
-				children: /* @__PURE__ */ jsx("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 16 16",
-					fill: "currentColor",
-					children: /* @__PURE__ */ jsx("path", { d: "M12.8 4.4L11.6 3.2 8 6.8 4.4 3.2 3.2 4.4 6.8 8 3.2 11.6 4.4 12.8 8 9.2 11.6 12.8 12.8 11.6 9.2 8z" })
-				})
-			}) }), /* @__PURE__ */ jsxs(InnerModalContent, { children: [
-				/* @__PURE__ */ jsx(ErrorIconContainer, { children: /* @__PURE__ */ jsx(StyledClarkIcon, {}) }),
-				/* @__PURE__ */ jsx(Dialog.Title, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(ErrorTitle, { children: "Import error" })
-				}),
-				/* @__PURE__ */ jsxs(ErrorMessage$1, {
-					"data-test": "import-error-message",
-					children: ["Error importing ", error?.importPath]
-				}),
-				error ? /* @__PURE__ */ jsxs(ErrorDetails, { children: [/* @__PURE__ */ jsx(ErrorSummary, { children: "Full details" }), /* @__PURE__ */ jsx(ErrorStack, { children: error.stack })] }) : null
-			] })]
-		})] })
-	});
-}
-
 //#endregion
 //#region src/edit-mode/iframe-wrappers.tsx
 const IframeConnected = observer(function IframeConnected$1(props) {
@@ -9560,7 +9573,7 @@ const EmbedWrapper = (props) => {
 				root_store_default.windowOriginUrl = event.data.payload.logContext.superblocks_window_origin_url;
 				if (root_store_default.windowOriginUrl) import("./utils-BCrSLIhM.js").then(({ initTracerProviderWithOrigin }) => {
 					initTracerProviderWithOrigin(root_store_default.windowOriginUrl);
-					import("./logs-ivxzrJPP.js").then(({ initLibraryLoggerProvider }) => {
+					import("./logs-DDh7Anxs.js").then(({ initLibraryLoggerProvider }) => {
 						initLibraryLoggerProvider({
 							windowOriginUrl: root_store_default.windowOriginUrl,
 							appId: event.data.payload.appId,
@@ -9740,9 +9753,8 @@ const EmbedWrapper = (props) => {
 			return getEditStore().onViteMessage(ViteMessageKind.ROUTE_CHANGE, async (message) => {
 				try {
 					const { route, routeTestParams } = message;
-					const path = generatePath$1(route, routeTestParams);
 					await navigate({
-						pathname: path,
+						pathname: generatePath$1(route, routeTestParams),
 						search: location.search
 					});
 				} catch (error$1) {
@@ -9765,7 +9777,7 @@ const EmbedWrapper = (props) => {
 		}
 		return /* @__PURE__ */ jsx(FullPageSpinner, {});
 	}
-	return /* @__PURE__ */ jsx(WithUserWrapper$1, { children: /* @__PURE__ */ jsxs(IframeConnected, { children: [/* @__PURE__ */ jsx(ImportErrorNotification, {}), /* @__PURE__ */ jsx(EditorHotkeys, { children: props.children })] }) });
+	return /* @__PURE__ */ jsx(WithUserWrapper$1, { children: /* @__PURE__ */ jsxs(IframeConnected, { children: [/* @__PURE__ */ jsx(BuildErrorNotification, {}), /* @__PURE__ */ jsx(EditorHotkeys, { children: props.children })] }) });
 };
 
 //#endregion
@@ -9808,7 +9820,7 @@ const EmbedWrapper$1 = (props) => {
 				root_store_default.windowOriginUrl = event.data.payload.logContext.superblocks_window_origin_url;
 				if (root_store_default.windowOriginUrl) import("./utils-BCrSLIhM.js").then(({ initTracerProviderWithOrigin }) => {
 					initTracerProviderWithOrigin(root_store_default.windowOriginUrl);
-					import("./logs-ivxzrJPP.js").then(({ initLibraryLoggerProvider }) => {
+					import("./logs-DDh7Anxs.js").then(({ initLibraryLoggerProvider }) => {
 						initLibraryLoggerProvider({
 							windowOriginUrl: root_store_default.windowOriginUrl,
 							appId: event.data.payload.appId,
@@ -9991,8 +10003,7 @@ const initializeStyles = (appName) => {
 		...VARIABLE_VALUES,
 		...componentVariableValues
 	};
-	const variableDefns = Object.keys(allVariables).map((variable) => `${allVariables[variable]}: ${allVariableValues[variable]};`).join("\n");
-	createStyleSheetFromString(appName, `:${appName} {${variableDefns}}\n${stylesheet}`);
+	createStyleSheetFromString(appName, `:${appName} {${Object.keys(allVariables).map((variable) => `${allVariables[variable]}: ${allVariableValues[variable]};`).join("\n")}}\n${stylesheet}`);
 };
 
 //#endregion
@@ -10000,11 +10011,10 @@ const initializeStyles = (appName) => {
 const originalLog = console.log;
 console.log = (...args) => {
 	try {
-		const processedArgs = args.map((arg) => {
+		originalLog(...args.map((arg) => {
 			if (arg && typeof arg === "object" && (getBindingIdentifier(arg) || getBindingIdentifier(arg.bind ?? {}))) return JSON.parse(JSON.stringify(arg));
 			return arg;
-		});
-		originalLog(...processedArgs);
+		}));
 	} catch {}
 };
 const loadApisIntoLibrary = async function loadApisIntoLibrary$1() {
@@ -10031,9 +10041,7 @@ const SbProvider = function SbProvider$1({ name = "codemode", settings, children
 		runApiInitialization();
 	}, [runApiInitialization]);
 	useEffect(() => {
-		const mergedTheme = merge(BASE_THEME_V5, settings?.theme);
-		const userAccessibleTheme$1 = generateTheme(mergedTheme, settings?.themeOverrides);
-		setUserAccessibleTheme(userAccessibleTheme$1);
+		setUserAccessibleTheme(generateTheme(merge(BASE_THEME_V5, settings?.theme), settings?.themeOverrides));
 	}, [settings?.theme, settings?.themeOverrides]);
 	useEffect(() => {
 		const resolvePromiseListener = (event) => {
@@ -10186,10 +10194,8 @@ function setQueryParams(queryParams = {}, preserveExistingQueryParams = true) {
 function download(data, fileName, fileType) {
 	try {
 		const dataType = getType(data);
-		if (dataType === Types.ARRAY || dataType === Types.OBJECT) {
-			const jsonString = JSON.stringify(data, null, 2);
-			downloadjs(jsonString, fileName, fileType);
-		} else downloadjs(data, fileName, fileType);
+		if (dataType === Types.ARRAY || dataType === Types.OBJECT) downloadjs(JSON.stringify(data, null, 2), fileName, fileType);
+		else downloadjs(data, fileName, fileType);
 	} catch (err) {
 		console.error("Failed to download:", err);
 	}
@@ -11411,5 +11417,5 @@ var droppable_container_default = DroppableContainer;
 early_console_buffer_default.getInstance().patchEarly();
 
 //#endregion
-export { App, Dim, droppable_container_default as DroppableContainer, Embed, Env, EventFlow, Global, INSTANCE_ID_ATTRIBUTE, interaction_layer_default as InteractionLayer, InternalContainer, Link, sb_provider_default as MakeEditableWithSuperblocks, NO_CONTENT_ATTRIBUTE, Outlet, PORTAL_ROOT_ID, Page, page_not_found_default as PageNotFound, Prop, Property, Section as PropertyPanelSection, PropsPanelCategory, RouteLoadError, SB, SbApi, SbEvent, sb_provider_default as SbProvider, StateVar, StateVarPersistence, Theme, Timer, TriggerStepType, UnstyledInternalContainer, computed, containerLayout as containerLayoutProps, copyToClipboard, createRoot, createScope, download, generatePath, loading as loadingProp, logoutIntegrations, margin as marginProp, navigateTo, registerApp, registerComponent, registerPage, registerScope, setQueryParams, shouldScrollContents as shouldScrollContentsProps, size as sizeProp, useDialogEditing, use_editor_default as useEditor, usePopoverRootElement, useTheme, useUpdateProperties, visible as visibleProp, widthWithoutFit as widthWithoutFitProp };
+export { App, BuildErrorModal, Dim, droppable_container_default as DroppableContainer, Embed, Env, EventFlow, FileManager, Global, INSTANCE_ID_ATTRIBUTE, interaction_layer_default as InteractionLayer, InternalContainer, Link, sb_provider_default as MakeEditableWithSuperblocks, NO_CONTENT_ATTRIBUTE, Outlet, PORTAL_ROOT_ID, Page, page_not_found_default as PageNotFound, Prop, Property, Section as PropertyPanelSection, PropsPanelCategory, RouteLoadError, SB, SbApi, SbEvent, sb_provider_default as SbProvider, StateVar, StateVarPersistence, Theme, Timer, TriggerStepType, UnstyledInternalContainer, computed, containerLayout as containerLayoutProps, copyToClipboard, createRoot, createScope, download, editorBridge, generatePath, getFileWithUploadId, loading as loadingProp, logoutIntegrations, margin as marginProp, navigateTo, registerApp, registerComponent, registerPage, registerScope, setQueryParams, shouldScrollContents as shouldScrollContentsProps, size as sizeProp, useDialogEditing, use_editor_default as useEditor, usePopoverRootElement, useTheme, useUpdateProperties, visible as visibleProp, widthWithoutFit as widthWithoutFitProp };
 //# sourceMappingURL=index.js.map