@developer_tribe/react-builder 1.0.2 → 1.0.4

package/dist/AttributesEditor.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Node } from './types/Node';
+import type { ProjectColors } from './types/Project';
 type AttributesEditorProps = {
     node: Node;
     onChange: (next: Node) => void;
+    projectColors?: ProjectColors;
 };
-export declare function AttributesEditor({ node, onChange }: AttributesEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AttributesEditor({ node, onChange, projectColors, }: AttributesEditorProps): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof AttributesEditor>;
 export default _default;

package/dist/RenderPage.d.ts

@@ -14,6 +14,7 @@ export type ScreenStyle = {
 interface RenderPageProps {
     data: Node;
     name: string;
+    onSelectNode?: (node: Node | null) => void;
 }
-export declare function RenderPage({ data, name }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function RenderPage({ data, name, onSelectNode }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/android.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 502.857 502.857" xml:space="preserve">
+<g>
+	<path style="fill:#57C927;" d="M115.428,155.433v217.664c0,17,10.208,30.336,27.704,30.336h22.84c-0.784,0-2.544,5.768-2.544,8.6
+		v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648c0-2.832-3.088-8.6-3.848-8.6h55.712
+		c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176c16.592,0,32.032-13.064,32.032-29.176v-61.648
+		c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336V155.433H113.596H115.428z"/>
+	<path style="fill:#57C927;" d="M59.428,158.977c-16.568,0-32,13.072-32,29.176v124.92c0,16.112,15.432,29.176,32,29.176
+		c16.56,0,32-13.064,32-29.176V188.161C91.428,172.049,75.988,158.977,59.428,158.977z"/>
+	<path style="fill:#57C927;" d="M320.3,42.057l5.584-8.192l5.592-8.096l12.456-18.2c1.56-2.256,0.912-5.264-1.384-6.744
+		c-2.272-1.512-5.416-0.88-6.904,1.36l-19.016,27.704l-5.72,8.344c-18.072-6.832-38.208-10.64-59.48-10.64
+		c-21.224,0-41.4,3.816-59.472,10.64l-5.688-8.336l-5.624-8.184l-13.36-19.512c-1.544-2.248-4.648-2.84-6.952-1.36
+		c-2.28,1.488-2.912,4.496-1.392,6.744l12.448,18.208l5.592,8.104l5.616,8.168c-42.432,19.24-71.144,57.368-71.144,97.368h279.96
+		C391.412,99.433,362.708,61.305,320.3,42.057z M191.436,100.593c-8.312,0-15.008-6.536-15.008-14.608s6.696-14.576,15.008-14.576
+		c8.288,0,15,6.504,15,14.576S199.732,100.593,191.436,100.593z M311.436,100.593c-8.304,0-15.016-6.536-15.016-14.608
+		s6.712-14.576,15.016-14.576c8.288,0,15,6.504,15,14.576S319.724,100.593,311.436,100.593z"/>
+</g>
+<path style="fill:#1CB71C;" d="M60.852,224.193c-12.472,0-25.424-11.768-33.424-30.432v119.32c0,16.112,15.432,29.176,32,29.176
+	c16.56,0,32-13.064,32-29.176V199.985C83.428,214.977,71.86,224.193,60.852,224.193z"/>
+<path style="fill:#57C927;" d="M443.428,158.977c-16.568,0-32,13.072-32,29.176v124.92c0,16.112,15.432,29.176,32,29.176
+	c16.56,0,32-13.064,32-29.176V188.161C475.428,172.049,459.988,158.977,443.428,158.977z"/>
+<g>
+	<path style="fill:#1CB71C;" d="M444.852,224.193c-12.472,0-25.424-11.768-33.424-30.432v119.32c0,16.112,15.432,29.176,32,29.176
+		c16.56,0,32-13.064,32-29.176V199.985C467.428,214.977,455.86,224.193,444.852,224.193z"/>
+	<path style="fill:#1CB71C;" d="M251.428,179.337c-63.28,0-120-7.32-136-17.712v211.472c0,17,10.208,30.336,27.704,30.336h22.84
+		c-0.784,0-2.544,5.768-2.544,8.6v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648
+		c0-2.832-3.088-8.6-3.848-8.6h55.712c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176
+		c16.592,0,32.032-13.064,32.032-29.176v-61.648c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336v-211.48
+		C371.428,172.009,314.716,179.337,251.428,179.337z"/>
+	<path style="fill:#1CB71C;" d="M326.436,85.977c0,8.072-6.712,14.608-15,14.608c-8.304,0-15.016-6.536-15.016-14.608
+		c0-4.376,2.008-8.24,5.136-10.912c-15.816-2.64-32.64-4.088-50.128-4.088s-34.304,1.448-50.128,4.088
+		c3.136,2.664,5.144,6.536,5.144,10.912c0,8.072-6.712,14.608-15,14.608c-8.312,0-15.008-6.536-15.008-14.608
+		c0-2.064,0.456-4.024,1.248-5.808c-23.984,6.304-44.592,15.504-60.144,26.808c-3.92,10.296-6.088,24.456-6.088,32.456h279.96
+		c0-8-2.168-22.152-6.08-32.44c-15.544-11.32-36.16-20.536-60.128-26.84C325.988,81.937,326.436,83.921,326.436,85.977z"/>
+</g>
+<path style="fill:#049E42;" d="M251.428,262.817c-53.896,0-104-10.632-136-28.056v138.336c0,17,10.208,30.336,27.704,30.336h22.84
+	c-0.784,0-2.544,5.768-2.544,8.6v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648
+	c0-2.832-3.088-8.6-3.848-8.6h55.712c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176
+	c16.592,0,32.032-13.064,32.032-29.176v-61.648c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336V234.761
+	C355.428,252.193,305.324,262.817,251.428,262.817z"/>
+</svg>

package/dist/apple.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 496.412 496.412" xml:space="preserve">
+<path d="M317.222,80.584C333.414,59.696,345.686,30.152,341.246,0c-26.472,1.84-57.384,18.768-75.432,40.832
+	c-16.456,20-29.976,49.728-24.688,78.608C270.054,120.344,299.91,103.008,317.222,80.584z"/>
+<path style="fill:#1B546B;" d="M445.838,166.544c-25.4-31.872-61.12-50.344-94.848-50.344c-44.512,0-63.352,21.312-94.264,21.312
+	c-31.896,0-56.12-21.248-94.624-21.248c-37.832,0-78.112,23.12-103.64,62.64C22.574,234.576,28.694,339.2,86.894,428.336
+	c20.808,31.904,48.592,67.744,84.952,68.072c32.36,0.32,41.488-20.752,85.336-20.992c43.832-0.256,52.16,21.264,84.456,20.896
+	c36.384-0.288,65.712-40.016,86.512-71.92c14.912-22.848,20.48-34.376,32.056-60.184
+	C376.014,332.184,362.518,212.488,445.838,166.544z"/>
+<path d="M394.774,228.08c-63.632,51.52-153.592,83.712-253.44,83.712c-35.776,0-70.288-4.144-102.768-11.808
+	c5.496,41.808,21.16,86.736,48.336,128.344c20.808,31.904,48.592,67.744,84.952,68.072c32.36,0.32,41.488-20.752,85.336-20.992
+	c43.832-0.256,52.16,21.264,84.456,20.896c36.384-0.288,65.712-40.016,86.512-71.92c14.912-22.848,20.48-34.376,32.056-60.184
+	C402.966,342.44,378.454,280.176,394.774,228.08z"/>
+</svg>

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
+import type { ProjectColors } from '../types/Project';
+import { type PreferredScale } from './SizeField';
 import { LayoutContext } from './types';
 export type FieldProps = {
     name: string;
@@ -7,10 +9,10 @@ export type FieldProps = {
     value: any;
     onChange: (v: any) => void;
     componentType?: string;
-    projectColors?: string[];
+    projectColors?: ProjectColors;
     layoutContext?: LayoutContext;
     viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
     label?: React.ReactNode;
-    preferredScale?: string;
+    preferredScale?: PreferredScale;
 };
 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/SizeField.d.ts

@@ -0,0 +1,9 @@
+export type PreferredScale = 'vs' | 's' | 'f' | '%';
+export declare function toPreferredScale(value: unknown): PreferredScale | undefined;
+export type SizeFieldProps = {
+    value: unknown;
+    onChange: (val: unknown) => void;
+    preferredScale?: PreferredScale;
+    fieldName: string;
+};
+export declare function SizeField({ value, onChange, preferredScale, fieldName, }: SizeFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 import { NodeDefaultAttribute } from '../types/Node';
+import type { ProjectColors } from '../types/Project';
 import { AttributeMetaMap, LayoutContext, SchemaEntry } from './types';
 type SpecialCategorySectionProps = {
     category: string;
@@ -7,7 +8,7 @@ type SpecialCategorySectionProps = {
     attributes: NodeDefaultAttribute;
     onAttributeChange: (name: string, value: unknown) => void;
     componentType?: string;
-    projectColors?: string[];
+    projectColors?: ProjectColors;
     layoutContext?: LayoutContext;
     viewAttributes?: NodeDefaultAttribute;
     meta?: {

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

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

package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts

@@ -0,0 +1,45 @@
+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 PositionOptionType = 'relative' | 'absolute';
+export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
+export interface BackgroundImagePropsGenerated {
+    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;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
+        src?: string;
+        resizeMode?: ResizeModeOptionType;
+    };
+}
+export interface BackgroundImageComponentProps {
+    node: NodeData<BackgroundImagePropsGenerated['attributes']>;
+}

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export interface ButtonPropsGenerated {
     child: string;
@@ -28,6 +29,13 @@ export interface ButtonPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         color?: string;
         fontSize?: string;
         fontWeight?: FontWeightOptionType;

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export interface CarouselPropsGenerated {
     child: string;
     attributes: {
@@ -27,6 +28,13 @@ export interface CarouselPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
     };
 }
 export interface CarouselComponentProps {

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
 export interface CarouselButtonsPropsGenerated {
     child: string;
@@ -28,6 +29,13 @@ export interface CarouselButtonsPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         buttonType?: ButtonTypeOptionType;
         skipNumber?: number;
     };

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
 export interface CarouselDotsPropsGenerated {
     child: string;
@@ -28,6 +29,13 @@ export interface CarouselDotsPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         dotType?: DotTypeOptionType;
     };
 }

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export interface CarouselItemPropsGenerated {
     child: string;
     attributes: {
@@ -27,6 +28,13 @@ export interface CarouselItemPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
     };
 }
 export interface CarouselItemComponentProps {

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export interface CarouselProviderPropsGenerated {
     child: string;
     attributes: {
@@ -27,6 +28,13 @@ export interface CarouselProviderPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
     };
 }
 export interface CarouselProviderComponentProps {

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 export interface ImagePropsGenerated {
     child: string;
@@ -28,6 +29,13 @@ export interface ImagePropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         src?: string;
         resizeMode?: ResizeModeOptionType;
     };

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export interface OnboardPropsGenerated {
     child: string;
     attributes: {
@@ -27,6 +28,13 @@ export interface OnboardPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
     };
 }
 export interface OnboardComponentProps {

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

@@ -4,6 +4,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
 export interface EventObjectGenerated {
     type?: TypeOptionType;
@@ -36,12 +37,18 @@ export interface OnboardButtonPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         labelKey?: string;
         button_text_color?: string;
         animation?: AnimationOptionType;
         animation_color?: string;
         button_background_color?: string;
-        flex?: number;
         events?: EventObjectGenerated[];
     };
 }

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
 export type ButtonsDirectionOptionType = 'row' | 'column';
 export type ConditionOptionType = 'carousel-index';
@@ -30,6 +31,13 @@ export interface OnboardButtonsPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         buttonType?: ButtonTypeOptionType;
         skipNumber?: number;
         buttons_direction?: ButtonsDirectionOptionType;

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

@@ -1,4 +1,5 @@
 import type { NodeData } from '../../types/Node';
+export type PositionOptionType = 'relative' | 'absolute';
 export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
 export interface OnboardDotPropsGenerated {
     child: string;
@@ -25,11 +26,16 @@ export interface OnboardDotPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         dotType?: DotTypeOptionType;
         inactive_dot_opacity?: number;
-        expanding_dot_width?: number;
-        dot_style?: string;
-        container_style?: string;
+        expanding_dot_width?: string;
         active_dot_color?: string;
     };
 }

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

@@ -4,6 +4,7 @@ export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 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 PositionOptionType = 'relative' | 'absolute';
 export interface OnboardFooterPropsGenerated {
     child: string;
     attributes: {
@@ -33,6 +34,13 @@ export interface OnboardFooterPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         textLocalizationKey?: string;
         linkedWordFirstLocalizationKey?: string;
         linkedWordFirstColor?: string;

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

@@ -3,6 +3,7 @@ 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 type PositionOptionType = 'relative' | 'absolute';
 export interface OnboardImagePropsGenerated {
     child: string;
     attributes: {
@@ -10,7 +11,6 @@ export interface OnboardImagePropsGenerated {
         width?: string;
         height?: string;
         resizeMode?: ResizeModeOptionType;
-        borderRadius?: string;
         scrollable?: boolean;
         flexDirection?: FlexDirectionOptionType;
         alignItems?: AlignItemsOptionType;
@@ -30,6 +30,14 @@ export interface OnboardImagePropsGenerated {
         marginLeft?: string;
         marginRight?: string;
         backgroundColor?: string;
+        borderRadius?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         video_url?: string;
         lottie?: string;
     };

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

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type DisplayOptionType = 'flex' | 'block';
 export interface OnboardItemPropsGenerated {
     child: string;
@@ -28,6 +29,13 @@ export interface OnboardItemPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         display?: DisplayOptionType;
     };
 }

package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export interface OnboardProviderPropsGenerated {
     child: string;
     attributes: {
@@ -27,7 +28,13 @@ export interface OnboardProviderPropsGenerated {
         borderRadius?: never;
         width?: string;
         height?: string;
-        theme?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         use_safe_area_inset?: boolean;
     };
 }

package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts

@@ -4,6 +4,7 @@ export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 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 PositionOptionType = 'relative' | 'absolute';
 export interface OnboardSubtitlePropsGenerated {
     child: string;
     attributes: {
@@ -33,6 +34,13 @@ export interface OnboardSubtitlePropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
     };
 }
 export interface OnboardSubtitleComponentProps {

package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts

@@ -4,6 +4,7 @@ export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 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 PositionOptionType = 'relative' | 'absolute';
 export interface OnboardTitlePropsGenerated {
     child: string;
     attributes: {
@@ -33,6 +34,13 @@ export interface OnboardTitlePropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
     };
 }
 export interface OnboardTitleComponentProps {

package/dist/build-components/Text/TextProps.generated.d.ts

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 export interface TextPropsGenerated {
@@ -29,6 +30,13 @@ export interface TextPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
         color?: string;
         fontSize?: string;
         fontWeight?: FontWeightOptionType;

package/dist/build-components/View/ViewProps.generated.d.ts

@@ -2,6 +2,7 @@ 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 PositionOptionType = 'relative' | 'absolute';
 export interface ViewPropsGenerated {
     child: string;
     attributes: {
@@ -27,6 +28,13 @@ export interface ViewPropsGenerated {
         borderRadius?: string;
         width?: string;
         height?: string;
+        flex?: number;
+        position?: PositionOptionType;
+        top?: string;
+        bottom?: string;
+        left?: string;
+        right?: string;
+        zIndex?: number;
     };
 }
 export interface ViewComponentProps {