@superblocksteam/library 2.0.6-next.89 → 2.0.6-next.9

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

@@ -1,77 +1,77 @@
 import React from "react";
 import type { OptionValue } from "./types.js";
 export declare const SbDropdown: React.FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        options: import("../../properties-panel/props-builder.js").Prop<import("./types.js").UnknownOption[], false, undefined>;
-        defaultOptionValue: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        label: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        options: import("../../properties-panel/props-builder.js").Prop<import("./types.js").UnknownOption[], false>;
+        defaultOptionValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
         transformation: import("../../properties-panel/props-builder.js").Prop<{
             value: string;
             label: string;
             icon?: string;
-        }, false, undefined>;
+        }, false>;
     }>;
-    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, false, 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>;
+    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, false>;
+        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>;
     }>;
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
     } & {
-        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>;
+        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>;
     } & {
         margin: import("../../properties-panel/props-builder.js").Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        multiselect: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        allowSelectAll: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        allowClearing: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        clientSideFiltering: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        multiselect: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        allowSelectAll: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        allowClearing: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        clientSideFiltering: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
     }>;
-    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        onOptionChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onSearchTextChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onClear: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        onOptionChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onSearchTextChange: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onClear: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
-    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        metaSelectedOptionValue: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
-        metaSelectedOptionValueArr: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
-        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        searchText: import("../../properties-panel/props-builder.js").Prop<any, false, undefined>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        metaSelectedOptionValue: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        metaSelectedOptionValueArr: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        searchText: import("../../properties-panel/props-builder.js").Prop<any, false>;
     }>;
-    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<any, true, undefined>;
-        defaultTransformation: import("../../properties-panel/props-builder.js").Prop<import("./types.js").DropdownOptionsTransformation, true, undefined>;
-        transformedOptions: import("../../properties-panel/props-builder.js").Prop<import("./types.js").TransformedDropdownOption[], true, undefined>;
-        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true, undefined>;
-        selectedOptionValue: import("../../properties-panel/props-builder.js").Prop<OptionValue, true, undefined>;
-        selectedOptionValues: import("../../properties-panel/props-builder.js").Prop<OptionValue[], true, undefined>;
-        selectedOption: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ExternalDropdownOption, true, undefined>;
-        selectedOptionArr: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ExternalDropdownOption[], true, undefined>;
-        selectedIndex: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
-        selectedIndexArr: import("../../properties-panel/props-builder.js").Prop<number[], true, undefined>;
-        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        value: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        defaultTransformation: import("../../properties-panel/props-builder.js").Prop<import("./types.js").DropdownOptionsTransformation, true>;
+        transformedOptions: import("../../properties-panel/props-builder.js").Prop<import("./types.js").TransformedDropdownOption[], true>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true>;
+        selectedOptionValue: import("../../properties-panel/props-builder.js").Prop<OptionValue, true>;
+        selectedOptionValues: import("../../properties-panel/props-builder.js").Prop<OptionValue[], true>;
+        selectedOption: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ExternalDropdownOption, true>;
+        selectedOptionArr: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ExternalDropdownOption[], true>;
+        selectedIndex: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        selectedIndexArr: import("../../properties-panel/props-builder.js").Prop<number[], true>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
 }>>;

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

@@ -2,78 +2,78 @@ import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { DropdownOptionsTransformation, ExternalDropdownOption, OptionValue, TransformedDropdownOption, UnknownOption } from "./types.js";
 import type { InternalProps } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        label: Prop<string, true, undefined>;
-        options: Prop<UnknownOption[], false, undefined>;
-        defaultOptionValue: Prop<string, false, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        label: Prop<string, true>;
+        options: Prop<UnknownOption[], false>;
+        defaultOptionValue: Prop<string, false>;
         transformation: Prop<{
             value: string;
             label: string;
             icon?: string;
-        }, false, undefined>;
+        }, false>;
     }>;
-    appearance: Section<Record<string, Prop<any, any, undefined>> & {
-        labelPosition: Prop<"top" | "left", true, undefined>;
-        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        icon: Prop<string, false, undefined>;
-        placeholder: Prop<string, true, undefined>;
-        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        loading: Prop<boolean, true, undefined>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        labelPosition: Prop<"top" | "left", true>;
+        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        icon: Prop<string, false>;
+        placeholder: Prop<string, true>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        loading: Prop<boolean, true>;
     }>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
     } & {
-        width: Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false, 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;
-        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        width: Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false>;
+        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;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, true>;
     }>;
-    interaction: Section<Record<string, Prop<any, any, undefined>> & {
-        customValidationRule: Prop<string, true, undefined>;
-        customErrorMessage: Prop<string, true, undefined>;
-        multiselect: Prop<boolean, true, undefined>;
-        allowSelectAll: Prop<boolean, true, undefined>;
-        allowClearing: Prop<boolean, true, undefined>;
-        clientSideFiltering: Prop<boolean, true, undefined>;
-        isRequired: Prop<boolean, true, undefined>;
-        isDisabled: Prop<boolean, true, undefined>;
-        errorMessagePlacement: Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
+    interaction: Section<Record<string, Prop<any, any>> & {
+        customValidationRule: Prop<string, true>;
+        customErrorMessage: Prop<string, true>;
+        multiselect: Prop<boolean, true>;
+        allowSelectAll: Prop<boolean, true>;
+        allowClearing: Prop<boolean, true>;
+        clientSideFiltering: Prop<boolean, true>;
+        isRequired: Prop<boolean, true>;
+        isDisabled: Prop<boolean, true>;
+        errorMessagePlacement: Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
     }>;
-    events: Section<Record<string, Prop<any, any, undefined>> & {
-        onOptionChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onSearchTextChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onClear: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onOptionChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onSearchTextChange: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onClear: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
-    meta: Section<Record<string, Prop<any, any, undefined>> & {
-        metaSelectedOptionValue: Prop<any, true, undefined>;
-        metaSelectedOptionValueArr: Prop<any, true, undefined>;
-        isTouched: Prop<boolean, true, undefined>;
-        searchText: Prop<any, false, undefined>;
+    meta: Section<Record<string, Prop<any, any>> & {
+        metaSelectedOptionValue: Prop<any, true>;
+        metaSelectedOptionValueArr: Prop<any, true>;
+        isTouched: Prop<boolean, true>;
+        searchText: Prop<any, false>;
     }>;
-    derived: Section<Record<string, Prop<any, any, undefined>> & {
-        value: Prop<any, true, undefined>;
-        defaultTransformation: Prop<DropdownOptionsTransformation, true, undefined>;
-        transformedOptions: Prop<TransformedDropdownOption[], true, undefined>;
-        validationErrors: Prop<any, true, undefined>;
-        selectedOptionValue: Prop<OptionValue, true, undefined>;
-        selectedOptionValues: Prop<OptionValue[], true, undefined>;
-        selectedOption: Prop<ExternalDropdownOption, true, undefined>;
-        selectedOptionArr: Prop<ExternalDropdownOption[], true, undefined>;
-        selectedIndex: Prop<number, true, undefined>;
-        selectedIndexArr: Prop<number[], true, undefined>;
-        isValid: Prop<boolean, true, undefined>;
-        showError: Prop<boolean, true, undefined>;
+    derived: Section<Record<string, Prop<any, any>> & {
+        value: Prop<any, true>;
+        defaultTransformation: Prop<DropdownOptionsTransformation, true>;
+        transformedOptions: Prop<TransformedDropdownOption[], true>;
+        validationErrors: Prop<any, true>;
+        selectedOptionValue: Prop<OptionValue, true>;
+        selectedOptionValues: Prop<OptionValue[], true>;
+        selectedOption: Prop<ExternalDropdownOption, true>;
+        selectedOptionArr: Prop<ExternalDropdownOption[], true>;
+        selectedIndex: Prop<number, true>;
+        selectedIndexArr: Prop<number[], true>;
+        isValid: Prop<boolean, true>;
+        showError: Prop<boolean, true>;
     }>;
 };
 export type DropdownProps = InternalProps<typeof propertiesDefinition>;

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

@@ -13,27 +13,27 @@ export type GridChild = {
     sbType?: string;
 };
 declare const _propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        spacing: Prop<Dim<"px">, true, undefined>;
-        columns: Prop<number, false, undefined>;
-        rowHeight: Prop<Dim<"px">, false, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        spacing: Prop<Dim<"px">, true>;
+        columns: Prop<number, false>;
+        rowHeight: Prop<Dim<"px">, false>;
     }>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        maxHeight?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        minHeight?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        maxWidth?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        minWidth?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        width: Prop<Dim<DimModes>, false, undefined>;
-        height: Prop<Dim<DimModes>, false, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        maxHeight?: Prop<Dim<DimModes>, false> | undefined;
+        minHeight?: Prop<Dim<DimModes>, false> | undefined;
+        maxWidth?: Prop<Dim<DimModes>, false> | undefined;
+        minWidth?: Prop<Dim<DimModes>, false> | undefined;
+        width: Prop<Dim<DimModes>, false>;
+        height: Prop<Dim<DimModes>, false>;
     } & {
         margin: Prop<{
             top: Dim<"px">;
             bottom: Dim<"px">;
             left: Dim<"px">;
             right: Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, true>;
     }>;
 };
 export type GridProps = InternalProps<typeof _propertiesDefinition>;

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

@@ -1,24 +1,26 @@
 export declare const SbIcon: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        icon: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        icon: import("../../properties-panel/props-builder.js").Prop<string, true>;
     }>;
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        size: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, true, undefined>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        size: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, true>;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, true>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, true>;
     } & {
         margin: import("../../properties-panel/props-builder.js").Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        color: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        color: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
 }>>;

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

@@ -1,26 +1,28 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        icon: Prop<string, true, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        icon: Prop<string, true>;
     }>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        size: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, true, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        size: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, true>;
+        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, true>;
+        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, true>;
     } & {
         margin: Prop<{
             top: Dim<"px">;
             bottom: Dim<"px">;
             left: Dim<"px">;
             right: Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, true>;
     }>;
-    appearance: Section<Record<string, Prop<any, any, undefined>> & {
-        color: Prop<string, false, undefined>;
-        loading: Prop<boolean, true, undefined>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        color: Prop<string, false>;
+        loading: Prop<boolean, true>;
     }>;
-    events: Section<Record<string, Prop<any, any, undefined>> & {
-        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
 };

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

@@ -1,33 +1,33 @@
 export declare const SbImage: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        src: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    general: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        src: import("../../properties-panel/props-builder.js").Prop<string, false>;
     }>;
-    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>;
-        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
-        fillContainer: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        align: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ImageAlign, true, undefined>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        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>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        fillContainer: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        align: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ImageAlign, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
-        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: import("../../properties-panel/props-builder.js").Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        onClick: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
 }>>;

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

@@ -4,40 +4,40 @@ import { Prop } from "../../properties-panel/props-builder.js";
 import type { DimModes } from "@superblocksteam/library-shared";
 export type ImageAlign = "left" | "center" | "right";
 export declare const borderDef: () => import("../../properties-panel/props-builder.js").CompositeProp<{
-    color: Prop<string, false, undefined>;
-    width: Prop<Dim<DimModes>, false, undefined>;
-    style: Prop<string, false, undefined>;
+    color: Prop<string, false>;
+    width: Prop<Dim<DimModes>, false>;
+    style: Prop<string, false>;
 }>;
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        src: Prop<string, false, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        src: Prop<string, false>;
     }>;
-    appearance: Section<Record<string, Prop<any, any, undefined>> & {
-        backgroundColor: Prop<string, false, undefined>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
-        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
-        fillContainer: Prop<boolean, true, undefined>;
-        align: Prop<ImageAlign, true, undefined>;
-        loading: Prop<boolean, true, undefined>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        backgroundColor: Prop<string, false>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
+        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        fillContainer: Prop<boolean, true>;
+        align: Prop<ImageAlign, true>;
+        loading: Prop<boolean, true>;
     }>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        maxHeight?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        minHeight?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        maxWidth?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        minWidth?: Prop<Dim<DimModes>, false, undefined> | undefined;
-        width: Prop<Dim<DimModes>, false, undefined>;
-        height: Prop<Dim<DimModes>, false, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        maxHeight?: Prop<Dim<DimModes>, false> | undefined;
+        minHeight?: Prop<Dim<DimModes>, false> | undefined;
+        maxWidth?: Prop<Dim<DimModes>, false> | undefined;
+        minWidth?: Prop<Dim<DimModes>, false> | undefined;
+        width: Prop<Dim<DimModes>, false>;
+        height: Prop<Dim<DimModes>, false>;
     } & {
         margin: Prop<{
             top: Dim<"px">;
             bottom: Dim<"px">;
             left: Dim<"px">;
             right: Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, true>;
     }>;
-    events: Section<Record<string, Prop<any, any, undefined>> & {
-        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onClick: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
 };