@superblocksteam/library 2.0.6 → 2.0.7

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

@@ -1,18 +1,9 @@
-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 { NotificationPosition } from "@superblocksteam/library-shared/types";
 import type { ExecutionContext } from "../base.js";
-export interface ShowAlertStep extends BaseStepDef {
-    type: typeof TriggerStepType.SHOW_ALERT;
-    message: ValueInputProp<string>;
-    style: NotificationType;
-    alertDuration?: number;
-    alertPosition?: NotificationPosition;
-}
+import type { ShowAlertStep, NotificationType, ValueInputProp } from "@superblocksteam/library-shared/types";
 export declare const ShowAlertTrigger: {
     type: "showAlert";
-    execute(_context: ExecutionContext, step: ShowAlertStep): Promise<void>;
+    execute(context: ExecutionContext, step: ShowAlertStep): Promise<void>;
     create(message: ValueInputProp<string>, alertType: NotificationType, alertDuration?: number, alertPosition?: NotificationPosition): {
         type: "showAlert";
         message: ValueInputProp<string>;

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

@@ -1,16 +1,10 @@
-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 ResetStateVarStep extends BaseStepDef {
-    type: typeof TriggerStepType.RESET_STATE_VAR;
-    state?: WithBindingIdentifier;
-}
+import type { ResetStateVarStep, WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export declare const ResetStateVarTrigger: {
     type: "resetStateVar";
     execute(context: ExecutionContext, step: ResetStateVarStep): Promise<void>;
-    create(stateVar?: WithBindingIdentifier): {
+    create(variable?: WithBindingIdentifier): {
         type: "resetStateVar";
-        state: WithBindingIdentifier | undefined;
+        variable: WithBindingIdentifier | undefined;
     };
 };

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

@@ -1,19 +1,12 @@
-import { TriggerStepType } from "@superblocksteam/library-shared/types";
-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";
-import type { WithBindingIdentifier } from "@superblocksteam/library-shared/types";
-export interface SetStateVarStep extends BaseStepDef {
-    type: typeof TriggerStepType.SET_STATE_VAR;
-    state?: WithBindingIdentifier;
-    value?: ValueInputProp;
-}
+import type { ValueInputProp } from "@superblocksteam/library-shared/types";
+import type { SetStateVarStep, WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export declare const SetStateVarTrigger: {
     type: "setStateVar";
     execute(context: ExecutionContext, step: SetStateVarStep): Promise<void>;
-    create(stateVar?: WithBindingIdentifier, value?: ValueInputProp): {
+    create(variable?: WithBindingIdentifier, value?: ValueInputProp): {
         type: "setStateVar";
-        state: WithBindingIdentifier | undefined;
+        variable: WithBindingIdentifier | undefined;
         value: ValueInputProp;
     };
 };

package/dist-types/lib/triggers/implementations/timers/control-timer.d.ts

@@ -1,17 +1,11 @@
-import { TriggerStepType } from "@superblocksteam/library-shared/types";
-import type { BaseStepDef } from "../../../sb-trigger.js";
 import type { ExecutionContext } from "../../base.js";
-export interface ControlTimerStep extends BaseStepDef {
-    type: typeof TriggerStepType.CONTROL_TIMER;
-    timerId: string;
-    action: "start" | "stop" | "toggle";
-}
+import type { ControlTimerStep, WithBindingIdentifier } from "@superblocksteam/library-shared/types";
 export declare const ControlTimerTrigger: {
     type: "controlTimer";
     execute(_context: ExecutionContext, step: ControlTimerStep): Promise<void>;
-    create(timerId: string, action: "start" | "stop" | "toggle"): {
+    create(timer: WithBindingIdentifier, action: "start" | "stop" | "toggle"): {
         type: "controlTimer";
-        timerId: string;
+        timer: WithBindingIdentifier;
         action: "toggle" | "stop" | "start";
     };
 };

package/dist-types/lib/triggers/implementations/trigger-event.d.ts

@@ -1,11 +1,5 @@
-import { TriggerStepType } from "@superblocksteam/library-shared/types";
-import type { BaseStepDef, SelectedEventProps } from "../../sb-trigger.js";
 import type { ExecutionContext } from "../base.js";
-export interface TriggerEventStep extends BaseStepDef {
-    type: typeof TriggerStepType.TRIGGER_EVENT;
-    event: SelectedEventProps;
-    eventPayload: Record<string, string>;
-}
+import type { SelectedEventProps, TriggerEventStep } from "@superblocksteam/library-shared/types";
 export declare const TriggerEventTrigger: {
     type: "triggerEvent";
     execute(_context: ExecutionContext, step: TriggerEventStep): Promise<void>;

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

@@ -1,176 +1,5 @@
-declare const EventRegistry: {
-    readonly runJs: {
-        type: "runJs";
-        create(handler: import("../internal-details/lib/evaluator/base-entity-manager.js").Executable): {
-            type: "runJs";
-            handler: import("../internal-details/lib/evaluator/base-entity-manager.js").Executable;
-            code: string;
-        };
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/run-js.js").RunJsStep): Promise<void>;
-    };
-    readonly triggerEvent: {
-        type: "triggerEvent";
-        execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/trigger-event.js").TriggerEventStep): Promise<void>;
-        create(eventName: string, eventPayload: Record<string, string>): {
-            type: "triggerEvent";
-            event: import("../sb-trigger.js").SelectedEventProps;
-            eventPayload: Record<string, string>;
-        };
-    };
-    readonly navigateTo: {
-        type: "navigateTo";
-        execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/navigate/navigate-to.js").NavigateToStep): Promise<void>;
-        create(props: {
-            url: string;
-            newWindow?: boolean;
-            replaceHistory?: boolean;
-            arguments?: string;
-        }): {
-            type: "navigateTo";
-            url: string;
-            newWindow: boolean;
-            replaceHistory: boolean | undefined;
-            arguments: string | undefined;
-        };
-    };
-    readonly navigateToApp: {
-        type: "navigateToApp";
-        execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/navigate/navigate-to-app.js").NavigateToAppStep): Promise<void>;
-        create(appId: string): {
-            type: "navigateToApp";
-            targetApp: {
-                name: string;
-                id: string;
-                url: string;
-            };
-            queryParams: {};
-            newWindowApp: false;
-        };
-    };
-    readonly navigateToRoute: {
-        type: "navigateToRoute";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/navigate/navigate-to-route.js").NavigateToRouteStep): Promise<void>;
-        create(route: string): {
-            type: "navigateToRoute";
-            routeId: string;
-            routePathDescriptor: string;
-            newWindow: false;
-        };
-    };
-    readonly setQueryParams: {
-        type: "setQueryParams";
-        execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/navigate/set-query-params.js").SetQueryParamsStep): Promise<void>;
-        create(queryParams: Record<string, import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp<string>>, keepQueryParams?: any): {
-            type: "setQueryParams";
-            queryParams: Record<string, import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp<string>>;
-            keepQueryParams: any;
-        };
-    };
-    readonly controlSlideout: {
-        type: "controlSlideout";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/components/control-slideout.js").ControlSlideoutStep): Promise<void>;
-        create(name: string, direction: "open" | "close"): {
-            type: "controlSlideout";
-            name: string;
-            direction: "close" | "open";
-        };
-    };
-    readonly controlModal: {
-        type: "controlModal";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/components/control-modal.js").ControlModalStep): Promise<void>;
-        create(modal: import("@superblocksteam/library-shared/types").WithBindingIdentifier, direction: "open" | "close"): {
-            type: "controlModal";
-            name: string | undefined;
-            direction: "close" | "open";
-        };
-    };
-    readonly resetComponent: {
-        type: "resetComponent";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/components/reset-component.js").ResetComponentStep): Promise<void>;
-        create(widget: import("../sb-trigger.js").SelectedWidgetProps, propertyName: string, resetChildren: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp): {
-            type: "resetComponent";
-            widget: import("../sb-trigger.js").SelectedWidgetProps;
-            propertyName: string;
-            resetChildren: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
-        };
-    };
-    readonly executeApi: {
-        type: "executeApi";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/apis/run-apis.js").RunApisStep, onFinish?: (responses: PromiseSettledResult<import("../internal-details/lib/types.js").ApiV2ExecutionResponse | undefined>[]) => void): Promise<void>;
-        create(apis: import("@superblocksteam/library-shared/types").SbApiWithFunctions[], onSuccess?: import("../index.js").SbEventFlow, onError?: import("../index.js").SbEventFlow): {
-            type: "executeApi";
-            apis: import("@superblocksteam/library-shared/types").SbApiWithFunctions[];
-            onSuccess: import("../index.js").SbEventFlow | undefined;
-            onError: import("../index.js").SbEventFlow | undefined;
-        };
-    };
-    readonly cancelApi: {
-        type: "cancelApi";
-        execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/apis/cancel-apis.js").CancelApisStep): Promise<void>;
-        create(apis: import("@superblocksteam/library-shared/types").SbApiWithFunctions[], onCancel?: import("../index.js").SbEventFlow): {
-            type: "cancelApi";
-            apis: import("@superblocksteam/library-shared/types").SbApiWithFunctions[];
-            onCancel: import("../index.js").SbEventFlow | undefined;
-        };
-    };
-    readonly setStateVar: {
-        type: "setStateVar";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/state/set-state-var.js").SetStateVarStep): Promise<void>;
-        create(stateVar?: import("@superblocksteam/library-shared/types").WithBindingIdentifier, value?: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp): {
-            type: "setStateVar";
-            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
-            value: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
-        };
-    };
-    readonly setComponentProperty: {
-        type: "setComponentProperty";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/components/set-component-property.js").SetComponentPropertyStep): Promise<void>;
-        create(widget: import("../sb-trigger.js").SelectedWidgetProps, propertyName: string, propertyValue: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp): {
-            type: "setComponentProperty";
-            widget: import("../sb-trigger.js").SelectedWidgetProps;
-            propertyName: string;
-            propertyValue: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
-        };
-    };
-    readonly resetStateVar: {
-        type: "resetStateVar";
-        execute(context: import("./base.js").ExecutionContext, step: import("./implementations/state/reset-state-var.js").ResetStateVarStep): Promise<void>;
-        create(stateVar?: import("@superblocksteam/library-shared/types").WithBindingIdentifier): {
-            type: "resetStateVar";
-            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
-        };
-    };
-    readonly controlTimer: {
-        type: "controlTimer";
-        execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/timers/control-timer.js").ControlTimerStep): Promise<void>;
-        create(timerId: string, action: "start" | "stop" | "toggle"): {
-            type: "controlTimer";
-            timerId: string;
-            action: "toggle" | "stop" | "start";
-        };
-    };
-    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("../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("../user-facing/utils/notification.jsx").NotificationType;
-            alertDuration: number | undefined;
-            alertPosition: import("../user-facing/utils/notification.jsx").NotificationPosition | undefined;
-        };
-    };
-    readonly setProfile: {
-        type: "setProfile";
-        execute(_context: import("./base.js").ExecutionContext, step: import("./implementations/set-profile.js").SetProfileStep): Promise<void>;
-        create(profileId: string, profileAction: "set" | "unset"): {
-            type: "setProfile";
-            profileId: string;
-            profileAction: "unset" | "set";
-        };
-    };
-};
-export type ValidStepDef = ReturnType<(typeof EventRegistry)[keyof typeof EventRegistry]["create"]> & {
-    id: string;
-};
+import { TriggerStepType } from "@superblocksteam/library-shared/types";
+import type { Trigger } from "./base.js";
+import type { ValidStepDef } from "@superblocksteam/library-shared/types";
+declare const EventRegistry: Record<TriggerStepType, Trigger<ValidStepDef>>;
 export default EventRegistry;

package/dist-types/lib/triggers/run-event-handlers.d.ts

@@ -1,8 +1,8 @@
 import type { ScopeId } from "../internal-details/lib/evaluator/base-entity-manager.js";
 import type { Name } from "../internal-details/lib/evaluator/names.js";
-import type { SbEventFlow } from "../user-facing/sb-event-flow.js";
+import type { ISbEventFlow, ScopedState, StepDef, ValueInputProp } from "@superblocksteam/library-shared/types";
 export declare const runEventHandlers: ({ flow, name, scopeId, additionalContext, }: {
-    flow?: SbEventFlow;
+    flow?: ISbEventFlow<StepDef, ScopedState, ValueInputProp>;
     name: Name;
     scopeId: ScopeId;
     additionalContext?: Record<string, any>;

package/dist-types/lib/user-facing/build-manifest.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -10,8 +10,12 @@ export type SbComponentProps<El = HTMLElement> = {
     maxWidth?: Dim;
     maxHeight?: Dim;
     sourceId?: SbElement;
-    reportInstanceId?: (instanceId: SbInstance) => void;
     marginLeft?: Dim<"columns">;
     marginTop?: Dim<"rows">;
     constraintTop?: string | string[];
+    /**
+     * undefined means auto, true means always loading, false means never loading
+     */
+    loading?: boolean;
+    reportInstanceId?: (instanceId: SbInstance) => void;
 } & Omit<React.HTMLAttributes<El>, "height" | "width" | "marginLeft" | "marginTop">;

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

@@ -1,41 +1,41 @@
 export declare const SbButton: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        label: import("../../properties-panel/props-builder.js").Prop<string, false>;
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        label: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
     }>;
-    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>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
     } & {
-        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;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        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>;
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
     } & {
         margin: import("../../properties-panel/props-builder.js").Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true>;
+        } | undefined, true, undefined>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
-    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>;
-        icon: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
-        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        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>;
-        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        variant: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ButtonVariant, true, undefined>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        horizontalAlign: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").HorizontalAlign, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
-    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>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
-    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>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
 }>>;

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

@@ -4,43 +4,43 @@ import type { Dim } from "@superblocksteam/library-shared";
 import type { HorizontalAlign } from "@superblocksteam/library-shared/props";
 export type ButtonVariant = "primary" | "secondary" | "tertiary";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any>> & {
-        label: Prop<string, false>;
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        label: Prop<string, false, undefined>;
     }>;
-    layout: Section<Record<string, Prop<any, any>> & {
-        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
     } & {
-        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
     } & {
         margin: Prop<{
             top: Dim<"px">;
             bottom: Dim<"px">;
             left: Dim<"px">;
             right: Dim<"px">;
-        } | undefined, true>;
+        } | undefined, true, undefined>;
     } & {
-        isVisible: Prop<boolean, true>;
+        isVisible: Prop<boolean, true, undefined>;
     }>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        variant: Prop<ButtonVariant, true>;
-        icon: Prop<string, false>;
-        iconPosition: Prop<IconPosition, 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>;
-        horizontalAlign: Prop<HorizontalAlign, true>;
-        loading: Prop<boolean, true>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        variant: Prop<ButtonVariant, true, undefined>;
+        icon: Prop<string, false, undefined>;
+        iconPosition: Prop<IconPosition, true, undefined>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        backgroundColor: Prop<string, true, undefined>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
+        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
+        horizontalAlign: Prop<HorizontalAlign, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
     }>;
-    interaction: Section<Record<string, Prop<any, any>> & {
-        isDisabled: Prop<boolean, true>;
+    interaction: Section<Record<string, Prop<any, any, undefined>> & {
+        isDisabled: Prop<boolean, true, undefined>;
     }>;
-    events: Section<Record<string, Prop<any, any>> & {
-        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
 };

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

@@ -1,47 +1,47 @@
 export declare const SbCheckbox: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        label: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        defaultChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        defaultChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
-    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>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
-    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;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        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>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
     } & {
         margin: import("../../properties-panel/props-builder.js").Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true>;
+        } | undefined, true, undefined>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
-    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>;
-        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
-        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, false, undefined>;
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
     }>;
-    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        onCheckChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        onCheckChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
-    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        isChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
-    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        value: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true>;
-        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        value: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
 }>>;