@superblocksteam/library 2.0.4 → 2.0.5

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

@@ -6,6 +6,7 @@ export type Type = {
     isSb: symbol;
     sbType: string;
     isDroppable?: boolean;
+    hasExtendedClickArea?: boolean;
 } & React.ComponentType<any>;
 export declare class ComponentRegistry implements ComponentRegistryShareState {
     readonly rootStore: RootStore;

package/dist-types/lib/internal-details/sb-wrapper.d.ts

@@ -7,6 +7,7 @@ export type DropTargetProps = {
 export declare const registerSbComponent: <PD extends PropertiesDefinition, EP extends ExternalProps<PD> = ExternalProps<PD>, IP extends InternalProps<PD> & DropTargetProps = InternalProps<PD> & DropTargetProps>(type: string, config: {
     container?: boolean;
     customComponent?: boolean;
+    hasExtendedClickArea?: boolean;
     propertiesDefinition: PD;
 }, Component: React.FC<IP>) => React.FC<EP>;
 export declare function registerSbEntity<PROPS, PD extends PropertiesDefinition, EP extends ExternalProps<PD> = ExternalProps<PD>>(name: string, config: {

package/dist-types/lib/internal-details/scope/global.d.ts

@@ -1,3 +1,4 @@
+import type { Global as GlobalType } from "./types.js";
 import type { UserAccessibleTheme, Theme as BaseTheme } from "@superblocksteam/library-shared/types";
 export declare const GlobalScope: import("react").FC<import("react").JSX.IntrinsicAttributes & {
     children: React.ReactNode;
@@ -5,6 +6,6 @@ export declare const GlobalScope: import("react").FC<import("react").JSX.Intrins
 export declare const updateGlobalScope: (global: Record<string, unknown>) => void;
 export type AppTheme = BaseTheme;
 export declare const Theme: UserAccessibleTheme;
-export declare const Global: any;
+export declare const Global: GlobalType;
 export declare const Embed: any;
 export declare const Env: any;

package/dist-types/lib/internal-details/scope/types.d.ts

@@ -0,0 +1,57 @@
+import type { Profile, RouteDef } from "@superblocksteam/shared";
+export declare const AppMode: {
+    readonly EDIT: "EDIT";
+    readonly PUBLISHED: "PUBLISHED";
+    readonly PREVIEW: "PREVIEW";
+};
+export type AppMode = (typeof AppMode)[keyof typeof AppMode];
+export type Global = {
+    mode?: AppMode;
+    user?: User;
+    URL?: UrlState;
+    groups?: Group[];
+    deployedAt?: string;
+    createdAt?: string;
+    selectedProfileId?: string;
+    profiles?: Profiles;
+    routes?: {
+        [id: string]: RouteDef;
+    };
+    currentRoute?: {
+        routeDef: RouteDef;
+        params: Record<string, string>;
+    };
+    app?: {
+        id: string;
+        name: string;
+    };
+};
+type User = {
+    name: string;
+    email: string;
+    id: string;
+    groups: Group[];
+    username: string;
+    metadata: Record<string, unknown>;
+};
+type Group = {
+    id: string;
+    name: string;
+    size: number;
+};
+type UrlState = {
+    queryParams: Record<string, string>;
+    protocol: string;
+    host: string;
+    hostname: string;
+    port: string;
+    pathname: string;
+    hash: string;
+    fullPath: string;
+};
+type Profiles = {
+    available: Profile[];
+    selected?: Profile;
+    default: Profile;
+};
+export {};

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

@@ -2,10 +2,6 @@ import type { ValidStepDef } from "./triggers/registry.js";
 import type { TriggerStepType } from "@superblocksteam/library-shared/types";
 type ApplicationScope = "APP" | "PAGE";
 type WidgetTypes = string;
-export type SelectedStateVarProps = {
-    name: string;
-    scope?: ApplicationScope;
-};
 export type SelectedEventProps = {
     id: string;
     name: string;

package/dist-types/lib/triggers/implementations/components/control-modal.d.ts

@@ -1,17 +1,18 @@
 import { TriggerStepType } from "@superblocksteam/library-shared/types";
 import type { BaseStepDef } from "../../../sb-trigger.js";
 import type { ExecutionContext } from "../../base.js";
+import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export interface ControlModalStep extends BaseStepDef {
     type: typeof TriggerStepType.CONTROL_MODAL;
-    name: string;
+    name?: string;
     direction: "open" | "close";
 }
 export declare const ControlModalTrigger: {
     type: "controlModal";
     execute(context: ExecutionContext, step: ControlModalStep): Promise<void>;
-    create(name: string, direction: "open" | "close"): {
+    create(modal: WithBindingIdentifier, direction: "open" | "close"): {
         type: "controlModal";
-        name: string;
+        name: string | undefined;
         direction: "close" | "open";
     };
 };

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

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

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

@@ -1,23 +1,19 @@
 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 { BaseStepDef } 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;
+    state?: WithBindingIdentifier;
     value?: ValueInputProp;
 }
 export declare const SetStateVarTrigger: {
     type: "setStateVar";
-    execute(context: ExecutionContext, _step: SetStateVarStep): Promise<void>;
+    execute(context: ExecutionContext, step: SetStateVarStep): Promise<void>;
     create(stateVar?: WithBindingIdentifier, value?: ValueInputProp): {
         type: "setStateVar";
-        state: {
-            name: string;
-            scopeId: any;
-            scope: any;
-        } | undefined;
+        state: WithBindingIdentifier | undefined;
         value: ValueInputProp;
     };
 };

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

@@ -78,9 +78,9 @@ declare const EventRegistry: {
     readonly controlModal: {
         type: "controlModal";
         execute(context: import("./base.js").ExecutionContext, step: import("./implementations/components/control-modal.js").ControlModalStep): Promise<void>;
-        create(name: string, direction: "open" | "close"): {
+        create(modal: import("@superblocksteam/library-shared/types").WithBindingIdentifier, direction: "open" | "close"): {
             type: "controlModal";
-            name: string;
+            name: string | undefined;
             direction: "close" | "open";
         };
     };
@@ -115,14 +115,10 @@ declare const EventRegistry: {
     };
     readonly setStateVar: {
         type: "setStateVar";
-        execute(context: import("./base.js").ExecutionContext, _step: import("./implementations/state/set-state-var.js").SetStateVarStep): Promise<void>;
+        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: {
-                name: string;
-                scopeId: any;
-                scope: any;
-            } | undefined;
+            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
             value: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
         };
     };
@@ -138,14 +134,10 @@ declare const EventRegistry: {
     };
     readonly resetStateVar: {
         type: "resetStateVar";
-        execute(context: import("./base.js").ExecutionContext, _step: import("./implementations/state/reset-state-var.js").ResetStateVarStep): Promise<void>;
+        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: {
-                name: string;
-                scopeId: any;
-                scope: any;
-            } | undefined;
+            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
         };
     };
     readonly controlTimer: {

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

@@ -16,7 +16,7 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         valueTimezone?: undefined;
         displayTimezone?: undefined;
     })))) & {
-        twentyFourHourTime: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        use24HourTime: 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/date-picker/props.d.ts

@@ -18,7 +18,7 @@ export declare const propertiesDefinition: {
         valueTimezone?: undefined;
         displayTimezone?: undefined;
     })))) & {
-        twentyFourHourTime: Prop<boolean, true>;
+        use24HourTime: 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/date-picker/types.d.ts

@@ -14,7 +14,7 @@ export interface DatePickerComponentProps {
     isValid?: boolean;
     isTouched?: boolean;
     isFocused?: boolean;
-    twentyFourHourTime: boolean;
+    use24HourTime: boolean;
     displayDateFormat?: string;
     displayTimezone?: string;
     timezone?: string;

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

@@ -3,13 +3,14 @@ import React from "react";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
 import type { InternalProps } from "../../properties-panel/props-builder.js";
 import type { DimModes } from "@superblocksteam/library-shared";
+import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export type GridChild = React.ReactElement<{
-    name: string;
     marginTop?: Dim<"rows">;
     marginLeft?: Dim<"columns">;
     width?: Dim<"columns">;
     height?: Dim<"rows" | "fit">;
     constraintTop?: string | [string];
+    bind?: WithBindingIdentifier;
 }>;
 declare const _propertiesDefinition: {
     general: Section<Record<string, Prop<any, any>> & {

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

@@ -1,4 +1,7 @@
 export declare const SbPage: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+    contents: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        columns: import("../../properties-panel/props-builder.js").Prop<string[], false>;
+    }>;
     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;
         minHeight?: 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/page/props.d.ts

@@ -1,6 +1,9 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
+    contents: Section<Record<string, Prop<any, any>> & {
+        columns: Prop<string[], false>;
+    }>;
     layout: Section<Record<string, Prop<any, any>> & {
         maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
         minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;

package/dist-types/lib/user-facing/components/table/column-properties-panel.d.ts

@@ -9,36 +9,42 @@ export declare const columnPanelConfig: {
         columnType: Prop<ColumnType, true>;
     }, "columnType"> & ({
         displayedValue: Prop<string, false>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<undefined, false>;
     } | {
         displayedValue: Prop<string, false>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"text", true>;
     } | {
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"number", true>;
     } | {
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         currency: Prop<string, true>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"currency", true>;
     } | {
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"percentage", true>;
     } | {
         openImageUrl: Prop<boolean, true>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"image", true>;
     } | {
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"video", true>;
     } | {
+        manageTimezone: Prop<boolean, true>;
         inputFormat: Prop<string, false>;
         outputFormat: Prop<string, false>;
-        manageTimezone: Prop<boolean, false>;
-        valueTimezone: Prop<string, false>;
-        displayTimezone: Prop<string, false>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"date", true>;
     } | {
         buttonLabel: Prop<string, true>;
@@ -48,11 +54,14 @@ export declare const columnPanelConfig: {
         linkLabel: Prop<string, false>;
         columnType: Prop<"link", true>;
     } | {
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"boolean", true>;
     } | {
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"tags", true>;
     } | {
         displayedValue: Prop<string, false>;
+        isDerived: Prop<boolean, true>;
         columnType: Prop<"email", true>;
     })))) & {
         isVisible: Prop<boolean, true>;
@@ -68,8 +77,6 @@ export declare const columnPanelConfig: {
         "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         cellBackground: Prop<string, true>;
         textWrap: Prop<boolean, false>;
-        cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<undefined, false>;
     } | {
         horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -77,8 +84,6 @@ export declare const columnPanelConfig: {
         "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         cellBackground: Prop<string, true>;
         textWrap: Prop<boolean, false>;
-        cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"text", true>;
     } | {
         horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -159,8 +164,6 @@ export declare const columnPanelConfig: {
         "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         cellBackground: Prop<string, true>;
         textWrap: Prop<boolean, false>;
-        cellIcon: Prop<string, false>;
-        cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"email", true>;
     })))) & {
         isFrozen: Prop<boolean, false>;

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

@@ -10,6 +10,7 @@ export declare function getEditedRows(props: any): {
     originalRows: any[];
 };
 export declare function getAllEdits(props: any): any;
+export declare const isDerivedColumn: (tableData: any[], columnId: string) => boolean;
 export declare function getFilteredTableData(props: any): any[];
 export declare function getEditedRowIndices(props: any): {
     deletedRows: {

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

@@ -9,36 +9,42 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 columnType: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ColumnType, true>;
             }, "columnType"> & ({
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
             } | {
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
             } | {
                 notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"number", true>;
             } | {
                 notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 currency: import("../../properties-panel/props-builder.js").Prop<string, true>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
             } | {
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
             } | {
                 openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
             } | {
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
             } | {
+                manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 inputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 outputFormat: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
-                valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"date", true>;
             } | {
                 buttonLabel: import("../../properties-panel/props-builder.js").Prop<string, true>;
@@ -48,11 +54,14 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 linkLabel: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
             } | {
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
             } | {
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
             } | {
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                isDerived: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
             })))) & {
                 isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
@@ -68,8 +77,6 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
-                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<undefined, false>;
             } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
@@ -77,8 +84,6 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
-                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"text", true>;
             } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
@@ -159,8 +164,6 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 textWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
-                cellIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"email", true>;
             })))) & {
                 isFrozen: import("../../properties-panel/props-builder.js").Prop<boolean, false>;

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

@@ -12,36 +12,42 @@ export declare const propertiesDefinition: {
                 columnType: Prop<import("./types.js").ColumnType, true>;
             }, "columnType"> & ({
                 displayedValue: Prop<string, false>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<undefined, false>;
             } | {
                 displayedValue: Prop<string, false>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"text", true>;
             } | {
                 notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: Prop<number, false>;
                 maximumFractionDigits: Prop<number, false>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"number", true>;
             } | {
                 notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: Prop<number, false>;
                 maximumFractionDigits: Prop<number, false>;
                 currency: Prop<string, true>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"currency", true>;
             } | {
                 minimumFractionDigits: Prop<number, false>;
                 maximumFractionDigits: Prop<number, false>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"percentage", true>;
             } | {
                 openImageUrl: Prop<boolean, true>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"image", true>;
             } | {
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"video", true>;
             } | {
+                manageTimezone: Prop<boolean, true>;
                 inputFormat: Prop<string, false>;
                 outputFormat: Prop<string, false>;
-                manageTimezone: Prop<boolean, false>;
-                valueTimezone: Prop<string, false>;
-                displayTimezone: Prop<string, false>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"date", true>;
             } | {
                 buttonLabel: Prop<string, true>;
@@ -51,11 +57,14 @@ export declare const propertiesDefinition: {
                 linkLabel: Prop<string, false>;
                 columnType: Prop<"link", true>;
             } | {
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"boolean", true>;
             } | {
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"tags", true>;
             } | {
                 displayedValue: Prop<string, false>;
+                isDerived: Prop<boolean, true>;
                 columnType: Prop<"email", true>;
             })))) & {
                 isVisible: Prop<boolean, true>;
@@ -71,8 +80,6 @@ export declare const propertiesDefinition: {
                 "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
-                cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<undefined, false>;
             } | {
                 horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -80,8 +87,6 @@ export declare const propertiesDefinition: {
                 "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
-                cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<"text", true>;
             } | {
                 horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -162,8 +167,6 @@ export declare const propertiesDefinition: {
                 "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: Prop<string, true>;
                 textWrap: Prop<boolean, false>;
-                cellIcon: Prop<string, false>;
-                cellIconPosition: Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: Prop<"email", true>;
             })))) & {
                 isFrozen: Prop<boolean, false>;

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

@@ -2,6 +2,7 @@ import type { propertiesDefinition } from "./props.js";
 import type { InternalProps } from "../../properties-panel/props-builder.js";
 import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
 import type { TextStyleWithVariant, Typographies, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
+import type { CSSProperties } from "react";
 type TextWidgetProps = InternalProps<typeof propertiesDefinition>;
 export declare const useText: ({ text, numberFormat, minDecimals, maxDecimals, textType, currency, dateInputFormat, dateOutputFormat, }: Pick<TextWidgetProps, "text" | "numberFormat" | "minDecimals" | "maxDecimals" | "textType" | "currency" | "dateInputFormat" | "dateOutputFormat">) => string | undefined;
 export declare const useTextClassName: ({ textStyleVariant, isLoading, }: {
@@ -17,7 +18,7 @@ export declare const useIcon: ({ textStyle }: {
     };
     iconSize: number;
 };
-export declare const useStyle: (props: TextWidgetProps) => any;
+export declare const useStyle: (props: TextWidgetProps) => CSSProperties;
 export declare const useIconContainerStyles: ({ iconGap, horizontalAlign, }: {
     iconGap: any;
     horizontalAlign: HorizontalAlign;

package/dist-types/lib/user-facing/sb-event-flow.d.ts

@@ -25,8 +25,8 @@ declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInp
     setQueryParams(params: Record<string, ValueInputProp<string>>, keepQueryParams?: boolean): this;
     static controlSlideout(slideoutId: string, action: "open" | "close"): SbEventFlow;
     controlSlideout(slideoutId: string, action: "open" | "close"): this;
-    static controlModal(modalId: string, action: "open" | "close"): SbEventFlow;
-    controlModal(modalId: string, action: "open" | "close"): this;
+    static controlModal(modal: WithBindingIdentifier, action: "open" | "close"): SbEventFlow;
+    controlModal(modal: WithBindingIdentifier, action: "open" | "close"): this;
     static controlTimer(timerId: string, action: "start" | "stop" | "toggle"): SbEventFlow;
     controlTimer(timerId: string, action: "start" | "stop" | "toggle"): this;
     static runApis(apis: any[], onSuccess?: SbEventFlow, onError?: SbEventFlow): SbEventFlow;
@@ -47,6 +47,8 @@ declare class SbEventFlow implements ISbEventFlow<StepDef, ScopedState, ValueInp
     setProfile(profileId: string, profileAction: "set" | "unset"): this;
     static triggerEvent(eventName: string, eventData: Record<string, string>): SbEventFlow;
     triggerEvent(eventName: string, eventData: Record<string, string>): this;
+    static sequence(eventFlows: SbEventFlow[]): SbEventFlow;
+    sequence(eventFlows: SbEventFlow[]): this;
     build(): StepDef[];
 }
 export { SbEventFlow };

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

@@ -1,5 +1,5 @@
 import { Dim } from "@superblocksteam/library-shared";
-import type { Border, Padding, PerCornerBorderRadius, PerSideBorder, Typographies, UserAccessibleTheme, UserDefinedPalette, UserDefinedTheme } from "@superblocksteam/library-shared/types";
+import type { Border, PerCornerBorderRadius, PerSideBorder, Typographies, UserAccessibleTheme, UserDefinedPalette, UserDefinedTheme } from "@superblocksteam/library-shared/types";
 export declare const CURRENT_THEME_VERSION = 5;
 export declare const LIGHT_APP_BG: "#F9FAFB";
 export declare const DARK_APP_BG = "#131516";
@@ -58,7 +58,6 @@ export declare const BOX_SHADOWS: {
         dark: string;
     };
 };
-export declare const BUTTON_PADDING: Padding;
 export declare const INPUT_PADDING: {
     left: Dim<"px">;
     right: Dim<"px">;
@@ -71,6 +70,12 @@ export declare const DROPDOWN_PADDING: {
     top: Dim<"px">;
     bottom: Dim<"px">;
 };
+export declare const BUTTON_PADDING: {
+    left: Dim<"px">;
+    right: Dim<"px">;
+    top: Dim<"px">;
+    bottom: Dim<"px">;
+};
 export declare const KEY_VALUE_PADDING: {
     left: Dim<"px">;
     right: Dim<"px">;