@developer_tribe/react-builder 1.2.25 → 1.2.27

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

@@ -3242,7 +3242,6 @@ export const patterns = [
       description: 'description',
       children: 'never',
       attributes: {
-        count: 'number',
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
         style: {
@@ -3250,7 +3249,7 @@ export const patterns = [
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
+          textAlign: 'never',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -3285,7 +3284,7 @@ export const patterns = [
           marginRight: 'size',
           backgroundColor: 'color',
           borderRadius: 'size',
-          width: 'size',
+          width: 'never',
           minWidth: 'size',
           maxWidth: 'size',
           height: 'size',
@@ -3300,6 +3299,7 @@ export const patterns = [
           zIndex: 'number',
         },
         scrollable: 'boolean',
+        count: 'number',
       },
       defaults: {
         style: {
@@ -3313,14 +3313,60 @@ export const patterns = [
       desiredParent: ['all'],
       label: 'Count Down',
       description: 'Displays a countdown timer.',
-      attributes: {
-        count: {
-          label: 'Count (ms)',
-          description: 'Countdown duration in milliseconds.',
-          category: 'other',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
           specialCategory: null,
           sort: 1,
         },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+          preferredScale: 's',
+        },
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          category: 'style',
+          specialCategory: null,
+          sort: 4,
+        },
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        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',
+        },
+      },
+      attributes: {
         adjustsFontSizeToFit: {
           label: 'Adjust Font Size To Fit',
           description:
@@ -3593,59 +3639,13 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
-      },
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
+        count: {
+          label: 'Count (ms)',
+          description: 'Countdown duration in milliseconds.',
+          category: 'other',
           specialCategory: null,
           sort: 1,
         },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-          preferredScale: 's',
-        },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-        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',
-        },
       },
       specialCategories: {
         padding: {
@@ -3692,19 +3692,13 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Counter',
+      type: 'Image',
       title: 'title',
       description: 'description',
       children: 'never',
       attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        showEllipsis: 'boolean',
+        scrollable: 'boolean',
         style: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -3752,59 +3746,43 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
+          resizeMode: ['cover', 'contain', 'stretch', 'center'],
         },
-        scrollable: 'boolean',
-        count: 'number',
-      },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
+        src: 'string',
       },
+      defaults: { style: { resizeMode: 'contain' } },
     },
     meta: {
       desiredParent: ['all'],
-      label: 'Counter',
-      description: 'Displays a numeric counter.',
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
+      label: 'Image',
+      description: 'Shows an image or graphic.',
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
           sort: 1,
         },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
           sort: 2,
-          preferredScale: 's',
         },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
           sort: 3,
         },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
           sort: 4,
         },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
+      },
+      styles: {
         backgroundColor: {
           label: 'Background Color',
           description: 'Background fill color.',
@@ -3820,24 +3798,15 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
-      },
-      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',
+        resizeMode: {
+          label: 'Resize Mode',
+          description: 'How the image fits the frame.',
+          category: 'style',
           specialCategory: null,
-          sort: 2,
+          sort: 4,
         },
+      },
+      attributes: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -4094,52 +4063,24 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
-        count: {
-          label: 'Count',
-          description: 'Numeric value to display.',
+        src: {
+          label: 'Src',
+          description: 'Image source URL.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
       },
-      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: {
       style: {
-        color: 'THEME_COLORS.TEXT',
-        fontSize: '16@fs',
-        fontWeight: '400',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        resizeMode: 'contain',
       },
     },
     types: {},
@@ -4147,10 +4088,10 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Image',
+      type: 'Main',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         style: {
@@ -4201,16 +4142,14 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
-          resizeMode: ['cover', 'contain', 'stretch', 'center'],
         },
-        src: 'string',
+        useSafeAreaView: 'boolean',
       },
-      defaults: { style: { resizeMode: 'contain' } },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Image',
-      description: 'Shows an image or graphic.',
+      desiredParent: ['root'],
+      label: 'Main',
+      description: 'Top-level screen wrapper (safe area, base layout).',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -4253,13 +4192,6 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
-        resizeMode: {
-          label: 'Resize Mode',
-          description: 'How the image fits the frame.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
       },
       attributes: {
         scrollable: {
@@ -4518,14 +4450,17 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
-        src: {
-          label: 'Src',
-          description: 'Image source URL.',
-          category: 'other',
+        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,
         },
       },
+      hideAllAttributes: true,
     },
     defaults: {
       style: {
@@ -4535,18 +4470,21 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        resizeMode: 'contain',
+        width: '100%',
+        height: '100%',
+        flex: 1,
       },
+      useSafeAreaView: true,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Main',
+      type: 'NavigationBarColor',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
         scrollable: 'boolean',
         style: {
@@ -4598,13 +4536,12 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        useSafeAreaView: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['root'],
-      label: 'Main',
-      description: 'Top-level screen wrapper (safe area, base layout).',
+      desiredParent: ['all'],
+      label: 'Navigation Bar Color',
+      description: 'Sets the OS navigation bar background color.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -4634,10 +4571,10 @@ export const patterns = [
       styles: {
         backgroundColor: {
           label: 'Background Color',
-          description: 'Background fill color.',
+          description: 'Navigation bar background color.',
           category: 'style',
           specialCategory: null,
-          sort: 20,
+          sort: 1,
         },
         borderRadius: {
           label: 'Border Radius',
@@ -4905,17 +4842,7 @@ export const patterns = [
           specialCategory: null,
           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,
-        },
       },
-      hideAllAttributes: true,
     },
     defaults: {
       style: {
@@ -4925,21 +4852,18 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        width: '100%',
-        height: '100%',
-        flex: 1,
+        backgroundColor: 'THEME_COLORS.BACKGROUND',
       },
-      useSafeAreaView: true,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'NavigationBarColor',
+      type: 'Onboard',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         style: {
@@ -4994,9 +4918,9 @@ export const patterns = [
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Navigation Bar Color',
-      description: 'Sets the OS navigation bar background color.',
+      desiredParent: ['=OnboardProvider'],
+      label: 'Onboard',
+      description: 'Wraps the onboarding flow.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -5026,10 +4950,10 @@ export const patterns = [
       styles: {
         backgroundColor: {
           label: 'Background Color',
-          description: 'Navigation bar background color.',
+          description: 'Background fill color.',
           category: 'style',
           specialCategory: null,
-          sort: 1,
+          sort: 20,
         },
         borderRadius: {
           label: 'Border Radius',
@@ -5298,16 +5222,16 @@ export const patterns = [
           sort: 26,
         },
       },
+      desiredChildren: ['=OnboardItem'],
     },
     defaults: {
       style: {
-        flexDirection: 'column',
+        flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        backgroundColor: 'THEME_COLORS.BACKGROUND',
       },
     },
     types: {},
@@ -5315,10 +5239,10 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Onboard',
+      type: 'OnboardButton',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
         scrollable: 'boolean',
         style: {
@@ -5370,12 +5294,26 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        labelKey: 'string',
+        button_text_color: 'color',
+        animation: [
+          'simple-animation',
+          'line-animation',
+          'blur',
+          'blur-animation',
+          'blur-line-animation',
+        ],
+        animation_color: 'color',
+        button_background_color: 'color',
+        flex: 'number',
+        events: 'EventObject[]',
       },
+      defaults: { style: { height: '40@vs', borderRadius: '12@s' } },
     },
     meta: {
-      desiredParent: ['=OnboardProvider'],
-      label: 'Onboard',
-      description: 'Wraps the onboarding flow.',
+      desiredParent: ['=OnboardButtons'],
+      label: 'Onboard Button',
+      description: 'Single action button for onboarding.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -5418,6 +5356,34 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
+        button_text_color: {
+          label: 'Button Text Color',
+          description: 'Text color of the button.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+        },
+        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,
+        },
+        button_background_color: {
+          label: 'Button Background Color',
+          description: 'Background color of the button.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
       },
       attributes: {
         scrollable: {
@@ -5625,9 +5591,9 @@ export const patterns = [
         },
         flex: {
           label: 'Flex',
-          description: 'Flex grow factor (e.g. 1 fills available space).',
+          description: 'Flex grow value in layout.',
           category: 'container',
-          specialCategory: 'size',
+          specialCategory: null,
           sort: 6,
         },
         position: {
@@ -5676,28 +5642,50 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
+        labelKey: {
+          label: 'Label Key',
+          description: 'Localization key for the button text.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
+        events: {
+          label: 'Events',
+          description: 'List of events fired by the button.',
+          category: 'other',
+          specialCategory: null,
+          sort: 7,
+        },
       },
-      desiredChildren: ['=OnboardItem'],
     },
     defaults: {
       style: {
-        flexDirection: 'row',
+        flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        height: '40@vs',
+        borderRadius: '12@s',
+      },
+    },
+    types: {
+      EventObject: {
+        type: ['Permission', 'Navigate'],
+        permission: ['att', 'notification', 'rating', 'GDPR', 'null'],
+        navigate_to: 'string',
+        targetIndex: 'number',
       },
     },
-    types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardButton',
+      type: 'OnboardButtons',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         style: {
@@ -5749,26 +5737,30 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        labelKey: 'string',
-        button_text_color: 'color',
-        animation: [
-          'simple-animation',
-          'line-animation',
-          'blur',
-          'blur-animation',
-          'blur-line-animation',
-        ],
-        animation_color: 'color',
-        button_background_color: 'color',
-        flex: 'number',
-        events: 'EventObject[]',
+        buttonType: ['previous_button', 'next_button', 'skip_button'],
+        skipNumber: 'number',
+        buttons_direction: ['row', 'column'],
+        forIndex: 'number',
+        seperatorColor: 'color',
+        condition: ['carousel-index'],
+        conditionVariable: 'number',
+      },
+      defaults: {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          gap: 12,
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginVertical: '12@vs',
+          marginHorizontal: '24@s',
+        },
       },
-      defaults: { style: { height: '40@vs', borderRadius: '12@s' } },
     },
     meta: {
-      desiredParent: ['=OnboardButtons'],
-      label: 'Onboard Button',
-      description: 'Single action button for onboarding.',
+      desiredParent: ['=OnboardItem'],
+      label: 'Onboard Buttons',
+      description: 'Wrapper for onboarding button set.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -5811,30 +5803,9 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
-        button_text_color: {
-          label: 'Button Text Color',
-          description: 'Text color of the button.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-        },
-        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,
-        },
-        button_background_color: {
-          label: 'Button Background Color',
-          description: 'Background color of the button.',
+        seperatorColor: {
+          label: 'Seperator Color',
+          description: 'Color of the divider line.',
           category: 'style',
           specialCategory: null,
           sort: 5,
@@ -6046,9 +6017,9 @@ export const patterns = [
         },
         flex: {
           label: 'Flex',
-          description: 'Flex grow value in layout.',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
           category: 'container',
-          specialCategory: null,
+          specialCategory: 'size',
           sort: 6,
         },
         position: {
@@ -6097,50 +6068,75 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
-        labelKey: {
-          label: 'Label Key',
-          description: 'Localization key for the button text.',
+        buttonType: {
+          label: 'Button Type',
+          description: 'Which onboard button to show.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
-        events: {
-          label: 'Events',
-          description: 'List of events fired by the button.',
+        skipNumber: {
+          label: 'Skip Number',
+          description: 'Slide index to skip to.',
           category: 'other',
           specialCategory: null,
-          sort: 7,
+          sort: 2,
         },
+        buttons_direction: {
+          label: 'Buttons Direction',
+          description: 'Direction to lay out buttons.',
+          category: 'container',
+          specialCategory: null,
+          sort: 3,
+        },
+        forIndex: {
+          label: 'For Index',
+          description: 'Show only for this slide index.',
+          category: 'other',
+          specialCategory: null,
+          sort: 4,
+        },
+        condition: {
+          label: 'Condition',
+          description: 'Built-in condition to check.',
+          category: 'other',
+          specialCategory: null,
+          sort: 6,
+        },
+        conditionVariable: {
+          label: 'Condition Variable',
+          description: 'Value used when checking the condition.',
+          category: 'other',
+          specialCategory: null,
+          sort: 7,
+        },
+      },
+    },
+    defaults: {
+      style: {
+        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',
       },
     },
-    defaults: {
-      style: {
-        flexDirection: 'column',
-        position: 'relative',
-        zIndex: 1,
-        alignSelf: 'flex-start',
-        flexGrow: 0,
-        flexShrink: 0,
-        height: '40@vs',
-        borderRadius: '12@s',
-      },
-    },
-    types: {
-      EventObject: {
-        type: ['Permission', 'Navigate'],
-        permission: ['att', 'notification', 'rating', 'GDPR', 'null'],
-        navigate_to: 'string',
-        targetIndex: 'number',
-      },
-    },
+    types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardButtons',
+      type: 'OnboardDot',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
         scrollable: 'boolean',
         style: {
@@ -6192,30 +6188,27 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        buttonType: ['previous_button', 'next_button', 'skip_button'],
-        skipNumber: 'number',
-        buttons_direction: ['row', 'column'],
-        forIndex: 'number',
-        seperatorColor: 'color',
-        condition: ['carousel-index'],
-        conditionVariable: 'number',
-      },
-      defaults: {
-        style: {
-          display: 'flex',
-          flexDirection: 'row',
-          gap: 12,
-          alignItems: 'center',
-          justifyContent: 'center',
-          marginVertical: '12@vs',
-          marginHorizontal: '24@s',
-        },
+        dotType: [
+          'expanding_dot',
+          'normal_dot',
+          'scaling_dot',
+          'sliding_border',
+          'sliding_dot',
+          'liquid_like',
+        ],
+        dot_thickness: 'size',
+        inactive_dot_opacity: 'number',
+        inactive_dot_color: 'color',
+        active_dot_color: 'color',
+        flexDirection: 'never',
+        alignItems: 'never',
+        justifyContent: 'never',
       },
     },
     meta: {
-      desiredParent: ['=OnboardItem'],
-      label: 'Onboard Buttons',
-      description: 'Wrapper for onboarding button set.',
+      desiredParent: ['>OnboardProvider'],
+      label: 'Onboard Dot',
+      description: 'Renders onboarding progress dots.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -6258,9 +6251,37 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
-        seperatorColor: {
-          label: 'Seperator Color',
-          description: 'Color of the divider line.',
+        dotType: {
+          label: 'Dot Type',
+          description: 'Dot animation style.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        inactive_dot_opacity: {
+          label: 'Inactive Dot Opacity',
+          description: 'Opacity for inactive dots.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        inactive_dot_color: {
+          label: 'Inactive Dot Color',
+          description: 'Color of inactive dots.',
+          category: 'style',
+          specialCategory: null,
+          sort: 4,
+        },
+        dot_thickness: {
+          label: 'Dot Thickness',
+          description: 'Dot size/diameter.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+        },
+        active_dot_color: {
+          label: 'Active Dot Color',
+          description: 'Color of the active dot.',
           category: 'style',
           specialCategory: null,
           sort: 5,
@@ -6523,48 +6544,6 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
-        buttonType: {
-          label: 'Button Type',
-          description: 'Which onboard button to show.',
-          category: 'other',
-          specialCategory: null,
-          sort: 1,
-        },
-        skipNumber: {
-          label: 'Skip Number',
-          description: 'Slide index to skip to.',
-          category: 'other',
-          specialCategory: null,
-          sort: 2,
-        },
-        buttons_direction: {
-          label: 'Buttons Direction',
-          description: 'Direction to lay out buttons.',
-          category: 'container',
-          specialCategory: null,
-          sort: 3,
-        },
-        forIndex: {
-          label: 'For Index',
-          description: 'Show only for this slide index.',
-          category: 'other',
-          specialCategory: null,
-          sort: 4,
-        },
-        condition: {
-          label: 'Condition',
-          description: 'Built-in condition to check.',
-          category: 'other',
-          specialCategory: null,
-          sort: 6,
-        },
-        conditionVariable: {
-          label: 'Condition Variable',
-          description: 'Value used when checking the condition.',
-          category: 'other',
-          specialCategory: null,
-          sort: 7,
-        },
       },
     },
     defaults: {
@@ -6575,26 +6554,33 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
-        display: 'flex',
-        gap: 12,
         alignItems: 'center',
         justifyContent: 'center',
-        marginVertical: '12@vs',
-        marginHorizontal: '24@s',
+        gap: '12@s',
       },
+      dotType: 'expanding_dot',
+      dot_thickness: 10,
+      inactive_dot_opacity: 0.3,
+      active_dot_color: '#007AFF',
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardDot',
+      type: 'OnboardFooter',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'node',
       attributes: {
-        scrollable: 'boolean',
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
         style: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -6643,967 +6629,63 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        dotType: [
-          'expanding_dot',
-          'normal_dot',
-          'scaling_dot',
-          'sliding_border',
-          'sliding_dot',
-          'liquid_like',
-        ],
-        dot_thickness: 'size',
-        inactive_dot_opacity: 'number',
-        inactive_dot_color: 'color',
-        active_dot_color: 'color',
-        flexDirection: 'never',
-        alignItems: 'never',
-        justifyContent: 'never',
+        scrollable: 'boolean',
+        textLocalizationKey: 'string',
+        linkedWordFirstLocalizationKey: 'string',
+        linkedWordFirstColor: 'color',
+        linkedWordFirstPage: 'string',
+        linkedWordSecondLocalizationKey: 'string',
+        linkedWordSecondColor: 'color',
+        linkedWordSecondPage: 'string',
+      },
+      defaults: {
+        style: {
+          color: 'THEME_COLORS.TEXT',
+          fontSize: '16@fs',
+          fontWeight: '400',
+        },
       },
     },
     meta: {
-      desiredParent: ['>OnboardProvider'],
-      label: 'Onboard Dot',
-      description: 'Renders onboarding progress dots.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
+      desiredParent: ['>OnboardItem'],
+      label: 'Onboard Footer',
+      description: 'Footer text with optional links.',
+      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: 's',
         },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          sort: 3,
-        },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
-          sort: 4,
-        },
-      },
-      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',
-        },
-        dotType: {
-          label: 'Dot Type',
-          description: 'Dot animation style.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        inactive_dot_opacity: {
-          label: 'Inactive Dot Opacity',
-          description: 'Opacity for inactive dots.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        inactive_dot_color: {
-          label: 'Inactive Dot Color',
-          description: 'Color of inactive dots.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        dot_thickness: {
-          label: 'Dot Thickness',
-          description: 'Dot size/diameter.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-        },
-        active_dot_color: {
-          label: 'Active Dot Color',
-          description: 'Color of the active dot.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-      },
-      attributes: {
-        scrollable: {
-          label: 'Scrollable',
-          description: 'Turns scroll interaction on.',
-          category: 'container',
-          specialCategory: null,
-          sort: -1,
-        },
-        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,
-        },
-      },
-    },
-    defaults: {
-      style: {
-        flexDirection: 'row',
-        position: 'relative',
-        zIndex: 1,
-        alignSelf: 'flex-start',
-        flexGrow: 0,
-        flexShrink: 0,
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: '12@s',
-      },
-      dotType: 'expanding_dot',
-      dot_thickness: 10,
-      inactive_dot_opacity: 0.3,
-      active_dot_color: '#007AFF',
-    },
-    types: {},
-  },
-  {
-    schemaVersion: 2,
-    pattern: {
-      type: 'OnboardFooter',
-      title: 'title',
-      description: 'description',
-      children: 'node',
-      attributes: {
-        adjustsFontSizeToFit: 'boolean',
-        showEllipsis: 'boolean',
-        style: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
-          flexDirection: ['row', 'column'],
-          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
-          alignItems: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'stretch',
-            'baseline',
-          ],
-          justifyContent: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'space-between',
-            'space-around',
-            'space-evenly',
-          ],
-          gap: 'size',
-          padding: 'size',
-          paddingHorizontal: 'size',
-          paddingVertical: 'size',
-          paddingTop: 'size',
-          paddingBottom: 'size',
-          paddingLeft: 'size',
-          paddingRight: 'size',
-          margin: 'size',
-          marginHorizontal: 'size',
-          marginVertical: 'size',
-          marginTop: 'size',
-          marginBottom: 'size',
-          marginLeft: 'size',
-          marginRight: 'size',
-          backgroundColor: 'color',
-          borderRadius: 'size',
-          width: 'size',
-          minWidth: 'size',
-          maxWidth: 'size',
-          height: 'size',
-          minHeight: 'size',
-          maxHeight: 'size',
-          flex: 'number',
-          position: ['relative', 'absolute'],
-          top: 'size',
-          bottom: 'size',
-          left: 'size',
-          right: 'size',
-          zIndex: 'number',
-        },
-        scrollable: 'boolean',
-        textLocalizationKey: 'string',
-        linkedWordFirstLocalizationKey: 'string',
-        linkedWordFirstColor: 'color',
-        linkedWordFirstPage: 'string',
-        linkedWordSecondLocalizationKey: 'string',
-        linkedWordSecondColor: 'color',
-        linkedWordSecondPage: 'string',
-      },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
-      },
-    },
-    meta: {
-      desiredParent: ['>OnboardItem'],
-      label: 'Onboard Footer',
-      description: 'Footer text with optional links.',
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-          preferredScale: 's',
-        },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-        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',
-        },
-        linkedWordFirstColor: {
-          label: 'Linked Word First Color',
-          description: 'Color of the first linked word.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        linkedWordSecondColor: {
-          label: 'Linked Word Second Color',
-          description: 'Color of the second linked word.',
-          category: 'style',
-          specialCategory: null,
-          sort: 6,
-        },
-      },
-      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,
-        },
-        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',
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
           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,
-        },
-        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,
-        },
-        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,
-        },
-        linkedWordSecondPage: {
-          label: 'Linked Word Second Page',
-          description: 'Page opened by the second link.',
-          category: 'other',
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          category: 'style',
           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,
         },
-      },
-    },
-    defaults: {
-      style: {
-        color: 'THEME_COLORS.TEXT',
-        fontSize: '16@fs',
-        fontWeight: '400',
-        flexDirection: 'row',
-        position: 'relative',
-        zIndex: 1,
-        alignSelf: 'flex-start',
-        flexGrow: 0,
-        flexShrink: 0,
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        justifyContent: 'center',
-        textAlign: 'center',
-        paddingHorizontal: '24@s',
-      },
-    },
-    types: {},
-  },
-  {
-    schemaVersion: 2,
-    pattern: {
-      type: 'OnboardImage',
-      title: 'title',
-      description: 'description',
-      children: 'node',
-      attributes: {
-        src: 'string',
-        style: {
-          resizeMode: ['cover', 'contain', 'stretch', 'center'],
-          flexDirection: ['row', 'column'],
-          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
-          alignItems: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'stretch',
-            'baseline',
-          ],
-          justifyContent: [
-            'flex-start',
-            'center',
-            'flex-end',
-            'space-between',
-            'space-around',
-            'space-evenly',
-          ],
-          gap: 'size',
-          padding: 'size',
-          paddingHorizontal: 'size',
-          paddingVertical: 'size',
-          paddingTop: 'size',
-          paddingBottom: 'size',
-          paddingLeft: 'size',
-          paddingRight: 'size',
-          margin: 'size',
-          marginHorizontal: 'size',
-          marginVertical: 'size',
-          marginTop: 'size',
-          marginBottom: 'size',
-          marginLeft: 'size',
-          marginRight: 'size',
-          backgroundColor: 'color',
-          borderRadius: 'size',
-          width: 'size',
-          minWidth: 'size',
-          maxWidth: 'size',
-          height: 'size',
-          minHeight: 'size',
-          maxHeight: 'size',
-          flex: 'number',
-          position: ['relative', 'absolute'],
-          top: 'size',
-          bottom: 'size',
-          left: 'size',
-          right: 'size',
-          zIndex: 'number',
-        },
-        scrollable: 'boolean',
-        video_url: 'string',
-        lottie: 'string',
-      },
-      defaults: { style: { resizeMode: 'contain' } },
-    },
-    meta: {
-      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.',
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
           category: 'style',
           specialCategory: null,
-          sort: 4,
+          sort: 5,
         },
         backgroundColor: {
           label: 'Background Color',
@@ -7620,15 +6702,38 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
+        linkedWordFirstColor: {
+          label: 'Linked Word First Color',
+          description: 'Color of the first linked word.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        linkedWordSecondColor: {
+          label: 'Linked Word Second Color',
+          description: 'Color of the second linked word.',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
       },
-      attributes: {
-        src: {
-          label: 'Src',
-          description: 'Image source URL.',
+      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.',
@@ -7885,20 +6990,41 @@ export const patterns = [
           specialCategory: null,
           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,
         },
+        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,
+        },
+        linkedWordSecondPage: {
+          label: 'Linked Word Second Page',
+          description: 'Page opened by the second link.',
+          category: 'other',
+          specialCategory: null,
+          sort: 7,
+        },
       },
       specialCategories: {
         padding: {
@@ -7929,13 +7055,20 @@ export const patterns = [
     },
     defaults: {
       style: {
-        resizeMode: 'contain',
-        flexDirection: 'column',
+        color: 'THEME_COLORS.TEXT',
+        fontSize: '16@fs',
+        fontWeight: '400',
+        flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
+        paddingHorizontal: '24@s',
       },
     },
     types: {},
@@ -7943,13 +7076,14 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardItem',
+      type: 'OnboardImage',
       title: 'title',
       description: 'description',
       children: 'node',
       attributes: {
-        scrollable: 'boolean',
+        src: 'string',
         style: {
+          resizeMode: ['cover', 'contain', 'stretch', 'center'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -7998,43 +7132,24 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        display: ['flex', 'block'],
-        gap: 'size',
-        flexDirection: ['row', 'column'],
-        paddingHorizontal: 'size',
+        scrollable: 'boolean',
+        video_url: 'string',
+        lottie: 'string',
       },
+      defaults: { style: { resizeMode: 'contain' } },
     },
     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,
         },
-      },
-      styles: {
         backgroundColor: {
           label: 'Background Color',
           description: 'Background fill color.',
@@ -8052,6 +7167,13 @@ export const patterns = [
         },
       },
       attributes: {
+        src: {
+          label: 'Src',
+          description: 'Image source URL.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -8061,10 +7183,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',
@@ -8089,10 +7211,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',
@@ -8107,7 +7230,8 @@ export const patterns = [
           description: 'Left and right padding.',
           category: 'container',
           specialCategory: 'padding',
-          sort: 4,
+          sort: 7,
+          preferredScale: 's',
         },
         paddingVertical: {
           label: 'Padding Vertical',
@@ -8306,34 +7430,65 @@ export const patterns = [
           specialCategory: null,
           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,
+        },
       },
     },
     defaults: {
       style: {
+        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',
@@ -8388,14 +7543,16 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        theme: ['light', 'dark', 'all'],
-        borderRadius: 'never',
+        display: ['flex', 'block'],
+        gap: 'size',
+        flexDirection: ['row', 'column'],
+        paddingHorizontal: 'size',
       },
     },
     meta: {
-      desiredParent: ['root'],
-      label: 'Onboard Provider',
-      description: 'Provides shared settings for onboarding.',
+      desiredParent: ['=Onboard'],
+      label: 'Onboard Item',
+      description: 'Single onboarding screen section.',
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -8449,10 +7606,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',
@@ -8477,11 +7634,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',
@@ -8496,8 +7652,7 @@ export const patterns = [
           description: 'Left and right padding.',
           category: 'container',
           specialCategory: 'padding',
-          sort: 7,
-          preferredScale: 's',
+          sort: 4,
         },
         paddingVertical: {
           label: 'Padding Vertical',
@@ -8509,31 +7664,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',
@@ -8692,13 +7851,12 @@ export const patterns = [
           specialCategory: null,
           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,
         },
       },
     },
@@ -8710,28 +7868,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',
-        showEllipsis: 'boolean',
+        scrollable: 'boolean',
         style: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -8776,61 +7929,45 @@ export const patterns = [
           position: ['relative', 'absolute'],
           top: 'size',
           bottom: 'size',
-          left: 'size',
-          right: 'size',
-          zIndex: 'number',
-        },
-        scrollable: 'boolean',
-      },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
+          left: 'size',
+          right: 'size',
+          zIndex: 'number',
         },
+        theme: ['light', 'dark', 'all'],
+        borderRadius: 'never',
       },
     },
     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,
+      desiredParent: ['root'],
+      label: 'Onboard Provider',
+      description: 'Provides shared settings for onboarding.',
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
           sort: 1,
         },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
           sort: 2,
-          preferredScale: 's',
         },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
           sort: 3,
         },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
           sort: 4,
         },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
+      },
+      styles: {
         backgroundColor: {
           label: 'Background Color',
           description: 'Background fill color.',
@@ -8848,22 +7985,6 @@ export const patterns = [
         },
       },
       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.',
@@ -8933,35 +8054,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',
@@ -9120,45 +8237,26 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
-      },
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
-          sort: 1,
-        },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
-          sort: 2,
-        },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
-          sort: 3,
-        },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
-          sort: 4,
+        theme: {
+          label: 'Theme',
+          description:
+            'Controls which app theme(s) this onboarding is intended for.',
+          category: 'other',
+          specialCategory: null,
+          sort: -10,
         },
       },
     },
     defaults: {
       style: {
-        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: {},
@@ -9166,7 +8264,7 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'OnboardTitle',
+      type: 'OnboardSubtitle',
       title: 'title',
       description: 'description',
       children: 'string',
@@ -9238,9 +8336,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',
@@ -9598,15 +8696,14 @@ export const patterns = [
     defaults: {
       style: {
         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: {},
@@ -9614,15 +8711,19 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallBackground',
+      type: 'OnboardTitle',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'string',
       attributes: {
-        src: 'string',
-        resizeMode: ['cover', 'contain', 'stretch', 'center'],
-        scrollable: 'boolean',
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
         style: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -9671,32 +8772,57 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        scrollable: 'boolean',
       },
       defaults: {
-        resizeMode: 'cover',
         style: {
-          width: '100%',
-          height: '100%',
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
+          color: 'THEME_COLORS.TEXT',
+          fontSize: '16@fs',
+          fontWeight: '400',
         },
       },
     },
     meta: {
-      desiredParent: ['>PaywallProvider'],
-      label: 'Paywall Background',
-      description: 'Paywall Background component.',
+      desiredParent: ['>OnboardItem', '>OnboardProvider'],
+      label: 'Onboard Title',
+      description: 'Title text for an onboarding step.',
       styles: {
-        resizeMode: {
-          label: 'Resize Mode',
-          description: 'How the image fits its container.',
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+          preferredScale: 's',
+        },
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
           category: 'style',
           specialCategory: null,
           sort: 4,
         },
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
         backgroundColor: {
           label: 'Background Color',
           description: 'Background fill color.',
@@ -9714,13 +8840,22 @@ export const patterns = [
         },
       },
       attributes: {
-        src: {
-          label: 'Src',
-          description: 'Image source URL.',
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
           category: 'other',
           specialCategory: null,
           sort: 1,
         },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -10006,20 +9141,17 @@ export const patterns = [
       },
     },
     defaults: {
-      resizeMode: 'cover',
       style: {
-        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: {},
@@ -10027,22 +9159,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',
-        showEllipsis: 'boolean',
-        style: {
-          color: 'color',
-          fontSize: 'size',
-          fontFamily: 'fontFamily',
-          fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
+        src: 'string',
+        resizeMode: ['cover', 'contain', 'stretch', 'center'],
+        scrollable: 'boolean',
+        style: {
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -10091,57 +9216,32 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
-        scrollable: 'boolean',
       },
       defaults: {
+        resizeMode: 'cover',
         style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
+          width: '100%',
+          height: '100%',
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
         },
       },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
-      label: 'Paywall Close Button',
-      description: 'Paywall Close Button component.',
+      label: 'Paywall Background',
+      description: 'Paywall Background component.',
       styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-          preferredScale: 's',
-        },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
+        resizeMode: {
+          label: 'Resize Mode',
+          description: 'How the image fits its container.',
           category: 'style',
           specialCategory: null,
           sort: 4,
         },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
         backgroundColor: {
           label: 'Background Color',
           description: 'Background fill color.',
@@ -10159,43 +9259,13 @@ 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:
-            '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.',
-          category: 'other',
-          specialCategory: null,
-          sort: 2,
-        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -10481,36 +9551,35 @@ export const patterns = [
       },
     },
     defaults: {
+      resizeMode: 'cover',
       style: {
-        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',
       },
-      iconType: 'close',
-      strokeWidth: 1.5,
-      size: 24,
     },
     types: {},
   },
   {
     schemaVersion: 2,
     pattern: {
-      type: 'PaywallCounter',
+      type: 'PaywallCloseButton',
       title: 'title',
       description: 'description',
       children: 'never',
       attributes: {
-        count: 'number',
+        iconType: 'iconType',
+        size: 'number',
+        strokeWidth: 'number',
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
         style: {
@@ -10578,18 +9647,84 @@ export const patterns = [
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Paywall Counter',
-      description: 'Displays the paywall counter value.',
+      desiredParent: ['>PaywallProvider'],
+      label: 'Paywall Close Button',
+      description: 'Paywall Close Button component.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+          preferredScale: 's',
+        },
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          category: 'style',
+          specialCategory: null,
+          sort: 4,
+        },
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        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',
+        },
+      },
       attributes: {
-        count: {
-          label: 'Fallback Count',
-          description:
-            'Used only when the paywall counter hook returns no value.',
+        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:
@@ -10863,59 +9998,6 @@ export const patterns = [
           sort: 26,
         },
       },
-      styles: {
-        color: {
-          label: 'Color',
-          description: 'Text color.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        fontSize: {
-          label: 'Font Size',
-          description: 'Text size.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-          preferredScale: 's',
-        },
-        fontFamily: {
-          label: 'Font Family',
-          description: 'Font family used for the text.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        fontWeight: {
-          label: 'Font Weight',
-          description: 'Text weight.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        textAlign: {
-          label: 'Text Align',
-          description: 'Text alignment.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
-        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',
-        },
-      },
       specialCategories: {
         padding: {
           label: 'Padding',
@@ -10945,16 +10027,23 @@ export const patterns = [
     },
     defaults: {
       style: {
-        color: 'THEME_COLORS.TEXT',
         fontSize: '16@fs',
+        color: 'THEME_COLORS.TEXT',
         fontWeight: '400',
-        flexDirection: 'column',
-        position: 'relative',
+        flexDirection: 'row',
+        position: 'absolute',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        top: '35@vs',
+        left: '24@s',
+        justifyContent: 'center',
+        alignItems: 'center',
       },
+      iconType: 'close',
+      strokeWidth: 1.5,
+      size: 24,
     },
     types: {},
   },