@superblocksteam/library 2.0.6-next.114 → 2.0.6-next.13

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

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

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

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

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

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

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

@@ -1,5 +1,176 @@
-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>>;
+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;
+};
 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 { ISbEventFlow, ScopedState, StepDef, ValueInputProp } from "@superblocksteam/library-shared/types";
+import type { SbEventFlow } from "../user-facing/sb-event-flow.js";
 export declare const runEventHandlers: ({ flow, name, scopeId, additionalContext, }: {
-    flow?: ISbEventFlow<StepDef, ScopedState, ValueInputProp>;
+    flow?: SbEventFlow;
     name: Name;
     scopeId: ScopeId;
     additionalContext?: Record<string, any>;

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

@@ -10,12 +10,8 @@ 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, undefined>> & {
-        label: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    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>;
     }>;
-    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>;
+    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>;
     } & {
-        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>;
+        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>;
     } & {
         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>;
+        } | undefined, true>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isVisible: 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>;
+    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>;
     }>;
-    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>;
+    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>;
     }>;
-    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>;
+    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/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, undefined>> & {
-        label: Prop<string, false, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        label: Prop<string, false>;
     }>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
     } & {
-        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>;
+        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>;
     } & {
         margin: Prop<{
             top: Dim<"px">;
             bottom: Dim<"px">;
             left: Dim<"px">;
             right: Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: 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>;
+    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>;
     }>;
-    interaction: Section<Record<string, Prop<any, any, undefined>> & {
-        isDisabled: Prop<boolean, true, undefined>;
+    interaction: Section<Record<string, Prop<any, any>> & {
+        isDisabled: Prop<boolean, true>;
     }>;
-    events: Section<Record<string, Prop<any, any, undefined>> & {
-        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
 };

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, undefined>> & {
-        label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        defaultChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    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>;
     }>;
-    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>;
+    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>;
     }>;
-    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>;
+    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>;
     } & {
         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>;
+        } | undefined, true>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isVisible: 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>> & {
-        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>;
+    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>;
     }>;
-    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>;
+    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>;
     }>;
-    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>;
+    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>;
     }>;
-    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>;
+    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>;
     }>;
 }>>;

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

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