@webority/mobile-ui 0.9.1 → 0.11.0

package/lib/module/components/Tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{Animated,Dimensions,Easing,Modal,Pressable,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{ToastHost}from"../Toast/ToastProvider.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const DEFAULT_TOOLTIP_GAP=8,DEFAULT_SCREEN_PADDING=8,DEFAULT_PRESS_AUTO_HIDE_MS=4e3,DEFAULT_ARROW_HALF_WIDTH=4,DEFAULT_ARROW_HEIGHT=6,DEFAULT_ARROW_CORNER_PADDING=12,DEFAULT_MAX_WIDTH=240,DEFAULT_LINE_HEIGHT=18,Tooltip=e=>{const{content:t,children:o,placement:r="auto",trigger:s="longPress",visible:i,onVisibleChange:n,hideOnContentPress:a=!0,maxWidth:l,showArrow:u=!0,accessibilityLabel:c,style:m,containerStyle:h,arrowStyle:d,messageStyle:p,testID:g}=e,f=useTheme(),b=useMemo(()=>buildStyles(f),[f]),y=f.components.tooltip,w=y?.gap??8,x=y?.screenPadding??8,T=y?.pressAutoHideMs??4e3,_=y?.arrowHalfWidth??4,A=y?.arrowHeight??6,R=y?.arrowCornerPadding??12,S=y?.lineHeight??18,D=l??y?.maxWidth??240,E=y?.enableScaleAnimation??!1,v=y?.exitDurationMs??150,C="manual"===s||"boolean"==typeof i,[M,L]=useState(!1),j=C?Boolean(i):M,[H,P]=useState(null),[F,O]=useState({width:0,height:0}),V=useRef(null),W=useRef(createAnimatedValue(j?1:E?.85:1)).current,I=useRef(createAnimatedValue(j?1:0)).current,k=useRef(null),N=useRef(!1),U=useCallback(e=>{C||L(e),n?.(e)},[C,n]),z=useCallback(()=>{V.current&&V.current.measureInWindow((e,t,o,r)=>{P({x:e,y:t,width:o,height:r})})},[]),G=useCallback(e=>{z(),U(!0)},[z,U]),B=useCallback(()=>{U(!1)},[U]);useEffect(()=>{if(!N.current)return N.current=!0,j&&(z(),"press"===s&&(k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{B()},T))),()=>{k.current&&(clearTimeout(k.current),k.current=null)};let e;if(j){z();const t=[Animated.timing(I,{toValue:1,duration:f.motion.duration.fast,useNativeDriver:!0})];E&&t.push(Animated.spring(W,{toValue:1,damping:f.motion.spring.snappy.damping,stiffness:f.motion.spring.snappy.stiffness,mass:f.motion.spring.snappy.mass,useNativeDriver:!0})),e=Animated.parallel(t),e.start(),"press"===s&&(k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{B()},T))}else{const t=[Animated.timing(I,{toValue:0,duration:v,easing:Easing.bezier(...f.motion.easing.accelerate),useNativeDriver:!0})];E&&t.push(Animated.timing(W,{toValue:.85,duration:v,easing:Easing.bezier(...f.motion.easing.accelerate),useNativeDriver:!0})),e=Animated.parallel(t),e.start(),k.current&&(clearTimeout(k.current),k.current=null)}return()=>{e?.stop(),k.current&&(clearTimeout(k.current),k.current=null)}},[j]);const q=useMemo(()=>{const e=Dimensions.get("window");if(!H)return{top:x,left:x,placement:"bottom",arrowOffset:0};const t=F.width||Math.min(D,e.width-2*x),o=F.height||0;let s;if("auto"===r){const t={top:H.y,bottom:e.height-(H.y+H.height),left:H.x,right:e.width-(H.x+H.width)},o=Math.max(t.top,t.bottom,t.left,t.right);s=o===t.bottom?"bottom":o===t.top?"top":o===t.right?"right":"left"}else s=r;let i=0,n=0;"top"===s?(i=H.y-o-w,n=H.x+H.width/2-t/2):"bottom"===s?(i=H.y+H.height+w,n=H.x+H.width/2-t/2):"left"===s?(i=H.y+H.height/2-o/2,n=H.x-t-w):(i=H.y+H.height/2-o/2,n=H.x+H.width+w),n=Math.max(x,Math.min(n,e.width-t-x)),i=Math.max(x,Math.min(i,e.height-o-x));let a=0;if("top"===s||"bottom"===s){const e=H.x+H.width/2-n,o=R,r=Math.max(o,t-R);a=Math.max(o,Math.min(e,r))}else{const e=H.y+H.height/2-i,t=R,r=Math.max(t,o-R);a=Math.max(t,Math.min(e,r))}return{top:i,left:n,placement:s,arrowOffset:a}},[H,F,r,D,x,w,R]),X={};if("longPress"===s)X.onLongPress=G,X.accessibilityHint="Long press for more info";else if("press"===s){const e=o.props.onPress;X.onPress=t=>{e?.(t),G(t)}}const J=React.cloneElement(o,X),K=c??("string"==typeof t?t:"Tooltip"),Q=useMemo(()=>{if(!u)return null;const e=f.colors.background.inverse,t={position:"absolute",width:0,height:0,backgroundColor:"transparent",borderStyle:"solid",borderLeftWidth:_,borderRightWidth:_,borderBottomWidth:A,borderTopWidth:0,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:"transparent",borderBottomColor:e};return"top"===q.placement?{...t,bottom:-A,left:q.arrowOffset-_,transform:[{rotate:"180deg"}]}:"bottom"===q.placement?{...t,top:-A,left:q.arrowOffset-_}:"left"===q.placement?{...t,right:-A,top:q.arrowOffset-_,transform:[{rotate:"90deg"}]}:{...t,left:-A,top:q.arrowOffset-_,transform:[{rotate:"-90deg"}]}},[u,q,f,_,A]);return _jsxs(_Fragment,{children:[_jsx(View,{ref:V,collapsable:!1,onLayout:z,testID:g,children:J}),_jsxs(Modal,{visible:j,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"none",onRequestClose:B,children:[_jsx(Pressable,{style:StyleSheet.absoluteFill,onPress:a?B:void 0,accessibilityLabel:"Close tooltip",accessibilityRole:"button",children:j?_jsxs(Animated.View,{accessibilityRole:"tooltip",accessibilityLiveRegion:"polite",accessibilityLabel:K,onLayout:e=>{const{width:t,height:o}=e.nativeEvent.layout;t===F.width&&o===F.height||O({width:t,height:o})},style:[{position:"absolute",top:q.top,left:q.left,maxWidth:D,opacity:I,transform:[{scale:W}]},m,h],children:[_jsx(View,{style:[b.tooltip,{backgroundColor:f.colors.background.inverse,borderRadius:f.radius.md,...smoothCorners,paddingHorizontal:f.spacing.md,paddingVertical:f.spacing.sm,...f.shadows.lg,shadowColor:f.shadows.lg.shadowColor}],children:"string"==typeof t?_jsx(Text,{style:[{color:f.colors.text.inverse,fontSize:f.typography.fontSize.sm,lineHeight:S},p],children:t}):t}),Q?_jsx(View,{style:[Q,d],pointerEvents:"none"}):null]}):null}),_jsx(ToastHost,{})]})]})},buildStyles=e=>StyleSheet.create({tooltip:{overflow:"hidden"}});export{Tooltip};export default Tooltip;
+"use strict";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{Animated,Easing,Modal,Platform,Pressable,StyleSheet,Text,useWindowDimensions,View}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{mergeRefs}from"../../utils/mergeRefs.js";import{claimAnchoredSurface}from"../../utils/placement.js";import{FOCUS_DELAY_MS,focusHost}from"../Menu/focusHost.js";import{ToastHost}from"../Toast/ToastProvider.js";import{RichTooltipBody}from"./RichTooltipBody.js";import{resolveTooltipPosition}from"./tooltipPosition.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const DEFAULT_TOOLTIP_GAP=8,DEFAULT_SCREEN_PADDING=8,DEFAULT_PRESS_AUTO_HIDE_MS=4e3,DEFAULT_ARROW_HALF_WIDTH=4,DEFAULT_ARROW_HEIGHT=6,DEFAULT_ARROW_CORNER_PADDING=12,DEFAULT_MAX_WIDTH=240,RICH_MAX_WIDTH=280,DEFAULT_LINE_HEIGHT=18,Tooltip=e=>{const{content:t,children:r,variant:o="plain",title:s,action:i,placement:n="auto",visible:a,onVisibleChange:l,hideOnContentPress:u=!0,maxWidth:c,showArrow:m=!0,accessibilityLabel:d,style:f,containerStyle:p,arrowStyle:h,messageStyle:g,closeLabel:b="Close tooltip",testID:y}=e,T="rich"===o,_=e.trigger??(T?"press":"longPress"),R=useTheme(),A=useSafeAreaInsets(),S=useWindowDimensions(),w=useMemo(()=>buildStyles(R),[R]),x=R.components.tooltip,v=x?.gap??8,C=x?.screenPadding??8,D=x?.pressAutoHideMs??4e3,E=x?.arrowHalfWidth??4,P=x?.arrowHeight??6,j=x?.arrowCornerPadding??12,L=x?.lineHeight??18,H=c??(T?280:x?.maxWidth??240),F="press"===_&&!T,W=x?.enableScaleAnimation??!1,I=x?.exitDurationMs??150,M="manual"===_||"boolean"==typeof a,[O,V]=useState(!1),k=M?Boolean(a):O,[U,N]=useState(null),[B,z]=useState({width:0,height:0}),G=useRef(null),X=useRef(null),Y=useRef(null),q=useRef(null),J=useRef(null),K=useRef(!1),Q=useRef(!1),Z=useRef(createAnimatedValue(k?1:W?.85:1)).current,$=useRef(createAnimatedValue(k?1:0)).current,ee=useRef(null),te=useRef(!1),re=useCallback(e=>{M||V(e),l?.(e)},[M,l]),oe=useCallback(()=>{G.current&&G.current.measureInWindow((e,t,r,o)=>{N({x:e,y:t,width:r,height:o})})},[]),se=useCallback(e=>{oe(),re(!0)},[oe,re]),ie=useCallback(()=>{re(!1)},[re]),ne=useRef(ie);ne.current=ie;const ae=useCallback(()=>{if(!K.current)return;K.current=!1;const e=J.current;J.current=null,e?e():T&&focusHost(X.current??G.current)},[T]);useEffect(()=>{if(k)return Q.current=!0,K.current=!1,claimAnchoredSurface(()=>ne.current());Q.current&&(Q.current=!1,K.current=!0,"ios"!==Platform.OS&&ae())},[k]);const le=useCallback(()=>{J.current=i?.onPress??null,ie()},[i,ie]);useEffect(()=>{if(!te.current)return te.current=!0,k&&(oe(),F&&(ee.current&&clearTimeout(ee.current),ee.current=setTimeout(()=>{ie()},D))),()=>{ee.current&&(clearTimeout(ee.current),ee.current=null)};let e;if(k){oe();const t=[Animated.timing($,{toValue:1,duration:R.motion.duration.fast,useNativeDriver:!0})];W&&t.push(Animated.spring(Z,{toValue:1,damping:R.motion.spring.snappy.damping,stiffness:R.motion.spring.snappy.stiffness,mass:R.motion.spring.snappy.mass,useNativeDriver:!0})),e=Animated.parallel(t),e.start(),F&&(ee.current&&clearTimeout(ee.current),ee.current=setTimeout(()=>{ie()},D))}else{const t=[Animated.timing($,{toValue:0,duration:I,easing:Easing.bezier(...R.motion.easing.accelerate),useNativeDriver:!0})];W&&t.push(Animated.timing(Z,{toValue:.85,duration:I,easing:Easing.bezier(...R.motion.easing.accelerate),useNativeDriver:!0})),e=Animated.parallel(t),e.start(),ee.current&&(clearTimeout(ee.current),ee.current=null)}return()=>{e?.stop(),ee.current&&(clearTimeout(ee.current),ee.current=null)}},[k]);const handleContentLayout=e=>{const{width:t,height:r}=e.nativeEvent.layout;t===B.width&&r===B.height||z({width:t,height:r})},ue=useMemo(()=>resolveTooltipPosition({anchor:U,size:B,placement:n,rich:T,viewport:{width:S.width,height:S.height,insets:A},maxWidth:H,gap:v,padding:C,arrowCornerPadding:j}),[U,B,n,T,S.width,S.height,A,H,v,C,j]),ce=k&&null!==U&&B.width>0;useEffect(()=>{if(!T||!ce)return;const e="web"===Platform.OS?q:Y,t=setTimeout(()=>focusHost(e.current),FOCUS_DELAY_MS);return()=>clearTimeout(t)},[T,ce]);const me=r.props,de=useMemo(()=>mergeRefs(me.ref,X),[me.ref]),fe={};"longPress"!==_||me.contextMenu?"press"===_&&(fe.onPress=e=>{me.onPress?.(e),se(e)}):(fe.onLongPress=se,fe.accessibilityHint="Long press for more info"),T&&(fe.ref=de);const pe=React.cloneElement(r,fe),he=d??("string"==typeof t?t:"Tooltip"),ge=useMemo(()=>{if(!m)return null;const e=T?R.colors.background.elevated:R.colors.background.inverse,t={position:"absolute",width:0,height:0,backgroundColor:"transparent",borderStyle:"solid",borderLeftWidth:E,borderRightWidth:E,borderBottomWidth:P,borderTopWidth:0,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:"transparent",borderBottomColor:e};return"top"===ue.placement?{...t,bottom:-P,left:ue.arrowOffset-E,transform:[{rotate:"180deg"}]}:"bottom"===ue.placement?{...t,top:-P,left:ue.arrowOffset-E}:"left"===ue.placement?{...t,right:-P,top:ue.arrowOffset-E,transform:[{rotate:"90deg"}]}:{...t,left:-P,top:ue.arrowOffset-E,transform:[{rotate:"-90deg"}]}},[m,ue,R,T,E,P]),be={position:"absolute",top:ue.top,left:ue.left,maxWidth:H,opacity:ce?$:0,transform:[{scale:Z}]},ye=ge?_jsx(View,{style:[ge,h],pointerEvents:"none"}):null;return _jsxs(_Fragment,{children:[_jsx(View,{ref:G,collapsable:!1,onLayout:oe,testID:y,children:pe}),_jsxs(Modal,{visible:k,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"none",onRequestClose:ie,onDismiss:ae,children:[T?_jsxs(_Fragment,{children:[_jsx(Pressable,{style:StyleSheet.absoluteFill,onPress:u?ie:void 0,accessibilityLabel:b,accessibilityRole:"button"}),k?_jsxs(Animated.View,{onLayout:handleContentLayout,style:[be,f,p],children:[_jsx(RichTooltipBody,{title:s,content:t,action:i,onAction:le,focusRef:Y,actionRef:q,messageStyle:g}),ye]}):null]}):_jsx(Pressable,{style:StyleSheet.absoluteFill,onPress:u?ie:void 0,accessibilityLabel:b,accessibilityRole:"button",children:k?_jsxs(Animated.View,{accessibilityRole:"tooltip",accessibilityLiveRegion:"polite",accessibilityLabel:he,onLayout:handleContentLayout,style:[be,f,p],children:[_jsx(View,{style:[w.tooltip,{backgroundColor:R.colors.background.inverse,borderRadius:R.radius.md,...smoothCorners,paddingHorizontal:R.spacing.md,paddingVertical:R.spacing.sm,...R.shadows.lg,shadowColor:R.shadows.lg.shadowColor}],children:"string"==typeof t?_jsx(Text,{style:[{color:R.colors.text.inverse,fontSize:R.typography.fontSize.sm,lineHeight:L},g],children:t}):t}),ye]}):null}),_jsx(ToastHost,{})]})]})},buildStyles=e=>StyleSheet.create({tooltip:{overflow:"hidden"}});export{Tooltip};export default Tooltip;

package/lib/module/components/Tooltip/tooltipPosition.js

@@ -0,0 +1 @@
+"use strict";import{arrowOffset,computePlacement}from"../../utils/placement.js";const clamp=(t,e,o)=>Math.max(e,Math.min(t,o)),roomiestSide=(t,e)=>{const o={top:t.y,bottom:e.height-(t.y+t.height),left:t.x,right:e.width-(t.x+t.width)},r=Math.max(o.top,o.bottom,o.left,o.right);return r===o.bottom?"bottom":r===o.top?"top":r===o.right?"right":"left"};export const resolveTooltipPosition=t=>{const{anchor:e,size:o,placement:r,rich:i,viewport:a,maxWidth:h,gap:m,padding:n}=t;if(!e)return{top:n,left:n,placement:"bottom",arrowOffset:0};const{insets:p}=a,l=o.width||Math.min(h,a.width-2*n),c=o.height||0,f=p.top+n,s=a.height-p.bottom-n-c;let g;if(g=i?"top"===r||"bottom"===r?r:"auto":"auto"===r?roomiestSide(e,a):r,"left"!==g&&"right"!==g){const o=computePlacement(e,{width:l,height:c},a,g,{gap:m,margin:n}),r=e.x+e.width/2;return{top:clamp(o.y,f,s),left:o.x,placement:o.placement,arrowOffset:arrowOffset(r,o.x,l,t.arrowCornerPadding)}}const d="left"===g?e.x-l-m:e.x+e.width+m,w=a.width-p.right-n-l,x=clamp(d,p.left+n,w),u=clamp(e.y+e.height/2-c/2,f,s),b=e.y+e.height/2;return{top:u,left:x,placement:g,arrowOffset:arrowOffset(b,u,c,t.arrowCornerPadding)}};

package/lib/module/components/TypingIndicator/TypingIndicator.js

@@ -0,0 +1 @@
+"use strict";import{useEffect,useMemo}from"react";import{StyleSheet,View}from"react-native";import Animated,{cancelAnimation,useAnimatedStyle,useSharedValue,withDelay,withRepeat,withSequence,withTiming}from"react-native-reanimated";import{useReducedMotion}from"../../hooks/useReducedMotion.js";import{useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{Text}from"../Text/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const DOT=6,DIM=.3,PULSE_MS=400,STAGGER_MS=160,STILL_OPACITY=[1,.65,.3],Dot=({index:e,still:t,colour:i})=>{const s=useSharedValue(.3);useEffect(()=>{if(!t)return s.value=withDelay(160*e,withRepeat(withSequence(withTiming(1,{duration:400}),withTiming(.3,{duration:400})),-1)),()=>cancelAnimation(s)},[t,e,s]);const o=useAnimatedStyle(()=>({opacity:s.value}));return _jsx(Animated.View,{style:[styles.dot,{backgroundColor:i},t?{opacity:STILL_OPACITY[e]}:o]})};export const TypingIndicator=({label:e,accessibilityLabel:t,bubble:i=!0,style:s,testID:o})=>{const r=useTheme(),a=useMemo(()=>buildStyles(r),[r]),n=useReducedMotion(),l=r.colors.text.tertiary;return _jsxs(View,{style:[a.root,i?a.bubble:null,s],accessible:!0,accessibilityRole:"progressbar",accessibilityLabel:e??t??"Typing",accessibilityState:{busy:!0},"aria-busy":!0,testID:o,children:[_jsx(View,{style:a.dots,children:[0,1,2].map(e=>_jsx(Dot,{index:e,still:n,colour:l},e))}),e?_jsx(Text,{variant:"bodySmall",color:"secondary",children:e}):null]})};const styles=StyleSheet.create({dot:{width:6,height:6,borderRadius:3,...smoothCorners}}),buildStyles=e=>StyleSheet.create({root:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start",gap:e.spacing.sm,marginTop:e.spacing.sm},bubble:{backgroundColor:e.colors.background.secondary,borderRadius:e.radius.xl,...smoothCorners,paddingHorizontal:e.spacing.md,paddingVertical:e.spacing.sm+e.spacing.xs},dots:{flexDirection:"row",alignItems:"center",gap:e.spacing.xs}});export default TypingIndicator;

package/lib/module/components/TypingIndicator/index.js

@@ -0,0 +1 @@
+"use strict";export{default,TypingIndicator}from"./TypingIndicator.js";

package/lib/module/components/WheelPicker/Wheel.js

@@ -0,0 +1 @@
+"use strict";import{memo,useCallback,useEffect,useMemo,useRef}from"react";import{Animated,Platform,Pressable,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,setNativeValue}from"../../theme/index.js";import{announce}from"../../utils/announce.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const WHEEL_VISIBLE_ITEMS=5;export const WHEEL_CENTER_OFFSET=Math.floor(2.5);const HAPTIC_DEBOUNCE_MS=35,WEB_SETTLE_MS=120,SCALE_STOPS=[-2,-1,0,1,2],WheelRow=memo(({label:e,index:t,scrollY:n,itemHeight:a,selected:s,theme:i,reducedMotion:r,onPress:l})=>{const{opacity:o,scale:c}=useMemo(()=>{const e=Animated.subtract(Animated.divide(n,a),t);return{opacity:e.interpolate({inputRange:SCALE_STOPS,outputRange:[.3,.6,1,.6,.3],extrapolate:"clamp"}),scale:e.interpolate({inputRange:SCALE_STOPS,outputRange:[.85,.95,1.05,.95,.85],extrapolate:"clamp"})}},[n,a,t]),u=_jsx(Text,{numberOfLines:1,maxFontSizeMultiplier:1.5,style:{fontSize:i.typography.fontSize.xl,color:s?i.colors.text.primary:i.colors.text.secondary,fontWeight:s?i.typography.fontWeight.semibold:i.typography.fontWeight.medium,letterSpacing:i.typography.letterSpacing.normal},children:e});return _jsx(Animated.View,{style:[styles.row,{height:a},r?{opacity:o}:{opacity:o,transform:[{scale:c}]}],accessible:!1,importantForAccessibility:"no",children:l?_jsx(Pressable,{focusable:!1,accessible:!1,onPress:()=>l(t),style:styles.rowPress,children:u}):u})});export const Wheel=({label:e,items:t,selectedIndex:n,onIndexChange:a,itemHeight:s,width:i,theme:r,haptic:l,disabled:o,reducedMotion:c,testID:u})=>{const m="web"===Platform.OS,d=useRef(null),f=useRef(createAnimatedValue(n*s)).current,y=useRef(n*s),h=useRef(n*s),b=useRef(n),p=useRef(0),x=useRef(null),g=useRef(()=>{}),S=r.components.timePicker?.hapticDebounceMs??35,E=t.length-1;useEffect(()=>{b.current=n;const e=n*s;if(h.current===e)return;if(h.current=e,Math.abs(y.current-e)<1)return;y.current=e,m||setNativeValue(f,e);const t=requestAnimationFrame(()=>{d.current?.scrollToOffset({offset:e,animated:!1})});return()=>cancelAnimationFrame(t)},[n,s,f,m]),useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]);const v=useCallback((e,s)=>{if(!(e===n||e<0||e>E)){if("accessibility"===s){const e=resolveHaptic(l,"denseTick");e&&triggerHaptic(e)}if("keyboard"!==s){const n=t[e];n&&announce(n.accessibilityLabel??n.label)}a(e)}},[n,E,t,l,a]);g.current=()=>{x.current=null;const e=Math.max(0,Math.min(E,Math.round(y.current/s))),t=e*s;Math.abs(y.current-t)>=1&&d.current?.scrollToOffset({offset:t,animated:!c}),v(e,"scroll")};const M=useMemo(()=>Animated.event([{nativeEvent:{contentOffset:{y:f}}}],{useNativeDriver:!m,listener:e=>{const t=e.nativeEvent.contentOffset.y;y.current=t;const n=Math.round(t/s);if(n!==b.current&&n>=0&&n<=E){const e=Date.now();if(e-p.current>=S){const t=resolveHaptic(l,"denseTick");t&&triggerHaptic(t),p.current=e}b.current=n}m&&(x.current&&clearTimeout(x.current),x.current=setTimeout(()=>g.current(),120))}}),[f,s,E,l,S,m]),T=useCallback(e=>{const t=e.nativeEvent.contentOffset.y;v(Math.max(0,Math.min(E,Math.round(t/s))),"scroll")},[v,E,s]),w=useCallback(e=>{if(o)return;const t=e.nativeEvent.actionName;"increment"===t?v(Math.min(E,n+1),"accessibility"):"decrement"===t&&v(Math.max(0,n-1),"accessibility")},[o,v,E,n]),A=useCallback(e=>{o||d.current?.scrollToOffset({offset:e*s,animated:!c})},[o,s,c]),_=useCallback(({item:e,index:t})=>_jsx(WheelRow,{label:e.label,index:t,scrollY:f,itemHeight:s,selected:t===n,theme:r,reducedMotion:c,onPress:m?A:void 0}),[f,s,n,r,c,m,A]),C=useCallback((e,t)=>`${String(e.value)}-${t}`,[]),R=useCallback((e,t)=>({length:s,offset:s*t,index:t}),[s]),j=t[n]?t[n].accessibilityLabel??t[n].label:"",I=m?{focusable:!0,role:"spinbutton","aria-label":e,"aria-valuetext":j,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":E,"aria-disabled":o,onKeyDown:e=>{if(o)return;const t={ArrowDown:Math.min(E,n+1),PageDown:Math.min(E,n+1),ArrowUp:Math.max(0,n-1),PageUp:Math.max(0,n-1),Home:0,End:E}[e.key];void 0!==t&&(e.preventDefault?.(),v(t,"keyboard"))}}:void 0;return _jsxs(View,{style:[void 0===i?styles.columnFlex:{width:i},{height:5*s},styles.column,o?styles.disabled:null],testID:u,...I,children:[m?null:_jsx(View,{pointerEvents:"none",style:styles.a11yLayer,accessible:!0,accessibilityRole:"adjustable",accessibilityLabel:e,accessibilityValue:{text:j},accessibilityState:{disabled:Boolean(o)},"aria-disabled":Boolean(o),accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:w}),_jsx(Animated.FlatList,{ref:d,data:t,keyExtractor:C,renderItem:_,getItemLayout:R,showsVerticalScrollIndicator:!1,snapToInterval:s,snapToAlignment:"start",decelerationRate:"fast",bounces:!1,scrollEnabled:!o,nestedScrollEnabled:!0,scrollEventThrottle:16,onScroll:M,onMomentumScrollEnd:T,contentContainerStyle:{paddingVertical:s*WHEEL_CENTER_OFFSET},initialScrollIndex:n,style:[styles.list,{height:5*s}],importantForAccessibility:"no-hide-descendants","aria-hidden":!0})]})};const styles=StyleSheet.create({column:{overflow:"hidden"},columnFlex:{flex:1},disabled:{opacity:.5},list:{flexGrow:0},row:{alignItems:"center",justifyContent:"center"},rowPress:{alignItems:"center",justifyContent:"center",alignSelf:"stretch",flex:1},a11yLayer:{...StyleSheet.absoluteFill,zIndex:2}});

package/lib/module/components/WheelPicker/WheelPicker.js

@@ -0,0 +1 @@
+"use strict";import{Fragment,useCallback,useMemo}from"react";import{StyleSheet,Text,useWindowDimensions,View}from"react-native";import{useReducedMotion}from"../../hooks/useReducedMotion.js";import{useTheme}from"../../theme/index.js";import{WHEEL_CENTER_OFFSET,WHEEL_VISIBLE_ITEMS,Wheel}from"./Wheel.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const BASE_ITEM_HEIGHT=40,MAX_FONT_SCALE=1.5,DEFAULT_COLUMN_WIDTH=64,MAX_DURATION_MINUTES=1439,range=(e,t,i=1)=>{const o=[];for(let n=e;n<=t;n+=i)o.push(n);return o},plural=(e,t,i)=>`${e} ${1===e?t:i}`,toItem=e=>"object"==typeof e?e:{value:e,label:String(e)},WheelPicker=e=>{const{haptic:t,disabled:i,testID:o,style:n}=e,s=useTheme(),a=useReducedMotion(),{fontScale:l}=useWindowDimensions(),r=Math.min(Math.max(l,1),1.5),u=Math.round(40*r),m=useMemo(()=>buildStyles(s,u),[s,u]),d="list"===e.mode?e.items:void 0,h=useMemo(()=>d?.map(toItem),[d]),c="duration"===e.mode?e.minuteStep??1:1,p="duration"===e.mode?Math.max(0,Math.min(1439,Math.floor(e.maxMinutes??1/0))):0,b=Math.floor(p/60),y="duration"===e.mode?e.labels:void 0,M=y?.hours??"Hours",f=y?.minutes??"Minutes",x=y?.hourUnit??"hr",g=y?.minuteUnit??"min",S=useCallback(e=>{const t=e===b?p%60:59;return Math.floor(t/c)*c},[b,p,c]),_="duration"===e.mode?e.value:0,E=useMemo(()=>{const e=Number.isFinite(_)?_:0,t=Math.max(0,Math.min(p,e)),i=Math.floor(t/60),o=Math.round(t%60/c)*c;return{hour:i,minute:Math.min(S(i),o)}},[_,p,c,S]),I=useMemo(()=>"duration"===e.mode?range(0,b).map(e=>({value:e,label:String(e),accessibilityLabel:plural(e,"hour","hours")})):[],[e.mode,b]),j=S(E.hour),v=useMemo(()=>"duration"===e.mode?range(0,j,c).map(e=>({value:e,label:String(e).padStart(2,"0"),accessibilityLabel:plural(e,"minute","minutes")})):[],[e.mode,j,c]),T=useMemo(()=>"list"===e.mode?[{key:"list",label:e.label??"Value",items:h??[],value:e.value??"",width:e.width}]:"duration"===e.mode?[{key:"hours",label:M,items:I,value:E.hour,unit:x,gapAfter:s.spacing.md},{key:"minutes",label:f,items:v,value:E.minute,unit:g}]:e.columns,[e,h,I,v,E,M,f,x,g,s.spacing.md]),{onChange:W}=e,w=useCallback((t,i)=>{const o=t.items[i];if(o&&W)if("list"===e.mode)W(o.value);else if("duration"===e.mode){const e=Number(o.value),i=W;"hours"===t.key?i(60*e+Math.min(E.minute,S(e))):i(60*E.hour+e)}else W(t.key,o.value)},[W,e.mode,E,S]);return _jsxs(View,{style:[m.wheels,n],testID:o,children:[_jsxs(View,{pointerEvents:"none",style:m.selectionBand,children:[_jsx(View,{style:m.bandLine}),_jsx(View,{style:m.bandLine})]}),T.map(o=>{if(0===o.items.length)return null;const n=o.items.findIndex(e=>e.value===o.value);return _jsxs(Fragment,{children:[_jsx(Wheel,{label:o.label,items:o.items,selectedIndex:Math.max(0,n),onIndexChange:e=>w(o,e),itemHeight:u,width:o.width??("list"===e.mode?void 0:64),theme:s,haptic:t,disabled:i,reducedMotion:a,testID:o.testID}),o.unit?_jsx(Text,{style:m.unit,maxFontSizeMultiplier:1.5,numberOfLines:1,accessible:!1,importantForAccessibility:"no","aria-hidden":!0,children:o.unit}):null,o.separator?_jsx(Text,{style:m.separator,maxFontSizeMultiplier:1.5,accessible:!1,importantForAccessibility:"no","aria-hidden":!0,children:o.separator}):null,o.gapAfter?_jsx(View,{style:{width:o.gapAfter}}):null]},o.key)})]})},buildStyles=(e,t)=>StyleSheet.create({wheels:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:t*WHEEL_VISIBLE_ITEMS,position:"relative"},selectionBand:{position:"absolute",left:0,right:0,top:t*WHEEL_CENTER_OFFSET,height:t,justifyContent:"space-between"},bandLine:{height:2*StyleSheet.hairlineWidth,backgroundColor:e.colors.primary,opacity:.85},separator:{fontSize:e.typography.fontSize["2xl"],fontWeight:e.typography.fontWeight.bold,color:e.colors.text.primary,paddingHorizontal:e.spacing.xs},unit:{fontSize:e.typography.fontSize.base,fontWeight:e.typography.fontWeight.semibold,color:e.colors.text.secondary,paddingLeft:e.spacing.xs}});export{WheelPicker};export default WheelPicker;

package/lib/module/components/WheelPicker/index.js

@@ -0,0 +1 @@
+"use strict";export{default,WheelPicker}from"./WheelPicker.js";

package/lib/module/components/index.js

@@ -1 +1 @@
-"use strict";export{Accordion,AccordionGroup}from"./Accordion/index.js";export{AmountSlider}from"./AmountSlider/index.js";export{AnimatePresence}from"./AnimatePresence/index.js";export{AppBar}from"./AppBar/index.js";export{AsyncBlock}from"./AsyncBlock/index.js";export{AuthedImage,authedImageCacheStats,clearAuthedImageCache,getAuthedImageCacheLimit,setAuthedImageCacheLimit}from"./AuthedImage/index.js";export{Autocomplete}from"./Autocomplete/index.js";export{Avatar,AvatarGroup}from"./Avatar/index.js";export{Badge}from"./Badge/index.js";export{Banner}from"./Banner/index.js";export{BottomNavigation}from"./BottomNavigation/index.js";export{BottomSheet,useBottomSheet}from"./BottomSheet/index.js";export{Box,Row,Spacer,Stack}from"./Box/index.js";export{Button}from"./Button/index.js";export{Calendar}from"./Calendar/index.js";export{Card}from"./Card/index.js";export{Carousel}from"./Carousel/index.js";export{Checkbox}from"./Checkbox/index.js";export{Chip}from"./Chip/index.js";export{ChoiceGroup}from"./ChoiceGroup/index.js";export{Confetti}from"./Confetti/index.js";export{DatePicker}from"./DatePicker/index.js";export{DateRangePicker}from"./DateRangePicker/index.js";export{cleanDecimalText,DecimalInput,parseDecimalText}from"./DecimalInput/index.js";export{Descriptions}from"./Descriptions/index.js";export{Dialog}from"./Dialog/index.js";export{Divider}from"./Divider/index.js";export{Drawer}from"./Drawer/index.js";export{EmptyState}from"./EmptyState/index.js";export{ErrorBoundary,useErrorHandler,withErrorBoundary}from"./ErrorBoundary/index.js";export{FilePicker,formatFileSize}from"./FilePicker/index.js";export{FileViewer}from"./FileViewer/index.js";export{FloatingActionButton,FloatingActionButtonGroup}from"./FloatingActionButton/index.js";export{ForceUpdateDialog}from"./ForceUpdateDialog/index.js";export{FormField}from"./FormField/index.js";export{IconBadge}from"./IconBadge/index.js";export{IconButton}from"./IconButton/index.js";export{ImageGallery}from"./ImageGallery/index.js";export{InlineSelect}from"./InlineSelect/index.js";export{Input}from"./Input/index.js";export{KeyboardAwareScrollView}from"./KeyboardAwareScrollView/index.js";export{KeyboardToolbar}from"./KeyboardToolbar/index.js";export{ListItem}from"./ListItem/index.js";export{LoaderOverlay,loader,useLoader}from"./LoaderOverlay/index.js";export{Markdown}from"./Markdown/index.js";export{MODAL_DISMISS_GRACE_MS,Modal}from"./Modal/index.js";export{Notation,parseNotation,sym}from"./Notation/index.js";export{NumberInput}from"./NumberInput/index.js";export{OptionSheet}from"./OptionSheet/index.js";export{OTPInput}from"./OTPInput/index.js";export{ALL_CALLING_CODES,DEFAULT_CALLING_CODES,formatE164,PhoneNumberInput,parseE164}from"./PhoneNumberInput/index.js";export{PickerTrigger}from"./PickerTrigger/index.js";export{ProfileCompletion}from"./ProfileCompletion/index.js";export{ProfilePicker}from"./ProfilePicker/index.js";export{ProgressBar}from"./ProgressBar/index.js";export{ProgressRing}from"./ProgressRing/index.js";export{Radio,RadioDot,RadioGroup}from"./Radio/index.js";export{Rating}from"./Rating/index.js";export{Repeater}from"./Repeater/index.js";export{applyMarkdownAction,RichTextEditor}from"./RichTextEditor/index.js";export{SearchBar}from"./SearchBar/index.js";export{SectionHeader}from"./SectionHeader/index.js";export{SegmentedControl}from"./SegmentedControl/index.js";export{Select}from"./Select/index.js";export{Skeleton,SkeletonCircle,SkeletonClockProvider,SkeletonContent,SkeletonList,SkeletonProvider,SkeletonSkip,SkeletonText,useReduceMotion,useSkeletonClock,useSkeletonDefaults}from"./Skeleton/index.js";export{Slider}from"./Slider/index.js";export{SliderField}from"./SliderField/index.js";export{SlideToConfirm}from"./SlideToConfirm/index.js";export{Spinner}from"./Spinner/index.js";export{StatTile}from"./StatTile/index.js";export{StatusBadge}from"./StatusBadge/index.js";export{Stepper}from"./Stepper/index.js";export{Swipeable}from"./Swipeable/index.js";export{Switch}from"./Switch/index.js";export{Tabs}from"./Tabs/index.js";export{TagInput}from"./TagInput/index.js";export{Text}from"./Text/index.js";export{Timeline}from"./Timeline/index.js";export{TimePicker}from"./TimePicker/index.js";export{Toast,ToastHost,ToastProvider,toast,useToast}from"./Toast/index.js";export{Tooltip}from"./Tooltip/index.js";export{Tour}from"./Tour/index.js";export{ZoomableImage}from"./ZoomableImage/index.js";
+"use strict";export{Accordion,AccordionGroup}from"./Accordion/index.js";export{AmountSlider}from"./AmountSlider/index.js";export{AnimatePresence}from"./AnimatePresence/index.js";export{AppBar}from"./AppBar/index.js";export{AsyncBlock}from"./AsyncBlock/index.js";export{AuthedImage,authedImageCacheStats,clearAuthedImageCache,getAuthedImageCacheLimit,setAuthedImageCacheLimit}from"./AuthedImage/index.js";export{Autocomplete}from"./Autocomplete/index.js";export{Avatar,AvatarGroup}from"./Avatar/index.js";export{Badge}from"./Badge/index.js";export{Banner}from"./Banner/index.js";export{BarChart}from"./BarChart/index.js";export{BottomNavigation}from"./BottomNavigation/index.js";export{BottomSheet,useBottomSheet,useSheetSwap}from"./BottomSheet/index.js";export{Box,Row,Spacer,Stack}from"./Box/index.js";export{Button}from"./Button/index.js";export{Calendar}from"./Calendar/index.js";export{Card}from"./Card/index.js";export{Carousel}from"./Carousel/index.js";export{Checkbox}from"./Checkbox/index.js";export{Chip}from"./Chip/index.js";export{ChoiceGroup}from"./ChoiceGroup/index.js";export{Composer}from"./Composer/index.js";export{Confetti}from"./Confetti/index.js";export{DatePicker}from"./DatePicker/index.js";export{DateRangePicker}from"./DateRangePicker/index.js";export{DateSeparator,DEFAULT_DATE_SEPARATOR_LABELS,dayLabel}from"./DateSeparator/index.js";export{cleanDecimalText,DecimalInput,parseDecimalText}from"./DecimalInput/index.js";export{Descriptions}from"./Descriptions/index.js";export{Dialog}from"./Dialog/index.js";export{Divider}from"./Divider/index.js";export{Drawer}from"./Drawer/index.js";export{EmptyState}from"./EmptyState/index.js";export{ErrorBoundary,useErrorHandler,withErrorBoundary}from"./ErrorBoundary/index.js";export{FilePicker,formatFileSize}from"./FilePicker/index.js";export{FileViewer}from"./FileViewer/index.js";export{FloatingActionButton,FloatingActionButtonGroup}from"./FloatingActionButton/index.js";export{ForceUpdateDialog}from"./ForceUpdateDialog/index.js";export{FormField}from"./FormField/index.js";export{IconBadge}from"./IconBadge/index.js";export{IconButton}from"./IconButton/index.js";export{ImageGallery}from"./ImageGallery/index.js";export{InlineSelect}from"./InlineSelect/index.js";export{Input}from"./Input/index.js";export{KeyboardAwareScrollView}from"./KeyboardAwareScrollView/index.js";export{KeyboardToolbar}from"./KeyboardToolbar/index.js";export{ListItem}from"./ListItem/index.js";export{LoaderOverlay,loader,useLoader}from"./LoaderOverlay/index.js";export{Markdown}from"./Markdown/index.js";export{Menu}from"./Menu/index.js";export{DEFAULT_MESSAGE_BUBBLE_LABELS,MessageBubble}from"./MessageBubble/index.js";export{DEFAULT_MESSAGE_LIST_LABELS,MessageList}from"./MessageList/index.js";export{MODAL_DISMISS_GRACE_MS,Modal}from"./Modal/index.js";export{Notation,parseNotation,sym}from"./Notation/index.js";export{NumberInput}from"./NumberInput/index.js";export{OnboardingPager}from"./OnboardingPager/index.js";export{OptionSheet}from"./OptionSheet/index.js";export{OTPInput}from"./OTPInput/index.js";export{PaymentResult}from"./PaymentResult/index.js";export{PermissionPrompt,usePermissionPrompt}from"./PermissionPrompt/index.js";export{ALL_CALLING_CODES,DEFAULT_CALLING_CODES,formatE164,PhoneNumberInput,parseE164}from"./PhoneNumberInput/index.js";export{PickerTrigger}from"./PickerTrigger/index.js";export{ProfileCompletion}from"./ProfileCompletion/index.js";export{ProfilePicker}from"./ProfilePicker/index.js";export{ProgressBar}from"./ProgressBar/index.js";export{ProgressRing}from"./ProgressRing/index.js";export{Radio,RadioDot,RadioGroup}from"./Radio/index.js";export{Rating}from"./Rating/index.js";export{Repeater}from"./Repeater/index.js";export{applyMarkdownAction,RichTextEditor}from"./RichTextEditor/index.js";export{ScannerOverlay}from"./ScannerOverlay/index.js";export{SearchBar,useRecentSearches}from"./SearchBar/index.js";export{SectionHeader}from"./SectionHeader/index.js";export{SegmentedControl}from"./SegmentedControl/index.js";export{Select}from"./Select/index.js";export{SignaturePad}from"./SignaturePad/index.js";export{Skeleton,SkeletonCircle,SkeletonClockProvider,SkeletonContent,SkeletonList,SkeletonProvider,SkeletonSkip,SkeletonText,useReduceMotion,useSkeletonClock,useSkeletonDefaults}from"./Skeleton/index.js";export{Slider}from"./Slider/index.js";export{SliderField}from"./SliderField/index.js";export{SlideToConfirm}from"./SlideToConfirm/index.js";export{Sparkline}from"./Sparkline/index.js";export{Spinner}from"./Spinner/index.js";export{StatTile}from"./StatTile/index.js";export{StatusBadge}from"./StatusBadge/index.js";export{Stepper}from"./Stepper/index.js";export{Swipeable}from"./Swipeable/index.js";export{Switch}from"./Switch/index.js";export{Tabs}from"./Tabs/index.js";export{TagInput}from"./TagInput/index.js";export{Text}from"./Text/index.js";export{Timeline}from"./Timeline/index.js";export{TimePicker}from"./TimePicker/index.js";export{Toast,ToastHost,ToastProvider,toast,useToast}from"./Toast/index.js";export{Tooltip}from"./Tooltip/index.js";export{Tour}from"./Tour/index.js";export{TypingIndicator}from"./TypingIndicator/index.js";export{WheelPicker}from"./WheelPicker/index.js";export{ZoomableImage}from"./ZoomableImage/index.js";

package/lib/module/hooks/index.js

@@ -1 +1 @@
-"use strict";export{useControllableState}from"./useControllableState.js";export{useDebounce}from"./useDebounce.js";export{createDragToDismissController,DRAG_DISMISS_DISTANCE,DRAG_DISMISS_VELOCITY,useDragToDismiss}from"./useDragToDismiss.js";export{FLICK_TOLERANCE,useFlickGuard}from"./useFlickGuard.js";export{PRESS_ANIMATION_PRESETS,usePressAnimation}from"./usePressAnimation.js";export{useReducedMotion}from"./useReducedMotion.js";export{useToggle}from"./useToggle.js";
+"use strict";export{useControllableState}from"./useControllableState.js";export{useDebounce}from"./useDebounce.js";export{createDragToDismissController,DRAG_DISMISS_DISTANCE,DRAG_DISMISS_VELOCITY,useDragToDismiss}from"./useDragToDismiss.js";export{FLICK_TOLERANCE,useFlickGuard}from"./useFlickGuard.js";export{PRESS_ANIMATION_PRESETS,usePressAnimation}from"./usePressAnimation.js";export{useReducedMotion}from"./useReducedMotion.js";export{useRefreshControl}from"./useRefreshControl.js";export{useScrollDirection}from"./useScrollDirection.js";export{useToggle}from"./useToggle.js";

package/lib/module/hooks/useRefreshControl.js

@@ -0,0 +1 @@
+"use strict";import{Logger}from"@webority/mobile-core";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{Platform,RefreshControl}from"react-native";import{useTheme}from"../theme/index.js";import{announce}from"../utils/announce.js";import{resolveHaptic,triggerHaptic}from"../utils/hapticUtils.js";import{jsx as _jsx}from"react/jsx-runtime";const DEFAULT_MIN_VISIBLE_MS=400;export const useRefreshControl=e=>{const{onRefresh:r,refreshing:t=!1,haptic:o,title:s,minVisibleMs:n=DEFAULT_MIN_VISIBLE_MS,labels:c}=e,i=useTheme(),[u,a]=useState(!1),l=useRef(!1),f=useRef(!0),m=useRef(null),h=useRef(r);h.current=r;const p=useRef(c);p.current=c;const g=useRef(n);g.current=n,useEffect(()=>(f.current=!0,()=>{f.current=!1,m.current?.release()}),[]);const b=useCallback(e=>new Promise(r=>{if(e<=0)return void r();const t=setTimeout(()=>{m.current=null,r()},e);m.current={release:()=>{clearTimeout(t),m.current=null,r()}}}),[]),d=useCallback(async e=>{if(l.current)return;l.current=!0,a(!0);const r=Date.now();e&&announce(p.current?.refreshing??"Refreshing");let t=!1;try{await h.current()}catch(e){t=!0,Logger.error("[@webority/mobile-ui] useRefreshControl: onRefresh failed.",e)}f.current&&await b(g.current-(Date.now()-r)),l.current=!1,f.current&&(a(!1),e&&!t&&announce(p.current?.refreshed??"Updated"))},[b]),R="android"===Platform.OS?"gestureStart":null,C=void 0===o?R:resolveHaptic(o,"gestureStart"),y=useCallback(()=>{l.current||(C&&triggerHaptic(C),d(!1))},[C,d]),v=useCallback(()=>d(!0),[d]),S=useMemo(()=>({accessibilityActions:[{name:"refresh",label:c?.refresh??"Refresh"}],onAccessibilityAction:e=>{"refresh"===e.nativeEvent.actionName&&d(!0)}}),[c?.refresh,d]),k=u||t;return{refreshControl:useMemo(()=>_jsx(RefreshControl,{refreshing:k,onRefresh:y,tintColor:i.colors.primary,colors:[i.colors.primary],progressBackgroundColor:i.colors.background.elevated,title:s,titleColor:i.colors.text.secondary}),[k,y,s,i.colors.primary,i.colors.background.elevated,i.colors.text.secondary]),refreshing:k,refresh:v,accessibilityProps:S}};

package/lib/module/hooks/useScrollDirection.js

@@ -0,0 +1 @@
+"use strict";import{useCallback,useRef,useState}from"react";const DEFAULT_THRESHOLD=8;export const useScrollDirection=e=>{const t=e?.threshold??8,[r,n]=useState("idle"),u=useRef(0),c=useRef(0),s=useRef("idle"),a=useCallback(e=>{s.current!==e&&(s.current=e,n(e))},[]);return{direction:r,onScroll:useCallback(e=>{const{contentOffset:r,contentSize:n,layoutMeasurement:s}=e.nativeEvent,i=n&&s?Math.max(0,n.height-s.height):Number.POSITIVE_INFINITY,o=Math.min(Math.max(r.y,0),i),l=o-u.current;if(u.current=o,o<=0)return c.current=0,void a("idle");0!==l&&(Math.sign(l)!==Math.sign(c.current)&&(c.current=0),c.current+=l,Math.abs(c.current)>=t&&a(c.current>0?"down":"up"))},[t,a])}};

package/lib/module/index.js

@@ -1 +1 @@
-"use strict";export*from"./components/index.js";export{APP_ICON_SIZES,AppIcon,CURATED_ICON_NAMES,defaultIcons,ICON_NAMES,ICONSAX_SUFFIX,renderSlotIcon}from"./components/AppIcon/index.js";export{deletePath,Form,getPath,HookFormField,isFieldFilled,rules,setPath,useField,useFieldArray,useForm,useFormCompletion,useFormContext,useHookFormField,useOptionalFormContext}from"./form/index.js";export{FLICK_TOLERANCE,PRESS_ANIMATION_PRESETS,useControllableState,useDebounce,useFlickGuard,usePressAnimation,useReducedMotion,useToggle}from"./hooks/index.js";export{initUI}from"./initUI.js";export{NetworkStatusBanner}from"./network/index.js";export{darkTheme,getColorMode,getTheme,lightTheme,mergeTheme,resetTheme,setColorMode,setTheme,subscribeTheme,ThemeProvider,useTheme,useThemeMode}from"./theme/index.js";export{Breakpoints,configureFeedback,feedback,hapticForIntent,isFeedbackEnabled,isScreenSize,isTablet,Margin,Padding,Responsive,ScreenDimensions,Spacing,SQUIRCLE_MIN_RADIUS,SQUIRCLE_SMOOTHING,setHapticImplementation,shadowStyle,smoothCorners,squircleApplies,squircleHostRadius,squirclePath,triggerHaptic,useScreenDimensions,warnUnknownProps}from"./utils/index.js";
+"use strict";export*from"./components/index.js";export{APP_ICON_SIZES,AppIcon,CURATED_ICON_NAMES,defaultIcons,ICON_NAMES,ICONSAX_SUFFIX,renderSlotIcon}from"./components/AppIcon/index.js";export{deletePath,Form,getPath,HookFormField,isFieldFilled,rules,setPath,useField,useFieldArray,useForm,useFormCompletion,useFormContext,useHookFormField,useOptionalFormContext}from"./form/index.js";export{FLICK_TOLERANCE,PRESS_ANIMATION_PRESETS,useControllableState,useDebounce,useFlickGuard,usePressAnimation,useReducedMotion,useRefreshControl,useScrollDirection,useToggle}from"./hooks/index.js";export{initUI}from"./initUI.js";export{NetworkStatusBanner}from"./network/index.js";export{darkTheme,getColorMode,getTheme,lightTheme,mergeTheme,resetTheme,setColorMode,setTheme,subscribeTheme,ThemeProvider,useTheme,useThemeMode}from"./theme/index.js";export{announce,Breakpoints,configureFeedback,feedback,hapticForIntent,isFeedbackEnabled,isScreenSize,isTablet,Margin,Padding,Responsive,ScreenDimensions,Spacing,SQUIRCLE_MIN_RADIUS,SQUIRCLE_SMOOTHING,setHapticImplementation,shadowStyle,smoothCorners,squircleApplies,squircleHostRadius,squirclePath,triggerHaptic,useScreenDimensions,warnUnknownProps}from"./utils/index.js";

package/lib/module/utils/announce.js

@@ -0,0 +1 @@
+"use strict";import{AccessibilityInfo,Platform}from"react-native";let webRegions=null;const webRegion=e=>{if("undefined"==typeof document)return null;if(!webRegions||!webRegions.polite.isConnected){const make=e=>{const t=document.createElement("div");return t.setAttribute("aria-live",e),t.setAttribute("aria-atomic","true"),t.setAttribute("role","assertive"===e?"alert":"status"),Object.assign(t.style,{position:"absolute",width:"1px",height:"1px",overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap"}),document.body.appendChild(t),t};webRegions={polite:make("polite"),assertive:make("assertive")}}return e?webRegions.polite:webRegions.assertive};export const announce=(e,t)=>{if(!e)return;const i=!1!==t?.polite;if("web"===Platform.OS){const t=webRegion(i);return void(t&&(t.textContent="",setTimeout(()=>{t.textContent=e},50)))}"ios"!==Platform.OS?AccessibilityInfo.announceForAccessibility(e):AccessibilityInfo.announceForAccessibilityWithOptions(e,i?{queue:!0}:{queue:!1,priority:"high"})};

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};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)};export const triggerHaptic=(t="selection")=>{if(hapticImpl)try{return void hapticImpl(t)}catch{}const i=EXPO_HANDLERS[t];i?i().catch(()=>fallback(t)):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,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;

package/lib/module/utils/index.js

@@ -1 +1 @@
-"use strict";export{blendOf,tintOf}from"./color.js";export{smoothCorners}from"./corners.js";export{configureFeedback,feedback,hapticForIntent,isFeedbackEnabled}from"./feedback.js";export{resolveHaptic,setHapticImplementation,triggerHaptic}from"./hapticUtils.js";export{mergeRefs}from"./mergeRefs.js";export{Breakpoints,isScreenSize,isTablet,Responsive,ScreenDimensions,useScreenDimensions}from"./responsive.js";export{shadowStyle}from"./shadows.js";export{Margin,Padding,Spacing}from"./spacing.js";export{SQUIRCLE_MIN_RADIUS,SQUIRCLE_SMOOTHING,squircleApplies,squircleHostRadius,squirclePath}from"./squircle.js";export{warnUnknownProps}from"./warnUnknownProps.js";
+"use strict";export{announce}from"./announce.js";export{blendOf,tintOf}from"./color.js";export{smoothCorners}from"./corners.js";export{configureFeedback,feedback,hapticForIntent,isFeedbackEnabled}from"./feedback.js";export{resolveHaptic,setHapticImplementation,triggerHaptic}from"./hapticUtils.js";export{mergeRefs}from"./mergeRefs.js";export{Breakpoints,isScreenSize,isTablet,Responsive,ScreenDimensions,useScreenDimensions}from"./responsive.js";export{shadowStyle}from"./shadows.js";export{Margin,Padding,Spacing}from"./spacing.js";export{SQUIRCLE_MIN_RADIUS,SQUIRCLE_SMOOTHING,squircleApplies,squircleHostRadius,squirclePath}from"./squircle.js";export{warnUnknownProps}from"./warnUnknownProps.js";

package/lib/module/utils/placement.js

@@ -0,0 +1 @@
+"use strict";export const PLACEMENT_GAP=8;export const PLACEMENT_MARGIN=8;export const placementRoom=(t,e,o)=>{const n=o?.gap??8,r=o?.margin??8,a=e.insets.top+r,s=e.height-e.insets.bottom-r;return{above:Math.max(0,t.y-n-a),below:Math.max(0,s-(t.y+t.height+n))}};const resolveSide=(t,e,o)=>{const n=e<=o.above,r=e<=o.below;return"top"===t?n||!r&&o.above>=o.below?"top":"bottom":"bottom"===t?r||!n&&o.below>o.above?"bottom":"top":o.below>=o.above?"bottom":"top"};export const computePlacement=(t,e,o,n,r)=>{const a=r?.gap??8,s=r?.margin??8,h=r?.align??"center",i=placementRoom(t,o,r),c=resolveSide(n,e.height,i),m=o.insets.top+s,l=o.height-o.insets.bottom-s,p="bottom"===c?Math.max(m,t.y+t.height+a):Math.min(l-e.height,t.y-a-e.height),b=o.insets.left+s,x=o.width-o.insets.right-s,u="start"===h?t.x:"end"===h?t.x+t.width-e.width:t.x+t.width/2-e.width/2;return{x:Math.max(b,Math.min(u,x-e.width)),y:p,placement:c}};export const arrowOffset=(t,e,o,n)=>{const r=Math.max(n,o-n);return Math.max(n,Math.min(t-e,r))};let current=null;export const claimAnchoredSurface=t=>{const e=current,o={close:t};return current=o,e&&e.close(),()=>{current===o&&(current=null)}};

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

@@ -0,0 +1,62 @@
+/**
+ * BarChart: a simple vertical bar chart for a dashboard.
+ *
+ * Zero is always on the axis, so a bar's length is its value. The point of the
+ * chart is readable without touching it: bars carry their value when there are
+ * few of them, and a summary line names the main message. Touching it adds
+ * detail: a tap picks a bar, and dragging along the plot picks the bar under
+ * the finger with one haptic tick per bar crossed. The picked bar's label and
+ * value are written above the plot.
+ *
+ * A screen reader gets one adjustable element: swipe up or down to move from
+ * bar to bar, each one read as "label, value". Bars are Views, not SVG, so the
+ * labels follow the app's font scale and nothing is drawn in a fixed pixel box.
+ *
+ * Values may be negative; the zero line then sits inside the plot.
+ */
+import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils';
+export type BarChartTone = 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
+export interface BarChartDatum {
+    /** The full name of the bar, read aloud and written in the callout: "Mon 06-Oct-2026". */
+    label: string;
+    /** The bar's value. A value that is not a finite number draws as zero. */
+    value: number;
+    /** A shorter label drawn under the bar: "Mon". Default `label`. */
+    axisLabel?: string;
+    /** Replaces the spoken text of the bar. Default `"label, value"`. */
+    accessibilityLabel?: string;
+}
+export interface BarChartProps {
+    data: ReadonlyArray<BarChartDatum>;
+    /** Colour of the bars. Default `'primary'`. Drawn in the tone's text ink so it holds 3:1 on the page in light and dark. */
+    tone?: BarChartTone;
+    /** Bar colour override; wins over `tone`. */
+    color?: string;
+    /** Height of the plot in points. Default `160`. */
+    height?: number;
+    /** What the chart shows, read first by a screen reader: "Approvals per day". */
+    label?: string;
+    /** The main message in a sentence, visible while no bar is picked: "Approvals peaked on Thursday". Default: the highest bar. */
+    summary?: string;
+    /** Write a value in full, for the callout and the spoken text. Default: the house number format (Indian grouping). */
+    formatValue?: (value: number) => string;
+    /** Write a value short, for the axis and the figures on the bars. Default: compact Indian form (1.5L, 2.3Cr). */
+    formatTick?: (value: number) => string;
+    /** Draw each bar's value on it. Default: when there are 7 bars or fewer. */
+    showValues?: boolean;
+    /** Picked bar (controlled); `null` for none. */
+    selection?: number | null;
+    /** Picked bar when uncontrolled. Default none. */
+    defaultSelection?: number | null;
+    /** Called when a bar is picked, or `null` when the picked bar is tapped again. */
+    onSelect?: (index: number | null) => void;
+    /** Haptic tick for each bar a drag crosses and for a tap. `false` turns it off. Default `'tick'`. */
+    haptic?: HapticType | false;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const BarChart: import("react").ForwardRefExoticComponent<BarChartProps & import("react").RefAttributes<RNView>>;
+export { BarChart };
+export default BarChart;
+//# sourceMappingURL=BarChart.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { BarChartDatum, BarChartProps, BarChartTone } from './BarChart';
+export { BarChart, default } from './BarChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/BarChart/scale.d.ts

@@ -0,0 +1,15 @@
+export interface BarScale {
+    /** Lowest value on the axis; never above zero. */
+    min: number;
+    /** Highest value on the axis; never below zero. */
+    max: number;
+    /** Axis ticks from `min` to `max`, on round steps (1, 2 or 5 times a power of ten). */
+    ticks: number[];
+}
+/**
+ * The axis of a bar chart: zero is always on it (a bar's length is its value),
+ * the other end rounds up to a familiar step (0, 5, 10 ...), and values that
+ * are not finite numbers are ignored.
+ */
+export declare const barScale: (values: ReadonlyArray<number>, targetTicks?: number) => BarScale;
+//# sourceMappingURL=scale.d.ts.map

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { ScrollDirection } from '../../hooks/useScrollDirection';
 import type { ShadowScale } from '../../theme/types';
 import type { HapticType } from '../../utils';
 import type { SlotIcon, SlotIconState } from '../AppIcon';
@@ -114,6 +115,11 @@ export interface BottomNavigationCenterAction {
     haptic?: HapticType | false;
     testID?: string;
 }
+/** What the bar tells a function `accessory` when it draws. */
+export interface BottomNavigationAccessoryState {
+    /** True while the bar is minimised: the accessory sits inline beside the tabs. */
+    minimized: boolean;
+}
 export interface BottomNavigationProps {
     tabs: TabConfig[];
     /** A pressable button in the middle of the bar, between the tabs. */
@@ -200,6 +206,32 @@ export interface BottomNavigationProps {
      * Off unless set.
      */
     border?: boolean;
+    /**
+     * Opt in to minimising the bar while the person scrolls down: the labels go
+     * and the bar shrinks to its icons (it never hides), and it restores on
+     * scroll up, on reaching the top, or on a tap on a tab. Needs
+     * `scrollDirection` from the scroll view's `useScrollDirection`. Stays
+     * expanded while a screen reader is on, and snaps with no animation under
+     * Reduce Motion. Off by default.
+     */
+    minimizeOnScroll?: boolean;
+    /**
+     * The scroll view's direction, from `useScrollDirection().direction`. Only
+     * read while `minimizeOnScroll` is set: `down` minimises, `up` and `idle`
+     * (at the top) restore. Default `idle`. A tap on a tab restores the bar
+     * until the direction next changes, so keep one hook per screen: sharing one
+     * across tab screens leaves `down` unchanged when the person returns to
+     * the top of another.
+     */
+    scrollDirection?: ScrollDirection;
+    /**
+     * A compact strip tied to the bar, such as a "clocked in" status. Expanded,
+     * it sits above the tabs across the bar's width; minimised, it moves inline
+     * to the left of the tabs, so keep it small there. Pass a function to draw
+     * a smaller version when `minimized`. Drawn whether or not
+     * `minimizeOnScroll` is set; `testID` gives it `${testID}-accessory`.
+     */
+    accessory?: React.ReactNode | ((state: BottomNavigationAccessoryState) => React.ReactNode);
     style?: StyleProp<ViewStyle>;
     /** Style applied to the active indicator of every variant (pill, line, bubble or expanded pill). */
     indicatorStyle?: StyleProp<ViewStyle>;

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

@@ -1,3 +1,3 @@
-export type { BottomNavigationCenterAction, BottomNavigationElevation, BottomNavigationIndicatorPosition, BottomNavigationIndicatorRadius, BottomNavigationProps, BottomNavigationRadius, BottomNavigationVariant, TabBadge, TabConfig, TabIcon, TabIconProps } from './BottomNavigation';
+export type { BottomNavigationAccessoryState, BottomNavigationCenterAction, BottomNavigationElevation, BottomNavigationIndicatorPosition, BottomNavigationIndicatorRadius, BottomNavigationProps, BottomNavigationRadius, BottomNavigationVariant, TabBadge, TabConfig, TabIcon, TabIconProps } from './BottomNavigation';
 export { BottomNavigation, default } from './BottomNavigation';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/BottomNavigation/useScreenReaderEnabled.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Whether VoiceOver or TalkBack is running. Subscribes only while `active`, so
+ * a bar that never minimises keeps no listener. Always false on web: React
+ * Native Web's `isScreenReaderEnabled` resolves `true` unconditionally and
+ * fires no change event, so it cannot tell a reader from none.
+ */
+export declare const useScreenReaderEnabled: (active: boolean) => boolean;
+//# sourceMappingURL=useScreenReaderEnabled.d.ts.map

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

@@ -14,7 +14,8 @@
  * ref.current?.expand();   // open at first snap point (or `index` prop)
  * ref.current?.expand(2);  // open at specific index
  * ref.current?.collapse(); // animate to smallest snap point
- * ref.current?.close();    // dismiss
+ * ref.current?.close();    // dismiss (never asks `confirmDismiss`)
+ * ref.current?.requestClose(); // dismiss the way a drag or the scrim would: asks first
  */
 import type React from 'react';
 import type { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
@@ -49,6 +50,23 @@ export interface BottomSheetProps {
     onAfterClose?: () => void;
     enablePanDownToClose?: boolean;
     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`)
+     * 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.
+     *
+     * Show the question with a `Dialog` or `OptionSheet` rendered inside this
+     * sheet's children (a second native modal beside the sheet's own does not
+     * present on iOS), and resolve a Promise from its buttons. While a Promise
+     * is pending, further dismissals are ignored, so it must settle. A rejected
+     * Promise leaves the sheet open and surfaces as an unhandled rejection.
+     *
+     * `ref.close()`, `useBottomSheet().close` and a controlled `index={-1}` are
+     * the app's own decision (a Save button, say) and never ask.
+     */
+    confirmDismiss?: () => boolean | Promise<boolean>;
     /**
      * Wrap `children` in a vertical ScrollView sized to the space between header
      * and footer. Off by default; a plain View then holds the content. The sheet
@@ -130,7 +148,19 @@ export interface BottomSheetProps {
 export interface BottomSheetRef {
     expand: (index?: number) => void;
     collapse: () => void;
-    close: () => void;
+    /**
+     * Closes without asking `confirmDismiss`. Resolves once the close has
+     * finished (when `onAfterClose` fires); resolves at once on a sheet that is
+     * not open, and when a reopen overtakes the close or the sheet unmounts.
+     */
+    close: () => Promise<void>;
+    /**
+     * Closes the way a drag or the scrim would: asks `confirmDismiss` first.
+     * Resolves `true` once the sheet has closed (or was not open), `false` when
+     * the dismissal was refused, ignored while another is being decided, or
+     * overtaken by a reopen or unmount.
+     */
+    requestClose: () => Promise<boolean>;
 }
 /**
  * State + actions exposed to anything rendered inside a `<BottomSheet>` —
@@ -148,7 +178,8 @@ export interface BottomSheetContextValue {
     snapPoints: number[];
     expand: (index?: number) => void;
     collapse: () => void;
-    close: () => void;
+    close: () => Promise<void>;
+    requestClose: () => Promise<boolean>;
 }
 /**
  * Access the enclosing `<BottomSheet>`'s state and imperative actions.

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

@@ -1,3 +1,5 @@
 export type { BottomSheetContextValue, BottomSheetPresentation, BottomSheetProps, BottomSheetRef, SnapPoint } from './BottomSheet';
 export { BottomSheet, default, useBottomSheet } from './BottomSheet';
+export type { SheetSwap, SheetSwapOptions } from './useSheetSwap';
+export { useSheetSwap } from './useSheetSwap';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,24 @@
+import type { RefObject } from 'react';
+import type { BottomSheetRef } from './BottomSheet';
+export interface SheetSwapOptions {
+    /** Snap index the next sheet opens at. Defaults to its first snap point. */
+    index?: number;
+    /** Ask the first sheet's `confirmDismiss` before closing it. Off by default (the app chose to swap). */
+    confirm?: boolean;
+}
+export type SheetSwap = (from: RefObject<BottomSheetRef | null>, to: RefObject<BottomSheetRef | null>, options?: SheetSwapOptions) => Promise<boolean>;
+/**
+ * Replaces one bottom sheet with another: closes `from`, waits until it is
+ * fully gone (on iOS, until its native modal window is dismissed, which UIKit
+ * needs before it presents another), then opens `to`. One sheet is on screen
+ * at a time and there is no window where both are mounted.
+ *
+ * Resolves `true` once `to` has been asked to open, `false` when nothing was
+ * swapped: the close was refused or overtaken by a reopen (`confirm: true`),
+ * the component unmounted, `to` is not mounted, or another swap is running.
+ *
+ * const swap = useSheetSwap();
+ * swap(listRef, detailRef, { index: 1 });
+ */
+export declare const useSheetSwap: () => SheetSwap;
+//# sourceMappingURL=useSheetSwap.d.ts.map

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

@@ -2,6 +2,7 @@ import React from 'react';
 import type { GestureResponderEvent, ImageSourcePropType, PressableProps, View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { ColorPalette, GradientDefinition } from '../../theme/types';
 import type { HapticType } from '../../utils/hapticUtils';
+import type { ContextMenuConfig } from '../Menu/useContextMenu';
 export type CardVariant = 'elevated' | 'outlined' | 'filled' | 'flat';
 /** A text action in the card header, drawn with a 44 pt hit target. */
 export interface CardTextAction {
@@ -71,6 +72,14 @@ export interface CardProps extends Omit<PressableProps, 'style' | 'children'> {
     onPress?: (event: GestureResponderEvent) => void;
     /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;
+    /**
+     * A long-press menu. Long press (right-click or Shift+F10 on the web) lifts
+     * the card over a dimmed screen with the menu beside it, and every item is
+     * also a screen reader action on the card. Unavailable items are hidden
+     * unless `unavailable: 'disable'`. The menu takes the long press: an
+     * `onLongPress` passed beside it is not called.
+     */
+    contextMenu?: ContextMenuConfig;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     /** Alias for `style` — applied to the outer card element. */

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

@@ -16,7 +16,10 @@ export interface CheckboxProps extends Omit<PressableProps, 'style' | 'children'
     label?: React.ReactNode;
     /** Secondary line under the label. A string or a node; a node description adds nothing to the accessibility hint. */
     description?: React.ReactNode;
-    /** Error line under the label (and description); also draws the box in the error colour. A string or a node. */
+    /**
+     * Error line under the label (and description); also draws the box in the error colour. A string
+     * or a node; `true` shows the error state without a message.
+     */
     error?: React.ReactNode;
     /**
      * Drawn beside the label, after it (a glossary info button, say). It sits

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

@@ -0,0 +1,61 @@
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { TextInput } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
+export interface ComposerProps {
+    /** Called with the trimmed text; the box clears once it is handed over. */
+    onSend: (text: string) => unknown;
+    /** Controlled draft. Leave unset and the composer keeps its own. */
+    value?: string;
+    onChangeText?: (text: string) => void;
+    placeholder?: string;
+    /** The text box's screen-reader name. Default: `placeholder`. */
+    accessibilityLabel?: string;
+    /** The send button's screen-reader name. Default 'Send'. */
+    sendLabel?: string;
+    /** A reply is arriving: the person can type but not send, and send shows a spinner. */
+    busy?: boolean;
+    /** Nothing can be typed or sent. */
+    disabled?: boolean;
+    maxLength?: number;
+    /** The box grows to this many lines, then scrolls. Default 5. */
+    maxLines?: number;
+    /** Before the box, e.g. an attach button. */
+    leading?: React.ReactNode;
+    /** Between the box and send, e.g. a microphone button. */
+    trailing?: React.ReactNode;
+    /** Inside the bar, above the row: a banner, a "questions left" note. Rides the keyboard too. */
+    above?: React.ReactNode;
+    /** Inside the bar, below the row: a disclaimer. */
+    below?: React.ReactNode;
+    /**
+     * Rides the keyboard (react-native-keyboard-controller's `KeyboardStickyView`).
+     * Default true. Turn it off inside a sheet that already moves with the
+     * keyboard. Pair it with a `MessageList` given the same `keyboardOffset`.
+     */
+    keyboardAware?: boolean;
+    /**
+     * How far below the bar the keyboard's top edge starts: the bottom safe area
+     * the bar pads for, plus anything under it such as a tab bar. Default: the
+     * bottom safe-area inset when `safeArea` is on, else 0.
+     */
+    keyboardOffset?: number;
+    /** Pad the bar for the bottom safe area. Default true; off above a tab bar. */
+    safeArea?: boolean;
+    autoFocus?: boolean;
+    /** Send haptic. Default `'selection'`. */
+    haptic?: HapticType | false;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * The message box of a chat: a text box that grows to `maxLines` and then
+ * scrolls, a send button that is disabled while the trimmed text is empty,
+ * and slots for an attach or microphone button. The return key adds a line,
+ * as phone keyboards expect; only the button sends. By default the bar rides
+ * the keyboard and pads for the bottom safe area, so a chat screen is a
+ * `MessageList` above a `Composer` with no keyboard wiring of its own.
+ */
+export declare const Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<TextInput>>;
+export default Composer;
+//# sourceMappingURL=Composer.d.ts.map

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

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

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

@@ -0,0 +1,37 @@
+import { type DateValue } from '@webority/mobile-core';
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface DateSeparatorLabels {
+    today: string;
+    yesterday: string;
+}
+export declare const DEFAULT_DATE_SEPARATOR_LABELS: Readonly<DateSeparatorLabels>;
+export interface DateSeparatorProps {
+    /** The day to name. An instant is read in the configured zone (IST by default). */
+    date?: DateValue;
+    /** Draws this text instead of a day, e.g. "New messages" above the first unread. */
+    label?: string;
+    /** Draws the text and rules in the brand colour, for an unread divider. */
+    emphasis?: boolean;
+    labels?: Partial<DateSeparatorLabels>;
+    /** The reference for Today and Yesterday. Default: now. */
+    now?: Date;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * "Today", "Yesterday" or "10-Oct-2026" for a day, in the configured zone.
+ * Exported so a list can key its separators on the same text it shows.
+ */
+export declare const dayLabel: (date: DateValue, options?: {
+    now?: Date;
+    labels?: Partial<DateSeparatorLabels>;
+}) => string;
+/**
+ * A centred day name between two hairlines, for a message list. It is a
+ * header to screen readers, so a person can move through a conversation by
+ * day. With `label` and `emphasis` it draws an unread divider instead.
+ */
+export declare const DateSeparator: React.FC<DateSeparatorProps>;
+export default DateSeparator;
+//# sourceMappingURL=DateSeparator.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { DateSeparatorLabels, DateSeparatorProps } from './DateSeparator';
+export { DateSeparator, DEFAULT_DATE_SEPARATOR_LABELS, dayLabel, default } from './DateSeparator';
+//# sourceMappingURL=index.d.ts.map

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

@@ -25,7 +25,7 @@ export interface FileViewerProps {
     accessibilityLabel?: string;
 }
 /**
- * Renders a PDF via our own native rasterizer (PDFKit on iOS, PdfRenderer on
+ * Renders a PDF via our own native rasterizer (Core Graphics on iOS, PdfRenderer on
  * Android) — no third-party PDF dependency. Pages are paged through a plain
  * `ScrollView` with manual windowed mounting (render the visible page ±
  * `RENDER_WINDOW`), not a `FlatList` — a `VirtualizedList`-based component