@developer_tribe/react-builder 1.2.7 → 1.2.8

package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts

@@ -3,43 +3,46 @@ 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 PaywallProviderStyleGenerated {
+    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;
+    marginHorizontal?: string;
+    marginVertical?: string;
+    marginTop?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+}
 export interface PaywallProviderPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
-        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;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
+        style?: PaywallProviderStyleGenerated;
     };
 }
 export interface PaywallProviderComponentProps {

package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts

@@ -4,46 +4,49 @@ 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 PaywallSubscribeButtonStyleGenerated {
+    color?: string;
+    fontSize?: string;
+    fontWeight?: FontWeightOptionType;
+    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;
+    marginHorizontal?: string;
+    marginVertical?: string;
+    marginTop?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+}
 export interface PaywallSubscribeButtonPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
-        color?: string;
-        fontSize?: string;
-        fontWeight?: FontWeightOptionType;
-        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;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
+        style?: PaywallSubscribeButtonStyleGenerated;
     };
 }
 export interface PaywallSubscribeButtonComponentProps {

package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts

@@ -3,46 +3,49 @@ 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 RadioButtonStyleGenerated {
+    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;
+    marginHorizontal?: string;
+    marginVertical?: string;
+    marginTop?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+    selected?: boolean;
+    color?: string;
+    size?: number;
+}
 export interface RadioButtonPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
-        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;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
-        selected?: boolean;
-        color?: string;
-        size?: number;
+        style?: RadioButtonStyleGenerated;
     };
 }
 export interface RadioButtonComponentProps {

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

@@ -4,50 +4,53 @@ 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 type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
+export interface TextStyleGenerated {
+    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;
+    marginHorizontal?: string;
+    marginVertical?: string;
+    marginTop?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+    color?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    textAlign?: TextAlignOptionType;
+    adjustsFontSizeToFit?: boolean;
+    showEllipsis?: boolean;
+}
 export interface TextPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
-        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;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
-        color?: string;
-        fontSize?: string;
-        fontFamily?: string;
-        fontWeight?: string;
-        textAlign?: TextAlignOptionType;
-        adjustsFontSizeToFit?: boolean;
-        showEllipsis?: boolean;
+        style?: TextStyleGenerated;
     };
 }
 export interface TextComponentProps {

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

@@ -3,43 +3,46 @@ 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 ViewStyleGenerated {
+    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;
+    marginHorizontal?: string;
+    marginVertical?: string;
+    marginTop?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+}
 export interface ViewPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
-        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;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
+        style?: ViewStyleGenerated;
     };
 }
 export interface ViewComponentProps {

package/dist/build-components/patterns.generated.d.ts

@@ -766,13 +766,6 @@ export declare const patterns: readonly [{
                 readonly specialCategory: null;
                 readonly sort: 26;
             };
-            readonly src: {
-                readonly label: "Src";
-                readonly description: "Image source URL.";
-                readonly category: "other";
-                readonly specialCategory: null;
-                readonly sort: 1;
-            };
             readonly resizeMode: {
                 readonly label: "Resize Mode";
                 readonly description: "How the image fits its container.";
@@ -781,6 +774,13 @@ export declare const patterns: readonly [{
                 readonly sort: 4;
             };
         };
+        readonly src: {
+            readonly label: "Src";
+            readonly description: "Image source URL.";
+            readonly category: "other";
+            readonly specialCategory: null;
+            readonly sort: 1;
+        };
     };
     readonly defaults: {
         readonly style: {
@@ -3266,13 +3266,6 @@ export declare const patterns: readonly [{
                 readonly specialCategory: null;
                 readonly sort: 26;
             };
-            readonly src: {
-                readonly label: "Src";
-                readonly description: "Image source URL.";
-                readonly category: "other";
-                readonly specialCategory: null;
-                readonly sort: 1;
-            };
             readonly resizeMode: {
                 readonly label: "Resize Mode";
                 readonly description: "How the image fits the frame.";
@@ -3281,6 +3274,13 @@ export declare const patterns: readonly [{
                 readonly sort: 4;
             };
         };
+        readonly src: {
+            readonly label: "Src";
+            readonly description: "Image source URL.";
+            readonly category: "other";
+            readonly specialCategory: null;
+            readonly sort: 1;
+        };
     };
     readonly defaults: {
         readonly style: {
@@ -5687,14 +5687,14 @@ export declare const patterns: readonly [{
         readonly desiredParent: readonly [">OnboardProvider", ">OnboardItem", "!=Onboard"];
         readonly label: "Onboard Image";
         readonly description: "Onboarding hero image with media.";
+        readonly src: {
+            readonly label: "Src";
+            readonly description: "Image source URL.";
+            readonly category: "other";
+            readonly specialCategory: null;
+            readonly sort: 1;
+        };
         readonly styles: {
-            readonly src: {
-                readonly label: "Src";
-                readonly description: "Image source URL.";
-                readonly category: "other";
-                readonly specialCategory: null;
-                readonly sort: 1;
-            };
             readonly width: {
                 readonly label: "Width";
                 readonly description: "Fixed width value.";

package/dist/components/BuilderProvider.d.ts

@@ -8,6 +8,12 @@ export type Products = Product;
 export type BuilderProviderParams = {
     products: Products[];
     benefits: PaywallBenefits;
+    /**
+     * Render platform for style extraction + meta filtering.
+     * - 'web' (default): returns CSS-friendly styles for DOM rendering.
+     * - 'native': returns React Native-friendly styles (no DOM-only props like overflowX/Y).
+     */
+    platform?: 'web' | 'native';
     onPaywallClose?: () => void;
     onPaywallSubscribe?: (product?: Product) => void | boolean | Promise<boolean>;
     /**

package/dist/hooks/useExtractImageStyle.d.ts

@@ -1,3 +1,5 @@
 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>): import("react").CSSProperties;
+export declare function useExtractImageStyle<T extends ImagePropsGenerated['attributes']>(node: NodeData<T>): {
+    [x: string]: unknown;
+} | import("react").CSSProperties;

package/dist/hooks/useExtractTextStyle.d.ts

@@ -1,3 +1,3 @@
 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>): import("react").CSSProperties;
+export declare function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(node: NodeData<T>): Record<string, unknown> | import("react").CSSProperties;

package/dist/hooks/useExtractViewStyle.d.ts

@@ -1,3 +1,3 @@
 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>): import("react").CSSProperties;
+export declare function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(node: NodeData<T>): Record<string, unknown> | import("react").CSSProperties;