@developer_tribe/react-builder 1.2.41 → 1.2.43

package/src/components/BottomBar.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo, useState, useCallback, useRef } from 'react';
 import { Icon } from './Icon.generated';
-import type { IconsType } from '../types/Icons.generated';
+import type { IconsType } from '../types/Icons';
 import { useRenderStore } from '../store';
 import type { Localication } from '../types/PreviewConfig';
 import {

package/src/components/DeviceNavigationBar.tsx

@@ -49,7 +49,7 @@ export function DeviceNavigationBar({
         context.navigation('launchscreen');
       }
     } else {
-      alert('Navigation: Back\n(Mock OS context not available)');
+      console.warn('Navigation: Back\n(Mock OS context not available)');
     }
   }
 
@@ -57,7 +57,7 @@ export function DeviceNavigationBar({
     if (context) {
       context.navigation('launchscreen');
     } else {
-      alert('Navigation: Home\n(Mock OS context not available)');
+      console.warn('Navigation: Home\n(Mock OS context not available)');
     }
   }
 

package/src/hooks/useLocalize.ts

@@ -25,7 +25,17 @@ export function useLocalize(options?: {
     (keyOrText: string) => {
       const langMap = localization?.[defaultLanguage];
       const raw = langMap?.[keyOrText] ?? keyOrText;
-
+      // DEBUG: trace localization lookup
+      if (keyOrText.includes('.')) {
+        console.log('[useLocalize]', {
+          keyOrText,
+          defaultLanguage,
+          hasLangMap: !!langMap,
+          langMapKeyCount: langMap ? Object.keys(langMap).length : 0,
+          resolved: raw !== keyOrText ? raw : '❌ NOT FOUND',
+          allLangs: Object.keys(localization ?? {}),
+        });
+      }
       return replaceLocalizationParams(raw, params);
     },
     [defaultLanguage, localization, params],

package/src/hooks/useSafeAreaViewStyle.ts

@@ -34,10 +34,6 @@ export function useSafeAreaViewStyle(
   const statusBarOverrideTranslucent = useRenderStore(
     (s) => s.statusBarOverrideTranslucent,
   );
-  const navBarOverrideTranslucent = useRenderStore(
-    (s) => s.navBarOverrideTranslucent,
-  );
-
   return useMemo(() => {
     if (!enabled) return baseStyle;
 
@@ -74,11 +70,5 @@ export function useSafeAreaViewStyle(
       width: subtractInset(baseStyle.width ?? '100%', horizontal),
       height: subtractInset(baseStyle.height ?? '100%', vertical),
     };
-  }, [
-    enabled,
-    baseStyle,
-    device,
-    statusBarOverrideTranslucent,
-    navBarOverrideTranslucent,
-  ]);
+  }, [enabled, baseStyle, device, statusBarOverrideTranslucent]);
 }

package/src/mockOS/managers/mockPermissionManager.ts

@@ -22,7 +22,7 @@ export class MockPermissionManager {
     permission: PermissionType | string,
   ): Promise<PermissionStatus> {
     if (this.context === null) {
-      alert(
+      console.warn(
         `Permission requested: ${permission}\n(Mock OS context not available)`,
       );
       return 'not-determined';
@@ -40,7 +40,9 @@ export class MockPermissionManager {
 
   checkPermission(permission: PermissionType | string): PermissionStatus {
     if (this.context === null) {
-      alert(`Permission check: ${permission}\n(Mock OS context not available)`);
+      console.warn(
+        `Permission check: ${permission}\n(Mock OS context not available)`,
+      );
       return 'not-determined';
     }
 
@@ -49,7 +51,7 @@ export class MockPermissionManager {
 
   openSettings(): void {
     if (this.context === null) {
-      alert('Opening Settings\n(Mock OS context not available)');
+      console.warn('Opening Settings\n(Mock OS context not available)');
       return;
     }
   }

package/src/mockOS/managers/navigationManager.ts

@@ -22,7 +22,7 @@ export class MockNavigationManager {
 
   goToHome(): void {
     if (this.context === null) {
-      alert('Navigate to Home\n(Mock OS context not available)');
+      console.warn('Navigate to Home\n(Mock OS context not available)');
       return;
     }
 
@@ -35,7 +35,9 @@ export class MockNavigationManager {
 
   goToSubscriptions(): void {
     if (this.context === null) {
-      alert('Navigate to Subscriptions\n(Mock OS context not available)');
+      console.warn(
+        'Navigate to Subscriptions\n(Mock OS context not available)',
+      );
       return;
     }
 
@@ -48,7 +50,7 @@ export class MockNavigationManager {
 
   goToLaunchApp(): void {
     if (this.context === null) {
-      alert('Navigate to Launch App\n(Mock OS context not available)');
+      console.warn('Navigate to Launch App\n(Mock OS context not available)');
       return;
     }
 
@@ -65,7 +67,7 @@ export class MockNavigationManager {
     }
 
     if (this.context === null) {
-      alert('Go Back\n(Mock OS context not available)');
+      console.warn('Go Back\n(Mock OS context not available)');
       return false;
     }
 

package/src/modals/IconPickerModal.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo, useState } from 'react';
 import Modal from './Modal';
-import { Icons, type IconsType } from '../types/Icons.generated';
+import { Icons, type IconsType } from '../types/Icons';
 import { Icon } from '../components/Icon.generated';
 
 type IconPickerModalProps = {

package/src/modals/InspectModal.tsx

@@ -125,7 +125,7 @@ function LocalizationsTab({
       const value = isCustom ? customValue : (defaultValue ?? '');
 
       const escape = (str: string) => `"${String(str).replace(/"/g, '""')}"`;
-      csvContent += `${escape(key)},${escape(String(value))},${isCustom ? 'spreadsheet' : 'fallback'}\n`;
+      csvContent += `${escape(key)},${escape(String(value))},${isCustom ? 'custom' : 'fallback'}\n`;
     });
 
     downloadCSV(`localizations-${language}.csv`, csvContent);
@@ -181,7 +181,7 @@ function LocalizationsTab({
                         <span style={{ color: 'red' }}>!</span> fallback
                       </>
                     ) : (
-                      'spreadsheet'
+                      'custom'
                     )}
                   </span>
                 </td>
@@ -212,7 +212,7 @@ function ParamsTab({
   if (!hasAny) {
     return (
       <p className="inspect-modal__empty">
-        No params available. Params are populated inside a ParamsProvider.
+        No params available. Params are populated inside a PaywallProvider.
       </p>
     );
   }
@@ -312,10 +312,21 @@ function ColorsTab({
     return <p className="inspect-modal__empty">No project colors defined.</p>;
   }
 
-  const handleDownloadJSON = () => {
-    const data = projectColors ?? {};
-    const jsonContent = JSON.stringify(data, null, 2);
-    downloadJSON('colors.json', jsonContent);
+  const handleDownloadCSV = () => {
+    let csvContent = 'Type,Token,Value,Source\n';
+    const escape = (str: string) => `"${String(str).replace(/"/g, '""')}"`;
+
+    staticEntries.forEach(([token, hex]) => {
+      const isDefault = defaultStatic[token] === hex;
+      csvContent += `Static,${escape(token)},${escape(String(hex))},${isDefault ? 'fallback' : 'custom'}\n`;
+    });
+
+    themeEntries.forEach(([token, hex]) => {
+      const isDefault = defaultThemeMap[token] === hex;
+      csvContent += `Theme (${theme}),${escape(token)},${escape(String(hex))},${isDefault ? 'fallback' : 'custom'}\n`;
+    });
+
+    downloadCSV('colors.csv', csvContent);
   };
 
   return (
@@ -330,9 +341,9 @@ function ColorsTab({
         <button
           type="button"
           className="editor-button"
-          onClick={handleDownloadJSON}
+          onClick={handleDownloadCSV}
         >
-          Download JSON
+          Download CSV
         </button>
       </div>
       {staticEntries.length > 0 && (
@@ -368,7 +379,7 @@ function ColorsTab({
                             <span style={{ color: 'red' }}>!</span> fallback
                           </>
                         ) : (
-                          'added to project'
+                          'custom'
                         )}
                       </span>
                     </td>
@@ -415,7 +426,7 @@ function ColorsTab({
                             <span style={{ color: 'red' }}>!</span> fallback
                           </>
                         ) : (
-                          'added to project'
+                          'custom'
                         )}
                       </span>
                     </td>
@@ -452,16 +463,3 @@ function downloadCSV(filename: string, csvContent: string) {
   link.click();
   document.body.removeChild(link);
 }
-
-function downloadJSON(filename: string, jsonContent: string) {
-  const blob = new Blob([jsonContent], {
-    type: 'application/json;charset=utf-8;',
-  });
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement('a');
-  link.setAttribute('href', url);
-  link.setAttribute('download', filename);
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}

package/src/styles/base/_global.scss

@@ -80,6 +80,7 @@ body,
   background-position: center;
   background-repeat: repeat;
   background-size: 500px auto;
+  padding-bottom: 120px;
   > * {
     position: relative;
     z-index: 1;
@@ -369,7 +370,6 @@ body,
     min-width: 0;
     min-height: calc(100vh - 120px);
     padding: sizes.$spaceComfy;
-    padding-bottom: 120px;
     position: relative;
   }
 

package/src/types/PreviewConfig.ts

@@ -50,9 +50,13 @@ export type LocalizationKey =
   | 'base.onboard.skip.five-page'
   | 'base.onboard.allow.four-page'
   // onboard – footer
-  | 'view.onboarding.footer.description'
-  | 'view.onboarding.btnPrivacy'
-  | 'view.onboarding.btnTerms'
+  | 'base.onboard.footer.description'
+  | 'base.onboard.btnPrivacy'
+  | 'base.onboard.btnTerms'
+  // paywall – footer
+  | 'base.builder.paywall.footer.description'
+  | 'base.builder.paywall.btnPrivacy'
+  | 'base.builder.paywall.btnTerms'
   | (string & {});
 
 export type Localication = Record<
@@ -125,10 +129,15 @@ export const defaultLocalization: Localication = {
     'base.onboard.skip.five-page': 'Skip',
     'base.onboard.allow.four-page': 'Allow',
     // onboard – footer
-    'view.onboarding.footer.description':
+    'base.onboard.footer.description':
       'By clicking continue, you will be accepting the Terms of service and privacy policy',
-    'view.onboarding.btnPrivacy': 'Privacy Policy',
-    'view.onboarding.btnTerms': 'Terms of Service',
+    'base.onboard.btnPrivacy': 'Privacy Policy',
+    'base.onboard.btnTerms': 'Terms of Service',
+    // paywall – footer
+    'base.builder.paywall.footer.description':
+      'By clicking continue, you will be accepting the Terms of service and privacy policy',
+    'base.builder.paywall.btnPrivacy': 'Privacy Policy',
+    'base.builder.paywall.btnTerms': 'Terms of Service',
   },
   tr: {
     // paywall – period
@@ -163,6 +172,15 @@ export const defaultLocalization: Localication = {
     // onboard – actions
     'base.onboard.next.five-page': 'İleri',
     'base.onboard.skip.five-page': 'Geç',
+    'base.onboard.footer.description':
+      'Devam et butonuna tıklayarak terms ve privacy kabul etmiş olursunuz',
+    'base.onboard.btnPrivacy': 'Gizlilik Politikası',
+    'base.onboard.btnTerms': 'Hizmet Şartları',
+    // paywall – footer
+    'base.builder.paywall.footer.description':
+      'Devam et butonuna tıklayarak Hizmet Şartları ve Gizlilik Politikası kabul etmiş olursunuz',
+    'base.builder.paywall.btnPrivacy': 'Gizlilik Politikası',
+    'base.builder.paywall.btnTerms': 'Hizmet Şartları',
   },
 };
 

package/src/utils/extractViewStyle/extractViewStyle.ts

@@ -8,7 +8,6 @@ import type { BaseSize } from '../../types/PreviewConfig';
 import { parseSize } from '../../size-matters';
 import { parseColor } from '../parseColor';
 import { getStyleBag, toAttributeRecord } from '../attributeStyle';
-import { getDefaultDevice } from '../getDevices';
 
 export type ExtractViewStyleOptions = {
   projectColors?: ProjectColors;

package/src/utils/useMergedStyle.ts

@@ -6,7 +6,6 @@ const EMPTY_STYLE: CSSProperties = {};
 export function useMergedStyle(
   ...args: (CSSProperties | undefined | null | false)[]
 ): CSSProperties {
-  // eslint-disable-next-line react-hooks/exhaustive-deps -- spread args intentionally
   return useMemo(() => {
     const validStyles = args.filter((arg): arg is CSSProperties => !!arg);
 
@@ -14,5 +13,6 @@ export function useMergedStyle(
     if (validStyles.length === 1) return validStyles[0];
 
     return Object.assign({}, ...validStyles);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, args);
 }

package/dist/build-components/index.generated.d.ts

@@ -1,38 +0,0 @@
-export { default as RenderNode } from './RenderNode.generated';
-export { patterns } from './patterns.generated';
-export declare const allcomponentNames: readonly ["BIcon", "BackgroundImage", "Button", "Carousel", "CarouselButtons", "CarouselDots", "CarouselItem", "CarouselProvider", "CountDown", "Image", "Main", "NavigationBarColor", "Onboard", "OnboardButton", "OnboardButtons", "OnboardDot", "OnboardFooter", "OnboardImage", "OnboardItem", "OnboardProvider", "OnboardSubtitle", "OnboardTitle", "PaywallBackground", "PaywallCloseButton", "PaywallOptions", "PaywallProvider", "PaywallSubscribeButton", "PriceTag", "Pricing", "Promo", "RadioButton", "Separator", "StatusBarColor", "Text", "View"];
-export type { BIconPropsGenerated, BIconComponentProps, } from './BIcon/BIconProps.generated';
-export type { BackgroundImagePropsGenerated, BackgroundImageComponentProps, } from './BackgroundImage/BackgroundImageProps.generated';
-export type { ButtonPropsGenerated, ButtonComponentProps, } from './Button/ButtonProps.generated';
-export type { CarouselPropsGenerated, CarouselComponentProps, } from './Carousel/CarouselProps.generated';
-export type { CarouselButtonsPropsGenerated, CarouselButtonsComponentProps, } from './CarouselButtons/CarouselButtonsProps.generated';
-export type { CarouselDotsPropsGenerated, CarouselDotsComponentProps, } from './CarouselDots/CarouselDotsProps.generated';
-export type { CarouselItemPropsGenerated, CarouselItemComponentProps, } from './CarouselItem/CarouselItemProps.generated';
-export type { CarouselProviderPropsGenerated, CarouselProviderComponentProps, } from './CarouselProvider/CarouselProviderProps.generated';
-export type { CountDownPropsGenerated, CountDownComponentProps, } from './CountDown/CountDownProps.generated';
-export type { ImagePropsGenerated, ImageComponentProps, } from './Image/ImageProps.generated';
-export type { MainPropsGenerated, MainComponentProps, } from './Main/MainProps.generated';
-export type { NavigationBarColorPropsGenerated, NavigationBarColorComponentProps, } from './NavigationBarColor/NavigationBarColorProps.generated';
-export type { OnboardPropsGenerated, OnboardComponentProps, } from './Onboard/OnboardProps.generated';
-export type { OnboardButtonPropsGenerated, OnboardButtonComponentProps, } from './OnboardButton/OnboardButtonProps.generated';
-export type { OnboardButtonsPropsGenerated, OnboardButtonsComponentProps, } from './OnboardButtons/OnboardButtonsProps.generated';
-export type { OnboardDotPropsGenerated, OnboardDotComponentProps, } from './OnboardDot/OnboardDotProps.generated';
-export type { OnboardFooterPropsGenerated, OnboardFooterComponentProps, } from './OnboardFooter/OnboardFooterProps.generated';
-export type { OnboardImagePropsGenerated, OnboardImageComponentProps, } from './OnboardImage/OnboardImageProps.generated';
-export type { OnboardItemPropsGenerated, OnboardItemComponentProps, } from './OnboardItem/OnboardItemProps.generated';
-export type { OnboardProviderPropsGenerated, OnboardProviderComponentProps, } from './OnboardProvider/OnboardProviderProps.generated';
-export type { OnboardSubtitlePropsGenerated, OnboardSubtitleComponentProps, } from './OnboardSubtitle/OnboardSubtitleProps.generated';
-export type { OnboardTitlePropsGenerated, OnboardTitleComponentProps, } from './OnboardTitle/OnboardTitleProps.generated';
-export type { PaywallBackgroundPropsGenerated, PaywallBackgroundComponentProps, } from './PaywallBackground/PaywallBackgroundProps.generated';
-export type { PaywallCloseButtonPropsGenerated, PaywallCloseButtonComponentProps, } from './PaywallCloseButton/PaywallCloseButtonProps.generated';
-export type { PaywallOptionsPropsGenerated, PaywallOptionsComponentProps, } from './PaywallOptions/PaywallOptionsProps.generated';
-export type { PaywallProviderPropsGenerated, PaywallProviderComponentProps, } from './PaywallProvider/PaywallProviderProps.generated';
-export type { PaywallSubscribeButtonPropsGenerated, PaywallSubscribeButtonComponentProps, } from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';
-export type { PriceTagPropsGenerated, PriceTagComponentProps, } from './PriceTag/PriceTagProps.generated';
-export type { PricingPropsGenerated, PricingComponentProps, } from './Pricing/PricingProps.generated';
-export type { PromoPropsGenerated, PromoComponentProps, } from './Promo/PromoProps.generated';
-export type { RadioButtonPropsGenerated, RadioButtonComponentProps, } from './RadioButton/RadioButtonProps.generated';
-export type { SeparatorPropsGenerated, SeparatorComponentProps, } from './Separator/SeparatorProps.generated';
-export type { StatusBarColorPropsGenerated, StatusBarColorComponentProps, } from './StatusBarColor/StatusBarColorProps.generated';
-export type { TextPropsGenerated, TextComponentProps, } from './Text/TextProps.generated';
-export type { ViewPropsGenerated, ViewComponentProps, } from './View/ViewProps.generated';

package/dist/types/Icons.generated.d.ts

@@ -1,2 +0,0 @@
-export declare const Icons: readonly ["activity", "activity-heart", "alert-circle", "alert-triangle", "anchor", "archive", "arrow-down", "arrow-left", "arrow-narrow-down-left", "arrow-narrow-up-right", "arrow-right", "arrow-right-smooth", "asterisk-01", "asterisk-02", "at-sign", "award", "battery-charging", "bell-01", "bell-02", "bell-ringing-02", "bookmark", "bookmark-add", "bookmark-check", "bookmark-minus", "bookmark-x", "bubble", "building-01", "building-02", "building-03", "building-04", "building-05", "building-06", "building-07", "building-08", "building-09", "camera", "camera-01", "camera-steel", "check", "check-circle", "check-circle-bold", "check-circle-broken", "check-done-01", "check-done-02", "check-heart", "check-square", "check-square-broken", "check-verified-01", "check-verified-02", "check-verified-03", "checkbox", "checkv", "chevron-down", "chevron-down2", "chevron-left", "chevron-left-2", "chevron-right", "chevron-right-empty", "chevron-right-smooth", "chevron-up", "circle", "clock", "clock-fast-forward", "close", "close-circle", "cloud-01", "cloud-blank-01", "cloud-blank-02", "coin", "coins-02", "colors", "copy-01", "copy-02", "copy-03", "copy-04", "copy-05", "copy-06", "copy-07", "corner-down-right", "crypto-bold", "delete-icon", "diamond", "dice-3", "divide-01", "divide-02", "divide-03", "document-check-bold", "dots-circle", "dots-grid", "dots-horizontal", "dots-vertical", "download-01", "download-02", "download-03", "edit-03", "edit-04", "edit-05", "element-3", "ellipse-127", "exclaimation-circle", "eye-off-line", "face-smile", "file-04", "file-05", "file-check-02", "file-plus-01", "file-shield-02", "filter-funnel-01", "flag-03", "flash", "folder", "folder-plus", "gallery", "globe-01", "globe-04", "globe-bold", "guard", "headphones-01", "headphones-02", "headset-bold", "heart", "heart-bold", "help-circle", "home-2", "home-line", "hourglass-02", "image", "image-01", "image-03", "inbox-01", "inbox-arrow-down", "info-circle", "keyboard-line", "lamp-charge", "layer", "light", "like-dislike", "lock-03", "logout", "magicpen", "mail", "mail-01", "marker", "medal-star", "menu", "menu-04", "message-circle-01", "message-plus-circle", "message-question-circle", "message-text-circle-01", "message-text-square-02", "message-x-square", "microphone-02", "microphone-slash", "mirror", "moon-01", "moon-bold", "mouse-circle", "move", "notification", "notification-fill", "notification-text", "pdf-01", "pencil-01", "phone", "phone-01", "phone-arrow-down-left", "phone-arrow-up-right", "phone-hang-up", "phone-hangup2", "phone-incoming-01", "phone-outgoing-01", "phone-plus", "phone-x", "plus", "plus-circle", "printer", "question-mark-circle", "refresh-ccw-01", "refresh-cw-01", "refresh-cw-04", "refresh-right-square-bold", "remove-circle", "repeat-04", "repeat-bold", "ruler-pen", "search", "search-lg", "search-md", "search-refraction", "send-01", "send-02", "send-diagonal", "setting-2", "settings", "settings-02", "settings-04", "settings-2", "settings-cog", "share-01", "share-03", "share-04", "share-05", "share-06", "share-bold", "shield-01", "shield-bold", "solar-check", "speaker", "speaker-wave", "speedometer-03", "star", "star-rounded", "sun", "target-03", "text-input", "translate", "trash", "trash-02", "trash-03", "trash-04", "trush-square-bold", "unlimited", "user-circle", "user-jogging", "user-plus-01", "user-square", "user-x-01", "user-x-02", "user2", "users-02", "users-speaker", "verify", "voice-cricle", "x-circle", "x-close", "x-sm", "zap"];
-export type IconsType = (typeof Icons)[number];

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

@@ -1,184 +0,0 @@
-/* AUTO-GENERATED FILE - DO NOT EDIT */
-
-export { default as RenderNode } from './RenderNode.generated';
-
-export { patterns } from './patterns.generated';
-
-export const allcomponentNames = [
-  'BIcon',
-  'BackgroundImage',
-  'Button',
-  'Carousel',
-  'CarouselButtons',
-  'CarouselDots',
-  'CarouselItem',
-  'CarouselProvider',
-  'CountDown',
-  'Image',
-  'Main',
-  'NavigationBarColor',
-  'Onboard',
-  'OnboardButton',
-  'OnboardButtons',
-  'OnboardDot',
-  'OnboardFooter',
-  'OnboardImage',
-  'OnboardItem',
-  'OnboardProvider',
-  'OnboardSubtitle',
-  'OnboardTitle',
-  'PaywallBackground',
-  'PaywallCloseButton',
-  'PaywallOptions',
-  'PaywallProvider',
-  'PaywallSubscribeButton',
-  'PriceTag',
-  'Pricing',
-  'Promo',
-  'RadioButton',
-  'Separator',
-  'StatusBarColor',
-  'Text',
-  'View',
-] as const;
-
-export type {
-  BIconPropsGenerated,
-  BIconComponentProps,
-} from './BIcon/BIconProps.generated';
-export type {
-  BackgroundImagePropsGenerated,
-  BackgroundImageComponentProps,
-} from './BackgroundImage/BackgroundImageProps.generated';
-export type {
-  ButtonPropsGenerated,
-  ButtonComponentProps,
-} from './Button/ButtonProps.generated';
-export type {
-  CarouselPropsGenerated,
-  CarouselComponentProps,
-} from './Carousel/CarouselProps.generated';
-export type {
-  CarouselButtonsPropsGenerated,
-  CarouselButtonsComponentProps,
-} from './CarouselButtons/CarouselButtonsProps.generated';
-export type {
-  CarouselDotsPropsGenerated,
-  CarouselDotsComponentProps,
-} from './CarouselDots/CarouselDotsProps.generated';
-export type {
-  CarouselItemPropsGenerated,
-  CarouselItemComponentProps,
-} from './CarouselItem/CarouselItemProps.generated';
-export type {
-  CarouselProviderPropsGenerated,
-  CarouselProviderComponentProps,
-} from './CarouselProvider/CarouselProviderProps.generated';
-export type {
-  CountDownPropsGenerated,
-  CountDownComponentProps,
-} from './CountDown/CountDownProps.generated';
-export type {
-  ImagePropsGenerated,
-  ImageComponentProps,
-} from './Image/ImageProps.generated';
-export type {
-  MainPropsGenerated,
-  MainComponentProps,
-} from './Main/MainProps.generated';
-export type {
-  NavigationBarColorPropsGenerated,
-  NavigationBarColorComponentProps,
-} from './NavigationBarColor/NavigationBarColorProps.generated';
-export type {
-  OnboardPropsGenerated,
-  OnboardComponentProps,
-} from './Onboard/OnboardProps.generated';
-export type {
-  OnboardButtonPropsGenerated,
-  OnboardButtonComponentProps,
-} from './OnboardButton/OnboardButtonProps.generated';
-export type {
-  OnboardButtonsPropsGenerated,
-  OnboardButtonsComponentProps,
-} from './OnboardButtons/OnboardButtonsProps.generated';
-export type {
-  OnboardDotPropsGenerated,
-  OnboardDotComponentProps,
-} from './OnboardDot/OnboardDotProps.generated';
-export type {
-  OnboardFooterPropsGenerated,
-  OnboardFooterComponentProps,
-} from './OnboardFooter/OnboardFooterProps.generated';
-export type {
-  OnboardImagePropsGenerated,
-  OnboardImageComponentProps,
-} from './OnboardImage/OnboardImageProps.generated';
-export type {
-  OnboardItemPropsGenerated,
-  OnboardItemComponentProps,
-} from './OnboardItem/OnboardItemProps.generated';
-export type {
-  OnboardProviderPropsGenerated,
-  OnboardProviderComponentProps,
-} from './OnboardProvider/OnboardProviderProps.generated';
-export type {
-  OnboardSubtitlePropsGenerated,
-  OnboardSubtitleComponentProps,
-} from './OnboardSubtitle/OnboardSubtitleProps.generated';
-export type {
-  OnboardTitlePropsGenerated,
-  OnboardTitleComponentProps,
-} from './OnboardTitle/OnboardTitleProps.generated';
-export type {
-  PaywallBackgroundPropsGenerated,
-  PaywallBackgroundComponentProps,
-} from './PaywallBackground/PaywallBackgroundProps.generated';
-export type {
-  PaywallCloseButtonPropsGenerated,
-  PaywallCloseButtonComponentProps,
-} from './PaywallCloseButton/PaywallCloseButtonProps.generated';
-export type {
-  PaywallOptionsPropsGenerated,
-  PaywallOptionsComponentProps,
-} from './PaywallOptions/PaywallOptionsProps.generated';
-export type {
-  PaywallProviderPropsGenerated,
-  PaywallProviderComponentProps,
-} from './PaywallProvider/PaywallProviderProps.generated';
-export type {
-  PaywallSubscribeButtonPropsGenerated,
-  PaywallSubscribeButtonComponentProps,
-} from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';
-export type {
-  PriceTagPropsGenerated,
-  PriceTagComponentProps,
-} from './PriceTag/PriceTagProps.generated';
-export type {
-  PricingPropsGenerated,
-  PricingComponentProps,
-} from './Pricing/PricingProps.generated';
-export type {
-  PromoPropsGenerated,
-  PromoComponentProps,
-} from './Promo/PromoProps.generated';
-export type {
-  RadioButtonPropsGenerated,
-  RadioButtonComponentProps,
-} from './RadioButton/RadioButtonProps.generated';
-export type {
-  SeparatorPropsGenerated,
-  SeparatorComponentProps,
-} from './Separator/SeparatorProps.generated';
-export type {
-  StatusBarColorPropsGenerated,
-  StatusBarColorComponentProps,
-} from './StatusBarColor/StatusBarColorProps.generated';
-export type {
-  TextPropsGenerated,
-  TextComponentProps,
-} from './Text/TextProps.generated';
-export type {
-  ViewPropsGenerated,
-  ViewComponentProps,
-} from './View/ViewProps.generated';