@superblocksteam/library 2.0.0-next.10 → 2.0.0-next.100

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

@@ -1,5 +1,4 @@
 import { Dim } from "@superblocksteam/library-shared";
-import type { DimModes } from "@superblocksteam/library-shared";
 /**
  * TODO:
  * - disable setting height related props in prop panel and code
@@ -8,14 +7,7 @@ import type { DimModes } 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" | "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<import("../../component-base/constants.js").ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -27,24 +19,19 @@ export declare const SbColumn: 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>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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>;
     }))) & {
-        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>;
-    }) & {
-        maxHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
-        width: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
-        height: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
-    }) & {
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         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>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 }>>;

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

@@ -1,14 +1,7 @@
 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" | "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: 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" | "verticalAlign" | "horizontalAlign"> & {
         readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -20,24 +13,19 @@ export declare const propertiesDefinition: {
         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>;
+    }) | (Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").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>;
     }))) & {
-        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>;
-    }) & {
-        maxHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
-        width: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    }) & {
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
     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, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
     }>;
 };

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

@@ -2,8 +2,10 @@ import { Dim } from "@superblocksteam/library-shared";
 import { propertiesDefinition } from "./props.js";
 import type { ContainerLayout } from "../../component-base/constants.js";
 import type { InternalPropsWithOptional } from "../../properties-panel/props-builder.js";
-type OptionalProps = "margin" | "padding" | "spacing" | "backgroundColor" | "border" | "borderRadius";
-type ContainerProps = InternalPropsWithOptional<typeof propertiesDefinition, OptionalProps>;
+type OptionalProps = "backgroundColor" | "border" | "borderRadius";
+type ContainerProps<T> = Omit<InternalPropsWithOptional<typeof propertiesDefinition, OptionalProps>, "layout"> & {
+    layout: T;
+};
 /**
  * TODO:
  * - interaciton rect of children will show outside of container if overflow
@@ -13,16 +15,9 @@ type ContainerProps = InternalPropsWithOptional<typeof propertiesDefinition, Opt
  * - border style are showing some control default value even actually undefined. styles are coming from container classes but ideally we should set them as default props?
  * - move more props to inner layout component
  */
-export declare const InternalContainer: (props: ContainerProps) => import("react").JSX.Element;
+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" | "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>;
@@ -34,20 +29,13 @@ export declare const SbContainer: import("react").FC<import("../../properties-pa
         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>;
+    }) | (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>;
     }))) & {
-        spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
-    }) & {
-        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Padding, true>;
-    }) & {
-        width: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    }) & {
-        margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
-    }) & {
         shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }) & {
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;

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

@@ -1,7 +1,6 @@
 import { Dim } from "@superblocksteam/library-shared";
 import { Section, Prop } from "../../properties-panel/props-builder.js";
 import type { ContainerVariant } from "../../component-base/constants.js";
-import type { Padding } from "@superblocksteam/library-shared/types";
 /**
  * TODO:
  * - make default and options dynamic for distribution and alignment
@@ -11,14 +10,7 @@ import type { Padding } from "@superblocksteam/library-shared/types";
  * - 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" | "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>;
@@ -30,20 +22,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>;
+    }) | (Omit<{
+        layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
+    }, "layout" | "columns" | "rowHeight"> & {
+        readonly columns: Prop<number, true>;
+        readonly rowHeight: Prop<Dim<"px">, true>;
+        readonly layout: Prop<"freeform", true>;
     }))) & {
-        spacing: Prop<Dim<"px">, true>;
-    }) & {
-        padding: Prop<Padding, true>;
-    }) & {
-        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        minHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-        maxHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
-    }) & {
-        margin: Prop<unknown, true>;
-    }) & {
         shouldScrollContents: Prop<boolean, true>;
     }) & {
         isVisible: Prop<boolean, true>;

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

@@ -10,14 +10,14 @@ declare class DatePickerComponent extends React.Component<DatePickerComponentPro
     componentDidMount(): void;
     componentDidUpdate(prevProps: DatePickerComponentProps): void;
     getValidDate: (date: string, format: string) => Date | undefined;
-    getNormalizedDateFormat: () => string;
-    getNormalizedDisplayDateFormat: () => string | undefined;
+    get normalizedDateFormat(): string;
+    get normalizedDisplayDateFormat(): string | undefined;
     get valueTimezone(): string;
     get displayTimezone(): string;
     shouldWrapTime: () => boolean;
     handleInteraction: (openState: boolean) => void;
     getInitialMonth: (currentValue: string | undefined | null, minDate: Date | undefined, maxDate: Date | undefined) => Date | undefined;
-    getCurrentValue: () => string | null;
+    get currentValue(): string | null;
     render(): React.JSX.Element;
     getPopoverFooter: () => React.JSX.Element;
     formatDisplayDate: (date: Date) => string;

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

@@ -19,11 +19,13 @@ 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>> & {
+        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>;
@@ -34,6 +36,8 @@ export declare const SbDatePicker: React.FC<import("../../properties-panel/props
         labelPosition: import("../../properties-panel/props-builder.js").Prop<"left" | "top", 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>;
     }>;
     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>;

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

@@ -21,11 +21,13 @@ export declare const propertiesDefinition: {
         twentyFourHourTime: Prop<boolean, true>;
     }>;
     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>;
@@ -36,6 +38,8 @@ export declare const propertiesDefinition: {
         labelPosition: Prop<"left" | "top", true>;
         labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         icon: Prop<string, true>;
+        placeholder: Prop<string, true>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
     }>;
     interaction: Section<Record<string, Prop<any, any>> & {
         customValidationRule: Prop<string, true>;

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

@@ -1,6 +1,7 @@
 import type { DatePickerType } from "./constants.js";
 import type { Dim } from "@superblocksteam/library-shared";
 import type { ErrorMessagePlacement, WidgetLabelPosition } from "@superblocksteam/library-shared/props";
+import type { Spacing } from "@superblocksteam/library-shared/types";
 export interface DatePickerComponentProps {
     dateFormat: string | undefined;
     enableTimePicker?: boolean;
@@ -22,6 +23,8 @@ export interface DatePickerComponentProps {
     forceOpen?: boolean;
     icon?: string;
     iconSize?: number;
+    placeholder?: string;
+    inputPadding?: Spacing;
     inputClassName?: string;
     inputStyleOverride?: React.CSSProperties;
     inputLineHeightPx?: number;

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/dropdown-component.d.ts

@@ -62,7 +62,7 @@ export interface BaseDropDownComponentProps extends ComponentBaseProps {
     inputClassName?: string;
     inputStyleOverride?: React.CSSProperties;
     inputLineHeightPx?: number;
-    inputPadding?: Padding;
+    inputPadding: Padding;
     parentId?: string;
     options: DropdownOption[];
     isLoading: boolean;

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

@@ -1,7 +1,6 @@
 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";
-import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
 export declare const propertiesDefinition: {
     general: Section<Record<string, Prop<any, any>> & {
         label: Prop<string, true>;
@@ -15,20 +14,20 @@ export declare const propertiesDefinition: {
     }>;
     appearance: Section<Record<string, Prop<any, any>> & {
         labelPosition: Prop<"left" | "top", true>;
-        labelStyle: Prop<TextStyleWithVariant, true>;
+        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         icon: Prop<string, false>;
         placeholder: Prop<string, true>;
-        textStyle: Prop<TextStyleWithVariant, true>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         loadingAnimation: Prop<boolean, false>;
     }>;
     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 +37,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/derived-properties.d.ts

@@ -1,4 +1,4 @@
 import type { InputWidgetProps } from "./types.js";
-export declare function getValue(this: InputWidgetProps): string | number | null | undefined;
+export declare function getValue(this: InputWidgetProps): string | number | null;
 export declare function getShowError(this: InputWidgetProps): boolean;
 export declare function getIsValid(this: InputWidgetProps): boolean;

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

@@ -3,14 +3,14 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
         label: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & (Omit<{
         inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
-    }, "inputType" | "currency" | "numberFormatting" | "currencyCodeDisplay"> & ({
+    }, "inputType" | "currency" | "numberFormat" | "currencyCodeDisplay"> & ({
         inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        numberFormatting: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
         currency?: undefined;
         currencyCodeDisplay?: undefined;
     } | {
         inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
-        numberFormatting: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
         currency: import("../../properties-panel/props-builder.js").Prop<string, true>;
         currencyCodeDisplay: import("../../properties-panel/props-builder.js").Prop<import("./types.js").CurrencyCodeDisplayType, true>;
     })))) & {
@@ -33,35 +33,29 @@ 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<{
         inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;
-    }, "inputType" | "minimumFractionDigits" | "maximumFractionDigits" | "stepper" | "stepSize"> & {
+    }, "inputType" | "stepper" | "stepSize" | "minDecimals" | "maxDecimals"> & {
         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>;
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maxDecimals: 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>;
@@ -71,7 +65,7 @@ export declare const SbInput: import("react").FC<import("../../properties-panel/
         inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & {
         errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
-        customValidationRule: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        customValidationRule: import("../../properties-panel/props-builder.js").Prop<any, false>;
         customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true>;
         isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
         isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
@@ -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>;
     }>;