@superblocksteam/library 2.0.0-next.4 → 2.0.0-next.5

package/dist/index.js

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

package/dist/{splitPathsBySizeLoader-B2lh3sPK.js → splitPathsBySizeLoader-4uQi8FeZ.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-BKcgNC6z.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-U8MX-8Hu.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-B2lh3sPK.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-4uQi8FeZ.js.map

package/dist/{splitPathsBySizeLoader-B2lh3sPK.js.map → splitPathsBySizeLoader-4uQi8FeZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-B2lh3sPK.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-4uQi8FeZ.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-B1mX23Pc.js → splitPathsBySizeLoader-D1iVVUla.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-BKcgNC6z.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-U8MX-8Hu.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-B1mX23Pc.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-D1iVVUla.js.map

package/dist/{splitPathsBySizeLoader-B1mX23Pc.js.map → splitPathsBySizeLoader-D1iVVUla.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-B1mX23Pc.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-D1iVVUla.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/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/registry.d.ts

@@ -160,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/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

@@ -12,14 +12,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>;
@@ -36,7 +36,6 @@ export declare const propertiesDefinition: {
         shouldScrollContents: Prop<boolean, true>;
     }) & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;

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;

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

@@ -4,7 +4,7 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         label: import("../../properties-panel/props-builder.js").Prop<string, true>;
         defaultDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
         dateFormat: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & (Omit<{
         manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
@@ -29,12 +29,11 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         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>> & {
         labelPosition: import("../../properties-panel/props-builder.js").Prop<"left" | "top", true>;
         labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        showIcon: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, true>;
     }>;
     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/date-picker/props.d.ts

@@ -6,7 +6,7 @@ export declare const propertiesDefinition: {
         label: Prop<string, true>;
         defaultDate: Prop<string, false>;
         dateFormat: Prop<string, true>;
-        displayDateFormat: Prop<string, false>;
+        displayDateFormat: Prop<string, true>;
     } & (Omit<{
         manageTimezone: Prop<boolean, true>;
     }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
@@ -31,12 +31,11 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelPosition: Prop<"left" | "top", true>;
         labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        showIcon: Prop<boolean, true>;
+        icon: Prop<string, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

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

@@ -19,8 +19,8 @@ export interface DatePickerComponentProps {
     timezone?: string;
     isRequired?: boolean;
     showTimezone?: boolean;
-    showCalendarIcon?: boolean;
     forceOpen?: boolean;
+    icon?: string;
     iconSize?: number;
     inputClassName?: string;
     inputStyleOverride?: React.CSSProperties;
@@ -35,6 +35,6 @@ export interface DatePickerComponentProps {
     errorMessages?: string[];
     isFitContentHeight?: boolean;
     onInputClick?: (e: React.MouseEvent) => void;
-    onDateSelected: (selectedDate: string) => void;
+    onDateSelected: (selectedDate?: string) => void;
     onDatePickerClosed?: () => void;
 }

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

@@ -16,6 +16,17 @@ export declare function normalizeDateFormat(dateFormat: string): string;
  * @returns {string} - The formatted date string in "MM/DD/YYYY HH:mm:ss" format.
  */
 export declare function stripTimezoneFromString(dateString: string, format: string): string;
+/**
+ * Because the datepicker UI component works with JavaScript dates (which use the system TZ),
+ * we want to "strip" the timezone when passing it to this copmonent.
+ *
+ * For example:
+ * If the selected date is 01/01/2001 01:00PM EST and the system time is PST, we want to create a JS Date that has the value
+ * 01/01/2001 01:00PM PST and pass that to the blueprint datepicker.
+ *
+ * Then, when the user selects a date, we receive a date object with a value of 01/01/2001 02:00PM PST
+ * which we then convert to 01/01/2001 2:00PM EST to store as the selectedDate
+ */
 export declare const stripTimezoneFromDate: (date: Date, dateFormat: string, timezone?: string) => string;
 export declare const convertDateStringTimezone: (dateStr: string, dateFormat: string, originalTimezone?: string, newTimezone?: string) => string;
 export declare const formatIncludesTimezone: (dateFormat: string) => boolean;

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

@@ -32,7 +32,6 @@ export declare const SbDropdown: React.FC<import("../../properties-panel/props-b
         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/dropdown/props.d.ts

@@ -34,7 +34,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/grid/index.d.ts

@@ -28,7 +28,6 @@ declare const _propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
 };
 export type GridProps = InternalProps<typeof _propertiesDefinition>;

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

@@ -10,7 +10,6 @@ export declare const SbIcon: import("react").FC<import("../../properties-panel/p
         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>> & {
         color: import("../../properties-panel/props-builder.js").Prop<string, false>;

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

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

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

@@ -21,7 +21,6 @@ export declare const SbImage: 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>;
     }>;
     events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

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

@@ -31,7 +31,6 @@ export declare const propertiesDefinition: {
         margin: Prop<unknown, true>;
     } & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     events: Section<Record<string, Prop<any, any>> & {
         onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

package/dist-types/lib/user-facing/components/input/derived-properties.d.ts

@@ -1,5 +1,4 @@
 import type { InputWidgetProps } from "./types.js";
 export declare function getValue(this: InputWidgetProps): string | number | null | undefined;
-export declare function getValidationErrors(this: InputWidgetProps): Record<"number" | "url" | "required" | "email" | "minMax" | "customRule", string | undefined>;
 export declare function getShowError(this: InputWidgetProps): boolean;
 export declare function getIsValid(this: InputWidgetProps): boolean;

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

@@ -54,7 +54,6 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
         labelWidth?: undefined;
     }))))) & {
         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>> & Omit<{
         inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;

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

@@ -1,7 +1,6 @@
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { CurrencyCodeDisplayType } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
-import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
 export declare const propertiesDefinition: {
     general: Section<(Record<string, Prop<any, any>> & ({
         label: Prop<string, true>;
@@ -22,9 +21,9 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelPosition: Prop<"left" | "top", true>;
-        labelStyle: Prop<TextStyleWithVariant, true>;
+        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         placeholderText: Prop<string, true>;
-        textStyle: Prop<TextStyleWithVariant, true>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         backgroundColor: Prop<string, true>;
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
@@ -58,7 +57,6 @@ export declare const propertiesDefinition: {
         labelWidth?: undefined;
     }))))) & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & Omit<{
         inputType: Prop<string, false>;

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

@@ -21,7 +21,6 @@ export declare const propertiesDefinition: {
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;
-        collapseWhenInvisible: Prop<boolean, false>;
         keyProps: Prop<any, true>;
         "keyProps.width": Prop<any, false>;
         "valueProps.position": Prop<"left" | "right", true>;

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

@@ -15,14 +15,14 @@ export declare const SbModal: import("react").FC<import("../../properties-panel/
     }) | (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>;

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

@@ -12,14 +12,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<import("@superblocksteam/library-shared").Dim<"px">, true>;