@superblocksteam/library 2.0.33 → 2.0.34-next.1

package/dist-types/edit-mode/roots.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { IdentifierInfo } from "../lib/internal-details/lib/features/name-manager.js";
+import type { SbElement, SbInstance } from "@superblocksteam/library-shared/types";
+export declare function EditorRoot(props: {
+    type: string;
+    identifier: IdentifierInfo;
+    children: any;
+    widgetProps: Record<string, unknown>;
+    [key: string]: unknown;
+}): React.JSX.Element;
+type EditorRootContext = {
+    instanceId: SbInstance;
+    sourceId: SbElement;
+    isPageRoot: boolean;
+};
+declare const EditorRootContext: React.Context<EditorRootContext | undefined>;
+export declare function useEditorRootContext(): EditorRootContext | undefined;
+export declare function useIsCurrentRootPage(): boolean | undefined;
+export {};

package/dist-types/edit-mode/runtime-children.d.ts

@@ -0,0 +1,14 @@
+import type { ChildFunction } from "./features/runtime-widgets-manager.js";
+import type { SbInstance } from "@superblocksteam/library-shared/types";
+import type { ReactNode } from "react";
+/**
+ * Attempts to merge the children of a component with the children that should be rendered
+ * based on the current state from our drag-and-drop editor.
+ *
+ * @returns {ReactNode[]} - An array of merged and sorted React nodes.
+ */
+export declare function useRuntimeChildren(props: {
+    instanceId: SbInstance;
+    isEditing: boolean;
+    children?: ReactNode[] | ChildFunction;
+}): ReactNode[] | ChildFunction | undefined;

package/dist-types/edit-mode/sb-component-from-meta.d.ts

@@ -0,0 +1,2 @@
+import type { RuntimeWidgetMeta } from "./features/runtime-widgets-manager.js";
+export declare const makeSbComponentFromMeta: (widgetMeta: RuntimeWidgetMeta) => import("react").JSX.Element | null;

package/dist-types/edit-mode/source-update-api.d.ts

@@ -0,0 +1,19 @@
+declare class OperationAPI {
+    private readonly serverUrl;
+    private socket;
+    private retryAttempts;
+    constructor(serverUrl: string);
+    /**
+     * @throws {Error} if the websocket connection can't be initiated after 3 attempts
+     */
+    connect({ peerId, userId, applicationId, }: {
+        peerId: string;
+        userId?: string;
+        applicationId: string;
+    }): Promise<void>;
+    ensureFilesSynced: () => Promise<void>;
+    private handleSocketClose;
+    private retryConnection;
+}
+declare const _default: OperationAPI;
+export default _default;

package/dist-types/edit-mode/superblocks-editor-bridge.d.ts

@@ -0,0 +1,40 @@
+import { type SuperblocksParentBridgeInterface } from "./base-editor-bridge.js";
+import type { FromChildToParentMessageTypesMap } from "../lib/index.js";
+import type { StreamEvent, RouteInfo } from "../lib/internal-details/lib/types.js";
+import type { PropertiesPanelDefinition } from "@superblocksteam/library-shared/props";
+import type { AiContextMode, EditOperationPayload, EditOperationType, GeneratedTheme, SbElement, SbInstance, Theme } from "@superblocksteam/library-shared/types";
+export declare class SuperblocksEditorBridge implements SuperblocksParentBridgeInterface {
+    private static instance;
+    private messagesToSend;
+    private connectedToParent;
+    static getInstance(): SuperblocksParentBridgeInterface;
+    connected(): void;
+    sendReady(): void;
+    sendNotification(type: "success" | "error" | "info" | "warning", message: string, description?: string): void;
+    selectWidgets(sourceIds: SbElement[]): void;
+    editOpRequest<T extends EditOperationType>(type: T, payload: EditOperationPayload<T>["payload"]): void;
+    undo(): void;
+    redo(): void;
+    sendStreamedApiEvent(event: StreamEvent, apiName: string): void;
+    sendStreamedApiMessage(message: any, apiName: string): void;
+    setApiStarted(apiName: string): void;
+    setApiResponse(apiName: string, response: unknown): void;
+    navigateTo(path: string, newWindow?: boolean): void;
+    updateTheme(theme: Theme, generatedTheme: GeneratedTheme): void;
+    updatePropertiesPanels(updates: Record<string, PropertiesPanelDefinition>): void;
+    addPropertiesPanel(id: string, definition: PropertiesPanelDefinition): void;
+    initializeEditorSyncedStore(payload: FromChildToParentMessageTypesMap["codeMode/editor-synced-store/init"]): void;
+    updateEditorSyncedStore(payload: FromChildToParentMessageTypesMap["codeMode/editor-synced-store/update"]): void;
+    resolvePromise(callbackId: string, payload: unknown): void;
+    rejectPromise(callbackId: string, payload: unknown): void;
+    canvasClicked(): void;
+    registerContextMenuClick(sourceId: SbElement, clientX: number, clientY: number): void;
+    updateRoute(routeInfo: RouteInfo): void;
+    addComponentToAiContext(sourceId: SbElement, instanceId: SbInstance): void;
+    toggleComponentInAiContext(sourceId: SbElement, instanceId: SbInstance): void;
+    setAiContextMode(mode: AiContextMode): void;
+    socketError(message: string): void;
+    private queueMessage;
+    private sendImmediate;
+}
+export declare const editorBridge: SuperblocksParentBridgeInterface;

package/dist-types/edit-mode/vite.d.ts

@@ -0,0 +1,4 @@
+import type { ViteMessageKind } from "@superblocksteam/library-shared/types";
+export declare function onViteMessage<T extends ViteMessageKind, Message extends Extract<ViteMessageKind, {
+    kind: T;
+}>>(kind: T, callback: (message: Message) => void): () => void;

package/dist-types/internal-testing/components/api.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+export default _default;

package/dist-types/internal-testing/components/broken-app.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const BrokenApp: React.FC;
+export default BrokenApp;

package/dist-types/internal-testing/components/button.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/checkbox.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/container.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/date-picker.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/dropdown.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/form.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/icon.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/image.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/import-error.d.ts

@@ -0,0 +1 @@
+export default function ImportError(): import("react").JSX.Element;

package/dist-types/internal-testing/components/input.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/key-value.d.ts

@@ -0,0 +1 @@
+export default function KeyValue(): import("react").JSX.Element;

package/dist-types/internal-testing/components/modal.d.ts

@@ -0,0 +1,3 @@
+export declare function Widgets(): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default _default;

package/dist-types/internal-testing/components/section-column.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/slideout.d.ts

@@ -0,0 +1,3 @@
+export declare function Widgets(): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default _default;

package/dist-types/internal-testing/components/switch.d.ts

@@ -0,0 +1 @@
+export default function Widgets(): import("react").JSX.Element;

package/dist-types/internal-testing/components/table.d.ts

@@ -0,0 +1,3 @@
+export declare function Widgets(): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
+export default _default;

package/dist-types/internal-testing/components/timer.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+export default _default;

package/dist-types/internal-testing/components/variable.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+export default _default;

package/dist-types/internal-testing/utils.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function WidgetWrapper({ label, children, }: {
+    label: string;
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist-types/internal-testing/widgets.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Widgets(): React.JSX.Element;

package/dist-types/lib/hooks/use-alignment-styles.d.ts

@@ -0,0 +1,9 @@
+import { type VerticalAlignment, type HorizontalAlignment } from "../user-facing/component-base/constants.js";
+import type { ContainerLayout } from "../user-facing/component-base/constants.js";
+import type { CSSProperties } from "react";
+declare const useAlignmentStyles: ({ layout, verticalAlign, horizontalAlign, }: {
+    layout?: ContainerLayout;
+    verticalAlign?: VerticalAlignment;
+    horizontalAlign?: HorizontalAlignment;
+}) => CSSProperties;
+export default useAlignmentStyles;

package/dist-types/lib/hooks/use-cached-value.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A hook that caches a (non-primitive) value and returns the cached value for as long it
+ * does not change with respect to a deep equality function.
+ * This is useful when a non-primitive is to be used in a dependency array:
+ * the cached value returned will be referentially the same object for as long as the
+ * object has not changed and therefore the dependency will not change.
+ * @param value     The value to cache. It does not make sense use this hook for primitive values.
+ * @param isEqualFn The (deep) equality function to compare objects, defaults to `isEqual` from lodash.
+ * @returns         `value` or a cached version of `value` that is (deeply) equal to `value`.
+ */
+export declare function useCachedValue<T>(value: T, isEqualFn?: (cachedValue: T, curValue: T) => boolean): T;

package/dist-types/lib/hooks/use-callback-as-ref.d.ts

@@ -0,0 +1 @@
+export declare const useCallbackAsRef: <T extends (...args: any[]) => any>(callback: T) => (...args: any) => any;

package/dist-types/lib/hooks/use-component-min-size.d.ts

@@ -0,0 +1,29 @@
+import type { Dim, DimModes } from "@superblocksteam/library-shared";
+import type { CSSProperties } from "react";
+interface UseComponentMinSizeOptions {
+    width?: Dim<DimModes>;
+    height?: Dim<DimModes>;
+    minWidth?: Dim<DimModes>;
+    minHeight?: Dim<DimModes>;
+}
+interface UseComponentMinSizeReturnValue {
+    minHeight: number;
+    minWidth: number;
+}
+/**
+ * In edit mode, components should have a minimum size to be able to select them.
+ * This hook figures out when/if to apply styles for that following this logic:
+ *
+ * When we skip the min size:
+ * - The user sets a width/height in pixels
+ * - The user sets a minWidth/height in pixels
+ * - The component is not in edit mode
+ * - The component is set to fill
+ *
+ * When we apply the 6px min size:
+ * - The component is set to fit-content
+ * - And none of the skip conditions above apply
+ */
+export declare function useComponentMinSize(props: UseComponentMinSizeOptions, asStyleObject: true): CSSProperties;
+export declare function useComponentMinSize(props: UseComponentMinSizeOptions, asStyleObject?: false): UseComponentMinSizeReturnValue;
+export {};

package/dist-types/lib/hooks/use-deep-memo.d.ts

@@ -0,0 +1,9 @@
+import type { DependencyList } from "react";
+/**
+ * Custom hook that memoizes a value based on deep equality of dependencies.
+ * @param factory A function that returns the value to be memoized.
+ * @param deps An array of dependencies that trigger the memoization.
+ * @returns The memoized value.
+ */
+declare const useDeepMemo: <T>(factory: () => T, deps: DependencyList) => T;
+export default useDeepMemo;

package/dist-types/lib/hooks/use-editor-hotkeys.d.ts

@@ -0,0 +1,3 @@
+import type { KeyHandler } from "hotkeys-js";
+import type { Options } from "react-hotkeys-hook";
+export declare function useEditorHotkeys<T extends Element>(keys: string, callback: KeyHandler, options?: any[] | Options, deps?: any[]): React.MutableRefObject<T | null> | undefined;

package/dist-types/lib/hooks/use-element-rect.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Options as DebounceSettings } from "use-debounce";
+export declare function useElementRect<T extends HTMLElement>(target: React.RefObject<T> | T | null, wait?: number, options?: DebounceSettings): DOMRect | undefined;
+export declare function useElementWidth<T extends HTMLElement>(target: React.RefObject<T> | T | null, wait?: number): number;
+export declare function useHeightChange<T extends HTMLElement>(target: React.RefObject<T> | T | null, onChange: (height: number) => void, wait?: number): void;
+export declare function useWidthChange<T extends HTMLElement>(target: React.RefObject<T> | T | null, onChange: (width: number) => void, wait?: number): void;
+export declare function useRectChange<T extends HTMLElement>(target: React.RefObject<T> | T | null, onChange: (width: number, height: number) => void, wait?: number): void;

package/dist-types/lib/hooks/use-key-pressed.d.ts

@@ -0,0 +1 @@
+export declare function useKeyPressed(key: string, callback: (isPressed: boolean) => void): void;

package/dist-types/lib/hooks/use-observer-memo.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The component that uses this hook must be wrapped `observer`, otherwise state changes will not
+ * cause this hook to re-run.
+ */
+export declare const useObserverMemo: <T>(fn: () => T, deps: any[]) => T;
+/**
+ * Like useObserverMemo, but does not require the component to be wrapped in an observer.
+ * It is recommended to use useObserverMemo instead.
+ * @see useObserverMemo
+ *
+ * Note: This implementation uses MobX reactions to track both observable changes and
+ * dependency changes.
+ */
+export declare const useStandaloneObserverMemo: <T>(fn: () => T, deps: any[]) => T;

package/dist-types/lib/hooks/use-observer-memo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-types/lib/hooks/use-pointer-down-outside.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+/**
+ * Calls @param onClickOutside when the user clicks outside of a set of elements
+ *
+ * @param  - `wrapperRefs, wrapperIds, wrapperSelectors` - Arrays of refs to DOM elements that should be considered "wrappers" for
+ * the click outside handler. If the user clicks outside of all of these elements, the callback will be
+ * called.
+ * @param - onClickOutside - A callback function that will be called when the user clicks outside of the wrappers
+ */
+export declare function usePointerDownOutside({ wrapperRefs, wrapperIds, wrapperSelectors, onClickOutside, }: {
+    wrapperRefs?: Array<React.MutableRefObject<Element | null | undefined>>;
+    wrapperIds?: Array<string>;
+    wrapperSelectors?: Array<string>;
+    onClickOutside: () => void;
+}): void;

package/dist-types/lib/hooks/use-stable-effect.d.ts

@@ -0,0 +1,22 @@
+import type React from "react";
+type isType = (a: unknown) => boolean;
+type isEqual = (a: any, b: any) => boolean;
+/**
+ * Options for the useStableEffect hook.
+ */
+export interface UseStableEffectOptions {
+    customEqualChecks?: [isType, isEqual][];
+    ignoreKeys?: string[];
+    cold?: boolean;
+}
+/**
+ * Custom hook that runs an effect only when specified properties of an object change.
+ *
+ * @param effect - The effect callback to run.
+ * @param obj - The object whose properties are checked for changes.
+ * @param options - Optional custom equality checks and keys to ignore when checking for changes.
+ */
+declare const useStableEffect: (effect: React.EffectCallback, obj: {
+    [key: string]: unknown;
+}, options?: UseStableEffectOptions) => void;
+export default useStableEffect;

package/dist-types/lib/hooks/use-stable-effect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-types/lib/index.d.ts

@@ -0,0 +1,44 @@
+import "./style.css";
+import "../edit-mode/edit-style.css";
+export { Button } from "./user-facing/components/button/index.jsx";
+export { Section } from "./user-facing/components/section/index.jsx";
+export { Column } from "./user-facing/components/column/index.jsx";
+export { Container } from "./user-facing/components/container/index.jsx";
+export { Input } from "./user-facing/components/input/index.jsx";
+export { Page } from "./user-facing/components/page/index.jsx";
+export { Text } from "./user-facing/components/text/index.jsx";
+export { Modal } from "./user-facing/components/modal/index.jsx";
+export { Slideout } from "./user-facing/components/slideout/index.jsx";
+export { Table } from "./user-facing/components/table/index.jsx";
+export { Dropdown } from "./user-facing/components/dropdown/index.jsx";
+export type * from "./user-facing/components/dropdown/types.ts";
+export { CustomComponent } from "./user-facing/components/custom/index.jsx";
+export { registerComponent, type CustomComponentProps, type CustomComponentPropertiesDefinition, } from "./user-facing/components/custom/register-custom-component.jsx";
+export { Checkbox } from "./user-facing/components/checkbox/index.jsx";
+export { DatePicker } from "./user-facing/components/date-picker/index.jsx";
+export { Switch } from "./user-facing/components/switch/index.jsx";
+export { Icon } from "./user-facing/components/icon/index.jsx";
+export { Image } from "./user-facing/components/image/index.jsx";
+export { StateVar, StateVarPersistence, } from "./user-facing/entities/variable/index.js";
+export { Timer } from "./user-facing/entities/timer/index.js";
+export { SbApi } from "./user-facing/entities/api/index.js";
+export { default as MakeEditableWithSuperblocks } from "./user-facing/sb-provider.jsx";
+export { default as SbProvider } from "./user-facing/sb-provider.jsx";
+export { EventFlow } from "./user-facing/event-flow.js";
+export { copyToClipboard, navigateTo, setQueryParams, download, showAlert, logoutIntegrations, } from "./user-facing/global-functions.js";
+export { registerScope } from "./internal-details/scope/scope.jsx";
+export { registerPage } from "./user-facing/components/page/register-page.js";
+export { createScope } from "./user-facing/state/create-scope.js";
+export { type BindingIdentifier } from "@superblocksteam/library-shared/types";
+export { Global, Theme, Embed, Env } from "./internal-details/scope/global.js";
+export type { AppTheme } from "./internal-details/scope/global.js";
+export { SbEvent } from "./internal-details/entities.js";
+export { useUpdateProperties } from "./user-facing/hooks/use-update-properties.js";
+export { useTheme } from "./user-facing/hooks/use-theme.jsx";
+export { Prop, Section as PropertyPanelSection, PropsPanelCategory, } from "./user-facing/properties-panel/props-builder.js";
+export { computed } from "./user-facing/state/computed.js";
+export { Dim, type DimModes, SB, Property, } from "@superblocksteam/library-shared";
+export type { EditorConfig } from "@superblocksteam/library-shared";
+export type { EditorTemplate } from "./internal-details/sb-wrapper.jsx";
+export type { FromChildToParentMessageTypes, FromChildToParentMessageTypesMap, FromParentToChildMessageTypes, FromParentToChildMessageTypesMap, } from "./internal-details/lib/types.js";
+export { Outlet } from "react-router";

package/dist-types/lib/internal-details/actions-context.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { createEntityActions } from "./entities-state.js";
+export declare const ActionsProvider: React.FC<React.PropsWithChildren<{
+    actions: ReturnType<typeof createEntityActions>;
+}>>;
+export declare const useActions: () => {
+    reset: () => void;
+    update: (run: (entity: import("@superblocksteam/library-shared/types").Entity) => void) => void;
+};

package/dist-types/lib/internal-details/app-wrappers.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const FullPageSpinner: import("styled-components").StyledComponent<React.FC<import("@blueprintjs/core").SpinnerProps<HTMLElement>>, any, {}, never>;
+declare const Auth0Wrapper: (props: React.PropsWithChildren) => React.JSX.Element;
+declare const EmbedWrapper: (props: React.PropsWithChildren) => React.JSX.Element;
+export { EmbedWrapper, Auth0Wrapper };

package/dist-types/lib/internal-details/component-info-context.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { SbElement, SbInstance } from "@superblocksteam/library-shared/types";
+type ComponentInfo = {
+    sourceId: SbElement;
+    instanceId: SbInstance;
+    name: string;
+};
+export declare const ComponentInfoProvider: React.FC<React.PropsWithChildren<ComponentInfo>>;
+export declare const useComponentInfo: () => ComponentInfo;
+export {};

package/dist-types/lib/internal-details/component-suspense-style-context.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode, type CSSProperties } from "react";
+interface ComponentStyleContextValue {
+    setStyle: (style: CSSProperties) => void;
+    getFallbackStyle: () => CSSProperties;
+}
+export declare function ComponentSuspenseStyleProvider({ children, }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useComponentSuspenseStyle(): ComponentStyleContextValue;
+export {};

package/dist-types/lib/internal-details/css-constants.d.ts

@@ -0,0 +1,4 @@
+export declare const CSS_CLASSES: {
+    readonly SUSPENSE_FALLBACK: "sb-suspense-fallback";
+    readonly ANCHOR_NAME: "sb-anchor-name";
+};

package/dist-types/lib/internal-details/entities-state.d.ts

@@ -0,0 +1,11 @@
+import type { ScopeId } from "./lib/evaluator/base-entity-manager.js";
+import type { Entity } from "@superblocksteam/library-shared/types";
+declare const entityActions: {
+    reset: (entityName: string, scopeId: ScopeId) => void;
+    update: (entityName: string, scopeId: ScopeId, run: (entity: Entity) => void) => void;
+};
+declare const createEntityActions: (entityName: string, scopeId: ScopeId) => {
+    reset: () => void;
+    update: (run: (entity: Entity) => void) => void;
+};
+export { entityActions, createEntityActions };

package/dist-types/lib/internal-details/entities.d.ts

@@ -0,0 +1,5 @@
+import type { SbEntity, SbEvent as TSbEvent } from "@superblocksteam/library-shared/types";
+export declare function isSbEntity(entity: any): entity is SbEntity;
+export declare function SbEvent({ payload, }: {
+    payload: string;
+}): Omit<TSbEvent, "name" | "id">;

package/dist-types/lib/internal-details/env.d.ts

@@ -0,0 +1 @@
+export declare const SUPERBLOCKS_UI_MATERIAL_ICON_CDN_PATH: any;

package/dist-types/lib/internal-details/external-stack-child.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { Dim, DimModes } from "@superblocksteam/library-shared";
+/**
+ * This is a wrapper that is used to render external components that are not part of the Superblocks library so they
+ * can be selected and dragged/dropped in the editor.
+ */
+export declare function ExternalStackChild(props: {
+    primary: "width" | "height";
+    childProps: unknown;
+    child: React.ReactElement;
+    parentHeight: Dim<DimModes> | undefined;
+    parentWidth: Dim<DimModes> | undefined;
+}): React.JSX.Element;

package/dist-types/lib/internal-details/identifier-normalizer.d.ts

@@ -0,0 +1,8 @@
+import type { BindingIdentifier } from "@superblocksteam/library-shared/types";
+export declare const getNormalizedIdInfo: (params: {
+    bind: BindingIdentifier | undefined;
+    fallbackScopeId: string;
+}) => {
+    name: string | undefined;
+    scopeId: string;
+};

package/dist-types/lib/internal-details/internal-components/common.d.ts

@@ -0,0 +1,13 @@
+import type React from "react";
+export declare const ErrorIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledClarkIcon: React.FC;
+export declare const ErrorTitle: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ErrorDetails: import("styled-components").StyledComponent<"details", any, {}, never>;
+export declare const ErrorSummary: import("styled-components").StyledComponent<"summary", any, {}, never>;
+export declare const ErrorStack: import("styled-components").StyledComponent<"pre", any, {}, never>;
+export declare const ErrorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RefreshButton: import("styled-components").StyledComponent<"button", any, {
+    $primaryColor: string;
+}, never>;

package/dist-types/lib/internal-details/internal-components/error-boundary/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error?: Error;
+}
+interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    theme?: UserAccessibleTheme;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    handleRefresh: () => void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}
+export {};

package/dist-types/lib/internal-details/internal-components/route-load-error.d.ts

@@ -0,0 +1 @@
+export declare function RouteLoadError(): import("react").JSX.Element;

package/dist-types/lib/internal-details/is-edit-mode.d.ts

@@ -0,0 +1 @@
+export declare const isEditMode: () => boolean;

package/dist-types/lib/internal-details/is-sb-component.d.ts

@@ -0,0 +1,11 @@
+import type { SbComponentProps } from "../user-facing/component-base/sb-component";
+import type { ReactNode } from "react";
+type ChildFunction = Function;
+export type StackChildElement = React.ReactElement<SbComponentProps> & {
+    type: {
+        sbType: string;
+    };
+};
+export declare const superblocksComponentSymbol: unique symbol;
+export declare function isSbComponent(child: ReactNode | ChildFunction): child is StackChildElement;
+export {};

package/dist-types/lib/internal-details/lib/devtools/devtools-consolidated.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "react-json-view-lite/dist/index.css";
+export declare function setRegisteredStores(stores: Record<string, any>): void;
+export declare const CustomDevTools: React.FC;
+export declare function initializeCustomDevTools(): void;

package/dist-types/lib/internal-details/lib/devtools/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare function registerStores(stores: Record<string, any>): void;
+declare const DevTools: () => React.JSX.Element | null;
+export { DevTools, registerStores };

package/dist-types/lib/internal-details/lib/devtools/serialize-store-data.d.ts

@@ -0,0 +1 @@
+export declare function serializeStoreData(stores_: Record<string, any>): Record<string, any>;