react-native-inapp-inspector 2.5.11 → 2.5.12

package/dist/commonjs/a11y.d.ts

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-"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/Inspector/A11yTab.d.ts

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

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

@@ -1,268 +0,0 @@
-"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/DeveloperSponsorCard.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface DeveloperSponsorCardProps {
-    publisherId?: string;
-    customEndpoint?: string;
-    containerStyle?: object;
-    compact?: boolean;
-}
-export declare const DeveloperSponsorCard: React.FC<DeveloperSponsorCardProps>;
-export default DeveloperSponsorCard;

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

@@ -1,52 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,n,r){r===void 0&&(r=n);var e=Object.getOwnPropertyDescriptor(t,n);(!e||("get"in e?!t.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,r,e)}):(function(o,t,n,r){r===void 0&&(r=n),o[r]=t[n]})),__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(n){var r=[];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[r.length]=e);return r},o(t)};return function(t){if(t&&t.__esModule)return t;var n={};if(t!=null)for(var r=o(t),e=0;e<r.length;e++)r[e]!=="default"&&__createBinding(n,t,r[e]);return __setModuleDefault(n,t),n}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DeveloperSponsorCard=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),sponsorService_1=require("../../helpers/sponsorService"),NetworkIcons_1=require("../NetworkIcons"),DeveloperSponsorCard=({publisherId:o,customEndpoint:t,containerStyle:n,compact:r=!1})=>{const[e,s]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{let l=!0;return(0,sponsorService_1.fetchDeveloperSponsor)(o,t).then(a=>{l&&a&&(s(a),(0,sponsorService_1.trackSponsorImpression)(a))}),()=>{l=!1}},[o,t]),!e)return null;const i=e.accentColor||AppColors_1.AppColors.indigo600;return<TouchableScale_1.default onPress={()=>(0,sponsorService_1.handleSponsorClick)(e)}style={[styles.cardContainer,{borderColor:`${i}40`},n]}>
-      
-      <react_native_1.View style={[styles.glowBackground,{backgroundColor:`${i}0A`}]}/>
-
-      
-      <react_native_1.View style={styles.headerRow}>
-        <react_native_1.View style={styles.badgeRow}>
-          <react_native_1.View style={[styles.sponsorBadge,{backgroundColor:`${i}1F`,borderColor:`${i}44`}]}>
-            <NetworkIcons_1.SparklesIcon size={10}color={i}/>
-            <react_native_1.Text style={[styles.sponsorBadgeText,{color:i}]}>
-              {e.badgeText||"SPONSORED"}
-            </react_native_1.Text>
-          </react_native_1.View>
-          {e.sponsorName?<react_native_1.Text style={styles.sponsorNameText}>· {e.sponsorName}</react_native_1.Text>:null}
-        </react_native_1.View>
-
-        <react_native_1.View style={styles.verifiedRow}>
-          {e.type==="ethicalads"?<react_native_1.Pressable hitSlop={8}onPress={()=>react_native_1.Linking.openURL("https://www.ethicalads.io/?ref=react-native-inapp-inspector").catch(()=>{})}style={{flexDirection:"row",alignItems:"center",gap:3.5}}>
-              <react_native_1.Text style={styles.verifiedText}>Ad by EthicalAds</react_native_1.Text>
-              <NetworkIcons_1.ExternalLinkIcon size={10}color={AppColors_1.AppColors.grayTextWeak}/>
-            </react_native_1.Pressable>:<>
-              <NetworkIcons_1.ShieldCheckIcon size={11}color={AppColors_1.AppColors.emerald500}/>
-              <react_native_1.Text style={styles.verifiedText}>Verified Dev Tool</react_native_1.Text>
-              <NetworkIcons_1.ExternalLinkIcon size={11}color={AppColors_1.AppColors.grayTextWeak}/>
-            </>}
-        </react_native_1.View>
-      </react_native_1.View>
-
-      
-      <react_native_1.View style={styles.contentRow}>
-        {e.logoUrl?<react_native_1.Image source={{uri:e.logoUrl}}style={styles.logoImage}resizeMode="contain"/>:<react_native_1.View style={[styles.iconPlaceholder,{backgroundColor:`${i}18`}]}>
-            <NetworkIcons_1.GlobeIcon size={18}color={i}/>
-          </react_native_1.View>}
-
-        <react_native_1.View style={styles.textColumn}>
-          <react_native_1.Text style={[styles.headlineText,r&&{fontSize:12.5,lineHeight:16}]}numberOfLines={r?1:2}>
-            {e.title}
-          </react_native_1.Text>
-          {e.description&&!r?<react_native_1.Text style={styles.descText}numberOfLines={2}>
-              {e.description}
-            </react_native_1.Text>:null}
-        </react_native_1.View>
-      </react_native_1.View>
-
-      
-      <react_native_1.View style={styles.footerRow}>
-        <react_native_1.View style={[styles.ctaButton,{backgroundColor:i,shadowColor:i}]}>
-          <react_native_1.Text style={styles.ctaButtonText}>{e.ctaText||"Learn More"}</react_native_1.Text>
-          <NetworkIcons_1.ExternalLinkIcon size={11}color={AppColors_1.AppColors.white}/>
-        </react_native_1.View>
-      </react_native_1.View>
-    </TouchableScale_1.default>};exports.DeveloperSponsorCard=DeveloperSponsorCard;const styles=react_native_1.StyleSheet.create({cardContainer:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,padding:13,borderWidth:1.2,position:"relative",overflow:"hidden",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:8,elevation:2,gap:10},glowBackground:{position:"absolute",top:0,left:0,right:0,bottom:0},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6},sponsorBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6,borderWidth:1},sponsorBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12,letterSpacing:.6},sponsorNameText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},verifiedRow:{flexDirection:"row",alignItems:"center",gap:3.5},verifiedText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak},contentRow:{flexDirection:"row",alignItems:"center",gap:10},logoImage:{width:38,height:38,borderRadius:8},iconPlaceholder:{width:38,height:38,borderRadius:8,alignItems:"center",justifyContent:"center"},textColumn:{flex:1,gap:2},headlineText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,letterSpacing:-.2},descText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayTextWeak},footerRow:{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",marginTop:2},ctaButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:5,paddingHorizontal:12,paddingVertical:6.5,borderRadius:8,shadowOffset:{width:0,height:2},shadowOpacity:.25,shadowRadius:4,elevation:2},ctaButtonText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.white}});exports.default=exports.DeveloperSponsorCard;

package/dist/commonjs/customHooks/a11yAdapter.d.ts

@@ -1,11 +0,0 @@
-import { A11yTelemetryState, ColorContrastResult, TouchTargetEvaluation, WcagRule } from '../types';
-export declare const connectA11ySuite: (suiteInstance: any) => void;
-export declare const getA11ySuiteInstance: () => any;
-export declare const getA11yState: () => A11yTelemetryState;
-export declare const subscribeA11yState: (listener: (state: A11yTelemetryState) => void) => (() => void);
-export declare const syncA11yTelemetry: () => Promise<A11yTelemetryState>;
-export declare const initA11yListeners: () => void;
-export declare const announceA11y: (message: string) => boolean;
-export declare const calculateContrastRatio: (fgHex: string, bgHex: string) => ColorContrastResult;
-export declare const evaluateTouchTarget: (width: number, height: number) => TouchTargetEvaluation;
-export declare const WCAG_RULES: WcagRule[];

package/dist/commonjs/customHooks/a11yAdapter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WCAG_RULES=exports.evaluateTouchTarget=exports.calculateContrastRatio=exports.announceA11y=exports.initA11yListeners=exports.syncA11yTelemetry=exports.subscribeA11yState=exports.getA11yState=exports.getA11ySuiteInstance=exports.connectA11ySuite=void 0;const react_native_1=require("react-native");let customA11ySuite=null,cachedSuite;const connectA11ySuite=e=>{e&&(customA11ySuite=e,cachedSuite=e,notifyListeners())};exports.connectA11ySuite=connectA11ySuite;const getA11ySuiteInstance=()=>{if(customA11ySuite)return customA11ySuite;if(cachedSuite!==void 0)return cachedSuite;if(globalThis.A11ySuite)return cachedSuite=globalThis.A11ySuite,cachedSuite;if(globalThis.__A11Y_SUITE__)return cachedSuite=globalThis.__A11Y_SUITE__,cachedSuite;try{const e="react-native-a11y-suite",t=typeof require=="function"?require:null;if(t){const i=t(e);return cachedSuite=i?.default||i||null,cachedSuite}}catch{cachedSuite=null}return cachedSuite=null,null};exports.getA11ySuiteInstance=getA11ySuiteInstance;let currentState={isScreenReaderEnabled:!1,isReduceMotionEnabled:!1,isBoldTextEnabled:!1,isGrayscaleEnabled:!1,isInvertColorsEnabled:!1,isHighContrastEnabled:!1,fontScale:react_native_1.PixelRatio.getFontScale?react_native_1.PixelRatio.getFontScale():1,nativeModuleAvailable:!1,lastUpdated:Date.now()};const listeners=new Set,notifyListeners=()=>{listeners.forEach(e=>{try{e(currentState)}catch{}})},getA11yState=()=>({...currentState});exports.getA11yState=getA11yState;const subscribeA11yState=e=>(listeners.add(e),e(currentState),()=>{listeners.delete(e)});exports.subscribeA11yState=subscribeA11yState;const syncA11yTelemetry=async()=>{const e=(0,exports.getA11ySuiteInstance)(),t=react_native_1.PixelRatio.getFontScale?react_native_1.PixelRatio.getFontScale():1;let i=!1,a=!1,n=!1,s=!1,r=!1,l=!1;try{i=await react_native_1.AccessibilityInfo.isScreenReaderEnabled()}catch{}try{a=await react_native_1.AccessibilityInfo.isReduceMotionEnabled()}catch{}try{react_native_1.AccessibilityInfo.isBoldTextEnabled&&(n=await react_native_1.AccessibilityInfo.isBoldTextEnabled())}catch{}try{react_native_1.AccessibilityInfo.isGrayscaleEnabled&&(s=await react_native_1.AccessibilityInfo.isGrayscaleEnabled())}catch{}try{react_native_1.AccessibilityInfo.isInvertColorsEnabled&&(r=await react_native_1.AccessibilityInfo.isInvertColorsEnabled())}catch{}try{react_native_1.AccessibilityInfo.isHighTextContrastEnabled&&(l=await react_native_1.AccessibilityInfo.isHighTextContrastEnabled())}catch{}return currentState={isScreenReaderEnabled:i,isReduceMotionEnabled:a,isBoldTextEnabled:n,isGrayscaleEnabled:s,isInvertColorsEnabled:r,isHighContrastEnabled:l,fontScale:Math.round(t*100)/100,nativeModuleAvailable:!!e,lastUpdated:Date.now()},notifyListeners(),currentState};exports.syncA11yTelemetry=syncA11yTelemetry;let isInitialized=!1;const initA11yListeners=()=>{if(!isInitialized){isInitialized=!0,(0,exports.syncA11yTelemetry)();try{react_native_1.AccessibilityInfo.addEventListener("screenReaderChanged",e=>{currentState={...currentState,isScreenReaderEnabled:!!e,lastUpdated:Date.now()},notifyListeners()})}catch{}try{react_native_1.AccessibilityInfo.addEventListener("reduceMotionChanged",e=>{currentState={...currentState,isReduceMotionEnabled:!!e,lastUpdated:Date.now()},notifyListeners()})}catch{}try{react_native_1.AccessibilityInfo.addEventListener("boldTextChanged",e=>{currentState={...currentState,isBoldTextEnabled:!!e,lastUpdated:Date.now()},notifyListeners()})}catch{}try{react_native_1.AccessibilityInfo.addEventListener("grayscaleChanged",e=>{currentState={...currentState,isGrayscaleEnabled:!!e,lastUpdated:Date.now()},notifyListeners()})}catch{}try{react_native_1.AccessibilityInfo.addEventListener("invertColorsChanged",e=>{currentState={...currentState,isInvertColorsEnabled:!!e,lastUpdated:Date.now()},notifyListeners()})}catch{}try{react_native_1.AccessibilityInfo.addEventListener("highTextContrastChanged",e=>{currentState={...currentState,isHighContrastEnabled:!!e,lastUpdated:Date.now()},notifyListeners()})}catch{}}};exports.initA11yListeners=initA11yListeners;const announceA11y=e=>{if(!e||!e.trim())return!1;try{const t=(0,exports.getA11ySuiteInstance)();if(t&&typeof t.announce=="function")return t.announce(e),!0}catch{}try{return react_native_1.AccessibilityInfo.announceForAccessibility(e),!0}catch{return!1}};exports.announceA11y=announceA11y;const parseHex=e=>{let t=e.replace("#","").trim();if(t.length===3&&(t=t.split("").map(s=>s+s).join("")),t.length!==6)return null;const i=parseInt(t.substring(0,2),16),a=parseInt(t.substring(2,4),16),n=parseInt(t.substring(4,6),16);return isNaN(i)||isNaN(a)||isNaN(n)?null:[i,a,n]},getRelativeLuminance=(e,t,i)=>{const a=[e/255,t/255,i/255].map(n=>n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4));return .2126*a[0]+.7152*a[1]+.0722*a[2]},calculateContrastRatio=(e,t)=>{const i=parseHex(e),a=parseHex(t);if(!i||!a)return{fgHex:e,bgHex:t,ratio:1,aaNormal:!1,aaLarge:!1,aaaNormal:!1,aaaLarge:!1};const n=getRelativeLuminance(i[0],i[1],i[2]),s=getRelativeLuminance(a[0],a[1],a[2]),r=Math.max(n,s),l=Math.min(n,s),c=(r+.05)/(l+.05),o=Math.round(c*100)/100;return{fgHex:e,bgHex:t,ratio:o,aaNormal:o>=4.5,aaLarge:o>=3,aaaNormal:o>=7,aaaLarge:o>=4.5}};exports.calculateContrastRatio=calculateContrastRatio;const evaluateTouchTarget=(e,t)=>({width:e,height:t,iosMinMet:e>=44&&t>=44,androidMinMet:e>=48&&t>=48});exports.evaluateTouchTarget=evaluateTouchTarget,exports.WCAG_RULES=[{id:"1.1.1",title:"Non-text Content",level:"A",principle:"Perceivable",description:"All non-text content (icons, images, diagrams) must have a text alternative.",mobileRecommendation:"Provide accessibilityLabel or accessible={false} for purely decorative icons.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/non-text-content"},{id:"1.3.1",title:"Info and Relationships",level:"A",principle:"Perceivable",description:"Information, structure, and relationships conveyed through presentation can be programmatically determined.",mobileRecommendation:'Use accessibilityRole="header", accessibilityRole="button", or AccessibleHeading.',wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships"},{id:"1.4.3",title:"Contrast (Minimum)",level:"AA",principle:"Perceivable",description:"Visual presentation of text must have a contrast ratio of at least 4.5:1 (3:1 for large text).",mobileRecommendation:"Ensure high contrast between text and background on both light and dark themes.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum"},{id:"1.4.4",title:"Resize Text",level:"AA",principle:"Perceivable",description:"Text can be resized without assistive technology up to 200 percent without loss of content or functionality.",mobileRecommendation:"Avoid fixed height containers with overflow: hidden on Text elements. Test with max font scale.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/resize-text"},{id:"1.4.11",title:"Non-text Contrast",level:"AA",principle:"Perceivable",description:"The visual presentation of UI components and graphical objects has a contrast ratio of at least 3:1.",mobileRecommendation:"Ensure active borders, focus rings, and action icons meet 3:1 contrast against adjacent colors.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast"},{id:"2.1.1",title:"Keyboard / Hardware Navigation",level:"A",principle:"Operable",description:"All functionality is operable through a keyboard or switch access interface.",mobileRecommendation:"Support external Bluetooth keyboards and accessibilityActions for gestures.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/keyboard"},{id:"2.4.3",title:"Focus Order",level:"A",principle:"Operable",description:"Components receive focus in an order that preserves meaning and operability.",mobileRecommendation:"Ensure modal dialogs trap focus and restore focus on dismissal.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/focus-order"},{id:"2.4.7",title:"Focus Visible",level:"AA",principle:"Operable",description:"Any keyboard operable user interface has an indicator of focus.",mobileRecommendation:"Highlight active focused items when keyboard/TalkBack navigation is used.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/focus-visible"},{id:"2.5.5",title:"Target Size (Enhanced)",level:"AAA",principle:"Operable",description:"The size of the target for pointer inputs is at least 44 by 44 CSS pixels.",mobileRecommendation:"Use AccessibleTouchTarget or hitSlop to ensure touch targets meet 44x44pt.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/target-size-enhanced"},{id:"2.5.8",title:"Target Size (Minimum) - WCAG 2.2",level:"AA",principle:"Operable",description:"Targets have an area of at least 24 by 24 CSS pixels with sufficient spacing.",mobileRecommendation:"Ensure buttons are separated and have at least 24x24 minimum target size.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum"},{id:"3.3.1",title:"Error Identification",level:"A",principle:"Understandable",description:"If an input error is automatically detected, the item is identified and described in text.",mobileRecommendation:'Set accessibilityRole="alert" or accessibilityInvalid on form fields with error messages.',wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/error-identification"},{id:"4.1.2",title:"Name, Role, Value",level:"A",principle:"Robust",description:"For all UI components, the name and role can be programmatically determined and state changes reported.",mobileRecommendation:"Use accessibilityRole, accessibilityState={{checked, disabled, selected}} on interactive elements.",wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/name-role-value"},{id:"4.1.3",title:"Status Messages",level:"AA",principle:"Robust",description:"Status messages can be programmatically determined through role or properties without receiving focus.",mobileRecommendation:'Use LiveRegion, accessibilityLiveRegion="polite" or announceA11y for asynchronous alerts.',wcagUrl:"https://www.w3.org/WAI/WCAG22/Understanding/status-messages"}];

package/dist/commonjs/helpers/sponsorService.d.ts

@@ -1,20 +0,0 @@
-export interface DeveloperSponsorAd {
-    id: string;
-    title: string;
-    description: string;
-    ctaText: string;
-    ctaUrl: string;
-    badgeText?: string;
-    sponsorName?: string;
-    logoUrl?: string;
-    accentColor?: string;
-    impressionUrl?: string;
-    clickUrl?: string;
-    type?: 'ethicalads' | 'affiliate' | 'custom';
-}
-export declare const DEFAULT_ETHICALADS_PUBLISHER_ID = "";
-export declare function setSponsorPublisherId(publisherId: string): void;
-export declare function setCustomSponsorEndpoint(endpointUrl: string): void;
-export declare function fetchDeveloperSponsor(publisherId?: string, customEndpoint?: string): Promise<DeveloperSponsorAd>;
-export declare function trackSponsorImpression(ad: DeveloperSponsorAd): void;
-export declare function handleSponsorClick(ad: DeveloperSponsorAd): void;

package/dist/commonjs/helpers/sponsorService.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_ETHICALADS_PUBLISHER_ID=void 0,exports.setSponsorPublisherId=setSponsorPublisherId,exports.setCustomSponsorEndpoint=setCustomSponsorEndpoint,exports.fetchDeveloperSponsor=fetchDeveloperSponsor,exports.trackSponsorImpression=trackSponsorImpression,exports.handleSponsorClick=handleSponsorClick;const react_native_1=require("react-native");exports.DEFAULT_ETHICALADS_PUBLISHER_ID="";let _customPublisherId=null,_customEndpoint=null;function setSponsorPublisherId(o){_customPublisherId=o}function setCustomSponsorEndpoint(o){_customEndpoint=o}const FALLBACK_SPONSORS=[{id:"sentry-dev-partner",sponsorName:"Sentry",badgeText:"FEATURED PARTNER",title:"Code breaks. Fix it faster with Sentry.",description:"Real-time crash tracking, performance monitoring, and session replay for React Native.",ctaText:"Try Sentry Free",ctaUrl:"https://sentry.io/welcome/?utm_source=react-native-inapp-inspector&utm_medium=partner&utm_campaign=dev-tools",accentColor:"#6C5FC7",type:"affiliate"},{id:"requestly-api-mock",sponsorName:"Requestly",badgeText:"DEV SPOTLIGHT",title:"Intercept & Mock APIs directly in Mobile Apps",description:"Modify HTTP headers, redirect API endpoints, and simulate 500 errors on iOS & Android.",ctaText:"Explore Requestly",ctaUrl:"https://requestly.com/?utm_source=react-native-inapp-inspector&utm_medium=devtools&utm_campaign=mobile-inspect",accentColor:"#2563EB",type:"affiliate"},{id:"supabase-cloud-db",sponsorName:"Supabase",badgeText:"DEVELOPER CLOUD",title:"The Open Source Firebase Alternative",description:"Postgres database, Authentication, Instant APIs, Realtime subscriptions, and Edge Functions.",ctaText:"Start Free Project",ctaUrl:"https://supabase.com/?utm_source=react-native-inapp-inspector&utm_medium=partner&utm_campaign=rn-inspect",accentColor:"#3ECF8E",type:"affiliate"},{id:"digitalocean-cloud",sponsorName:"DigitalOcean",badgeText:"$200 FREE CREDIT",title:"Deploy React Native Backend & Nodes in Seconds",description:"Simple, scalable cloud hosting with managed databases, App Platform, and 99.99% uptime.",ctaText:"Claim $200 Credit",ctaUrl:"https://m.do.co/c/react-native-inapp-inspector",accentColor:"#0080FF",type:"affiliate"}];let _lastFetchedAd=null,_hasTrackedImpression=!1;async function fetchDeveloperSponsor(o,s){const i=o||_customPublisherId||exports.DEFAULT_ETHICALADS_PUBLISHER_ID,a=s||_customEndpoint;if(a)try{const r=await fetch(a,{headers:{Accept:"application/json"}});if(r.ok){const e=await r.json();if(e&&e.title&&e.ctaUrl)return _lastFetchedAd={id:e.id||"custom-sponsor",title:e.title,description:e.description||"",ctaText:e.ctaText||"Learn More",ctaUrl:e.ctaUrl,badgeText:e.badgeText||"SPONSORED",sponsorName:e.sponsorName||"Featured Partner",logoUrl:e.logoUrl,accentColor:e.accentColor||"#6366F1",impressionUrl:e.impressionUrl,clickUrl:e.clickUrl,type:"custom"},_hasTrackedImpression=!1,_lastFetchedAd}}catch{}if(i)try{const r=encodeURIComponent("react-native|mobile|javascript|typescript|ios|android|developer-tools|cloud"),e=`https://server.ethicalads.io/api/v1/decision/?publisher=${encodeURIComponent(i)}&ad_types=image-and-text&format=json&keywords=${r}&placements=app-inspector`,n=await fetch(e,{headers:{Accept:"application/json"}});if(n.ok){const t=await n.json();if(t&&(t.text||t.heading)&&(t.link||t.click_url))return _lastFetchedAd={id:`ethicalads-${t.id||Date.now()}`,title:t.heading||t.company||"Developer Spotlight",description:t.text||"",ctaText:"Learn More",ctaUrl:t.link||t.click_url,badgeText:"ETHICAL ADS",sponsorName:t.company||"Sponsored Tool",logoUrl:t.image,accentColor:"#10B981",impressionUrl:t.view_url,clickUrl:t.click_url,type:"ethicalads"},_hasTrackedImpression=!1,_lastFetchedAd}}catch{}const c=Math.floor(Math.random()*FALLBACK_SPONSORS.length);return _lastFetchedAd=FALLBACK_SPONSORS[c],_hasTrackedImpression=!1,_lastFetchedAd}function trackSponsorImpression(o){_hasTrackedImpression||(_hasTrackedImpression=!0,o.impressionUrl&&fetch(o.impressionUrl,{method:"GET"}).catch(()=>{}))}function handleSponsorClick(o){o.clickUrl&&fetch(o.clickUrl,{method:"GET"}).catch(()=>{}),o.ctaUrl&&react_native_1.Linking.openURL(o.ctaUrl).catch(()=>{})}

package/dist/esm/a11y.d.ts

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

package/dist/esm/a11y.js

@@ -1 +0,0 @@
-export{connectA11ySuite,getA11ySuiteInstance,getA11yState,subscribeA11yState,syncA11yTelemetry,announceA11y,calculateContrastRatio,evaluateTouchTarget,WCAG_RULES}from"./customHooks/a11yAdapter";

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

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