@developer_tribe/react-builder 1.2.19 → 1.2.21

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

@@ -19,6 +19,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -144,6 +145,13 @@ export const patterns = [
           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.',
@@ -469,6 +477,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -602,6 +611,13 @@ export const patterns = [
           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.',
@@ -874,6 +890,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -1022,6 +1039,13 @@ export const patterns = [
           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.',
@@ -1284,6 +1308,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -1399,6 +1424,13 @@ export const patterns = [
           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.',
@@ -1657,6 +1689,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -1771,6 +1804,13 @@ export const patterns = [
           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.',
@@ -2043,6 +2083,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -2170,6 +2211,13 @@ export const patterns = [
           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.',
@@ -2428,6 +2476,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -2540,6 +2589,13 @@ export const patterns = [
           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.',
@@ -2798,6 +2854,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -2847,6 +2904,7 @@ export const patterns = [
         title: 'title',
         description: 'description',
       },
+      defaults: { style: { width: '100%', height: '100%' } },
     },
     meta: {
       desiredParent: ['root', '>View'],
@@ -2910,6 +2968,13 @@ export const patterns = [
           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.',
@@ -3155,6 +3220,8 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        width: '100%',
+        height: '100%',
       },
     },
     allowUnknownAttributes: false,
@@ -3178,6 +3245,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -3307,6 +3375,13 @@ export const patterns = [
           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.',
@@ -3616,6 +3691,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -3739,6 +3815,13 @@ export const patterns = [
           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.',
@@ -4047,6 +4130,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -4163,6 +4247,13 @@ export const patterns = [
           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.',
@@ -4433,6 +4524,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -4546,6 +4638,13 @@ export const patterns = [
           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.',
@@ -4818,6 +4917,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -4930,6 +5030,13 @@ export const patterns = [
           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.',
@@ -5189,6 +5296,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -5251,6 +5359,7 @@ export const patterns = [
         flex: 'number',
         events: 'EventObject[]',
       },
+      defaults: { style: { height: '40@vs', borderRadius: '12@s' } },
     },
     meta: {
       desiredParent: ['=OnboardButtons'],
@@ -5342,6 +5451,13 @@ export const patterns = [
           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.',
@@ -5601,6 +5717,8 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        height: '40@vs',
+        borderRadius: '12@s',
       },
     },
     types: {
@@ -5621,6 +5739,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -5677,6 +5796,17 @@ export const patterns = [
         condition: ['carousel-index'],
         conditionVariable: 'number',
       },
+      defaults: {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          gap: 12,
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginVertical: '12@vs',
+          marginHorizontal: '24@s',
+        },
+      },
     },
     meta: {
       desiredParent: ['=OnboardItem'],
@@ -5747,6 +5877,13 @@ export const patterns = [
           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.',
@@ -6028,12 +6165,18 @@ export const patterns = [
     },
     defaults: {
       style: {
-        flexDirection: 'column',
+        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',
       },
     },
     types: {},
@@ -6047,6 +6190,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -6103,8 +6247,9 @@ export const patterns = [
           'sliding_dot',
           'liquid_like',
         ],
+        dot_thickness: 'size',
         inactive_dot_opacity: 'number',
-        expanding_dot_width: 'size',
+        inactive_dot_color: 'color',
         active_dot_color: 'color',
         flexDirection: 'never',
         alignItems: 'never',
@@ -6169,21 +6314,28 @@ export const patterns = [
           description: 'Opacity for inactive dots.',
           category: 'style',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
-        expanding_dot_width: {
-          label: 'Expanding Dot Width',
-          description: 'Width used while expanding.',
+        inactive_dot_color: {
+          label: 'Inactive Dot Color',
+          description: 'Color of inactive dots.',
           category: 'style',
           specialCategory: null,
-          sort: 3,
+          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: 4,
+          sort: 5,
         },
       },
       attributes: {
@@ -6201,6 +6353,13 @@ export const patterns = [
           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.',
@@ -6440,13 +6599,20 @@ export const patterns = [
     },
     defaults: {
       style: {
-        flexDirection: 'column',
+        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: {},
   },
@@ -6467,6 +6633,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -6596,6 +6763,13 @@ export const patterns = [
           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.',
@@ -6927,12 +7101,16 @@ export const patterns = [
     },
     defaults: {
       style: {
-        flexDirection: 'column',
+        flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
         paddingHorizontal: '24@s',
       },
     },
@@ -6953,6 +7131,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -7069,6 +7248,13 @@ export const patterns = [
           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.',
@@ -7351,6 +7537,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -7467,6 +7654,13 @@ export const patterns = [
           specialCategory: null,
           sort: 3,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -7733,6 +7927,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -7847,6 +8042,13 @@ export const patterns = [
           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.',
@@ -8119,6 +8321,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -8241,6 +8444,13 @@ export const patterns = [
           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.',
@@ -8552,6 +8762,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -8674,6 +8885,13 @@ export const patterns = [
           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.',
@@ -8982,6 +9200,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -9118,6 +9337,13 @@ export const patterns = [
           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.',
@@ -9394,6 +9620,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -9554,6 +9781,13 @@ export const patterns = [
           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.',
@@ -9855,6 +10089,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -9985,6 +10220,13 @@ export const patterns = [
           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.',
@@ -10286,6 +10528,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -10398,6 +10641,13 @@ export const patterns = [
           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.',
@@ -10659,6 +10909,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -10772,6 +11023,13 @@ export const patterns = [
           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.',
@@ -11057,6 +11315,7 @@ export const patterns = [
             '900',
           ],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -11189,6 +11448,13 @@ export const patterns = [
           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.',
@@ -11457,6 +11723,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -11586,6 +11853,13 @@ export const patterns = [
           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.',
@@ -11851,6 +12125,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -11970,6 +12245,13 @@ export const patterns = [
           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.',
@@ -12282,6 +12564,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -12392,6 +12675,13 @@ export const patterns = [
           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.',