@superblocksteam/library 2.0.0-next.9 → 2.0.0-next.91

package/dist/index.js

@@ -1,5 +1,5 @@
-import { V as clientExports } from "./index-CzpxmuHJ.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-CzpxmuHJ.js";
+import { V as clientExports } from "./index-D_ZvJOXD.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-D_ZvJOXD.js";
 const createRoot = clientExports.createRoot;
 export {
   W as Await,

package/dist/{splitPathsBySizeLoader-DDVqG3q2.js → splitPathsBySizeLoader-Cu4Z_FPE.js}

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

package/dist/{splitPathsBySizeLoader-DDVqG3q2.js.map → splitPathsBySizeLoader-Cu4Z_FPE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-DDVqG3q2.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-Cu4Z_FPE.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-B4CtleKq.js → splitPathsBySizeLoader-mA-OCwLO.js}

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

package/dist/{splitPathsBySizeLoader-B4CtleKq.js.map → splitPathsBySizeLoader-mA-OCwLO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-B4CtleKq.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-mA-OCwLO.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/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

@@ -11,6 +11,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 isContentDragDisabled: (type: string) => boolean;
 export declare function shouldWrapInSectionAndColumn(type: string, parentType: string | undefined): boolean;
 export declare const filterSafeStackDimensionProperties: (existingProps: {
     width?: Dim;
@@ -26,13 +27,9 @@ 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>;

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/operation-store.d.ts

@@ -43,6 +43,10 @@ declare class OperationManager {
     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;
+    renameWidget(params: {
+        sourceId: SbElement;
+        newName: string;
+    }): void;
     ensureFilesSynced(): Promise<void>;
     generateSourceId(): `SB-${string}`;
 }

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

@@ -23,7 +23,7 @@ declare class PropertiesPanelManager {
     computeSideEffectsForPropertyUpdate(payload: {
         sourceId: SbElement;
         updates: Record<string, PropertyInfo<unknown>>;
-    }): Record<string, {
+    }): Record<`SB-${string}`, {
         props?: Record<string, PropertyInfo<unknown>>;
         meta?: Record<string, unknown>;
     }>;

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/source-update-api.d.ts

@@ -1,26 +1,10 @@
-import type { EditOperationType, EditOperations, ReparentRequest, CreateRequest, SetPropertyRequest, SetPropertiesRequest, BatchUpdateRequest, ApiUpdateRequest, AddEntityRequest, UpdateEntityRequest, UpdateThemeRequest, DeleteEntityRequest, DeleteRequest, DeletePropertiesRequest } 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>;
-    editorUpdateTheme: (payload: UpdateThemeRequest) => Promise<void | undefined>;
-    ensureFilesSynced: () => Promise<string | undefined>;
+    ensureFilesSynced: () => Promise<void>;
 }
 declare const _default: OperationAPI;
 export default _default;

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/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": {

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;

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

@@ -1,12 +1,13 @@
 import React from "react";
 import type { IconPosition } from "../../icons/constants.js";
 import type { ButtonLikeLinkStyle, ButtonStyle } from "../styles/button-styles.js";
-import type { TextAlign } from "@superblocksteam/library-shared/props";
+import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
 import type { PerSideBorder, UserAccessibleTheme, Padding, PerCornerBorderRadius } from "@superblocksteam/library-shared/types";
 import type { ReactElement } from "react";
 export interface SharedButtonProps {
     textColor?: string;
     backgroundColor?: string;
+    border?: PerSideBorder;
     text?: string;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     disabled?: boolean;
@@ -17,7 +18,7 @@ export interface SharedButtonProps {
     icon?: ReactElement | null;
     iconPosition?: IconPosition;
     systemIcon?: ReactElement;
-    textAlignment?: TextAlign;
+    textAlignment?: HorizontalAlign;
     width?: "100%" | "auto";
     height?: "100%" | "auto";
     maxWidth?: number;
@@ -26,7 +27,6 @@ export interface SharedButtonProps {
         textStyleVariant?: string;
         style?: React.CSSProperties;
     };
-    border?: PerSideBorder;
     borderRadius?: PerCornerBorderRadius;
     padding?: Padding;
     theme: UserAccessibleTheme;
@@ -34,7 +34,6 @@ export interface SharedButtonProps {
 }
 export interface ButtonProps extends SharedButtonProps {
     buttonStyle?: ButtonStyle;
-    version?: "v1" | "v2";
 }
 export interface ButtonLikeLinkProps extends SharedButtonProps {
     linkStyle?: ButtonLikeLinkStyle;

package/dist-types/lib/user-facing/component-base/styles/button-styles.d.ts

@@ -3,14 +3,6 @@ export type ButtonStyle = "primary" | "secondary" | "tertiary" | "success" | "da
 export type ButtonLikeLinkStyle = ButtonStyle | "LINK";
 export declare const getButtonThemeDefaultTextColor: (theme: UserAccessibleTheme, buttonStyle?: ButtonStyle) => string;
 export declare const getButtonThemeDefaultBackgroundColor: (theme: UserAccessibleTheme, buttonStyle?: ButtonStyle) => string;
-export declare const getButtonThemeDefaultHoverBackgroundColor: (theme: UserAccessibleTheme, buttonStyle?: ButtonStyle) => string | undefined;
-export declare const getButtonThemeDefaultHoverTextColor: (theme: UserAccessibleTheme, buttonStyle?: ButtonStyle) => string | undefined;
-export declare const getFallbackBorderColor: (buttonStyle: ButtonStyle | undefined, backgroundColor: string, themeColor: string) => string;
-export declare const getButtonBorderStyleObjectV1: ({ border, isLoadingColor, buttonStyle, isLoading, fallbackBorderColor, backgroundColorIfSet, }: {
-    border: PerSideBorder | undefined;
-    isLoadingColor: string;
-    fallbackBorderColor: string;
-    buttonStyle: ButtonStyle | undefined;
-    isLoading: boolean;
-    backgroundColorIfSet: string | undefined;
-}) => import("react").CSSProperties;
+export declare const PRIMARY_BUTTON_BORDER_OBJECT: (this: any) => PerSideBorder;
+export declare const SECONDARY_BUTTON_BORDER_OBJECT: (this: any) => PerSideBorder;
+export declare const getDefaultBorderObject: (this: any) => PerSideBorder;

package/dist-types/lib/user-facing/component-base/utils/input-validation.d.ts

@@ -1,3 +1,11 @@
+export type ValidationErrors = {
+    required?: string;
+    minMax?: string;
+    customRule?: string;
+    email?: string;
+    number?: string;
+    url?: string;
+};
 export declare const getInputValidationErrors: (props: {
     text?: string;
     inputType?: string;
@@ -7,11 +15,6 @@ export declare const getInputValidationErrors: (props: {
     maxLength?: number;
     minLength?: number;
     emailRegex?: RegExp;
-}) => {
-    required?: string;
-    minMax?: string;
-    customRule?: string;
-    email?: string;
-    number?: string;
-    url?: string;
-};
+}) => ValidationErrors;
+export declare const getErrorMessages: (errors: ValidationErrors) => string[];
+export declare const hasErrors: (errors: ValidationErrors) => boolean;

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

@@ -24,7 +24,7 @@ export declare const SbButton: import("react").FC<import("../../properties-panel
         backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
         border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
-        labelAlignment: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").TextAlign, true>;
+        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true>;
         loadingAnimation: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {

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

@@ -1,14 +1,8 @@
-import { Dim } from "@superblocksteam/library-shared";
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { IconPosition } from "../../icons/constants.js";
-import type { TextAlign } from "@superblocksteam/library-shared/props";
-import type { PerSideBorder } from "@superblocksteam/library-shared/types";
+import type { Dim } from "@superblocksteam/library-shared";
+import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
 export type ButtonVariant = "primary" | "secondary" | "tertiary";
-export declare const PerSideBorderDef: () => import("../../properties-panel/props-builder.js").CompositeProp<{
-    color: Prop<string, false>;
-    width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    style: Prop<string, false>;
-}>;
 export declare const propertiesDefinition: {
     general: Section<Record<string, Prop<any, any>> & {
         label: Prop<string, false>;
@@ -33,9 +27,9 @@ export declare const propertiesDefinition: {
         iconPosition: Prop<IconPosition, true>;
         textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         backgroundColor: Prop<string, true>;
-        border: Prop<PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
-        labelAlignment: Prop<TextAlign, true>;
+        horizontalAlign: Prop<HorizontalAlign, true>;
         loadingAnimation: Prop<boolean, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {

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

@@ -1,5 +1,4 @@
 import { Dim } from "@superblocksteam/library-shared";
-import type { DimModes } from "@superblocksteam/library-shared";
 /**
  * TODO:
  * - disable setting height related props in prop panel and code
@@ -8,14 +7,7 @@ import type { DimModes } from "@superblocksteam/library-shared";
  */
 export declare const getDefaultSectionChildren: () => never[];
 export declare const SbColumn: import("react").FC<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>> & ((Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
-    }, "layout" | "rows" | "columns" | "rowSize"> & {
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
-        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
-        readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
-    }) | (Omit<{
+    layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -27,24 +19,19 @@ export declare const SbColumn: import("react").FC<import("../../properties-panel
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
         readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
     }))) & {
-        spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
-    }) & {
-        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
-    }) & {
-        maxHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        width: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
-        height: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
-    }) & {
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 }>>;