@superblocksteam/library 2.0.0-next.104 → 2.0.0-next.106

package/dist/index.css

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

package/dist/index.js

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

package/dist/{splitPathsBySizeLoader-D_NFLN6H.js → splitPathsBySizeLoader-C5GPcg6J.js}

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

package/dist/{splitPathsBySizeLoader-D_NFLN6H.js.map → splitPathsBySizeLoader-C5GPcg6J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-D_NFLN6H.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-C5GPcg6J.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-BEDIEt1Q.js → splitPathsBySizeLoader-DCKSQVMB.js}

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

package/dist/{splitPathsBySizeLoader-BEDIEt1Q.js.map → splitPathsBySizeLoader-DCKSQVMB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-BEDIEt1Q.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-DCKSQVMB.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/internal-details/component-suspense-style-context.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode, type CSSProperties } from "react";
+interface ComponentStyleContextValue {
+    setStyle: (style: CSSProperties) => void;
+    getFallbackStyle: () => CSSProperties;
+}
+export declare function ComponentSuspenseStyleProvider({ children, }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useComponentSuspenseStyle(): ComponentStyleContextValue;
+export {};

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

@@ -0,0 +1,4 @@
+export declare const CSS_CLASSES: {
+    readonly SUSPENSE_FALLBACK: "sb-suspense-fallback";
+    readonly ANCHOR_NAME: "sb-anchor-name";
+};

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

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

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

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

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

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

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

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

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

@@ -30,7 +30,7 @@ export declare const propertiesDefinition: {
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         horizontalAlign: Prop<HorizontalAlign, true>;
-        loadingAnimation: Prop<boolean, true>;
+        loading: Prop<boolean, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         isDisabled: Prop<boolean, true>;

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

@@ -5,7 +5,7 @@ export declare const SbCheckbox: import("react").FC<import("../../properties-pan
     }>;
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        loadingAnimation: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;

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

@@ -6,7 +6,7 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        loadingAnimation: Prop<boolean, false>;
+        loading: Prop<boolean, true>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;

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

@@ -33,5 +33,6 @@ export declare const SbColumn: import("react").FC<import("../../properties-panel
     appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
         border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
 }>>;

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

@@ -27,5 +27,6 @@ export declare const propertiesDefinition: {
     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, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
 };

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

@@ -2,7 +2,7 @@ import { Dim } from "@superblocksteam/library-shared";
 import { propertiesDefinition } from "./props.js";
 import type { ContainerLayout } from "../../component-base/constants.js";
 import type { InternalPropsWithOptional } from "../../properties-panel/props-builder.js";
-type OptionalProps = "backgroundColor" | "border" | "borderRadius";
+type OptionalProps = "backgroundColor" | "border" | "borderRadius" | "loading";
 type ContainerProps<T> = Omit<InternalPropsWithOptional<typeof propertiesDefinition, OptionalProps>, "layout"> & {
     layout: T;
 };
@@ -45,6 +45,7 @@ export declare const SbContainer: import("react").FC<import("../../properties-pa
         backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
         border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
 }>>;
 export {};

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

@@ -38,5 +38,6 @@ export declare const propertiesDefinition: {
         backgroundColor: Prop<string, true>;
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        loading: Prop<boolean, true>;
     }>;
 };

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

@@ -38,6 +38,7 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         icon: import("../../properties-panel/props-builder.js").Prop<string, true>;
         placeholder: import("../../properties-panel/props-builder.js").Prop<string, true>;
         textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;

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

@@ -40,6 +40,7 @@ export declare const propertiesDefinition: {
         icon: Prop<string, true>;
         placeholder: Prop<string, true>;
         textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        loading: Prop<boolean, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

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

@@ -17,7 +17,7 @@ export declare const SbDropdown: React.FC<import("../../properties-panel/props-b
         icon: import("../../properties-panel/props-builder.js").Prop<string, false>;
         placeholder: import("../../properties-panel/props-builder.js").Prop<string, true>;
         textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        loadingAnimation: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;

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

@@ -18,7 +18,7 @@ export declare const propertiesDefinition: {
         icon: Prop<string, false>;
         placeholder: Prop<string, true>;
         textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        loadingAnimation: Prop<boolean, false>;
+        loading: Prop<boolean, true>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;

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

@@ -13,7 +13,7 @@ export declare const SbIcon: import("react").FC<import("../../properties-panel/p
     }>;
     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>;
-        animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     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/icon/props.d.ts

@@ -15,7 +15,7 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         color: Prop<string, false>;
-        animateLoading: Prop<boolean, true>;
+        loading: Prop<boolean, true>;
     }>;
     events: Section<Record<string, Prop<any, any>> & {
         onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;

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

@@ -8,7 +8,7 @@ export declare const SbImage: import("react").FC<import("../../properties-panel/
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         fillContainer: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         align: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ImageAlign, true>;
-        animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;

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

@@ -18,7 +18,7 @@ export declare const propertiesDefinition: {
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         fillContainer: Prop<boolean, true>;
         align: Prop<ImageAlign, true>;
-        animateLoading: Prop<boolean, false>;
+        loading: Prop<boolean, true>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         maxHeight?: Prop<Dim<DimModes>, false> | undefined;

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

@@ -31,7 +31,7 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
     }, "inputType"> & {
         inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & {
-        loadingAnimation: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;

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

@@ -35,7 +35,7 @@ export declare const propertiesDefinition: {
     }, "inputType"> & {
         inputType: Prop<string, true>;
     } & {
-        loadingAnimation: Prop<boolean, true>;
+        loading: Prop<boolean, true>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;

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

@@ -18,6 +18,7 @@ export declare const propertiesDefinition: {
         "styleProps.border": Prop<any, false>;
         "styleProps.borderRadius": Prop<any, false>;
         "styleProps.divider": Prop<any, true>;
+        loading: Prop<boolean, true>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
         isVisible: Prop<boolean, true>;

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

@@ -30,6 +30,7 @@ export declare const SbModal: import("react").FC<import("../../properties-panel/
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, false>;
         hasBackdrop: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         widthPreset: import("../../properties-panel/props-builder.js").Prop<import("./constants.js").ModalSize, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         closeOnClickOutside: import("../../properties-panel/props-builder.js").Prop<boolean, true>;

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

@@ -27,6 +27,7 @@ export declare const propertiesDefinition: {
         borderRadius: Prop<PerCornerBorderRadius, false>;
         hasBackdrop: Prop<boolean, true>;
         widthPreset: Prop<ModalSize, true>;
+        loading: Prop<boolean, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         closeOnClickOutside: Prop<boolean, true>;

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

@@ -7,6 +7,9 @@ export declare const SbPage: import("react").FC<import("../../properties-panel/p
         width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
         height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     }>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    }>;
     events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         onLoad: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;

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

@@ -9,6 +9,9 @@ export declare const propertiesDefinition: {
         width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
         height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     }>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        loading: Prop<boolean, true>;
+    }>;
     events: Section<Record<string, Prop<any, any>> & {
         onLoad: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;

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

@@ -19,5 +19,6 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
     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, true>;
         border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
 }>>;

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

@@ -22,5 +22,6 @@ export declare const propertiesDefinition: {
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, true>;
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
+        loading: Prop<boolean, true>;
     }>;
 };

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

@@ -1,5 +1,6 @@
+import { Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+    layout: Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
         maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
@@ -11,4 +12,7 @@ export declare const propertiesDefinition: {
     } & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
+    appearance: Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    }>;
 };

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

@@ -23,6 +23,7 @@ declare const _propertiesDefinitionVStack: {
         backgroundColor: Prop<string, false>;
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        loading: Prop<boolean, true>;
     }>;
 };
 declare const _propertiesDefinitionHStack: {
@@ -45,9 +46,10 @@ declare const _propertiesDefinitionHStack: {
         backgroundColor: Prop<string, false>;
         border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        loading: Prop<boolean, true>;
     }>;
 };
-type OptionalProps = "verticalAlign" | "horizontalAlign" | "margin" | "padding" | "spacing" | "backgroundColor" | "border" | "borderRadius" | "shouldScrollContents";
+type OptionalProps = "verticalAlign" | "horizontalAlign" | "margin" | "padding" | "spacing" | "backgroundColor" | "border" | "borderRadius" | "shouldScrollContents" | "loading";
 type InternalVStackProps = InternalPropsWithOptional<typeof _propertiesDefinitionVStack, OptionalProps>;
 type InternalHStackProps = InternalPropsWithOptional<typeof _propertiesDefinitionHStack, OptionalProps> & {
     [key: string]: any;

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

@@ -212,7 +212,7 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         rowDensity: import("../../properties-panel/props-builder.js").Prop<import("./types.js").RowDensity, true>;
         maxLinesPerRow: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         collapseWhenHidden: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         "searchProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;

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

@@ -215,7 +215,7 @@ export declare const propertiesDefinition: {
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
         rowDensity: Prop<RowDensity, true>;
         maxLinesPerRow: Prop<number, true>;
-        animateLoading: Prop<boolean, false>;
+        loading: Prop<boolean, true>;
         isVisible: Prop<boolean, false>;
         collapseWhenHidden: Prop<boolean, false>;
         "searchProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;

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

@@ -8,7 +8,7 @@ export declare const SbText: import("react").FC<import("../../properties-panel/p
         horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true>;
         verticalAlign: import("../../properties-panel/props-builder.js").Prop<import("./props.js").VerticalAlign, true>;
         wrapText: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         shouldScroll: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         icon: import("../../properties-panel/props-builder.js").Prop<string, false>;
         iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;

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

@@ -19,7 +19,7 @@ export declare const propertiesDefinition: {
         horizontalAlign: Prop<HorizontalAlign, true>;
         verticalAlign: Prop<VerticalAlign, true>;
         wrapText: Prop<boolean, true>;
-        animateLoading: Prop<boolean, false>;
+        loading: Prop<boolean, true>;
         shouldScroll: Prop<boolean, false>;
         icon: Prop<string, false>;
         iconPosition: Prop<IconPosition, true>;

package/dist-types/lib/user-facing/properties-panel/mixins/loading.d.ts

@@ -0,0 +1,2 @@
+import { Prop } from "../props-builder.js";
+export declare const loading: () => Prop<boolean, true>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/library",
-  "version": "2.0.0-next.104",
+  "version": "2.0.0-next.106",
   "type": "module",
   "exports": {
     ".": {
@@ -33,7 +33,7 @@
     "@react-hook/resize-observer": "1.2.6",
     "@superblocksteam/fast-deep-equal": "3.1.4",
     "@superblocksteam/iso-currency": "2.0.0",
-    "@superblocksteam/library-shared": "2.0.0-next.104",
+    "@superblocksteam/library-shared": "2.0.0-next.106",
     "@superblocksteam/shared": "0.9149.0",
     "antd": "4.24.15",
     "apca-w3": "^0.1.9",