@developer_tribe/react-builder 1.2.8 → 1.2.10

package/dist/AttributesEditor.d.ts

@@ -1,11 +1,2 @@
-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, projectColors, }: AttributesEditorProps): import("react/jsx-runtime").JSX.Element | null;
-declare const _default: React.MemoExoticComponent<typeof AttributesEditor>;
-export default _default;
+import type { AttributesEditorProps } from './attributes-editor/attributesEditorModelTypes';
+export declare function AttributesEditor(props: AttributesEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/attribute-analyser/style/native/useExtractImageStyle.d.ts

@@ -0,0 +1,10 @@
+import type { NodeData } from '../../../types/Node';
+import type { ImagePropsGenerated } from '../../../build-components/Image/ImageProps.generated';
+export declare function useExtractImageStyle<T extends ImagePropsGenerated['attributes']>(node: NodeData<T>): {
+    style: {
+        [x: string]: unknown;
+    };
+    other: {
+        resizeMode: "cover" | "contain" | "stretch" | "center" | undefined;
+    };
+};

package/dist/attribute-analyser/style/native/useExtractTextStyle.d.ts

@@ -0,0 +1,9 @@
+import type { NodeData } from '../../../types/Node';
+import type { TextPropsGenerated } from '../../../build-components/Text/TextProps.generated';
+export declare function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(node: NodeData<T>): {
+    style: Record<string, unknown>;
+    other: {
+        adjustsFontSizeToFit: boolean | undefined;
+        showEllipsis: boolean | undefined;
+    };
+};

package/dist/attribute-analyser/style/native/useExtractViewStyle.d.ts

@@ -0,0 +1,8 @@
+import type { NodeData } from '../../../types/Node';
+import type { ViewPropsGenerated } from '../../../build-components/View/ViewProps.generated';
+export declare function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(node: NodeData<T>): {
+    style: Record<string, unknown>;
+    other: {
+        scrollable: boolean | undefined;
+    };
+};

package/dist/attribute-analyser/style/web/useExtractImageStyle.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties } from 'react';
+import type { NodeData } from '../../../types/Node';
+import type { ImagePropsGenerated } from '../../../build-components/Image/ImageProps.generated';
+export declare function useExtractImageStyle<T extends ImagePropsGenerated['attributes']>(node: NodeData<T>): CSSProperties;

package/dist/attribute-analyser/style/web/useExtractTextStyle.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties } from 'react';
+import type { NodeData } from '../../../types/Node';
+import type { TextPropsGenerated } from '../../../build-components/Text/TextProps.generated';
+export declare function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(node: NodeData<T>): CSSProperties;

package/dist/attribute-analyser/style/web/useExtractViewStyle.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties } from 'react';
+import type { NodeData } from '../../../types/Node';
+import type { ViewPropsGenerated } from '../../../build-components/View/ViewProps.generated';
+export declare function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(node: NodeData<T>): CSSProperties;

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

@@ -0,0 +1,18 @@
+import type { Fonts } from '../types/Fonts';
+type IconTypePickerFieldProps = {
+    name: string;
+    value: unknown;
+    onChange: (next: unknown) => void;
+};
+export declare function IconTypePickerField({ name, value, onChange, }: IconTypePickerFieldProps): import("react/jsx-runtime").JSX.Element;
+type FontFamilyPickerFieldProps = {
+    name: string;
+    value: unknown;
+    onChange: (next: unknown) => void;
+    fonts: Fonts;
+    loadedFonts: string[] | undefined;
+    markFontLoaded: (fontFamily: string) => void;
+    addError: (message: string) => void;
+};
+export declare function FontFamilyPickerField({ name, value, onChange, fonts, loadedFonts, markFontLoaded, addError, }: FontFamilyPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import type { AttributesEditorModel } from './attributesEditorModelTypes';
+type AttributesEditorViewProps = AttributesEditorModel;
+export declare function AttributesEditorView(props: AttributesEditorViewProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,67 @@
+import type { Node, NodeData, NodeDefaultAttribute } from '../types/Node';
+import type { ProjectColors } from '../types/Project';
+import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
+import type { Fonts } from '../types/Fonts';
+import type { LayoutContext, SchemaEntry } from './types';
+export type TabId = 'style' | 'container' | 'other';
+export type AttributesEditorProps = {
+    node: Node;
+    onChange: (next: Node) => void;
+    projectColors?: ProjectColors;
+};
+export type AttributesEditorTabConfig = {
+    id: TabId;
+    label: string;
+    entries: SchemaEntry[];
+};
+export type AttributesEditorSpecialSection = {
+    key: string;
+    entries: SchemaEntry[];
+    meta?: {
+        label?: string;
+        description?: string;
+        sort?: number;
+        category?: string;
+    };
+};
+export type TabContentInfo = Record<TabId, {
+    baseCount: number;
+    specialCount: number;
+}>;
+export type AttributesEditorModel = {
+    isInvalidNode: boolean;
+    baseData: NodeData<NodeDefaultAttribute>;
+    data: NodeData<NodeDefaultAttribute>;
+    appConfig: unknown;
+    projectFonts: Fonts;
+    loadedFonts: string[] | undefined;
+    markFontLoaded: (fontFamily: string) => void;
+    addError: (message: string) => void;
+    schema: Record<string, unknown>;
+    attributeMeta?: Record<string, any>;
+    componentTitle: string;
+    componentDescription?: string;
+    patternForType?: any;
+    componentMeta?: any;
+    attributes: NodeDefaultAttribute;
+    styleBag?: Record<string, unknown>;
+    projectColorsForPicker?: ProjectColors;
+    viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
+    layoutContext: LayoutContext;
+    getAttributeValue: (name: string) => unknown;
+    handleAttributeChange: (name: string, val: unknown) => void;
+    handleChildrenChange: (val: string) => void;
+    tabs: AttributesEditorTabConfig[];
+    tabContentInfo: TabContentInfo;
+    firstAvailableTab: TabId;
+    activeTab: TabId;
+    setActiveTab: (next: TabId) => void;
+    activeEntries: SchemaEntry[];
+    specialSectionsByTab: Record<TabId, AttributesEditorSpecialSection[]>;
+    activeSpecialSections: AttributesEditorSpecialSection[];
+    mockableFeatureKeys: string[];
+    activeMockableFeature: string | null;
+    setActiveMockableFeature: (next: string | null) => void;
+    hasStringChildren: boolean;
+    childrenValue: string;
+};

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

@@ -0,0 +1,19 @@
+import type { NodeDefaultAttribute } from '../types/Node';
+import type { SchemaEntry } from './types';
+export type StyleBagSource = 'styles' | 'style' | 'none';
+export declare function getStyleBagSourceAndValue(attributes: NodeDefaultAttribute): {
+    source: StyleBagSource;
+    styleBag?: Record<string, unknown>;
+};
+/**
+ * Flattens schemaVersion=2 nested style schemas (under schema.style or schema.styles)
+ * into plain entries so the editor can list them as individual fields.
+ *
+ * Note: we intentionally exclude the raw `style` / `styles` keys themselves, because
+ * Field.tsx does not render object specs (---not-implemented----).
+ */
+export declare function buildAttributesEditorEntries(schema: Record<string, unknown>, attributeMeta?: Record<string, {
+    category?: string;
+}>): SchemaEntry[];
+export declare function isValidStyleBagValue(attributes: NodeDefaultAttribute): boolean;
+export declare function findLegacyFlatStyleKeys(attributes: NodeDefaultAttribute, isStyleKeyForWrite: (name: string) => boolean): string[];

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

@@ -0,0 +1,2 @@
+import type { AttributesEditorModel, AttributesEditorProps } from './attributesEditorModelTypes';
+export declare function useAttributesEditorModel({ node, onChange, projectColors, }: AttributesEditorProps): AttributesEditorModel;

package/dist/build-components/BIcon/BIconProps.generated.d.ts

@@ -10,9 +10,6 @@ export interface BIconStyleGenerated {
     fontFamily?: string;
     fontWeight?: string;
     textAlign?: TextAlignOptionType;
-    adjustsFontSizeToFit?: boolean;
-    showEllipsis?: boolean;
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -46,14 +43,17 @@ export interface BIconStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    iconType?: string;
-    size?: number;
-    strokeWidth?: number;
 }
 export interface BIconPropsGenerated {
     child: string;
     attributes: {
         style?: BIconStyleGenerated;
+        adjustsFontSizeToFit?: boolean;
+        showEllipsis?: boolean;
+        scrollable?: boolean;
+        iconType?: string;
+        size?: number;
+        strokeWidth?: number;
     };
 }
 export interface BIconComponentProps {

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

@@ -1,11 +1,10 @@
 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 type PositionOptionType = 'relative' | 'absolute';
-export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 export interface BackgroundImageStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -39,13 +38,14 @@ export interface BackgroundImageStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    resizeMode?: ResizeModeOptionType;
 }
 export interface BackgroundImagePropsGenerated {
     child: string;
     attributes: {
         style?: BackgroundImageStyleGenerated;
+        scrollable?: boolean;
         src?: string;
+        resizeMode?: ResizeModeOptionType;
     };
 }
 export interface BackgroundImageComponentProps {

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

@@ -5,7 +5,6 @@ export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 's
 export type PositionOptionType = 'relative' | 'absolute';
 export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export interface ButtonStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -47,6 +46,7 @@ export interface ButtonPropsGenerated {
     child: string;
     attributes: {
         style?: ButtonStyleGenerated;
+        scrollable?: boolean;
     };
 }
 export interface ButtonComponentProps {

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

@@ -1,11 +1,10 @@
 import type { NodeData } from '../../types/Node';
+export type AlignOptionType = 'start' | 'center' | 'end';
 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 AlignOptionType = 'start' | 'center' | 'end';
 export interface CarouselStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -44,6 +43,7 @@ export interface CarouselPropsGenerated {
     child: string;
     attributes: {
         style?: CarouselStyleGenerated;
+        scrollable?: boolean;
         loop?: boolean;
         dragFree?: boolean;
         align?: AlignOptionType;

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

@@ -1,11 +1,10 @@
 import type { NodeData } from '../../types/Node';
+export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
 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 CarouselButtonsStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -39,13 +38,14 @@ export interface CarouselButtonsStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    buttonType?: ButtonTypeOptionType;
-    skipNumber?: number;
 }
 export interface CarouselButtonsPropsGenerated {
     child: string;
     attributes: {
         style?: CarouselButtonsStyleGenerated;
+        scrollable?: boolean;
+        buttonType?: ButtonTypeOptionType;
+        skipNumber?: number;
     };
 }
 export interface CarouselButtonsComponentProps {

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

@@ -1,11 +1,10 @@
 import type { NodeData } from '../../types/Node';
+export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
 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 CarouselDotsStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -39,12 +38,13 @@ export interface CarouselDotsStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    dotType?: DotTypeOptionType;
 }
 export interface CarouselDotsPropsGenerated {
     child: string;
     attributes: {
         style?: CarouselDotsStyleGenerated;
+        scrollable?: boolean;
+        dotType?: DotTypeOptionType;
     };
 }
 export interface CarouselDotsComponentProps {

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

@@ -4,7 +4,6 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
 export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type PositionOptionType = 'relative' | 'absolute';
 export interface CarouselItemStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -43,6 +42,7 @@ export interface CarouselItemPropsGenerated {
     child: string;
     attributes: {
         style?: CarouselItemStyleGenerated;
+        scrollable?: boolean;
     };
 }
 export interface CarouselItemComponentProps {

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

@@ -4,7 +4,6 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
 export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type PositionOptionType = 'relative' | 'absolute';
 export interface CarouselProviderStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -43,6 +42,7 @@ export interface CarouselProviderPropsGenerated {
     child: string;
     attributes: {
         style?: CarouselProviderStyleGenerated;
+        scrollable?: boolean;
     };
 }
 export interface CarouselProviderComponentProps {

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

@@ -1,11 +1,10 @@
 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 type PositionOptionType = 'relative' | 'absolute';
-export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 export interface ImageStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -39,13 +38,16 @@ export interface ImageStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    resizeMode?: ResizeModeOptionType;
 }
 export interface ImagePropsGenerated {
     child: string;
     attributes: {
         style?: ImageStyleGenerated;
+        scrollable?: boolean;
         src?: string;
+        width?: string;
+        height?: string;
+        resizeMode?: ResizeModeOptionType;
     };
 }
 export interface ImageComponentProps {

package/dist/build-components/Main/MainProps.generated.d.ts

@@ -4,7 +4,6 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
 export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type PositionOptionType = 'relative' | 'absolute';
 export interface MainStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -38,12 +37,13 @@ export interface MainStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    useSafeAreaView?: boolean;
 }
 export interface MainPropsGenerated {
     child: string;
     attributes: {
         style?: MainStyleGenerated;
+        scrollable?: boolean;
+        useSafeAreaView?: boolean;
     };
 }
 export interface MainComponentProps {

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

@@ -4,7 +4,6 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
 export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type PositionOptionType = 'relative' | 'absolute';
 export interface OnboardStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -43,6 +42,7 @@ export interface OnboardPropsGenerated {
     child: string;
     attributes: {
         style?: OnboardStyleGenerated;
+        scrollable?: boolean;
     };
 }
 export interface OnboardComponentProps {

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

@@ -1,11 +1,11 @@
 import type { NodeData } from '../../types/Node';
 export type TypeOptionType = 'Permission' | 'Navigate';
 export type PermissionOptionType = 'att' | 'notification' | 'rating' | 'GDPR';
+export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
 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;
     permission?: PermissionOptionType | null;
@@ -13,7 +13,6 @@ export interface EventObjectGenerated {
     targetIndex?: number;
 }
 export interface OnboardButtonStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -47,17 +46,19 @@ export interface OnboardButtonStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    labelKey?: string;
-    button_text_color?: string;
-    animation?: AnimationOptionType;
-    animation_color?: string;
-    button_background_color?: string;
-    events?: EventObjectGenerated[];
 }
 export interface OnboardButtonPropsGenerated {
     child: string;
     attributes: {
         style?: OnboardButtonStyleGenerated;
+        scrollable?: boolean;
+        labelKey?: string;
+        button_text_color?: string;
+        animation?: AnimationOptionType;
+        animation_color?: string;
+        button_background_color?: string;
+        flex?: number;
+        events?: EventObjectGenerated[];
     };
 }
 export interface OnboardButtonComponentProps {

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

@@ -1,13 +1,12 @@
 import type { NodeData } from '../../types/Node';
+export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
+export type ButtonsDirectionOptionType = 'row' | 'column';
+export type ConditionOptionType = 'carousel-index';
 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';
 export interface OnboardButtonsStyleGenerated {
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -41,18 +40,19 @@ export interface OnboardButtonsStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    buttonType?: ButtonTypeOptionType;
-    skipNumber?: number;
-    buttons_direction?: ButtonsDirectionOptionType;
-    forIndex?: number;
-    seperatorColor?: string;
-    condition?: ConditionOptionType;
-    conditionVariable?: number;
 }
 export interface OnboardButtonsPropsGenerated {
     child: string;
     attributes: {
         style?: OnboardButtonsStyleGenerated;
+        scrollable?: boolean;
+        buttonType?: ButtonTypeOptionType;
+        skipNumber?: number;
+        buttons_direction?: ButtonsDirectionOptionType;
+        forIndex?: number;
+        seperatorColor?: string;
+        condition?: ConditionOptionType;
+        conditionVariable?: number;
     };
 }
 export interface OnboardButtonsComponentProps {

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

@@ -1,11 +1,13 @@
 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 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 OnboardDotStyleGenerated {
-    scrollable?: boolean;
-    flexDirection?: never;
-    alignItems?: never;
-    justifyContent?: never;
+    flexDirection?: FlexDirectionOptionType;
+    alignItems?: AlignItemsOptionType;
+    justifyContent?: JustifyContentOptionType;
     gap?: string;
     padding?: string;
     paddingHorizontal?: string;
@@ -36,15 +38,19 @@ export interface OnboardDotStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    dotType?: DotTypeOptionType;
-    inactive_dot_opacity?: number;
-    expanding_dot_width?: string;
-    active_dot_color?: string;
 }
 export interface OnboardDotPropsGenerated {
     child: string;
     attributes: {
         style?: OnboardDotStyleGenerated;
+        scrollable?: boolean;
+        dotType?: DotTypeOptionType;
+        inactive_dot_opacity?: number;
+        expanding_dot_width?: string;
+        active_dot_color?: string;
+        flexDirection?: never;
+        alignItems?: never;
+        justifyContent?: never;
     };
 }
 export interface OnboardDotComponentProps {

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

@@ -10,9 +10,6 @@ export interface OnboardFooterStyleGenerated {
     fontFamily?: string;
     fontWeight?: string;
     textAlign?: TextAlignOptionType;
-    adjustsFontSizeToFit?: boolean;
-    showEllipsis?: boolean;
-    scrollable?: boolean;
     flexDirection?: FlexDirectionOptionType;
     alignItems?: AlignItemsOptionType;
     justifyContent?: JustifyContentOptionType;
@@ -46,18 +43,21 @@ export interface OnboardFooterStyleGenerated {
     left?: string;
     right?: string;
     zIndex?: number;
-    textLocalizationKey?: string;
-    linkedWordFirstLocalizationKey?: string;
-    linkedWordFirstColor?: string;
-    linkedWordFirstPage?: string;
-    linkedWordSecondLocalizationKey?: string;
-    linkedWordSecondColor?: string;
-    linkedWordSecondPage?: string;
 }
 export interface OnboardFooterPropsGenerated {
     child: string;
     attributes: {
         style?: OnboardFooterStyleGenerated;
+        adjustsFontSizeToFit?: boolean;
+        showEllipsis?: boolean;
+        scrollable?: boolean;
+        textLocalizationKey?: string;
+        linkedWordFirstLocalizationKey?: string;
+        linkedWordFirstColor?: string;
+        linkedWordFirstPage?: string;
+        linkedWordSecondLocalizationKey?: string;
+        linkedWordSecondColor?: string;
+        linkedWordSecondPage?: string;
     };
 }
 export interface OnboardFooterComponentProps {