@superblocksteam/library 2.0.0-next.7 → 2.0.0-next.71

package/dist/index.js

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

package/dist/{splitPathsBySizeLoader-Cgf9KLYl.js → splitPathsBySizeLoader-DJBHYgBR.js}

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

package/dist/{splitPathsBySizeLoader-Cgf9KLYl.js.map → splitPathsBySizeLoader-DJBHYgBR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-Cgf9KLYl.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-DJBHYgBR.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/{splitPathsBySizeLoader-zdAfZhWx.js → splitPathsBySizeLoader-bQPBH87C.js}

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

package/dist/{splitPathsBySizeLoader-zdAfZhWx.js.map → splitPathsBySizeLoader-bQPBH87C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-zdAfZhWx.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-bQPBH87C.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-types/edit-mode/default-table-data.d.ts

@@ -0,0 +1,64 @@
+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;
+    };
+};
+export declare const DEFAULT_TABLE_KEYS: string[];
+export declare const CLEARED_TABLE_COLUMNS: Record<string, undefined>;

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

@@ -1,4 +1,4 @@
-import { type Dim, type PropertyInfo } from "@superblocksteam/library-shared";
+import { Dim, type PropertyInfo } from "@superblocksteam/library-shared";
 export declare const WithLayoutContainerTypes: Set<string>;
 export declare const VStackLikeContainerTypes: Set<string>;
 export declare const HStackLikeContainerTypes: Set<string>;
@@ -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,3 +27,9 @@ export declare const filterSafeGridDimensionProperties: (existingProps: {
     width?: PropertyInfo;
     height?: PropertyInfo;
 };
+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/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/source-update-api.d.ts

@@ -1,4 +1,4 @@
-import type { EditOperationType, EditOperations, ReparentRequest, CreateRequest, SetPropertyRequest, SetPropertiesRequest, BatchUpdateRequest, ApiUpdateRequest, AddEntityRequest, UpdateEntityRequest, UpdateThemeRequest, DeleteEntityRequest, DeleteRequest, DeletePropertiesRequest } from "@superblocksteam/library-shared/types";
+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>;
@@ -19,6 +19,7 @@ declare class OperationAPI implements IOperationAPI {
     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>;
 }

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 { BindingString, ComputedProperty } from "@superblocksteam/library-shared";
 import type { SbElement, SbInstance } 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;
@@ -86,6 +86,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

@@ -44,6 +44,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 +77,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/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

@@ -7,6 +7,7 @@ import type { ReactElement } from "react";
 export interface SharedButtonProps {
     textColor?: string;
     backgroundColor?: string;
+    border?: PerSideBorder;
     text?: string;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     disabled?: boolean;
@@ -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/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 { Dim } from "@superblocksteam/library-shared";
 import type { TextAlign } from "@superblocksteam/library-shared/props";
-import type { PerSideBorder } from "@superblocksteam/library-shared/types";
 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,7 +27,7 @@ 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>;
         loadingAnimation: Prop<boolean, true>;

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>;
     }>;
 }>>;

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

@@ -1,14 +1,7 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    layout: 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: 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>;
@@ -20,24 +13,19 @@ export declare const propertiesDefinition: {
         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<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        width: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    }) & {
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     appearance: 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>;
     }>;
 };

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

@@ -2,7 +2,7 @@ import { Dim } from "@superblocksteam/library-shared";
 import { propertiesDefinition } from "./props.js";
 import type { ContainerLayout } from "../../component-base/constants.js";
 import type { InternalPropsWithOptional } from "../../properties-panel/props-builder.js";
-type OptionalProps = "margin" | "padding" | "spacing" | "backgroundColor" | "border" | "borderRadius";
+type OptionalProps = "backgroundColor" | "border" | "borderRadius";
 type ContainerProps = InternalPropsWithOptional<typeof propertiesDefinition, OptionalProps>;
 /**
  * TODO:
@@ -15,14 +15,7 @@ type ContainerProps = InternalPropsWithOptional<typeof propertiesDefinition, Opt
  */
 export declare const InternalContainer: (props: ContainerProps) => import("react").JSX.Element;
 export declare const SbContainer: 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<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<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -34,20 +27,13 @@ export declare const SbContainer: import("react").FC<import("../../properties-pa
         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<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").Padding, true>;
-    }) & {
-        width: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    }) & {
-        margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
-    }) & {
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;

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

@@ -1,7 +1,6 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { ContainerVariant } from "../../component-base/constants.js";
-import type { Padding } from "@superblocksteam/library-shared/types";
 /**
  * TODO:
  * - make default and options dynamic for distribution and alignment
@@ -11,14 +10,7 @@ import type { Padding } from "@superblocksteam/library-shared/types";
  * - use default func once supported for composite props, apply it to padding, border, borderRadius, and backgroundColor. Otherwise, prop panel control will not show the correct value
  */
 export declare const propertiesDefinition: {
-    layout: Section<((((((Record<string, Prop<any, any>> & ((Omit<{
-        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
-    }, "layout" | "rows" | "columns" | "rowSize"> & {
-        readonly layout: Prop<"freeform", true>;
-        readonly columns: Prop<number, true>;
-        readonly rows: Prop<number, false>;
-        readonly rowSize: Prop<number, false>;
-    }) | (Omit<{
+    layout: Section<((Record<string, Prop<any, any>> & ((Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -30,20 +22,13 @@ export declare const propertiesDefinition: {
         readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
         readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: Prop<"horizontal", true>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: Prop<number, true>;
+        readonly rowHeight: Prop<Dim<"px">, true>;
+        readonly layout: Prop<"freeform", true>;
     }))) & {
-        spacing: Prop<Dim<"px">, true>;
-    }) & {
-        padding: Prop<Padding, true>;
-    }) & {
-        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    }) & {
-        margin: Prop<unknown, true>;
-    }) & {
         shouldScrollContents: Prop<boolean, true>;
     }) & {
         isVisible: Prop<boolean, true>;

package/dist-types/lib/user-facing/components/date-picker/date-picker-component.d.ts

@@ -10,14 +10,14 @@ declare class DatePickerComponent extends React.Component<DatePickerComponentPro
     componentDidMount(): void;
     componentDidUpdate(prevProps: DatePickerComponentProps): void;
     getValidDate: (date: string, format: string) => Date | undefined;
-    getNormalizedDateFormat: () => string;
-    getNormalizedDisplayDateFormat: () => string | undefined;
+    get normalizedDateFormat(): string;
+    get normalizedDisplayDateFormat(): string | undefined;
     get valueTimezone(): string;
     get displayTimezone(): string;
     shouldWrapTime: () => boolean;
     handleInteraction: (openState: boolean) => void;
     getInitialMonth: (currentValue: string | undefined | null, minDate: Date | undefined, maxDate: Date | undefined) => Date | undefined;
-    getCurrentValue: () => string | null;
+    get currentValue(): string | null;
     render(): React.JSX.Element;
     getPopoverFooter: () => React.JSX.Element;
     formatDisplayDate: (date: Date) => string;