@superblocksteam/library 2.0.6-next.7 → 2.0.6-next.71

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

@@ -14,6 +14,7 @@ export declare class ComponentRegistry implements ComponentRegistryShareState {
     private _typeRegistry;
     private _customComponentRegistry;
     private _managedPropsRegistry;
+    private _internalPropsRegistry;
     constructor(rootStore: RootStore);
     addType(type: string, component: Type): void;
     addCustomComponent(type: string, component: Type): void;
@@ -21,9 +22,22 @@ export declare class ComponentRegistry implements ComponentRegistryShareState {
     renameCustomComponent(oldName: string, newName: string): void;
     addManagedProps(type: string, props: ManagedPropsList): void;
     deleteManagedProps(type: string): void;
+    addInternalProps(type: string, props: Array<{
+        path: string;
+        factory: () => any;
+    }>): void;
+    getInternalProps(type: string): Array<{
+        path: string;
+        factory: () => any;
+    }>;
     get libraryComponentList(): string[];
     get customComponentList(): string[];
     get managedPropsRegistry(): Map<string, ManagedPropsList>;
     getManagedProps(type: string): ManagedPropsList;
     getComponent(type: string): Type | undefined;
+    /**
+     * Get the property path with the record identifier if it exists. For example,
+     * `columns.columnName.label` becomes `columns.*.label`, for record properties.
+     */
+    getPropertyWithRecordIdentifier(type: string, path: string): string;
 }

package/dist-types/lib/internal-details/lib/root-store.d.ts

@@ -1,3 +1,4 @@
+import { LocationStore } from "../location-store.js";
 import ApiManager from "./features/api-store.js";
 import { ComponentRegistry } from "./features/component-registry.js";
 import { NameManager } from "./features/name-manager.js";
@@ -9,6 +10,7 @@ declare class RootStore {
     entityManager: IEntityManager;
     componentRegistry: ComponentRegistry;
     editStore?: EditStore;
+    locationStore: LocationStore;
     private editorRegisteredCallbacks;
     private apisLoaded;
     private pageScopeLoaded;

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

@@ -160,11 +160,22 @@ export type FromParentToChildMessageTypesMap = {
         skipTriggerCreation?: boolean;
         otherComponentsUpdates?: Record<SbElement, Record<string, PropertyInfo>>;
     };
+    /**
+     * Request a route change in the child
+     */
+    "route-change": {
+        route: string;
+        params?: Record<string, string>;
+        search?: Record<string, string>;
+    };
 };
 export type FromParentToChildMessageTypes = keyof FromParentToChildMessageTypesMap;
 export type FromChildToParentMessageTypesMap = {
     "sb-ready": void;
     "iframe-action-batch": PayloadAction<unknown>[];
+    /**
+     * Navigate the parent window to a new URL
+     */
     "navigate-to": {
         url: string;
         newWindow?: boolean;
@@ -177,7 +188,6 @@ export type FromChildToParentMessageTypesMap = {
     "sb-edit-operation-request": EditOperationPayload<EditOperationType>;
     "client:selectWidgets": {
         sourceIds: SbElement[];
-        selectingMultiple: boolean;
     };
     getDropTargetResult: {
         offset: XYCoord;
@@ -224,8 +234,31 @@ export type FromChildToParentMessageTypesMap = {
         message: any;
         apiName: string;
     };
+    /**
+     * Notify the parent of a route change
+     */
+    "route-change": {
+        /**
+         * Uninterpolated route
+         * @example "/orders/:orderId"
+         */
+        route: string;
+        /**
+         * Interpolated path
+         * @example "/orders/123"
+         */
+        path: string;
+        /**
+         * Route parameters used
+         * @example { orderId: 123 }
+         */
+        params: Record<string, unknown>;
+    };
     undo: void;
     redo: void;
+    "socket/error": {
+        message: string;
+    };
 } & AppToEditorMessage<PropertiesPanelDefinition>;
 export type FromChildToParentMessageTypes = keyof FromChildToParentMessageTypesMap;
 export {};

package/dist-types/lib/internal-details/location-store.d.ts

@@ -0,0 +1,18 @@
+import type { RootStore } from "./lib/root-store.js";
+import type { Global as GlobalType } from "./scope/types.js";
+import type { Location } from "react-router";
+type RouteInfo = Location & {
+    route: string;
+    path: string;
+    params: Record<string, unknown>;
+};
+export declare class LocationStore {
+    route?: RouteInfo;
+    rootStore: RootStore;
+    constructor(rootStore: RootStore);
+    updateLocation(route: RouteInfo): Promise<void>;
+    sendLocationToEditor(route: RouteInfo): void;
+    updateGlobalScopeUrl(route: RouteInfo): Promise<void>;
+    getUrlState(route: RouteInfo): NonNullable<GlobalType["URL"]>;
+}
+export {};

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

@@ -1,5 +1,5 @@
 import type { Global as GlobalType } from "./types.js";
-import type { UserAccessibleTheme, Theme as BaseTheme } from "@superblocksteam/library-shared/types";
+import type { Theme as BaseTheme, UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 export declare const GlobalScope: import("react").FC<import("react").JSX.IntrinsicAttributes & {
     children: React.ReactNode;
 }>;

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

@@ -5,7 +5,7 @@ export declare const AppMode: {
     readonly PREVIEW: "PREVIEW";
 };
 export type AppMode = (typeof AppMode)[keyof typeof AppMode];
-export type Global = {
+export interface Global {
     mode?: AppMode;
     user?: User;
     URL?: UrlState;
@@ -25,7 +25,7 @@ export type Global = {
         id: string;
         name: string;
     };
-};
+}
 type User = {
     name: string;
     email: string;

package/dist-types/lib/triggers/implementations/components/control-slideout.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 ControlSlideoutStep extends BaseStepDef {
     type: typeof TriggerStepType.CONTROL_SLIDEOUT;
-    name: string;
+    name?: string;
     direction: "open" | "close";
 }
 export declare const ControlSlideoutTrigger: {
     type: "controlSlideout";
     execute(context: ExecutionContext, step: ControlSlideoutStep): Promise<void>;
-    create(name: string, direction: "open" | "close"): {
+    create(slideout: WithBindingIdentifier, direction: "open" | "close"): {
         type: "controlSlideout";
-        name: string;
+        name: string | undefined;
         direction: "close" | "open";
     };
 };

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

@@ -4,13 +4,13 @@ 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;
+    variable?: WithBindingIdentifier;
 }
 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

@@ -5,15 +5,15 @@ 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;
+    variable?: WithBindingIdentifier;
     value?: ValueInputProp;
 }
 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,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 ControlTimerStep extends BaseStepDef {
     type: typeof TriggerStepType.CONTROL_TIMER;
-    timerId: string;
+    timer?: WithBindingIdentifier;
     action: "start" | "stop" | "toggle";
 }
 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/registry.d.ts

@@ -69,9 +69,9 @@ declare const EventRegistry: {
     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"): {
+        create(slideout: import("@superblocksteam/library-shared/types").WithBindingIdentifier, direction: "open" | "close"): {
             type: "controlSlideout";
-            name: string;
+            name: string | undefined;
             direction: "close" | "open";
         };
     };
@@ -116,9 +116,9 @@ declare const EventRegistry: {
     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): {
+        create(variable?: 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;
+            variable: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
             value: import("../internal-details/lib/evaluator/base-entity-manager.js").ValueInputProp;
         };
     };
@@ -135,17 +135,17 @@ declare const EventRegistry: {
     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): {
+        create(variable?: import("@superblocksteam/library-shared/types").WithBindingIdentifier): {
             type: "resetStateVar";
-            state: import("@superblocksteam/library-shared/types").WithBindingIdentifier | undefined;
+            variable: 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"): {
+        create(timer: import("@superblocksteam/library-shared/types").WithBindingIdentifier, action: "start" | "stop" | "toggle"): {
             type: "controlTimer";
-            timerId: string;
+            timer: import("@superblocksteam/library-shared/types").WithBindingIdentifier;
             action: "toggle" | "stop" | "start";
         };
     };

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>;
     }>;
 }>>;