@developer_tribe/react-builder 1.0.9 → 1.2.0

package/dist/build-components/BIcon/BIconProps.generated.d.ts

@@ -1,5 +1,4 @@
 import type { NodeData } from '../../types/Node';
-export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 export type FlexDirectionOptionType = 'row' | 'column';
 export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -11,7 +10,8 @@ export interface BIconPropsGenerated {
         style?: Record<string, unknown>;
         color?: string;
         fontSize?: string;
-        fontWeight?: FontWeightOptionType;
+        fontFamily?: string;
+        fontWeight?: string;
         textAlign?: TextAlignOptionType;
         adjustsFontSizeToFit?: boolean;
         showEllipsis?: boolean;

package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts

@@ -1,5 +1,4 @@
 import type { NodeData } from '../../types/Node';
-export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 export type FlexDirectionOptionType = 'row' | 'column';
 export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -11,7 +10,8 @@ export interface OnboardFooterPropsGenerated {
         style?: Record<string, unknown>;
         color?: string;
         fontSize?: string;
-        fontWeight?: FontWeightOptionType;
+        fontFamily?: string;
+        fontWeight?: string;
         textAlign?: TextAlignOptionType;
         adjustsFontSizeToFit?: boolean;
         showEllipsis?: boolean;

package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts

@@ -1,5 +1,4 @@
 import type { NodeData } from '../../types/Node';
-export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 export type FlexDirectionOptionType = 'row' | 'column';
 export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -11,7 +10,8 @@ export interface OnboardSubtitlePropsGenerated {
         style?: Record<string, unknown>;
         color?: string;
         fontSize?: string;
-        fontWeight?: FontWeightOptionType;
+        fontFamily?: string;
+        fontWeight?: string;
         textAlign?: TextAlignOptionType;
         adjustsFontSizeToFit?: boolean;
         showEllipsis?: boolean;

package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts

@@ -1,5 +1,4 @@
 import type { NodeData } from '../../types/Node';
-export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 export type FlexDirectionOptionType = 'row' | 'column';
 export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -11,7 +10,8 @@ export interface OnboardTitlePropsGenerated {
         style?: Record<string, unknown>;
         color?: string;
         fontSize?: string;
-        fontWeight?: FontWeightOptionType;
+        fontFamily?: string;
+        fontWeight?: string;
         textAlign?: TextAlignOptionType;
         adjustsFontSizeToFit?: boolean;
         showEllipsis?: boolean;

package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts

@@ -1,5 +1,4 @@
 import type { NodeData } from '../../types/Node';
-export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 export type FlexDirectionOptionType = 'row' | 'column';
 export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -14,7 +13,8 @@ export interface PaywallCloseButtonPropsGenerated {
         strokeWidth?: number;
         color?: string;
         fontSize?: string;
-        fontWeight?: FontWeightOptionType;
+        fontFamily?: string;
+        fontWeight?: string;
         textAlign?: TextAlignOptionType;
         adjustsFontSizeToFit?: boolean;
         showEllipsis?: boolean;

package/dist/build-components/Text/TextProps.generated.d.ts

@@ -3,7 +3,6 @@ export type FlexDirectionOptionType = 'row' | 'column';
 export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
 export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type PositionOptionType = 'relative' | 'absolute';
-export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 export interface TextPropsGenerated {
     child: string;
@@ -44,7 +43,8 @@ export interface TextPropsGenerated {
         zIndex?: number;
         color?: string;
         fontSize?: string;
-        fontWeight?: FontWeightOptionType;
+        fontFamily?: string;
+        fontWeight?: string;
         textAlign?: TextAlignOptionType;
         adjustsFontSizeToFit?: boolean;
         showEllipsis?: boolean;

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

@@ -6,7 +6,8 @@ export declare const patterns: readonly [{
         readonly attributes: {
             readonly color: "color";
             readonly fontSize: "size";
-            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly fontFamily: "fontFamily";
+            readonly fontWeight: "fontWeight";
             readonly textAlign: readonly ["left", "center", "right", "justify"];
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
@@ -68,33 +69,40 @@ export declare const patterns: readonly [{
                 readonly sort: 2;
                 readonly preferedScale: "s";
             };
+            readonly fontFamily: {
+                readonly label: "Font Family";
+                readonly description: "Font family used for the text.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 3;
+            };
             readonly fontWeight: {
                 readonly label: "Font Weight";
                 readonly description: "Text weight.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 3;
+                readonly sort: 4;
             };
             readonly textAlign: {
                 readonly label: "Text Align";
                 readonly description: "Text alignment.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 4;
+                readonly sort: 5;
             };
             readonly adjustsFontSizeToFit: {
                 readonly label: "Adjust Font Size To Fit";
                 readonly description: "Automatically reduces font size to fit the available space.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 5;
+                readonly sort: 6;
             };
             readonly showEllipsis: {
                 readonly label: "Show Ellipsis";
                 readonly description: "If text overflows, show ellipsis (…); applied as single-line truncation.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 6;
+                readonly sort: 7;
             };
             readonly scrollable: {
                 readonly label: "Scrollable";
@@ -5178,7 +5186,8 @@ export declare const patterns: readonly [{
         readonly attributes: {
             readonly color: "color";
             readonly fontSize: "size";
-            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly fontFamily: "fontFamily";
+            readonly fontWeight: "fontWeight";
             readonly textAlign: readonly ["left", "center", "right", "justify"];
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
@@ -5244,33 +5253,40 @@ export declare const patterns: readonly [{
                 readonly sort: 2;
                 readonly preferedScale: "s";
             };
+            readonly fontFamily: {
+                readonly label: "Font Family";
+                readonly description: "Font family used for the text.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 3;
+            };
             readonly fontWeight: {
                 readonly label: "Font Weight";
                 readonly description: "Text weight.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 3;
+                readonly sort: 4;
             };
             readonly textAlign: {
                 readonly label: "Text Align";
                 readonly description: "Text alignment.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 4;
+                readonly sort: 5;
             };
             readonly adjustsFontSizeToFit: {
                 readonly label: "Adjust Font Size To Fit";
                 readonly description: "Automatically reduces font size to fit the available space.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 5;
+                readonly sort: 6;
             };
             readonly showEllipsis: {
                 readonly label: "Show Ellipsis";
                 readonly description: "If text overflows, show ellipsis (…); applied as single-line truncation.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 6;
+                readonly sort: 7;
             };
             readonly scrollable: {
                 readonly label: "Scrollable";
@@ -6715,7 +6731,8 @@ export declare const patterns: readonly [{
         readonly attributes: {
             readonly color: "color";
             readonly fontSize: "size";
-            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly fontFamily: "fontFamily";
+            readonly fontWeight: "fontWeight";
             readonly textAlign: readonly ["left", "center", "right", "justify"];
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
@@ -6774,33 +6791,40 @@ export declare const patterns: readonly [{
                 readonly sort: 2;
                 readonly preferedScale: "s";
             };
+            readonly fontFamily: {
+                readonly label: "Font Family";
+                readonly description: "Font family used for the text.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 3;
+            };
             readonly fontWeight: {
                 readonly label: "Font Weight";
                 readonly description: "Text weight.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 3;
+                readonly sort: 4;
             };
             readonly textAlign: {
                 readonly label: "Text Align";
                 readonly description: "Text alignment.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 4;
+                readonly sort: 5;
             };
             readonly adjustsFontSizeToFit: {
                 readonly label: "Adjust Font Size To Fit";
                 readonly description: "Automatically reduces font size to fit the available space.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 5;
+                readonly sort: 6;
             };
             readonly showEllipsis: {
                 readonly label: "Show Ellipsis";
                 readonly description: "If text overflows, show ellipsis (…); applied as single-line truncation.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 6;
+                readonly sort: 7;
             };
             readonly scrollable: {
                 readonly label: "Scrollable";
@@ -7112,7 +7136,8 @@ export declare const patterns: readonly [{
         readonly attributes: {
             readonly color: "color";
             readonly fontSize: "size";
-            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly fontFamily: "fontFamily";
+            readonly fontWeight: "fontWeight";
             readonly textAlign: readonly ["left", "center", "right", "justify"];
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
@@ -7171,33 +7196,40 @@ export declare const patterns: readonly [{
                 readonly sort: 2;
                 readonly preferedScale: "s";
             };
+            readonly fontFamily: {
+                readonly label: "Font Family";
+                readonly description: "Font family used for the text.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 3;
+            };
             readonly fontWeight: {
                 readonly label: "Font Weight";
                 readonly description: "Text weight.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 3;
+                readonly sort: 4;
             };
             readonly textAlign: {
                 readonly label: "Text Align";
                 readonly description: "Text alignment.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 4;
+                readonly sort: 5;
             };
             readonly adjustsFontSizeToFit: {
                 readonly label: "Adjust Font Size To Fit";
                 readonly description: "Automatically reduces font size to fit the available space.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 5;
+                readonly sort: 6;
             };
             readonly showEllipsis: {
                 readonly label: "Show Ellipsis";
                 readonly description: "If text overflows, show ellipsis (…); applied as single-line truncation.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 6;
+                readonly sort: 7;
             };
             readonly scrollable: {
                 readonly label: "Scrollable";
@@ -7859,7 +7891,8 @@ export declare const patterns: readonly [{
             readonly strokeWidth: "number";
             readonly color: "color";
             readonly fontSize: "size";
-            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly fontFamily: "fontFamily";
+            readonly fontWeight: "fontWeight";
             readonly textAlign: readonly ["left", "center", "right", "justify"];
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
@@ -7939,33 +7972,40 @@ export declare const patterns: readonly [{
                 readonly sort: 2;
                 readonly preferedScale: "s";
             };
+            readonly fontFamily: {
+                readonly label: "Font Family";
+                readonly description: "Font family used for the text.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 3;
+            };
             readonly fontWeight: {
                 readonly label: "Font Weight";
                 readonly description: "Text weight.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 3;
+                readonly sort: 4;
             };
             readonly textAlign: {
                 readonly label: "Text Align";
                 readonly description: "Text alignment.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 4;
+                readonly sort: 5;
             };
             readonly adjustsFontSizeToFit: {
                 readonly label: "Adjust Font Size To Fit";
                 readonly description: "Automatically reduces font size to fit the available space.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 5;
+                readonly sort: 6;
             };
             readonly showEllipsis: {
                 readonly label: "Show Ellipsis";
                 readonly description: "If text overflows, show ellipsis (…); applied as single-line truncation.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 6;
+                readonly sort: 7;
             };
             readonly scrollable: {
                 readonly label: "Scrollable";
@@ -9765,7 +9805,8 @@ export declare const patterns: readonly [{
             readonly zIndex: "number";
             readonly color: "color";
             readonly fontSize: "size";
-            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly fontFamily: "fontFamily";
+            readonly fontWeight: "fontWeight";
             readonly textAlign: readonly ["left", "center", "right", "justify"];
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
@@ -10081,33 +10122,40 @@ export declare const patterns: readonly [{
                 readonly sort: 2;
                 readonly preferedScale: "s";
             };
+            readonly fontFamily: {
+                readonly label: "Font Family";
+                readonly description: "Font family used for the text.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 3;
+            };
             readonly fontWeight: {
                 readonly label: "Font Weight";
                 readonly description: "Text weight.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 3;
+                readonly sort: 4;
             };
             readonly textAlign: {
                 readonly label: "Text Align";
                 readonly description: "Text alignment.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 4;
+                readonly sort: 5;
             };
             readonly adjustsFontSizeToFit: {
                 readonly label: "Adjust Font Size To Fit";
                 readonly description: "Automatically reduces font size to fit the available space.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 5;
+                readonly sort: 6;
             };
             readonly showEllipsis: {
                 readonly label: "Show Ellipsis";
                 readonly description: "If text overflows, show ellipsis (…); applied as single-line truncation.";
                 readonly category: "style";
                 readonly specialCategory: null;
-                readonly sort: 6;
+                readonly sort: 7;
             };
         };
     };

package/dist/hooks/useProjectFonts.d.ts

@@ -0,0 +1,13 @@
+import type { Fonts } from '../types/Fonts';
+type UseProjectFontsParams = {
+    fonts: Fonts;
+    appFont: string | undefined;
+};
+/**
+ * Syncs project-provided fonts into the library store and ensures appFont is loaded (web).
+ * Loading behavior:
+ * - keep waiting while the load is in-flight
+ * - stop only when it loads, an error is thrown, or 10s deadline passes
+ */
+export declare function useProjectFonts({ fonts, appFont }: UseProjectFontsParams): void;
+export {};