@developer_tribe/react-builder 0.1.32 → 1.0.2

package/dist/DeviceMockFrame.d.ts

@@ -1,22 +1,7 @@
 import React from 'react';
-import { Device } from './types/Device';
 type DeviceMockFrameProps = {
-    width: number;
-    height: number;
-    isRtl: boolean;
-    screenStyle: {
-        light: {
-            backgroundColor: string;
-            color: string;
-        };
-        dark: {
-            backgroundColor: string;
-            color: string;
-        };
-    };
-    theme: 'dark' | 'light';
     children: React.ReactNode;
-    device: Device;
+    appName?: string;
 };
-export declare function DeviceMockFrame({ width, height, isRtl, screenStyle, theme, children, device, }: DeviceMockFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceMockFrame({ children, appName }: DeviceMockFrameProps): import("react/jsx-runtime").JSX.Element;
 export default DeviceMockFrame;

package/dist/RenderPage.d.ts

@@ -1,6 +1,4 @@
-import { Localication } from './types/PreviewConfig';
 import { Node } from './types/Node';
-import { Device } from './types/Device';
 export type ScreenStyle = {
     light: {
         backgroundColor: string;
@@ -13,14 +11,9 @@ export type ScreenStyle = {
         seperatorColor?: string;
     };
 };
-type RenderPageProps = {
+interface RenderPageProps {
     data: Node;
-    isRtl: boolean;
-    screenStyle: ScreenStyle;
-    theme: 'dark' | 'light';
-    localication: Localication;
-    defaultLanguage?: string;
-    device: Device;
-};
-export declare function RenderPage({ data, theme, isRtl, screenStyle, localication, defaultLanguage, device, }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
+    name: string;
+}
+export declare function RenderPage({ data, name }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/attributes-editor/Field.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
+import { LayoutContext } from './types';
+export type FieldProps = {
+    name: string;
+    type: string | string[];
+    value: any;
+    onChange: (v: any) => void;
+    componentType?: string;
+    projectColors?: string[];
+    layoutContext?: LayoutContext;
+    viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
+    label?: React.ReactNode;
+    preferredScale?: string;
+};
+export declare function Field({ name, type, value, onChange, componentType, projectColors, layoutContext, viewAttributes, label, preferredScale, }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/attributes-editor/FieldInfoTooltip.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type FieldInfoTooltipProps = {
+    description?: string;
+    children: React.ReactNode;
+};
+export declare function FieldInfoTooltip({ description, children, }: FieldInfoTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/attributes-editor/LayoutPreviewPicker.d.ts

@@ -0,0 +1,12 @@
+import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
+import { LayoutContext, LayoutFieldName } from './types';
+type LayoutPreviewPickerProps = {
+    mode: LayoutFieldName;
+    options: string[];
+    value?: string;
+    onChange: (val?: string) => void;
+    layoutContext?: LayoutContext;
+    viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
+};
+export declare function LayoutPreviewPicker({ mode, options, value, onChange, layoutContext, viewAttributes, }: LayoutPreviewPickerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/attributes-editor/SpecialCategorySection.d.ts

@@ -0,0 +1,19 @@
+import { NodeDefaultAttribute } from '../types/Node';
+import { AttributeMetaMap, LayoutContext, SchemaEntry } from './types';
+type SpecialCategorySectionProps = {
+    category: string;
+    entries: SchemaEntry[];
+    attributeMeta?: AttributeMetaMap;
+    attributes: NodeDefaultAttribute;
+    onAttributeChange: (name: string, value: unknown) => void;
+    componentType?: string;
+    projectColors?: string[];
+    layoutContext?: LayoutContext;
+    viewAttributes?: NodeDefaultAttribute;
+    meta?: {
+        label?: string;
+        description?: string;
+    };
+};
+export declare function SpecialCategorySection({ category, entries, attributeMeta, attributes, onAttributeChange, componentType, projectColors, layoutContext, viewAttributes, meta, }: SpecialCategorySectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/attributes-editor/types.d.ts

@@ -0,0 +1,14 @@
+import type { AlignItemsOptionType, FlexDirectionOptionType, JustifyContentOptionType } from '../build-components/View/ViewProps.generated';
+import { getAttributeMeta } from '../utils/patterns';
+export type SchemaEntry = {
+    name: string;
+    type: string | string[];
+};
+export type AttributeMetaMap = ReturnType<typeof getAttributeMeta>;
+export type LayoutFieldName = 'flexDirection' | 'alignItems' | 'justifyContent';
+export type LayoutContext = {
+    flexDirection?: FlexDirectionOptionType;
+    alignItems?: AlignItemsOptionType;
+    justifyContent?: JustifyContentOptionType;
+};
+export declare function isBooleanFieldType(type: string | string[]): boolean;

package/dist/build-components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ButtonComponentProps } from './ButtonProps.generated';
-declare function Button({ node }: ButtonComponentProps): string;
+declare function Button({ node }: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Button>;
 export default _default;

package/dist/build-components/Button/ButtonProps.generated.d.ts

@@ -1,10 +1,35 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export interface ButtonPropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
         color?: string;
-        fontSize?: number;
+        fontSize?: string;
         fontWeight?: FontWeightOptionType;
     };
 }

package/dist/build-components/Carousel/CarouselProps.generated.d.ts

@@ -1,7 +1,33 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface CarouselPropsGenerated {
     child: string;
-    attributes: {};
+    attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
+    };
 }
 export interface CarouselComponentProps {
     node: NodeData<CarouselPropsGenerated['attributes']>;

package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts

@@ -1,8 +1,33 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
 export interface CarouselButtonsPropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
         buttonType?: ButtonTypeOptionType;
         skipNumber?: number;
     };

package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts

@@ -1,8 +1,33 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
 export interface CarouselDotsPropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
         dotType?: DotTypeOptionType;
     };
 }

package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts

@@ -1,7 +1,33 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface CarouselItemPropsGenerated {
     child: string;
-    attributes: {};
+    attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
+    };
 }
 export interface CarouselItemComponentProps {
     node: NodeData<CarouselItemPropsGenerated['attributes']>;

package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts

@@ -1,7 +1,33 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface CarouselProviderPropsGenerated {
     child: string;
-    attributes: {};
+    attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
+    };
 }
 export interface CarouselProviderComponentProps {
     node: NodeData<CarouselProviderPropsGenerated['attributes']>;

package/dist/build-components/Image/ImageProps.generated.d.ts

@@ -1,13 +1,35 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 export interface ImagePropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
         src?: string;
-        width?: number;
-        height?: number;
         resizeMode?: ResizeModeOptionType;
-        borderRadius?: number;
     };
 }
 export interface ImageComponentProps {

package/dist/build-components/Onboard/OnboardProps.generated.d.ts

@@ -1,7 +1,33 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface OnboardPropsGenerated {
     child: string;
-    attributes: {};
+    attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
+    };
 }
 export interface OnboardComponentProps {
     node: NodeData<OnboardPropsGenerated['attributes']>;

package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts

@@ -1,6 +1,9 @@
 import type { NodeData } from '../../types/Node';
 export type TypeOptionType = 'Permission' | 'Navigate';
 export type PermissionOptionType = 'att' | 'notification' | 'rating' | 'GDPR';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
 export interface EventObjectGenerated {
     type?: TypeOptionType;
@@ -11,6 +14,28 @@ export interface EventObjectGenerated {
 export interface OnboardButtonPropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
         labelKey?: string;
         button_text_color?: string;
         animation?: AnimationOptionType;

package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts

@@ -1,10 +1,35 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
 export type ButtonsDirectionOptionType = 'row' | 'column';
 export type ConditionOptionType = 'carousel-index';
 export interface OnboardButtonsPropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
         buttonType?: ButtonTypeOptionType;
         skipNumber?: number;
         buttons_direction?: ButtonsDirectionOptionType;

package/dist/build-components/OnboardDot/OnboardDot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { OnboardDotComponentProps } from './OnboardExpandingDotProps.generated';
+import type { OnboardDotComponentProps } from './OnboardDotProps.generated';
 declare function OnboardDot({ node }: OnboardDotComponentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof OnboardDot>;
 export default _default;

package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts

@@ -3,6 +3,28 @@ export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' |
 export interface OnboardDotPropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: never;
+        alignItems?: never;
+        justifyContent?: never;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
         dotType?: DotTypeOptionType;
         inactive_dot_opacity?: number;
         expanding_dot_width?: number;

package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts

@@ -8,7 +8,7 @@ export interface OnboardFooterPropsGenerated {
     child: string;
     attributes: {
         color?: string;
-        fontSize?: number;
+        fontSize?: string;
         fontWeight?: FontWeightOptionType;
         textAlign?: TextAlignOptionType;
         scrollable?: boolean;
@@ -16,7 +16,7 @@ export interface OnboardFooterPropsGenerated {
         alignItems?: AlignItemsOptionType;
         justifyContent?: JustifyContentOptionType;
         gap?: string;
-        padding?: number;
+        padding?: string;
         paddingHorizontal?: string;
         paddingVertical?: string;
         paddingTop?: string;
@@ -24,7 +24,6 @@ export interface OnboardFooterPropsGenerated {
         paddingLeft?: string;
         paddingRight?: string;
         margin?: string;
-        marginHorizontal?: string;
         marginVertical?: string;
         marginTop?: string;
         marginBottom?: string;
@@ -32,8 +31,8 @@ export interface OnboardFooterPropsGenerated {
         marginRight?: string;
         backgroundColor?: string;
         borderRadius?: string;
-        width?: number;
-        height?: number;
+        width?: string;
+        height?: string;
         textLocalizationKey?: string;
         linkedWordFirstLocalizationKey?: string;
         linkedWordFirstColor?: string;

package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts

@@ -1,13 +1,35 @@
 import type { NodeData } from '../../types/Node';
 export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface OnboardImagePropsGenerated {
     child: string;
     attributes: {
         src?: string;
-        width?: number;
-        height?: number;
+        width?: string;
+        height?: string;
         resizeMode?: ResizeModeOptionType;
-        borderRadius?: number;
+        borderRadius?: string;
+        scrollable?: boolean;
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
         video_url?: string;
         lottie?: string;
     };

package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts

@@ -1,13 +1,34 @@
 import type { NodeData } from '../../types/Node';
-export type DisplayOptionType = 'flex' | 'block';
 export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+export type DisplayOptionType = 'flex' | 'block';
 export interface OnboardItemPropsGenerated {
     child: string;
     attributes: {
-        display?: DisplayOptionType;
-        gap?: string;
+        scrollable?: boolean;
         flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
+        gap?: string;
+        padding?: string;
         paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: string;
+        height?: string;
+        display?: DisplayOptionType;
     };
 }
 export interface OnboardItemComponentProps {