@webority/mobile-ui 0.10.0 → 0.11.0

package/lib/module/components/SegmentedControl/SegmentedControl.js

@@ -1 +1 @@
-"use strict";import{forwardRef,useCallback,useEffect,useMemo,useRef,useState}from"react";import{Animated,Pressable,StyleSheet,Text,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{renderSlotIcon}from"../AppIcon/slotIcon.js";import{FieldLabel,FieldMessage,hasFieldText}from"../FieldBase/index.js";import{SquircleFill,useSquircle}from"../SquircleFill/SquircleFill.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const segmentedControlSizes={sm:{height:32,fontSize:12,paddingHorizontal:10,iconSize:14},md:{height:40,fontSize:14,paddingHorizontal:14,iconSize:16},lg:{height:48,fontSize:16,paddingHorizontal:18,iconSize:18}};export const segmentedControlTrackPadding=4;const LABEL_LINE_HEIGHT_RATIO=1.25,sizeMap=segmentedControlSizes,TRACK_PADDING=4,SegmentedControl=forwardRef((e,t)=>{const{segments:i,label:o,helperText:l,error:r,value:s,defaultValue:n,onChange:a,size:d="md",fullWidth:c=!0,disabled:m=!1,tone:u="primary",variant:g="segmented",radius:h,labelLines:p=1,haptic:f,accessibilityLabel:b,style:S,containerStyle:x,segmentStyle:y,selectedIndicatorStyle:z,textStyle:v,labelStyle:C,testID:j}=e,[w,I]=useControllableState({value:s,defaultValue:n??i[0]?.value,onChange:a}),k=useTheme(),H=k.components.segmentedControl,L=useMemo(()=>buildStyles(k),[k]),_=sizeMap[d],F={height:H?.[d]?.height??_.height,fontSize:H?.[d]?.fontSize??_.fontSize,paddingHorizontal:H?.[d]?.paddingHorizontal??_.paddingHorizontal,iconSize:H?.[d]?.iconSize??_.iconSize},M=p>=2?2:1,T=M>1,V="segmented"===g,A="underline"===g,R="pills"===g,D=V?H?.trackPadding??4:0,E=Math.ceil(1.25*F.fontSize)*(M-1),P=H?.underlineHeight??2,q=H?.pillInset??4,W="number"==typeof h?h:h?k.radius[h]:H?.radius,B=W??k.radius.md,N=void 0===W?k.radius.sm:Math.max(W-D,0),G=W??k.radius.full,O=W??0,[K,X]=useState(0),J=useRef(createAnimatedValue(0)).current,Q=Math.max(0,i.findIndex(e=>e.value===w)),U=K>0?(K-2*D)/Math.max(i.length,1):0,Y=useCallback((e,t)=>{if(t<=0)return;const i=t*e,o=k.motion.spring.snappy,l=Animated.spring(J,{toValue:i,damping:o.damping,stiffness:o.stiffness,mass:o.mass,overshootClamping:!0,useNativeDriver:!0});return l.start(),l},[k.motion.spring.snappy,J]);useEffect(()=>{if(U>0){const e=Y(Q,U);return()=>e?.stop()}},[Q,U,Y]);const Z=useCallback(e=>{const t=e.nativeEvent.layout.width;t!==K&&X(t)},[K]),$=useCallback(e=>{if(m)return;if(e.value===w)return;const t=resolveHaptic(f,"selection");t&&triggerHaptic(t),I(e.value)},[m,I,w,f]),ee=V?k.colors.background.elevated:R?k.colors.primaryMuted:k.colors.primary,te=V?N:R?G:O,ie="neutral"===u?k.colors.text.primary:k.colors.primary,oe=k.colors.background.tertiary,le=useSquircle(V,B,Z),re=hasFieldText(o),se=hasFieldText(r)?r:l,ne=hasFieldText(se),ae=_jsxs(View,{ref:t,accessibilityRole:"radiogroup",accessibilityLabel:b??("string"==typeof o?o:void 0),testID:j,style:[L.track,{...T?{minHeight:F.height+E}:{height:F.height},opacity:m?.55:1,alignSelf:c?"stretch":"flex-start"},V?{borderRadius:B,...smoothCorners,backgroundColor:le.active?"transparent":oe,padding:D}:A?{borderBottomColor:k.colors.border.secondary,borderBottomWidth:StyleSheet.hairlineWidth}:null,x,S],onLayout:le.onLayout,children:[le.active&&le.size?_jsx(SquircleFill,{width:le.size.width,height:le.size.height,radius:B,fill:oe}):null,_jsxs(View,{style:L.row,children:[U>0?_jsx(Animated.View,{pointerEvents:"none",style:[L.thumb,V?T?{top:0,bottom:0}:{top:0,height:F.height-2*D}:R?{top:q,bottom:q}:{bottom:0,height:P},{width:U,borderRadius:te,...smoothCorners,backgroundColor:ee,transform:[{translateX:J}]},z]}):null,i.map(e=>{const t=e.value===w,i=t?ie:k.colors.text.tertiary,o=renderSlotIcon(e.icon,{color:i,size:F.iconSize,selected:t,disabled:m});return _jsxs(Pressable,{onPress:()=>$(e),disabled:m,accessibilityRole:"radio",accessibilityLabel:e.label,accessibilityState:{checked:t,selected:t,disabled:m},"aria-checked":t,"aria-disabled":m,style:({pressed:e})=>[L.segment,T?L.segmentMultiline:null,{paddingHorizontal:F.paddingHorizontal,opacity:e&&!t?.7:1},y],children:[o?_jsx(View,{style:L.segmentIcon,children:o}):null,_jsx(Text,{style:[L.segmentLabel,T?L.segmentLabelMultiline:null,{color:i,fontSize:F.fontSize,fontWeight:t?k.typography.fontWeight.semibold:k.typography.fontWeight.medium},v,C],numberOfLines:M,children:e.label})]},String(e.value))})]})]});return re||ne?_jsxs(View,{style:{alignSelf:c?"stretch":"flex-start"},children:[re?_jsx(FieldLabel,{size:d,children:o}):null,ae,ne?_jsx(FieldMessage,{size:d,text:se,error:hasFieldText(r)}):null]}):ae});SegmentedControl.displayName="SegmentedControl";const buildStyles=e=>StyleSheet.create({track:{flexDirection:"row",alignItems:"stretch",position:"relative"},row:{flex:1,flexDirection:"row",alignItems:"stretch",position:"relative",overflow:"hidden"},thumb:{position:"absolute",left:0},segment:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},segmentIcon:{marginRight:6},segmentMultiline:{paddingVertical:6},segmentLabel:{includeFontPadding:!1},segmentLabelMultiline:{flexShrink:1,textAlign:"center"}});export{SegmentedControl};export default SegmentedControl;
+"use strict";import{forwardRef,useCallback,useEffect,useMemo,useRef,useState}from"react";import{Animated,Pressable,StyleSheet,Text,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{renderSlotIcon}from"../AppIcon/slotIcon.js";import{FieldLabel,FieldMessage,hasFieldText}from"../FieldBase/index.js";import{SquircleFill,useSquircle}from"../SquircleFill/SquircleFill.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const segmentedControlSizes={sm:{height:32,fontSize:12,paddingHorizontal:10,iconSize:14},md:{height:40,fontSize:14,paddingHorizontal:14,iconSize:16},lg:{height:48,fontSize:16,paddingHorizontal:18,iconSize:18}};export const segmentedControlTrackPadding=4;const LABEL_LINE_HEIGHT_RATIO=1.25,sizeMap=segmentedControlSizes,TRACK_PADDING=4,SegmentedControl=forwardRef((e,t)=>{const{segments:i,label:o,helperText:r,error:l,value:s,defaultValue:n,onChange:a,size:d="md",fullWidth:c=!0,disabled:u=!1,tone:m="primary",variant:h="segmented",radius:g,labelLines:p=1,haptic:f,accessibilityLabel:b,style:S,containerStyle:y,segmentStyle:x,selectedIndicatorStyle:z,textStyle:v,labelStyle:C,testID:j}=e,[w,k]=useControllableState({value:s,defaultValue:n??i[0]?.value,onChange:a}),I=useTheme(),_=I.components.segmentedControl,H=useMemo(()=>buildStyles(I),[I]),L=sizeMap[d],F={height:_?.[d]?.height??L.height,fontSize:_?.[d]?.fontSize??L.fontSize,paddingHorizontal:_?.[d]?.paddingHorizontal??L.paddingHorizontal,iconSize:_?.[d]?.iconSize??L.iconSize},M=p>=2?2:1,T=M>1,V="segmented"===h,R="underline"===h,A="pills"===h,E=V?_?.trackPadding??4:0,D=Math.ceil(1.25*F.fontSize)*(M-1),W=_?.underlineHeight??2,P=_?.pillInset??4,q="number"==typeof g?g:g?I.radius[g]:_?.radius,B=q??I.radius.md,N=void 0===q?I.radius.sm:Math.max(q-E,0),G=q??I.radius.full,O=q??0,[K,X]=useState(0),J=useRef(createAnimatedValue(0)).current,Q=Math.max(0,i.findIndex(e=>e.value===w)),U=K>0?(K-2*E)/Math.max(i.length,1):0,Y=useCallback((e,t)=>{if(t<=0)return;const i=t*e,o=I.motion.spring.snappy,r=Animated.spring(J,{toValue:i,damping:o.damping,stiffness:o.stiffness,mass:o.mass,overshootClamping:!0,useNativeDriver:!0});return r.start(),r},[I.motion.spring.snappy,J]);useEffect(()=>{if(U>0){const e=Y(Q,U);return()=>e?.stop()}},[Q,U,Y]);const Z=useCallback(e=>{const t=e.nativeEvent.layout.width;t!==K&&X(t)},[K]),$=useCallback(e=>{if(u)return;if(e.value===w)return;const t=resolveHaptic(f,"selection");t&&triggerHaptic(t),k(e.value)},[u,k,w,f]),ee=V?I.colors.background.elevated:A?I.colors.primaryMuted:I.colors.primary,te=V?N:A?G:O,ie="neutral"===m?I.colors.text.primary:I.colors.primary,oe=I.colors.background.tertiary,re=useSquircle(V,B,Z),le=!0===l||hasFieldText(l),se=le&&!u,ne=I.colors.field.borderError,ae=I.colors.border.width,de=hasFieldText(o),ce=le?l:r,ue=hasFieldText(ce),me=_jsxs(View,{ref:t,accessibilityRole:"radiogroup",accessibilityLabel:b??("string"==typeof o?o:void 0),testID:j,style:[H.track,{...T?{minHeight:F.height+D}:{height:F.height},opacity:u?.55:1,alignSelf:c?"stretch":"flex-start"},V?{borderRadius:B,...smoothCorners,backgroundColor:re.active?"transparent":oe,padding:E}:R?{borderBottomColor:se?ne:I.colors.border.secondary,borderBottomWidth:StyleSheet.hairlineWidth}:null,y,S],onLayout:re.onLayout,children:[re.active&&re.size?_jsx(SquircleFill,{width:re.size.width,height:re.size.height,radius:B,fill:oe,stroke:se?ne:void 0,strokeWidth:ae}):null,_jsxs(View,{style:H.row,children:[U>0?_jsx(Animated.View,{pointerEvents:"none",style:[H.thumb,V?T?{top:0,bottom:0}:{top:0,height:F.height-2*E}:A?{top:P,bottom:P}:{bottom:0,height:W},{width:U,borderRadius:te,...smoothCorners,backgroundColor:ee,transform:[{translateX:J}]},z]}):null,i.map(e=>{const t=e.value===w,i=t?ie:I.colors.text.tertiary,o=renderSlotIcon(e.icon,{color:i,size:F.iconSize,selected:t,disabled:u});return _jsxs(Pressable,{onPress:()=>$(e),disabled:u,accessibilityRole:"radio",accessibilityLabel:e.label,accessibilityState:{checked:t,selected:t,disabled:u},"aria-checked":t,"aria-disabled":u,style:({pressed:e})=>[H.segment,T?H.segmentMultiline:null,{paddingHorizontal:F.paddingHorizontal,opacity:e&&!t?.7:1},x],children:[o?_jsx(View,{style:H.segmentIcon,children:o}):null,_jsx(Text,{style:[H.segmentLabel,T?H.segmentLabelMultiline:null,{color:i,fontSize:F.fontSize,fontWeight:t?I.typography.fontWeight.semibold:I.typography.fontWeight.medium},v,C],numberOfLines:M,children:e.label})]},String(e.value))})]}),!se||R||re.active?null:_jsx(View,{pointerEvents:"none",style:[StyleSheet.absoluteFill,{borderWidth:ae,borderColor:ne,borderRadius:V?B:G,...smoothCorners}]})]});return de||ue?_jsxs(View,{style:{alignSelf:c?"stretch":"flex-start"},children:[de?_jsx(FieldLabel,{size:d,children:o}):null,me,ue?_jsx(FieldMessage,{size:d,text:ce,error:le}):null]}):me});SegmentedControl.displayName="SegmentedControl";const buildStyles=e=>StyleSheet.create({track:{flexDirection:"row",alignItems:"stretch",position:"relative"},row:{flex:1,flexDirection:"row",alignItems:"stretch",position:"relative",overflow:"hidden"},thumb:{position:"absolute",left:0},segment:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},segmentIcon:{marginRight:6},segmentMultiline:{paddingVertical:6},segmentLabel:{includeFontPadding:!1},segmentLabelMultiline:{flexShrink:1,textAlign:"center"}});export{SegmentedControl};export default SegmentedControl;

package/lib/module/components/Select/Select.js

@@ -1 +1 @@
-"use strict";import{forwardRef,useCallback,useMemo,useState}from"react";import{StyleSheet,Text,View}from"react-native";import{useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{renderSlotIcon}from"../AppIcon/slotIcon.js";import{Chevron}from"../FieldBase/Chevron.js";import{FieldBase,FieldLabel,FieldMessage,fieldTextAsString,hasFieldText,RequiredMark,resolveFieldSize,resolveFieldTextStyle,resolveVariantColors}from"../FieldBase/FieldBase.js";import{NotationInkContext}from"../Notation/Notation.js";import{OptionSheet}from"../OptionSheet/OptionSheet.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const sameSelectValue=(e,t)=>String(e)===String(t),containsValue=(e,t)=>e.some(e=>sameSelectValue(e,t)),Select=forwardRef((e,t)=>{const{options:l,getOptionLabel:i,getOptionValue:o,getOptionDisabled:r,getOptionDescription:n,getOptionIcon:s,placeholder:a,searchable:d=!1,haptic:c,label:u,help:p,title:f,required:S=!1,error:h,helperText:x,prefix:b,numberOfLines:g=1,disabled:m=!1,size:v="md",variant:y,leftIcon:j,rightIcon:C,chevronColor:F,chevronSize:k,borderRadius:z,accessibilityLabel:O,labelStyle:T,style:V,triggerStyle:_,textStyle:I,optionStyle:H,selectedOptionStyle:R,optionTextStyle:w,selectedOptionTextStyle:L,testID:M}=e,N=!0===e.multi,D=useCallback(e=>i?i(e):e.label??"",[i]),P=useCallback(e=>o?o(e):e.value,[o]),B=useCallback(e=>r?r(e):!0===e.disabled,[r]),q=useCallback(e=>n?n(e):e.description,[n]),A=useCallback(e=>s?s(e):e.icon,[s]),E=useTheme(),$=useMemo(()=>buildStyles(E),[E]),G=resolveFieldSize(E,v),J=resolveFieldTextStyle(E,{disabled:m}),K=y??E.components.select?.defaultVariant??E.components.field?.defaultVariant??"outlined",Q=useMemo(()=>{const e=E.components.select?.fillColors?.[K];if(!e)return;const t={};return void 0!==e.idleEmpty&&(t.backgroundIdleEmpty=e.idleEmpty),void 0!==e.idleFilled&&(t.backgroundIdleFilled=e.idleFilled),void 0!==e.focus&&(t.backgroundFocused=e.focus),void 0!==e.error&&(t.backgroundError=e.error),void 0!==e.disabled&&(t.backgroundDisabled=e.disabled),Object.keys(t).length>0?t:void 0},[E.components.select?.fillColors,K]),U=z??E.components.select?.borderRadius,[W,X]=useState(!1),Y=useCallback(t=>{if(N){const l=e.value??[];return containsValue(l,t)}return null!=e.value&&sameSelectValue(e.value,t)},[N,e.value]),Z=useMemo(()=>{if(N){const t=e.value??[];return l.filter(e=>containsValue(t,P(e)))}const t=e.value;if(null==t)return[];const i=l.find(e=>sameSelectValue(P(e),t));return i?[i]:[]},[N,l,e.value,P]),ee=useCallback(()=>{if(m)return;const e=resolveHaptic(c,"selection");e&&triggerHaptic(e),X(!0)},[m,c]),te=useCallback(()=>{X(!1)},[]),le=useCallback(t=>{if(B(t))return;const l=P(t),i=resolveHaptic(c,"selection");if(i&&triggerHaptic(i),N){const t=e.value??[],i=containsValue(t,l)?t.filter(e=>!sameSelectValue(e,l)):[...t,l];return void e.onChange(i)}e.onChange(l),te()},[N,e,te,B,P,c]),ie=0===Z.length?a??"Select…":Z.map(e=>D(e)).join(", "),oe=0===Z.length,re=!0===h||hasFieldText(h),ne=hasFieldText(u),se=fieldTextAsString(u),ae=Math.round(1.4*G.fontSize),de=useMemo(()=>({fontSize:G.fontSize,color:J.placeholderColor}),[G.fontSize,J.placeholderColor]),ce={color:m?E.colors.field.iconDisabled:W?E.colors.field.iconFocused:E.colors.field.icon,size:G.iconSize,disabled:m,focused:W,error:re},ue=0===Z.length?a??"No selection":`Selected: ${Z.map(e=>D(e)).join(", ")}`,pe=O??`${se??"Select"}. ${ue}`;return _jsxs(View,{style:[$.container,V],testID:M,children:[ne?_jsx(FieldLabel,{size:v,required:S,help:p,style:T,children:u}):null,_jsx(View,{ref:t,collapsable:!1,children:_jsxs(FieldBase,{size:v,variant:K,disabled:m,error:re,filled:Z.length>0,onPress:ee,borderRadius:U,fillOverrides:Q,paddingHorizontal:"underline"===K?0:void 0,accessibilityRole:"button",accessibilityLabel:pe,accessibilityState:{disabled:m,expanded:W},"aria-disabled":m,"aria-expanded":W,style:_,slotAlign:1===g?"center":"top",slotLineHeight:1===g?void 0:ae,leading:j?_jsx(View,{children:renderSlotIcon(j,ce)}):null,trailing:C?_jsx(View,{children:renderSlotIcon(C,ce)}):_jsx(Chevron,{color:F??(m?E.colors.text.disabled:E.colors.text.tertiary),size:k??G.iconSize,open:W,style:$.chevron}),children:[hasFieldText(b)?"string"==typeof b||"number"==typeof b?_jsx(Text,{style:[$.prefix,{color:J.placeholderColor,fontSize:G.fontSize,lineHeight:1===g?void 0:ae,marginRight:E.spacing.xs}],children:b}):_jsx(View,{style:[$.prefixNode,{minHeight:1===g?void 0:ae,justifyContent:"center",marginRight:E.spacing.xs}],children:_jsx(Text,{style:[$.prefix,{color:J.placeholderColor,fontSize:G.fontSize,lineHeight:1===g?void 0:ae}],children:_jsx(NotationInkContext.Provider,{value:de,children:b})})}):null,_jsxs(Text,{style:[$.triggerText,{color:oe?J.placeholderColor:J.color,fontSize:G.fontSize,lineHeight:1===g?void 0:ae,...J.weightStyle},I],numberOfLines:g,children:[ie,oe&&S&&!ne?_jsx(RequiredMark,{}):null]})]})}),_jsx(FieldMessage,{size:v,error:re,text:re?h:x}),_jsx(OptionSheet,{open:W,onClose:te,title:f??se,accessibilityLabel:se??(ne?f:void 0)??a??"Options",options:l,labelOf:D,getValue:P,disabledOf:B,descriptionOf:q,iconOf:A,isSelected:Y,onSelect:le,multi:N,searchable:d,optionStyle:H,selectedOptionStyle:R,optionTextStyle:w,selectedOptionTextStyle:L,searchSelectionColor:resolveVariantColors(E,K,Q).borderFocusedRepresentative})]})});Select.displayName="Select";const buildStyles=e=>StyleSheet.create({container:{width:"100%"},label:{includeFontPadding:!1},triggerText:{flex:1,includeFontPadding:!1},errorText:{includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},chevron:{marginLeft:8}});export{Select};export default Select;
+"use strict";import{forwardRef,useCallback,useMemo,useState}from"react";import{StyleSheet,Text,View}from"react-native";import{useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{renderSlotIcon}from"../AppIcon/slotIcon.js";import{Chevron}from"../FieldBase/Chevron.js";import{FieldBase,FieldLabel,FieldMessage,fieldTextAsString,hasFieldText,RequiredMark,resolveFieldSize,resolveFieldTextStyle,resolveVariantColors}from"../FieldBase/FieldBase.js";import{NotationInkContext}from"../Notation/Notation.js";import{OptionSheet}from"../OptionSheet/OptionSheet.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const sameSelectValue=(e,t)=>String(e)===String(t),containsValue=(e,t)=>e.some(e=>sameSelectValue(e,t)),Select=forwardRef((e,t)=>{const{options:l,getOptionLabel:i,getOptionValue:o,getOptionDisabled:r,getOptionDescription:n,getOptionIcon:s,placeholder:a,onOpenChange:d,searchable:c=!1,haptic:u,label:p,help:f,title:S,required:h=!1,error:x,helperText:g,prefix:b,numberOfLines:m=1,disabled:v=!1,size:y="md",variant:C,leftIcon:j,rightIcon:F,chevronColor:O,chevronSize:k,borderRadius:z,accessibilityLabel:T,labelStyle:V,style:_,triggerStyle:I,textStyle:H,optionStyle:R,selectedOptionStyle:w,optionTextStyle:L,selectedOptionTextStyle:M,testID:N}=e,D=!0===e.multi,P=useCallback(e=>i?i(e):e.label??"",[i]),B=useCallback(e=>o?o(e):e.value,[o]),q=useCallback(e=>r?r(e):!0===e.disabled,[r]),A=useCallback(e=>n?n(e):e.description,[n]),E=useCallback(e=>s?s(e):e.icon,[s]),$=useTheme(),G=useMemo(()=>buildStyles($),[$]),J=resolveFieldSize($,y),K=resolveFieldTextStyle($,{disabled:v}),Q=C??$.components.select?.defaultVariant??$.components.field?.defaultVariant??"outlined",U=useMemo(()=>{const e=$.components.select?.fillColors?.[Q];if(!e)return;const t={};return void 0!==e.idleEmpty&&(t.backgroundIdleEmpty=e.idleEmpty),void 0!==e.idleFilled&&(t.backgroundIdleFilled=e.idleFilled),void 0!==e.focus&&(t.backgroundFocused=e.focus),void 0!==e.error&&(t.backgroundError=e.error),void 0!==e.disabled&&(t.backgroundDisabled=e.disabled),Object.keys(t).length>0?t:void 0},[$.components.select?.fillColors,Q]),W=z??$.components.select?.borderRadius,[X,Y]=useState(!1),Z=useCallback(t=>{if(D){const l=e.value??[];return containsValue(l,t)}return null!=e.value&&sameSelectValue(e.value,t)},[D,e.value]),ee=useMemo(()=>{if(D){const t=e.value??[];return l.filter(e=>containsValue(t,B(e)))}const t=e.value;if(null==t)return[];const i=l.find(e=>sameSelectValue(B(e),t));return i?[i]:[]},[D,l,e.value,B]),te=useCallback(()=>{if(v)return;const e=resolveHaptic(u,"selection");e&&triggerHaptic(e),Y(!0)},[v,u]),le=useCallback(()=>{Y(!1)},[]),ie=useCallback(t=>{if(q(t))return;const l=B(t),i=resolveHaptic(u,"selection");if(i&&triggerHaptic(i),D){const t=e.value??[],i=containsValue(t,l)?t.filter(e=>!sameSelectValue(e,l)):[...t,l];return void e.onChange(i)}e.onChange(l),le()},[D,e,le,q,B,u]),oe=0===ee.length?a??"Select…":ee.map(e=>P(e)).join(", "),re=0===ee.length,ne=!0===x||hasFieldText(x),se=hasFieldText(p),ae=fieldTextAsString(p),de=Math.round(1.4*J.fontSize),ce=useMemo(()=>({fontSize:J.fontSize,color:K.placeholderColor}),[J.fontSize,K.placeholderColor]),ue={color:v?$.colors.field.iconDisabled:X?$.colors.field.iconFocused:$.colors.field.icon,size:J.iconSize,disabled:v,focused:X,error:ne},pe=0===ee.length?a??"No selection":`Selected: ${ee.map(e=>P(e)).join(", ")}`,fe=T??`${ae??"Select"}. ${pe}`;return _jsxs(View,{style:[G.container,_],testID:N,children:[se?_jsx(FieldLabel,{size:y,required:h,help:f,style:V,children:p}):null,_jsx(View,{ref:t,collapsable:!1,children:_jsxs(FieldBase,{size:y,variant:Q,disabled:v,error:ne,filled:ee.length>0,onPress:te,borderRadius:W,fillOverrides:U,paddingHorizontal:"underline"===Q?0:void 0,accessibilityRole:"button",accessibilityLabel:fe,accessibilityState:{disabled:v,expanded:X},"aria-disabled":v,"aria-expanded":X,style:I,slotAlign:1===m?"center":"top",slotLineHeight:1===m?void 0:de,leading:j?_jsx(View,{children:renderSlotIcon(j,ue)}):null,trailing:F?_jsx(View,{children:renderSlotIcon(F,ue)}):_jsx(Chevron,{color:O??(v?$.colors.text.disabled:$.colors.text.tertiary),size:k??J.iconSize,open:X,style:G.chevron}),children:[hasFieldText(b)?"string"==typeof b||"number"==typeof b?_jsx(Text,{style:[G.prefix,{color:K.placeholderColor,fontSize:J.fontSize,lineHeight:1===m?void 0:de,marginRight:$.spacing.xs}],children:b}):_jsx(View,{style:[G.prefixNode,{minHeight:1===m?void 0:de,justifyContent:"center",marginRight:$.spacing.xs}],children:_jsx(Text,{style:[G.prefix,{color:K.placeholderColor,fontSize:J.fontSize,lineHeight:1===m?void 0:de}],children:_jsx(NotationInkContext.Provider,{value:ce,children:b})})}):null,_jsxs(Text,{style:[G.triggerText,{color:re?K.placeholderColor:K.color,fontSize:J.fontSize,lineHeight:1===m?void 0:de,...K.weightStyle},H],numberOfLines:m,children:[oe,re&&h&&!se?_jsx(RequiredMark,{}):null]})]})}),_jsx(FieldMessage,{size:y,error:ne,text:ne?x:g}),_jsx(OptionSheet,{open:X,onClose:le,onOpenChange:d,title:S??ae,accessibilityLabel:ae??(se?S:void 0)??a??"Options",options:l,labelOf:P,getValue:B,disabledOf:q,descriptionOf:A,iconOf:E,isSelected:Z,onSelect:ie,multi:D,searchable:c,optionStyle:R,selectedOptionStyle:w,optionTextStyle:L,selectedOptionTextStyle:M,searchSelectionColor:resolveVariantColors($,Q,U).borderFocusedRepresentative})]})});Select.displayName="Select";const buildStyles=e=>StyleSheet.create({container:{width:"100%"},label:{includeFontPadding:!1},triggerText:{flex:1,includeFontPadding:!1},errorText:{includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},chevron:{marginLeft:8}});export{Select};export default Select;

package/lib/module/components/Switch/Switch.js

@@ -1 +1 @@
-"use strict";import{forwardRef,useEffect,useMemo,useRef}from"react";import{Animated,Easing,Pressable,StyleSheet,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{triggerHaptic}from"../../utils/hapticUtils.js";import{ChoiceText,hasChoiceDetail}from"../FieldBase/ChoiceText.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const sizeMap={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}},toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"error":return e.colors.error;default:return e.colors.primary}},Switch=forwardRef((e,t)=>{const{value:i,defaultValue:s,onChange:r,disabled:a=!1,size:o="md",tone:n="primary",label:c,description:l,error:d,labelLines:u,layout:m="inline",accessibilityLabel:h,haptic:p="selection",bounce:b=!1,style:f,containerStyle:g,trackStyle:y,thumbStyle:w,testID:x,...S}=e,[C,k]=useControllableState({value:i,defaultValue:s??!1,onChange:r}),j=useTheme(),R={...sizeMap[o],...j.components.switch?.[o]??{}},v=j.components.switch?.thumbColor??"#FFFFFF",V=useMemo(()=>buildStyles(j),[j]),A="dark"===j.mode?j.colors.secondary:j.colors.surface.disabled,D=toneColor(j,n),H=useRef(createAnimatedValue(C?1:0)).current;useEffect(()=>{const e=Animated.spring(H,{toValue:C?1:0,damping:j.motion.spring.snappy.damping,stiffness:j.motion.spring.snappy.stiffness,mass:j.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[C,H,j.motion.spring.snappy]);const T=useRef(createAnimatedValue(C?1:0)).current;useEffect(()=>{const e=Animated.timing(T,{toValue:C?1:0,duration:j.motion.duration.fast,easing:Easing.out(Easing.ease),useNativeDriver:!1});return e.start(),()=>e.stop()},[C,T,j.motion.duration.fast]);const z=R.padding,_=R.trackWidth-R.thumbSize-R.padding,L=H.interpolate({inputRange:[0,1],outputRange:[z,_]}),E=T.interpolate({inputRange:[0,1],outputRange:[A,D]}),F=useRef(createAnimatedValue(1)).current,P=useRef(!0);useEffect(()=>{if(!b)return;if(P.current)return void(P.current=!1);const e=Animated.sequence([Animated.spring(F,{toValue:1.15,damping:10,stiffness:220,mass:1,useNativeDriver:!0}),Animated.spring(F,{toValue:1,damping:14,stiffness:240,mass:1,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[C,b,F]);const handlePress=e=>{a||(!1!==p&&triggerHaptic(p),k(!C),S.onPressOut?.(e))},I=h??c,N=Boolean(c)||hasChoiceDetail(l,d),W="row"===m&&N,M=_jsx(Animated.View,{style:[V.track,{width:R.trackWidth,height:R.trackHeight,borderRadius:R.trackHeight/2,...smoothCorners,backgroundColor:E},y],children:_jsx(Animated.View,{style:[V.thumb,j.shadows.sm,{backgroundColor:v,width:R.thumbSize,height:R.thumbSize,borderRadius:R.thumbSize/2,...smoothCorners,transform:[{translateX:L},{scale:F}]},w]})});if(W)return _jsxs(Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:I,accessibilityHint:S.accessibilityHint??l,accessibilityState:{checked:C,disabled:a},"aria-checked":C,"aria-disabled":a,testID:x,...S,style:({pressed:e})=>[V.row,V.spreadRow,hasChoiceDetail(l,d)?V.rowTop:null,{opacity:a?.55:e?.9:1},g,f],children:[_jsx(ChoiceText,{label:c,description:l,error:d,disabled:a,labelLines:u||void 0,descriptionLines:u||void 0,style:V.spreadText}),M]});const B=_jsx(Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:I,accessibilityHint:S.accessibilityHint??l,accessibilityState:{checked:C,disabled:a},"aria-checked":C,"aria-disabled":a,testID:x,hitSlop:8,...S,style:({pressed:e})=>[{opacity:a?.55:e?.9:1},N?null:f],children:M});return N?_jsxs(View,{style:[V.row,hasChoiceDetail(l,d)?V.rowTop:null,g,f],children:[B,_jsx(ChoiceText,{label:c,description:l,error:d,disabled:a,labelLines:u||void 0,descriptionLines:u||void 0,style:V.text})]}):g?_jsx(View,{style:g,children:B}):B});Switch.displayName="Switch";const buildStyles=e=>StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},track:{justifyContent:"center"},thumb:{position:"absolute",top:2},rowTop:{alignItems:"flex-start"},text:{marginLeft:10},spreadRow:{minHeight:44,justifyContent:"space-between"},spreadText:{flex:1,marginRight:12}});export{Switch};export default Switch;
+"use strict";import{forwardRef,useEffect,useMemo,useRef}from"react";import{Animated,Easing,Pressable,StyleSheet,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{triggerHaptic}from"../../utils/hapticUtils.js";import{ChoiceText,hasChoiceDetail}from"../FieldBase/ChoiceText.js";import{fieldTextAsString,hasFieldText}from"../FieldBase/FieldBase.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const sizeMap={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}},toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"error":return e.colors.error;default:return e.colors.primary}},Switch=forwardRef((e,t)=>{const{value:i,defaultValue:s,onChange:r,disabled:a=!1,size:o="md",tone:n="primary",label:l,description:c,error:d,labelLines:u,layout:h="inline",accessibilityLabel:m,haptic:p="selection",bounce:b=!1,style:f,containerStyle:g,trackStyle:y,thumbStyle:x,testID:w,...S}=e,[C,j]=useControllableState({value:i,defaultValue:s??!1,onChange:r}),k=useTheme(),R={...sizeMap[o],...k.components.switch?.[o]??{}},T=k.components.switch?.thumbColor??"#FFFFFF",v=useMemo(()=>buildStyles(k),[k]),A="dark"===k.mode?k.colors.secondary:k.colors.surface.disabled,V=toneColor(k,n),F=useRef(createAnimatedValue(C?1:0)).current;useEffect(()=>{const e=Animated.spring(F,{toValue:C?1:0,damping:k.motion.spring.snappy.damping,stiffness:k.motion.spring.snappy.stiffness,mass:k.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[C,F,k.motion.spring.snappy]);const H=useRef(createAnimatedValue(C?1:0)).current;useEffect(()=>{const e=Animated.timing(H,{toValue:C?1:0,duration:k.motion.duration.fast,easing:Easing.out(Easing.ease),useNativeDriver:!1});return e.start(),()=>e.stop()},[C,H,k.motion.duration.fast]);const D=R.padding,_=R.trackWidth-R.thumbSize-R.padding,z=F.interpolate({inputRange:[0,1],outputRange:[D,_]}),E=H.interpolate({inputRange:[0,1],outputRange:[A,V]}),L=useRef(createAnimatedValue(1)).current,P=useRef(!0);useEffect(()=>{if(!b)return;if(P.current)return void(P.current=!1);const e=Animated.sequence([Animated.spring(L,{toValue:1.15,damping:10,stiffness:220,mass:1,useNativeDriver:!0}),Animated.spring(L,{toValue:1,damping:14,stiffness:240,mass:1,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[C,b,L]);const handlePress=e=>{a||(!1!==p&&triggerHaptic(p),j(!C),S.onPressOut?.(e))},W=m??fieldTextAsString(l),I=hasFieldText(l)||hasChoiceDetail(c,d),N=(!0===d||hasFieldText(d))&&!C&&!a,M="row"===h&&I,B=_jsxs(Animated.View,{style:[v.track,{width:R.trackWidth,height:R.trackHeight,borderRadius:R.trackHeight/2,...smoothCorners,backgroundColor:E},y],children:[N?_jsx(View,{pointerEvents:"none",style:[v.errorRing,{borderRadius:R.trackHeight/2,...smoothCorners,borderWidth:k.colors.border.width,borderColor:k.colors.field.borderError}]}):null,_jsx(Animated.View,{style:[v.thumb,k.shadows.sm,{backgroundColor:T,width:R.thumbSize,height:R.thumbSize,borderRadius:R.thumbSize/2,...smoothCorners,transform:[{translateX:z},{scale:L}]},x]})]});if(M)return _jsxs(Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:W,accessibilityHint:S.accessibilityHint??fieldTextAsString(c),accessibilityState:{checked:C,disabled:a},"aria-checked":C,"aria-disabled":a,testID:w,...S,style:({pressed:e})=>[v.row,v.spreadRow,hasChoiceDetail(c,d)?v.rowTop:null,{opacity:a?.55:e?.9:1},g,f],children:[_jsx(ChoiceText,{label:l,description:c,error:d,disabled:a,labelLines:u||void 0,descriptionLines:u||void 0,style:v.spreadText}),B]});const q=_jsx(Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:W,accessibilityHint:S.accessibilityHint??fieldTextAsString(c),accessibilityState:{checked:C,disabled:a},"aria-checked":C,"aria-disabled":a,testID:w,hitSlop:8,...S,style:({pressed:e})=>[{opacity:a?.55:e?.9:1},I?null:f],children:B});return I?_jsxs(View,{style:[v.row,hasChoiceDetail(c,d)?v.rowTop:null,g,f],children:[q,_jsx(ChoiceText,{label:l,description:c,error:d,disabled:a,labelLines:u||void 0,descriptionLines:u||void 0,style:v.text})]}):g?_jsx(View,{style:g,children:q}):q});Switch.displayName="Switch";const buildStyles=e=>StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},track:{justifyContent:"center"},thumb:{position:"absolute",top:2},errorRing:{...StyleSheet.absoluteFill},rowTop:{alignItems:"flex-start"},text:{marginLeft:10},spreadRow:{minHeight:44,justifyContent:"space-between"},spreadText:{flex:1,marginRight:12}});export{Switch};export default Switch;

package/lib/module/components/TagInput/TagInput.js

@@ -1 +1 @@
-"use strict";import{forwardRef,useCallback,useMemo,useRef,useState}from"react";import{StyleSheet,TextInput,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{fontFor,useTheme}from"../../theme/index.js";import{mergeRefs,resolveHaptic,triggerHaptic}from"../../utils/index.js";import{Chip}from"../Chip/index.js";import{FieldBase,hasFieldText}from"../FieldBase/index.js";import{FormField}from"../FormField/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const TagInput=forwardRef((e,t)=>{const{value:r,defaultValue:s,onChange:i,placeholder:l,label:a,helperText:o,error:n,required:u,disabled:d=!1,size:p="md",variant:c,maxTags:m,unique:f=!0,transform:x,separators:h=[","],haptic:g,style:b,testID:j}=e,y=useTheme(),C=useMemo(()=>buildStyles(y),[y]),[T,v]=useControllableState({value:r,defaultValue:s??[],onChange:i}),[F,S]=useState(""),[w,I]=useState(!1),k=useRef(null),_=useMemo(()=>mergeRefs(k,t),[t]),V=useCallback(()=>{d||k.current?.focus()},[d]),H="number"==typeof m&&T.length>=m,R=useCallback(e=>{const t=x?x(e.trim()):e.trim();if(!t)return;if(H)return;if(f&&T.some(e=>e.toLowerCase()===t.toLowerCase()))return void S("");v([...T,t]),S("");const r=resolveHaptic(g,"selection");r&&triggerHaptic(r)},[H,g,v,T,x,f]),z=useCallback(e=>{const t=T.filter((t,r)=>r!==e);v(t);const r=resolveHaptic(g,"selection");r&&triggerHaptic(r)},[g,v,T]),B=useCallback(e=>{const t=h.find(t=>t.length>0&&e.includes(t));if(t){const[r]=e.split(t);return void R(r)}S(e)},[R,h]),D=useCallback(e=>{d||"Backspace"===e.nativeEvent.key&&""===F&&T.length>0&&z(T.length-1)},[d,F,z,T.length]),q=_jsx(FieldBase,{size:p,variant:c,focused:w,disabled:d,error:hasFieldText(n),filled:T.length>0||F.length>0,onPress:V,pressFeedback:!1,style:b,children:_jsxs(View,{style:C.wrap,children:[T.map((e,t)=>_jsx(Chip,{label:e,size:"sm",onClose:d?void 0:()=>z(t),haptic:g},`${e}-${t}`)),_jsx(TextInput,{ref:_,value:F,onChangeText:B,onKeyPress:D,onSubmitEditing:()=>R(F),onFocus:()=>I(!0),onBlur:()=>{I(!1),R(F)},editable:!d&&!H,placeholder:H?void 0:l,placeholderTextColor:y.colors.text.tertiary,blurOnSubmit:!1,returnKeyType:"done",style:[C.input,{color:y.colors.text.primary,fontSize:y.typography.fontSize.base}],testID:j?`${j}-input`:void 0})]})});return a||o||hasFieldText(n)?_jsx(View,{testID:j,children:_jsx(FormField,{label:a,helperText:o,error:n,required:u,children:q})}):_jsx(View,{testID:j,children:q})});TagInput.displayName="TagInput";const buildStyles=e=>StyleSheet.create({wrap:{flex:1,flexDirection:"row",flexWrap:"wrap",alignItems:"center",gap:e.spacing.xs,paddingVertical:e.spacing.xs},input:{...fontFor(e,"normal"),flexGrow:1,minWidth:80,padding:0}});export default TagInput;
+"use strict";import{forwardRef,useCallback,useMemo,useRef,useState}from"react";import{StyleSheet,TextInput,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{fontFor,useTheme}from"../../theme/index.js";import{mergeRefs,resolveHaptic,triggerHaptic}from"../../utils/index.js";import{Chip}from"../Chip/index.js";import{FieldBase,FieldLabel,FieldMessage,hasFieldText}from"../FieldBase/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const TagInput=forwardRef((e,t)=>{const{value:s,defaultValue:r,onChange:i,placeholder:a,label:l,helperText:o,error:n,required:u,disabled:c=!1,size:d="md",variant:p,maxTags:m,unique:f=!0,transform:x,separators:g=[","],haptic:h,style:b,testID:y}=e,C=useTheme(),j=useMemo(()=>buildStyles(C),[C]),[v,S]=useControllableState({value:s,defaultValue:r??[],onChange:i}),[T,F]=useState(""),[w,k]=useState(!1),I=useRef(null),_=useMemo(()=>mergeRefs(I,t),[t]),z=useCallback(()=>{c||I.current?.focus()},[c]),H="number"==typeof m&&v.length>=m,R=!0===n||hasFieldText(n),V=useCallback(e=>{const t=x?x(e.trim()):e.trim();if(!t)return;if(H)return;if(f&&v.some(e=>e.toLowerCase()===t.toLowerCase()))return void F("");S([...v,t]),F("");const s=resolveHaptic(h,"selection");s&&triggerHaptic(s)},[H,h,S,v,x,f]),B=useCallback(e=>{const t=v.filter((t,s)=>s!==e);S(t);const s=resolveHaptic(h,"selection");s&&triggerHaptic(s)},[h,S,v]),L=useCallback(e=>{const t=g.find(t=>t.length>0&&e.includes(t));if(t){const[s]=e.split(t);return void V(s)}F(e)},[V,g]),M=useCallback(e=>{c||"Backspace"===e.nativeEvent.key&&""===T&&v.length>0&&B(v.length-1)},[c,T,B,v.length]),D=_jsx(FieldBase,{size:d,variant:p,focused:w,disabled:c,error:R,filled:v.length>0||T.length>0,onPress:z,pressFeedback:!1,style:b,children:_jsxs(View,{style:j.wrap,children:[v.map((e,t)=>_jsx(Chip,{label:e,size:"sm",onClose:c?void 0:()=>B(t),haptic:h},`${e}-${t}`)),_jsx(TextInput,{ref:_,value:T,onChangeText:L,onKeyPress:M,onSubmitEditing:()=>V(T),onFocus:()=>k(!0),onBlur:()=>{k(!1),V(T)},editable:!c&&!H,placeholder:H?void 0:a,placeholderTextColor:C.colors.text.tertiary,blurOnSubmit:!1,returnKeyType:"done",accessibilityLabel:l??a,style:[j.input,{color:C.colors.text.primary,fontSize:C.typography.fontSize.base}],testID:y?`${y}-input`:void 0})]})});return _jsxs(View,{testID:y,children:[l?_jsx(FieldLabel,{size:d,required:u,children:l}):null,D,_jsx(FieldMessage,{size:d,error:R,text:R?n:o})]})});TagInput.displayName="TagInput";const buildStyles=e=>StyleSheet.create({wrap:{flex:1,flexDirection:"row",flexWrap:"wrap",alignItems:"center",gap:e.spacing.xs,paddingVertical:e.spacing.xs},input:{...fontFor(e,"normal"),flexGrow:1,minWidth:80,padding:0}});export default TagInput;

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{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{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";
+"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/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/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

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { ColorValue } from 'react-native';
+import type { ColorValue, StyleProp, TextStyle } from 'react-native';
 export interface NotationRun {
     text: string;
     /** The subscript that follows `text`, when the run is a symbol. */
@@ -24,8 +24,8 @@ export interface NotationProps {
     /** Follows the symbol after a space. */
     desc?: string;
     /**
-     * Subscript ink. Inside a field label it defaults to the label's ink, elsewhere to
-     * `colors.text.primary`; pass the parent's colour when it differs.
+     * Subscript ink. Inside a field's or choice's label or message line it defaults to that line's
+     * ink, elsewhere to `colors.text.primary`; pass the parent's colour when it differs.
      */
     color?: string;
     testID?: string;
@@ -37,8 +37,14 @@ export interface NotationInk {
     fontSize: number;
     color: ColorValue;
 }
-/** Provided by a label Text (FieldLabel) so a subscript inside it scales and inks with the label. */
+/**
+ * Provided by a field's text lines (FieldLabel, the floating label, FieldMessage, the FormField
+ * label, helper and error, and the Checkbox, Radio and Switch label, description and error) so a
+ * subscript inside one scales and inks with that line.
+ */
 export declare const NotationInkContext: React.Context<NotationInk | null>;
+/** The ink for a line's provider: the line's own `style` size and colour win over its defaults. */
+export declare const useNotationInk: (style: StyleProp<TextStyle>, fontSize: number, color: ColorValue) => NotationInk;
 /** A symbol of a standard with its subscript drawn small and lowered below the baseline. */
 export declare const Notation: React.FC<NotationProps>;
 /** A symbol as the standard prints it: `sym('C', 'IP')` is C with a small IP, then `desc` if given. */

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

@@ -45,6 +45,8 @@ export interface OptionSheetProps {
      * earlier, iOS attaches it to the closing window and dismisses it with it.
      */
     onAfterClose?: () => void;
+    /** Called with `true` when `open` turns on and `false` when it turns off, not again while it stays the same. */
+    onOpenChange?: (open: boolean) => void;
     /** Sheet heading. Also the modal's a11y label fallback. */
     title?: string;
     options: ReadonlyArray<unknown>;

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

@@ -0,0 +1,39 @@
+import type { PermissionKind, PermissionStatus } from '@webority/mobile-core/permissions';
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils';
+import type { SlotIcon } from '../AppIcon/slotIcon';
+export interface PermissionPromptFallback {
+    /** Names the other way to do the job ("Enter address instead"). */
+    label: string;
+    onPress: () => void;
+}
+export interface PermissionPromptProps {
+    kind: PermissionKind;
+    /** What the feature is ("Scan a receipt"). Read first by a screen reader. */
+    title: string;
+    /** One sentence: what the app does with the access, ending in a full stop. */
+    reason: string;
+    /** An AppIcon name or any node, drawn in a tinted disc above the title. */
+    icon?: SlotIcon;
+    /** The status each time it settles: after the first check finds nothing to ask, and after each request or Cancel. */
+    onResult: (status: PermissionStatus) => void;
+    /** The way to carry on without the access, shown in the unavailable state. */
+    fallback?: PermissionPromptFallback;
+    /** Haptic on each button press. Default `'selection'`. */
+    haptic?: HapticType | false;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * Explains why the app needs a permission before the system prompt, in the way
+ * each platform's review accepts. iOS gets one Continue button that opens the
+ * system prompt, with no way to leave first (App Review rejects a "Not now").
+ * Android asks straight away the first time and explains only after one
+ * refusal, with Cancel. Once access is refused or the device lacks it, the
+ * prompt becomes an inline state with the fallback, and Open Settings only
+ * when it was already off on arrival, never straight after a refusal.
+ */
+export declare const PermissionPrompt: React.FC<PermissionPromptProps>;
+export default PermissionPrompt;
+//# sourceMappingURL=PermissionPrompt.d.ts.map

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

@@ -0,0 +1,5 @@
+export type { PermissionPromptFallback, PermissionPromptProps } from './PermissionPrompt';
+export { default, PermissionPrompt } from './PermissionPrompt';
+export type { PermissionPromptView, UsePermissionPromptOptions, UsePermissionPromptResult } from './usePermissionPrompt';
+export { usePermissionPrompt } from './usePermissionPrompt';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/PermissionPrompt/usePermissionPrompt.d.ts

@@ -0,0 +1,44 @@
+import type { PermissionKind, PermissionStatus } from '@webority/mobile-core/permissions';
+/**
+ * - `pending`: the first status read, or on Android the system prompt asked straight away.
+ * - `explain`: the explainer with Continue (and Cancel on Android).
+ * - `unavailable`: the feature cannot work; offer the fallback.
+ * - `authorized`: granted or limited; the feature can run.
+ */
+export type PermissionPromptView = 'pending' | 'explain' | 'unavailable' | 'authorized';
+export interface UsePermissionPromptOptions {
+    /**
+     * Called each time the status settles with no question left open: when the first
+     * check finds nothing to ask (granted, limited, blocked or unavailable), and after
+     * each request or Cancel.
+     */
+    onResult?: (status: PermissionStatus) => void;
+}
+export interface UsePermissionPromptResult {
+    view: PermissionPromptView;
+    /** The latest status, `null` until the first check returns. */
+    status: PermissionStatus | null;
+    /** True while the system prompt is up. */
+    requesting: boolean;
+    /** Android only: the explainer offers Cancel, as Android requires; iOS and web never do. */
+    cancellable: boolean;
+    /**
+     * True only when the status was already `blocked` when this prompt opened, so
+     * Open Settings never appears straight after the person refused.
+     */
+    showSettings: boolean;
+    /** Shows the system prompt. Resolves the new status, or `null` when one is already up. */
+    request: () => Promise<PermissionStatus | null>;
+    /** Leaves the explainer for the unavailable state without asking. */
+    cancel: () => void;
+    openSettings: () => Promise<boolean>;
+}
+/**
+ * Decides what a permission prompt shows, by platform:
+ * - iOS and web explain first whenever a request can still show the system prompt.
+ * - Android asks straight away the first time, and explains only after one refusal
+ *   (`denied`), the case Android's rationale flow covers.
+ * - `blocked` or `unavailable` goes to the unavailable state.
+ */
+export declare const usePermissionPrompt: (kind: PermissionKind, { onResult }?: UsePermissionPromptOptions) => UsePermissionPromptResult;
+//# sourceMappingURL=usePermissionPrompt.d.ts.map

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

@@ -159,7 +159,10 @@ export interface PhoneNumberInputProps extends Pick<TextInputProps, 'returnKeyTy
     labelStyle?: StyleProp<TextStyle>;
     placeholder?: string;
     helperText?: string;
-    /** The app's own error text. Always wins over the built-in invalid-number message. */
+    /**
+     * The app's own error text, a string or a node; it replaces the built-in invalid-number message.
+     * `true` shows the error state and keeps the built-in message; `false` and `''` change nothing.
+     */
     error?: ReactNode;
     /**
      * Text under the field once the typed number is not a real number for the
@@ -169,7 +172,7 @@ export interface PhoneNumberInputProps extends Pick<TextInputProps, 'returnKeyTy
      * a cleared field earns that grace again. Default `'Enter a valid mobile
      * number'` under `validation="mobile"`, else `'Enter a valid number'`;
      * a string replaces the text, `false` turns the message off. Nothing shows
-     * under `validation={false}`, and `error` always wins.
+     * under `validation={false}`, and an `error` text always wins.
      */
     invalidMessage?: string | false;
     required?: boolean;

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

@@ -8,6 +8,8 @@ export interface RadioGroupContextValue {
     selectedValue: RadioValue | undefined;
     onChange: (value: RadioValue) => void;
     disabled: boolean;
+    /** The group is in error: every radio draws its empty ring in the error colour. */
+    error?: boolean;
 }
 export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
 export declare const useRadioGroup: () => RadioGroupContextValue | null;
@@ -16,10 +18,17 @@ export interface RadioProps extends Omit<PressableProps, 'style' | 'children' |
     selected?: boolean;
     onChange?: (value: RadioValue) => void;
     disabled?: boolean;
-    label?: string;
-    /** Secondary line under the label. */
-    description?: string;
-    /** Error line under the label (and description); also draws the empty ring in the error colour. */
+    /**
+     * A string, or a node for a symbol with a subscript. A node label needs an
+     * explicit `accessibilityLabel` (the radio's screen-reader name).
+     */
+    label?: ReactNode;
+    /** Secondary line under the label. A string or a node; a node description adds nothing to the accessibility hint. */
+    description?: ReactNode;
+    /**
+     * Error line under the label (and description); also draws the empty ring in the error colour.
+     * A string or a node; `true` shows the error state without a message.
+     */
     error?: ReactNode;
     size?: RadioSize;
     tone?: RadioTone;

package/lib/typescript/commonjs/components/Radio/RadioGroup.d.ts

@@ -7,6 +7,11 @@ export interface RadioGroupProps {
     onChange?: (value: RadioValue) => void;
     children: React.ReactNode;
     disabled?: boolean;
+    /**
+     * One error line under the group, and every radio's empty ring in the error colour. A string or
+     * a node; `true` shows the error state without a message.
+     */
+    error?: React.ReactNode;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     testID?: string;

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

@@ -46,7 +46,11 @@ export interface SegmentedControlProps {
     label?: ReactNode;
     /** Helper line under the control. */
     helperText?: ReactNode;
-    /** Error line under the control, in the error colour. Replaces `helperText`. */
+    /**
+     * Error line under the control, in the error colour, with the control outlined (the underline
+     * look recolours its divider). Replaces `helperText`; `true` shows the error state without a
+     * message.
+     */
     error?: ReactNode;
     value?: SegmentValue;
     defaultValue?: SegmentValue;

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

@@ -34,6 +34,8 @@ interface BaseSelectProps<T = SelectOption> {
     /** Defaults to `(o) => (o as SelectOption).icon`. */
     getOptionIcon?: (option: T) => React.ReactNode;
     placeholder?: string;
+    /** Called with `true` when the option sheet opens and `false` when it closes. */
+    onOpenChange?: (open: boolean) => void;
     searchable?: boolean;
     /**
      * Haptic feedback for interactions. Pass false to disable; pass a HapticType

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

@@ -12,10 +12,17 @@ export interface SwitchProps extends Omit<PressableProps, 'style' | 'children' |
     disabled?: boolean;
     size?: SwitchSize;
     tone?: SwitchTone;
-    label?: string;
-    /** Secondary line under the label. */
-    description?: string;
-    /** Error line under the label (and description). */
+    /**
+     * A string, or a node for a symbol with a subscript. A node label needs an
+     * explicit `accessibilityLabel` (the switch's screen-reader name).
+     */
+    label?: ReactNode;
+    /** Secondary line under the label. A string or a node; a node description adds nothing to the accessibility hint. */
+    description?: ReactNode;
+    /**
+     * Error line under the label (and description); also outlines the off track in the error colour.
+     * A string or a node; `true` shows the error state without a message.
+     */
     error?: ReactNode;
     /**
      * Lines the label (and the description) may take before truncating with an

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

@@ -10,6 +10,10 @@ export interface TagInputProps {
     placeholder?: string;
     label?: string;
     helperText?: string;
+    /**
+     * A string or a node puts the field in the error state and shows it below in place of the
+     * helper; `true` shows the error state without a message.
+     */
     error?: ReactNode;
     required?: boolean;
     disabled?: boolean;

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

@@ -114,6 +114,8 @@ export type { OTPInputProps, OTPInputRef, OTPInputSize } from './OTPInput';
 export { OTPInput } from './OTPInput';
 export type { PaymentResultProps, PaymentResultStatus } from './PaymentResult';
 export { PaymentResult } from './PaymentResult';
+export type { PermissionPromptFallback, PermissionPromptProps, PermissionPromptView, UsePermissionPromptOptions, UsePermissionPromptResult } from './PermissionPrompt';
+export { PermissionPrompt, usePermissionPrompt } from './PermissionPrompt';
 export type { CallingCode, PhoneNumberInfo, PhoneNumberInputLabelMode, PhoneNumberInputProps, PhoneNumberInputRef, PhoneNumberValidation, PhoneNumberValue } from './PhoneNumberInput';
 export { ALL_CALLING_CODES, DEFAULT_CALLING_CODES, formatE164, PhoneNumberInput, parseE164 } from './PhoneNumberInput';
 export type { PickerTriggerProps, PickerTriggerSize, PickerTriggerVariant } from './PickerTrigger';

package/lib/typescript/commonjs/specs/NativePdfRasterizer.d.ts

@@ -3,7 +3,7 @@ export interface PdfDocumentInfo {
     /** Opaque handle for every subsequent call (getPageInfo/renderPage/close) — NOT the file path. */
     handle: string;
     pageCount: number;
-    /** Points (1/72 in), the unrotated page size of page 0 — a per-page size read happens in renderPage. */
+    /** Points (1/72 in), the page size of page 0 as displayed (after the page's /Rotate) — a per-page size read happens in renderPage. */
     pageWidth: number;
     pageHeight: number;
 }

package/lib/typescript/module/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/module/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

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { ColorValue } from 'react-native';
+import type { ColorValue, StyleProp, TextStyle } from 'react-native';
 export interface NotationRun {
     text: string;
     /** The subscript that follows `text`, when the run is a symbol. */
@@ -24,8 +24,8 @@ export interface NotationProps {
     /** Follows the symbol after a space. */
     desc?: string;
     /**
-     * Subscript ink. Inside a field label it defaults to the label's ink, elsewhere to
-     * `colors.text.primary`; pass the parent's colour when it differs.
+     * Subscript ink. Inside a field's or choice's label or message line it defaults to that line's
+     * ink, elsewhere to `colors.text.primary`; pass the parent's colour when it differs.
      */
     color?: string;
     testID?: string;
@@ -37,8 +37,14 @@ export interface NotationInk {
     fontSize: number;
     color: ColorValue;
 }
-/** Provided by a label Text (FieldLabel) so a subscript inside it scales and inks with the label. */
+/**
+ * Provided by a field's text lines (FieldLabel, the floating label, FieldMessage, the FormField
+ * label, helper and error, and the Checkbox, Radio and Switch label, description and error) so a
+ * subscript inside one scales and inks with that line.
+ */
 export declare const NotationInkContext: React.Context<NotationInk | null>;
+/** The ink for a line's provider: the line's own `style` size and colour win over its defaults. */
+export declare const useNotationInk: (style: StyleProp<TextStyle>, fontSize: number, color: ColorValue) => NotationInk;
 /** A symbol of a standard with its subscript drawn small and lowered below the baseline. */
 export declare const Notation: React.FC<NotationProps>;
 /** A symbol as the standard prints it: `sym('C', 'IP')` is C with a small IP, then `desc` if given. */

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

@@ -45,6 +45,8 @@ export interface OptionSheetProps {
      * earlier, iOS attaches it to the closing window and dismisses it with it.
      */
     onAfterClose?: () => void;
+    /** Called with `true` when `open` turns on and `false` when it turns off, not again while it stays the same. */
+    onOpenChange?: (open: boolean) => void;
     /** Sheet heading. Also the modal's a11y label fallback. */
     title?: string;
     options: ReadonlyArray<unknown>;

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

@@ -0,0 +1,39 @@
+import type { PermissionKind, PermissionStatus } from '@webority/mobile-core/permissions';
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils.js';
+import type { SlotIcon } from '../AppIcon/slotIcon.js';
+export interface PermissionPromptFallback {
+    /** Names the other way to do the job ("Enter address instead"). */
+    label: string;
+    onPress: () => void;
+}
+export interface PermissionPromptProps {
+    kind: PermissionKind;
+    /** What the feature is ("Scan a receipt"). Read first by a screen reader. */
+    title: string;
+    /** One sentence: what the app does with the access, ending in a full stop. */
+    reason: string;
+    /** An AppIcon name or any node, drawn in a tinted disc above the title. */
+    icon?: SlotIcon;
+    /** The status each time it settles: after the first check finds nothing to ask, and after each request or Cancel. */
+    onResult: (status: PermissionStatus) => void;
+    /** The way to carry on without the access, shown in the unavailable state. */
+    fallback?: PermissionPromptFallback;
+    /** Haptic on each button press. Default `'selection'`. */
+    haptic?: HapticType | false;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * Explains why the app needs a permission before the system prompt, in the way
+ * each platform's review accepts. iOS gets one Continue button that opens the
+ * system prompt, with no way to leave first (App Review rejects a "Not now").
+ * Android asks straight away the first time and explains only after one
+ * refusal, with Cancel. Once access is refused or the device lacks it, the
+ * prompt becomes an inline state with the fallback, and Open Settings only
+ * when it was already off on arrival, never straight after a refusal.
+ */
+export declare const PermissionPrompt: React.FC<PermissionPromptProps>;
+export default PermissionPrompt;
+//# sourceMappingURL=PermissionPrompt.d.ts.map

package/lib/typescript/module/components/PermissionPrompt/index.d.ts

@@ -0,0 +1,5 @@
+export type { PermissionPromptFallback, PermissionPromptProps } from './PermissionPrompt.js';
+export { default, PermissionPrompt } from './PermissionPrompt.js';
+export type { PermissionPromptView, UsePermissionPromptOptions, UsePermissionPromptResult } from './usePermissionPrompt.js';
+export { usePermissionPrompt } from './usePermissionPrompt.js';
+//# sourceMappingURL=index.d.ts.map