@superblocksteam/library 2.0.6 → 2.0.7

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>> & {
-        label: Prop<string, true>;
-        defaultChecked: Prop<boolean, true>;
+    general: Section<Record<string, Prop<any, any, undefined>> & {
+        label: Prop<string, true, undefined>;
+        defaultChecked: Prop<boolean, true, undefined>;
     }>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        loading: 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>;
     }>;
-    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>;
+    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>;
     } & {
         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, true, undefined>;
     } & {
-        isVisible: Prop<boolean, true>;
+        isVisible: Prop<boolean, 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>;
+    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>;
     }>;
-    events: Section<Record<string, Prop<any, any>> & {
-        onCheckChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+    events: Section<Record<string, Prop<any, any, undefined>> & {
+        onCheckChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
     }>;
-    meta: Section<Record<string, Prop<any, any>> & {
-        isTouched: Prop<boolean, true>;
-        isChecked: Prop<boolean, true>;
+    meta: Section<Record<string, Prop<any, any, undefined>> & {
+        isTouched: Prop<boolean, true, undefined>;
+        isChecked: 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>;
+    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>;
     }>;
 };

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

@@ -7,32 +7,32 @@ import { Dim } from "@superblocksteam/library-shared";
  */
 export declare const getDefaultSectionChildren: () => never[];
 export declare const SbColumn: 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<import("../../component-base/constants.js").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<import("../../component-base/constants.js").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<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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>;
     }))) & {
-        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        shouldScrollContents: 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, false>;
-        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, false, 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/column/props.d.ts

@@ -1,32 +1,32 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Section } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    layout: Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    layout: Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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<import("../../component-base/constants.js").ContainerLayout, true>;
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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>;
     }))) & {
-        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        shouldScrollContents: 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: Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        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: Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false, 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/container/index.d.ts

@@ -17,35 +17,35 @@ type ContainerProps<T> = Omit<InternalPropsWithOptional<typeof propertiesDefinit
  */
 export declare const InternalContainer: <T extends ContainerLayout>(props: ContainerProps<T>) => import("react").JSX.Element;
 export declare const SbContainer: 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>;
     }))) & {
-        shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        shouldScrollContents: 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>> & {
-        variant: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerVariant, 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>;
-        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("../../component-base/constants.js").ContainerVariant, 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>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
 }>>;
 export {};

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

@@ -10,34 +10,34 @@ import type { ContainerVariant } from "../../component-base/constants.js";
  * - use default func once supported for composite props, apply it to padding, border, borderRadius, and backgroundColor. Otherwise, prop panel control will not show the correct value
  */
 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<Dim<"px">, true>;
-        readonly layout: Prop<"freeform", true>;
+        readonly columns: Prop<number, true, undefined>;
+        readonly rowHeight: Prop<Dim<"px">, true, undefined>;
+        readonly layout: Prop<"freeform", true, undefined>;
     }))) & {
-        shouldScrollContents: Prop<boolean, true>;
+        shouldScrollContents: Prop<boolean, true, undefined>;
     }) & {
-        isVisible: Prop<boolean, true>;
+        isVisible: Prop<boolean, true, undefined>;
     }>;
-    appearance: Section<Record<string, Prop<any, any>> & {
-        variant: Prop<ContainerVariant, true>;
-        backgroundColor: Prop<string, true>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
-        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
-        loading: Prop<boolean, true>;
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        variant: Prop<ContainerVariant, 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>;
+        loading: Prop<boolean, true, undefined>;
     }>;
 };

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

@@ -2,29 +2,32 @@ import { Section } from "../../properties-panel/props-builder.js";
 import type { Prop, InternalProps } from "../../properties-panel/props-builder.js";
 import type { SbEventFlow } from "../../sb-event-flow.js";
 import type { ReactNode } from "react";
-declare const layoutPropDef: {
-    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>;
+declare const defaultSections: {
+    appearance: Section<Record<string, Prop<any, any, undefined>> & {
+        loading: Prop<boolean, true, undefined>;
+    }>;
+    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>;
     } & {
         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, true, undefined>;
     } & {
-        isVisible: Prop<boolean, true>;
+        isVisible: Prop<boolean, true, undefined>;
     }>;
 };
 type WrappedEventProps<IP extends InternalProps<any>> = {
     [K in keyof IP]: IP[K] extends SbEventFlow | undefined ? () => Promise<void> : IP[K];
 };
-type SectionProps<PD extends Record<string, Prop<any>>> = Record<string, Section<PD>> & typeof layoutPropDef;
+type SectionProps<PD extends Record<string, Prop<any>>> = Record<string, Section<PD>> & typeof defaultSections;
 export type CustomComponentProps<PD extends Record<string, Prop<any>>, SP extends SectionProps<PD> = SectionProps<PD>, IP extends InternalProps<SP> = InternalProps<SP>> = WrappedEventProps<IP>;
 export declare function registerComponent<PD extends Record<string, Prop<any>>>(name: string, propertiesDefinition: PD, component: React.FC<CustomComponentProps<PD>>): import("react").FC<any>;
 export declare function isCustomComponent(child: ReactNode): boolean;

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

@@ -1,72 +1,72 @@
 import React from "react";
 export declare const SbDatePicker: 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>;
-        defaultDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        dateFormat: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, 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>;
+        defaultDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        dateFormat: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        displayDateFormat: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
     } & (Omit<{
-        manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }, "manageTimezone" | "displayTimezone" | "valueTimezone"> & ({
-        manageTimezone: import("../../properties-panel/props-builder.js").Prop<true, true>;
-        valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<true, true, undefined>;
+        valueTimezone: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        displayTimezone: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
     } | {
-        manageTimezone: import("../../properties-panel/props-builder.js").Prop<false, true>;
+        manageTimezone: import("../../properties-panel/props-builder.js").Prop<false, true, undefined>;
         valueTimezone?: undefined;
         displayTimezone?: undefined;
     })))) & {
-        use24HourTime: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        use24HourTime: 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>> & {
-        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>;
     } & {
-        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false>;
-        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;
-        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false, 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;
+        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>> & {
-        labelPosition: import("../../properties-panel/props-builder.js").Prop<"top" | "left", true>;
-        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        icon: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        placeholder: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        textStyle: 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>> & {
+        labelPosition: import("../../properties-panel/props-builder.js").Prop<"top" | "left", true, undefined>;
+        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        placeholder: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        textStyle: 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>;
     }>;
-    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, true>;
-        minDate: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        maxDate: import("../../properties-panel/props-builder.js").Prop<string, 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, true, undefined>;
+        minDate: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        maxDate: import("../../properties-panel/props-builder.js").Prop<string, 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>> & {
-        onDateSelected: 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>> & {
+        onDateSelected: 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>> & {
-        selectedDate: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        isTouched: 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>> & {
+        selectedDate: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        isTouched: 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<string, true>;
-        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true>;
-        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
-        outputDateLocal: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        outputDateUtc: import("../../properties-panel/props-builder.js").Prop<string, 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<string, true, undefined>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        outputDateLocal: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        outputDateUtc: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
     }>;
 }>>;