@developer_tribe/react-builder 1.2.46 → 1.2.47

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

@@ -5621,11 +5621,23 @@ export const patterns = [
     },
     types: {
       EventObject: {
-        type: ['Permission', 'Navigate', 'Placement'],
-        permission: 'string',
+        type: ['Permission', 'Navigate', 'Placement', 'SetCondition'],
+        permission: [
+          'notification',
+          'camera',
+          'microphone',
+          'location',
+          'photos',
+          'contacts',
+          'att',
+          'rating',
+          'GDPR',
+        ],
         navigate_to: 'string',
         targetIndex: 'number',
-        placementKey: 'string',
+        placementKey: ['terms', 'onboard', 'paywall', 'subscription', 'home'],
+        conditionKey: ['termsAccepted'],
+        value: 'boolean',
       },
     },
     meta: {
@@ -6019,10 +6031,10 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Image',
+      type: 'GlobalProvider',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         styles: {
@@ -6073,17 +6085,18 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
-          resizeMode: ['cover', 'contain', 'stretch', 'center'],
         },
         testID: 'string',
-        src: 'string',
-        fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
+        initialPage: 'string',
+        persistProgress: 'boolean',
+        skipConditions: 'SkipConditionEntry[]',
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Image',
-      description: 'Shows an image or graphic.',
+      desiredParent: ['root'],
+      label: 'Global Provider',
+      description:
+        'Top-level provider that manages multi-page flow (Terms → Onboard → Paywall). Each direct child is treated as a page.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -6384,31 +6397,32 @@ export const patterns = [
             sort: 26,
           },
         },
-        src: {
-          label: 'Src',
-          description: 'Image source URL.',
+        initialPage: {
+          label: 'Initial Page Key',
+          description:
+            'The page key to show first. Defaults to the first child.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
-        fetchStrategy: {
-          label: 'Fetch Strategy',
+        persistProgress: {
+          label: 'Persist Progress',
           description:
-            "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
+            'Save current page and conditions to localStorage so the user continues from where they left off.',
           category: 'other',
           specialCategory: null,
           sort: 2,
         },
-      },
-      styles: {
-        resizeMode: {
-          label: 'Resize Mode',
-          description: 'How the image fits the frame.',
-          category: 'style',
+        skipConditions: {
+          label: 'Skip Conditions',
+          description:
+            'List of page skip rules. Each entry maps a pageKey to a conditionKey: when conditions[conditionKey] is true, that page is skipped on navigate.',
+          category: 'other',
           specialCategory: null,
-          sort: 4,
+          sort: 3,
         },
       },
+      styles: {},
     },
     defaults: {
       styles: {
@@ -6418,19 +6432,20 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        resizeMode: 'contain',
+        flex: 1,
       },
-      fetchStrategy: 'normal',
     },
-    types: {},
+    types: {
+      SkipConditionEntry: { pageKey: 'string', conditionKey: 'string' },
+    },
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Main',
+      type: 'Image',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
         scrollable: 'boolean',
         styles: {
@@ -6481,15 +6496,17 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
+          resizeMode: ['cover', 'contain', 'stretch', 'center'],
         },
         testID: 'string',
-        useSafeAreaView: 'boolean',
+        src: 'string',
+        fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
       },
     },
     meta: {
-      desiredParent: ['root'],
-      label: 'Main',
-      description: 'Top-level screen wrapper (safe area, base layout).',
+      desiredParent: ['all'],
+      label: 'Image',
+      description: 'Shows an image or graphic.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -6790,18 +6807,31 @@ export const patterns = [
             sort: 26,
           },
         },
-        useSafeAreaView: {
-          label: 'Use Safe Area View',
-          description:
-            'Wraps content with a safe-area-aware container (when supported by the target).',
-          category: 'container',
+        src: {
+          label: 'Src',
+          description: 'Image source URL.',
+          category: 'other',
           specialCategory: null,
           sort: 1,
-          forceVisible: true,
+        },
+        fetchStrategy: {
+          label: 'Fetch Strategy',
+          description:
+            "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
+      },
+      styles: {
+        resizeMode: {
+          label: 'Resize Mode',
+          description: 'How the image fits the frame.',
+          category: 'style',
+          specialCategory: null,
+          sort: 4,
         },
       },
-      hideAllAttributes: true,
-      styles: {},
     },
     defaults: {
       styles: {
@@ -6811,55 +6841,16 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        width: '100%',
-        height: '100%',
-        flex: 1,
+        resizeMode: 'contain',
       },
-      useSafeAreaView: true,
+      fetchStrategy: 'normal',
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'NavigationBarColor',
-      title: 'title',
-      description: 'description',
-      children: 'never',
-      attributes: {
-        styles: { backgroundColor: 'color' },
-        translucent: 'boolean',
-      },
-    },
-    meta: {
-      desiredParent: ['all'],
-      label: 'Navigation Bar Color',
-      description: 'Sets the OS navigation bar background color.',
-      styles: {
-        backgroundColor: {
-          label: 'Background Color',
-          description: 'Navigation bar background color.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-      },
-      attributes: {
-        translucent: {
-          label: 'Translucent',
-          description: 'Sets the navigation bar to translucent.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-        },
-      },
-    },
-    defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
-  },
-  {
-    schemaVersion: 2,
-    pattern: {
-      type: 'Onboard',
+      type: 'Main',
       title: 'title',
       description: 'description',
       children: 'node',
@@ -6915,12 +6906,13 @@ export const patterns = [
           zIndex: 'number',
         },
         testID: 'string',
+        useSafeAreaView: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['=OnboardProvider'],
-      label: 'Onboard',
-      description: 'Wraps the onboarding flow.',
+      desiredParent: ['root'],
+      label: 'Main',
+      description: 'Top-level screen wrapper (safe area, base layout).',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -7221,42 +7213,82 @@ export const patterns = [
             sort: 26,
           },
         },
+        useSafeAreaView: {
+          label: 'Use Safe Area View',
+          description:
+            'Wraps content with a safe-area-aware container (when supported by the target).',
+          category: 'container',
+          specialCategory: null,
+          sort: 1,
+          forceVisible: true,
+        },
       },
-      desiredChildren: ['=OnboardItem'],
+      hideAllAttributes: true,
       styles: {},
     },
     defaults: {
       styles: {
-        flexDirection: 'row',
+        flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        width: '100%',
+        height: '100%',
+        flex: 1,
       },
+      useSafeAreaView: true,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardButton',
+      type: 'NavigationBarColor',
       title: 'title',
       description: 'description',
       children: 'never',
       attributes: {
-        labelKey: 'string',
-        events: 'EventObject[]',
-        testID: ['onboardSkip', 'onboardNext'],
+        styles: { backgroundColor: 'color' },
+        translucent: 'boolean',
+      },
+    },
+    meta: {
+      desiredParent: ['all'],
+      label: 'Navigation Bar Color',
+      description: 'Sets the OS navigation bar background color.',
+      styles: {
+        backgroundColor: {
+          label: 'Background Color',
+          description: 'Navigation bar background color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+      },
+      attributes: {
+        translucent: {
+          label: 'Translucent',
+          description: 'Sets the navigation bar to translucent.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+        },
+      },
+    },
+    defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'Onboard',
+      title: 'title',
+      description: 'description',
+      children: 'node',
+      attributes: {
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          backgroundColor: 'color',
-          height: 'size',
-          borderRadius: 'size',
-          fontSize: 'size',
-          fontWeight: 'fontWeight',
-          fontFamily: 'fontFamily',
-          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -7289,9 +7321,12 @@ export const patterns = [
           marginBottom: 'size',
           marginLeft: 'size',
           marginRight: 'size',
+          backgroundColor: 'color',
+          borderRadius: 'size',
           width: 'size',
           minWidth: 'size',
           maxWidth: 'size',
+          height: 'size',
           minHeight: 'size',
           maxHeight: 'size',
           flex: 'number',
@@ -7302,82 +7337,40 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        adjustsFontSizeToFit: 'boolean',
-        numberOfLines: 'number',
-        translateCounter: 'number',
-        scrollable: 'boolean',
-        animation: [
-          'simple-animation',
-          'line-animation',
-          'blur',
-          'blur-animation',
-          'blur-line-animation',
-        ],
-        animation_color: 'color',
-      },
-    },
-    defaults: {
-      attributes: { labelKey: 'Button' },
-      styles: {
-        height: '40@vs',
-        borderRadius: '12@s',
-        backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
-        color: 'THEME_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT',
-        fontSize: '16@fs',
-        fontWeight: '400',
-        flexDirection: 'column',
-        position: 'relative',
-        zIndex: 1,
-        alignSelf: 'flex-start',
-        flexGrow: 0,
-        flexShrink: 0,
-      },
-      translateCounter: 1,
-      numberOfLines: 1,
-    },
-    types: {
-      EventObject: {
-        type: ['Permission', 'Navigate', 'Placement'],
-        permission: 'string',
-        navigate_to: 'string',
-        targetIndex: 'number',
-        placementKey: 'string',
+        testID: 'string',
       },
     },
     meta: {
-      label: 'Onboard Button',
-      description: 'Single action button for onboard.',
-      attributes: {
-        labelKey: {
-          label: 'Label Key',
-          description: 'Localization key for the button text.',
-          category: 'other',
-          specialCategory: null,
+      desiredParent: ['=OnboardProvider'],
+      label: 'Onboard',
+      description: 'Wraps the onboarding flow.',
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
           sort: 1,
         },
-        events: {
-          label: 'Events',
-          description: 'List of events fired by the button.',
-          category: 'other',
-          specialCategory: null,
-          sort: 7,
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
         },
-        adjustsFontSizeToFit: {
-          label: 'Adjust Font Size To Fit',
-          description:
-            'Automatically reduces font size to fit the available space.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
         },
-        showEllipsis: {
-          label: 'Show Ellipsis',
-          description:
-            'If text overflows, show ellipsis (…); applied as single-line truncation.',
-          category: 'other',
-          specialCategory: null,
-          sort: 2,
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
         },
+      },
+      attributes: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -7650,106 +7643,43 @@ export const patterns = [
             specialCategory: null,
             sort: 26,
           },
-          color: {
-            label: 'Color',
-            description: 'Text color.',
-            category: 'style',
-            specialCategory: null,
-            sort: 1,
-          },
-        },
-        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,
         },
       },
-      desiredParent: ['=OnboardButtons'],
+      desiredChildren: ['=OnboardItem'],
+      styles: {},
+    },
+    defaults: {
       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,
-        },
-      },
-      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,
-        },
+        flexDirection: 'row',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
       },
     },
+    types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardButtons',
+      type: 'OnboardButton',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
-        scrollable: 'boolean',
+        labelKey: 'string',
+        events: 'EventObject[]',
+        testID: ['onboardSkip', 'onboardNext'],
         styles: {
+          color: 'color',
+          backgroundColor: 'color',
+          height: 'size',
+          borderRadius: 'size',
+          fontSize: 'size',
+          fontWeight: 'fontWeight',
+          fontFamily: 'fontFamily',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -7782,12 +7712,9 @@ export const patterns = [
           marginBottom: 'size',
           marginLeft: 'size',
           marginRight: 'size',
-          backgroundColor: 'color',
-          borderRadius: 'size',
           width: 'size',
           minWidth: 'size',
           maxWidth: 'size',
-          height: 'size',
           minHeight: 'size',
           maxHeight: 'size',
           flex: 'number',
@@ -7798,47 +7725,94 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        testID: 'string',
-        buttonType: ['previous_button', 'next_button', 'skip_button'],
-        skipNumber: 'number',
-        buttons_direction: ['row', 'column'],
-        forIndex: 'number',
-        seperatorColor: 'color',
-        condition: ['carousel-index'],
-        conditionVariable: 'number',
+        adjustsFontSizeToFit: 'boolean',
+        numberOfLines: 'number',
+        translateCounter: 'number',
+        scrollable: 'boolean',
+        animation: [
+          'simple-animation',
+          'line-animation',
+          'blur',
+          'blur-animation',
+          'blur-line-animation',
+        ],
+        animation_color: 'color',
+      },
+    },
+    defaults: {
+      attributes: { labelKey: 'Button' },
+      styles: {
+        height: '40@vs',
+        borderRadius: '12@s',
+        backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
+        color: 'THEME_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT',
+        fontSize: '16@fs',
+        fontWeight: '400',
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
+      },
+      translateCounter: 1,
+      numberOfLines: 1,
+    },
+    types: {
+      EventObject: {
+        type: ['Permission', 'Navigate', 'Placement', 'SetCondition'],
+        permission: [
+          'notification',
+          'camera',
+          'microphone',
+          'location',
+          'photos',
+          'contacts',
+          'att',
+          'rating',
+          'GDPR',
+        ],
+        navigate_to: 'string',
+        targetIndex: 'number',
+        placementKey: ['terms', 'onboard', 'paywall', 'subscription', 'home'],
+        conditionKey: ['termsAccepted'],
+        value: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['=OnboardItem'],
-      label: 'Onboard Buttons',
-      description: 'Wrapper for onboarding button set.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
+      label: 'Onboard Button',
+      description: 'Single action button for onboard.',
+      attributes: {
+        labelKey: {
+          label: 'Label Key',
+          description: 'Localization key for the button text.',
+          category: 'other',
+          specialCategory: null,
           sort: 1,
         },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
+        events: {
+          label: 'Events',
+          description: 'List of events fired by the button.',
+          category: 'other',
+          specialCategory: null,
+          sort: 7,
         },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          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,
         },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
-          sort: 4,
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
         },
-      },
-      attributes: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -8111,84 +8085,103 @@ 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.',
-          category: 'other',
+        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,
+        },
+      },
+      desiredParent: ['=OnboardButtons'],
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
           specialCategory: null,
           sort: 1,
         },
-        skipNumber: {
-          label: 'Skip Number',
-          description: 'Slide index to skip to.',
-          category: 'other',
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
           specialCategory: null,
           sort: 2,
+          preferredScale: 'f',
         },
-        buttons_direction: {
-          label: 'Buttons Direction',
-          description: 'Direction to lay out buttons.',
-          category: 'container',
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
           specialCategory: null,
           sort: 3,
         },
-        forIndex: {
-          label: 'For Index',
-          description: 'Show only for this slide index.',
-          category: 'other',
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          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',
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
           specialCategory: null,
-          sort: 7,
+          sort: 5,
         },
       },
-      styles: {},
-    },
-    defaults: {
-      styles: {
-        flexDirection: 'row',
-        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',
+      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,
+        },
       },
     },
-    types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardDot',
+      type: 'OnboardButtons',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         styles: {
@@ -8241,27 +8234,19 @@ export const patterns = [
           zIndex: 'number',
         },
         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',
+        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',
@@ -8562,40 +8547,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: {},
@@ -8608,35 +8607,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',
-        numberOfLines: 'number',
-        translateCounter: 'number',
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -8685,76 +8675,55 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
         testID: 'string',
-        textLocalizationKey: 'string',
-        linkedWordFirstLocalizationKey: 'string',
-        linkedWordFirstColor: 'color',
-        linkedWordFirstPage: 'string',
-        linkedWordSecondLocalizationKey: 'string',
-        linkedWordSecondColor: 'color',
-        linkedWordSecondPage: '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: 'f',
         },
-        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.',
@@ -9028,118 +8997,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,
-      numberOfLines: 1,
       styles: {
-        color: 'THEME_COLORS.TEXT',
-        fontSize: '16@fs',
-        fontWeight: '400',
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        minHeight: '50@vs',
-        flexWrap: 'wrap',
         alignItems: 'center',
         justifyContent: 'center',
-        textAlign: 'center',
-        paddingHorizontal: '16@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',
-        fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
+        adjustsFontSizeToFit: 'boolean',
+        numberOfLines: 'number',
+        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: [
@@ -9190,35 +9122,70 @@ export const patterns = [
         },
         scrollable: 'boolean',
         testID: 'string',
-        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,
         },
-        fetchStrategy: {
-          label: 'Fetch Strategy',
+        showEllipsis: {
+          label: 'Show Ellipsis',
           description:
-            "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
           category: 'other',
           specialCategory: null,
           sort: 2,
@@ -9496,31 +9463,66 @@ 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,
         },
-      },
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
+        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: {
+          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,
         },
@@ -9539,15 +9541,24 @@ export const patterns = [
       },
     },
     defaults: {
-      fetchStrategy: 'normal',
+      translateCounter: 1,
+      numberOfLines: 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,
+        minHeight: '50@vs',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
+        paddingHorizontal: '16@s',
       },
     },
     types: {},
@@ -9555,13 +9566,15 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardItem',
+      type: 'OnboardImage',
       title: 'title',
       description: 'description',
       children: 'node',
       attributes: {
-        scrollable: 'boolean',
+        src: 'string',
+        fetchStrategy: ['highIfItsAppLaunch', 'normal', 'lazy', 'none'],
         styles: {
+          resizeMode: ['cover', 'contain', 'stretch', 'center'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -9610,41 +9623,41 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        scrollable: 'boolean',
         testID: 'string',
-        display: ['flex', 'block'],
+        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,
+        },
+        fetchStrategy: {
+          label: 'Fetch Strategy',
+          description:
+            "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı",
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -9670,10 +9683,10 @@ export const patterns = [
           },
           flexDirection: {
             label: 'Flex Direction',
-            description: 'Order of child stacking.',
+            description: 'Sets row or column layout.',
             category: 'container',
             specialCategory: null,
-            sort: 3,
+            sort: 4,
           },
           flexWrap: {
             label: 'Flex Wrap',
@@ -9698,10 +9711,11 @@ export const patterns = [
           },
           gap: {
             label: 'Gap',
-            description: 'Space between child blocks.',
+            description: 'Space between children.',
             category: 'container',
             specialCategory: null,
-            sort: 2,
+            sort: 10,
+            preferredScale: 's',
           },
           padding: {
             label: 'Padding',
@@ -9716,7 +9730,8 @@ export const patterns = [
             description: 'Left and right padding.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 4,
+            sort: 7,
+            preferredScale: 's',
           },
           paddingVertical: {
             label: 'Padding Vertical',
@@ -9916,35 +9931,66 @@ export const patterns = [
             sort: 26,
           },
         },
-        display: {
-          label: 'Display',
-          description: 'Controls layout display mode.',
-          category: 'container',
+        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,
+        },
       },
-      styles: {},
     },
     defaults: {
+      fetchStrategy: 'normal',
       styles: {
+        resizeMode: 'contain',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        gap: '16@vs',
-        paddingHorizontal: '24@s',
       },
-      display: 'flex',
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardProvider',
+      type: 'OnboardItem',
       title: 'title',
       description: 'description',
       children: 'node',
@@ -10000,14 +10046,13 @@ export const patterns = [
           zIndex: 'number',
         },
         testID: 'string',
-        theme: ['light', 'dark', 'all'],
-        borderRadius: 'never',
+        display: ['flex', 'block'],
       },
     },
     meta: {
-      desiredParent: ['root'],
-      label: 'Onboard Provider',
-      description: 'Provides shared settings for onboard.',
+      desiredParent: ['=Onboard'],
+      label: 'Onboard Item',
+      description: 'Single onboarding screen section.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -10060,10 +10105,10 @@ export const patterns = [
           },
           flexDirection: {
             label: 'Flex Direction',
-            description: 'Sets row or column layout.',
+            description: 'Order of child stacking.',
             category: 'container',
             specialCategory: null,
-            sort: 4,
+            sort: 3,
           },
           flexWrap: {
             label: 'Flex Wrap',
@@ -10088,11 +10133,10 @@ export const patterns = [
           },
           gap: {
             label: 'Gap',
-            description: 'Space between children.',
+            description: 'Space between child blocks.',
             category: 'container',
             specialCategory: null,
-            sort: 10,
-            preferredScale: 's',
+            sort: 2,
           },
           padding: {
             label: 'Padding',
@@ -10107,8 +10151,7 @@ export const patterns = [
             description: 'Left and right padding.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 7,
-            preferredScale: 's',
+            sort: 4,
           },
           paddingVertical: {
             label: 'Padding Vertical',
@@ -10120,31 +10163,35 @@ export const patterns = [
           },
           paddingTop: {
             label: 'Padding Top',
-            description: 'Top padding for the provider.',
+            description: 'Top padding only.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 1,
+            sort: 9,
+            preferredScale: 'vs',
           },
           paddingBottom: {
             label: 'Padding Bottom',
-            description: 'Bottom padding for the provider.',
+            description: 'Bottom padding only.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 3,
+            sort: 10,
+            preferredScale: 'vs',
           },
           paddingLeft: {
             label: 'Padding Left',
-            description: 'Left padding for the provider.',
+            description: 'Left padding only.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 4,
+            sort: 11,
+            preferredScale: 's',
           },
           paddingRight: {
             label: 'Padding Right',
-            description: 'Right padding for the provider.',
+            description: 'Right padding only.',
             category: 'container',
             specialCategory: 'padding',
-            sort: 2,
+            sort: 12,
+            preferredScale: 's',
           },
           margin: {
             label: 'Margin',
@@ -10304,13 +10351,12 @@ export const patterns = [
             sort: 26,
           },
         },
-        theme: {
-          label: 'Theme',
-          description:
-            'Controls which app theme(s) this onboarding is intended for.',
-          category: 'other',
+        display: {
+          label: 'Display',
+          description: 'Controls layout display mode.',
+          category: 'container',
           specialCategory: null,
-          sort: -10,
+          sort: 1,
         },
       },
       styles: {},
@@ -10323,29 +10369,23 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        width: '100%',
-        height: '100%',
+        gap: '16@vs',
+        paddingHorizontal: '24@s',
       },
+      display: 'flex',
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardSubtitle',
+      type: 'OnboardProvider',
       title: 'title',
       description: 'description',
-      children: 'string',
+      children: 'node',
       attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        numberOfLines: 'number',
-        translateCounter: 'number',
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -10394,69 +10434,54 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
         testID: 'string',
-      },
-    },
-    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,
+        theme: ['light', 'dark', 'all'],
+        borderRadius: 'never',
+        animation: [
+          'default',
+          'fade',
+          'fade_from_bottom',
+          'fade_from_right',
+          'reveal_from_bottom',
+          'scale_from_center',
+          'slide_from_right',
+          'slide_from_left',
+          'slide_from_bottom',
+          'none',
+        ],
+      },
+    },
+    meta: {
+      desiredParent: ['root'],
+      label: 'Onboard Provider',
+      description: 'Provides shared settings for onboard.',
+      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: 'f',
         },
-        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.',
@@ -10542,35 +10567,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',
+            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',
@@ -10730,47 +10751,35 @@ export const patterns = [
             sort: 26,
           },
         },
-      },
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
+        theme: {
+          label: 'Theme',
+          description:
+            'Controls which app theme(s) this onboarding is intended for.',
+          category: 'other',
+          specialCategory: null,
+          sort: -10,
         },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
+        animation: {
+          label: 'Page transition animation',
+          description:
+            'When this component is a GlobalProvider page: animation used when navigating to this screen.',
+          category: 'other',
+          specialCategory: null,
           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,
-      numberOfLines: 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: {},
@@ -10778,7 +10787,7 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardTitle',
+      type: 'OnboardSubtitle',
       title: 'title',
       description: 'description',
       children: 'string',
@@ -10845,9 +10854,9 @@ export const patterns = [
       },
     },
     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',
@@ -11209,15 +11218,14 @@ export const patterns = [
       numberOfLines: 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: {},
@@ -11225,15 +11233,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',
+        numberOfLines: 'number',
+        translateCounter: 'number',
         styles: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -11282,28 +11295,68 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        scrollable: 'boolean',
         testID: 'string',
       },
     },
     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',
@@ -11607,20 +11660,19 @@ export const patterns = [
       },
     },
     defaults: {
-      resizeMode: 'cover',
+      translateCounter: 1,
+      numberOfLines: 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: {},
@@ -11628,23 +11680,15 @@ 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',
-        numberOfLines: 'number',
-        translateCounter: 'number',
+        src: 'string',
+        resizeMode: ['cover', 'contain', 'stretch', 'center'],
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -11693,89 +11737,28 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
         testID: 'string',
       },
     },
     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: '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,
-        },
-      },
+      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',
@@ -12079,38 +12062,35 @@ 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,
-      numberOfLines: 1,
-      testID: 'paywall-close-button',
-      size: 24,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallFooter',
+      type: 'PaywallCloseButton',
       title: 'title',
       description: 'description',
       children: 'never',
       attributes: {
+        iconType: 'iconType',
+        size: 'number',
+        strokeWidth: 'number',
         adjustsFontSizeToFit: 'boolean',
         numberOfLines: 'number',
         translateCounter: 'number',
@@ -12170,19 +12150,12 @@ export const patterns = [
         },
         scrollable: 'boolean',
         testID: 'string',
-        textLocalizationKey: 'string',
-        linkedWordFirstLocalizationKey: 'string',
-        linkedWordFirstColor: 'color',
-        linkedWordFirstPage: 'string',
-        linkedWordSecondLocalizationKey: 'string',
-        linkedWordSecondColor: 'color',
-        linkedWordSecondPage: 'string',
       },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
-      label: 'Paywall Footer',
-      description: 'Footer text with optional links for paywall screens.',
+      label: 'Paywall Close Button',
+      description: 'Paywall Close Button component.',
       styles: {
         color: {
           label: 'Color',
@@ -12222,6 +12195,27 @@ export const patterns = [
         },
       },
       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:
@@ -12511,55 +12505,6 @@ export const patterns = [
             sort: 26,
           },
         },
-        textLocalizationKey: {
-          label: 'Text Localization Key',
-          description: 'Localization key for the footer text.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
-        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: {
@@ -12589,38 +12534,47 @@ export const patterns = [
       },
     },
     defaults: {
-      translateCounter: 1,
-      numberOfLines: 1,
+      iconType: 'close',
+      strokeWidth: 1.5,
       styles: {
-        color: 'THEME_COLORS.TEXT',
         fontSize: '16@fs',
+        color: 'THEME_COLORS.TEXT',
         fontWeight: '400',
         flexDirection: 'row',
-        position: 'relative',
+        position: 'absolute',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        minHeight: '50@vs',
-        flexWrap: 'wrap',
-        alignItems: 'center',
+        top: '35@vs',
+        left: '24@s',
         justifyContent: 'center',
-        textAlign: 'center',
-        paddingHorizontal: '16@s',
+        alignItems: 'center',
       },
+      translateCounter: 1,
+      numberOfLines: 1,
+      testID: 'paywall-close-button',
+      size: 24,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallOptions',
+      type: 'PaywallFooter',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
-        scrollable: 'boolean',
+        adjustsFontSizeToFit: 'boolean',
+        numberOfLines: 'number',
+        translateCounter: 'number',
         styles: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -12669,40 +12623,76 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        scrollable: 'boolean',
         testID: 'string',
+        textLocalizationKey: 'string',
+        linkedWordFirstLocalizationKey: 'string',
+        linkedWordFirstColor: 'color',
+        linkedWordFirstPage: 'string',
+        linkedWordSecondLocalizationKey: 'string',
+        linkedWordSecondColor: 'color',
+        linkedWordSecondPage: 'string',
       },
     },
     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 Footer',
+      description: 'Footer text with optional links for paywall screens.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
           sort: 1,
         },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
-        },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
+        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,
         },
-        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.',
@@ -12976,20 +12966,102 @@ export const patterns = [
             sort: 26,
           },
         },
+        textLocalizationKey: {
+          label: 'Text Localization Key',
+          description: 'Localization key for the footer text.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
+        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: {
+          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,
+      numberOfLines: 1,
       styles: {
+        color: 'THEME_COLORS.TEXT',
+        fontSize: '16@fs',
+        fontWeight: '400',
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        justifyContent: 'space-between',
+        minHeight: '50@vs',
+        flexWrap: 'wrap',
         alignItems: 'center',
-        minHeight: '60px',
+        justifyContent: 'center',
+        textAlign: 'center',
+        paddingHorizontal: '16@s',
       },
     },
     types: {},
@@ -12997,7 +13069,7 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallProvider',
+      type: 'PaywallOptions',
       title: 'title',
       description: 'description',
       children: 'node',
@@ -13053,13 +13125,12 @@ export const patterns = [
           zIndex: 'number',
         },
         testID: 'string',
-        delay: 'number',
       },
     },
     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',
@@ -13360,28 +13431,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: {},
@@ -13389,27 +13452,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: [
@@ -13458,37 +13507,26 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
         testID: 'string',
+        delay: 'number',
+        animation: [
+          'default',
+          'fade',
+          'fade_from_bottom',
+          'fade_from_right',
+          'reveal_from_bottom',
+          'scale_from_center',
+          'slide_from_right',
+          'slide_from_left',
+          'slide_from_bottom',
+          'none',
+        ],
       },
     },
     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',
@@ -13789,26 +13827,36 @@ 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,
+        },
+        animation: {
+          label: 'Page transition animation',
+          description:
+            'When this component is a GlobalProvider page: animation used when navigating to this screen.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
       },
+      mockableFeatures: { products: true, benefits: true },
+      styles: {},
     },
     defaults: {
       styles: {
-        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',
+        width: '100%',
+        height: '100%',
       },
     },
     types: {},
@@ -13816,26 +13864,33 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PriceTag',
+      type: 'PaywallSubscribeButton',
       title: 'title',
       description: 'description',
       children: 'string',
       attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        numberOfLines: 'number',
-        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',
+          fontWeight: [
+            'normal',
+            'bold',
+            '100',
+            '200',
+            '300',
+            '400',
+            '500',
+            '600',
+            '700',
+            '800',
+            '900',
+          ],
+          flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
+          alignItems: [
+            'flex-start',
+            'center',
+            'flex-end',
             'stretch',
             'baseline',
           ],
@@ -13877,81 +13932,65 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
-          textDecorationLine: ['none', 'underline', 'line-through'],
         },
         scrollable: 'boolean',
         testID: 'string',
-        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: '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,
-        },
-        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.',
@@ -14225,62 +14264,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,
-      numberOfLines: 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: {},
@@ -14288,9 +14291,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',
@@ -14349,16 +14352,18 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
+          textDecorationLine: ['none', 'underline', 'line-through'],
         },
         scrollable: 'boolean',
         testID: 'string',
+        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',
@@ -14396,6 +14401,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: {
@@ -14687,6 +14700,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: {
@@ -14716,19 +14744,18 @@ export const patterns = [
       },
     },
     defaults: {
-      translateCounter: 2,
+      translateCounter: 1,
       numberOfLines: 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: {},
@@ -14736,9 +14763,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',
@@ -14804,9 +14831,9 @@ export const patterns = [
     },
     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',
@@ -15167,9 +15194,9 @@ export const patterns = [
       translateCounter: 2,
       numberOfLines: 1,
       styles: {
-        color: '#34D399',
+        color: 'rgba(255,255,255,0.6)',
         fontSize: '12@fs',
-        fontWeight: '600',
+        fontWeight: '400',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -15184,13 +15211,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',
+        numberOfLines: 'number',
+        translateCounter: 'number',
         styles: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -15239,43 +15273,70 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        scrollable: 'boolean',
         testID: 'string',
-        selected: 'boolean',
-        color: 'color',
-        size: 'number',
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Radio Button',
-      description: 'Generic radio button icon.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding 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,
         },
-        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: {
+        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.',
@@ -15549,152 +15610,1043 @@ 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,
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
+        },
+      },
+    },
+    defaults: {
+      translateCounter: 2,
+      numberOfLines: 1,
+      styles: {
+        color: '#34D399',
+        fontSize: '12@fs',
+        fontWeight: '600',
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
+        textAlign: 'center',
+      },
+    },
+    types: {},
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'RadioButton',
+      title: 'title',
+      description: 'description',
+      children: 'never',
+      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',
+        selected: 'boolean',
+        color: 'color',
+        size: 'number',
+      },
+    },
+    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',
           sort: 2,
         },
-        selected: {
-          label: 'Selected',
-          description: 'Whether the radio is selected.',
-          category: 'other',
+        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: 0,
+          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: '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,
+          },
+          justifyContent: {
+            label: 'Justify Content',
+            description: 'Controls main-axis alignment.',
+            category: 'container',
+            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,
+          },
+        },
+        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: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
+      },
+    },
+    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' },
+        translucent: 'boolean',
+      },
+    },
+    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,
+        },
+      },
+      attributes: {
+        translucent: {
+          label: 'Translucent',
+          description: 'Sets the status bar to translucent.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+        },
+      },
+    },
+    defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'SystemButton',
+      title: 'SystemButton',
+      description: 'A reusable button component for system actions.',
+      children: 'never',
+      attributes: {
+        adjustsFontSizeToFit: 'boolean',
+        numberOfLines: 'number',
+        translateCounter: 'number',
+        styles: {
+          color: 'color',
+          fontSize: 'number',
+          fontFamily: 'fontFamily',
+          fontWeight: 'string',
+          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: 'number',
+          width: 'size',
+          minWidth: 'size',
+          maxWidth: 'size',
+          height: 'number',
+          minHeight: 'size',
+          maxHeight: 'size',
+          flex: 'number',
+          position: ['relative', 'absolute'],
+          top: 'size',
+          bottom: 'size',
+          left: 'size',
+          right: 'size',
+          zIndex: 'number',
+        },
+        scrollable: 'boolean',
+        testID: 'string',
+        labelKey: 'string',
+        events: 'EventObject[]',
+      },
+    },
+    meta: {
+      desiredParent: ['all'],
+      label: 'System Button',
+      description: 'Versatile button for navigation, permissions, and more.',
+      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: {
+        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.',
+          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: '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,
+          },
+          justifyContent: {
+            label: 'Justify Content',
+            description: 'Controls main-axis alignment.',
+            category: 'container',
+            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,
+          },
+        },
+        labelKey: {
+          label: 'Label Key',
+          description: 'Localization key for button text.',
+          category: 'other',
+          sort: 1,
+        },
+        events: {
+          label: 'Events',
+          description: 'Actions to perform on click.',
+          category: 'other',
+          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,
         },
       },
-      styles: {},
     },
     defaults: {
+      translateCounter: 1,
+      numberOfLines: 1,
       styles: {
+        color: 'THEME_COLORS.SYSTEM_BUTTON_TEXT',
+        fontSize: '16@fs',
+        fontWeight: '400',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        height: 48,
+        borderRadius: 8,
+        backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
       },
+      attributes: { labelKey: 'Button' },
     },
-    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',
-          },
-        },
+    types: {
+      EventObject: {
+        type: ['Permission', 'Navigate', 'Placement', 'SetCondition'],
+        permission: [
+          'notification',
+          'camera',
+          'microphone',
+          'location',
+          'photos',
+          'contacts',
+          'att',
+          'rating',
+          'GDPR',
+        ],
+        navigate_to: 'string',
+        targetIndex: 'number',
+        placementKey: ['terms', 'onboard', 'paywall', 'subscription', 'home'],
+        conditionKey: ['termsAccepted'],
+        value: 'boolean',
       },
     },
-    defaults: {
-      styles: { width: '100%', height: 2, backgroundColor: '#000000' },
-    },
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'StatusBarColor',
+      type: 'TermsProvider',
       title: 'title',
       description: 'description',
-      children: 'never',
-      attributes: {
-        styles: { backgroundColor: 'color' },
-        translucent: 'boolean',
-      },
-    },
-    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,
-        },
-      },
-      attributes: {
-        translucent: {
-          label: 'Translucent',
-          description: 'Sets the status bar to translucent.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-        },
-      },
-    },
-    defaults: { styles: { backgroundColor: 'THEME_COLORS.BACKGROUND' } },
-  },
-  {
-    schemaVersion: 2,
-    pattern: {
-      type: 'SystemButton',
-      title: 'SystemButton',
-      description: 'A reusable button component for system actions.',
-      children: 'never',
+      children: 'node',
       attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        numberOfLines: 'number',
-        translateCounter: 'number',
+        scrollable: 'boolean',
         styles: {
-          color: 'color',
-          fontSize: 'number',
-          fontFamily: 'fontFamily',
-          fontWeight: 'string',
-          textAlign: 'string',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -15728,11 +16680,11 @@ export const patterns = [
           marginLeft: 'size',
           marginRight: 'size',
           backgroundColor: 'color',
-          borderRadius: 'number',
+          borderRadius: 'size',
           width: 'size',
           minWidth: 'size',
           maxWidth: 'size',
-          height: 'number',
+          height: 'size',
           minHeight: 'size',
           maxHeight: 'size',
           flex: 'number',
@@ -15743,71 +16695,53 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
         testID: 'string',
-        labelKey: 'string',
-        events: 'EventObject[]',
+        animation: [
+          'default',
+          'fade',
+          'fade_from_bottom',
+          'fade_from_right',
+          'reveal_from_bottom',
+          'scale_from_center',
+          'slide_from_right',
+          'slide_from_left',
+          'slide_from_bottom',
+          'none',
+        ],
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'System Button',
-      description: 'Versatile button for navigation, permissions, and more.',
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
+      desiredParent: ['root', 'GlobalProvider'],
+      label: 'Terms Provider',
+      description:
+        'Provider for terms & privacy page (e.g. WebView + form). Use as a GlobalProvider page.',
+      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: 'f',
         },
-        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.',
@@ -16081,74 +17015,31 @@ export const patterns = [
             sort: 26,
           },
         },
-        labelKey: {
-          label: 'Label Key',
-          description: 'Localization key for button text.',
-          category: 'other',
-          sort: 1,
-        },
-        events: {
-          label: 'Events',
-          description: 'Actions to perform on click.',
+        animation: {
+          label: 'Page transition animation',
+          description:
+            'When this component is a GlobalProvider page: animation used when navigating to this screen.',
           category: 'other',
-          sort: 2,
-        },
-      },
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
+          specialCategory: null,
           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,
-      numberOfLines: 1,
       styles: {
-        color: 'THEME_COLORS.SYSTEM_BUTTON_TEXT',
-        fontSize: '16@fs',
-        fontWeight: '400',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        height: 48,
-        borderRadius: 8,
-        backgroundColor: 'THEME_COLORS.SYSTEM_BUTTON_BACKGROUND',
-      },
-      attributes: { labelKey: 'Button' },
-    },
-    types: {
-      EventObject: {
-        type: ['Permission', 'Navigate', 'Placement'],
-        permission: 'string',
-        navigate_to: 'string',
-        targetIndex: 'number',
-        placementKey: 'string',
+        width: '100%',
+        height: '100%',
+        flex: 1,
       },
     },
+    types: {},
   },
   {
     schemaVersion: 2,