react-native-inapp-inspector 2.5.9 → 2.5.11

package/android/build/kotlin/compileDebugKotlin/cacheable/caches-jvm/lookups/counters.tab

@@ -0,0 +1,2 @@
+2
+0

package/android/build/outputs/logs/manifest-merger-debug-report.txt

@@ -0,0 +1,17 @@
+-- Merging decision tree log ---
+manifest
+ADDED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml:1:1-3:12
+INJECTED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml:1:1-3:12
+	package
+		ADDED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml:2:11-39
+		INJECTED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml
+	xmlns:android
+		ADDED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml:1:11-69
+uses-sdk
+INJECTED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml reason: use-sdk injection requested
+INJECTED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml
+INJECTED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml
+	android:targetSdkVersion
+		INJECTED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml
+	android:minSdkVersion
+		INJECTED from /Users/vengateswaran/Documents/Projects/react-native-inapp-inspector/example/node_modules/react-native-inapp-inspector/android/src/main/AndroidManifest.xml

package/dist/commonjs/a11y.d.ts

@@ -0,0 +1,2 @@
+export { connectA11ySuite, getA11ySuiteInstance, getA11yState, subscribeA11yState, syncA11yTelemetry, announceA11y, calculateContrastRatio, evaluateTouchTarget, WCAG_RULES, } from './customHooks/a11yAdapter';
+export type { A11yTelemetryState, WcagRule, ColorContrastResult, TouchTargetEvaluation, } from './types';

package/dist/commonjs/a11y.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WCAG_RULES=exports.evaluateTouchTarget=exports.calculateContrastRatio=exports.announceA11y=exports.syncA11yTelemetry=exports.subscribeA11yState=exports.getA11yState=exports.getA11ySuiteInstance=exports.connectA11ySuite=void 0;var a11yAdapter_1=require("./customHooks/a11yAdapter");Object.defineProperty(exports,"connectA11ySuite",{enumerable:!0,get:function(){return a11yAdapter_1.connectA11ySuite}}),Object.defineProperty(exports,"getA11ySuiteInstance",{enumerable:!0,get:function(){return a11yAdapter_1.getA11ySuiteInstance}}),Object.defineProperty(exports,"getA11yState",{enumerable:!0,get:function(){return a11yAdapter_1.getA11yState}}),Object.defineProperty(exports,"subscribeA11yState",{enumerable:!0,get:function(){return a11yAdapter_1.subscribeA11yState}}),Object.defineProperty(exports,"syncA11yTelemetry",{enumerable:!0,get:function(){return a11yAdapter_1.syncA11yTelemetry}}),Object.defineProperty(exports,"announceA11y",{enumerable:!0,get:function(){return a11yAdapter_1.announceA11y}}),Object.defineProperty(exports,"calculateContrastRatio",{enumerable:!0,get:function(){return a11yAdapter_1.calculateContrastRatio}}),Object.defineProperty(exports,"evaluateTouchTarget",{enumerable:!0,get:function(){return a11yAdapter_1.evaluateTouchTarget}}),Object.defineProperty(exports,"WCAG_RULES",{enumerable:!0,get:function(){return a11yAdapter_1.WCAG_RULES}});

package/dist/commonjs/components/ErrorBoundary.js

@@ -11,7 +11,7 @@ Timestamp: ${new Date().toISOString()}
 
 Stack Trace:
 ${t.stack||"No stack trace available"}
-\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;(0,helpers_1.copyToClipboard)(r,(0,i18n_1.t)("errors.errorReport"))}}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,e){try{const r=t?.stack||e?.componentStack||"";(0,crashHandler_1.handleInterceptedCrash)(t,r,!1,enums_1.CrashType.Render,e?.componentStack),(0,NativeInspector_1.showNativeFloatingButton)(),(0,NativeInspector_1.setNativeFloatingButtonBadge)(!0)}catch{}}render(){const{hasError:t,error:e}=this.state;if(!t||!e)return this.props.children;const{rootFrame:r,frames:o}=parseStackTrace(e.stack||""),s=e.name||(0,i18n_1.t)("errors.title"),u=s.includes("Syntax")||s.includes("Type")||s.includes("Reference");return this.props.fallbackType==="inline"?<react_native_1.View style={styles.inlineContainer}>
+\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;(0,helpers_1.copyToClipboard)(r,(0,i18n_1.t)("errors.errorReport"))}}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,e){try{const r=t?.stack||e?.componentStack||"",o=(0,crashHandler_1.handleInterceptedCrash)(t,r,!1,enums_1.CrashType.Render,e?.componentStack);o&&!o.id.startsWith("crash_ignored_")&&((0,NativeInspector_1.showNativeFloatingButton)(),(0,NativeInspector_1.setNativeFloatingButtonBadge)(!0))}catch{}}render(){const{hasError:t,error:e}=this.state;if(!t||!e)return this.props.children;const{rootFrame:r,frames:o}=parseStackTrace(e.stack||""),s=e.name||(0,i18n_1.t)("errors.title"),u=s.includes("Syntax")||s.includes("Type")||s.includes("Reference");return this.props.fallbackType==="inline"?<react_native_1.View style={styles.inlineContainer}>
           <react_native_1.View style={styles.inlineHeader}>
             <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.red600}size={18}/>
             <react_native_1.View style={{flex:1}}>

package/dist/commonjs/components/Inspector/A11yTab.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const A11yTab: React.FC;

package/dist/commonjs/components/Inspector/A11yTab.js

@@ -0,0 +1,268 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,a,r){r===void 0&&(r=a);var i=Object.getOwnPropertyDescriptor(t,a);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(o,r,i)}):(function(o,t,a,r){r===void 0&&(r=a),o[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(a){var r=[];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(r[r.length]=i);return r},o(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=o(t),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(a,t,r[i]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.A11yTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),a11yAdapter_1=require("../../customHooks/a11yAdapter"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),TouchableScale_1=__importDefault(require("../TouchableScale")),A11yTab=()=>{const{t:o}=(0,i18n_1.useTranslation)(),[t,a]=(0,react_1.useState)("status"),[r,i]=(0,react_1.useState)((0,a11yAdapter_1.getA11yState)()),[s,x]=(0,react_1.useState)("Accessibility announcement test"),[y,C]=(0,react_1.useState)("#FFFFFF"),[g,A]=(0,react_1.useState)("#4F46E5"),[T,m]=(0,react_1.useState)("44"),[b,v]=(0,react_1.useState)("44"),[d,f]=(0,react_1.useState)(""),[c,w]=(0,react_1.useState)("ALL"),[_,I]=(0,react_1.useState)("ALL"),[S,h]=(0,react_1.useState)({});(0,react_1.useEffect)(()=>((0,a11yAdapter_1.syncA11yTelemetry)(),(0,a11yAdapter_1.subscribeA11yState)(e=>{i(e)})),[]);const V=(0,react_1.useCallback)(async()=>{const e=await(0,a11yAdapter_1.syncA11yTelemetry)();i(e),(0,toast_1.showToast)(`A11y Telemetry Updated (VoiceOver/TalkBack: ${e.isScreenReaderEnabled?"Active":"Inactive"})`)},[]),F=(0,react_1.useCallback)(()=>{if(!s.trim()){(0,toast_1.showToast)("Please enter text to announce");return}(0,a11yAdapter_1.announceA11y)(s)?(0,toast_1.showToast)(`Announced: "${s}"`):(0,toast_1.showToast)("Dispatched via AccessibilityInfo fallback")},[s]),l=(0,react_1.useMemo)(()=>(0,a11yAdapter_1.calculateContrastRatio)(y,g),[y,g]),u=(0,react_1.useMemo)(()=>{const e=parseFloat(T)||0,n=parseFloat(b)||0;return(0,a11yAdapter_1.evaluateTouchTarget)(e,n)},[T,b]),B=(0,react_1.useMemo)(()=>a11yAdapter_1.WCAG_RULES.filter(e=>{if(c!=="ALL"&&e.level!==c||_!=="ALL"&&e.principle!==_)return!1;if(d.trim()){const n=d.toLowerCase();return e.id.toLowerCase().includes(n)||e.title.toLowerCase().includes(n)||e.description.toLowerCase().includes(n)||e.mobileRecommendation.toLowerCase().includes(n)}return!0}),[d,c,_]),k=(0,react_1.useCallback)(e=>{h(n=>({...n,[e]:!n[e]}))},[]),p=!!(0,a11yAdapter_1.getA11ySuiteInstance)();return<react_native_1.View style={styles.container}>
+      
+      <react_native_1.View style={styles.subTabBar}>
+        <react_native_1.TouchableOpacity style={[styles.subTabItem,t==="status"&&styles.subTabItemActive]}onPress={()=>a("status")}activeOpacity={.7}>
+          <NetworkIcons_1.SignalIcon size={14}color={t==="status"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextWeak}/>
+          <react_native_1.Text style={[styles.subTabText,t==="status"&&styles.subTabTextActive]}>
+            Status & Telemetry
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+
+        <react_native_1.TouchableOpacity style={[styles.subTabItem,t==="tools"&&styles.subTabItemActive]}onPress={()=>a("tools")}activeOpacity={.7}>
+          <NetworkIcons_1.TerminalIcon size={14}color={t==="tools"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextWeak}/>
+          <react_native_1.Text style={[styles.subTabText,t==="tools"&&styles.subTabTextActive]}>
+            A11y Tools
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+
+        <react_native_1.TouchableOpacity style={[styles.subTabItem,t==="wcag"&&styles.subTabItemActive]}onPress={()=>a("wcag")}activeOpacity={.7}>
+          <NetworkIcons_1.AccessibilityIcon size={14}color={t==="wcag"?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextWeak}/>
+          <react_native_1.Text style={[styles.subTabText,t==="wcag"&&styles.subTabTextActive]}>
+            WCAG 2.2 Standards
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.View>
+
+      <react_native_1.ScrollView style={styles.scrollContent}contentContainerStyle={styles.scrollContainer}showsVerticalScrollIndicator={!1}>
+        
+        {t==="status"&&<react_native_1.View>
+            
+            <react_native_1.View style={[styles.bannerCard,{backgroundColor:p?`${AppColors_1.AppColors.greenColor}14`:`${AppColors_1.AppColors.brandPurple}14`,borderColor:p?`${AppColors_1.AppColors.greenColor}33`:`${AppColors_1.AppColors.brandPurple}33`}]}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+                <NetworkIcons_1.AccessibilityIcon size={20}color={p?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.brandPurple}/>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.bannerTitle}>
+                    {p?"react-native-a11y-suite Active":"react-native-inapp-inspector A11y Engine"}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={styles.bannerSubtitle}>
+                    {p?"Connected to native TurboModules for enhanced assistive telemetry.":"Running in zero-config mode with native AccessibilityInfo bridge."}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={styles.metricsGrid}>
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Screen Reader</react_native_1.Text>
+                <react_native_1.View style={styles.badgeRow}>
+                  <react_native_1.View style={[styles.statusDot,{backgroundColor:r.isScreenReaderEnabled?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.grayTextWeak}]}/>
+                  <react_native_1.Text style={[styles.metricValue,{color:r.isScreenReaderEnabled?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.grayTextStrong}]}>
+                    {r.isScreenReaderEnabled?react_native_1.Platform.OS==="ios"?"VoiceOver ON":"TalkBack ON":"Inactive"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Font Scale Multiplier</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:AppColors_1.AppColors.brandPurple}]}>
+                  {r.fontScale}x
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.metricSub}>
+                  {r.fontScale>=1.5?"Accessibility Size":r.fontScale>1?"Large Scale":"Default (1.0x)"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Reduced Motion</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isReduceMotionEnabled?AppColors_1.AppColors.lightOrange:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isReduceMotionEnabled?"Enabled (No Anim)":"Disabled"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Bold Text</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isBoldTextEnabled?AppColors_1.AppColors.skyBlue:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isBoldTextEnabled?"Enabled":"Default"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>High Contrast</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isHighContrastEnabled?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isHighContrastEnabled?"Enabled":"Default"}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.metricCard}>
+                <react_native_1.Text style={styles.metricLabel}>Invert Colors</react_native_1.Text>
+                <react_native_1.Text style={[styles.metricValue,{color:r.isInvertColorsEnabled?AppColors_1.AppColors.lightOrange:AppColors_1.AppColors.grayTextStrong}]}>
+                  {r.isInvertColorsEnabled?"Enabled":"Default"}
+                </react_native_1.Text>
+              </react_native_1.View>
+            </react_native_1.View>
+
+            
+            <TouchableScale_1.default style={styles.actionButton}onPress={V}>
+              <NetworkIcons_1.SignalIcon size={16}color={AppColors_1.AppColors.white}/>
+              <react_native_1.Text style={styles.actionButtonText}>Sync Accessibility Telemetry</react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>}
+
+        
+        {t==="tools"&&<react_native_1.View>
+            
+            <react_native_1.View style={styles.toolCard}>
+              <react_native_1.View style={styles.toolHeader}>
+                <NetworkIcons_1.AccessibilityIcon size={18}color={AppColors_1.AppColors.brandPurple}/>
+                <react_native_1.Text style={styles.toolTitle}>Live Speech & Announcement Tester</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.toolDesc}>
+                Dispatches announcements directly to active assistive technologies
+                (VoiceOver on iOS, TalkBack on Android).
+              </react_native_1.Text>
+
+              <react_native_1.TextInput style={styles.input}value={s}onChangeText={x}placeholder="Enter message to announce..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}/>
+
+              <TouchableScale_1.default style={[styles.actionButton,{marginTop:10}]}onPress={F}>
+                <react_native_1.Text style={styles.actionButtonText}>📢 Dispatch Announcement</react_native_1.Text>
+              </TouchableScale_1.default>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={styles.toolCard}>
+              <react_native_1.View style={styles.toolHeader}>
+                <NetworkIcons_1.AccessibilityIcon size={18}color={AppColors_1.AppColors.skyBlue}/>
+                <react_native_1.Text style={styles.toolTitle}>WCAG 2.2 Color Contrast Checker</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.toolDesc}>
+                Calculates relative luminance and contrast ratio between foreground text
+                and background surfaces.
+              </react_native_1.Text>
+
+              <react_native_1.View style={{flexDirection:"row",gap:10,marginTop:10}}>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Text Hex</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={y}onChangeText={C}placeholder="#FFFFFF"placeholderTextColor={AppColors_1.AppColors.grayTextWeak}autoCapitalize="characters"/>
+                </react_native_1.View>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Background Hex</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={g}onChangeText={A}placeholder="#4F46E5"placeholderTextColor={AppColors_1.AppColors.grayTextWeak}autoCapitalize="characters"/>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={[styles.contrastPreviewBox,{backgroundColor:l.bgHex||"#4F46E5"}]}>
+                <react_native_1.Text style={[styles.contrastPreviewText,{color:l.fgHex||"#FFFFFF"}]}>
+                  Sample Text Preview
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              
+              <react_native_1.View style={styles.ratioRow}>
+                <react_native_1.Text style={styles.ratioValue}>{l.ratio}:1</react_native_1.Text>
+                <react_native_1.View style={styles.badgeContainer}>
+                  <react_native_1.View style={[styles.complianceBadge,l.aaNormal?styles.badgePass:styles.badgeFail]}>
+                    <react_native_1.Text style={[styles.badgeText,l.aaNormal?styles.textPass:styles.textFail]}>
+                      AA (4.5:1) {l.aaNormal?"\u2713":"\u2717"}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                  <react_native_1.View style={[styles.complianceBadge,l.aaLarge?styles.badgePass:styles.badgeFail]}>
+                    <react_native_1.Text style={[styles.badgeText,l.aaLarge?styles.textPass:styles.textFail]}>
+                      AA Large (3:1) {l.aaLarge?"\u2713":"\u2717"}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                  <react_native_1.View style={[styles.complianceBadge,l.aaaNormal?styles.badgePass:styles.badgeFail]}>
+                    <react_native_1.Text style={[styles.badgeText,l.aaaNormal?styles.textPass:styles.textFail]}>
+                      AAA (7:1) {l.aaaNormal?"\u2713":"\u2717"}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={styles.toolCard}>
+              <react_native_1.View style={styles.toolHeader}>
+                <NetworkIcons_1.AccessibilityIcon size={18}color={AppColors_1.AppColors.greenColor}/>
+                <react_native_1.Text style={styles.toolTitle}>Touch Target Evaluator (WCAG 2.5.5/2.5.8)</react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.Text style={styles.toolDesc}>
+                Validates interactive component dimensions against Apple HIG (44pt) and
+                Android Material (48dp) minimums.
+              </react_native_1.Text>
+
+              <react_native_1.View style={{flexDirection:"row",gap:10,marginTop:10}}>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Width (dp/pt)</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={T}onChangeText={m}keyboardType="numeric"/>
+                </react_native_1.View>
+                <react_native_1.View style={{flex:1}}>
+                  <react_native_1.Text style={styles.inputLabel}>Height (dp/pt)</react_native_1.Text>
+                  <react_native_1.TextInput style={styles.input}value={b}onChangeText={v}keyboardType="numeric"/>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              <react_native_1.View style={styles.targetResultsRow}>
+                <react_native_1.View style={styles.targetStatusBox}>
+                  <react_native_1.Text style={styles.targetPlatformLabel}>iOS HIG (44x44pt)</react_native_1.Text>
+                  <react_native_1.Text style={[styles.targetStatusValue,{color:u.iosMinMet?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.errorColor}]}>
+                    {u.iosMinMet?"\u2713 Compliant":"\u2717 Too Small"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.View style={styles.targetStatusBox}>
+                  <react_native_1.Text style={styles.targetPlatformLabel}>Android Material (48x48dp)</react_native_1.Text>
+                  <react_native_1.Text style={[styles.targetStatusValue,{color:u.androidMinMet?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.errorColor}]}>
+                    {u.androidMinMet?"\u2713 Compliant":"\u2717 Too Small"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.View>
+          </react_native_1.View>}
+
+        
+        {t==="wcag"&&<react_native_1.View>
+            
+            <react_native_1.View style={styles.searchBar}>
+              <NetworkIcons_1.SearchIcon size={16}color={AppColors_1.AppColors.grayTextWeak}/>
+              <react_native_1.TextInput style={styles.searchInput}value={d}onChangeText={f}placeholder="Search WCAG 2.2 rules..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}/>
+            </react_native_1.View>
+
+            
+            <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:12}}>
+              {["ALL","A","AA","AAA"].map(e=><react_native_1.TouchableOpacity key={e}style={[styles.filterChip,c===e&&styles.filterChipActive]}onPress={()=>w(e)}>
+                  <react_native_1.Text style={[styles.filterChipText,c===e&&styles.filterChipTextActive]}>
+                    Level {e}
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>)}
+            </react_native_1.ScrollView>
+
+            
+            {B.map(e=>{const n=!!S[e.id];return<react_native_1.View key={e.id}style={styles.ruleCard}>
+                  <react_native_1.TouchableOpacity style={styles.ruleCardHeader}onPress={()=>k(e.id)}activeOpacity={.7}>
+                    <react_native_1.View style={{flex:1}}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                        <react_native_1.Text style={styles.ruleId}>{e.id}</react_native_1.Text>
+                        <react_native_1.View style={[styles.levelBadge,{backgroundColor:e.level==="AAA"?`${AppColors_1.AppColors.brandPurple}22`:e.level==="AA"?`${AppColors_1.AppColors.skyBlue}22`:`${AppColors_1.AppColors.greenColor}22`}]}>
+                          <react_native_1.Text style={[styles.levelBadgeText,{color:e.level==="AAA"?AppColors_1.AppColors.brandPurple:e.level==="AA"?AppColors_1.AppColors.skyBlue:AppColors_1.AppColors.greenColor}]}>
+                            Level {e.level}
+                          </react_native_1.Text>
+                        </react_native_1.View>
+                        <react_native_1.Text style={styles.principleTag}>{e.principle}</react_native_1.Text>
+                      </react_native_1.View>
+                      <react_native_1.Text style={styles.ruleTitle}>{e.title}</react_native_1.Text>
+                    </react_native_1.View>
+                    <NetworkIcons_1.ChevronIcon direction={n?"up":"down"}size={16}color={AppColors_1.AppColors.grayTextWeak}/>
+                  </react_native_1.TouchableOpacity>
+
+                  {n&&<react_native_1.View style={styles.ruleBody}>
+                      <react_native_1.Text style={styles.ruleDescLabel}>Criterion Definition:</react_native_1.Text>
+                      <react_native_1.Text style={styles.ruleDesc}>{e.description}</react_native_1.Text>
+
+                      <react_native_1.Text style={[styles.ruleDescLabel,{marginTop:8}]}>
+                        Mobile / React Native Recommendation:
+                      </react_native_1.Text>
+                      <react_native_1.Text style={styles.ruleRec}>{e.mobileRecommendation}</react_native_1.Text>
+
+                      <react_native_1.TouchableOpacity style={styles.copyRuleBtn}onPress={()=>{(0,helpers_1.copyToClipboard)(`WCAG ${e.id} ${e.title} (Level ${e.level}):
+${e.description}
+
+Mobile: ${e.mobileRecommendation}`),(0,toast_1.showToast)(`Copied WCAG ${e.id} rule guidance`)}}>
+                        <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.brandPurple}/>
+                        <react_native_1.Text style={styles.copyRuleBtnText}>Copy Rule Guidance</react_native_1.Text>
+                      </react_native_1.TouchableOpacity>
+                    </react_native_1.View>}
+                </react_native_1.View>})}
+          </react_native_1.View>}
+      </react_native_1.ScrollView>
+    </react_native_1.View>};exports.A11yTab=A11yTab;const styles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},subTabBar:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.graySurface,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:8,paddingVertical:4,gap:4},subTabItem:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:8,borderRadius:8,gap:6},subTabItemActive:{backgroundColor:`${AppColors_1.AppColors.brandPurple}1F`},subTabText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayTextWeak},subTabTextActive:{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold},scrollContent:{flex:1},scrollContainer:{padding:14,paddingBottom:40},bannerCard:{borderRadius:10,borderWidth:1,padding:12,marginBottom:14},bannerTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.grayTextStrong},bannerSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},metricsGrid:{flexDirection:"row",flexWrap:"wrap",gap:10,marginBottom:14},metricCard:{flexBasis:"48%",flexGrow:1,backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:12},metricLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginBottom:4},metricValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.grayTextStrong},metricSub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:6},statusDot:{width:8,height:8,borderRadius:4},actionButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.brandPurple,paddingVertical:12,borderRadius:8,gap:8},actionButtonText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.white},toolCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:14,marginBottom:14},toolHeader:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:4},toolTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.grayTextStrong},toolDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginBottom:8},inputLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,marginBottom:4},input:{backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderRadius:8,paddingHorizontal:12,paddingVertical:8,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.grayTextStrong},contrastPreviewBox:{marginTop:12,borderRadius:8,padding:16,alignItems:"center",justifyContent:"center"},contrastPreviewText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15},ratioRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:12},ratioValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:18,color:AppColors_1.AppColors.grayTextStrong},badgeContainer:{flexDirection:"row",gap:6},complianceBadge:{paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1},badgePass:{backgroundColor:`${AppColors_1.AppColors.greenColor}1A`,borderColor:`${AppColors_1.AppColors.greenColor}33`},badgeFail:{backgroundColor:`${AppColors_1.AppColors.errorColor}1A`,borderColor:`${AppColors_1.AppColors.errorColor}33`},badgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10},textPass:{color:AppColors_1.AppColors.greenColor},textFail:{color:AppColors_1.AppColors.errorColor},targetResultsRow:{flexDirection:"row",gap:10,marginTop:12},targetStatusBox:{flex:1,backgroundColor:AppColors_1.AppColors.graySurface,padding:10,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center"},targetPlatformLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},targetStatusValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,marginTop:4},searchBar:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:10,paddingVertical:6,gap:6,marginBottom:10},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.grayTextStrong,padding:0},filterChip:{paddingHorizontal:10,paddingVertical:5,borderRadius:6,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,marginRight:6},filterChipActive:{backgroundColor:AppColors_1.AppColors.brandPurple,borderColor:AppColors_1.AppColors.brandPurple},filterChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},filterChipTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},ruleCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:12,marginBottom:10},ruleCardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},ruleId:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.brandPurple},levelBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4},levelBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},principleTag:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},ruleTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.grayTextStrong,marginTop:4},ruleBody:{marginTop:10,paddingTop:10,borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:AppColors_1.AppColors.grayBorderSecondary},ruleDescLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,textTransform:"uppercase"},ruleDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.grayTextStrong,marginTop:2,lineHeight:16},ruleRec:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.brandPurple,marginTop:2,lineHeight:16},copyRuleBtn:{flexDirection:"row",alignItems:"center",gap:6,marginTop:10,alignSelf:"flex-start",paddingVertical:4,paddingHorizontal:8,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.brandPurple}14`},copyRuleBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.brandPurple}});

package/dist/commonjs/components/Inspector/AboutModal.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),version_1=require("../../constants/version"),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:o}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AboutModal=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),version_1=require("../../constants/version"),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),helpers_1=require("../../helpers"),DeveloperSponsorCard_1=require("./DeveloperSponsorCard"),NetworkIcons_1=require("../NetworkIcons"),AboutModal=({onClose:e})=>{const{updateAvailable:t,latestNpmVersion:o}=(0,InspectorContext_1.useInspector)();return<react_native_1.View style={styles.container}>
       <react_native_1.ScrollView style={styles.scrollView}contentContainerStyle={styles.scrollContent}showsVerticalScrollIndicator={!1}>
         
         <react_native_1.View style={styles.heroCard}>
@@ -40,6 +40,9 @@
         </react_native_1.View>
 
         
+        <DeveloperSponsorCard_1.DeveloperSponsorCard/>
+
+        
         <react_native_1.View style={styles.sectionCard}>
           <react_native_1.Text style={styles.sectionHeader}>{(0,i18n_1.t)("about.appInformation","APP INFORMATION")}</react_native_1.Text>
 

package/dist/commonjs/components/Inspector/ConsoleExportModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ConsoleLog } from '../../types';
+export interface ConsoleExportModalProps {
+    visible: boolean;
+    onClose: () => void;
+    filteredLogs: ConsoleLog[];
+    allLogs: ConsoleLog[];
+}
+export declare const ConsoleExportModal: React.FC<ConsoleExportModalProps>;
+export default ConsoleExportModal;