@developer_tribe/react-builder 1.2.37 → 1.2.38

package/src/build-components/patterns.generated.ts

@@ -67,6 +67,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         scrollable: 'boolean',
         iconType: 'iconType',
         size: 'number',
@@ -91,7 +92,7 @@ export const patterns = [
           category: 'style',
           specialCategory: null,
           sort: 2,
-          preferredScale: 's',
+          preferredScale: 'f',
         },
         fontFamily: {
           label: 'Font Family',
@@ -530,6 +531,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         src: 'string',
         resizeMode: ['cover', 'contain', 'stretch', 'center'],
       },
@@ -947,6 +949,7 @@ export const patterns = [
             '900',
           ],
         },
+        testID: 'string',
       },
     },
     meta: {
@@ -1352,6 +1355,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         loop: 'boolean',
         dragFree: 'boolean',
         align: ['start', 'center', 'end'],
@@ -1734,6 +1738,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         buttonType: ['previous_button', 'next_button', 'skip_button'],
         skipNumber: 'number',
       },
@@ -2129,6 +2134,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         dotType: [
           'expanding_dot',
           'normal_dot',
@@ -2532,6 +2538,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
       },
     },
     meta: {
@@ -2911,6 +2918,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
       },
     },
     meta: {
@@ -3300,6 +3308,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         scrollable: 'boolean',
         count: 'number',
       },
@@ -3322,7 +3331,7 @@ export const patterns = [
           category: 'style',
           specialCategory: null,
           sort: 2,
-          preferredScale: 's',
+          preferredScale: 'f',
         },
         fontFamily: {
           label: 'Font Family',
@@ -3746,6 +3755,7 @@ export const patterns = [
           zIndex: 'number',
           resizeMode: ['cover', 'contain', 'stretch', 'center'],
         },
+        testID: 'string',
         src: 'string',
       },
     },
@@ -4142,6 +4152,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         useSafeAreaView: 'boolean',
       },
     },
@@ -4536,6 +4547,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
       },
     },
     meta: {
@@ -4924,6 +4936,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
       },
     },
     meta: {
@@ -5305,6 +5318,7 @@ export const patterns = [
           zIndex: 'number',
           color: 'color',
         },
+        testID: ['onboardSkip', 'onboardNext'],
         labelKey: 'string',
         animation: [
           'simple-animation',
@@ -5347,173 +5361,6 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
-        scrollable: {
-          label: 'Scrollable',
-          description: 'Turns scroll interaction on.',
-          category: 'container',
-          specialCategory: null,
-          sort: -1,
-        },
-        styles: {
-          color: {
-            label: 'Color',
-            description: 'Text color.',
-            category: 'style',
-            specialCategory: null,
-            sort: 1,
-          },
-        },
-        labelKey: {
-          label: 'Label Key',
-          description: 'Localization key for the button text.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
-        events: {
-          label: 'Events',
-          description: 'List of events fired by the button.',
-          category: 'other',
-          specialCategory: null,
-          sort: 7,
-        },
-        animation: {
-          label: 'Animation',
-          description: 'Animation style for the button.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        animation_color: {
-          label: 'Animation Color',
-          description: 'Color used by the animation.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-      },
-      styles: {},
-    },
-    defaults: {
-      styles: {
-        flexDirection: 'column',
-        position: 'relative',
-        zIndex: 1,
-        alignSelf: 'flex-start',
-        flexGrow: 0,
-        flexShrink: 0,
-        height: '40@vs',
-        borderRadius: '12@s',
-        color: 'THEME_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT',
-      },
-    },
-    types: {
-      EventObject: {
-        type: ['Permission', 'Navigate'],
-        permission: ['att', 'notification', 'rating', 'GDPR', 'null'],
-        navigate_to: 'string',
-        targetIndex: 'number',
-      },
-    },
-  },
-  {
-    schemaVersion: 2,
-    pattern: {
-      type: 'OnboardButtons',
-      title: 'title',
-      description: 'description',
-      children: 'node',
-      attributes: {
-        scrollable: 'boolean',
-        styles: {
-          flexDirection: ['row', 'column'],
-          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
-          alignItems: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'stretch',
-            'baseline',
-          ],
-          justifyContent: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'space-between',
-            'space-around',
-            'space-evenly',
-          ],
-          gap: 'size',
-          padding: 'size',
-          paddingHorizontal: 'size',
-          paddingVertical: 'size',
-          paddingTop: 'size',
-          paddingBottom: 'size',
-          paddingLeft: 'size',
-          paddingRight: 'size',
-          margin: 'size',
-          marginHorizontal: 'size',
-          marginVertical: 'size',
-          marginTop: 'size',
-          marginBottom: 'size',
-          marginLeft: 'size',
-          marginRight: 'size',
-          backgroundColor: 'color',
-          borderRadius: 'size',
-          width: 'size',
-          minWidth: 'size',
-          maxWidth: 'size',
-          height: 'size',
-          minHeight: 'size',
-          maxHeight: 'size',
-          flex: 'number',
-          position: ['relative', 'absolute'],
-          top: 'size',
-          bottom: 'size',
-          left: 'size',
-          right: 'size',
-          zIndex: 'number',
-        },
-        buttonType: ['previous_button', 'next_button', 'skip_button'],
-        skipNumber: 'number',
-        buttons_direction: ['row', 'column'],
-        forIndex: 'number',
-        seperatorColor: 'color',
-        condition: ['carousel-index'],
-        conditionVariable: 'number',
-      },
-    },
-    meta: {
-      desiredParent: ['=OnboardItem'],
-      label: 'Onboard Buttons',
-      description: 'Wrapper for onboarding button set.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
-        },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          sort: 3,
-        },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
-          sort: 4,
-        },
-      },
       attributes: {
         scrollable: {
           label: 'Scrollable',
@@ -5787,84 +5634,74 @@ export const patterns = [
             specialCategory: null,
             sort: 26,
           },
+          color: {
+            label: 'Color',
+            description: 'Text color.',
+            category: 'style',
+            specialCategory: null,
+            sort: 1,
+          },
         },
-        seperatorColor: {
-          label: 'Seperator Color',
-          description: 'Color of the divider line.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-        buttonType: {
-          label: 'Button Type',
-          description: 'Which onboard button to show.',
+        labelKey: {
+          label: 'Label Key',
+          description: 'Localization key for the button text.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
-        skipNumber: {
-          label: 'Skip Number',
-          description: 'Slide index to skip to.',
+        events: {
+          label: 'Events',
+          description: 'List of events fired by the button.',
           category: 'other',
           specialCategory: null,
-          sort: 2,
+          sort: 7,
         },
-        buttons_direction: {
-          label: 'Buttons Direction',
-          description: 'Direction to lay out buttons.',
-          category: 'container',
+        animation: {
+          label: 'Animation',
+          description: 'Animation style for the button.',
+          category: 'style',
           specialCategory: null,
           sort: 3,
         },
-        forIndex: {
-          label: 'For Index',
-          description: 'Show only for this slide index.',
-          category: 'other',
+        animation_color: {
+          label: 'Animation Color',
+          description: 'Color used by the animation.',
+          category: 'style',
           specialCategory: null,
           sort: 4,
         },
-        condition: {
-          label: 'Condition',
-          description: 'Built-in condition to check.',
-          category: 'other',
-          specialCategory: null,
-          sort: 6,
-        },
-        conditionVariable: {
-          label: 'Condition Variable',
-          description: 'Value used when checking the condition.',
-          category: 'other',
-          specialCategory: null,
-          sort: 7,
-        },
       },
       styles: {},
     },
     defaults: {
       styles: {
-        flexDirection: 'row',
+        flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        display: 'flex',
-        gap: 12,
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginVertical: '12@vs',
-        marginHorizontal: '24@s',
+        height: '40@vs',
+        borderRadius: '12@s',
+        color: 'THEME_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT',
+      },
+    },
+    types: {
+      EventObject: {
+        type: ['Permission', 'Navigate'],
+        permission: ['att', 'notification', 'rating', 'GDPR', 'null'],
+        navigate_to: 'string',
+        targetIndex: 'number',
       },
     },
-    types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardDot',
+      type: 'OnboardButtons',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         styles: {
@@ -5916,27 +5753,20 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        dotType: [
-          'expanding_dot',
-          'normal_dot',
-          'scaling_dot',
-          'sliding_border',
-          'sliding_dot',
-          'liquid_like',
-        ],
-        flexDirection: 'never',
-        alignItems: 'never',
-        justifyContent: 'never',
-        dot_thickness: 'size',
-        inactive_dot_opacity: 'number',
-        inactive_dot_color: 'color',
-        active_dot_color: 'color',
+        testID: 'string',
+        buttonType: ['previous_button', 'next_button', 'skip_button'],
+        skipNumber: 'number',
+        buttons_direction: ['row', 'column'],
+        forIndex: 'number',
+        seperatorColor: 'color',
+        condition: ['carousel-index'],
+        conditionVariable: 'number',
       },
     },
     meta: {
-      desiredParent: ['>OnboardProvider'],
-      label: 'Onboard Dot',
-      description: 'Renders onboarding progress dots.',
+      desiredParent: ['=OnboardItem'],
+      label: 'Onboard Buttons',
+      description: 'Wrapper for onboarding button set.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -6237,40 +6067,54 @@ export const patterns = [
             sort: 26,
           },
         },
-        dotType: {
-          label: 'Dot Type',
-          description: 'Dot animation style.',
+        seperatorColor: {
+          label: 'Seperator Color',
+          description: 'Color of the divider line.',
           category: 'style',
           specialCategory: null,
+          sort: 5,
+        },
+        buttonType: {
+          label: 'Button Type',
+          description: 'Which onboard button to show.',
+          category: 'other',
+          specialCategory: null,
           sort: 1,
         },
-        dot_thickness: {
-          label: 'Dot Thickness',
-          description: 'Dot size/diameter.',
-          category: 'style',
+        skipNumber: {
+          label: 'Skip Number',
+          description: 'Slide index to skip to.',
+          category: 'other',
           specialCategory: null,
           sort: 2,
         },
-        inactive_dot_opacity: {
-          label: 'Inactive Dot Opacity',
-          description: 'Opacity for inactive dots.',
-          category: 'style',
+        buttons_direction: {
+          label: 'Buttons Direction',
+          description: 'Direction to lay out buttons.',
+          category: 'container',
           specialCategory: null,
           sort: 3,
         },
-        inactive_dot_color: {
-          label: 'Inactive Dot Color',
-          description: 'Color of inactive dots.',
-          category: 'style',
+        forIndex: {
+          label: 'For Index',
+          description: 'Show only for this slide index.',
+          category: 'other',
           specialCategory: null,
           sort: 4,
         },
-        active_dot_color: {
-          label: 'Active Dot Color',
-          description: 'Color of the active dot.',
-          category: 'style',
+        condition: {
+          label: 'Condition',
+          description: 'Built-in condition to check.',
+          category: 'other',
           specialCategory: null,
-          sort: 5,
+          sort: 6,
+        },
+        conditionVariable: {
+          label: 'Condition Variable',
+          description: 'Value used when checking the condition.',
+          category: 'other',
+          specialCategory: null,
+          sort: 7,
         },
       },
       styles: {},
@@ -6283,35 +6127,26 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        display: 'flex',
+        gap: 12,
         alignItems: 'center',
         justifyContent: 'center',
-        gap: '12@s',
+        marginVertical: '12@vs',
+        marginHorizontal: '24@s',
       },
-      dotType: 'expanding_dot',
-      dot_thickness: 10,
-      inactive_dot_opacity: 0.3,
-      active_dot_color: 'STATIC_COLORS.ONBOARD_DOT_ACTIVE',
-      inactive_dot_color: 'THEME_COLORS.BACKGROUND',
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardFooter',
+      type: 'OnboardDot',
       title: 'title',
       description: 'description',
       children: 'never',
       attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        showEllipsis: 'boolean',
-        translateCounter: 'number',
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -6360,75 +6195,55 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
-        textLocalizationKey: 'string',
-        linkedWordFirstLocalizationKey: 'string',
-        linkedWordFirstColor: 'color',
-        linkedWordFirstPage: 'string',
-        linkedWordSecondLocalizationKey: 'string',
-        linkedWordSecondColor: 'color',
-        linkedWordSecondPage: 'string',
+        testID: 'string',
+        dotType: [
+          'expanding_dot',
+          'normal_dot',
+          'scaling_dot',
+          'sliding_border',
+          'sliding_dot',
+          'liquid_like',
+        ],
+        flexDirection: 'never',
+        alignItems: 'never',
+        justifyContent: 'never',
+        dot_thickness: 'size',
+        inactive_dot_opacity: 'number',
+        inactive_dot_color: 'color',
+        active_dot_color: 'color',
       },
     },
     meta: {
-      desiredParent: ['>OnboardItem'],
-      label: 'Onboard Footer',
-      description: 'Footer text with optional links.',
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
+      desiredParent: ['>OnboardProvider'],
+      label: 'Onboard Dot',
+      description: 'Renders onboarding progress dots.',
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
           sort: 1,
         },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
           sort: 2,
-          preferredScale: 's',
         },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
           sort: 3,
         },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
           sort: 4,
         },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
       },
       attributes: {
-        adjustsFontSizeToFit: {
-          label: 'Adjust Font Size To Fit',
-          description:
-            'Automatically reduces font size to fit the available space.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
-        showEllipsis: {
-          label: 'Show Ellipsis',
-          description:
-            'If text overflows, show ellipsis (…); applied as single-line truncation.',
-          category: 'other',
-          specialCategory: null,
-          sort: 2,
-        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -6702,115 +6517,81 @@ export const patterns = [
             sort: 26,
           },
         },
-        textLocalizationKey: {
-          label: 'Text Localization Key',
-          description: 'Localization key for the footer text.',
-          category: 'other',
+        dotType: {
+          label: 'Dot Type',
+          description: 'Dot animation style.',
+          category: 'style',
           specialCategory: null,
           sort: 1,
         },
-        linkedWordFirstLocalizationKey: {
-          label: 'Linked Word First Localization Key',
-          description: 'Key for the first linked word.',
-          category: 'other',
+        dot_thickness: {
+          label: 'Dot Thickness',
+          description: 'Dot size/diameter.',
+          category: 'style',
           specialCategory: null,
           sort: 2,
         },
-        linkedWordFirstColor: {
-          label: 'Linked Word First Color',
-          description: 'Color of the first linked word.',
-          category: 'other',
+        inactive_dot_opacity: {
+          label: 'Inactive Dot Opacity',
+          description: 'Opacity for inactive dots.',
+          category: 'style',
           specialCategory: null,
           sort: 3,
         },
-        linkedWordFirstPage: {
-          label: 'Linked Word First Page',
-          description: 'Page opened by the first link.',
-          category: 'other',
+        inactive_dot_color: {
+          label: 'Inactive Dot Color',
+          description: 'Color of inactive dots.',
+          category: 'style',
           specialCategory: null,
           sort: 4,
         },
-        linkedWordSecondLocalizationKey: {
-          label: 'Linked Word Second Localization Key',
-          description: 'Key for the second linked word.',
-          category: 'other',
+        active_dot_color: {
+          label: 'Active Dot Color',
+          description: 'Color of the active dot.',
+          category: 'style',
           specialCategory: null,
           sort: 5,
         },
-        linkedWordSecondColor: {
-          label: 'Linked Word Second Color',
-          description: 'Color of the second linked word.',
-          category: 'other',
-          specialCategory: null,
-          sort: 6,
-        },
-        linkedWordSecondPage: {
-          label: 'Linked Word Second Page',
-          description: 'Page opened by the second link.',
-          category: 'other',
-          specialCategory: null,
-          sort: 7,
-        },
-      },
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
-        },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          sort: 3,
-        },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
-          sort: 4,
-        },
       },
+      styles: {},
     },
     defaults: {
-      translateCounter: 1,
       styles: {
-        color: 'THEME_COLORS.TEXT',
-        fontSize: '16@fs',
-        fontWeight: '400',
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        flexWrap: 'wrap',
         alignItems: 'center',
         justifyContent: 'center',
-        textAlign: 'center',
-        paddingHorizontal: '24@s',
+        gap: '12@s',
       },
+      dotType: 'expanding_dot',
+      dot_thickness: 10,
+      inactive_dot_opacity: 0.3,
+      active_dot_color: 'STATIC_COLORS.ONBOARD_DOT_ACTIVE',
+      inactive_dot_color: 'THEME_COLORS.BACKGROUND',
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardImage',
+      type: 'OnboardFooter',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
-        src: 'string',
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
+        translateCounter: 'number',
         styles: {
-          resizeMode: ['cover', 'contain', 'stretch', 'center'],
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -6859,32 +6640,76 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         scrollable: 'boolean',
-        video_url: 'string',
-        lottie: 'string',
+        textLocalizationKey: 'string',
+        linkedWordFirstLocalizationKey: 'string',
+        linkedWordFirstColor: 'color',
+        linkedWordFirstPage: 'string',
+        linkedWordSecondLocalizationKey: 'string',
+        linkedWordSecondColor: 'color',
+        linkedWordSecondPage: 'string',
       },
     },
     meta: {
-      desiredParent: ['>OnboardProvider', '>OnboardItem', '!=Onboard'],
-      label: 'Onboard Image',
-      description: 'Onboarding hero image with media.',
+      desiredParent: ['>OnboardItem'],
+      label: 'Onboard Footer',
+      description: 'Footer text with optional links.',
       styles: {
-        resizeMode: {
-          label: 'Resize Mode',
-          description: 'How the image fits the frame.',
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+          preferredScale: 'f',
+        },
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
           category: 'style',
           specialCategory: null,
           sort: 4,
         },
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
       },
       attributes: {
-        src: {
-          label: 'Src',
-          description: 'Image source URL.',
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -7158,20 +6983,55 @@ export const patterns = [
             sort: 26,
           },
         },
-        video_url: {
-          label: 'Video Url',
-          description: 'URL for the onboarding video.',
+        textLocalizationKey: {
+          label: 'Text Localization Key',
+          description: 'Localization key for the footer text.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
-        lottie: {
-          label: 'Lottie',
-          description: 'Path to the lottie animation.',
+        linkedWordFirstLocalizationKey: {
+          label: 'Linked Word First Localization Key',
+          description: 'Key for the first linked word.',
           category: 'other',
           specialCategory: null,
           sort: 2,
         },
+        linkedWordFirstColor: {
+          label: 'Linked Word First Color',
+          description: 'Color of the first linked word.',
+          category: 'other',
+          specialCategory: null,
+          sort: 3,
+        },
+        linkedWordFirstPage: {
+          label: 'Linked Word First Page',
+          description: 'Page opened by the first link.',
+          category: 'other',
+          specialCategory: null,
+          sort: 4,
+        },
+        linkedWordSecondLocalizationKey: {
+          label: 'Linked Word Second Localization Key',
+          description: 'Key for the second linked word.',
+          category: 'other',
+          specialCategory: null,
+          sort: 5,
+        },
+        linkedWordSecondColor: {
+          label: 'Linked Word Second Color',
+          description: 'Color of the second linked word.',
+          category: 'other',
+          specialCategory: null,
+          sort: 6,
+        },
+        linkedWordSecondPage: {
+          label: 'Linked Word Second Page',
+          description: 'Page opened by the second link.',
+          category: 'other',
+          specialCategory: null,
+          sort: 7,
+        },
       },
       specialCategories: {
         padding: {
@@ -7201,14 +7061,22 @@ export const patterns = [
       },
     },
     defaults: {
+      translateCounter: 1,
       styles: {
-        resizeMode: 'contain',
-        flexDirection: 'column',
+        color: 'THEME_COLORS.TEXT',
+        fontSize: '16@fs',
+        fontWeight: '400',
+        flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
+        paddingHorizontal: '24@s',
       },
     },
     types: {},
@@ -7216,13 +7084,14 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardItem',
+      type: 'OnboardImage',
       title: 'title',
       description: 'description',
       children: 'node',
       attributes: {
-        scrollable: 'boolean',
+        src: 'string',
         styles: {
+          resizeMode: ['cover', 'contain', 'stretch', 'center'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -7271,40 +7140,33 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        display: ['flex', 'block'],
+        testID: 'string',
+        scrollable: 'boolean',
+        video_url: 'string',
+        lottie: 'string',
       },
     },
     meta: {
-      desiredParent: ['=Onboard'],
-      label: 'Onboard Item',
-      description: 'Single onboarding screen section.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
-        },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          sort: 3,
-        },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
+      desiredParent: ['>OnboardProvider', '>OnboardItem', '!=Onboard'],
+      label: 'Onboard Image',
+      description: 'Onboarding hero image with media.',
+      styles: {
+        resizeMode: {
+          label: 'Resize Mode',
+          description: 'How the image fits the frame.',
+          category: 'style',
+          specialCategory: null,
           sort: 4,
         },
       },
       attributes: {
+        src: {
+          label: 'Src',
+          description: 'Image source URL.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -7313,26 +7175,688 @@ export const patterns = [
           sort: -1,
         },
         styles: {
-          gap: {
-            label: 'Gap',
-            description: 'Space between child blocks.',
-            category: 'container',
+          backgroundColor: {
+            label: 'Background Color',
+            description: 'Background fill color.',
+            category: 'style',
             specialCategory: null,
-            sort: 2,
+            sort: 20,
+          },
+          borderRadius: {
+            label: 'Border Radius',
+            description: 'Corner rounding amount.',
+            category: 'style',
+            specialCategory: null,
+            sort: 21,
+            preferredScale: 's',
           },
           flexDirection: {
             label: 'Flex Direction',
-            description: 'Order of child stacking.',
+            description: 'Sets row or column layout.',
+            category: 'container',
+            specialCategory: null,
+            sort: 4,
+          },
+          flexWrap: {
+            label: 'Flex Wrap',
+            description: 'Controls whether flex items wrap to multiple lines.',
+            category: 'container',
+            specialCategory: null,
+            sort: 4.5,
+          },
+          alignItems: {
+            label: 'Align Items',
+            description: 'Controls cross-axis alignment.',
             category: 'container',
             specialCategory: null,
             sort: 3,
           },
-          paddingHorizontal: {
-            label: 'Padding Horizontal',
-            description: 'Left and right padding.',
+          justifyContent: {
+            label: 'Justify Content',
+            description: 'Controls main-axis alignment.',
             category: 'container',
-            specialCategory: 'padding',
-            sort: 4,
+            specialCategory: null,
+            sort: 5,
+          },
+          gap: {
+            label: 'Gap',
+            description: 'Space between children.',
+            category: 'container',
+            specialCategory: null,
+            sort: 10,
+            preferredScale: 's',
+          },
+          padding: {
+            label: 'Padding',
+            description: 'Uniform padding on all sides.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 6,
+            preferredScale: 's',
+          },
+          paddingHorizontal: {
+            label: 'Padding Horizontal',
+            description: 'Left and right padding.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 7,
+            preferredScale: 's',
+          },
+          paddingVertical: {
+            label: 'Padding Vertical',
+            description: 'Top and bottom padding.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 8,
+            preferredScale: 'vs',
+          },
+          paddingTop: {
+            label: 'Padding Top',
+            description: 'Top padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 9,
+            preferredScale: 'vs',
+          },
+          paddingBottom: {
+            label: 'Padding Bottom',
+            description: 'Bottom padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 10,
+            preferredScale: 'vs',
+          },
+          paddingLeft: {
+            label: 'Padding Left',
+            description: 'Left padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 11,
+            preferredScale: 's',
+          },
+          paddingRight: {
+            label: 'Padding Right',
+            description: 'Right padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 12,
+            preferredScale: 's',
+          },
+          margin: {
+            label: 'Margin',
+            description: 'Uniform margin on all sides.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 13,
+            preferredScale: 's',
+          },
+          marginHorizontal: {
+            label: 'Margin Horizontal',
+            description: 'Left and right margin.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 14,
+            preferredScale: 's',
+          },
+          marginVertical: {
+            label: 'Margin Vertical',
+            description: 'Top and bottom margin.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 15,
+            preferredScale: 'vs',
+          },
+          marginTop: {
+            label: 'Margin Top',
+            description: 'Top margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 16,
+            preferredScale: 'vs',
+          },
+          marginBottom: {
+            label: 'Margin Bottom',
+            description: 'Bottom margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 17,
+            preferredScale: 'vs',
+          },
+          marginLeft: {
+            label: 'Margin Left',
+            description: 'Left margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 18,
+            preferredScale: 's',
+          },
+          marginRight: {
+            label: 'Margin Right',
+            description: 'Right margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 19,
+            preferredScale: 's',
+          },
+          width: {
+            label: 'Width',
+            description: 'Fixed width value.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 0,
+            preferredScale: 's',
+          },
+          minWidth: {
+            label: 'Min Width',
+            description: 'Minimum width constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 1,
+            preferredScale: 's',
+          },
+          maxWidth: {
+            label: 'Max Width',
+            description: 'Maximum width constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 2,
+            preferredScale: 's',
+          },
+          height: {
+            label: 'Height',
+            description: 'Fixed height value.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 3,
+            preferredScale: 'vs',
+          },
+          minHeight: {
+            label: 'Min Height',
+            description: 'Minimum height constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 4,
+            preferredScale: 'vs',
+          },
+          maxHeight: {
+            label: 'Max Height',
+            description: 'Maximum height constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 5,
+            preferredScale: 'vs',
+          },
+          flex: {
+            label: 'Flex',
+            description: 'Flex grow factor (e.g. 1 fills available space).',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 6,
+          },
+          position: {
+            label: 'Position',
+            description: 'Sets layout positioning mode.',
+            category: 'container',
+            specialCategory: null,
+            sort: 3,
+          },
+          top: {
+            label: 'Top',
+            description: 'Offset from the top edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 22,
+            preferredScale: 'vs',
+          },
+          bottom: {
+            label: 'Bottom',
+            description: 'Offset from the bottom edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 23,
+            preferredScale: 'vs',
+          },
+          left: {
+            label: 'Left',
+            description: 'Offset from the left edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 24,
+            preferredScale: 's',
+          },
+          right: {
+            label: 'Right',
+            description: 'Offset from the right edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 25,
+            preferredScale: 's',
+          },
+          zIndex: {
+            label: 'Z-Index',
+            description: 'Controls stacking order.',
+            category: 'container',
+            specialCategory: null,
+            sort: 26,
+          },
+        },
+        video_url: {
+          label: 'Video Url',
+          description: 'URL for the onboarding video.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
+        lottie: {
+          label: 'Lottie',
+          description: 'Path to the lottie animation.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
+      },
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
+          sort: 1,
+        },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
+        },
+      },
+    },
+    defaults: {
+      styles: {
+        resizeMode: 'contain',
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
+      },
+    },
+    types: {},
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'OnboardItem',
+      title: 'title',
+      description: 'description',
+      children: 'node',
+      attributes: {
+        scrollable: 'boolean',
+        styles: {
+          flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
+          alignItems: [
+            'flex-start',
+            'center',
+            'flex-end',
+            'stretch',
+            'baseline',
+          ],
+          justifyContent: [
+            'flex-start',
+            'center',
+            'flex-end',
+            'space-between',
+            'space-around',
+            'space-evenly',
+          ],
+          gap: 'size',
+          padding: 'size',
+          paddingHorizontal: 'size',
+          paddingVertical: 'size',
+          paddingTop: 'size',
+          paddingBottom: 'size',
+          paddingLeft: 'size',
+          paddingRight: 'size',
+          margin: 'size',
+          marginHorizontal: 'size',
+          marginVertical: 'size',
+          marginTop: 'size',
+          marginBottom: 'size',
+          marginLeft: 'size',
+          marginRight: 'size',
+          backgroundColor: 'color',
+          borderRadius: 'size',
+          width: 'size',
+          minWidth: 'size',
+          maxWidth: 'size',
+          height: 'size',
+          minHeight: 'size',
+          maxHeight: 'size',
+          flex: 'number',
+          position: ['relative', 'absolute'],
+          top: 'size',
+          bottom: 'size',
+          left: 'size',
+          right: 'size',
+          zIndex: 'number',
+        },
+        testID: 'string',
+        display: ['flex', 'block'],
+      },
+    },
+    meta: {
+      desiredParent: ['=Onboard'],
+      label: 'Onboard Item',
+      description: 'Single onboarding screen section.',
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
+          sort: 1,
+        },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
+        },
+      },
+      attributes: {
+        scrollable: {
+          label: 'Scrollable',
+          description: 'Turns scroll interaction on.',
+          category: 'container',
+          specialCategory: null,
+          sort: -1,
+        },
+        styles: {
+          backgroundColor: {
+            label: 'Background Color',
+            description: 'Background fill color.',
+            category: 'style',
+            specialCategory: null,
+            sort: 20,
+          },
+          borderRadius: {
+            label: 'Border Radius',
+            description: 'Corner rounding amount.',
+            category: 'style',
+            specialCategory: null,
+            sort: 21,
+            preferredScale: 's',
+          },
+          flexDirection: {
+            label: 'Flex Direction',
+            description: 'Order of child stacking.',
+            category: 'container',
+            specialCategory: null,
+            sort: 3,
+          },
+          flexWrap: {
+            label: 'Flex Wrap',
+            description: 'Controls whether flex items wrap to multiple lines.',
+            category: 'container',
+            specialCategory: null,
+            sort: 4.5,
+          },
+          alignItems: {
+            label: 'Align Items',
+            description: 'Controls cross-axis alignment.',
+            category: 'container',
+            specialCategory: null,
+            sort: 3,
+          },
+          justifyContent: {
+            label: 'Justify Content',
+            description: 'Controls main-axis alignment.',
+            category: 'container',
+            specialCategory: null,
+            sort: 5,
+          },
+          gap: {
+            label: 'Gap',
+            description: 'Space between child blocks.',
+            category: 'container',
+            specialCategory: null,
+            sort: 2,
+          },
+          padding: {
+            label: 'Padding',
+            description: 'Uniform padding on all sides.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 6,
+            preferredScale: 's',
+          },
+          paddingHorizontal: {
+            label: 'Padding Horizontal',
+            description: 'Left and right padding.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 4,
+          },
+          paddingVertical: {
+            label: 'Padding Vertical',
+            description: 'Top and bottom padding.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 8,
+            preferredScale: 'vs',
+          },
+          paddingTop: {
+            label: 'Padding Top',
+            description: 'Top padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 9,
+            preferredScale: 'vs',
+          },
+          paddingBottom: {
+            label: 'Padding Bottom',
+            description: 'Bottom padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 10,
+            preferredScale: 'vs',
+          },
+          paddingLeft: {
+            label: 'Padding Left',
+            description: 'Left padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 11,
+            preferredScale: 's',
+          },
+          paddingRight: {
+            label: 'Padding Right',
+            description: 'Right padding only.',
+            category: 'container',
+            specialCategory: 'padding',
+            sort: 12,
+            preferredScale: 's',
+          },
+          margin: {
+            label: 'Margin',
+            description: 'Uniform margin on all sides.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 13,
+            preferredScale: 's',
+          },
+          marginHorizontal: {
+            label: 'Margin Horizontal',
+            description: 'Left and right margin.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 14,
+            preferredScale: 's',
+          },
+          marginVertical: {
+            label: 'Margin Vertical',
+            description: 'Top and bottom margin.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 15,
+            preferredScale: 'vs',
+          },
+          marginTop: {
+            label: 'Margin Top',
+            description: 'Top margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 16,
+            preferredScale: 'vs',
+          },
+          marginBottom: {
+            label: 'Margin Bottom',
+            description: 'Bottom margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 17,
+            preferredScale: 'vs',
+          },
+          marginLeft: {
+            label: 'Margin Left',
+            description: 'Left margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 18,
+            preferredScale: 's',
+          },
+          marginRight: {
+            label: 'Margin Right',
+            description: 'Right margin only.',
+            category: 'container',
+            specialCategory: 'margin',
+            sort: 19,
+            preferredScale: 's',
+          },
+          width: {
+            label: 'Width',
+            description: 'Fixed width value.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 0,
+            preferredScale: 's',
+          },
+          minWidth: {
+            label: 'Min Width',
+            description: 'Minimum width constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 1,
+            preferredScale: 's',
+          },
+          maxWidth: {
+            label: 'Max Width',
+            description: 'Maximum width constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 2,
+            preferredScale: 's',
+          },
+          height: {
+            label: 'Height',
+            description: 'Fixed height value.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 3,
+            preferredScale: 'vs',
+          },
+          minHeight: {
+            label: 'Min Height',
+            description: 'Minimum height constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 4,
+            preferredScale: 'vs',
+          },
+          maxHeight: {
+            label: 'Max Height',
+            description: 'Maximum height constraint.',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 5,
+            preferredScale: 'vs',
+          },
+          flex: {
+            label: 'Flex',
+            description: 'Flex grow factor (e.g. 1 fills available space).',
+            category: 'container',
+            specialCategory: 'size',
+            sort: 6,
+          },
+          position: {
+            label: 'Position',
+            description: 'Sets layout positioning mode.',
+            category: 'container',
+            specialCategory: null,
+            sort: 3,
+          },
+          top: {
+            label: 'Top',
+            description: 'Offset from the top edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 22,
+            preferredScale: 'vs',
+          },
+          bottom: {
+            label: 'Bottom',
+            description: 'Offset from the bottom edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 23,
+            preferredScale: 'vs',
+          },
+          left: {
+            label: 'Left',
+            description: 'Offset from the left edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 24,
+            preferredScale: 's',
+          },
+          right: {
+            label: 'Right',
+            description: 'Offset from the right edge.',
+            category: 'container',
+            specialCategory: 'offset',
+            sort: 25,
+            preferredScale: 's',
+          },
+          zIndex: {
+            label: 'Z-Index',
+            description: 'Controls stacking order.',
+            category: 'container',
+            specialCategory: null,
+            sort: 26,
           },
         },
         display: {
@@ -7418,6 +7942,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         theme: ['light', 'dark', 'all'],
         borderRadius: 'never',
       },
@@ -7453,195 +7978,6 @@ export const patterns = [
         },
       },
       attributes: {
-        scrollable: {
-          label: 'Scrollable',
-          description: 'Turns scroll interaction on.',
-          category: 'container',
-          specialCategory: null,
-          sort: -1,
-        },
-        styles: {
-          paddingTop: {
-            label: 'Padding Top',
-            description: 'Top padding for the provider.',
-            category: 'container',
-            specialCategory: 'padding',
-            sort: 1,
-          },
-          paddingRight: {
-            label: 'Padding Right',
-            description: 'Right padding for the provider.',
-            category: 'container',
-            specialCategory: 'padding',
-            sort: 2,
-          },
-          paddingBottom: {
-            label: 'Padding Bottom',
-            description: 'Bottom padding for the provider.',
-            category: 'container',
-            specialCategory: 'padding',
-            sort: 3,
-          },
-          paddingLeft: {
-            label: 'Padding Left',
-            description: 'Left padding for the provider.',
-            category: 'container',
-            specialCategory: 'padding',
-            sort: 4,
-          },
-        },
-        theme: {
-          label: 'Theme',
-          description:
-            'Controls which app theme(s) this onboarding is intended for.',
-          category: 'other',
-          specialCategory: null,
-          sort: -10,
-        },
-      },
-      styles: {},
-    },
-    defaults: {
-      styles: {
-        flexDirection: 'column',
-        position: 'relative',
-        zIndex: 1,
-        alignSelf: 'flex-start',
-        flexGrow: 0,
-        flexShrink: 0,
-        width: '100%',
-        height: '100%',
-      },
-    },
-    types: {},
-  },
-  {
-    schemaVersion: 2,
-    pattern: {
-      type: 'OnboardSubtitle',
-      title: 'title',
-      description: 'description',
-      children: 'string',
-      attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        showEllipsis: 'boolean',
-        translateCounter: 'number',
-        styles: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: 'string',
-          flexDirection: ['row', 'column'],
-          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
-          alignItems: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'stretch',
-            'baseline',
-          ],
-          justifyContent: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'space-between',
-            'space-around',
-            'space-evenly',
-          ],
-          gap: 'size',
-          padding: 'size',
-          paddingHorizontal: 'size',
-          paddingVertical: 'size',
-          paddingTop: 'size',
-          paddingBottom: 'size',
-          paddingLeft: 'size',
-          paddingRight: 'size',
-          margin: 'size',
-          marginHorizontal: 'size',
-          marginVertical: 'size',
-          marginTop: 'size',
-          marginBottom: 'size',
-          marginLeft: 'size',
-          marginRight: 'size',
-          backgroundColor: 'color',
-          borderRadius: 'size',
-          width: 'size',
-          minWidth: 'size',
-          maxWidth: 'size',
-          height: 'size',
-          minHeight: 'size',
-          maxHeight: 'size',
-          flex: 'number',
-          position: ['relative', 'absolute'],
-          top: 'size',
-          bottom: 'size',
-          left: 'size',
-          right: 'size',
-          zIndex: 'number',
-        },
-        scrollable: 'boolean',
-      },
-    },
-    meta: {
-      desiredParent: ['>OnboardProvider', '>OnboardItem'],
-      label: 'Onboard Subtitle',
-      description: 'Subtitle text for an onboarding step.',
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-          preferredScale: 's',
-        },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-      },
-      attributes: {
-        adjustsFontSizeToFit: {
-          label: 'Adjust Font Size To Fit',
-          description:
-            'Automatically reduces font size to fit the available space.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
-        showEllipsis: {
-          label: 'Show Ellipsis',
-          description:
-            'If text overflows, show ellipsis (…); applied as single-line truncation.',
-          category: 'other',
-          specialCategory: null,
-          sort: 2,
-        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -7727,35 +8063,31 @@ export const patterns = [
           },
           paddingTop: {
             label: 'Padding Top',
-            description: 'Top padding only.',
+            description: 'Top padding for the provider.',
             category: 'container',
-            specialCategory: 'padding',
-            sort: 9,
-            preferredScale: 'vs',
+            specialCategory: 'padding',
+            sort: 1,
           },
           paddingBottom: {
             label: 'Padding Bottom',
-            description: 'Bottom padding only.',
+            description: 'Bottom padding for the provider.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 10,
-            preferredScale: 'vs',
+            sort: 3,
           },
           paddingLeft: {
             label: 'Padding Left',
-            description: 'Left padding only.',
+            description: 'Left padding for the provider.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 11,
-            preferredScale: 's',
+            sort: 4,
           },
           paddingRight: {
             label: 'Padding Right',
-            description: 'Right padding only.',
+            description: 'Right padding for the provider.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 12,
-            preferredScale: 's',
+            sort: 2,
           },
           margin: {
             label: 'Margin',
@@ -7915,46 +8247,27 @@ export const patterns = [
             sort: 26,
           },
         },
-      },
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
-        },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          sort: 3,
-        },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
-          sort: 4,
+        theme: {
+          label: 'Theme',
+          description:
+            'Controls which app theme(s) this onboarding is intended for.',
+          category: 'other',
+          specialCategory: null,
+          sort: -10,
         },
       },
+      styles: {},
     },
     defaults: {
-      translateCounter: 1,
       styles: {
-        color: 'THEME_COLORS.TEXT',
-        fontSize: '14@fs',
-        fontWeight: '600',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        width: '100%',
+        height: '100%',
       },
     },
     types: {},
@@ -7962,7 +8275,7 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardTitle',
+      type: 'OnboardSubtitle',
       title: 'title',
       description: 'description',
       children: 'string',
@@ -8024,13 +8337,14 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         scrollable: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['>OnboardItem', '>OnboardProvider'],
-      label: 'Onboard Title',
-      description: 'Title text for an onboarding step.',
+      desiredParent: ['>OnboardProvider', '>OnboardItem'],
+      label: 'Onboard Subtitle',
+      description: 'Subtitle text for an onboarding step.',
       styles: {
         color: {
           label: 'Color',
@@ -8045,7 +8359,7 @@ export const patterns = [
           category: 'style',
           specialCategory: null,
           sort: 2,
-          preferredScale: 's',
+          preferredScale: 'f',
         },
         fontFamily: {
           label: 'Font Family',
@@ -8391,15 +8705,14 @@ export const patterns = [
       translateCounter: 1,
       styles: {
         color: 'THEME_COLORS.TEXT',
-        fontSize: '24@fs',
-        fontWeight: '700',
+        fontSize: '14@fs',
+        fontWeight: '600',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        textAlign: 'center',
       },
     },
     types: {},
@@ -8407,15 +8720,20 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallBackground',
+      type: 'OnboardTitle',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'string',
       attributes: {
-        src: 'string',
-        resizeMode: ['cover', 'contain', 'stretch', 'center'],
-        scrollable: 'boolean',
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
+        translateCounter: 'number',
         styles: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -8464,27 +8782,68 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
+        scrollable: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['>PaywallProvider'],
-      label: 'Paywall Background',
-      description: 'Paywall Background component.',
-      styles: {},
+      desiredParent: ['>OnboardItem', '>OnboardProvider'],
+      label: 'Onboard Title',
+      description: 'Title text for an onboarding step.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+          preferredScale: 'f',
+        },
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          category: 'style',
+          specialCategory: null,
+          sort: 4,
+        },
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+      },
       attributes: {
-        src: {
-          label: 'Src',
-          description: 'Image source URL.',
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
-        resizeMode: {
-          label: 'Resize Mode',
-          description: 'How the image fits its container.',
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
           category: 'other',
           specialCategory: null,
-          sort: 4,
+          sort: 2,
         },
         scrollable: {
           label: 'Scrollable',
@@ -8788,20 +9147,18 @@ export const patterns = [
       },
     },
     defaults: {
-      resizeMode: 'cover',
+      translateCounter: 1,
       styles: {
-        width: '100%',
-        height: '100%',
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 1,
+        color: 'THEME_COLORS.TEXT',
+        fontSize: '24@fs',
+        fontWeight: '700',
         flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        textAlign: 'center',
       },
     },
     types: {},
@@ -8809,23 +9166,16 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallCloseButton',
+      type: 'PaywallBackground',
       title: 'title',
       description: 'description',
       children: 'never',
       attributes: {
-        iconType: 'iconType',
-        size: 'number',
-        strokeWidth: 'number',
-        adjustsFontSizeToFit: 'boolean',
-        showEllipsis: 'boolean',
-        translateCounter: 'number',
+        src: 'string',
+        resizeMode: ['cover', 'contain', 'stretch', 'center'],
+        testID: 'string',
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -8874,88 +9224,27 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
       },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
-      label: 'Paywall Close Button',
-      description: 'Paywall Close Button component.',
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-          preferredScale: 's',
-        },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-      },
+      label: 'Paywall Background',
+      description: 'Paywall Background component.',
+      styles: {},
       attributes: {
-        iconType: {
-          label: 'Icon',
-          description: 'Which icon to render.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
-        size: {
-          label: 'Size',
-          description: 'Icon size (px).',
-          category: 'other',
-          specialCategory: null,
-          sort: 2,
-        },
-        strokeWidth: {
-          label: 'Stroke Width',
-          description: 'SVG stroke width override (applied to the icon paths).',
-          category: 'other',
-          specialCategory: null,
-          sort: 3,
-        },
-        adjustsFontSizeToFit: {
-          label: 'Adjust Font Size To Fit',
-          description:
-            'Automatically reduces font size to fit the available space.',
+        src: {
+          label: 'Src',
+          description: 'Image source URL.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
-        showEllipsis: {
-          label: 'Show Ellipsis',
-          description:
-            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+        resizeMode: {
+          label: 'Resize Mode',
+          description: 'How the image fits its container.',
           category: 'other',
           specialCategory: null,
-          sort: 2,
+          sort: 4,
         },
         scrollable: {
           label: 'Scrollable',
@@ -9259,38 +9548,45 @@ export const patterns = [
       },
     },
     defaults: {
-      iconType: 'close',
-      strokeWidth: 1.5,
+      resizeMode: 'cover',
       styles: {
-        fontSize: '16@fs',
-        color: 'THEME_COLORS.TEXT',
-        fontWeight: '400',
-        flexDirection: 'row',
+        width: '100%',
+        height: '100%',
         position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
         zIndex: 1,
+        flexDirection: 'column',
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        top: '35@vs',
-        left: '24@s',
-        justifyContent: 'center',
-        alignItems: 'center',
       },
-      translateCounter: 1,
-      size: 24,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallOptions',
+      type: 'PaywallCloseButton',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
-        scrollable: 'boolean',
+        iconType: 'iconType',
+        size: 'number',
+        strokeWidth: 'number',
+        testID: 'string',
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
+        translateCounter: 'number',
         styles: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -9339,39 +9635,89 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        scrollable: 'boolean',
       },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
-      label: 'Paywall Options',
-      description: 'Paywall options selector component.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
+      label: 'Paywall Close Button',
+      description: 'Paywall Close Button component.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
           sort: 1,
         },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
           sort: 2,
+          preferredScale: 'f',
         },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
           sort: 3,
         },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          category: 'style',
+          specialCategory: null,
           sort: 4,
         },
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
       },
       attributes: {
+        iconType: {
+          label: 'Icon',
+          description: 'Which icon to render.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
+        size: {
+          label: 'Size',
+          description: 'Icon size (px).',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
+        strokeWidth: {
+          label: 'Stroke Width',
+          description: 'SVG stroke width override (applied to the icon paths).',
+          category: 'other',
+          specialCategory: null,
+          sort: 3,
+        },
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -9646,27 +9992,60 @@ export const patterns = [
           },
         },
       },
-      styles: {},
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
+          sort: 1,
+        },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
+        },
+      },
     },
     defaults: {
+      iconType: 'close',
+      strokeWidth: 1.5,
       styles: {
+        fontSize: '16@fs',
+        color: 'THEME_COLORS.TEXT',
+        fontWeight: '400',
         flexDirection: 'row',
-        position: 'relative',
+        position: 'absolute',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        justifyContent: 'space-between',
+        top: '35@vs',
+        left: '24@s',
+        justifyContent: 'center',
         alignItems: 'center',
-        minHeight: '60px',
       },
+      translateCounter: 1,
+      size: 24,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallProvider',
+      type: 'PaywallOptions',
       title: 'title',
       description: 'description',
       children: 'node',
@@ -9721,13 +10100,13 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        delay: 'number',
+        testID: 'string',
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Paywall Provider',
-      description: 'Provider/wrapper for paywall screen components.',
+      desiredParent: ['>PaywallProvider'],
+      label: 'Paywall Options',
+      description: 'Paywall options selector component.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -10028,28 +10407,20 @@ export const patterns = [
             sort: 26,
           },
         },
-        delay: {
-          label: 'Back Delay (ms)',
-          description:
-            'Milliseconds before the paywall can be dismissed via back/close.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
       },
-      mockableFeatures: { products: true, benefits: true },
       styles: {},
     },
     defaults: {
       styles: {
-        flexDirection: 'column',
+        flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        width: '100%',
-        height: '100%',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        minHeight: '60px',
       },
     },
     types: {},
@@ -10057,27 +10428,13 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallSubscribeButton',
+      type: 'PaywallProvider',
       title: 'title',
       description: 'description',
-      children: 'string',
+      children: 'node',
       attributes: {
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          fontSize: 'size',
-          fontWeight: [
-            'normal',
-            'bold',
-            '100',
-            '200',
-            '300',
-            '400',
-            '500',
-            '600',
-            '700',
-            '800',
-            '900',
-          ],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -10126,36 +10483,14 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
+        testID: 'string',
+        delay: 'number',
       },
     },
     meta: {
-      desiredParent: ['>PaywallProvider'],
-      label: 'Paywall Subscribe Button',
-      description: 'Paywall subscribe call-to-action button. Extends Button.',
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color of the button.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size of the button.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-        },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight of the button.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-      },
+      desiredParent: ['all'],
+      label: 'Paywall Provider',
+      description: 'Provider/wrapper for paywall screen components.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -10456,26 +10791,28 @@ export const patterns = [
             sort: 26,
           },
         },
+        delay: {
+          label: 'Back Delay (ms)',
+          description:
+            'Milliseconds before the paywall can be dismissed via back/close.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
       },
+      mockableFeatures: { products: true, benefits: true },
+      styles: {},
     },
     defaults: {
-      styles: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: '#6495ED',
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        paddingHorizontal: '20@s',
-        paddingVertical: '12@vs',
-        borderRadius: '12@s',
-        color: '#FFFFFF',
-        fontSize: '16@fs',
-        fontWeight: '700',
+        width: '100%',
+        height: '100%',
       },
     },
     types: {},
@@ -10483,20 +10820,27 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PriceTag',
+      type: 'PaywallSubscribeButton',
       title: 'title',
       description: 'description',
       children: 'string',
       attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        showEllipsis: 'boolean',
-        translateCounter: 'number',
         styles: {
           color: 'color',
           fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: 'string',
+          fontWeight: [
+            'normal',
+            'bold',
+            '100',
+            '200',
+            '300',
+            '400',
+            '500',
+            '600',
+            '700',
+            '800',
+            '900',
+          ],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -10544,80 +10888,65 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
-          textDecorationLine: ['none', 'underline', 'line-through'],
         },
+        testID: 'string',
         scrollable: 'boolean',
-        showOriginalPricePossible: 'boolean',
-        hideIfItsNotDiscount: 'boolean',
       },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
-      label: 'Price Tag',
-      description: 'Displays a price tag text. Extends Text.',
+      label: 'Paywall Subscribe Button',
+      description: 'Paywall subscribe call-to-action button. Extends Button.',
       styles: {
         color: {
           label: 'Color',
-          description: 'Text color.',
+          description: 'Text color of the button.',
           category: 'style',
           specialCategory: null,
           sort: 1,
         },
         fontSize: {
           label: 'Font Size',
-          description: 'Text size.',
+          description: 'Text size of the button.',
           category: 'style',
           specialCategory: null,
           sort: 2,
-          preferredScale: 's',
-        },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
         },
         fontWeight: {
           label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-        textDecorationLine: {
-          label: 'Text Decoration',
-          description:
-            'Text decoration line style (e.g. line-through for strikethrough).',
+          description: 'Text weight of the button.',
           category: 'style',
           specialCategory: null,
-          sort: 6,
+          sort: 3,
         },
       },
-      attributes: {
-        adjustsFontSizeToFit: {
-          label: 'Adjust Font Size To Fit',
-          description:
-            'Automatically reduces font size to fit the available space.',
-          category: 'other',
-          specialCategory: null,
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
           sort: 1,
         },
-        showEllipsis: {
-          label: 'Show Ellipsis',
-          description:
-            'If text overflows, show ellipsis (…); applied as single-line truncation.',
-          category: 'other',
-          specialCategory: null,
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
           sort: 2,
         },
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
+        },
+      },
+      attributes: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -10891,61 +11220,26 @@ export const patterns = [
             sort: 26,
           },
         },
-        showOriginalPricePossible: {
-          label: 'Show Original Price Possible',
-          description: 'When enabled, shows the original price if available.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
-        hideIfItsNotDiscount: {
-          label: 'Hide If No Discount',
-          description:
-            'Hides this element when there is no active discount/promo.',
-          category: 'other',
-          specialCategory: null,
-          sort: 2,
-        },
-      },
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
-        },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          sort: 3,
-        },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
-          sort: 4,
-        },
       },
     },
     defaults: {
-      translateCounter: 1,
       styles: {
-        color: 'THEME_COLORS.TEXT',
-        fontSize: '16@fs',
-        fontWeight: '700',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: '#6495ED',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        paddingHorizontal: '20@s',
+        paddingVertical: '12@vs',
+        borderRadius: '12@s',
+        color: '#FFFFFF',
+        fontSize: '16@fs',
+        fontWeight: '700',
       },
     },
     types: {},
@@ -10953,9 +11247,9 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Pricing',
+      type: 'PriceTag',
       title: 'title',
-      description: 'base.builder.paywall.pricing.default.text',
+      description: 'description',
       children: 'string',
       attributes: {
         adjustsFontSizeToFit: 'boolean',
@@ -11014,15 +11308,18 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
+          textDecorationLine: ['none', 'underline', 'line-through'],
         },
+        testID: 'string',
         scrollable: 'boolean',
+        showOriginalPricePossible: 'boolean',
+        hideIfItsNotDiscount: 'boolean',
       },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
-      label: 'Pricing',
-      description:
-        'Displays pricing details (e.g. promo/trial breakdown). Extends Text.',
+      label: 'Price Tag',
+      description: 'Displays a price tag text. Extends Text.',
       styles: {
         color: {
           label: 'Color',
@@ -11037,7 +11334,7 @@ export const patterns = [
           category: 'style',
           specialCategory: null,
           sort: 2,
-          preferredScale: 's',
+          preferredScale: 'f',
         },
         fontFamily: {
           label: 'Font Family',
@@ -11060,6 +11357,14 @@ export const patterns = [
           specialCategory: null,
           sort: 5,
         },
+        textDecorationLine: {
+          label: 'Text Decoration',
+          description:
+            'Text decoration line style (e.g. line-through for strikethrough).',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
       },
       attributes: {
         adjustsFontSizeToFit: {
@@ -11351,6 +11656,21 @@ export const patterns = [
             sort: 26,
           },
         },
+        showOriginalPricePossible: {
+          label: 'Show Original Price Possible',
+          description: 'When enabled, shows the original price if available.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
+        hideIfItsNotDiscount: {
+          label: 'Hide If No Discount',
+          description:
+            'Hides this element when there is no active discount/promo.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
       },
       specialCategories: {
         padding: {
@@ -11380,18 +11700,17 @@ export const patterns = [
       },
     },
     defaults: {
-      translateCounter: 2,
+      translateCounter: 1,
       styles: {
-        color: 'rgba(255,255,255,0.6)',
-        fontSize: '12@fs',
-        fontWeight: '400',
+        color: 'THEME_COLORS.TEXT',
+        fontSize: '16@fs',
+        fontWeight: '700',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        textAlign: 'center',
       },
     },
     types: {},
@@ -11399,9 +11718,9 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Promo',
+      type: 'Pricing',
       title: 'title',
-      description: 'base.builder.paywall.promo.default.text',
+      description: 'base.builder.paywall.pricing.default.text',
       children: 'string',
       attributes: {
         adjustsFontSizeToFit: 'boolean',
@@ -11461,14 +11780,15 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
         scrollable: 'boolean',
       },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
-      label: 'Promo',
+      label: 'Pricing',
       description:
-        'Displays promotional badge/text (e.g. discount percentage). Extends Text.',
+        'Displays pricing details (e.g. promo/trial breakdown). Extends Text.',
       styles: {
         color: {
           label: 'Color',
@@ -11483,7 +11803,7 @@ export const patterns = [
           category: 'style',
           specialCategory: null,
           sort: 2,
-          preferredScale: 's',
+          preferredScale: 'f',
         },
         fontFamily: {
           label: 'Font Family',
@@ -11828,9 +12148,9 @@ export const patterns = [
     defaults: {
       translateCounter: 2,
       styles: {
-        color: '#34D399',
+        color: 'rgba(255,255,255,0.6)',
         fontSize: '12@fs',
-        fontWeight: '600',
+        fontWeight: '400',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -11845,13 +12165,20 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'RadioButton',
+      type: 'Promo',
       title: 'title',
-      description: 'description',
-      children: 'never',
+      description: 'base.builder.paywall.promo.default.text',
+      children: 'string',
       attributes: {
-        scrollable: 'boolean',
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
+        translateCounter: 'number',
         styles: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -11900,42 +12227,70 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        selected: 'boolean',
-        color: 'color',
-        size: 'number',
+        testID: 'string',
+        scrollable: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Radio Button',
-      description: 'Generic radio button icon.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
+      desiredParent: ['>PaywallProvider'],
+      label: 'Promo',
+      description:
+        'Displays promotional badge/text (e.g. discount percentage). Extends Text.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
           sort: 2,
+          preferredScale: 'f',
         },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
           sort: 3,
         },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          category: 'style',
+          specialCategory: null,
           sort: 4,
         },
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
       },
       attributes: {
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -12209,38 +12564,47 @@ export const patterns = [
             sort: 26,
           },
         },
-        color: {
-          label: 'Color',
-          description: 'Radio color.',
-          category: 'style',
-          specialCategory: null,
+      },
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
           sort: 1,
         },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
         size: {
           label: 'Size',
-          description: 'Radio size in px.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
         },
-        selected: {
-          label: 'Selected',
-          description: 'Whether the radio is selected.',
-          category: 'other',
-          specialCategory: null,
-          sort: 0,
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
         },
       },
-      styles: {},
     },
     defaults: {
+      translateCounter: 2,
       styles: {
+        color: '#34D399',
+        fontSize: '12@fs',
+        fontWeight: '600',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        textAlign: 'center',
       },
     },
     types: {},
@@ -12248,62 +12612,7 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Separator',
-      title: 'title',
-      description: 'description',
-      children: 'never',
-      attributes: {
-        styles: {
-          backgroundColor: 'color',
-          width: 'size',
-          height: 'size',
-          marginHorizontal: 'size',
-          marginVertical: 'size',
-          marginTop: 'size',
-          marginBottom: 'size',
-        },
-      },
-    },
-    meta: {
-      desiredParent: ['all'],
-      label: 'Separator',
-      description: 'Horizontal line separator.',
-      attributes: {
-        styles: {
-          backgroundColor: {
-            label: 'Color',
-            description: 'Separator line color.',
-            category: 'style',
-            specialCategory: null,
-            sort: 1,
-          },
-          width: {
-            label: 'Width',
-            description: 'Separator width.',
-            category: 'container',
-            specialCategory: null,
-            sort: 1,
-            preferredScale: 's',
-          },
-          height: {
-            label: 'Height',
-            description: 'Separator thickness.',
-            category: 'container',
-            specialCategory: null,
-            sort: 2,
-            preferredScale: 'vs',
-          },
-        },
-      },
-    },
-    defaults: {
-      styles: { width: '100%', height: 2, backgroundColor: '#000000' },
-    },
-  },
-  {
-    schemaVersion: 2,
-    pattern: {
-      type: 'StatusBarColor',
+      type: 'RadioButton',
       title: 'title',
       description: 'description',
       children: 'never',
@@ -12358,12 +12667,16 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
+        selected: 'boolean',
+        color: 'color',
+        size: 'number',
       },
     },
     meta: {
       desiredParent: ['all'],
-      label: 'Status Bar Color',
-      description: 'Sets the OS status bar background color.',
+      label: 'Radio Button',
+      description: 'Generic radio button icon.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -12664,16 +12977,29 @@ export const patterns = [
             sort: 26,
           },
         },
-      },
-      styles: {
-        backgroundColor: {
-          label: 'Background Color',
-          description: 'Status bar background color.',
+        color: {
+          label: 'Color',
+          description: 'Radio color.',
           category: 'style',
           specialCategory: null,
           sort: 1,
         },
+        size: {
+          label: 'Size',
+          description: 'Radio size in px.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+        },
+        selected: {
+          label: 'Selected',
+          description: 'Whether the radio is selected.',
+          category: 'other',
+          specialCategory: null,
+          sort: 0,
+        },
       },
+      styles: {},
     },
     defaults: {
       styles: {
@@ -12683,11 +13009,91 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        backgroundColor: 'THEME_COLORS.BACKGROUND',
       },
     },
     types: {},
   },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'Separator',
+      title: 'title',
+      description: 'description',
+      children: 'never',
+      attributes: {
+        styles: {
+          backgroundColor: 'color',
+          width: 'size',
+          height: 'size',
+          marginHorizontal: 'size',
+          marginVertical: 'size',
+          marginTop: 'size',
+          marginBottom: 'size',
+        },
+        testID: 'string',
+      },
+    },
+    meta: {
+      desiredParent: ['all'],
+      label: 'Separator',
+      description: 'Horizontal line separator.',
+      attributes: {
+        styles: {
+          backgroundColor: {
+            label: 'Color',
+            description: 'Separator line color.',
+            category: 'style',
+            specialCategory: null,
+            sort: 1,
+          },
+          width: {
+            label: 'Width',
+            description: 'Separator width.',
+            category: 'container',
+            specialCategory: null,
+            sort: 1,
+            preferredScale: 's',
+          },
+          height: {
+            label: 'Height',
+            description: 'Separator thickness.',
+            category: 'container',
+            specialCategory: null,
+            sort: 2,
+            preferredScale: 'vs',
+          },
+        },
+      },
+    },
+    defaults: {
+      styles: { width: '100%', height: 2, backgroundColor: '#000000' },
+    },
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'StatusBarColor',
+      title: 'title',
+      description: 'description',
+      children: 'never',
+      attributes: { styles: { backgroundColor: 'color' }, testID: 'string' },
+    },
+    meta: {
+      desiredParent: ['all'],
+      label: 'Status Bar Color',
+      description: 'Sets the OS status bar background color.',
+      styles: {
+        backgroundColor: {
+          label: 'Background Color',
+          description: 'Status bar background color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+      },
+    },
+    defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
+  },
   {
     schemaVersion: 2,
     pattern: {
@@ -12751,6 +13157,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: 'string',
         },
+        testID: 'string',
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
         translateCounter: 'number',
@@ -13091,7 +13498,7 @@ export const patterns = [
           category: 'style',
           specialCategory: null,
           sort: 2,
-          preferredScale: 's',
+          preferredScale: 'f',
         },
         fontFamily: {
           label: 'Font Family',
@@ -13190,6 +13597,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        testID: 'string',
       },
     },
     meta: {