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

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

@@ -19,11 +19,11 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         twentyFourHourTime: 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>> & {
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<"px" | "fill" | "%" | "rows" | "columns">, 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;
-        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<unknown, true>;

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

@@ -21,11 +21,11 @@ export declare const propertiesDefinition: {
         twentyFourHourTime: Prop<boolean, true>;
     }>;
     layout: Section<Record<string, Prop<any, any>> & {
+        width: Prop<import("@superblocksteam/library-shared").Dim<"px" | "fill" | "%" | "rows" | "columns">, 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;
-        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
         height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: Prop<unknown, true>;

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

@@ -11,7 +11,7 @@ export declare function normalizeDateFormat(dateFormat: string): string;
  * Parses a date string according to the given format, removes timezone information,
  * and returns the date in NO_TZ format.
  *
- * @param {string} value - The date string to parse.
+ * @param {string} dateString - The date string to parse.
  * @param {string} format - The format of the input date string.
  * @returns {string} - The formatted date string in "MM/DD/YYYY HH:mm:ss" format.
  */

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

@@ -22,11 +22,11 @@ export declare const SbDropdown: React.FC<import("../../properties-panel/props-b
     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<"px" | "fill" | "%" | "rows" | "columns">, 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;
-        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<unknown, true>;
@@ -36,7 +36,7 @@ export declare const SbDropdown: React.FC<import("../../properties-panel/props-b
     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>;
-        isMultiple: import("../../properties-panel/props-builder.js").Prop<boolean, 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>;

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

@@ -24,11 +24,11 @@ export declare const propertiesDefinition: {
     layout: Section<Record<string, Prop<any, any>> & {
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
     } & {
+        width: Prop<import("@superblocksteam/library-shared").Dim<"px" | "fill" | "%" | "rows" | "columns">, 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;
-        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
         height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: Prop<unknown, true>;
@@ -38,7 +38,7 @@ export declare const propertiesDefinition: {
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;
         customErrorMessage: Prop<string, true>;
-        isMultiple: Prop<boolean, true>;
+        multiselect: Prop<boolean, true>;
         allowSelectAll: Prop<boolean, true>;
         allowClearing: Prop<boolean, true>;
         clientSideFiltering: Prop<boolean, true>;

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

@@ -57,7 +57,7 @@ export interface DropdownComponentState {
 }
 export interface BaseProps {
     defaultOptionValue?: string | string[];
-    isMultiple?: boolean;
+    multiselect?: boolean;
     isRequired?: boolean;
     clientSideFiltering?: boolean;
     isVertical?: boolean;

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

@@ -2,6 +2,7 @@ import { Dim } from "@superblocksteam/library-shared";
 import React from "react";
 import { Prop, Section } from "../../properties-panel/props-builder.js";
 import type { InternalProps } from "../../properties-panel/props-builder.js";
+import type { DimModes } from "@superblocksteam/library-shared";
 export type GridChild = React.ReactElement<{
     name: string;
     marginTop?: Dim<"rows">;
@@ -14,16 +15,15 @@ declare const _propertiesDefinition: {
     general: Section<Record<string, Prop<any, any>> & {
         spacing: Prop<Dim<"px">, true>;
         columns: Prop<number, false>;
-        rows: Prop<number, false>;
-        rowSize: Prop<number, false>;
+        rowHeight: Prop<Dim<"px">, false>;
     }>;
     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>;
+        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<unknown, true>;
     } & {

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

@@ -4,7 +4,7 @@ export declare const SbImage: import("react").FC<import("../../properties-panel/
     }>;
     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, 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, true>;
         fillContainer: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         align: import("../../properties-panel/props-builder.js").Prop<import("./props.js").ImageAlign, true>;

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

@@ -14,7 +14,7 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        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>;

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

@@ -33,26 +33,20 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
     } & {
         loadingAnimation: 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>> & {
+    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<"px" | "fill" | "%" | "rows" | "columns">, 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;
-        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<unknown, true>;
-    } & (Omit<{
-        labelPosition: import("../../properties-panel/props-builder.js").Prop<"left" | "top", false>;
-    }, "labelPosition" | "labelWidth"> & ({
-        labelPosition: import("../../properties-panel/props-builder.js").Prop<"left", true>;
+    } & {
         labelWidth: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim, true>;
-    } | {
-        labelPosition: import("../../properties-panel/props-builder.js").Prop<"top", true>;
-        labelWidth?: 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>> & Omit<{
@@ -60,8 +54,8 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
     }, "inputType" | "minimumFractionDigits" | "maximumFractionDigits" | "stepper" | "stepSize"> & {
         stepper: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         stepSize: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
         inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & Omit<{
         inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;
@@ -88,7 +82,7 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
     }>;
     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>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/utils/input-validation.js").ValidationErrors, 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/input/props.d.ts

@@ -1,5 +1,6 @@
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { CurrencyCodeDisplayType } from "./types.js";
+import type { ValidationErrors } from "../../component-base/utils/input-validation.js";
 import type { IconPosition } from "../../icons/constants.js";
 export declare const propertiesDefinition: {
     general: Section<(Record<string, Prop<any, any>> & ({
@@ -36,26 +37,20 @@ export declare const propertiesDefinition: {
     } & {
         loadingAnimation: Prop<boolean, true>;
     }>;
-    layout: Section<(Record<string, Prop<any, any>> & {
+    layout: Section<Record<string, Prop<any, any>> & {
         padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
-    } & ({
+    } & {
+        width: Prop<import("@superblocksteam/library-shared").Dim<"px" | "fill" | "%" | "rows" | "columns">, 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;
-        width: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
         height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    } & ({
+    } & {
         margin: Prop<unknown, true>;
-    } & (Omit<{
-        labelPosition: Prop<"left" | "top", false>;
-    }, "labelPosition" | "labelWidth"> & ({
-        labelPosition: Prop<"left", true>;
+    } & {
         labelWidth: Prop<import("@superblocksteam/library-shared").Dim, true>;
-    } | {
-        labelPosition: Prop<"top", true>;
-        labelWidth?: undefined;
-    }))))) & {
+    } & {
         isVisible: Prop<boolean, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & Omit<{
@@ -63,8 +58,8 @@ export declare const propertiesDefinition: {
     }, "inputType" | "minimumFractionDigits" | "maximumFractionDigits" | "stepper" | "stepSize"> & {
         stepper: Prop<boolean, true>;
         stepSize: Prop<number, true>;
-        minimumFractionDigits: Prop<number, true>;
-        maximumFractionDigits: Prop<number, true>;
+        minimumFractionDigits: Prop<number, false>;
+        maximumFractionDigits: Prop<number, false>;
         inputType: Prop<string, true>;
     } & Omit<{
         inputType: Prop<string, false>;
@@ -91,7 +86,7 @@ export declare const propertiesDefinition: {
     }>;
     derived: Section<Record<string, Prop<any, any>> & {
         value: Prop<string, true>;
-        validationErrors: Prop<any, true>;
+        validationErrors: Prop<ValidationErrors, true>;
         isValid: Prop<boolean, true>;
         showError: Prop<boolean, true>;
     }>;

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

@@ -5,14 +5,7 @@ import type { ContainerLayout } from "../../component-base/constants.js";
  * - 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" | "rows" | "columns" | "rowSize"> & {
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
-        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
-        readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
-        readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
-    }) | (Omit<{
+    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" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -24,11 +17,13 @@ export declare const SbModal: import("react").FC<import("../../properties-panel/
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", 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>;
-    }))) & {
-        spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
-    }) & {
-        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
-    }>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
+    }, "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>;
+    }))>;
     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>;

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

@@ -28,7 +28,7 @@ type ModalComponentProps = {
     spacing: Dim<"px">;
     columns?: number;
     rows?: number;
-    rowSize?: number;
+    rowHeight?: Dim<"px">;
     dropTargetRef?: React.RefObject<HTMLElement | null>;
 };
 /** the modal is open/close by setting isOpen to true/false

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

@@ -2,14 +2,7 @@ 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" | "rows" | "columns" | "rowSize"> & {
-        readonly layout: Prop<"freeform", true>;
-        readonly columns: Prop<number, true>;
-        readonly rows: Prop<number, false>;
-        readonly rowSize: Prop<number, false>;
-    }) | (Omit<{
+    layout: Section<Record<string, Prop<any, any>> & ((Omit<{
         layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -21,11 +14,13 @@ export declare const propertiesDefinition: {
         readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
         readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
         readonly layout: Prop<"horizontal", true>;
-    }))) & {
-        spacing: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;
-    }) & {
-        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
-    }>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: Prop<number, true>;
+        readonly rowHeight: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;
+        readonly layout: Prop<"freeform", true>;
+    }))>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
         border: Prop<PerSideBorder, false>;

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

@@ -0,0 +1,7 @@
+import type { InputNumberProps } from "antd";
+export interface PixelInputProps extends InputNumberProps<number> {
+    showResetToDefault?: boolean;
+    dataTest?: string;
+    unit?: string;
+}
+export declare const PixelInput: (props: PixelInputProps) => import("react").JSX.Element;

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

@@ -17,7 +17,7 @@ export declare const SbSection: import("react").FC<import("../../properties-pane
         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>> & {
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, 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, false>;
     }>;
 }>>;

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

@@ -20,7 +20,7 @@ export declare const propertiesDefinition: {
         isVisible: Prop<boolean, true>;
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
-        backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        backgroundColor: Prop<string, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 };

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

@@ -21,7 +21,7 @@ declare const _propertiesDefinitionVStack: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
 };
@@ -43,7 +43,7 @@ declare const _propertiesDefinitionHStack: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         backgroundColor: Prop<string, false>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
     }>;
 };

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

@@ -35,7 +35,7 @@ export declare const SbSwitch: import("react").FC<import("../../properties-panel
         isChecked: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
-        value: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isToggledOn: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         validationErrors: import("../../properties-panel/props-builder.js").Prop<any, true>;
         isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         showError: import("../../properties-panel/props-builder.js").Prop<boolean, true>;

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

@@ -36,7 +36,7 @@ export declare const propertiesDefinition: {
         isChecked: Prop<boolean, true>;
     }>;
     derived: Section<Record<string, Prop<any, any>> & {
-        value: Prop<boolean, true>;
+        isToggledOn: Prop<boolean, true>;
         validationErrors: Prop<any, true>;
         isValid: Prop<boolean, true>;
         showError: Prop<boolean, true>;