@superblocksteam/library 2.0.0-next.11 → 2.0.0-next.111

package/dist/index.css

@@ -33970,9 +33970,10 @@ b {
 }
 
 /*# sourceMappingURL=style.css.map *//* A class that sets the child anchor-name to a variable that is set in react */
+/* First level is the suspense provider, second level is the component */
 .sb-anchor-name {
   display: contents;
-  > * {
+  > * > * {
     anchor-name: var(--anchor-name);
   }
 }

package/dist/index.js

@@ -1,5 +1,5 @@
-import { V as clientExports } from "./index-tdErpvtu.js";
-import { W, X, Q, K, L, Y, J, Z, $, a0, a1, a2, a3, w, a4, a5, a6, a7, a8, U, a9, P, aa, ab, ac, ad, R, v, S, m, d, e, l, n, k, M, x, q, s, f, i, g, w as w2, c, o, j, h, u, t, A, ae, af, ag, ah, ai, T, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, y, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, H, aT, aU, aV, aW, aX, aY, C, aZ, a_, a$, b0, b1, E, b2, b3, z, b4, b5, b6, r, G, F, b7, b8, b9, O, B, D, ba, bb, bc, bd, be, bf, 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, N, bH } from "./index-tdErpvtu.js";
+import { V as clientExports } from "./index-Dmuv9J5-.js";
+import { W, X, Q, K, L, Y, J, Z, $, a0, a1, a2, a3, w, a4, a5, a6, a7, a8, U, a9, P, aa, ab, ac, ad, R, v, S, m, d, e, l, n, k, M, x, q, s, f, i, g, w as w2, c, o, j, h, u, t, A, ae, af, ag, ah, ai, T, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, y, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, H, aT, aU, aV, aW, aX, aY, C, aZ, a_, a$, b0, b1, E, b2, b3, z, b4, b5, b6, r, G, F, b7, b8, b9, O, B, D, ba, bb, bc, bd, be, bf, 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, N, bH } from "./index-Dmuv9J5-.js";
 const createRoot = clientExports.createRoot;
 export {
   W as Await,

package/dist/{splitPathsBySizeLoader-wQWCogRx.js → splitPathsBySizeLoader-C9M7hrZo.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-tdErpvtu.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-Dmuv9J5-.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-wQWCogRx.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-C9M7hrZo.js.map

package/dist/{splitPathsBySizeLoader-wQWCogRx.js.map → splitPathsBySizeLoader-C9M7hrZo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-wQWCogRx.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-C9M7hrZo.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-7yhv4gcq.js → splitPathsBySizeLoader-yx8MCpqw.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-tdErpvtu.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-Dmuv9J5-.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-7yhv4gcq.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-yx8MCpqw.js.map

package/dist/{splitPathsBySizeLoader-7yhv4gcq.js.map → splitPathsBySizeLoader-yx8MCpqw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-7yhv4gcq.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-yx8MCpqw.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/create-component.d.ts

@@ -1,8 +1,10 @@
 import type { PropertyInfo, SbElement, SourceLocation } from "@superblocksteam/library-shared/types";
 export declare const getUniqueName: (componentType: string) => string;
-export default function createComponent({ componentType, parent, scopeName, baseProperties, }: {
+export default function createComponent({ componentType, parent, scopeName, baseProperties, skipTriggerCreation, otherComponentsUpdates, }: {
     componentType: string;
     parent: SourceLocation;
     scopeName: string;
     baseProperties?: Record<string, PropertyInfo>;
+    skipTriggerCreation?: boolean;
+    otherComponentsUpdates?: Record<SbElement, Record<string, PropertyInfo>>;
 }): Promise<SbElement | undefined>;

package/dist-types/edit-mode/default-table-data.d.ts

@@ -0,0 +1,71 @@
+import { Dim } from "@superblocksteam/library-shared";
+export declare const DEFAULT_TABLE_DATA: {
+    photo: string;
+    name: string;
+    email: string;
+    role: string;
+    company: string;
+    status: string;
+    date_joined: string;
+    last_activity: string;
+}[];
+export declare const DEFAULT_TABLE_COLUMNS: {
+    name: {
+        columnType: string;
+        label: string;
+    };
+    email: {
+        columnType: string;
+        label: string;
+    };
+    role: {
+        columnType: string;
+        label: string;
+    };
+    company: {
+        columnType: string;
+        label: string;
+    };
+    status: {
+        columnType: string;
+        tagDisplayConfig: {
+            Active: {
+                color: string;
+            };
+            Pending: {
+                color: string;
+            };
+            Inactive: {
+                color: string;
+            };
+            Suspended: {
+                color: string;
+            };
+        };
+        label: string;
+    };
+    date_joined: {
+        columnType: string;
+        inputFormat: string;
+        outputFormat: string;
+        label: string;
+    };
+    last_activity: {
+        columnType: string;
+        inputFormat: string;
+        outputFormat: string;
+        label: string;
+    };
+    photo: {
+        columnType: string;
+        label: string;
+        imageBorderRadius: {
+            topLeft: Dim<"px">;
+            topRight: Dim<"px">;
+            bottomLeft: Dim<"px">;
+            bottomRight: Dim<"px">;
+        };
+    };
+};
+export declare const DEFAULT_TABLE_KEYS: string[];
+export declare const CLEARED_TABLE_COLUMNS: Record<string, undefined>;

package/dist-types/edit-mode/dnd/grid-store.d.ts

@@ -1,15 +1,39 @@
-import type { GridDropInfo } from "./types.js";
+import type { GridDropInfo, RectLike } from "./types.js";
 import type { RootStore } from "../../lib/internal-details/lib/root-store.js";
 import type { DragAndDropManager } from "../features/drag-and-drop-store.js";
+import type { RuntimeWidgetMeta } from "../features/runtime-widgets-manager.js";
 import type { ClientRect } from "@dnd-kit/core";
+import type { Padding } from "@superblocksteam/library-shared/types";
+type GridInfo = {
+    targetColumns: number;
+    tileWidth: number;
+    tileHeight: number;
+    targetHeightGU: number;
+    targetPadding: Padding;
+};
 export declare class GridManager {
     private root;
     private dnd;
     constructor(root: RootStore, dnd: DragAndDropManager);
     private get draggedInstanceId();
     refreshPositionsAndGetDropConstraints(): GridDropInfo;
+    getGridInfo(runtimeWidget: RuntimeWidgetMeta, targetRect: ClientRect): GridInfo | null;
     private get lazyTargetGridInfo();
-    private getGridPositionInfo;
+    private getGridPositionFromRect;
+    getGridPositionInfo({ positionRect, targetRect, targetGridInfo, includePadding, }: {
+        positionRect: RectLike<number>;
+        targetRect: ClientRect;
+        targetGridInfo: GridInfo;
+        includePadding: boolean;
+    }): {
+        xGU: number;
+        yGU: number;
+        widthGU: number;
+        heightGU: number;
+        tileWidth: number;
+        tileHeight: number;
+        targetPadding: import("@superblocksteam/library-shared/types").Spacing;
+    };
     get lazyChildGridPositionsGU(): Record<`I-${string}`, {
         xGU: number;
         yGU: number;
@@ -17,7 +41,7 @@ export declare class GridManager {
         heightGU: number;
         tileWidth: number;
         tileHeight: number;
-        targetPadding: any;
+        targetPadding: import("@superblocksteam/library-shared/types").Spacing;
     } | null>;
     get lazyActiveRectGU(): {
         xGU: number;
@@ -26,8 +50,9 @@ export declare class GridManager {
         heightGU: number;
         tileWidth: number;
         tileHeight: number;
-        targetPadding: any;
+        targetPadding: import("@superblocksteam/library-shared/types").Spacing;
     } | null;
     get lazyIsFreePos(): boolean;
     adjustDragRectForCollisions(collidingRect: ClientRect | null): ClientRect | null;
 }
+export {};

package/dist-types/edit-mode/dnd/utils.d.ts

@@ -3,6 +3,9 @@ export declare const WithLayoutContainerTypes: Set<string>;
 export declare const VStackLikeContainerTypes: Set<string>;
 export declare const HStackLikeContainerTypes: Set<string>;
 export declare const StackLikeContainerTypes: Set<string>;
+declare const detachedComponentTypeList: readonly ["SbModal", "SbSlideout"];
+export type DetachedComponentType = (typeof detachedComponentTypeList)[number];
+export declare const DetachedComponentTypes: Set<string>;
 export declare const isDragAndDropTypeValid: ({ draggedType, dropTargetType, dropTargetEmpty, isDraggingNewComponent, }: {
     draggedType: string;
     dropTargetType: string;
@@ -11,6 +14,7 @@ export declare const isDragAndDropTypeValid: ({ draggedType, dropTargetType, dro
 }) => boolean;
 export declare const isTypeDroppable: (type: string) => boolean;
 export declare const isTypeDraggable: (type: string) => boolean;
+export declare const isContentDraggable: (type: string) => boolean;
 export declare function shouldWrapInSectionAndColumn(type: string, parentType: string | undefined): boolean;
 export declare const filterSafeStackDimensionProperties: (existingProps: {
     width?: Dim;
@@ -26,13 +30,10 @@ export declare const filterSafeGridDimensionProperties: (existingProps: {
     width?: PropertyInfo;
     height?: PropertyInfo;
 };
-export declare const defaultSizeForComponent: (componentType: string, isFreeform: boolean, activeRectGUWidth?: number) => {
-    height: import("@superblocksteam/library-shared/types").PropertyInfo<Dim<"fit">>;
-    width: import("@superblocksteam/library-shared/types").PropertyInfo<Dim<"columns">>;
-} | {
-    height: import("@superblocksteam/library-shared/types").PropertyInfo<Dim<"fit">>;
-    width: import("@superblocksteam/library-shared/types").PropertyInfo<Dim<"fit">>;
-} | {
-    height: import("@superblocksteam/library-shared/types").PropertyInfo<Dim<"fit">>;
-    width: import("@superblocksteam/library-shared/types").PropertyInfo<Dim<"fill">>;
-};
+export declare const defaultSizeForComponent: (componentType: string, isFreeform: boolean, draggedDimensions?: {
+    widthGU?: number;
+    heightGU?: number;
+    widthPx?: number;
+    heightPx?: number;
+}) => Record<string, PropertyInfo>;
+export {};

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

@@ -1,6 +1,5 @@
-export type ConnectionStatus = "disconnected" | "connecting" | "connected";
+export type ConnectionStatus = "pre-init" | "disconnected" | "connecting" | "connected";
 declare class ConnectionManager {
-    socketInitialized: boolean;
     connectionStatus: ConnectionStatus;
     constructor();
     initializeSocket(): void;

package/dist-types/edit-mode/features/interaction-layer-manager.d.ts

@@ -7,11 +7,17 @@ declare class InteractionLayerManager {
      * if set to the detached component id, the inteactoin layer will be disabled on the page
      */
     activeRootInstanceId: SbInstance | undefined;
-    sourceIdElements: Map<HTMLElement, `SB-${string}`>;
+    sourceIdElements: Map<`I-${string}`, {
+        sourceId: SbElement;
+        element: HTMLElement;
+    }>;
     constructor();
     setActiveRootInstanceId(rootInstanceId: SbInstance | undefined): void;
-    setSourceIdElement(element: HTMLElement, sourceId: SbElement): void;
-    removeSourceIdElement(element: HTMLElement): void;
-    getSourceIdElements(sourceId: SbElement): HTMLElement[];
+    setSourceIdElement(el: HTMLElement, sourceId: SbElement): undefined | SbInstance;
+    removeSourceIdElement(instanceId: SbInstance): void;
+    getSourceIdElements(sourceId: SbElement): Array<{
+        element: HTMLElement;
+        instanceId: SbInstance;
+    }>;
 }
 export default InteractionLayerManager;

package/dist-types/edit-mode/features/operation-store.d.ts

@@ -41,13 +41,23 @@ declare class OperationManager {
     deleteComponents(sourceIds: SbElement[]): void;
     acknowledgeEditOperation(operation: EditOperationPayload<EditOperationType>): void;
     writeRuntimeProperties(sourceId: SbElement, transactionId: string, updates: Record<string, PropertyInfo<unknown>>): void;
-    setWidgetProperties(sourceId: SbElement, properties: Record<string, PropertyInfo<unknown>>, callback?: () => void): void;
-    setWidgetProperty(sourceId: SbElement, property: string, value: PropertyInfo<unknown>, callback?: () => void): void;
+    setWidgetProperties({ sourceId, properties, callback, }: {
+        sourceId: SbElement;
+        properties: Record<string, PropertyInfo<unknown>>;
+        callback?: () => void;
+    }): void;
+    setWidgetProperty({ sourceId, property, value, callback, }: {
+        sourceId: SbElement;
+        property: string;
+        value: PropertyInfo<unknown>;
+        callback?: () => void;
+    }): void;
     renameWidget(params: {
         sourceId: SbElement;
         newName: string;
     }): void;
     ensureFilesSynced(): Promise<void>;
     generateSourceId(): `SB-${string}`;
+    private canDeleteComponents;
 }
 export default OperationManager;

package/dist-types/edit-mode/features/properties-panel-manager.d.ts

@@ -9,6 +9,7 @@ declare class PropertiesPanelManager {
     private propertiesDefinitions;
     private propertiesPanelTrackerDisposer;
     private nonDynamicPropertyPanels;
+    private _propertyLookupCache;
     constructor(runtimeEntitiesManager: RuntimeEntitiesManager, entityManager: IEntityManager);
     getPropertiesPanel(scopeId: string, instanceId: SbInstance): PropertiesPanelDefinition;
     trackPropertiesPanel(scopeId: string, instanceId: SbInstance, sourceId: string): void;
@@ -17,15 +18,14 @@ declare class PropertiesPanelManager {
     getNonDynamicPropertiesPanels(): {
         [k: string]: PropertiesPanelDefinition;
     };
-    private _propertyLookupCache;
-    private cachedPropertyLookupForType;
-    private getPropertyForPath;
     computeSideEffectsForPropertyUpdate(payload: {
         sourceId: SbElement;
         updates: Record<string, PropertyInfo<unknown>>;
-    }): Record<string, {
+    }): Record<`SB-${string}`, {
         props?: Record<string, PropertyInfo<unknown>>;
         meta?: Record<string, unknown>;
     }>;
+    private cachedPropertyLookupForType;
+    private getPropertyForPath;
 }
 export default PropertiesPanelManager;

package/dist-types/edit-mode/features/resizing-store.d.ts

@@ -34,6 +34,7 @@ export declare class ResizingManager {
     private root;
     private _activeResizes;
     constructor(root: RootStore);
+    get activeResize(): ResizeState | null | undefined;
     startResizing(dragStartX: number, dragStartY: number, instanceId: SbInstance, position: string): void;
     private calculatePotentialCollisions;
     private calculateDimension;

package/dist-types/edit-mode/interaction-utils.d.ts

@@ -1,4 +1,8 @@
 import type { SbInstance } from "@superblocksteam/library-shared/types";
 export declare const getBoundingBoxForWidget: (instanceId: SbInstance) => DOMRect | undefined;
+export declare const getFirstInstanceElement: (element: HTMLElement) => {
+    element: HTMLElement;
+    instanceId: SbInstance;
+} | null;
 export declare const getWidgetNode: (instanceId: SbInstance) => HTMLElement | null;
 export declare const getIsComponentInInteractionLayer: (instanceId: SbInstance | null) => boolean | null;

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

@@ -1,27 +1,10 @@
-import type { EditOperationType, EditOperations, ReparentRequest, CreateRequest, SetPropertyRequest, SetPropertiesRequest, BatchUpdateRequest, ApiUpdateRequest, AddEntityRequest, UpdateEntityRequest, UpdateThemeRequest, DeleteEntityRequest, DeleteRequest, DeletePropertiesRequest, RenameElementRequest } from "@superblocksteam/library-shared/types";
-type CamelCase<S extends string> = S extends `${infer Head}-${infer Tail}` ? `${Head}${Capitalize<CamelCase<Tail>>}` : S extends `${infer Head}:${infer Tail}` ? `${Head}${Capitalize<CamelCase<Tail>>}` : S;
-type IOperationAPI = {
-    [K in EditOperationType as CamelCase<K>]: (payload: Parameters<EditOperations[K]>[0]) => Promise<ReturnType<EditOperations[K]> | undefined>;
-};
-declare class OperationAPI implements IOperationAPI {
+declare class OperationAPI {
     private readonly serverUrl;
     private socket;
+    private retryAttempts;
     constructor(serverUrl: string);
     connect(peerId: string, userId?: string): Promise<void>;
-    editorMoveComponent: (payload: ReparentRequest) => Promise<void | undefined>;
-    editorCreateComponent: (payload: CreateRequest) => Promise<`SB-${string}` | undefined>;
-    editorDeleteComponents: (payload: DeleteRequest) => Promise<void | undefined>;
-    editorSetProperty: (payload: SetPropertyRequest) => Promise<void | undefined>;
-    editorSetProperties: (payload: SetPropertiesRequest) => Promise<any>;
-    editorDeleteProperties: (payload: DeletePropertiesRequest) => Promise<void | undefined>;
-    editorBatchUpdate: (payload: BatchUpdateRequest) => Promise<unknown[] | undefined>;
-    apiUpdate: (payload: ApiUpdateRequest) => Promise<import("@superblocksteam/library-shared/types").ApiUpdateResponse | undefined>;
-    editorAddEntity: (payload: AddEntityRequest) => Promise<void | undefined>;
-    editorUpdateEntity: (payload: UpdateEntityRequest) => Promise<void | undefined>;
-    editorDeleteEntity: (payload: DeleteEntityRequest) => Promise<void | undefined>;
-    editorRenameElement: (payload: RenameElementRequest) => Promise<void | undefined>;
-    editorUpdateTheme: (payload: UpdateThemeRequest) => Promise<void | undefined>;
-    ensureFilesSynced: () => Promise<string | undefined>;
+    ensureFilesSynced: () => Promise<void>;
 }
 declare const _default: OperationAPI;
 export default _default;

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

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

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/identifier-normalizer.d.ts

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

package/dist-types/lib/internal-details/lib/evaluator/base-entity-manager.d.ts

@@ -2,13 +2,13 @@ import type { ObserveListener } from "./deep-observe.js";
 import type { Name } from "./names.js";
 import type { ValidateFn } from "../../../user-facing/properties-panel/validators.js";
 import type { SbEventFlow } from "../../../user-facing/sb-event-flow.js";
-import type { BindingString, ComputedProperty, Dim, DimModes } from "@superblocksteam/library-shared";
-import type { SbElement, SbInstance } from "@superblocksteam/library-shared/types";
+import type { BindingString, ComputedProperty } from "@superblocksteam/library-shared";
+import type { SbElement, SbInstance, ValidationState } from "@superblocksteam/library-shared/types";
 export type EntityOutputProp = Exclude<null | undefined | string | number | boolean | object | bigint | any[], BindingString | EntityDerivedProp<any[]>>;
-export type EntityDerivedProp<ARGS extends any[] = any[]> = (this: Readonly<Entity>, state: Readonly<ScopedState>, ...args: ARGS) => EntityOutputProp;
-export type Executable<ARGS extends any[] = any[]> = (this: Entity, state: ScopedState, ...args: ARGS) => void;
+export type EntityDerivedProp<ARGS extends any[] = any[]> = (this: Readonly<Entity>, state?: Readonly<ScopedState>, ...args: ARGS) => EntityOutputProp;
+export type Executable<ARGS extends any[] = any[]> = (this: Entity, state?: ScopedState, ...args: ARGS) => void;
 export type ValueInputProp<T = EntityOutputProp> = T | EntityDerivedProp | BindingString | ComputedProperty<T>;
-export type SingleInputProp<T = EntityOutputProp> = ValueInputProp<T> | SbEventFlow | Dim<DimModes>;
+export type SingleInputProp<T = EntityOutputProp> = ValueInputProp<T> | SbEventFlow;
 export type NestedInputProp<T> = T extends object ? {
     [K in keyof T]: SingleInputProp<T[K]> | NestedInputProp<T[K]>;
 } : never;
@@ -36,6 +36,7 @@ export type InternalScope = {
 };
 export interface IEntityManager {
     getFullState: Record<string, Entity>;
+    getValidationState: Record<string, ValidationState>;
     getScopeName(scopeId: string): string;
     getState(scopeId: string): ScopedState;
     getEntity(scopeId: string, name: Name): Entity;
@@ -86,6 +87,7 @@ export interface IEntityManager {
         name: Name;
         func: Executable<ARGS>;
         args?: ARGS;
+        excludeState?: boolean;
     }): void;
     computeValue<T>(params: {
         scopeId: ScopeId;

package/dist-types/lib/internal-details/lib/evaluator/compute-engines.d.ts

@@ -6,6 +6,7 @@ export type ComputeParams<ARGS extends any[] = any[]> = {
     path?: string;
     func: EntityDerivedProp<ARGS>;
     args?: ARGS;
+    excludeState?: boolean;
 };
 export interface ComputeEngine {
     compute(params: ComputeParams): EntityOutputProp;
@@ -15,6 +16,6 @@ declare class EvalComputeEngine implements ComputeEngine {
     compute({ snapshot, entityName, func, args, path }: ComputeParams): any;
 }
 declare class DirectComputeEngine implements ComputeEngine {
-    compute({ snapshot, entityName, func, args, path }: ComputeParams): EntityOutputProp;
+    compute({ snapshot, entityName, func, args, path, excludeState, }: ComputeParams): EntityOutputProp;
 }
 export { EvalComputeEngine, DirectComputeEngine };

package/dist-types/lib/internal-details/lib/evaluator/entity-manager.d.ts

@@ -1,4 +1,4 @@
-import { type SbElement, type SbInstance } from "@superblocksteam/library-shared/types";
+import { type ValidationState, type SbElement, type SbInstance } from "@superblocksteam/library-shared/types";
 import { type Name } from "./names.js";
 import type { IEntityManager, Executable, SingleInputProp, InternalScope, ScopedState, ScopeId, Entity, InputProp } from "./base-entity-manager.js";
 import type { ObserveListener } from "./deep-observe.js";
@@ -9,6 +9,7 @@ export declare class EntityManager implements IEntityManager {
     readonly componentRegistry: ComponentRegistry;
     private state;
     private atoms;
+    private validationCache;
     private dirComputeEngine;
     private evalComputeEngine;
     constructor(componentRegistry: ComponentRegistry, options?: {
@@ -18,6 +19,8 @@ export declare class EntityManager implements IEntityManager {
     getEntityById(scopeId: string, id: SbInstance): Entity;
     getState(scopeId: string): ScopedState;
     getScopeName(scopeId: string): string;
+    setValidationState(entityId: string, property: string, state: ValidationState): void;
+    get getValidationState(): Record<string, ValidationState>;
     get getFullState(): Record<string, Entity>;
     private getAccessibleScopes;
     getScope(scopeId: string): InternalScope;
@@ -44,6 +47,13 @@ export declare class EntityManager implements IEntityManager {
         name: Name;
         scopeId: string;
     }): void;
+    deleteProperty(params: {
+        scopeId: string;
+        name: Name;
+        prop: string;
+    }): void;
+    private deleteObsoleteNestedProperties;
+    private getNestedPropertyPaths;
     deleteEntityById(params: {
         scopeId: string;
         entityId: string;
@@ -70,6 +80,7 @@ export declare class EntityManager implements IEntityManager {
         scopeId: string;
         name: Name;
         func: Executable;
+        excludeState?: boolean;
         args?: ARGS;
     }): void;
     computeValue<T>(params: {

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

@@ -20,6 +20,7 @@ declare class ApiManager {
         api: DeleteMeLibraryApi;
         scopeId: string;
     }>): void;
+    setApisLoaded(): void;
     setApiDepCandidates(apiName: string, deps: string[]): void;
     setApiReferences(apiName: string, deps: string[]): void;
     updateApi(api: DeleteMeLibraryApi, scopeId: string): void;

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

@@ -2,7 +2,6 @@ import { ViewMode } from "@superblocksteam/shared";
 import type { ApiV2ExecutionRequest, ApiV2ExecutionResponse, ExecutionResponse, StreamEvent } from "../types.js";
 import type { DeleteMeLibraryApi } from "@superblocksteam/library-shared/types";
 import type { Agent, ApiResponseType } from "@superblocksteam/shared";
-export declare function runApi(api: DeleteMeLibraryApi, inputs: Record<string, unknown>, orchestratorUrl: string, token: string, accessToken: string): Promise<unknown>;
 export type ExecuteV2ApiParams = {
     body: ApiV2ExecutionRequest;
     api: DeleteMeLibraryApi;

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

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from "react";
+interface Props {
+    children?: ReactNode;
+    style?: () => CSSProperties;
+}
+/**
+ * Default fallback component displayed while components are suspended.
+ */
+export declare function SuspenseFallback({ style }: Props): import("react").JSX.Element;
+export {};

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

@@ -114,6 +114,9 @@ export type FromParentToChildMessageTypesMap = {
     "sb-retrieve-property-panel-props": {
         sourceId: string;
     };
+    "sb-global-sync": {
+        global: Record<string, unknown>;
+    };
     "parent-action-batch": PayloadAction<unknown>[];
     click: void;
     "register-keypress": {
@@ -154,6 +157,8 @@ export type FromParentToChildMessageTypesMap = {
         parent: SourceLocation;
         scopeName: string;
         baseProperties?: Record<string, PropertyInfo>;
+        skipTriggerCreation?: boolean;
+        otherComponentsUpdates?: Record<SbElement, Record<string, PropertyInfo>>;
     };
 };
 export type FromParentToChildMessageTypes = keyof FromParentToChildMessageTypesMap;

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

@@ -1,10 +1,11 @@
 import type { IdentifierInfo } from "./lib/features/name-manager.js";
 import type { ChildFunction } from "../../edit-mode/features/runtime-widgets-manager.js";
-declare const ReactiveComponent: import("react").FunctionComponent<{
+type ReactiveComponentProps = {
     children: React.ReactNode | ChildFunction;
     Component: React.FC<any>;
     widgetProps: Record<string, unknown>;
     showErrors?: boolean;
     identifier: IdentifierInfo;
-}>;
-export default ReactiveComponent;
+};
+declare const WrappedReactiveComponent: (props: ReactiveComponentProps) => import("react").JSX.Element;
+export default WrappedReactiveComponent;

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

@@ -0,0 +1 @@
+export declare function removeBindings(props: Record<string, unknown>): Record<string, unknown>;

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

@@ -2,6 +2,7 @@ import type { UserAccessibleTheme, Theme as BaseTheme } from "@superblocksteam/l
 export declare const GlobalScope: import("react").FC<import("react").JSX.IntrinsicAttributes & {
     children: React.ReactNode;
 }>;
+export declare const updateGlobalScope: (global: Record<string, unknown>) => void;
 export type AppTheme = BaseTheme;
 export declare const Theme: UserAccessibleTheme;
 export declare const Global: any;