@webority/mobile-ui 0.15.0 → 0.16.0

package/lib/module/network/NetworkStatusBanner.js

@@ -1 +1 @@
-"use strict";import{useNetworkStatus}from"@webority/mobile-core";import{useEffect,useMemo,useRef,useState}from"react";import{Animated,StyleSheet,Text}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{fontFor,useTheme}from"../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";export const NetworkStatusBanner=({message:e="You are offline. Some features may be unavailable.",position:t="top",style:o,disabled:n=!1,safeArea:a=!0})=>{const r=useTheme(),i=useSafeAreaInsets(),s=a?"top"===t?i.top:i.bottom:0,[u,l]=useState(0),m=u>0?u:56+s,{isConnected:c,isInternetReachable:p}=useNetworkStatus(),d=!(n||c&&!1!==p),f=useRef(new Animated.Value(0)).current,b=useRef(new Animated.Value(0)).current;useEffect(()=>{Animated.parallel([Animated.timing(f,{toValue:d?1:0,duration:r.motion.duration.normal,useNativeDriver:!0}),Animated.timing(b,{toValue:d?1:0,duration:r.motion.duration.normal,useNativeDriver:!0})]).start()},[d,f,b,r.motion.duration.normal]);const S=useMemo(()=>buildStyles(),[]),y=f.interpolate({inputRange:[0,1],outputRange:["top"===t?-m:m,0]});return _jsx(Animated.View,{pointerEvents:d?"auto":"none",accessibilityRole:"alert",accessibilityLiveRegion:d?"polite":"none",onLayout:e=>l(e.nativeEvent.layout.height),style:[S.container,"top"===t?S.top:S.bottom,"top"===t?{paddingTop:10+s}:{paddingBottom:10+s},{backgroundColor:r.colors.error,opacity:b,transform:[{translateY:y}]},o],children:_jsx(Text,{style:{color:r.colors.onError,fontSize:r.typography.fontSize.sm,...fontFor(r,"semibold"),textAlign:"center"},numberOfLines:2,children:e})})};const buildStyles=()=>StyleSheet.create({container:{position:"absolute",left:0,right:0,paddingVertical:10,paddingHorizontal:16,zIndex:1e3,elevation:8},top:{top:0},bottom:{bottom:0}});export default NetworkStatusBanner;
+"use strict";import{useNetworkStatus}from"@webority/mobile-core";import{useEffect,useMemo,useRef,useState}from"react";import{Animated,StyleSheet,Text}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{usePresenceMotion}from"../hooks/usePresenceMotion.js";import{fontFor,useTheme}from"../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";export const NetworkStatusBanner=({message:e="You are offline. Some features may be unavailable.",position:t="top",style:o,disabled:n=!1,safeArea:r=!0})=>{const a=useTheme(),i=usePresenceMotion(),s=useSafeAreaInsets(),u=r?"top"===t?s.top:s.bottom:0,[l,m]=useState(0),c=l>0?l:56+u,{isConnected:p,isInternetReachable:d}=useNetworkStatus(),f=!(n||p&&!1!==d),b=useRef(new Animated.Value(0)).current,S=useRef(new Animated.Value(0)).current,g=i.duration("normal");useEffect(()=>{Animated.parallel([Animated.timing(b,{toValue:f?1:0,duration:a.motion.duration.normal,useNativeDriver:!0}),Animated.timing(S,{toValue:f?1:0,duration:g,useNativeDriver:!0})]).start()},[f,b,S,a.motion.duration.normal,g]);const y=useMemo(()=>buildStyles(),[]),h=b.interpolate({inputRange:[0,1],outputRange:i.range("top"===t?-c:c,0)});return _jsx(Animated.View,{pointerEvents:f?"auto":"none",accessibilityRole:"alert",accessibilityLiveRegion:f?"polite":"none",onLayout:e=>m(e.nativeEvent.layout.height),style:[y.container,"top"===t?y.top:y.bottom,"top"===t?{paddingTop:10+u}:{paddingBottom:10+u},{backgroundColor:a.colors.error,opacity:S,transform:[{translateY:h}]},o],children:_jsx(Text,{style:{color:a.colors.onError,fontSize:a.typography.fontSize.sm,...fontFor(a,"semibold"),textAlign:"center"},numberOfLines:2,children:e})})};const buildStyles=()=>StyleSheet.create({container:{position:"absolute",left:0,right:0,paddingVertical:10,paddingHorizontal:16,zIndex:1e3,elevation:8},top:{top:0},bottom:{bottom:0}});export default NetworkStatusBanner;

package/lib/module/theme/tokens.js

@@ -1 +1 @@
-"use strict";import{SQUIRCLE_SMOOTHING}from"../utils/squircle.js";const typography={fontSize:{xs:11,sm:13,base:15,lg:17,xl:20,"2xl":24,"3xl":30,"4xl":36},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{tight:1.2,normal:1.4,relaxed:1.6},letterSpacing:{tight:-.2,normal:0,wide:.4}},spacing={none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius={none:0,xs:4,sm:6,md:10,lg:14,xl:20,"2xl":28,full:9999},FIELD_RADIUS=10,fieldSizes={sm:{paddingHorizontal:12,paddingVertical:10,minHeight:38,fontSize:13,borderRadius:10,iconSize:14,labelFontSize:11,labelGap:4,messageFontSize:11,messageGap:2},md:{paddingHorizontal:14,paddingVertical:13,minHeight:44,fontSize:14,borderRadius:10,iconSize:16,labelFontSize:12,labelGap:4,messageFontSize:12,messageGap:2},lg:{paddingHorizontal:16,paddingVertical:15,minHeight:52,fontSize:16,borderRadius:10,iconSize:18,labelFontSize:13,labelGap:4,messageFontSize:13,messageGap:2}},components={button:{xs:{paddingHorizontal:10,paddingVertical:4,minHeight:28,fontSize:12,borderRadius:8},sm:{paddingHorizontal:12,paddingVertical:6,minHeight:34,fontSize:14,borderRadius:10},md:{paddingHorizontal:16,paddingVertical:9,minHeight:42,fontSize:16,borderRadius:12},lg:{paddingHorizontal:20,paddingVertical:12,minHeight:50,fontSize:18,borderRadius:14},xl:{paddingHorizontal:24,paddingVertical:14,minHeight:58,fontSize:20,borderRadius:16}},input:{sm:{...fieldSizes.sm,multilineMinHeight:72},md:{...fieldSizes.md,multilineMinHeight:92},lg:{...fieldSizes.lg,multilineMinHeight:110}},searchBar:{sm:{borderRadius:radius.full},md:{borderRadius:radius.full},lg:{borderRadius:radius.full}},emptyState:{sm:{iconSize:48,titleFontSize:"lg",descriptionFontSize:"sm",paddingVertical:"lg",titleGap:"md",descriptionGap:"xs"},md:{iconSize:64,titleFontSize:"xl",descriptionFontSize:"base",paddingVertical:"xl",titleGap:"md",descriptionGap:"xs"},lg:{iconSize:80,titleFontSize:"2xl",descriptionFontSize:"base",paddingVertical:"2xl",titleGap:"md",descriptionGap:"xs"}},field:{defaultVariant:"outlined",sm:fieldSizes.sm,md:fieldSizes.md,lg:fieldSizes.lg},listItem:{sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},badge:{sm:{fontSize:10,minWidth:16,height:16,paddingHorizontal:5,dotSize:8},md:{fontSize:11,minWidth:20,height:20,paddingHorizontal:6,dotSize:10},borderWidth:1.5,anchorOffset:4},chip:{sm:{paddingHorizontal:10,paddingVertical:4,fontSize:12,minHeight:26,closeSize:16,closeFontSize:12,gap:6},md:{paddingHorizontal:12,paddingVertical:6,fontSize:13,minHeight:32,closeSize:18,closeFontSize:13,gap:8}},checkbox:{sm:{boxSize:16},md:{boxSize:20},lg:{boxSize:24},labelGap:10},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},labelGap:10},switch:{sm:{trackWidth:42,trackHeight:26,thumbSize:22,padding:2},md:{trackWidth:51,trackHeight:31,thumbSize:27,padding:2},lg:{trackWidth:60,trackHeight:36,thumbSize:32,padding:2},thumbColor:"#FFFFFF"},otpInput:{sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},dialog:{iconWrapperSize:48,iconWrapperBorderRadius:24,actionButtonMinHeight:44},toast:{iconCircleSize:28,iconCircleBorderRadius:14,iconGlyphFontSize:16,tintBarWidth:0},banner:{tintBarWidth:0},formField:{inlineLabelWidth:"35%"}},motion={duration:{instant:80,fast:160,normal:240,slow:360,slower:500},easing:{standard:[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]},spring:{gentle:{damping:26,stiffness:240,mass:.9},bouncy:{damping:16,stiffness:200,mass:.7},snappy:{damping:20,stiffness:300,mass:.7}}},lightShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.08,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.1,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.14,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.18,shadowRadius:32,elevation:20}},darkShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.3,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.55,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.7,shadowRadius:32,elevation:20}};export const lightTheme={mode:"light",colors:{primary:"#5B5BD6",primaryHover:"#4F4FBF",primaryPressed:"#4040A8",primaryMuted:"#EEEEFC",secondary:"#F4F4F8",secondaryHover:"#E9E9F0",success:"#18864F",warning:"#F59E0B",error:"#E12C32",info:"#1B6EF5",onPrimary:"#FFFFFF",onNeutral:"#FFFFFF",onSecondary:"#0F0F1A",onSuccess:"#FFFFFF",onWarning:"#0F0F1A",onError:"#FFFFFF",onInfo:"#FFFFFF",onOverlay:"#FFFFFF",toneText:{primary:"#4F4FD3",success:"#147042",warning:"#8F5C06",error:"#BC1B20",info:"#0958D9"},text:{primary:"#0F0F1A",secondary:"#52525B",tertiary:"#62626B",inverse:"#FFFFFF",strong:"#252F4A",disabled:"#B4B4BB",link:"#5B5BD6"},background:{primary:"#FFFFFF",secondary:"#F8F8FB",tertiary:"#F1F1F5",elevated:"#FFFFFF",overlay:"rgba(15, 15, 26, 0.5)",inverse:"#0F0F1A"},border:{primary:"#E5E5EC",secondary:"#EFEFF3",focus:"#5B5BD6",error:"#E5484D",width:1},field:{background:"#F9FBFC",backgroundFocused:"#FFFFFF",backgroundDisabled:"#F5F6FA",border:"#EBEDF3",borderFocused:"#BED2F9",borderError:"#FDBFCE",label:"#242F4A",text:"#252F4A",textDisabled:"#C4CADA",placeholder:"#626D8B",placeholderDisabled:"#C4CADA",icon:"#7A849F",iconFocused:"#4B5675",iconDisabled:"#C4CADA",caret:"#5B8DEE",message:"#D81736"},surface:{pressed:"rgba(15, 15, 26, 0.06)",hovered:"rgba(15, 15, 26, 0.04)",selected:"rgba(91, 91, 214, 0.1)",disabled:"#F1F1F5"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#EBEDF3",highlight:"#F5F6FA"},avatarPalette:["#5B5BD6","#0A7979","#A45A05","#CD226E","#2462EB","#7C3AED","#047C57","#D42222"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:lightShadows,motion:motion,components:components,gradients:{}};export const darkTheme={mode:"dark",colors:{primary:"#7C7CE8",primaryHover:"#9292EE",primaryPressed:"#A8A8F2",primaryMuted:"#1F1F3D",secondary:"#1F1F26",secondaryHover:"#2A2A33",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA",onPrimary:"#0F0F1A",onNeutral:"#0F0F1A",onSecondary:"#FAFAFA",onSuccess:"#0F0F1A",onWarning:"#0F0F1A",onError:"#0F0F1A",onInfo:"#0F0F1A",onOverlay:"#FFFFFF",toneText:{primary:"#8989EA",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA"},text:{primary:"#FAFAFA",secondary:"#B4B4BB",tertiary:"#919199",inverse:"#0F0F1A",strong:"#E2E2E2",disabled:"#52525B",link:"#9292EE"},background:{primary:"#0B0B12",secondary:"#13131C",tertiary:"#1C1C26",elevated:"#1C1C26",overlay:"rgba(0, 0, 0, 0.65)",inverse:"#FAFAFA"},border:{primary:"#27272F",secondary:"#1C1C26",focus:"#7C7CE8",error:"#F87171",width:1},field:{background:"#13131C",backgroundFocused:"#0B0B12",backgroundDisabled:"#1C1C26",border:"#27272F",borderFocused:"#3D5FB0",borderError:"#8A2F42",label:"#E4E6EE",text:"#FAFAFA",textDisabled:"#52525B",placeholder:"#84848D",placeholderDisabled:"#52525B",icon:"#8B8B95",iconFocused:"#D4D4DB",iconDisabled:"#52525B",caret:"#7C9EF0",message:"#F87171"},surface:{pressed:"rgba(255, 255, 255, 0.08)",hovered:"rgba(255, 255, 255, 0.05)",selected:"rgba(124, 124, 232, 0.18)",disabled:"#1C1C26"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#1C1C26",highlight:"#27272F"},avatarPalette:["#8B8BEE","#2DD4BF","#FCD34D","#F472B6","#60A5FA","#A78BFA","#34D399","#F87171"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:darkShadows,motion:motion,components:components,gradients:{}};
+"use strict";import{SQUIRCLE_SMOOTHING}from"../utils/squircle.js";const typography={fontSize:{xs:11,sm:13,base:15,lg:17,xl:20,"2xl":24,"3xl":30,"4xl":36},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{tight:1.2,normal:1.4,relaxed:1.6},letterSpacing:{tight:-.2,normal:0,wide:.4}},spacing={none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius={none:0,xs:4,sm:6,md:10,lg:14,xl:20,"2xl":28,full:9999},FIELD_RADIUS=10,fieldSizes={sm:{paddingHorizontal:12,paddingVertical:10,minHeight:38,fontSize:13,borderRadius:10,iconSize:14,labelFontSize:11,labelGap:4,messageFontSize:11,messageGap:2},md:{paddingHorizontal:14,paddingVertical:13,minHeight:44,fontSize:14,borderRadius:10,iconSize:16,labelFontSize:12,labelGap:4,messageFontSize:12,messageGap:2},lg:{paddingHorizontal:16,paddingVertical:15,minHeight:52,fontSize:16,borderRadius:10,iconSize:18,labelFontSize:13,labelGap:4,messageFontSize:13,messageGap:2}},components={button:{xs:{paddingHorizontal:10,paddingVertical:4,minHeight:28,fontSize:12,borderRadius:8},sm:{paddingHorizontal:12,paddingVertical:6,minHeight:34,fontSize:14,borderRadius:10},md:{paddingHorizontal:16,paddingVertical:9,minHeight:42,fontSize:16,borderRadius:12},lg:{paddingHorizontal:20,paddingVertical:12,minHeight:50,fontSize:18,borderRadius:14},xl:{paddingHorizontal:24,paddingVertical:14,minHeight:58,fontSize:20,borderRadius:16}},input:{sm:{...fieldSizes.sm,multilineMinHeight:72},md:{...fieldSizes.md,multilineMinHeight:92},lg:{...fieldSizes.lg,multilineMinHeight:110}},searchBar:{sm:{borderRadius:radius.full},md:{borderRadius:radius.full},lg:{borderRadius:radius.full}},emptyState:{sm:{iconSize:48,titleFontSize:"lg",descriptionFontSize:"sm",paddingVertical:"lg",titleGap:"md",descriptionGap:"xs"},md:{iconSize:64,titleFontSize:"xl",descriptionFontSize:"base",paddingVertical:"xl",titleGap:"md",descriptionGap:"xs"},lg:{iconSize:80,titleFontSize:"2xl",descriptionFontSize:"base",paddingVertical:"2xl",titleGap:"md",descriptionGap:"xs"}},field:{defaultVariant:"outlined",sm:fieldSizes.sm,md:fieldSizes.md,lg:fieldSizes.lg},listItem:{sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},badge:{sm:{fontSize:10,minWidth:16,height:16,paddingHorizontal:5,dotSize:8},md:{fontSize:11,minWidth:20,height:20,paddingHorizontal:6,dotSize:10},borderWidth:1.5,anchorOffset:4},chip:{sm:{paddingHorizontal:10,paddingVertical:4,fontSize:12,minHeight:26,closeSize:16,closeFontSize:12,gap:6},md:{paddingHorizontal:12,paddingVertical:6,fontSize:13,minHeight:32,closeSize:18,closeFontSize:13,gap:8}},checkbox:{sm:{boxSize:16},md:{boxSize:20},lg:{boxSize:24},labelGap:10},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},labelGap:10},switch:{sm:{trackWidth:42,trackHeight:26,thumbSize:22,padding:2},md:{trackWidth:51,trackHeight:31,thumbSize:27,padding:2},lg:{trackWidth:60,trackHeight:36,thumbSize:32,padding:2},thumbColor:"#FFFFFF"},otpInput:{sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},dialog:{iconWrapperSize:48,iconWrapperBorderRadius:24,actionButtonMinHeight:44},toast:{iconCircleSize:28,iconCircleBorderRadius:14,iconGlyphFontSize:16,tintBarWidth:0},banner:{tintBarWidth:0},formField:{inlineLabelWidth:"35%"}},motion={duration:{instant:80,fast:160,normal:240,slow:360,slower:500},fadeDuration:160,easing:{standard:[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]},spring:{gentle:{damping:26,stiffness:240,mass:.9},bouncy:{damping:16,stiffness:200,mass:.7},snappy:{damping:20,stiffness:300,mass:.7}}},lightShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.08,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.1,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.14,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.18,shadowRadius:32,elevation:20}},darkShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.3,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.55,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.7,shadowRadius:32,elevation:20}};export const lightTheme={mode:"light",colors:{primary:"#5B5BD6",primaryHover:"#4F4FBF",primaryPressed:"#4040A8",primaryMuted:"#EEEEFC",secondary:"#F4F4F8",secondaryHover:"#E9E9F0",success:"#18864F",warning:"#F59E0B",error:"#E12C32",info:"#1B6EF5",onPrimary:"#FFFFFF",onNeutral:"#FFFFFF",onSecondary:"#0F0F1A",onSuccess:"#FFFFFF",onWarning:"#0F0F1A",onError:"#FFFFFF",onInfo:"#FFFFFF",onOverlay:"#FFFFFF",toneText:{primary:"#4F4FD3",success:"#147042",warning:"#8F5C06",error:"#BC1B20",info:"#0958D9"},text:{primary:"#0F0F1A",secondary:"#52525B",tertiary:"#62626B",inverse:"#FFFFFF",strong:"#252F4A",disabled:"#B4B4BB",link:"#5B5BD6"},background:{primary:"#FFFFFF",secondary:"#F8F8FB",tertiary:"#F1F1F5",elevated:"#FFFFFF",overlay:"rgba(15, 15, 26, 0.5)",inverse:"#0F0F1A"},border:{primary:"#E5E5EC",secondary:"#EFEFF3",focus:"#5B5BD6",error:"#E5484D",width:1},field:{background:"#F9FBFC",backgroundFocused:"#FFFFFF",backgroundDisabled:"#F5F6FA",border:"#EBEDF3",borderFocused:"#BED2F9",borderError:"#FDBFCE",label:"#242F4A",text:"#252F4A",textDisabled:"#C4CADA",placeholder:"#626D8B",placeholderDisabled:"#C4CADA",icon:"#7A849F",iconFocused:"#4B5675",iconDisabled:"#C4CADA",caret:"#5B8DEE",message:"#D81736"},surface:{pressed:"rgba(15, 15, 26, 0.06)",hovered:"rgba(15, 15, 26, 0.04)",selected:"rgba(91, 91, 214, 0.1)",disabled:"#F1F1F5"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#EBEDF3",highlight:"#F5F6FA"},avatarPalette:["#5B5BD6","#0A7979","#A45A05","#CD226E","#2462EB","#7C3AED","#047C57","#D42222"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:lightShadows,motion:motion,components:components,gradients:{}};export const darkTheme={mode:"dark",colors:{primary:"#7C7CE8",primaryHover:"#9292EE",primaryPressed:"#A8A8F2",primaryMuted:"#1F1F3D",secondary:"#1F1F26",secondaryHover:"#2A2A33",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA",onPrimary:"#0F0F1A",onNeutral:"#0F0F1A",onSecondary:"#FAFAFA",onSuccess:"#0F0F1A",onWarning:"#0F0F1A",onError:"#0F0F1A",onInfo:"#0F0F1A",onOverlay:"#FFFFFF",toneText:{primary:"#8989EA",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA"},text:{primary:"#FAFAFA",secondary:"#B4B4BB",tertiary:"#919199",inverse:"#0F0F1A",strong:"#E2E2E2",disabled:"#52525B",link:"#9292EE"},background:{primary:"#0B0B12",secondary:"#13131C",tertiary:"#1C1C26",elevated:"#1C1C26",overlay:"rgba(0, 0, 0, 0.65)",inverse:"#FAFAFA"},border:{primary:"#27272F",secondary:"#1C1C26",focus:"#7C7CE8",error:"#F87171",width:1},field:{background:"#13131C",backgroundFocused:"#0B0B12",backgroundDisabled:"#1C1C26",border:"#27272F",borderFocused:"#3D5FB0",borderError:"#8A2F42",label:"#E4E6EE",text:"#FAFAFA",textDisabled:"#52525B",placeholder:"#84848D",placeholderDisabled:"#52525B",icon:"#8B8B95",iconFocused:"#D4D4DB",iconDisabled:"#52525B",caret:"#7C9EF0",message:"#F87171"},surface:{pressed:"rgba(255, 255, 255, 0.08)",hovered:"rgba(255, 255, 255, 0.05)",selected:"rgba(124, 124, 232, 0.18)",disabled:"#1C1C26"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#1C1C26",highlight:"#27272F"},avatarPalette:["#8B8BEE","#2DD4BF","#FCD34D","#F472B6","#60A5FA","#A78BFA","#34D399","#F87171"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:SQUIRCLE_SMOOTHING,shadows:darkShadows,motion:motion,components:components,gradients:{}};

package/lib/module/utils/hapticUtils.js

@@ -1 +1 @@
-"use strict";import*as Haptics from"expo-haptics";import{Platform,Vibration}from"react-native";let hapticImpl=null;const fallback=t=>{if("android"===Platform.OS){const i={selection:5,impactLight:10,impactMedium:20,impactHeavy:30,notificationSuccess:15,notificationWarning:25,notificationError:40,longPress:20,tick:5,denseTick:3,confirm:15,reject:40,gestureStart:10};try{Vibration.vibrate(i[t]??10)}catch{}}},EXPO_HANDLERS={selection:()=>Haptics.selectionAsync(),impactLight:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light),impactMedium:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium),impactHeavy:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy),notificationSuccess:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success),notificationWarning:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Warning),notificationError:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Error),longPress:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium),tick:()=>Haptics.selectionAsync(),denseTick:()=>Haptics.selectionAsync(),confirm:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success),reject:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Error),gestureStart:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light)},ANDROID_HAPTICS={longPress:"Long_Press",tick:"Segment_Tick",denseTick:"Segment_Frequent_Tick",confirm:"Confirm",reject:"Reject",gestureStart:"Gesture_Start"},androidHandler=t=>{const i=ANDROID_HAPTICS[t];return"android"===Platform.OS&&i&&"function"==typeof Haptics.performAndroidHapticsAsync&&Haptics.AndroidHaptics?.[i]?()=>Haptics.performAndroidHapticsAsync(Haptics.AndroidHaptics[i]):null};export const triggerHaptic=(t="selection")=>{if(hapticImpl)try{return void hapticImpl(t)}catch{}const i=androidHandler(t)??EXPO_HANDLERS[t];if(i)try{i().catch(()=>fallback(t))}catch{fallback(t)}else fallback(t)};export const setHapticImplementation=t=>{hapticImpl=t};export const resolveHaptic=(t,i)=>!1===t?null:t??i;
+"use strict";import*as Haptics from"expo-haptics";import{Platform}from"react-native";let hapticImpl=null;const EXPO_HANDLERS={selection:()=>Haptics.selectionAsync(),impactLight:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light),impactMedium:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium),impactHeavy:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy),notificationSuccess:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success),notificationWarning:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Warning),notificationError:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Error),longPress:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium),tick:()=>Haptics.selectionAsync(),denseTick:()=>Haptics.selectionAsync(),confirm:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success),reject:()=>Haptics.notificationAsync(Haptics.NotificationFeedbackType.Error),gestureStart:()=>Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light)},ANDROID_HAPTICS={longPress:"Long_Press",tick:"Segment_Tick",denseTick:"Segment_Frequent_Tick",confirm:"Confirm",reject:"Reject",gestureStart:"Gesture_Start"},androidHandler=t=>{const c=ANDROID_HAPTICS[t];return"android"===Platform.OS&&c&&"function"==typeof Haptics.performAndroidHapticsAsync&&Haptics.AndroidHaptics?.[c]?()=>Haptics.performAndroidHapticsAsync(Haptics.AndroidHaptics[c]):null};export const triggerHaptic=(t="selection")=>{if(hapticImpl)try{return void hapticImpl(t)}catch{}const c=androidHandler(t)??EXPO_HANDLERS[t];try{c().catch(()=>{})}catch{}};export const setHapticImplementation=t=>{hapticImpl=t};export const resolveHaptic=(t,c)=>!1===t?null:t??c;

package/lib/typescript/commonjs/components/AnimatePresence/AnimatePresence.d.ts

@@ -10,19 +10,19 @@ export interface AnimatePresenceProps {
     children?: React.ReactNode;
     /** Enter/exit preset. Default `'fade'`. */
     preset?: PresencePreset;
-    /** Animation duration (ms). Defaults to `theme.motion.duration.base`. */
+    /** Animation duration (ms). Defaults to `theme.motion.duration.normal`. */
     duration?: number;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
 /**
  * Animates a single child in on mount and out on unmount. Thin, theme-aware
- * wrapper over Reanimated's `entering`/`exiting` — Reanimated keeps the view
- * alive to play the exit, so the parent only toggles a condition. Honors the OS
- * Reduce Motion setting (renders instantly when reduced).
+ * wrapper over Reanimated's `entering`/`exiting`. Reanimated keeps the view
+ * alive to play the exit, so the parent only toggles a condition. Under the OS
+ * Reduce Motion setting every preset fades instead of moving.
  *
  * For animating items inside a list, use Reanimated's `itemLayoutAnimation`
- * on `Animated.FlatList` instead — this wrapper targets single conditional nodes.
+ * on `Animated.FlatList` instead; this wrapper targets single conditional nodes.
  */
 declare const AnimatePresence: React.FC<AnimatePresenceProps>;
 export { AnimatePresence };

package/lib/typescript/commonjs/components/AsyncBlock/AsyncBlock.d.ts

@@ -5,12 +5,17 @@ export type AsyncBlockErrorVariant = 'default' | 'offline';
 export interface AsyncBlockProps {
     /** Show the placeholder instead of content. */
     loading?: boolean;
-    /** An error to show in place of content. Falsy means no error. */
-    error?: string | React.ReactNode;
     /**
-     * `'offline'` draws the error state as a lost connection: a cloud icon,
-     * `offlineTitle`, and (unless `error` is text) a reconnect hint. Default
-     * `'default'`.
+     * An error to show in place of content. Falsy means no error. A string is the
+     * description. A React element or array is rendered under the state. Any other
+     * truthy value is read with `extractApiError`, and its `message` is the description.
+     */
+    error?: unknown;
+    /**
+     * `'offline'` draws the error state as a lost connection: a cloud icon and
+     * `offlineTitle`, with a reconnect hint unless the description is text. Unset,
+     * an error whose code is `OFFLINE_CODE` picks it and every other error is
+     * `'default'`. A set value always wins.
      */
     errorVariant?: AsyncBlockErrorVariant;
     /** The fetch succeeded with nothing to show. */
@@ -23,7 +28,7 @@ export interface AsyncBlockProps {
     emptyTitle?: string;
     emptyDescription?: string;
     emptyIcon?: React.ReactNode;
-    /** Copy for the error state. `error` itself is used as the description when it is a string. */
+    /** Copy for the error state. The description is `error` when it is a string, else the extracted message. */
     errorTitle?: string;
     /** Title of the offline error state. */
     offlineTitle?: string;

package/lib/typescript/commonjs/components/BottomSheet/BottomSheet.d.ts

@@ -49,11 +49,17 @@ export interface BottomSheetProps {
      */
     onAfterClose?: () => void;
     enablePanDownToClose?: boolean;
+    /**
+     * Whether a tap on the scrim closes the sheet. Android Back and web Escape
+     * follow it: when off, they do nothing either, so a sheet that must be
+     * answered stays open.
+     */
     enableBackdropPress?: boolean;
     /**
      * Asked before the user dismisses the sheet: a handle drag past the close
-     * threshold or a fast swipe down, a tap on the scrim, hardware Back (Android)
-     * and Escape (web), and `requestClose()`. Return `true` (or resolve `true`)
+     * threshold or a fast swipe down, `requestClose()`, and, while
+     * `enableBackdropPress` is on, a tap on the scrim, hardware Back (Android)
+     * and Escape (web). Return `true` (or resolve `true`)
      * to let it close, `false` to keep it open. A refused drag springs back to
      * the snap point it started from, and `onChange(-1)` does not fire.
      *

package/lib/typescript/commonjs/components/Button/Button.d.ts

@@ -31,9 +31,10 @@ export interface ButtonProps extends Omit<PressableProps, 'style' | 'children'>
     tone?: ButtonTone;
     size?: ButtonSize;
     /**
-     * When true, the button is disabled and renders a Spinner in place of the title (icons hidden).
-     * Use for in-flight submissions. This is **not** SkeletonContent — interactive controls signal
-     * pending action with an inline spinner, not a placeholder shimmer.
+     * When true, the button is disabled and shows a Spinner in front of the title, in the leading
+     * icon slot, and the title stays readable. Use for in-flight submissions. This is **not**
+     * SkeletonContent. Interactive controls signal pending action with an inline spinner, not a
+     * placeholder shimmer.
      */
     loading?: boolean;
     disabled?: boolean;
@@ -69,6 +70,8 @@ export interface ButtonProps extends Omit<PressableProps, 'style' | 'children'>
      */
     gradient?: string | GradientDefinition;
     style?: StyleProp<ViewStyle>;
+    /** Style for the outer wrapper, outside the pressed area: margins go here so the tap target keeps its size. */
+    containerStyle?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
     /**
      * Press feedback by name: `'scale'` (default), `'bounce'`, `'fade'`,

package/lib/typescript/commonjs/components/Card/Card.d.ts

@@ -70,7 +70,7 @@ export interface CardProps extends Omit<PressableProps, 'style' | 'children'> {
      */
     gradient?: string | GradientDefinition;
     onPress?: (event: GestureResponderEvent) => void;
-    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    /** Haptic feedback for interactions. Off unless a HapticType is passed. */
     haptic?: HapticType | false;
     /**
      * A long-press menu. Long press (right-click or Shift+F10 on the web) lifts

package/lib/typescript/commonjs/components/Carousel/Carousel.d.ts

@@ -31,6 +31,8 @@ export interface CarouselProps<T = unknown> {
     /** Initial index for uncontrolled usage. */
     defaultIndex?: number;
     onIndexChange?: (index: number) => void;
+    /** Horizontal scroll offset in dp, fired on each scroll frame. Listening costs a JS call per frame, so it is attached only when set. */
+    onScrollOffsetChange?: (offset: number) => void;
     autoPlay?: boolean;
     /** Auto-play tick in ms. Default 4000. */
     autoPlayInterval?: number;

package/lib/typescript/commonjs/components/ListItem/ListItem.d.ts

@@ -78,7 +78,7 @@ export interface ListItemProps {
      */
     actions?: React.ReactNode | ListItemAction[];
     onPress?: (event: GestureResponderEvent) => void;
-    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    /** Haptic feedback for interactions. Off unless a HapticType is passed. */
     haptic?: HapticType | false;
     selected?: boolean;
     disabled?: boolean;

package/lib/typescript/commonjs/components/MessageBubble/MessageBubble.d.ts

@@ -31,6 +31,7 @@ export interface MessageBubbleLabels {
     read: string;
     failed: string;
     retry: string;
+    copy: string;
     replyTo: (author: string | undefined) => string;
 }
 export declare const DEFAULT_MESSAGE_BUBBLE_LABELS: Readonly<MessageBubbleLabels>;
@@ -61,11 +62,13 @@ export interface MessageBubbleProps {
     /** Shows Try again under a failed message, and offers it as an accessibility action. */
     onRetry?: () => void;
     /**
-     * Long-press actions (Copy, Reply). They are the screen reader's
-     * accessibility actions; a long press calls `onLongPress` to show them,
-     * typically in a menu. Without actions there is no long press.
+     * Long-press actions (Reply, and any the app adds). They are the items of the
+     * long-press menu over the bubble and the screen reader's accessibility actions.
      */
     actions?: ReadonlyArray<MessageAction>;
+    /** Adds Copy to the long-press menu and the accessibility actions; the app writes `text` to the clipboard. */
+    onCopy?: (text: string) => void;
+    /** Called on a long press, after the menu opens. */
     onLongPress?: () => void;
     /** Content under the bubble on the same side (action cards, a rating). */
     footer?: React.ReactNode;

package/lib/typescript/commonjs/components/OTPInput/OTPInput.d.ts

@@ -30,8 +30,7 @@ export interface OTPInputProps {
     size?: OTPInputSize;
     secure?: boolean;
     /**
-     * Haptic feedback for interactions. Pass false to disable; pass a HapticType
-     * to override the default.
+     * Haptic feedback for interactions. Off unless a HapticType is passed.
      */
     haptic?: HapticType | false;
     accessibilityLabel?: string;

package/lib/typescript/commonjs/components/Screen/Screen.d.ts

@@ -0,0 +1,39 @@
+import type React from 'react';
+import type { FlatListProps, StyleProp, ViewStyle } from 'react-native';
+import type { AppBarRightAction } from '../AppBar';
+import type { SafeAreaEdge } from '../KeyboardAwareScrollView/KeyboardAwareScrollView';
+export interface ScreenProps<ItemT = unknown> {
+    title?: string;
+    subtitle?: string;
+    /** Large title that collapses into the bar on scroll. Default true. */
+    largeTitle?: boolean;
+    /** Shows the back chevron; runs on press and on Android Back. */
+    onBack?: () => void;
+    rightActions?: AppBarRightAction[];
+    leading?: React.ReactNode;
+    children?: React.ReactNode;
+    onRefresh?: () => unknown;
+    refreshing?: boolean;
+    /** Pinned under the content, above the keyboard. */
+    footer?: React.ReactNode;
+    footerStyle?: StyleProp<ViewStyle>;
+    /** Default true; false renders a plain View. */
+    scroll?: boolean;
+    /** Virtualised list mode; its scroll drives the title collapse. */
+    list?: Omit<FlatListProps<ItemT>, 'onScroll' | 'refreshControl'>;
+    /** Safe-area edges padded. Default top and bottom; a tab screen passes top only. */
+    edges?: SafeAreaEdge[];
+    /** Default true. */
+    keyboardToolbar?: boolean;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * The page shell: safe area, app bar with a large title that collapses as the
+ * content scrolls, a keyboard-aware scroll view (or a virtualised list), pull to
+ * refresh, a pinned footer and the keyboard toolbar. The app keeps its own back
+ * guard (`usePreventRemove`) and passes `onBack`; the screen never navigates.
+ */
+export declare function Screen<ItemT = unknown>(props: ScreenProps<ItemT>): React.ReactElement;
+//# sourceMappingURL=Screen.d.ts.map

package/lib/typescript/commonjs/components/Screen/index.d.ts

@@ -0,0 +1,3 @@
+export type { ScreenProps } from './Screen';
+export { Screen } from './Screen';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/SignaturePad/SignaturePad.d.ts

@@ -28,6 +28,12 @@ export interface SignaturePadLabels {
     undoneAnnouncement: string;
     /** Message of the error `toFile()` rejects with while nothing is signed. */
     emptyError: string;
+    /** Opens the pad full screen. */
+    expand: string;
+    /** Closes the full-screen pad and keeps its strokes. */
+    done: string;
+    /** Closes the full-screen pad and discards its strokes. */
+    close: string;
 }
 export interface SignaturePadRef {
     /**

package/lib/typescript/commonjs/components/Skeleton/Skeleton.d.ts

@@ -15,8 +15,8 @@
  *   - For `animation: 'pulse'`, a full-fill Animated.View fades its opacity
  *     between 0 and 0.6. Cheap and useful for tiny shapes where a sweep
  *     would barely be visible.
- *   - For `animation: 'none'` (or when the OS Reduce Motion preference is
- *     on), just the base color renders.
+ *   - For `animation: 'none'`, just the base color renders. Under the OS Reduce
+ *     Motion preference an `'auto'` shimmer plays the pulse instead.
  *
  * `variant` describes the SHAPE: rect (default), rounded (theme.radius.md),
  * circle (50%), or text (small radius, slightly inset height). Set width /

package/lib/typescript/commonjs/components/Skeleton/SkeletonProvider.d.ts

@@ -8,10 +8,8 @@
  *      every primitive shares a single Animated.Value — synchronized shimmer
  *      across the whole subtree, one native-driver loop per provider.
  *
- * Also honors the OS "Reduce Motion" preference: when enabled, the clock is
- * paused and skeletons render as static dim blocks. The detection is live —
- * if the user toggles the setting while the app is open the skeletons stop
- * shimmering immediately.
+ * Under the OS "Reduce Motion" preference an `'auto'` skeleton pulses instead
+ * of sweeping (see Skeleton.tsx); the clock keeps running for the pulse.
  */
 import type React from 'react';
 import type { ReactNode } from 'react';
@@ -41,7 +39,7 @@ export interface SkeletonProviderDefaults {
     fadeDuration?: number;
     /**
      * Hard override for animation. `'auto'` (default) follows the OS
-     * "Reduce Motion" preference: shimmer when off, static when on. `'always'`
+     * "Reduce Motion" preference: shimmer when off, pulse when on. `'always'`
      * forces shimmer regardless. `'never'` forces static — useful for tests or
      * battery-sensitive screens.
      */
@@ -57,10 +55,4 @@ export declare const SkeletonProvider: React.FC<SkeletonProviderProps>;
  * one — but without a shared clock or theme-coordinated colors.
  */
 export declare const useSkeletonDefaults: () => SkeletonProviderDefaults;
-/**
- * Subscribes to the OS "Reduce Motion" preference. Live — updates when the
- * user toggles the setting while the app is open. Used internally by
- * `SkeletonProvider`; exposed so consumer screens can branch on it too.
- */
-export declare const useReduceMotion: () => boolean;
 //# sourceMappingURL=SkeletonProvider.d.ts.map

package/lib/typescript/commonjs/components/Skeleton/index.d.ts

@@ -7,7 +7,7 @@ export { SkeletonContent } from './SkeletonContent';
 export type { SkeletonListProps } from './SkeletonList';
 export { SkeletonList } from './SkeletonList';
 export type { SkeletonColors, SkeletonProviderDefaults, SkeletonProviderProps } from './SkeletonProvider';
-export { SkeletonProvider, useReduceMotion, useSkeletonDefaults } from './SkeletonProvider';
+export { SkeletonProvider, useSkeletonDefaults } from './SkeletonProvider';
 export type { SkeletonSkipProps } from './SkeletonSkip';
 export { SkeletonSkip } from './SkeletonSkip';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/WheelPicker/Wheel.d.ts

@@ -21,6 +21,8 @@ interface WheelProps {
     haptic?: HapticType | false;
     disabled?: boolean;
     reducedMotion: boolean;
+    /** Tapping the selected value opens an inline number field for it. */
+    typeable?: boolean;
     testID?: string;
 }
 /**

package/lib/typescript/commonjs/components/WheelPicker/WheelPicker.d.ts

@@ -64,6 +64,11 @@ export interface WheelPickerDurationProps extends WheelPickerBaseProps {
     minuteStep?: WheelDurationStep;
     /** Upper bound in minutes. Default and ceiling 1439 (23 h 59 min). */
     maxMinutes?: number;
+    /**
+     * Durations in minutes, drawn as chips below the wheel; a tap sets the duration. Each must be a
+     * whole number of minutes from 0 to `maxMinutes` in steps of `minuteStep`, or the picker throws.
+     */
+    presets?: number[];
     labels?: WheelPickerDurationLabels;
 }
 export type WheelPickerProps = WheelPickerColumnsProps | WheelPickerListProps | WheelPickerDurationProps;

package/lib/typescript/commonjs/components/index.d.ts

@@ -140,6 +140,8 @@ export type { BlockMarkdownAction, EditorSelection, EditorState, InlineMarkdownA
 export { applyMarkdownAction, RichTextEditor } from './RichTextEditor';
 export type { ScannerOverlayLabels, ScannerOverlayProps, ScannerOverlayState } from './ScannerOverlay';
 export { ScannerOverlay } from './ScannerOverlay';
+export type { ScreenProps } from './Screen';
+export { Screen } from './Screen';
 export type { SearchBarProps, SearchBarSize, SearchBarVariant, SearchScope, SearchSuggestion, UseRecentSearchesOptions, UseRecentSearchesResult } from './SearchBar';
 export { SearchBar, useRecentSearches } from './SearchBar';
 export type { SectionHeaderProps, SectionHeaderVariant } from './SectionHeader';
@@ -151,7 +153,7 @@ export { Select } from './Select';
 export type { SignatureMode, SignaturePadLabels, SignaturePadProps, SignaturePadRef, SignaturePoint, SignatureStroke } from './SignaturePad';
 export { SignaturePad } from './SignaturePad';
 export type { SkeletonCircleProps, SkeletonClockProviderProps, SkeletonClockValue, SkeletonColors, SkeletonContentProps, SkeletonListProps, SkeletonProps, SkeletonProviderDefaults, SkeletonProviderProps, SkeletonRadius, SkeletonShape, SkeletonSkipProps, SkeletonSpeed, SkeletonStaticOf, SkeletonTextProps, SkeletonVariant, SkeletonWidth } from './Skeleton';
-export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useReduceMotion, useSkeletonClock, useSkeletonDefaults } from './Skeleton';
+export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useSkeletonClock, useSkeletonDefaults } from './Skeleton';
 export type { SliderProps, SliderSize, SliderTone, SliderVariant } from './Slider';
 export { Slider } from './Slider';
 export type { SliderFieldProps } from './SliderField';

package/lib/typescript/commonjs/hooks/index.d.ts

@@ -3,7 +3,11 @@ export { useControllableState } from './useControllableState';
 export { useDebounce } from './useDebounce';
 export type { DragToDismissController, SheetNativeGesture, SheetPanGesture, UseDragToDismissOptions, UseDragToDismissResult } from './useDragToDismiss';
 export { createDragToDismissController, DRAG_DISMISS_DISTANCE, DRAG_DISMISS_VELOCITY, useDragToDismiss } from './useDragToDismiss';
+export type { FieldChain, FieldChainProps } from './useFieldChain';
+export { useFieldChain } from './useFieldChain';
 export { FLICK_TOLERANCE, useFlickGuard } from './useFlickGuard';
+export type { MotionDurationKey, PresenceMotion } from './usePresenceMotion';
+export { PRESENCE_REDUCE_MOTION, usePresenceMotion } from './usePresenceMotion';
 export type { PressAnimationPreset, UsePressAnimationOptions, UsePressAnimationResult } from './usePressAnimation';
 export { PRESS_ANIMATION_PRESETS, usePressAnimation } from './usePressAnimation';
 export { useReducedMotion } from './useReducedMotion';

package/lib/typescript/commonjs/hooks/useDragToDismiss.d.ts

@@ -16,7 +16,8 @@
  *     top the same finger pulls the sheet down.
  *
  * Release past the distance or velocity threshold slides the sheet the rest
- * of the way and calls `onDismiss`; a short drag springs back. The sheet's
+ * of the way and calls `onDismiss`; a short drag springs back. Under Reduce
+ * Motion the close fades `opacity` out instead of sliding. The sheet's
  * translation is a plain Animated.Value on the native driver, so the finger
  * tracking stays off the JS thread once the value is set.
  *
@@ -26,6 +27,7 @@
 import { Animated } from 'react-native';
 import { Gesture } from 'react-native-gesture-handler';
 import type { Theme } from '../theme/types';
+import { type PresenceMotion } from './usePresenceMotion';
 /** The gesture types as the installed gesture-handler builds them; typed off the value so a second copy of the package cannot split them. */
 export type SheetPanGesture = ReturnType<typeof Gesture.Pan>;
 export type SheetNativeGesture = ReturnType<typeof Gesture.Native>;
@@ -49,6 +51,8 @@ export interface UseDragToDismissResult {
     handleGesture: SheetPanGesture;
     /** Wrap the sheet container in a `GestureDetector` with this. */
     sheetGesture: SheetPanGesture;
+    /** 1 normally; fades to 0 on a Reduce Motion close. Multiply it into the dragged surface's opacity. */
+    opacity: Animated.Value;
 }
 /** The drag's state machine, free of gesture-handler so it can be unit-tested. */
 export interface DragToDismissController {
@@ -59,6 +63,10 @@ export interface DragToDismissController {
     /** Something else took the gesture: spring back. */
     cancel: () => void;
 }
-export declare const createDragToDismissController: ({ drag, travel, onDismiss }: Pick<UseDragToDismissOptions, "drag" | "travel" | "onDismiss">, motion: Theme["motion"]) => DragToDismissController;
+export interface DragToDismissControllerOptions extends Pick<UseDragToDismissOptions, 'drag' | 'travel' | 'onDismiss'> {
+    /** Faded to 0 by the close under Reduce Motion, in place of the slide. */
+    opacity?: Animated.Value;
+}
+export declare const createDragToDismissController: ({ drag, travel, onDismiss, opacity }: DragToDismissControllerOptions, motion: Theme["motion"], presence?: PresenceMotion) => DragToDismissController;
 export declare const useDragToDismiss: (options: UseDragToDismissOptions) => UseDragToDismissResult;
 //# sourceMappingURL=useDragToDismiss.d.ts.map

package/lib/typescript/commonjs/hooks/useFieldChain.d.ts

@@ -0,0 +1,10 @@
+import type { TextInputProps } from 'react-native';
+export type FieldChainProps = Pick<TextInputProps, 'returnKeyType' | 'submitBehavior' | 'onSubmitEditing'>;
+export interface FieldChain {
+    /** Spread on every field but the last: Next moves focus on. */
+    next: FieldChainProps;
+    /** Spread on the last field: Done runs onDone. */
+    last: FieldChainProps;
+}
+export declare const useFieldChain: (onDone?: () => void) => FieldChain;
+//# sourceMappingURL=useFieldChain.d.ts.map

package/lib/typescript/commonjs/hooks/usePresenceMotion.d.ts

@@ -0,0 +1,14 @@
+import { ReduceMotion } from 'react-native-reanimated';
+import type { MotionScale } from '../theme/types';
+export type MotionDurationKey = keyof MotionScale['duration'];
+/** The reduceMotion flag every Reanimated fade passes, so the fade still runs under the OS setting. */
+export declare const PRESENCE_REDUCE_MOTION = ReduceMotion.Never;
+export interface PresenceMotion {
+    reduced: boolean;
+    /** theme.motion.duration[key] normally, theme.motion.fadeDuration under Reduce Motion. */
+    duration: (key: MotionDurationKey) => number;
+    /** [hidden, shown] normally, [shown, shown] under Reduce Motion. */
+    range: <T extends number | string>(hidden: T, shown: T) => [T, T];
+}
+export declare const usePresenceMotion: () => PresenceMotion;
+//# sourceMappingURL=usePresenceMotion.d.ts.map

package/lib/typescript/commonjs/hooks/usePressAnimation.d.ts

@@ -1,8 +1,8 @@
 import type { Animated } from 'react-native';
 /**
  * Named press feedback. Every preset drives transform or opacity only, so it
- * runs on the native driver, and reads its timing from `theme.motion`, so
- * Reduce Motion collapses it with the rest of the library.
+ * runs on the native driver. Under Reduce Motion every preset plays as `'fade'`
+ * over the fade length, so a press never moves or springs.
  *
  * - `scale`: shrinks a touch on press-in, springs back on release. The default.
  * - `bounce`: shrinks further and comes back on the bouncy spring, overshooting once.

package/lib/typescript/commonjs/hooks/useReducedMotion.d.ts

@@ -1,8 +1,2 @@
-/**
- * Tracks the OS "Reduce Motion" accessibility setting. The library's
- * ThemeProvider uses this to collapse `theme.motion` (durations → 0, springs →
- * near-instant) so animations don't trigger vestibular discomfort; consumers
- * can also read it directly to swap an animated path for a static one.
- */
 export declare const useReducedMotion: () => boolean;
 //# sourceMappingURL=useReducedMotion.d.ts.map

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

@@ -3,8 +3,8 @@ export type { AppIconName, AppIconProps, AppIconSize, CuratedIconName, IconName,
 export { APP_ICON_SIZES, AppIcon, CURATED_ICON_NAMES, defaultIcons, ICON_NAMES, ICONSAX_SUFFIX, renderSlotIcon } from './components/AppIcon';
 export type { FieldArrayApi, FieldInputProps, FieldRules, FieldState, FocusableNode, FormApi, FormCompletion, FormConfig, FormErrors, FormTouched, FormValidateFn, FormValues, HookFieldProps, HookFormFieldProps, SubmitHelpers, UseFormCompletionOptions, ValidateOn, ValidationResult, ValidationRule, ValidationSchema } from './form';
 export { deletePath, Form, getPath, HookFormField, isFieldFilled, rules, setPath, useField, useFieldArray, useForm, useFormCompletion, useFormContext, useHookFormField, useOptionalFormContext } from './form';
-export type { PressAnimationPreset, ScrollDirection, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult, UseScrollDirectionOptions, UseScrollDirectionResult, UseToggleResult } from './hooks';
-export { FLICK_TOLERANCE, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFlickGuard, usePressAnimation, useReducedMotion, useRefreshControl, useScrollDirection, useToggle } from './hooks';
+export type { FieldChain, FieldChainProps, MotionDurationKey, PresenceMotion, PressAnimationPreset, ScrollDirection, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult, UseScrollDirectionOptions, UseScrollDirectionResult, UseToggleResult } from './hooks';
+export { FLICK_TOLERANCE, PRESENCE_REDUCE_MOTION, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFieldChain, useFlickGuard, usePresenceMotion, usePressAnimation, useReducedMotion, useRefreshControl, useScrollDirection, useToggle } from './hooks';
 export type { InitUIOptions } from './initUI';
 export { initUI } from './initUI';
 export type { NetworkStatusBannerProps } from './network';

package/lib/typescript/commonjs/theme/types.d.ts

@@ -312,6 +312,8 @@ export interface MotionScale {
             mass: number;
         };
     };
+    /** Length in ms of the opacity fade that replaces movement under Reduce Motion. Never collapsed. */
+    fadeDuration: number;
 }
 /**
  * Per-component size tokens. Each component that exposes a `size` prop
@@ -1168,6 +1170,8 @@ export interface TextVariantSpec {
     fontVariant?: TextStyle['fontVariant'];
     /** `'display'` draws the variant in `typography.fontFamily.display` when the theme sets it; otherwise the weight faces. */
     fontFamily?: 'display';
+    /** Announce text in this variant as a heading (accessibilityRole header). */
+    heading?: boolean;
 }
 export interface Theme {
     mode: ColorMode;

package/lib/typescript/module/components/AnimatePresence/AnimatePresence.d.ts

@@ -10,19 +10,19 @@ export interface AnimatePresenceProps {
     children?: React.ReactNode;
     /** Enter/exit preset. Default `'fade'`. */
     preset?: PresencePreset;
-    /** Animation duration (ms). Defaults to `theme.motion.duration.base`. */
+    /** Animation duration (ms). Defaults to `theme.motion.duration.normal`. */
     duration?: number;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
 /**
  * Animates a single child in on mount and out on unmount. Thin, theme-aware
- * wrapper over Reanimated's `entering`/`exiting` — Reanimated keeps the view
- * alive to play the exit, so the parent only toggles a condition. Honors the OS
- * Reduce Motion setting (renders instantly when reduced).
+ * wrapper over Reanimated's `entering`/`exiting`. Reanimated keeps the view
+ * alive to play the exit, so the parent only toggles a condition. Under the OS
+ * Reduce Motion setting every preset fades instead of moving.
  *
  * For animating items inside a list, use Reanimated's `itemLayoutAnimation`
- * on `Animated.FlatList` instead — this wrapper targets single conditional nodes.
+ * on `Animated.FlatList` instead; this wrapper targets single conditional nodes.
  */
 declare const AnimatePresence: React.FC<AnimatePresenceProps>;
 export { AnimatePresence };

package/lib/typescript/module/components/AsyncBlock/AsyncBlock.d.ts

@@ -5,12 +5,17 @@ export type AsyncBlockErrorVariant = 'default' | 'offline';
 export interface AsyncBlockProps {
     /** Show the placeholder instead of content. */
     loading?: boolean;
-    /** An error to show in place of content. Falsy means no error. */
-    error?: string | React.ReactNode;
     /**
-     * `'offline'` draws the error state as a lost connection: a cloud icon,
-     * `offlineTitle`, and (unless `error` is text) a reconnect hint. Default
-     * `'default'`.
+     * An error to show in place of content. Falsy means no error. A string is the
+     * description. A React element or array is rendered under the state. Any other
+     * truthy value is read with `extractApiError`, and its `message` is the description.
+     */
+    error?: unknown;
+    /**
+     * `'offline'` draws the error state as a lost connection: a cloud icon and
+     * `offlineTitle`, with a reconnect hint unless the description is text. Unset,
+     * an error whose code is `OFFLINE_CODE` picks it and every other error is
+     * `'default'`. A set value always wins.
      */
     errorVariant?: AsyncBlockErrorVariant;
     /** The fetch succeeded with nothing to show. */
@@ -23,7 +28,7 @@ export interface AsyncBlockProps {
     emptyTitle?: string;
     emptyDescription?: string;
     emptyIcon?: React.ReactNode;
-    /** Copy for the error state. `error` itself is used as the description when it is a string. */
+    /** Copy for the error state. The description is `error` when it is a string, else the extracted message. */
     errorTitle?: string;
     /** Title of the offline error state. */
     offlineTitle?: string;