@developer_tribe/react-builder 1.0.7 → 1.0.9

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

@@ -3,8 +3,7 @@
 // Export resolved patterns (after extends resolution)
 export const patterns = [
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'BIcon',
       children: 'never',
@@ -25,6 +24,8 @@ export const patterns = [
           '900',
         ],
         textAlign: ['left', 'center', 'right', 'justify'],
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
         alignItems: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],
@@ -69,13 +70,12 @@ export const patterns = [
         size: 'number',
         strokeWidth: 'number',
       },
-      defaults: { iconType: 'activity', fontSize: '16', strokeWidth: 1.5 },
     },
     meta: {
       desiredParent: ['all'],
       label: 'BIcon',
       description: 'Renders an icon from the icon set.',
-      attributes: {
+      styles: {
         color: {
           label: 'Color',
           description: 'Text color.',
@@ -105,6 +105,22 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -418,19 +434,20 @@ export const patterns = [
         },
       },
     },
-    types: {},
     defaults: {
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        fontSize: '16',
+      },
       iconType: 'activity',
-      fontSize: '16',
       strokeWidth: 1.5,
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
     },
+    types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'BackgroundImage',
       children: 'never',
@@ -478,17 +495,6 @@ export const patterns = [
         src: 'string',
         resizeMode: ['cover', 'contain', 'stretch', 'center'],
       },
-      defaults: {
-        resizeMode: 'cover',
-        width: '100%',
-        height: '100%',
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 0,
-      },
     },
     meta: {
       desiredParent: ['all', 'background'],
@@ -520,7 +526,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -801,23 +807,24 @@ export const patterns = [
         },
       },
     },
-    types: {},
     defaults: {
+      style: {
+        flexDirection: 'column',
+        position: 'absolute',
+        zIndex: 0,
+        width: '100%',
+        height: '100%',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+      },
       resizeMode: 'cover',
-      width: '100%',
-      height: '100%',
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      zIndex: 0,
-      flexDirection: 'column',
     },
+    types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'Button',
       children: 'string',
@@ -878,7 +885,6 @@ export const patterns = [
           '900',
         ],
       },
-      defaults: { backgroundColor: 'transparent' },
     },
     meta: {
       desiredParent: ['all'],
@@ -910,7 +916,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -1198,20 +1204,24 @@ export const patterns = [
         },
       },
     },
-    types: {},
     defaults: {
-      backgroundColor: 'transparent',
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'transparent',
+      },
     },
+    types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'Carousel',
-      children: 'CarouselItem',
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
@@ -1253,8 +1263,10 @@ export const patterns = [
         left: 'size',
         right: 'size',
         zIndex: 'number',
+        loop: 'boolean',
+        dragFree: 'boolean',
+        align: ['start', 'center', 'end'],
       },
-      defaults: { flexDirection: 'row' },
     },
     meta: {
       desiredParent: ['=CarouselProvider'],
@@ -1286,7 +1298,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -1553,12 +1565,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'row', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'row', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'CarouselButtons',
       children: 'never',
@@ -1606,7 +1619,6 @@ export const patterns = [
         buttonType: ['previous_button', 'next_button', 'skip_button'],
         skipNumber: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>OnboardProvider', '>CarouselProvider'],
@@ -1638,7 +1650,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -1919,12 +1931,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'CarouselDots',
       children: 'never',
@@ -1978,7 +1991,6 @@ export const patterns = [
           'liquid_like',
         ],
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>CarouselProvider'],
@@ -2010,7 +2022,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -2284,12 +2296,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'CarouselItem',
       children: 'node',
@@ -2335,7 +2348,6 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['=Carousel'],
@@ -2367,7 +2379,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -2634,12 +2646,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
     schemaVersion: 1,
-    allowUnknownAttributes: false,
     pattern: {
       type: 'CarouselProvider',
       children: 'node',
@@ -2685,7 +2698,6 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['root', '>View'],
@@ -2717,7 +2729,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -2983,13 +2995,16 @@ export const patterns = [
           sort: 26,
         },
       },
+      attributes: {},
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
+    allowUnknownAttributes: false,
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'Image',
       children: 'never',
@@ -3037,7 +3052,6 @@ export const patterns = [
         src: 'string',
         resizeMode: ['cover', 'contain', 'stretch', 'center'],
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['all'],
@@ -3069,7 +3083,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -3348,15 +3362,16 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: true,
+    schemaVersion: 2,
     pattern: {
       type: 'Main',
-      children: ['node', 'array'],
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
@@ -3400,7 +3415,6 @@ export const patterns = [
         zIndex: 'number',
         useSafeAreaView: 'boolean',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['root'],
@@ -3432,7 +3446,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -3710,19 +3724,20 @@ export const patterns = [
       hideAllAttributes: true,
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        width: '100%',
+        height: '100%',
+        flex: 1,
+      },
       useSafeAreaView: true,
-      width: '100%',
-      height: '100%',
-      flex: 1,
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'Onboard',
       children: 'node',
@@ -3768,7 +3783,6 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'row' },
     },
     meta: {
       desiredParent: ['=OnboardProvider'],
@@ -3800,7 +3814,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -4068,12 +4082,13 @@ export const patterns = [
       },
       desiredChildren: ['=OnboardItem'],
     },
+    defaults: {
+      style: { flexDirection: 'row', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'row', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardButton',
       children: 'never',
@@ -4131,7 +4146,6 @@ export const patterns = [
         button_background_color: 'color',
         events: 'EventObject[]',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['=OnboardButtons'],
@@ -4163,7 +4177,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -4472,6 +4486,9 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {
       EventObject: {
         type: ['Permission', 'Navigate'],
@@ -4480,11 +4497,9 @@ export const patterns = [
         targetIndex: 'number',
       },
     },
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardButtons',
       children: 'node',
@@ -4537,7 +4552,6 @@ export const patterns = [
         condition: ['carousel-index'],
         conditionVariable: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['=OnboardItem'],
@@ -4569,7 +4583,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -4885,12 +4899,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardDot',
       children: 'never',
@@ -4940,7 +4955,6 @@ export const patterns = [
         expanding_dot_width: 'size',
         active_dot_color: 'color',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>OnboardProvider'],
@@ -4972,7 +4986,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -5267,12 +5281,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardFooter',
       children: 'node',
@@ -5293,6 +5308,8 @@ export const patterns = [
           '900',
         ],
         textAlign: ['left', 'center', 'right', 'justify'],
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
         alignItems: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],
@@ -5341,13 +5358,12 @@ export const patterns = [
         linkedWordSecondColor: 'color',
         linkedWordSecondPage: 'string',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>OnboardItem'],
       label: 'Onboard Footer',
       description: 'Footer text with optional links.',
-      attributes: {
+      styles: {
         color: {
           label: 'Color',
           description: 'Text color.',
@@ -5377,6 +5393,22 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -5719,16 +5751,17 @@ export const patterns = [
       },
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
-      paddingHorizontal: '24@s',
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        paddingHorizontal: '24@s',
+      },
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardImage',
       children: 'node',
@@ -5778,13 +5811,12 @@ export const patterns = [
         video_url: 'string',
         lottie: 'string',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>OnboardProvider', '>OnboardItem', '!=Onboard'],
       label: 'Onboard Image',
       description: 'Onboarding hero image with media.',
-      attributes: {
+      styles: {
         src: {
           label: 'Src',
           description: 'Image source URL.',
@@ -6105,12 +6137,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardItem',
       children: 'node',
@@ -6157,7 +6190,6 @@ export const patterns = [
         zIndex: 'number',
         display: ['flex', 'block'],
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['=Onboard'],
@@ -6189,7 +6221,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -6462,18 +6494,19 @@ export const patterns = [
       },
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
-      gap: '16@vs',
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        gap: '16@vs',
+        paddingHorizontal: '24@s',
+      },
       display: 'flex',
-      paddingHorizontal: '24@s',
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardProvider',
       children: 'node',
@@ -6518,8 +6551,8 @@ export const patterns = [
         left: 'size',
         right: 'size',
         zIndex: 'number',
+        theme: ['light', 'dark', 'all'],
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['root'],
@@ -6551,7 +6584,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -6812,20 +6845,29 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
+        theme: {
+          label: 'Theme',
+          description:
+            'Controls which app theme(s) this onboarding is intended for.',
+          category: 'other',
+          specialCategory: null,
+          sort: -10,
+        },
       },
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
-      width: '100%',
-      height: '100%',
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        width: '100%',
+        height: '100%',
+      },
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardSubtitle',
       children: 'string',
@@ -6846,6 +6888,8 @@ export const patterns = [
           '900',
         ],
         textAlign: ['left', 'center', 'right', 'justify'],
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
         alignItems: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],
@@ -6887,13 +6931,12 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>OnboardProvider', '>OnboardItem'],
       label: 'Onboard Subtitle',
       description: 'Subtitle text for an onboarding step.',
-      attributes: {
+      styles: {
         color: {
           label: 'Color',
           description: 'Text color.',
@@ -6923,6 +6966,22 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -7216,17 +7275,18 @@ export const patterns = [
       },
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
-      fontSize: '14@fs',
-      fontWeight: '600',
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        fontSize: '14@fs',
+        fontWeight: '600',
+      },
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'OnboardTitle',
       children: 'string',
@@ -7247,6 +7307,8 @@ export const patterns = [
           '900',
         ],
         textAlign: ['left', 'center', 'right', 'justify'],
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
         alignItems: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],
@@ -7288,13 +7350,12 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>OnboardItem', '>OnboardProvider'],
       label: 'Onboard Title',
       description: 'Title text for an onboarding step.',
-      attributes: {
+      styles: {
         color: {
           label: 'Color',
           description: 'Text color.',
@@ -7324,6 +7385,22 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -7617,18 +7694,19 @@ export const patterns = [
       },
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
-      fontSize: '24@fs',
-      fontWeight: '700',
-      textAlign: 'center',
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        fontSize: '24@fs',
+        fontWeight: '700',
+        textAlign: 'center',
+      },
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: true,
+    schemaVersion: 2,
     pattern: {
       type: 'PaywallBackground',
       children: 'never',
@@ -7674,7 +7752,6 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
@@ -7706,7 +7783,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -7973,12 +8050,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: true,
+    schemaVersion: 2,
     pattern: {
       type: 'PaywallCloseButton',
       children: 'never',
@@ -8002,6 +8080,8 @@ export const patterns = [
           '900',
         ],
         textAlign: ['left', 'center', 'right', 'justify'],
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
         alignItems: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],
@@ -8043,19 +8123,12 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: {
-        iconType: 'close',
-        size: 24,
-        flexDirection: 'row',
-        justifyContent: 'center',
-        alignItems: 'center',
-      },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
       label: 'Paywall Close Button',
       description: 'Paywall Close Button component.',
-      attributes: {
+      styles: {
         iconType: {
           label: 'Icon',
           description: 'Which icon to render.',
@@ -8106,6 +8179,22 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -8398,25 +8487,26 @@ export const patterns = [
         },
       },
     },
-    types: {},
     defaults: {
       iconType: 'close',
-      size: 24,
-      flexDirection: 'row',
-      justifyContent: 'center',
-      alignItems: 'center',
-      fontSize: '16',
       strokeWidth: 1.5,
-      position: 'relative',
-      zIndex: 1,
+      style: {
+        fontSize: '16',
+        flexDirection: 'row',
+        position: 'relative',
+        zIndex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+      },
+      size: 24,
     },
+    types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: true,
+    schemaVersion: 2,
     pattern: {
       type: 'PaywallOptions',
-      children: ['node', 'array'],
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
@@ -8459,12 +8549,6 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        minHeight: '60px',
-      },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
@@ -8496,7 +8580,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -8763,22 +8847,23 @@ export const patterns = [
         },
       },
     },
-    types: {},
     defaults: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      minHeight: '60px',
-      position: 'relative',
-      zIndex: 1,
+      style: {
+        flexDirection: 'row',
+        position: 'relative',
+        zIndex: 1,
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        minHeight: '60px',
+      },
     },
+    types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: true,
+    schemaVersion: 2,
     pattern: {
       type: 'PaywallProvider',
-      children: ['node', 'array'],
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
@@ -8821,7 +8906,6 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['all'],
@@ -8853,7 +8937,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -9122,17 +9206,18 @@ export const patterns = [
       mockableFeatures: { products: true, benefits: true },
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
-      width: '100%',
-      height: '100%',
+      style: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        width: '100%',
+        height: '100%',
+      },
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'PaywallSubscribeButton',
       children: 'string',
@@ -9193,13 +9278,12 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
       label: 'Paywall Subscribe Button',
       description: 'Paywall subscribe call-to-action button. Extends Button.',
-      attributes: {
+      styles: {
         color: {
           label: 'Color',
           description: 'Text color of the button.',
@@ -9514,24 +9598,26 @@ export const patterns = [
       },
     },
     defaults: {
-      flexDirection: 'column',
-      position: 'relative',
-      zIndex: 1,
-      backgroundColor: '#6495ED',
-      paddingHorizontal: '20@s',
-      paddingVertical: '12@vs',
-      borderRadius: '12@s',
-      color: '#FFFFFF',
-      fontSize: '16@fs',
-      fontWeight: '700',
-      justifyContent: 'center',
-      alignItems: 'center',
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: '#6495ED',
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        paddingHorizontal: '20@s',
+        paddingVertical: '12@vs',
+        borderRadius: '12@s',
+        color: '#FFFFFF',
+        fontSize: '16@fs',
+        fontWeight: '700',
+      },
     },
     types: {},
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: true,
+    schemaVersion: 2,
     pattern: {
       type: 'RadioButton',
       children: 'never',
@@ -9580,7 +9666,6 @@ export const patterns = [
         color: 'color',
         size: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['all'],
@@ -9612,7 +9697,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -9900,12 +9985,13 @@ export const patterns = [
         },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'Text',
       children: 'string',
@@ -9966,8 +10052,9 @@ export const patterns = [
           '900',
         ],
         textAlign: ['left', 'center', 'right', 'justify'],
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['all'],
@@ -9999,7 +10086,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -10293,17 +10380,34 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        adjustsFontSizeToFit: {
+          label: 'Adjust Font Size To Fit',
+          description:
+            'Automatically reduces font size to fit the available space.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'style',
+          specialCategory: null,
+          sort: 6,
+        },
       },
     },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
     types: {},
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
   },
   {
-    schemaVersion: 1,
-    allowUnknownAttributes: false,
+    schemaVersion: 2,
     pattern: {
       type: 'View',
-      children: ['node', 'array'],
+      children: 'node',
       attributes: {
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
@@ -10346,7 +10450,6 @@ export const patterns = [
         right: 'size',
         zIndex: 'number',
       },
-      defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
     },
     meta: {
       desiredParent: ['all'],
@@ -10378,7 +10481,7 @@ export const patterns = [
           sort: 4,
         },
       },
-      attributes: {
+      styles: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -10645,6 +10748,8 @@ export const patterns = [
         },
       },
     },
-    defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    defaults: {
+      style: { flexDirection: 'column', position: 'relative', zIndex: 1 },
+    },
   },
 ] as const;