@blazejkustra/react-native-onboarding 0.1.3 → 0.1.4

package/lib/module/index.js

@@ -3,13 +3,16 @@
 import ThemeProvider from "./utils/ThemeContext.js";
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import SpillOnboarding from "./spill-onboarding/index.js";
+import { Platform } from 'react-native';
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 function Onboarding({
   colors,
   fonts,
   ...props
 }) {
-  return /*#__PURE__*/_jsx(SafeAreaProvider, {
+  const SafeArea = Platform.OS === 'web' ? React.Fragment : SafeAreaProvider;
+  return /*#__PURE__*/_jsx(SafeArea, {
     children: /*#__PURE__*/_jsx(ThemeProvider, {
       colors: colors,
       fonts: fonts,

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeProvider","SafeAreaProvider","SpillOnboarding","jsx","_jsx","Onboarding","colors","fonts","props","children"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,yBAAsB;AAChD,SAASC,gBAAgB,QAAQ,gCAAgC;AAQjE,OAAOC,eAAe,MAAM,6BAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAE;EAChE,oBACEJ,IAAA,CAACH,gBAAgB;IAAAQ,QAAA,eACfL,IAAA,CAACJ,aAAa;MAACM,MAAM,EAAEA,MAAO;MAACC,KAAK,EAAEA,KAAM;MAAAE,QAAA,eAC1CL,IAAA,CAACF,eAAe;QAAA,GAAKM;MAAK,CAAG;IAAC,CACjB;EAAC,CACA,CAAC;AAEvB;AAEA,eAAeH,UAAU","ignoreList":[]}
+{"version":3,"names":["ThemeProvider","SafeAreaProvider","SpillOnboarding","Platform","React","jsx","_jsx","Onboarding","colors","fonts","props","SafeArea","OS","Fragment","children"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,yBAAsB;AAChD,SAASC,gBAAgB,QAAQ,gCAAgC;AASjE,OAAOC,eAAe,MAAM,6BAAoB;AAChD,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAE;EAChE,MAAMC,QAAQ,GAAGR,QAAQ,CAACS,EAAE,KAAK,KAAK,GAAGR,KAAK,CAACS,QAAQ,GAAGZ,gBAAgB;EAE1E,oBACEK,IAAA,CAACK,QAAQ;IAAAG,QAAA,eACPR,IAAA,CAACN,aAAa;MAACQ,MAAM,EAAEA,MAAO;MAACC,KAAK,EAAEA,KAAM;MAAAK,QAAA,eAC1CR,IAAA,CAACJ,eAAe;QAAA,GAAKQ;MAAK,CAAG;IAAC,CACjB;EAAC,CACR,CAAC;AAEf;AAEA,eAAeH,UAAU","ignoreList":[]}

package/lib/module/spill-onboarding/components/OnboardingModal.js

@@ -48,9 +48,9 @@ const createStyles = (theme, height, width) => StyleSheet.create({
     bottom: 0
   },
   webModal: {
-    width: Math.min(width - 32, 500),
-    height: Math.min(height - 32, 800),
-    borderRadius: 28,
+    width: Math.min(width, 500),
+    height: Math.min(height, 800),
+    borderRadius: width > 500 ? 28 : 0,
     shadowColor: '#000',
     shadowOffset: {
       width: 0,

package/lib/module/spill-onboarding/components/OnboardingModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","View","StyleSheet","Modal","TouchableOpacity","useWindowDimensions","useTheme","jsx","_jsx","jsxs","_jsxs","OnboardingModal","onSkip","children","theme","height","width","styles","createStyles","visible","transparent","onRequestClose","style","webOverlay","webBackdrop","activeOpacity","onPress","webModal","create","flex","backgroundColor","justifyContent","alignItems","position","top","left","right","bottom","Math","min","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","overflow","bg","secondary","webContent","paddingTop"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,gBAAgB,EAChBC,mBAAmB,QACd,cAAc;AACrB,SAASC,QAAQ,QAAQ,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQpD,eAAe,SAASC,eAAeA,CAAC;EACtCC,MAAM;EACNC;AACoB,CAAC,EAAE;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAES,MAAM;IAAEC;EAAM,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EAC/C,MAAMY,MAAM,GAAGjB,OAAO,CACpB,MAAMkB,YAAY,CAACJ,KAAK,EAAEC,MAAM,EAAEC,KAAK,CAAC,EACxC,CAACD,MAAM,EAAEC,KAAK,EAAEF,KAAK,CACvB,CAAC;EAED,oBACEN,IAAA,CAACL,KAAK;IAACgB,OAAO;IAACC,WAAW;IAACC,cAAc,EAAET,MAAO;IAAAC,QAAA,eAChDH,KAAA,CAACT,IAAI;MAACqB,KAAK,EAAEL,MAAM,CAACM,UAAW;MAAAV,QAAA,gBAC7BL,IAAA,CAACJ,gBAAgB;QACfkB,KAAK,EAAEL,MAAM,CAACO,WAAY;QAC1BC,aAAa,EAAE,CAAE;QACjBC,OAAO,EAAEd;MAAO,CACjB,CAAC,eACFJ,IAAA,CAACP,IAAI;QAACqB,KAAK,EAAEL,MAAM,CAACU,QAAS;QAAAd,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAAA,CAC3C;EAAC,CACF,CAAC;AAEZ;AAEA,MAAMK,YAAY,GAAGA,CAACJ,KAAY,EAAEC,MAAc,EAAEC,KAAa,KAC/Dd,UAAU,CAAC0B,MAAM,CAAC;EAChBL,UAAU,EAAE;IACVM,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,oBAAoB;IACrCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDR,WAAW,EAAE;IACXS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDV,QAAQ,EAAE;IACRX,KAAK,EAAEsB,IAAI,CAACC,GAAG,CAACvB,KAAK,GAAG,EAAE,EAAE,GAAG,CAAC;IAChCD,MAAM,EAAEuB,IAAI,CAACC,GAAG,CAACxB,MAAM,GAAG,EAAE,EAAE,GAAG,CAAC;IAClCyB,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZ1B,KAAK,EAAE,CAAC;MACRD,MAAM,EAAE;IACV,CAAC;IACD4B,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,QAAQ;IAClBf,eAAe,EAAEhB,KAAK,CAACgC,EAAE,CAACC;EAC5B,CAAC;EACDC,UAAU,EAAE;IACVnB,IAAI,EAAE,CAAC;IACPoB,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","View","StyleSheet","Modal","TouchableOpacity","useWindowDimensions","useTheme","jsx","_jsx","jsxs","_jsxs","OnboardingModal","onSkip","children","theme","height","width","styles","createStyles","visible","transparent","onRequestClose","style","webOverlay","webBackdrop","activeOpacity","onPress","webModal","create","flex","backgroundColor","justifyContent","alignItems","position","top","left","right","bottom","Math","min","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","overflow","bg","secondary","webContent","paddingTop"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,gBAAgB,EAChBC,mBAAmB,QACd,cAAc;AACrB,SAASC,QAAQ,QAAQ,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQpD,eAAe,SAASC,eAAeA,CAAC;EACtCC,MAAM;EACNC;AACoB,CAAC,EAAE;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAES,MAAM;IAAEC;EAAM,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EAC/C,MAAMY,MAAM,GAAGjB,OAAO,CACpB,MAAMkB,YAAY,CAACJ,KAAK,EAAEC,MAAM,EAAEC,KAAK,CAAC,EACxC,CAACD,MAAM,EAAEC,KAAK,EAAEF,KAAK,CACvB,CAAC;EAED,oBACEN,IAAA,CAACL,KAAK;IAACgB,OAAO;IAACC,WAAW;IAACC,cAAc,EAAET,MAAO;IAAAC,QAAA,eAChDH,KAAA,CAACT,IAAI;MAACqB,KAAK,EAAEL,MAAM,CAACM,UAAW;MAAAV,QAAA,gBAC7BL,IAAA,CAACJ,gBAAgB;QACfkB,KAAK,EAAEL,MAAM,CAACO,WAAY;QAC1BC,aAAa,EAAE,CAAE;QACjBC,OAAO,EAAEd;MAAO,CACjB,CAAC,eACFJ,IAAA,CAACP,IAAI;QAACqB,KAAK,EAAEL,MAAM,CAACU,QAAS;QAAAd,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAAA,CAC3C;EAAC,CACF,CAAC;AAEZ;AAEA,MAAMK,YAAY,GAAGA,CAACJ,KAAY,EAAEC,MAAc,EAAEC,KAAa,KAC/Dd,UAAU,CAAC0B,MAAM,CAAC;EAChBL,UAAU,EAAE;IACVM,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,oBAAoB;IACrCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDR,WAAW,EAAE;IACXS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDV,QAAQ,EAAE;IACRX,KAAK,EAAEsB,IAAI,CAACC,GAAG,CAACvB,KAAK,EAAE,GAAG,CAAC;IAC3BD,MAAM,EAAEuB,IAAI,CAACC,GAAG,CAACxB,MAAM,EAAE,GAAG,CAAC;IAC7ByB,YAAY,EAAExB,KAAK,GAAG,GAAG,GAAG,EAAE,GAAG,CAAC;IAClCyB,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZ1B,KAAK,EAAE,CAAC;MACRD,MAAM,EAAE;IACV,CAAC;IACD4B,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,QAAQ;IAClBf,eAAe,EAAEhB,KAAK,CAACgC,EAAE,CAACC;EAC5B,CAAC;EACDC,UAAU,EAAE;IACVnB,IAAI,EAAE,CAAC;IACPoB,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/spill-onboarding/index.js

@@ -9,7 +9,6 @@ import OnboardingStepPanel from "./components/OnboardingStepPanel.js";
 import OnboardingStepContainer from "./components/OnboardingStepContainer.js";
 import OnboardingImageContainer from "./components/OnboardingImageContainer.js";
 import OnboardingModal from "./components/OnboardingModal.js";
-import { useWindowDimensions } from 'react-native';
 import useMeasureHeight from "./hooks/useMeasureHeight.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SpillOnboarding({
@@ -28,9 +27,6 @@ function SpillOnboarding({
   const {
     theme
   } = useTheme();
-  const {
-    width: screenWidth
-  } = useWindowDimensions();
   const styles = useMemo(() => createStyles(theme), [theme]);
   const backgroundSpillProgress = useSharedValue(0);
   const [step, setStep] = useState(-1);
@@ -155,7 +151,7 @@ function SpillOnboarding({
   });
 
   // On web, wrap in modal; on mobile, render directly
-  if (Platform.OS === 'web' && screenWidth >= 600 && wrapInModalOnWeb) {
+  if (Platform.OS === 'web' && wrapInModalOnWeb) {
     return /*#__PURE__*/_jsx(OnboardingModal, {
       onSkip: onSkip,
       children: onboardingContent

package/lib/module/spill-onboarding/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useWindowDimensions","useMeasureHeight","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","theme","width","screenWidth","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","length","onBackPress","renderIntroPanel","title","subtitle","button","image","renderStepContent","component","onNext","onBack","isLast","label","description","buttonLabel","buttonPrimary","currentStepImage","onboardingContent","style","container","ref","children","bottomPanel","position","screenHeight","height","OS","create","flex","backgroundColor","bg","secondary","paddingHorizontal","paddingBottom","insets","bottom","left","right"],"sourceRoot":"../../../src","sources":["spill-onboarding/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useMeasureHeight","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","theme","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","length","onBackPress","renderIntroPanel","title","subtitle","button","image","renderStepContent","component","onNext","onBack","isLast","label","description","buttonLabel","buttonPrimary","currentStepImage","onboardingContent","style","container","ref","children","bottomPanel","position","screenHeight","height","OS","create","flex","backgroundColor","bg","secondary","paddingHorizontal","paddingBottom","insets","bottom","left","right"],"sourceRoot":"../../../src","sources":["spill-onboarding/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -1,5 +1,5 @@
-import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps } from './spill-onboarding/types';
+import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps, type OnboardingStep } from './spill-onboarding/types';
 declare function Onboarding({ colors, fonts, ...props }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
 export default Onboarding;
-export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, };
+export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, OnboardingStep, };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC9B,MAAM,0BAA0B,CAAC;AAGlC,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ/D;AAED,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,GACzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACpB,MAAM,0BAA0B,CAAC;AAKlC,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAU/D;AAED,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,EACxB,cAAc,GACf,CAAC"}

package/lib/typescript/src/spill-onboarding/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAyKjB;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAwKjB;AAED,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blazejkustra/react-native-onboarding",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Onboarding/tutorial flow for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/index.tsx

@@ -6,16 +6,21 @@ import {
   type OnboardingFonts,
   type OnboardingIntroPanelProps,
   type OnboardingStepPanelProps,
+  type OnboardingStep,
 } from './spill-onboarding/types';
 import SpillOnboarding from './spill-onboarding';
+import { Platform } from 'react-native';
+import React from 'react';
 
 function Onboarding({ colors, fonts, ...props }: OnboardingProps) {
+  const SafeArea = Platform.OS === 'web' ? React.Fragment : SafeAreaProvider;
+
   return (
-    <SafeAreaProvider>
+    <SafeArea>
       <ThemeProvider colors={colors} fonts={fonts}>
         <SpillOnboarding {...props} />
       </ThemeProvider>
-    </SafeAreaProvider>
+    </SafeArea>
   );
 }
 
@@ -26,4 +31,5 @@ export type {
   OnboardingFonts,
   OnboardingIntroPanelProps,
   OnboardingStepPanelProps,
+  OnboardingStep,
 };

package/src/spill-onboarding/components/OnboardingModal.tsx

@@ -55,9 +55,9 @@ const createStyles = (theme: Theme, height: number, width: number) =>
       bottom: 0,
     },
     webModal: {
-      width: Math.min(width - 32, 500),
-      height: Math.min(height - 32, 800),
-      borderRadius: 28,
+      width: Math.min(width, 500),
+      height: Math.min(height, 800),
+      borderRadius: width > 500 ? 28 : 0,
       shadowColor: '#000',
       shadowOffset: {
         width: 0,

package/src/spill-onboarding/index.tsx

@@ -14,7 +14,6 @@ import OnboardingStepContainer from './components/OnboardingStepContainer';
 import OnboardingImageContainer from './components/OnboardingImageContainer';
 import OnboardingModal from './components/OnboardingModal';
 import { type OnboardingProps } from './types';
-import { useWindowDimensions } from 'react-native';
 import useMeasureHeight from './hooks/useMeasureHeight';
 import { type Theme } from '../utils/theme';
 
@@ -32,7 +31,6 @@ function SpillOnboarding({
   skipButton,
 }: OnboardingProps) {
   const { theme } = useTheme();
-  const { width: screenWidth } = useWindowDimensions();
 
   const styles = useMemo(() => createStyles(theme), [theme]);
   const backgroundSpillProgress = useSharedValue(0);
@@ -192,7 +190,7 @@ function SpillOnboarding({
   );
 
   // On web, wrap in modal; on mobile, render directly
-  if (Platform.OS === 'web' && screenWidth >= 600 && wrapInModalOnWeb) {
+  if (Platform.OS === 'web' && wrapInModalOnWeb) {
     return (
       <OnboardingModal onSkip={onSkip}>{onboardingContent}</OnboardingModal>
     );