@superblocksteam/library 2.0.6 → 2.0.7

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

@@ -3,36 +3,36 @@ import { Prop } from "../../properties-panel/props-builder.js";
 import { Section } from "../../properties-panel/props-builder.js";
 import type { KeyValueProperty } from "./types.js";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any>> & {
-        sourceData: Prop<Record<string, unknown>, false>;
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        sourceData: Prop<Record<string, unknown>, false, undefined>;
         properties: Prop<Record<string, KeyValueProperty>, true>;
-        propertiesOrder: Prop<string[], true>;
+        propertiesOrder: Prop<string[], true, undefined>;
     }>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        "keyProps.position": Prop<"top" | "left", true>;
-        "keyProps.keyStyle": Prop<any, false>;
-        "keyProps.textWrap": Prop<boolean, true>;
-        "valueProps.valueStyle": Prop<any, false>;
-        "valueProps.textWrap": Prop<boolean, true>;
-        "styleProps.backgroundColor": Prop<string, false>;
-        "styleProps.border": Prop<any, false>;
-        "styleProps.borderRadius": Prop<any, false>;
-        "styleProps.divider": Prop<any, true>;
-        loading: Prop<boolean, true>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        "keyProps.position": Prop<"top" | "left", true, undefined>;
+        "keyProps.keyStyle": Prop<any, false, undefined>;
+        "keyProps.textWrap": Prop<boolean, true, undefined>;
+        "valueProps.valueStyle": Prop<any, false, undefined>;
+        "valueProps.textWrap": Prop<boolean, true, undefined>;
+        "styleProps.backgroundColor": Prop<string, false, undefined>;
+        "styleProps.border": Prop<any, false, undefined>;
+        "styleProps.borderRadius": Prop<any, false, undefined>;
+        "styleProps.divider": Prop<any, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
     }>;
-    layout: Section<Record<string, Prop<any, any>> & {
-        isVisible: Prop<boolean, true>;
-        keyProps: Prop<any, true>;
-        "keyProps.width": Prop<any, false>;
-        "valueProps.position": Prop<"left" | "right", true>;
-        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>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & {
+        isVisible: Prop<boolean, true, undefined>;
+        keyProps: Prop<any, true, undefined>;
+        "keyProps.width": Prop<any, false, undefined>;
+        "valueProps.position": Prop<"left" | "right", true, undefined>;
+        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>;
     }>;
-    derived: Section<Record<string, Prop<any, any>> & {
-        data: Prop<Record<string, unknown>, true>;
+    derived: Section<Record<string, Prop<any, any, undefined>> & {
+        data: Prop<Record<string, unknown>, true, undefined>;
     }>;
 };

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

@@ -1,45 +1,41 @@
 import { Dim } from "@superblocksteam/library-shared";
 import type { ContainerLayout } from "../../component-base/constants.js";
-/**
- * TODO:
- * - close all other modal when current modal is opened
- */
 export declare const SbModal: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true, undefined>;
     }) | (Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom", true>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true, undefined>;
     }) | (Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
     }, "layout" | "columns" | "rowHeight"> & {
-        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true, undefined>;
     }))>;
-    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
-        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, false>;
-        hasBackdrop: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        widthPreset: import("../../properties-panel/props-builder.js").Prop<import("./constants.js").ModalSize, true>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, 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, false, undefined>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, false, undefined>;
+        hasBackdrop: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        widthPreset: import("../../properties-panel/props-builder.js").Prop<import("./constants.js").ModalSize, 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>> & {
-        closeOnClickOutside: 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>> & {
+        closeOnClickOutside: 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>> & {
-        onOpen: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
-        onClose: 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>> & {
+        onOpen: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+        onClose: 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>> & {
-        isOpen: 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>> & {
+        isOpen: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
 }>>;

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

@@ -2,41 +2,41 @@ import { Prop, Section } from "../../properties-panel/props-builder.js";
 import type { ModalSize } from "./constants.js";
 import type { PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
 export declare const propertiesDefinition: {
-    layout: Section<Record<string, Prop<any, any>> & ((Omit<{
-        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & ((Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true>;
-        readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
-        readonly layout: Prop<"vertical", true>;
+        readonly verticalAlign: Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"vertical", true, undefined>;
     }) | (Omit<{
-        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: Prop<"center" | "top" | "bottom", true>;
-        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
-        readonly layout: Prop<"horizontal", true>;
+        readonly verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"horizontal", true, undefined>;
     }) | (Omit<{
-        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
     }, "layout" | "columns" | "rowHeight"> & {
-        readonly columns: Prop<number, true>;
-        readonly rowHeight: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;
-        readonly layout: Prop<"freeform", true>;
+        readonly columns: Prop<number, true, undefined>;
+        readonly rowHeight: Prop<import("@superblocksteam/library-shared").Dim<"px">, true, undefined>;
+        readonly layout: Prop<"freeform", true, undefined>;
     }))>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        backgroundColor: Prop<string, true>;
-        border: Prop<PerSideBorder, false>;
-        borderRadius: Prop<PerCornerBorderRadius, false>;
-        hasBackdrop: Prop<boolean, true>;
-        widthPreset: Prop<ModalSize, true>;
-        loading: Prop<boolean, true>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        backgroundColor: Prop<string, true, undefined>;
+        border: Prop<PerSideBorder, false, undefined>;
+        borderRadius: Prop<PerCornerBorderRadius, false, undefined>;
+        hasBackdrop: Prop<boolean, true, undefined>;
+        widthPreset: Prop<ModalSize, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
     }>;
-    interaction: Section<Record<string, Prop<any, any>> & {
-        closeOnClickOutside: Prop<boolean, true>;
+    interaction: Section<Record<string, Prop<any, any, undefined>> & {
+        closeOnClickOutside: Prop<boolean, true, undefined>;
     }>;
-    events: Section<Record<string, Prop<any, any>> & {
-        onOpen: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
-        onClose: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onOpen: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+        onClose: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
-    meta: Section<Record<string, Prop<any, any>> & {
-        isOpen: Prop<boolean, true>;
+    meta: Section<Record<string, Prop<any, any, undefined>> & {
+        isOpen: Prop<boolean, true, undefined>;
     }>;
 };

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

@@ -1,19 +1,19 @@
 export declare const SbPage: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    contents: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        columns: import("../../properties-panel/props-builder.js").Prop<string[], false>;
+    contents: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        columns: 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>> & {
-        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>;
     }>;
-    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        loading: 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>> & {
-        onLoad: 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>> & {
+        onLoad: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
 }>>;

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

@@ -1,21 +1,21 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    contents: Section<Record<string, Prop<any, any>> & {
-        columns: Prop<string[], false>;
+    contents: Section<Record<string, Prop<any, any, undefined>> & {
+        columns: Prop<string[], false, undefined>;
     }>;
-    layout: Section<Record<string, Prop<any, any>> & {
-        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        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>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & {
+        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>;
     }>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        loading: Prop<boolean, true>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        loading: Prop<boolean, true, undefined>;
     }>;
-    events: Section<Record<string, Prop<any, any>> & {
-        onLoad: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onLoad: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
 };

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

@@ -1,24 +1,24 @@
 export declare const SbSection: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    contents: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        columns: import("../../properties-panel/props-builder.js").Prop<string[], false>;
+    contents: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        columns: 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>;
     } & {
-        sticky: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        sticky: import("../../properties-panel/props-builder.js").Prop<boolean, 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>> & {
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, 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, false, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
 }>>;

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

@@ -2,26 +2,26 @@ import { Dim } from "@superblocksteam/library-shared";
 import { Prop } from "../../properties-panel/props-builder.js";
 import { Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    contents: Section<Record<string, Prop<any, any>> & {
-        columns: Prop<string[], false>;
+    contents: Section<Record<string, Prop<any, any, undefined>> & {
+        columns: 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>;
     } & {
-        sticky: Prop<boolean, true>;
+        sticky: Prop<boolean, true, undefined>;
     } & {
-        isVisible: Prop<boolean, true>;
+        isVisible: Prop<boolean, true, undefined>;
     }>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        backgroundColor: Prop<string, true>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
-        loading: Prop<boolean, true>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        backgroundColor: Prop<string, true, undefined>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
+        loading: Prop<boolean, true, undefined>;
     }>;
 };

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

@@ -0,0 +1,10 @@
+import { Dim } from "@superblocksteam/library-shared";
+export declare const SlideoutSize: {
+    readonly xsmall: "xsmall";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly fullscreen: "fullscreen";
+};
+export type SlideoutSize = (typeof SlideoutSize)[keyof typeof SlideoutSize];
+export declare const SLIDEOUT_WIDTH_PRESETS: Record<SlideoutSize, Dim<"px" | "%">>;

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

@@ -1 +1,41 @@
-export {};
+import { Dim } from "@superblocksteam/library-shared";
+import type { ContainerLayout } from "../../component-base/constants.js";
+export declare const SbSlideout: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom", true, undefined>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true, undefined>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true, undefined>;
+    }))>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, 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, false, undefined>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, false, undefined>;
+        hasBackdrop: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        widthPreset: import("../../properties-panel/props-builder.js").Prop<import("./constants.js").SlideoutSize, 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, undefined>> & {
+        closeOnClickOutside: 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, undefined>> & {
+        onOpen: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+        onClose: 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, undefined>> & {
+        isOpen: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    }>;
+}>>;

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

@@ -1,23 +1,43 @@
-import { Section } from "../../properties-panel/props-builder.js";
+import { Dim } from "@superblocksteam/library-shared";
+import { Prop, Section } from "../../properties-panel/props-builder.js";
+import { SlideoutSize } from "./constants.js";
+import type { PerCornerBorderRadius } from "@superblocksteam/library-shared/types";
 export declare const propertiesDefinition: {
-    layout: Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        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>;
-    } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    layout: Section<Record<string, Prop<any, any, undefined>> & ((Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"vertical", true, undefined>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "verticalAlign" | "horizontalAlign"> & {
+        readonly verticalAlign: Prop<"center" | "top" | "bottom", true, undefined>;
+        readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
+        readonly layout: Prop<"horizontal", true, undefined>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true, undefined>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: Prop<number, true, undefined>;
+        readonly rowHeight: Prop<Dim<"px">, true, undefined>;
+        readonly layout: Prop<"freeform", true, undefined>;
+    }))>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        backgroundColor: Prop<string, true, undefined>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
+        borderRadius: Prop<PerCornerBorderRadius, false, undefined>;
+        hasBackdrop: Prop<boolean, true, undefined>;
+        widthPreset: Prop<SlideoutSize, true, undefined>;
+        loading: Prop<boolean, true, undefined>;
     }>;
-    appearance: Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+    interaction: Section<Record<string, Prop<any, any, undefined>> & {
+        closeOnClickOutside: Prop<boolean, true, undefined>;
+    }>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onOpen: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+        onClose: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    }>;
+    meta: Section<Record<string, Prop<any, any, undefined>> & {
+        isOpen: Prop<boolean, true, undefined>;
     }>;
 };

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

@@ -0,0 +1,31 @@
+import { Dim } from "@superblocksteam/library-shared";
+import React from "react";
+import { SlideoutSize } from "./constants.js";
+import type { ContainerLayout, VerticalAlignment, HorizontalAlignment } from "../../component-base/constants.js";
+import type { ComputeStyleProps } from "../../themes/generatedStyles/generate-component-styles.js";
+import type { SbElement, SbInstance } from "@superblocksteam/library-shared/types";
+import type { ReactNode } from "react";
+type Props = {
+    name?: string;
+    isOpen: boolean;
+    onClose: (e: any) => void;
+    children: ReactNode;
+    className?: string;
+    closeOnClickOutside: boolean;
+    hasBackdrop: boolean;
+    widthPreset?: SlideoutSize;
+    styleProps: ComputeStyleProps;
+    sourceId: SbElement;
+    instanceId: SbInstance;
+    isEditing: boolean;
+    layout: ContainerLayout;
+    horizontalAlign?: HorizontalAlignment;
+    verticalAlign?: VerticalAlignment;
+    spacing: Dim<"px">;
+    columns?: number;
+    rows?: number;
+    rowHeight?: Dim<"px">;
+    dropTargetRef?: React.RefObject<HTMLElement | null>;
+};
+declare const SlideoutComponent: (props: Props) => React.JSX.Element;
+export default SlideoutComponent;