@superblocksteam/library 2.0.11-next.8 → 2.0.11

package/dist/index.js

@@ -1,5 +1,5 @@
-import { a0 as clientExports } from "./index-C4OthB64.js";
-import { a1, a2, B, h, C, c, g, i, Y, D, O, Q, E, a3, L, a4, a5, a6, a7, l, n, d, a8, a9, v, aa, ab, M, ac, ad, ae, $, P, af, W, ag, ah, ai, aj, Z, u, R, v as v2, ak, al, S, am, e, q, A, an, ao, k, f, T, N, s, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, X, w, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, K, aZ, a_, a$, b0, b1, b2, z, b3, b4, b5, b6, b7, G, b8, b9, x, ba, bb, bc, r, J, H, bd, be, bf, y, F, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, V, U, bN } from "./index-C4OthB64.js";
+import { a0 as clientExports } from "./index-CCewmzC_.js";
+import { a1, a2, B, h, C, c, g, i, Y, D, O, Q, E, a3, L, a4, a5, a6, a7, l, n, d, a8, a9, v, aa, ab, M, ac, ad, ae, $, P, af, W, ag, ah, ai, aj, Z, u, R, v as v2, ak, al, S, am, e, q, A, an, ao, k, f, T, N, s, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, X, w, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, K, aZ, a_, a$, b0, b1, b2, z, b3, b4, b5, b6, b7, G, b8, b9, x, ba, bb, bc, r, J, H, bd, be, bf, y, F, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, V, U, bN } from "./index-CCewmzC_.js";
 const createRoot = clientExports.createRoot;
 export {
   a1 as Await,

package/dist/{splitPathsBySizeLoader-Ufjcf3C9.js → splitPathsBySizeLoader-BM6L8m2i.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-C4OthB64.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-CCewmzC_.js";
 var splitPathsBySizeLoader = function(name, size) {
   return __awaiter(void 0, void 0, void 0, function() {
     var key, pathsRecord;
@@ -31,4 +31,4 @@ var splitPathsBySizeLoader = function(name, size) {
 export {
   splitPathsBySizeLoader
 };
-//# sourceMappingURL=splitPathsBySizeLoader-Ufjcf3C9.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-BM6L8m2i.js.map

package/dist/{splitPathsBySizeLoader-Ufjcf3C9.js.map → splitPathsBySizeLoader-BM6L8m2i.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-Ufjcf3C9.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.20.0_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var key, pathsRecord;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0:\n                key = pascalCase(name);\n                if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n                return [4 /*yield*/, import(\n                    /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n                    \"../generated/16px/paths\")];\n            case 1:\n                pathsRecord = _a.sent();\n                return [3 /*break*/, 4];\n            case 2: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n                \"../generated/20px/paths\")];\n            case 3:\n                pathsRecord = _a.sent();\n                _a.label = 4;\n            case 4: return [2 /*return*/, pathsRecord[key]];\n        }\n    });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"splitPathsBySizeLoader-BM6L8m2i.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.20.0_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var key, pathsRecord;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0:\n                key = pascalCase(name);\n                if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n                return [4 /*yield*/, import(\n                    /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n                    \"../generated/16px/paths\")];\n            case 1:\n                pathsRecord = _a.sent();\n                return [3 /*break*/, 4];\n            case 2: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n                \"../generated/20px/paths\")];\n            case 3:\n                pathsRecord = _a.sent();\n                _a.label = 4;\n            case 4: return [2 /*return*/, pathsRecord[key]];\n        }\n    });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}

package/dist/{splitPathsBySizeLoader-CCK4w8Rs.js → splitPathsBySizeLoader-C3MBiqmb.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-C4OthB64.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-CCewmzC_.js";
 var splitPathsBySizeLoader = function(name, size) {
   return __awaiter(void 0, void 0, void 0, function() {
     var key, pathsRecord;
@@ -31,4 +31,4 @@ var splitPathsBySizeLoader = function(name, size) {
 export {
   splitPathsBySizeLoader
 };
-//# sourceMappingURL=splitPathsBySizeLoader-CCK4w8Rs.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-C3MBiqmb.js.map

package/dist/{splitPathsBySizeLoader-CCK4w8Rs.js.map → splitPathsBySizeLoader-C3MBiqmb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-CCK4w8Rs.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.18.1_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var key, pathsRecord;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0:\n                key = pascalCase(name);\n                if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n                return [4 /*yield*/, import(\n                    /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n                    \"../generated/16px/paths\")];\n            case 1:\n                pathsRecord = _a.sent();\n                return [3 /*break*/, 4];\n            case 2: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n                \"../generated/20px/paths\")];\n            case 3:\n                pathsRecord = _a.sent();\n                _a.label = 4;\n            case 4: return [2 /*return*/, pathsRecord[key]];\n        }\n    });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"splitPathsBySizeLoader-C3MBiqmb.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.18.1_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var key, pathsRecord;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0:\n                key = pascalCase(name);\n                if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n                return [4 /*yield*/, import(\n                    /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n                    \"../generated/16px/paths\")];\n            case 1:\n                pathsRecord = _a.sent();\n                return [3 /*break*/, 4];\n            case 2: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n                \"../generated/20px/paths\")];\n            case 3:\n                pathsRecord = _a.sent();\n                _a.label = 4;\n            case 4: return [2 /*return*/, pathsRecord[key]];\n        }\n    });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,54 @@
+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 { EditOperationPayload, EditOperationType, GeneratedTheme, SbElement, Theme } from "@superblocksteam/library-shared/types";
+export interface SuperblocksEditorBridgeInterface {
+    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;
+    socketError(message: string): void;
+}
+export declare class NoopEditorBridge implements SuperblocksEditorBridgeInterface {
+    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;
+    socketError(_message: string): void;
+}

package/dist-types/edit-mode/features/runtime-entities-manager.d.ts

@@ -33,27 +33,7 @@ declare class RuntimeEntitiesManager {
     private getChildrenWithOptimisticUpdates;
     getEditorWidgetChildren(instanceId: SbInstance): ChildElement[];
     hasEditOperationsPending(): boolean;
-    getPendingOperations(): ((import("./operation-store.js").ReparentTransaction | {
-        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
-        payload: import("@superblocksteam/library-shared/types").SetPropertiesRequest;
-        id: string;
-        callback?: () => void;
-    } | {
-        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
-        payload: import("@superblocksteam/library-shared/types").SetPropertyRequest;
-        id: string;
-        callback?: () => void;
-    } | {
-        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
-        payload: CreateRequest;
-        id: string;
-        callback?: () => void;
-    } | {
-        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
-        payload: DeleteRequest;
-        id: string;
-        callback?: () => void;
-    }) | {
+    getPendingOperations(): ({
         instanceId: SbInstance;
         sourceId: SbElement;
         dragStartX: number;
@@ -85,7 +65,27 @@ declare class RuntimeEntitiesManager {
         } | null;
         isApplyingResize: boolean;
         parentPadding?: import("@superblocksteam/library-shared/types").Padding;
-    })[];
+    } | (import("./operation-store.js").ReparentTransaction | {
+        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
+        payload: import("@superblocksteam/library-shared/types").SetPropertiesRequest;
+        id: string;
+        callback?: () => void;
+    } | {
+        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
+        payload: import("@superblocksteam/library-shared/types").SetPropertyRequest;
+        id: string;
+        callback?: () => void;
+    } | {
+        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
+        payload: CreateRequest;
+        id: string;
+        callback?: () => void;
+    } | {
+        type: keyof import("@superblocksteam/library-shared/types").EditOperations;
+        payload: DeleteRequest;
+        id: string;
+        callback?: () => void;
+    }))[];
     getScopeIdForSourceId(sourceId: SbElement): string | undefined;
     applySideEffects(changes: Record<string, Record<string, unknown>>, scopeId: string): void;
     isChildOf(childId: SbInstance, parentId: SbInstance): boolean;

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

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

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

@@ -1,12 +1,13 @@
+import { type SuperblocksEditorBridgeInterface } 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 { EditOperationPayload, EditOperationType, GeneratedTheme, SbElement, Theme } from "@superblocksteam/library-shared/types";
-export declare class SuperblocksEditorBridge {
+export declare class SuperblocksEditorBridge implements SuperblocksEditorBridgeInterface {
     private static instance;
     private messagesToSend;
     private connectedToParent;
-    static getInstance(): SuperblocksEditorBridge;
+    static getInstance(): SuperblocksEditorBridgeInterface;
     connected(): void;
     sendReady(): void;
     sendNotification(type: "success" | "error" | "info" | "warning", message: string, description?: string): void;
@@ -33,4 +34,4 @@ export declare class SuperblocksEditorBridge {
     private queueMessage;
     private sendImmediate;
 }
-export declare const editorBridge: SuperblocksEditorBridge;
+export declare const editorBridge: SuperblocksEditorBridgeInterface;

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/is-edit-mode.d.ts

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

package/dist-types/lib/internal-details/lib/features/api-store.d.ts

@@ -6,7 +6,7 @@ export type ApiResult<T = any> = {
 };
 declare class ApiManager {
     readonly rootStore: RootStore;
-    agentUrls: string[];
+    baseUrl: string | undefined;
     private token;
     private accessToken;
     private apisByName;

package/dist-types/lib/internal-details/lib/features/component-registry.d.ts

@@ -1,4 +1,5 @@
 import type { ManagedPropsList, PropertiesDefinition } from "../../../user-facing/properties-panel/props-builder.js";
+import type { EditorTemplate } from "../../sb-wrapper.jsx";
 import type { RootStore } from "../root-store.js";
 import type { ComponentRegistryShareState } from "@superblocksteam/library-shared/types";
 import type * as React from "react";
@@ -9,12 +10,17 @@ export type Type = {
     hasExtendedClickArea?: boolean;
     propertiesDefinition?: PropertiesDefinition;
 } & React.ComponentType<any>;
+/**
+ * TODO: The component registry could be split into two a thin layer always on, and move some stuff to the EditStore.
+ * Some of the actions (rename, delete) and some of the data (isDroppable, hasExtendedClickArea) are editor-only.
+ */
 export declare class ComponentRegistry implements ComponentRegistryShareState {
     readonly rootStore: RootStore;
     private _typeRegistry;
     private _customComponentRegistry;
     private _managedPropsRegistry;
     private _internalPropsRegistry;
+    private _editorTemplatesRegistry;
     constructor(rootStore: RootStore);
     addType(type: string, component: Type): void;
     addCustomComponent(type: string, component: Type): void;
@@ -22,6 +28,8 @@ export declare class ComponentRegistry implements ComponentRegistryShareState {
     renameCustomComponent(oldName: string, newName: string): void;
     addManagedProps(type: string, props: ManagedPropsList): void;
     deleteManagedProps(type: string): void;
+    addEditorTemplate(type: string, template: EditorTemplate<any>): void;
+    getEditorTemplates(type: string): EditorTemplate<any>[] | undefined;
     addInternalProps(type: string, props: Array<{
         path: string;
         factory: () => any;

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

@@ -102,15 +102,10 @@ export type FromParentToChildMessageTypesMap = {
         appId: string;
         token: string;
         accessToken: string;
-        /** @deprecated Use agentUrls instead */
-        agentUrl?: string;
-        agentUrls: string[];
+        agentUrl: string;
         logContext: Record<string, unknown>;
     };
     "sb-editor-request-bootstrap": void;
-    "sb-update-active-agents": {
-        agentUrls: string[];
-    };
     "sb-update-property-with-effects": {
         sourceId: string;
         callbackId: string;

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

@@ -1,15 +1,58 @@
 import React from "react";
 import type { ExternalProps, InternalProps, PropertiesDefinition, RawPropsToExternal } from "../user-facing/properties-panel/props-builder.js";
-import type { AnonymousSbEntity } from "@superblocksteam/library-shared/types";
+import type { AnonymousSbEntity, PropertyInfo } from "@superblocksteam/library-shared/types";
 export type DropTargetProps = {
     dropTargetRef?: React.RefObject<HTMLDivElement>;
 };
+export interface CreationContext {
+    generateUniqueName: (baseName: string) => string;
+}
+export type PropertyValues<Def extends PropertiesDefinition> = {
+    [K in keyof GetAllPropsFromDefinition<Def>]?: PropertyInfo | PropertyValues<Def>;
+};
+type GetAllPropsFromDefinition<Def extends PropertiesDefinition> = {
+    [SectionKey in keyof Def]: Def[SectionKey] extends {
+        props: infer Props;
+    } ? Props extends Record<string, any> ? Props : never : never;
+}[keyof Def];
+export interface EditorTemplate<Def extends PropertiesDefinition> {
+    catalog?: {
+        displayName: string;
+        category: "COMMON" | "FORMS" | "CONTAINERS" | "MEDIA" | "ADVANCED" | string;
+        icon: string;
+        description?: string;
+    };
+    create?: (context: CreationContext) => CreateRequest<Def> | Array<CreateRequest<Def>>;
+}
+export interface CreateRequest<Def extends PropertiesDefinition> {
+    type: string;
+    bind?: string;
+    properties?: PropertyValues<Def>;
+    createAt?: "root" | "dropLocation";
+}
+export interface ChainableComponent<PD extends PropertiesDefinition, EP extends ExternalProps<PD>> extends React.FC<EP> {
+    addEditorTemplate: (config: EditorTemplate<PD>) => ChainableComponent<PD, EP>;
+    isSb: symbol;
+    sbType: string;
+    displayName: string;
+    isCustomComponent: boolean;
+    isDroppable: boolean;
+    hasExtendedClickArea: boolean;
+    propertiesDefinition: PropertiesDefinition;
+}
+/**
+ * Register a component to be used with the framework.
+ *
+ * Returns a chainable component that can be used as a React component and also provides
+ * additional methods for editor integration.
+ */
 export declare const registerComponent: <PD extends PropertiesDefinition, EP extends ExternalProps<PD> = ExternalProps<PD>, IP extends InternalProps<PD> & DropTargetProps = InternalProps<PD> & DropTargetProps>(type: string, config: {
     container?: boolean;
     customComponent?: boolean;
     hasExtendedClickArea?: boolean;
     propertiesDefinition: PD;
-}, Component: React.FC<IP>) => React.FC<EP>;
+}, Component: React.FC<IP>) => ChainableComponent<PD, EP>;
 export declare function registerEntity<PROPS, PD extends PropertiesDefinition, EP extends ExternalProps<PD> = ExternalProps<PD>>(name: string, config: {
     propertiesDefinition: PD;
 }, Entity: (args: RawPropsToExternal<PROPS>) => EP & AnonymousSbEntity): (args: RawPropsToExternal<PROPS>) => EP & AnonymousSbEntity;
+export {};

package/dist-types/lib/internal-details/sb-wrapper.test.d.ts

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

package/dist-types/lib/user-facing/components/button/index.d.ts

@@ -1,4 +1,44 @@
-export declare const Button: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+export declare const Button: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<{
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        label: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    }>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    } & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: import("../../properties-panel/props-builder.js").Prop<{
+            top: import("@superblocksteam/library-shared").Dim<"px">;
+            bottom: import("@superblocksteam/library-shared").Dim<"px">;
+            left: import("@superblocksteam/library-shared").Dim<"px">;
+            right: import("@superblocksteam/library-shared").Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        variant: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ButtonVariant, true, undefined>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        onClick: import("../../properties-panel/props-builder.js").Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+}, import("../../properties-panel/props-builder.js").ExternalProps<{
     general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
         label: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
     }>;

package/dist-types/lib/user-facing/components/checkbox/index.d.ts

@@ -1,4 +1,50 @@
-export declare const Checkbox: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+export declare const Checkbox: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<{
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        defaultChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    } & {
+        margin: import("../../properties-panel/props-builder.js").Prop<{
+            top: import("@superblocksteam/library-shared").Dim<"px">;
+            bottom: import("@superblocksteam/library-shared").Dim<"px">;
+            left: import("@superblocksteam/library-shared").Dim<"px">;
+            right: import("@superblocksteam/library-shared").Dim<"px">;
+        } | undefined, true, undefined>;
+    } & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        required: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
+    }>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        onCheckChange: import("../../properties-panel/props-builder.js").Prop<import("../../event-flow.js").EventFlow, false, undefined>;
+    }>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        value: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}, import("../../properties-panel/props-builder.js").ExternalProps<{
     general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
         label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
         defaultChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;

package/dist-types/lib/user-facing/components/column/index.d.ts

@@ -6,7 +6,36 @@ import { Dim } from "@superblocksteam/library-shared";
  *
  */
 export declare const getDefaultSectionChildren: () => never[];
-export declare const Column: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+export declare const Column: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<{
+    layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true, undefined>;
+    }))) & {
+        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }) & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}, import("../../properties-panel/props-builder.js").ExternalProps<{
     layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {

package/dist-types/lib/user-facing/components/container/index.d.ts

@@ -16,7 +16,38 @@ type ContainerProps<T> = Omit<InternalPropsWithOptional<typeof propertiesDefinit
  * - move more props to inner layout component
  */
 export declare const InternalContainer: <T extends ContainerLayout>(props: ContainerProps<T>) => import("react").JSX.Element;
-export declare const Container: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+export declare const Container: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<{
+    layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true, undefined>;
+    }))) & {
+        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }) & {
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        variant: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerVariant, true, undefined>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}, import("../../properties-panel/props-builder.js").ExternalProps<{
     layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {

package/dist-types/lib/user-facing/components/custom/index.d.ts

@@ -1,2 +1 @@
-import React from "react";
-export declare const CustomComponent: React.FC<Omit<any, "ref">>;
+export declare const CustomComponent: import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<any, Omit<any, "ref">>;

package/dist-types/lib/user-facing/components/custom/register-custom-component.d.ts

@@ -38,6 +38,6 @@ type WrappedEventProps<IP extends InternalProps<any>> = {
 };
 type SectionProps<PD extends Record<string, Prop<any>>> = Record<string, Section<PD>> & typeof defaultSections;
 export type CustomComponentProps<PD extends Record<string, Prop<any>>, SP extends SectionProps<PD> = SectionProps<PD>, IP extends InternalProps<SP> = InternalProps<SP>> = WrappedEventProps<IP>;
-export declare function registerComponent<PD extends CustomComponentPropertiesDefinition>(name: string, propertiesDefinition: PD, component: React.FC<CustomComponentProps<PD>>): import("react").FC<any>;
+export declare function registerComponent<PD extends CustomComponentPropertiesDefinition>(name: string, propertiesDefinition: PD, component: React.FC<CustomComponentProps<PD>>): import("../../../internal-details/sb-wrapper.jsx").ChainableComponent<any, any>;
 export declare function isCustomComponent(child: ReactNode): boolean;
 export {};