@superblocksteam/library 1.99.99-next.2 → 2.0.0-next.10

package/dist/index.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-PcZVWYaJ.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-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]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-DHk6oFvg.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-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]}

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

@@ -1,3 +1,4 @@
+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,3 +12,27 @@ export declare const isDragAndDropTypeValid: ({ draggedType, dropTargetType, dro
 export declare const isTypeDroppable: (type: string) => boolean;
 export declare const isTypeDraggable: (type: string) => boolean;
 export declare function shouldWrapInSectionAndColumn(type: string, parentType: string | undefined): boolean;
+export declare const filterSafeStackDimensionProperties: (existingProps: {
+    width?: Dim;
+    height?: Dim;
+}) => {
+    width?: PropertyInfo;
+    height?: PropertyInfo;
+};
+export declare const filterSafeGridDimensionProperties: (existingProps: {
+    width?: Dim;
+    height?: Dim;
+}) => {
+    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">>;
+};

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/internal-testing/components/table.d.ts

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

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

@@ -28,9 +28,9 @@ export { copyToClipboard, navigateTo, setQueryParams, download, showAlert, logou
 export { registerScope } from "./internal-details/scope/scope.jsx";
 export { registerPage } from "./user-facing/components/page/register-page.js";
 export { createSbScope } from "./user-facing/state/create-scope.js";
+export { type BindingIdentifier } from "@superblocksteam/library-shared/types";
 export { Global, Theme, Embed, Env } from "./internal-details/scope/global.js";
 export type { AppTheme } from "./internal-details/scope/global.js";
-export { type BindingIdentifier } from "./user-facing/state/types.js";
 export { SbEvent } from "./internal-details/entities.js";
 export { useUpdateProperties } from "./user-facing/hooks/use-update-properties.js";
 export { Prop } from "./user-facing/properties-panel/props-builder.js";

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

@@ -1,4 +1,4 @@
-import type { BindingIdentifier } from "../user-facing/state/types";
+import type { BindingIdentifier } from "@superblocksteam/library-shared/types";
 export declare const getNormalizedIdInfo: (params: {
     bind: BindingIdentifier | undefined;
     propsName: string | undefined;

package/dist-types/lib/internal-details/lib/evaluator/lazy-function.d.ts

@@ -3,5 +3,5 @@ export type LazyFunction = ((...args: unknown[]) => unknown) & {
     [lazyFunctionSymbol]: true;
 };
 export declare const isLazyFunction: (value: unknown) => value is LazyFunction;
-export declare const LazyFunction: (source: string) => LazyFunction;
+export declare const LazyFunction: (source: string, args?: string[]) => LazyFunction;
 export {};

package/dist-types/lib/sb-trigger.d.ts

@@ -3,7 +3,6 @@ import type { TriggerStepType } from "@superblocksteam/library-shared/types";
 type ApplicationScope = "APP" | "PAGE";
 type WidgetTypes = string;
 export type SelectedStateVarProps = {
-    id: string;
     name: string;
     scope?: ApplicationScope;
 };

package/dist-types/lib/triggers/implementations/show-alert.d.ts

@@ -1,22 +1,23 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
+import { type NotificationPosition, type NotificationType } from "../../user-facing/utils/notification.jsx";
 import type { ValueInputProp } from "../../internal-details/lib/evaluator/base-entity-manager.js";
 import type { BaseStepDef } from "../../sb-trigger.js";
 import type { ExecutionContext } from "../base.js";
-export type TypeOptions = "info" | "success" | "warning" | "error" | "default";
-export type NotificationPosition = string;
 export interface ShowAlertStep extends BaseStepDef {
     type: typeof TriggerStepType.SHOW_ALERT;
     message: ValueInputProp<string>;
-    style: TypeOptions;
+    style: NotificationType;
     alertDuration?: number;
     alertPosition?: NotificationPosition;
 }
 export declare const ShowAlertTrigger: {
     type: "showAlert";
     execute(_context: ExecutionContext, step: ShowAlertStep): Promise<void>;
-    create(message: ValueInputProp<string>, alertType: TypeOptions): {
+    create(message: ValueInputProp<string>, alertType: NotificationType, alertDuration?: number, alertPosition?: NotificationPosition): {
         type: "showAlert";
         message: ValueInputProp<string>;
-        style: TypeOptions;
+        style: NotificationType;
+        alertDuration: number | undefined;
+        alertPosition: NotificationPosition | undefined;
     };
 };

package/dist-types/lib/triggers/implementations/state/reset-state-var.d.ts

@@ -1,15 +1,20 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
 import type { BaseStepDef, SelectedStateVarProps } from "../../../sb-trigger.js";
 import type { ExecutionContext } from "../../base.js";
+import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export interface ResetStateVarStep extends BaseStepDef {
     type: typeof TriggerStepType.RESET_STATE_VAR;
-    state: SelectedStateVarProps;
+    state?: SelectedStateVarProps;
 }
 export declare const ResetStateVarTrigger: {
     type: "resetStateVar";
-    execute(context: ExecutionContext, step: ResetStateVarStep): Promise<void>;
-    create(state: SelectedStateVarProps): {
+    execute(context: ExecutionContext, _step: ResetStateVarStep): Promise<void>;
+    create(stateVar?: WithBindingIdentifier): {
         type: "resetStateVar";
-        state: SelectedStateVarProps;
+        state: {
+            name: string;
+            scopeId: any;
+            scope: any;
+        } | undefined;
     };
 };

package/dist-types/lib/triggers/implementations/state/set-state-var.d.ts

@@ -2,17 +2,22 @@ import { TriggerStepType } from "@superblocksteam/library-shared/types";
 import type { ValueInputProp } from "../../../internal-details/lib/evaluator/base-entity-manager.js";
 import type { BaseStepDef, SelectedStateVarProps } from "../../../sb-trigger.js";
 import type { ExecutionContext } from "../../base.js";
+import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export interface SetStateVarStep extends BaseStepDef {
     type: typeof TriggerStepType.SET_STATE_VAR;
-    state: SelectedStateVarProps;
-    value: ValueInputProp;
+    state?: SelectedStateVarProps;
+    value?: ValueInputProp;
 }
 export declare const SetStateVarTrigger: {
     type: "setStateVar";
-    execute(context: ExecutionContext, step: SetStateVarStep): Promise<void>;
-    create(name: string, value: ValueInputProp): {
+    execute(context: ExecutionContext, _step: SetStateVarStep): Promise<void>;
+    create(stateVar?: WithBindingIdentifier, value?: ValueInputProp): {
         type: "setStateVar";
-        state: SelectedStateVarProps;
+        state: {
+            name: string;
+            scopeId: any;
+            scope: any;
+        } | undefined;
         value: ValueInputProp;
     };
 };

package/dist-types/lib/triggers/registry.d.ts

@@ -115,10 +115,14 @@ declare const EventRegistry: {
     };
     readonly setStateVar: {
         type: "setStateVar";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/state/set-state-var.js").SetStateVarStep): Promise<void>;
-        create(name: string, value: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp): {
+        execute(context: import("./base.js").ExecutionContext, _step: import("./implementations/state/set-state-var.js").SetStateVarStep): Promise<void>;
+        create(stateVar?: import("@superblocksteam/library-shared/types").WithBindingIdentifier, value?: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp): {
             type: "setStateVar";
-            state: import("../sb-trigger.js").SelectedStateVarProps;
+            state: {
+                name: string;
+                scopeId: any;
+                scope: any;
+            } | undefined;
             value: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
         };
     };
@@ -134,10 +138,14 @@ declare const EventRegistry: {
     };
     readonly resetStateVar: {
         type: "resetStateVar";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/state/reset-state-var.js").ResetStateVarStep): Promise<void>;
-        create(state: import("../sb-trigger.js").SelectedStateVarProps): {
+        execute(context: import("./base.js").ExecutionContext, _step: import("./implementations/state/reset-state-var.js").ResetStateVarStep): Promise<void>;
+        create(stateVar?: import("@superblocksteam/library-shared/types").WithBindingIdentifier): {
             type: "resetStateVar";
-            state: import("../sb-trigger.js").SelectedStateVarProps;
+            state: {
+                name: string;
+                scopeId: any;
+                scope: any;
+            } | undefined;
         };
     };
     readonly controlTimer: {
@@ -152,10 +160,12 @@ declare const EventRegistry: {
     readonly showAlert: {
         type: "showAlert";
         execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/show-alert.js").ShowAlertStep): Promise<void>;
-        create(message: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp<string>, alertType: import("./implementations/show-alert.js").TypeOptions): {
+        create(message: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp<string>, alertType: import("../user-facing/utils/notification.jsx").NotificationType, alertDuration?: number, alertPosition?: import("../user-facing/utils/notification.jsx").NotificationPosition): {
             type: "showAlert";
             message: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp<string>;
-            style: import("./implementations/show-alert.js").TypeOptions;
+            style: import("../user-facing/utils/notification.jsx").NotificationType;
+            alertDuration: number | undefined;
+            alertPosition: import("../user-facing/utils/notification.jsx").NotificationPosition | undefined;
         };
     };
     readonly setProfile: {

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

@@ -1,9 +1,9 @@
 export type ContainerLayout = "freeform" | "vertical" | "horizontal";
 export type ContainerVariant = "none" | "card";
-export type VerticalAlignment = "top" | "center" | "bottom" | "space-between" | "space-around";
-export type HorizontalAlignment = "left" | "center" | "right" | "space-between" | "space-around";
-export declare const VERTICAL_ALIGNMENT_MAP: Record<VerticalAlignment, string>;
-export declare const HORIZONTAL_ALIGNMENT_MAP: Record<HorizontalAlignment, string>;
+export type VerticalAlignment<LayoutType extends "vertical" | "horizontal" | undefined = undefined> = LayoutType extends "horizontal" ? "top" | "center" | "bottom" : "top" | "center" | "bottom" | "space-between" | "space-around";
+export type HorizontalAlignment<LayoutType extends "vertical" | "horizontal" | undefined = undefined> = LayoutType extends "vertical" ? "left" | "center" | "right" : "left" | "center" | "right" | "space-between" | "space-around";
+export declare const VERTICAL_ALIGNMENT_MAP: Record<VerticalAlignment<"vertical">, string>;
+export declare const HORIZONTAL_ALIGNMENT_MAP: Record<HorizontalAlignment<"horizontal">, string>;
 export declare const GridDefaults: {
     DEFAULT_GRID_COLUMNS: number;
     SLIDEOUT_DEFAULT_GRID_COLUMNS: number;

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

@@ -1,6 +1,5 @@
-import type { WithBindingIdentifier } from "../state/types";
 import type { Dim } from "@superblocksteam/library-shared";
-import type { SbElement, SbInstance } from "@superblocksteam/library-shared/types";
+import type { SbElement, SbInstance, WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export type SbComponentProps<El = HTMLElement> = {
     name?: string;
     bind?: WithBindingIdentifier;

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

@@ -1,7 +1,7 @@
 export declare const getInputValidationErrors: (props: {
-    text: string;
-    inputType: string;
-    isRequired: boolean;
+    text?: string;
+    inputType?: string;
+    isRequired?: boolean;
     customValidationRule?: string;
     customErrorMessage?: string;
     maxLength?: number;

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

@@ -15,7 +15,6 @@ export declare const SbButton: import("react").FC<import("../../properties-panel
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         variant: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ButtonVariant, true>;

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

@@ -26,7 +26,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         variant: Prop<ButtonVariant, true>;

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

@@ -18,7 +18,6 @@ export declare const SbCheckbox: import("react").FC<import("../../properties-pan
         margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

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

@@ -19,7 +19,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

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

@@ -18,14 +18,14 @@ export declare const SbColumn: import("react").FC<import("../../properties-panel
     }) | (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<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
     }) | (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<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        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>;
     }))) & {
         spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
@@ -42,7 +42,6 @@ export declare const SbColumn: import("react").FC<import("../../properties-panel
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     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>;

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

@@ -1,45 +1,43 @@
 import { Dim } from "@superblocksteam/library-shared";
-import { Prop } from "../../properties-panel/props-builder.js";
 import { Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    layout: Section<(((((Record<string, Prop<any, any>> & ((Omit<{
-        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    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: Prop<"freeform", true>;
-        readonly columns: Prop<number, true>;
-        readonly rows: Prop<number, false>;
-        readonly rowSize: Prop<number, false>;
+        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: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
-        readonly layout: Prop<"vertical", true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
     }) | (Omit<{
-        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
-        readonly layout: Prop<"horizontal", true>;
+        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>;
     }))) & {
-        spacing: Prop<Dim<"px">, true>;
+        spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
     }) & {
-        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
     }) & {
-        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        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: Prop<boolean, true>;
+        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
-        isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, 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>;
     }>;
 };

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

@@ -25,14 +25,14 @@ export declare const SbContainer: import("react").FC<import("../../properties-pa
     }) | (Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
         readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
     }) | (Omit<{
         layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        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>;
     }))) & {
         spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
@@ -51,7 +51,6 @@ export declare const SbContainer: import("react").FC<import("../../properties-pa
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        collapseWhenInvisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         variant: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerVariant, true>;

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

@@ -21,14 +21,14 @@ export declare const propertiesDefinition: {
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
+        readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
         readonly layout: Prop<"vertical", true>;
     }) | (Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<import("../../component-base/constants.js").VerticalAlignment, true>;
-        readonly horizontalAlign: Prop<import("../../component-base/constants.js").HorizontalAlignment, true>;
+        readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
+        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: Prop<"horizontal", true>;
     }))) & {
         spacing: Prop<Dim<"px">, true>;
@@ -47,7 +47,6 @@ export declare const propertiesDefinition: {
         shouldScrollContents: Prop<boolean, true>;
     }) & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         variant: Prop<ContainerVariant, true>;

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

@@ -14,7 +14,6 @@ declare const layoutPropDef: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
 };
 type WrappedEventProps<IP extends InternalProps<any>> = {

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

@@ -2,6 +2,9 @@ import React from "react";
 import type { DatePickerComponentProps } from "./types.js";
 export declare const INPUT_ADDITIONAL_MIN_HEIGHT = 17.7;
 export declare const LABEL_EXTRA_HEIGHT_MARGIN = 4;
+interface DatePickerComponentState {
+    isOpen?: boolean;
+}
 declare class DatePickerComponent extends React.Component<DatePickerComponentProps, DatePickerComponentState> {
     constructor(props: DatePickerComponentProps);
     componentDidMount(): void;
@@ -9,6 +12,8 @@ declare class DatePickerComponent extends React.Component<DatePickerComponentPro
     getValidDate: (date: string, format: string) => Date | undefined;
     getNormalizedDateFormat: () => string;
     getNormalizedDisplayDateFormat: () => 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;
@@ -19,11 +24,13 @@ declare class DatePickerComponent extends React.Component<DatePickerComponentPro
     formatSelectedDate: (date: Date) => string;
     parseSelectedDate: (dateStr: string) => Date;
     onInputChanged: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @param selectedDayOnly date in the local timezone
+     */
     onDayChanged: (selectedDayOnly: Date | undefined) => void;
+    /**
+     * @param selectedDayOnly date in the local timezone
+     */
     onTimeChanged: (selectedDateTime: Date | null) => void;
 }
-interface DatePickerComponentState {
-    selectedDateFormatted?: unknown;
-    isOpen?: boolean;
-}
 export default DatePickerComponent;