@unifold/connect-react-native 0.1.45 → 0.1.47-beta.1

package/README.md

@@ -185,7 +185,7 @@ await beginDeposit({
 | `config.appearance` | `'light' \| 'dark' \| 'auto'` | No | Theme mode (default: `'dark'`) |
 | `config.modalTitle` | `string` | No | Custom modal title |
 | `config.hideDepositTracker` | `boolean` | No | Hide the deposit tracker button |
-| `config.transferInputVariant` | `'single_input' \| 'double_input'` | No | Token selector style (default: `'double_input'`) |
+| `config.transferInputVariant` | `'single_input' \| 'double_input' \| 'compact'` | No | Token selector style (default: `'double_input'`) |
 | `config.accentColor` | `string` | No | Primary brand color |
 | `config.theme` | `ThemeConfig` | No | Full color customization |
 | `config.fontFamily` | `string` | No | Single font family for all text |

package/dist/index.d.mts

@@ -325,11 +325,20 @@ interface BottomSheetProps {
     noPadding?: boolean;
     borderTopLeftRadius?: number;
     borderTopRightRadius?: number;
-}
-declare function BottomSheet({ visible, onClose, children, closeOnBackdropPress, enablePanDownToClose, showHandle, heightPercent, maxHeightPercent, startExpanded, noPadding, borderTopLeftRadius, borderTopRightRadius, }: BottomSheetProps): react_jsx_runtime.JSX.Element | null;
+    /** Horizontal margin applied to the sheet panel (insets it from screen edges). */
+    marginHorizontal?: number;
+    /** Override the bottom margin when marginHorizontal is set. */
+    marginBottom?: number;
+    /** Extra content rendered inside the Modal layer above the sheet (e.g. a secondary overlay sheet). */
+    overlay?: React$1.ReactNode;
+    /** When false, render as an absolutely-positioned overlay instead of inside a Modal.
+     *  Use this for sheets that must appear on top of an already-open Modal (iOS limitation). */
+    useModal?: boolean;
+}
+declare function BottomSheet({ visible, onClose, children, closeOnBackdropPress, enablePanDownToClose, showHandle, heightPercent, maxHeightPercent, startExpanded, noPadding, borderTopLeftRadius, borderTopRightRadius, marginHorizontal: marginH, marginBottom: marginBottomProp, overlay, useModal: useModalProp, }: BottomSheetProps): react_jsx_runtime.JSX.Element | null;
 
 /** Controls which transfer crypto input variant is rendered */
-type TransferInputVariant = "single_input" | "double_input";
+type TransferInputVariant = "single_input" | "double_input" | "compact";
 /** Controls which screen opens first when the deposit modal is shown */
 type DepositInitialScreen = "main" | "transfer" | "card" | "tracker" | "cashapp";
 interface DepositModalProps {
@@ -580,7 +589,7 @@ interface UnifoldConnectProviderConfig {
         hideDepositTracker?: boolean;
         /** Theme appearance: 'light', 'dark', or 'auto' (system preference). Defaults to 'dark' */
         appearance?: ThemeMode | "auto";
-        /** Transfer input variant: 'single_input' (unified selector) or 'double_input' (separate token/chain). Defaults to 'double_input' */
+        /** Transfer input variant: 'single_input' (unified selector), 'double_input' (separate token/chain), or 'compact' (minimal QR-focused layout). Defaults to 'double_input' */
         transferInputVariant?: TransferInputVariant;
         /** Simple accent/primary color override (applies to both light and dark modes) */
         accentColor?: string;

package/dist/index.d.ts

@@ -325,11 +325,20 @@ interface BottomSheetProps {
     noPadding?: boolean;
     borderTopLeftRadius?: number;
     borderTopRightRadius?: number;
-}
-declare function BottomSheet({ visible, onClose, children, closeOnBackdropPress, enablePanDownToClose, showHandle, heightPercent, maxHeightPercent, startExpanded, noPadding, borderTopLeftRadius, borderTopRightRadius, }: BottomSheetProps): react_jsx_runtime.JSX.Element | null;
+    /** Horizontal margin applied to the sheet panel (insets it from screen edges). */
+    marginHorizontal?: number;
+    /** Override the bottom margin when marginHorizontal is set. */
+    marginBottom?: number;
+    /** Extra content rendered inside the Modal layer above the sheet (e.g. a secondary overlay sheet). */
+    overlay?: React$1.ReactNode;
+    /** When false, render as an absolutely-positioned overlay instead of inside a Modal.
+     *  Use this for sheets that must appear on top of an already-open Modal (iOS limitation). */
+    useModal?: boolean;
+}
+declare function BottomSheet({ visible, onClose, children, closeOnBackdropPress, enablePanDownToClose, showHandle, heightPercent, maxHeightPercent, startExpanded, noPadding, borderTopLeftRadius, borderTopRightRadius, marginHorizontal: marginH, marginBottom: marginBottomProp, overlay, useModal: useModalProp, }: BottomSheetProps): react_jsx_runtime.JSX.Element | null;
 
 /** Controls which transfer crypto input variant is rendered */
-type TransferInputVariant = "single_input" | "double_input";
+type TransferInputVariant = "single_input" | "double_input" | "compact";
 /** Controls which screen opens first when the deposit modal is shown */
 type DepositInitialScreen = "main" | "transfer" | "card" | "tracker" | "cashapp";
 interface DepositModalProps {
@@ -580,7 +589,7 @@ interface UnifoldConnectProviderConfig {
         hideDepositTracker?: boolean;
         /** Theme appearance: 'light', 'dark', or 'auto' (system preference). Defaults to 'dark' */
         appearance?: ThemeMode | "auto";
-        /** Transfer input variant: 'single_input' (unified selector) or 'double_input' (separate token/chain). Defaults to 'double_input' */
+        /** Transfer input variant: 'single_input' (unified selector), 'double_input' (separate token/chain), or 'compact' (minimal QR-focused layout). Defaults to 'double_input' */
         transferInputVariant?: TransferInputVariant;
         /** Simple accent/primary color override (applies to both light and dark modes) */
         accentColor?: string;