@developer_tribe/react-builder 1.2.26 → 1.2.28

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

@@ -12,12 +12,12 @@ export const patterns = [
       attributes: {
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
           color: 'color',
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -71,13 +71,6 @@ export const patterns = [
         size: 'number',
         strokeWidth: 'number',
       },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
-      },
     },
     meta: {
       desiredParent: ['all'],
@@ -459,7 +452,8 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      translateCounter: 1,
+      styles: {
         color: 'THEME_COLORS.TEXT',
         fontSize: '16',
         fontWeight: '400',
@@ -536,18 +530,6 @@ export const patterns = [
         src: 'string',
         resizeMode: ['cover', 'contain', 'stretch', 'center'],
       },
-      defaults: {
-        resizeMode: 'cover',
-        style: {
-          width: '100%',
-          height: '100%',
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-        },
-      },
     },
     meta: {
       desiredParent: ['all', 'background'],
@@ -870,8 +852,7 @@ export const patterns = [
       },
     },
     defaults: {
-      resizeMode: 'cover',
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'absolute',
         zIndex: 0,
@@ -885,6 +866,7 @@ export const patterns = [
         right: 0,
         bottom: 0,
       },
+      resizeMode: 'cover',
     },
     types: {},
   },
@@ -1291,7 +1273,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -1676,7 +1658,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
@@ -2070,7 +2052,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -2463,7 +2445,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -2841,7 +2823,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -2911,7 +2893,6 @@ export const patterns = [
           zIndex: 'number',
         },
       },
-      defaults: { style: { width: '100%', height: '100%' } },
     },
     meta: {
       desiredParent: ['root', '>View'],
@@ -3220,7 +3201,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -3244,12 +3225,12 @@ export const patterns = [
       attributes: {
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
           color: 'color',
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: 'never',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -3297,17 +3278,11 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
+          textAlign: 'never',
         },
         scrollable: 'boolean',
         count: 'number',
       },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
-      },
     },
     meta: {
       desiredParent: ['all'],
@@ -3675,7 +3650,8 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      translateCounter: 1,
+      styles: {
         color: 'THEME_COLORS.TEXT',
         fontSize: '16@fs',
         fontWeight: '400',
@@ -3750,7 +3726,6 @@ export const patterns = [
         },
         src: 'string',
       },
-      defaults: { style: { resizeMode: 'contain' } },
     },
     meta: {
       desiredParent: ['all'],
@@ -4073,7 +4048,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -4463,7 +4438,7 @@ export const patterns = [
       hideAllAttributes: true,
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -4845,7 +4820,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -5225,7 +5200,7 @@ export const patterns = [
       desiredChildren: ['=OnboardItem'],
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
@@ -5308,7 +5283,6 @@ export const patterns = [
         flex: 'number',
         events: 'EventObject[]',
       },
-      defaults: { style: { height: '40@vs', borderRadius: '12@s' } },
     },
     meta: {
       desiredParent: ['=OnboardButtons'],
@@ -5659,7 +5633,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -5745,17 +5719,6 @@ 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'],
@@ -6113,7 +6076,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
@@ -6547,7 +6510,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
@@ -6571,16 +6534,16 @@ export const patterns = [
       type: 'OnboardFooter',
       title: 'title',
       description: 'description',
-      children: 'node',
+      children: 'never',
       attributes: {
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
           color: 'color',
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -6638,13 +6601,6 @@ export const patterns = [
         linkedWordSecondColor: 'color',
         linkedWordSecondPage: 'string',
       },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
-      },
     },
     meta: {
       desiredParent: ['>OnboardItem'],
@@ -7054,7 +7010,8 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      translateCounter: 1,
+      styles: {
         color: 'THEME_COLORS.TEXT',
         fontSize: '16@fs',
         fontWeight: '400',
@@ -7136,7 +7093,6 @@ export const patterns = [
         video_url: 'string',
         lottie: 'string',
       },
-      defaults: { style: { resizeMode: 'contain' } },
     },
     meta: {
       desiredParent: ['>OnboardProvider', '>OnboardItem', '!=Onboard'],
@@ -7473,7 +7429,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         resizeMode: 'contain',
         flexDirection: 'column',
         position: 'relative',
@@ -7861,7 +7817,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -8248,7 +8204,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -8271,12 +8227,12 @@ export const patterns = [
       attributes: {
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
           color: 'color',
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -8327,13 +8283,6 @@ export const patterns = [
         },
         scrollable: 'boolean',
       },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
-      },
     },
     meta: {
       desiredParent: ['>OnboardProvider', '>OnboardItem'],
@@ -8694,7 +8643,8 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      translateCounter: 1,
+      styles: {
         color: 'THEME_COLORS.TEXT',
         fontSize: '14@fs',
         fontWeight: '600',
@@ -8718,12 +8668,12 @@ export const patterns = [
       attributes: {
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
           color: 'color',
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -8774,13 +8724,6 @@ export const patterns = [
         },
         scrollable: 'boolean',
       },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
-      },
     },
     meta: {
       desiredParent: ['>OnboardItem', '>OnboardProvider'],
@@ -9141,7 +9084,8 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      translateCounter: 1,
+      styles: {
         color: 'THEME_COLORS.TEXT',
         fontSize: '24@fs',
         fontWeight: '700',
@@ -9217,18 +9161,6 @@ export const patterns = [
           zIndex: 'number',
         },
       },
-      defaults: {
-        resizeMode: 'cover',
-        style: {
-          width: '100%',
-          height: '100%',
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-        },
-      },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
@@ -9552,7 +9484,7 @@ export const patterns = [
     },
     defaults: {
       resizeMode: 'cover',
-      style: {
+      styles: {
         width: '100%',
         height: '100%',
         position: 'absolute',
@@ -9582,12 +9514,12 @@ export const patterns = [
         strokeWidth: 'number',
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
           color: 'color',
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -9638,13 +9570,6 @@ export const patterns = [
         },
         scrollable: 'boolean',
       },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
-      },
     },
     meta: {
       desiredParent: ['>PaywallProvider'],
@@ -10026,7 +9951,9 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      iconType: 'close',
+      strokeWidth: 1.5,
+      styles: {
         fontSize: '16@fs',
         color: 'THEME_COLORS.TEXT',
         fontWeight: '400',
@@ -10041,8 +9968,7 @@ export const patterns = [
         justifyContent: 'center',
         alignItems: 'center',
       },
-      iconType: 'close',
-      strokeWidth: 1.5,
+      translateCounter: 1,
       size: 24,
     },
     types: {},
@@ -10414,7 +10340,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
@@ -10805,7 +10731,7 @@ export const patterns = [
       mockableFeatures: { products: true, benefits: true },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -11221,7 +11147,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
@@ -11245,13 +11171,19 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'RadioButton',
+      type: 'PriceTag',
       title: 'title',
       description: 'description',
-      children: 'never',
+      children: 'string',
       attributes: {
-        scrollable: 'boolean',
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
           flexDirection: ['row', 'column'],
           flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
@@ -11299,43 +11231,54 @@ export const patterns = [
           left: 'size',
           right: 'size',
           zIndex: 'number',
+          textDecorationLine: ['none', 'underline', 'line-through'],
         },
-        selected: 'boolean',
-        color: 'color',
-        size: 'number',
+        scrollable: 'boolean',
+        showOriginalPricePossible: 'boolean',
+        hideIfItsNotDiscount: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Radio Button',
-      description: 'Generic radio button icon.',
-      specialCategories: {
-        padding: {
-          label: 'Padding',
-          description: 'Uniform padding on all sides.',
-          category: 'container',
+      desiredParent: ['>PaywallProvider'],
+      label: 'Price Tag',
+      description: 'Displays a price tag text. Extends Text.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
           sort: 1,
         },
-        margin: {
-          label: 'Margin',
-          description: 'Uniform margin on all sides.',
-          category: 'container',
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
           sort: 2,
+          preferredScale: 's',
         },
-        size: {
-          label: 'Size',
-          description: 'Fixed dimensions.',
-          category: 'container',
+        fontFamily: {
+          label: 'Font Family',
+          description: 'Font family used for the text.',
+          category: 'style',
+          specialCategory: null,
           sort: 3,
         },
-        offset: {
-          label: 'Offset',
-          description: 'Absolute positioning offsets.',
-          category: 'container',
+        fontWeight: {
+          label: 'Font Weight',
+          description: 'Text weight.',
+          category: 'style',
+          specialCategory: null,
           sort: 4,
         },
-      },
-      styles: {
+        textAlign: {
+          label: 'Text Align',
+          description: 'Text alignment.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
         backgroundColor: {
           label: 'Background Color',
           description: 'Background fill color.',
@@ -11351,22 +11294,32 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
-        color: {
-          label: 'Color',
-          description: 'Radio color.',
+        textDecorationLine: {
+          label: 'Text Decoration',
+          description:
+            'Text decoration line style (e.g. line-through for strikethrough).',
           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,
         },
-        size: {
-          label: 'Size',
-          description: 'Radio size in px.',
-          category: 'style',
+        showEllipsis: {
+          label: 'Show Ellipsis',
+          description:
+            'If text overflows, show ellipsis (…); applied as single-line truncation.',
+          category: 'other',
           specialCategory: null,
           sort: 2,
         },
-      },
-      attributes: {
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -11623,17 +11576,55 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
-        selected: {
-          label: 'Selected',
-          description: 'Whether the radio is selected.',
+        showOriginalPricePossible: {
+          label: 'Show Original Price Possible',
+          description: 'When enabled, shows the original price if available.',
           category: 'other',
           specialCategory: null,
-          sort: 0,
+          sort: 1,
+        },
+        hideIfItsNotDiscount: {
+          label: 'Hide If No Discount',
+          description:
+            'Hides this element when there is no active discount/promo.',
+          category: 'other',
+          specialCategory: null,
+          sort: 2,
+        },
+      },
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
+          sort: 1,
+        },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
         },
       },
     },
     defaults: {
-      style: {
+      translateCounter: 1,
+      styles: {
+        color: 'THEME_COLORS.TEXT',
+        fontSize: '16@fs',
+        fontWeight: '700',
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -11647,26 +11638,1314 @@ export const patterns = [
   {
     schemaVersion: 2,
     pattern: {
-      type: 'Separator',
+      type: 'Pricing',
       title: 'title',
-      description: 'description',
-      children: 'never',
+      description: 'base.builder.paywall.pricing.default.text',
+      children: 'string',
       attributes: {
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
+        translateCounter: 'number',
         style: {
-          backgroundColor: 'color',
-          width: 'size',
-          height: 'size',
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
+          alignItems: [
+            'flex-start',
+            'center',
+            'flex-end',
+            'stretch',
+            'baseline',
+          ],
+          justifyContent: [
+            'flex-start',
+            'center',
+            'flex-end',
+            'space-between',
+            'space-around',
+            'space-evenly',
+          ],
+          gap: 'size',
+          padding: 'size',
+          paddingHorizontal: 'size',
+          paddingVertical: 'size',
+          paddingTop: 'size',
+          paddingBottom: 'size',
+          paddingLeft: 'size',
+          paddingRight: 'size',
+          margin: 'size',
           marginHorizontal: 'size',
           marginVertical: 'size',
           marginTop: 'size',
           marginBottom: 'size',
+          marginLeft: 'size',
+          marginRight: 'size',
+          backgroundColor: 'color',
+          borderRadius: 'size',
+          width: 'size',
+          minWidth: 'size',
+          maxWidth: 'size',
+          height: 'size',
+          minHeight: 'size',
+          maxHeight: 'size',
+          flex: 'number',
+          position: ['relative', 'absolute'],
+          top: 'size',
+          bottom: 'size',
+          left: 'size',
+          right: 'size',
+          zIndex: 'number',
         },
+        scrollable: 'boolean',
       },
     },
     meta: {
-      desiredParent: ['all'],
-      label: 'Separator',
-      description: 'Horizontal line separator.',
+      desiredParent: ['>PaywallProvider'],
+      label: 'Pricing',
+      description:
+        'Displays pricing details (e.g. promo/trial breakdown). Extends Text.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+          preferredScale: '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:
+            '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',
+          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,
+        },
+      },
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
+          sort: 1,
+        },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
+        },
+      },
+    },
+    defaults: {
+      translateCounter: 2,
+      styles: {
+        color: 'rgba(255,255,255,0.6)',
+        fontSize: '12@fs',
+        fontWeight: '400',
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
+        textAlign: 'center',
+      },
+    },
+    types: {},
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'Promo',
+      title: 'title',
+      description: 'base.builder.paywall.promo.default.text',
+      children: 'string',
+      attributes: {
+        adjustsFontSizeToFit: 'boolean',
+        showEllipsis: 'boolean',
+        translateCounter: 'number',
+        style: {
+          color: 'color',
+          fontSize: 'size',
+          fontFamily: 'fontFamily',
+          fontWeight: 'fontWeight',
+          flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
+          alignItems: [
+            'flex-start',
+            'center',
+            'flex-end',
+            'stretch',
+            'baseline',
+          ],
+          justifyContent: [
+            'flex-start',
+            'center',
+            'flex-end',
+            'space-between',
+            'space-around',
+            'space-evenly',
+          ],
+          gap: 'size',
+          padding: 'size',
+          paddingHorizontal: 'size',
+          paddingVertical: 'size',
+          paddingTop: 'size',
+          paddingBottom: 'size',
+          paddingLeft: 'size',
+          paddingRight: 'size',
+          margin: 'size',
+          marginHorizontal: 'size',
+          marginVertical: 'size',
+          marginTop: 'size',
+          marginBottom: 'size',
+          marginLeft: 'size',
+          marginRight: 'size',
+          backgroundColor: 'color',
+          borderRadius: 'size',
+          width: 'size',
+          minWidth: 'size',
+          maxWidth: 'size',
+          height: 'size',
+          minHeight: 'size',
+          maxHeight: 'size',
+          flex: 'number',
+          position: ['relative', 'absolute'],
+          top: 'size',
+          bottom: 'size',
+          left: 'size',
+          right: 'size',
+          zIndex: 'number',
+        },
+        scrollable: 'boolean',
+      },
+    },
+    meta: {
+      desiredParent: ['>PaywallProvider'],
+      label: 'Promo',
+      description:
+        'Displays promotional badge/text (e.g. discount percentage). Extends Text.',
+      styles: {
+        color: {
+          label: 'Color',
+          description: 'Text color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        fontSize: {
+          label: 'Font Size',
+          description: 'Text size.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+          preferredScale: '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:
+            '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',
+          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,
+        },
+      },
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
+          sort: 1,
+        },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
+        size: {
+          label: 'Size',
+          description: 'Fixed dimensions.',
+          category: 'container',
+          sort: 3,
+        },
+        offset: {
+          label: 'Offset',
+          description: 'Absolute positioning offsets.',
+          category: 'container',
+          sort: 4,
+        },
+      },
+    },
+    defaults: {
+      translateCounter: 2,
+      styles: {
+        color: '#34D399',
+        fontSize: '12@fs',
+        fontWeight: '600',
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
+        textAlign: 'center',
+      },
+    },
+    types: {},
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'RadioButton',
+      title: 'title',
+      description: 'description',
+      children: 'never',
+      attributes: {
+        scrollable: 'boolean',
+        style: {
+          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',
+        },
+        selected: 'boolean',
+        color: 'color',
+        size: 'number',
+      },
+    },
+    meta: {
+      desiredParent: ['all'],
+      label: 'Radio Button',
+      description: 'Generic radio button icon.',
+      specialCategories: {
+        padding: {
+          label: 'Padding',
+          description: 'Uniform padding on all sides.',
+          category: 'container',
+          sort: 1,
+        },
+        margin: {
+          label: 'Margin',
+          description: 'Uniform margin on all sides.',
+          category: 'container',
+          sort: 2,
+        },
+        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',
+        },
+        color: {
+          label: 'Color',
+          description: 'Radio color.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        size: {
+          label: 'Size',
+          description: 'Radio size in px.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+        },
+      },
+      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,
+        },
+        selected: {
+          label: 'Selected',
+          description: 'Whether the radio is selected.',
+          category: 'other',
+          specialCategory: null,
+          sort: 0,
+        },
+      },
+    },
+    defaults: {
+      styles: {
+        flexDirection: 'column',
+        position: 'relative',
+        zIndex: 1,
+        alignSelf: 'flex-start',
+        flexGrow: 0,
+        flexShrink: 0,
+      },
+    },
+    types: {},
+  },
+  {
+    schemaVersion: 2,
+    pattern: {
+      type: 'Separator',
+      title: 'title',
+      description: 'description',
+      children: 'never',
+      attributes: {
+        style: {
+          backgroundColor: 'color',
+          width: 'size',
+          height: 'size',
+          marginHorizontal: 'size',
+          marginVertical: 'size',
+          marginTop: 'size',
+          marginBottom: 'size',
+        },
+      },
+    },
+    meta: {
+      desiredParent: ['all'],
+      label: 'Separator',
+      description: 'Horizontal line separator.',
       styles: {
         backgroundColor: {
           label: 'Color',
@@ -11696,7 +12975,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: { width: '100%', height: 2, backgroundColor: '#000000' },
+      styles: { width: '100%', height: 2, backgroundColor: '#000000' },
     },
   },
   {
@@ -12066,7 +13345,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -12139,17 +13418,10 @@ export const patterns = [
           fontSize: 'size',
           fontFamily: 'fontFamily',
           fontWeight: 'fontWeight',
-          textAlign: ['left', 'center', 'right', 'justify'],
         },
         adjustsFontSizeToFit: 'boolean',
         showEllipsis: 'boolean',
-      },
-      defaults: {
-        style: {
-          color: 'THEME_COLORS.TEXT',
-          fontSize: '16@fs',
-          fontWeight: '400',
-        },
+        translateCounter: 'number',
       },
     },
     meta: {
@@ -12511,7 +13783,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,
@@ -12522,6 +13794,7 @@ export const patterns = [
         fontSize: '16@fs',
         fontWeight: '400',
       },
+      translateCounter: 1,
     },
     types: {},
   },
@@ -12892,7 +14165,7 @@ export const patterns = [
       },
     },
     defaults: {
-      style: {
+      styles: {
         flexDirection: 'column',
         position: 'relative',
         zIndex: 1,