@webority/mobile-ui 0.1.0 → 0.2.1

package/lib/module/components/ImageGallery/ImageGallery.js

@@ -1 +1 @@
-import e,{useCallback as t,useMemo as a,useRef as i,useState as l}from"react";import{Dimensions as n,Image as o,Pressable as r,Modal as s,StyleSheet as c,Text as u,View as d}from"react-native";import{Gesture as h,GestureDetector as m}from"react-native-gesture-handler";import g,{runOnJS as p,useAnimatedStyle as v,useSharedValue as b,withSpring as y,withTiming as f}from"react-native-reanimated";import{useTheme as x}from"../../theme/index.js";import{resolveHaptic as I,triggerHaptic as w}from"../../utils/index.js";import{smoothCorners as S}from"../../utils/corners.js";import{defaultIcons as C}from"../AppIcon/defaultIcons.js";import{Carousel as T}from"../Carousel/index.js";import{Skeleton as P}from"../Skeleton/index.js";import{ToastHost as j}from"../Toast/ToastProvider.js";import{jsx as $,jsxs as k}from"react/jsx-runtime";const z={damping:18,stiffness:220,mass:1},ImageGallery=({images:e,initialIndex:i=0,showThumbnails:n=!0,showCounter:s=!0,enableLightbox:c=!0,enablePinchZoom:h=!0,onIndexChange:m,haptic:g,loading:p=!1,accessibilityLabel:v,containerStyle:b,testID:y})=>{const f=x(),S=a(()=>buildStyles(f),[f]),[C,P]=l(clamp(i,0,Math.max(0,e.length-1))),[j,z]=l(!1),R=t(e=>{P(e),m?.(e)},[m]),L=t(()=>{if(!c)return;const e=I(g,"selection");e&&w(e),z(!0)},[c,g]),M=t(()=>{const e=I(g,"selection");e&&w(e),z(!1)},[g]),W=t((t,a)=>{const i=t.alt??`Image ${a+1} of ${e.length}`;return $(r,{onPress:L,accessibilityRole:"image",accessibilityLabel:i,accessibilityHint:c?"Tap to open fullscreen":void 0,style:S.imageWrap,children:$(o,{source:t.source,style:S.image,resizeMode:"cover"})})},[c,e.length,L,S]),E=t(e=>$(o,{source:e.source,style:S.thumbnailImage,resizeMode:"cover"}),[S]),F=k(d,{style:[S.container,b],testID:y,accessibilityLabel:v??"Image gallery",children:[k(d,{style:S.carouselWrap,children:[$(T,{data:e,defaultIndex:i,onIndexChange:R,renderItem:W,showPagination:!1,showThumbnails:n,renderThumbnail:E,haptic:g}),s&&e.length>0?$(d,{style:S.counterPill,pointerEvents:"none",children:$(u,{style:[S.counterText,{color:f.colors.onOverlay}],accessibilityLabel:`Image ${C+1} of ${e.length}`,children:`${C+1} / ${e.length}`})}):null]}),c?$(Lightbox,{visible:j,images:e,initialIndex:C,enablePinchZoom:h,showCounter:s,onClose:M,onIndexChange:R,haptic:g}):null]});return p?$(ImageGallerySkeleton,{images:e,showThumbnails:n,showCounter:s,containerStyle:b,testID:y}):F};ImageGallery.displayName="ImageGallery";const ImageGallerySkeleton=({images:e,showThumbnails:t=!0,showCounter:a=!0,containerStyle:i,testID:l})=>{const n=Math.min(e?.length||4,6);return k(d,{style:[{width:"100%"},i],testID:l,accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:[k(d,{style:{position:"relative"},children:[$(P,{width:"100%",height:280,radius:"lg"}),a?$(d,{style:{position:"absolute",top:12,right:12},children:$(P,{width:44,height:22,radius:"full"})}):null]}),t?$(d,{style:{flexDirection:"row",marginTop:12},children:Array.from({length:n}).map((e,t)=>$(P,{width:64,height:64,radius:"md",style:{marginRight:8}},`sk-thumb-${t}`))}):null]})};ImageGallerySkeleton.displayName="ImageGallerySkeleton",ImageGallery.Skeleton=ImageGallerySkeleton;const Lightbox=({visible:e,images:n,initialIndex:o,enablePinchZoom:c,showCounter:h,onClose:m,onIndexChange:p,haptic:v})=>{const b=x(),y=a(()=>buildLightboxStyles(b),[b]),f=b.components.imageGallery,S=f?.maxScale??4,P=f?.minScale??1,z=f?.doubleTapScale??2,R=i(null),[L,M]=l(o),W=t(e=>{if(e!==L){const t=I(v,"selection");t&&w(t),M(e),p(e)}},[L,p,v]),E=t((e,t)=>$(ZoomableImage,{image:e,index:t,total:n.length,active:t===L,enabled:c,maxScale:S,minScale:P,doubleTapScale:z,haptic:v}),[L,c,n.length,S,P,z,v]),F=n[L]?.caption;return $(s,{visible:e,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"fade",onRequestClose:m,accessibilityViewIsModal:!0,children:k(d,{style:y.backdrop,accessibilityViewIsModal:!0,children:[$(T,{ref:R,data:n,defaultIndex:o,onIndexChange:W,renderItem:E,showPagination:!1,haptic:v}),h&&n.length>0?$(d,{style:y.counterPill,pointerEvents:"none",children:$(u,{style:[y.counterText,{color:b.colors.onOverlay}],accessibilityLabel:`Image ${L+1} of ${n.length}`,children:`${L+1} / ${n.length}`})}):null,$(r,{onPress:m,accessibilityRole:"button",accessibilityLabel:"Close gallery",style:y.closeButton,hitSlop:12,children:(b.icons?.close??C.close)({size:24,color:b.colors.onOverlay})}),F?$(g.View,{style:y.captionWrap,entering:void 0,accessibilityElementsHidden:!1,children:$(u,{style:y.captionText,numberOfLines:3,children:F})}):null,$(j,{})]})})},ZoomableImage=({image:i,index:l,total:o,active:r,enabled:s,maxScale:c,minScale:u,doubleTapScale:d,haptic:x})=>{const I=n.get("window"),S=b(1),C=b(1),T=b(0),P=b(0),j=b(0),k=b(0),L=t(()=>{S.value=y(1,z),C.value=1,T.value=y(0,z),P.value=y(0,z),j.value=0,k.value=0},[S,C,T,P,j,k]);e.useEffect(()=>{r||(S.value=f(1,{duration:150}),T.value=f(0,{duration:150}),P.value=f(0,{duration:150}),C.value=1,j.value=0,k.value=0)},[r,S,T,P,C,j,k]);const M=t(()=>{!1!==x&&w("impactLight")},[x]),W=a(()=>h.Pinch().enabled(s).onStart(()=>{C.value=S.value}).onUpdate(e=>{const t=C.value*e.scale;S.value=t<u?u+.3*(t-u):t>c?c+.2*(t-c):t}).onEnd(()=>S.value<u?(S.value=y(u,z),T.value=y(0,z),P.value=y(0,z),C.value=u,j.value=0,void(k.value=0)):S.value>c?(S.value=y(c,z),void(C.value=c)):void(C.value=S.value)),[s,S,C,T,P,j,k,u,c]),E=a(()=>h.Pan().minPointers(1).maxPointers(1).onStart(()=>{j.value=T.value,k.value=P.value}).onUpdate(e=>{S.value<=1||(T.value=j.value+e.translationX,P.value=k.value+e.translationY)}).onEnd(()=>{j.value=T.value,k.value=P.value}),[S,T,P,j,k]),F=a(()=>h.Tap().numberOfTaps(2).onEnd(()=>{p(M)(),S.value>1?(S.value=y(1,z),T.value=y(0,z),P.value=y(0,z),C.value=1,j.value=0,k.value=0):(S.value=y(d,z),C.value=d)}),[S,C,T,P,j,k,M,d]),D=a(()=>h.Race(W,E,F),[W,E,F]),H=v(()=>({transform:[{translateX:T.value},{translateY:P.value},{scale:S.value}]}));e.useEffect(()=>{r||L()},[r,L]);const V=i.alt??`Image ${l+1} of ${o}`;return $(m,{gesture:D,children:$(g.View,{style:[R.container,{width:I.width}],children:$(g.Image,{source:i.source,resizeMode:"contain",style:[R.image,H],accessibilityLabel:V,accessible:!0})})})},clamp=(e,t,a)=>Math.min(Math.max(e,t),a),buildStyles=e=>c.create({container:{width:"100%"},carouselWrap:{width:"100%",position:"relative"},imageWrap:{width:"100%",aspectRatio:16/9,backgroundColor:e.colors.background.secondary,overflow:"hidden",borderRadius:e.radius.md,...S},image:{width:"100%",height:"100%"},thumbnailImage:{width:"100%",height:"100%"},counterPill:{position:"absolute",top:12,alignSelf:"center",paddingHorizontal:12,paddingVertical:4,borderRadius:e.radius.full,...S,backgroundColor:"rgba(0,0,0,0.55)"},counterText:{fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.semibold}}),buildLightboxStyles=e=>c.create({backdrop:{flex:1,backgroundColor:"#000",justifyContent:"center"},counterPill:{position:"absolute",top:48,alignSelf:"center",paddingHorizontal:14,paddingVertical:6,borderRadius:e.radius.full,...S,backgroundColor:"rgba(0,0,0,0.6)"},counterText:{fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.semibold},closeButton:{position:"absolute",top:44,right:16,width:40,height:40,borderRadius:20,...S,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)"},captionWrap:{position:"absolute",left:0,right:0,bottom:32,paddingHorizontal:24},captionText:{color:"#FFFFFF",fontSize:14,lineHeight:20,textAlign:"center"}}),R=c.create({container:{flex:1,alignItems:"center",justifyContent:"center"},image:{width:"100%",height:"100%"}});export{ImageGallery};export default ImageGallery;
+"use strict";import React,{useCallback,useMemo,useRef,useState}from"react";import{Dimensions,Image,Pressable,Modal as RNModal,StyleSheet,Text,View}from"react-native";import{Gesture,GestureDetector}from"react-native-gesture-handler";import Animated,{runOnJS,useAnimatedStyle,useSharedValue,withSpring,withTiming}from"react-native-reanimated";import{useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{defaultIcons}from"../AppIcon/defaultIcons.js";import{Carousel}from"../Carousel/index.js";import{Skeleton}from"../Skeleton/index.js";import{ToastHost}from"../Toast/ToastProvider.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const MAX_SCALE_FALLBACK=4,MIN_SCALE_FALLBACK=1,DOUBLE_TAP_SCALE_FALLBACK=2,SPRING_CONFIG={damping:18,stiffness:220,mass:1},ImageGallery=({images:e,initialIndex:t=0,showThumbnails:a=!0,showCounter:l=!0,enableLightbox:i=!0,enablePinchZoom:o=!0,onIndexChange:s,haptic:n,loading:r=!1,accessibilityLabel:u,containerStyle:c,testID:h})=>{const d=useTheme(),m=useMemo(()=>buildStyles(d),[d]),[g,p]=useState(clamp(t,0,Math.max(0,e.length-1))),[b,S]=useState(!1),y=useCallback(e=>{p(e),s?.(e)},[s]),v=useCallback(()=>{if(!i)return;const e=resolveHaptic(n,"selection");e&&triggerHaptic(e),S(!0)},[i,n]),x=useCallback(()=>{const e=resolveHaptic(n,"selection");e&&triggerHaptic(e),S(!1)},[n]),I=useCallback((t,a)=>{const l=t.alt??`Image ${a+1} of ${e.length}`;return _jsx(Pressable,{onPress:v,accessibilityRole:"image",accessibilityLabel:l,accessibilityHint:i?"Tap to open fullscreen":void 0,style:m.imageWrap,children:_jsx(Image,{source:t.source,style:m.image,resizeMode:"cover"})})},[i,e.length,v,m]),w=useCallback(e=>_jsx(Image,{source:e.source,style:m.thumbnailImage,resizeMode:"cover"}),[m]),f=_jsxs(View,{style:[m.container,c],testID:h,accessibilityLabel:u??"Image gallery",children:[_jsxs(View,{style:m.carouselWrap,children:[_jsx(Carousel,{data:e,defaultIndex:t,onIndexChange:y,renderItem:I,showPagination:!1,showThumbnails:a,renderThumbnail:w,haptic:n}),l&&e.length>0?_jsx(View,{style:m.counterPill,pointerEvents:"none",children:_jsx(Text,{style:[m.counterText,{color:d.colors.onOverlay}],accessibilityLabel:`Image ${g+1} of ${e.length}`,children:`${g+1} / ${e.length}`})}):null]}),i?_jsx(Lightbox,{visible:b,images:e,initialIndex:g,enablePinchZoom:o,showCounter:l,onClose:x,onIndexChange:y,haptic:n}):null]});return r?_jsx(ImageGallerySkeleton,{images:e,showThumbnails:a,showCounter:l,containerStyle:c,testID:h}):f};ImageGallery.displayName="ImageGallery";const ImageGallerySkeleton=({images:e,showThumbnails:t=!0,showCounter:a=!0,containerStyle:l,testID:i})=>{const o=Math.min(e?.length||4,6);return _jsxs(View,{style:[{width:"100%"},l],testID:i,accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:[_jsxs(View,{style:{position:"relative"},children:[_jsx(Skeleton,{width:"100%",height:280,radius:"lg"}),a?_jsx(View,{style:{position:"absolute",top:12,right:12},children:_jsx(Skeleton,{width:44,height:22,radius:"full"})}):null]}),t?_jsx(View,{style:{flexDirection:"row",marginTop:12},children:Array.from({length:o}).map((e,t)=>_jsx(Skeleton,{width:64,height:64,radius:"md",style:{marginRight:8}},`sk-thumb-${t}`))}):null]})};ImageGallerySkeleton.displayName="ImageGallerySkeleton",ImageGallery.Skeleton=ImageGallerySkeleton;const Lightbox=({visible:e,images:t,initialIndex:a,enablePinchZoom:l,showCounter:i,onClose:o,onIndexChange:s,haptic:n})=>{const r=useTheme(),u=useMemo(()=>buildLightboxStyles(r),[r]),c=r.components.imageGallery,h=c?.maxScale??4,d=c?.minScale??1,m=c?.doubleTapScale??2,g=useRef(null),[p,b]=useState(a),S=useCallback(e=>{if(e!==p){const t=resolveHaptic(n,"selection");t&&triggerHaptic(t),b(e),s(e)}},[p,s,n]),y=useCallback((e,a)=>_jsx(ZoomableImage,{image:e,index:a,total:t.length,active:a===p,enabled:l,maxScale:h,minScale:d,doubleTapScale:m,haptic:n}),[p,l,t.length,h,d,m,n]),v=t[p]?.caption;return _jsx(RNModal,{visible:e,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"fade",onRequestClose:o,accessibilityViewIsModal:!0,children:_jsxs(View,{style:u.backdrop,accessibilityViewIsModal:!0,children:[_jsx(Carousel,{ref:g,data:t,defaultIndex:a,onIndexChange:S,renderItem:y,showPagination:!1,haptic:n}),i&&t.length>0?_jsx(View,{style:u.counterPill,pointerEvents:"none",children:_jsx(Text,{style:[u.counterText,{color:r.colors.onOverlay}],accessibilityLabel:`Image ${p+1} of ${t.length}`,children:`${p+1} / ${t.length}`})}):null,_jsx(Pressable,{onPress:o,accessibilityRole:"button",accessibilityLabel:"Close gallery",style:u.closeButton,hitSlop:12,children:(r.icons?.close??defaultIcons.close)({size:24,color:r.colors.onOverlay})}),v?_jsx(Animated.View,{style:u.captionWrap,entering:void 0,accessibilityElementsHidden:!1,children:_jsx(Text,{style:u.captionText,numberOfLines:3,children:v})}):null,_jsx(ToastHost,{})]})})},ZoomableImage=({image:e,index:t,total:a,active:l,enabled:i,maxScale:o,minScale:s,doubleTapScale:n,haptic:r})=>{const u=Dimensions.get("window"),c=useSharedValue(1),h=useSharedValue(1),d=useSharedValue(0),m=useSharedValue(0),g=useSharedValue(0),p=useSharedValue(0),b=useCallback(()=>{c.value=withSpring(1,SPRING_CONFIG),h.value=1,d.value=withSpring(0,SPRING_CONFIG),m.value=withSpring(0,SPRING_CONFIG),g.value=0,p.value=0},[c,h,d,m,g,p]);React.useEffect(()=>{l||(c.value=withTiming(1,{duration:150}),d.value=withTiming(0,{duration:150}),m.value=withTiming(0,{duration:150}),h.value=1,g.value=0,p.value=0)},[l,c,d,m,h,g,p]);const S=useCallback(()=>{!1!==r&&triggerHaptic("impactLight")},[r]),y=useMemo(()=>Gesture.Pinch().enabled(i).onStart(()=>{"worklet";h.value=c.value}).onUpdate(e=>{"worklet";const t=h.value*e.scale;c.value=t<s?s+.3*(t-s):t>o?o+.2*(t-o):t}).onEnd(()=>{"worklet";return c.value<s?(c.value=withSpring(s,SPRING_CONFIG),d.value=withSpring(0,SPRING_CONFIG),m.value=withSpring(0,SPRING_CONFIG),h.value=s,g.value=0,void(p.value=0)):c.value>o?(c.value=withSpring(o,SPRING_CONFIG),void(h.value=o)):void(h.value=c.value)}),[i,c,h,d,m,g,p,s,o]),v=useMemo(()=>Gesture.Pan().minPointers(1).maxPointers(1).onStart(()=>{"worklet";g.value=d.value,p.value=m.value}).onUpdate(e=>{"worklet";c.value<=1||(d.value=g.value+e.translationX,m.value=p.value+e.translationY)}).onEnd(()=>{"worklet";g.value=d.value,p.value=m.value}),[c,d,m,g,p]),x=useMemo(()=>Gesture.Tap().numberOfTaps(2).onEnd(()=>{"worklet";runOnJS(S)(),c.value>1?(c.value=withSpring(1,SPRING_CONFIG),d.value=withSpring(0,SPRING_CONFIG),m.value=withSpring(0,SPRING_CONFIG),h.value=1,g.value=0,p.value=0):(c.value=withSpring(n,SPRING_CONFIG),h.value=n)}),[c,h,d,m,g,p,S,n]),I=useMemo(()=>Gesture.Race(y,v,x),[y,v,x]),w=useAnimatedStyle(()=>({transform:[{translateX:d.value},{translateY:m.value},{scale:c.value}]}));React.useEffect(()=>{l||b()},[l,b]);const f=e.alt??`Image ${t+1} of ${a}`;return _jsx(GestureDetector,{gesture:I,children:_jsx(Animated.View,{style:[lightboxImageStyles.container,{width:u.width}],children:_jsx(Animated.Image,{source:e.source,resizeMode:"contain",style:[lightboxImageStyles.image,w],accessibilityLabel:f,accessible:!0})})})},clamp=(e,t,a)=>Math.min(Math.max(e,t),a),buildStyles=e=>StyleSheet.create({container:{width:"100%"},carouselWrap:{width:"100%",position:"relative"},imageWrap:{width:"100%",aspectRatio:16/9,backgroundColor:e.colors.background.secondary,overflow:"hidden",borderRadius:e.radius.md,...smoothCorners},image:{width:"100%",height:"100%"},thumbnailImage:{width:"100%",height:"100%"},counterPill:{position:"absolute",top:12,alignSelf:"center",paddingHorizontal:12,paddingVertical:4,borderRadius:e.radius.full,...smoothCorners,backgroundColor:"rgba(0,0,0,0.55)"},counterText:{fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.semibold}}),buildLightboxStyles=e=>StyleSheet.create({backdrop:{flex:1,backgroundColor:"#000",justifyContent:"center"},counterPill:{position:"absolute",top:48,alignSelf:"center",paddingHorizontal:14,paddingVertical:6,borderRadius:e.radius.full,...smoothCorners,backgroundColor:"rgba(0,0,0,0.6)"},counterText:{fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.semibold},closeButton:{position:"absolute",top:44,right:16,width:40,height:40,borderRadius:20,...smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.5)"},captionWrap:{position:"absolute",left:0,right:0,bottom:32,paddingHorizontal:24},captionText:{color:"#FFFFFF",fontSize:14,lineHeight:20,textAlign:"center"}}),lightboxImageStyles=StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center"},image:{width:"100%",height:"100%"}});export{ImageGallery};export default ImageGallery;

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

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

package/lib/module/components/InlineSelect/InlineSelect.js

@@ -1 +1 @@
-import e,{forwardRef as t,useCallback as i,useMemo as o,useState as l}from"react";import{Pressable as n,StyleSheet as s,Text as r,View as c}from"react-native";import{fontFor as a,useTheme as d}from"../../theme/index.js";import{resolveHaptic as p,triggerHaptic as m}from"../../utils/index.js";import{Chevron as b}from"../FieldBase/Chevron.js";import{FieldLabel as S,resolveFieldSize as f}from"../FieldBase/FieldBase.js";import{OptionSheet as y}from"../OptionSheet/OptionSheet.js";import{jsx as g,jsxs as x,Fragment as h}from"react/jsx-runtime";const u=t((e,t)=>{const{options:s,getOptionLabel:u,getOptionValue:O,getOptionDisabled:j,getOptionDescription:v,getOptionIcon:z,value:I,onChange:T,placeholder:D,label:F,title:L,searchable:C=!1,haptic:B,disabled:$=!1,size:N="md",color:P,chevronColor:V,chevronSize:w,textStyle:G,style:R,optionStyle:k,selectedOptionStyle:q,optionTextStyle:A,selectedOptionTextStyle:E,accessibilityLabel:H,testID:J}=e,K=d(),M=o(()=>buildStyles(K),[K]),Q=f(K,N),U=i(e=>u?u(e):e.label??"",[u]),W=i(e=>O?O(e):e.value,[O]),X=i(e=>j?j(e):!0===e.disabled,[j]),Y=i(e=>v?v(e):e.description,[v]),Z=i(e=>z?z(e):e.icon,[z]),[_,ee]=l(!1),te=o(()=>{if(null!=I)return s.find(e=>W(e)===I)},[s,I,W]),ie=i(e=>I===e,[I]),oe=i(()=>{if($)return;const e=p(B,"selection");e&&m(e),ee(!0)},[$,B]),le=i(()=>{ee(!1)},[]),ne=i(e=>{if(X(e))return;const t=p(B,"selection");t&&m(t),T(W(e)),le()},[X,W,T,le,B]),se=$?K.colors.text.disabled:P??K.components.inlineSelect?.color??K.colors.primary,re=void 0!==te?U(te):D??"Select",ce=void 0!==te?`Selected: ${U(te)}`:D??"No selection",ae=x(n,{ref:t,onPress:oe,disabled:$,hitSlop:8,accessibilityRole:"button",accessibilityLabel:H??`${F??L??"Select"}. ${ce}`,accessibilityState:{disabled:$,expanded:_},testID:J,style:({pressed:e})=>[M.trigger,{columnGap:K.spacing.xs,opacity:e&&!$?.6:1},R],children:[g(r,{style:[M.triggerText,{color:se,fontSize:Q.fontSize,...a(K,"medium")},G],numberOfLines:1,children:re}),g(b,{color:V??se,size:w??Q.iconSize,open:_})]});return x(h,{children:[F?x(c,{style:M.labelled,children:[g(S,{size:N,children:F}),ae]}):ae,g(y,{open:_,onClose:le,title:L,accessibilityLabel:F??L??D??"Options",options:s,labelOf:U,getValue:W,disabledOf:X,descriptionOf:Y,iconOf:Z,isSelected:ie,onSelect:ne,searchable:C,optionStyle:k,selectedOptionStyle:q,optionTextStyle:A,selectedOptionTextStyle:E})]})});u.displayName="InlineSelect";const buildStyles=e=>s.create({labelled:{alignItems:"flex-start"},trigger:{flexDirection:"row",alignItems:"center"},triggerText:{includeFontPadding:!1}});export{u as InlineSelect};export default u;
+"use strict";import React,{forwardRef,useCallback,useMemo,useState}from"react";import{Pressable,StyleSheet,Text,View}from"react-native";import{fontFor,useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{Chevron}from"../FieldBase/Chevron.js";import{FieldLabel,resolveFieldSize}from"../FieldBase/FieldBase.js";import{OptionSheet}from"../OptionSheet/OptionSheet.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const InlineSelect=forwardRef((e,t)=>{const{options:l,getOptionLabel:i,getOptionValue:s,getOptionDisabled:o,getOptionDescription:n,getOptionIcon:r,value:a,onChange:c,placeholder:d,label:p,title:b,searchable:S=!1,haptic:u,disabled:m=!1,size:x="md",color:f,chevronColor:g,chevronSize:h,textStyle:y,style:O,optionStyle:j,selectedOptionStyle:C,optionTextStyle:v,selectedOptionTextStyle:F,accessibilityLabel:_,testID:k}=e,I=useTheme(),T=useMemo(()=>buildStyles(I),[I]),z=resolveFieldSize(I,x),L=useCallback(e=>i?i(e):e.label??"",[i]),H=useCallback(e=>s?s(e):e.value,[s]),w=useCallback(e=>o?o(e):!0===e.disabled,[o]),D=useCallback(e=>n?n(e):e.description,[n]),P=useCallback(e=>r?r(e):e.icon,[r]),[R,V]=useState(!1),B=useMemo(()=>{if(null!=a)return l.find(e=>H(e)===a)},[l,a,H]),M=useCallback(e=>a===e,[a]),$=useCallback(()=>{if(m)return;const e=resolveHaptic(u,"selection");e&&triggerHaptic(e),V(!0)},[m,u]),N=useCallback(()=>{V(!1)},[]),G=useCallback(e=>{if(w(e))return;const t=resolveHaptic(u,"selection");t&&triggerHaptic(t),c(H(e)),N()},[w,H,c,N,u]),q=m?I.colors.text.disabled:f??I.components.inlineSelect?.color??I.colors.primary,A=void 0!==B?L(B):d??"Select",E=void 0!==B?`Selected: ${L(B)}`:d??"No selection",J=_jsxs(Pressable,{ref:t,onPress:$,disabled:m,hitSlop:8,accessibilityRole:"button",accessibilityLabel:_??`${p??b??"Select"}. ${E}`,accessibilityState:{disabled:m,expanded:R},testID:k,style:({pressed:e})=>[T.trigger,{columnGap:I.spacing.xs,opacity:e&&!m?.6:1},O],children:[_jsx(Text,{style:[T.triggerText,{color:q,fontSize:z.fontSize,...fontFor(I,"medium")},y],numberOfLines:1,children:A}),_jsx(Chevron,{color:g??q,size:h??z.iconSize,open:R})]});return _jsxs(_Fragment,{children:[p?_jsxs(View,{style:T.labelled,children:[_jsx(FieldLabel,{size:x,children:p}),J]}):J,_jsx(OptionSheet,{open:R,onClose:N,title:b,accessibilityLabel:p??b??d??"Options",options:l,labelOf:L,getValue:H,disabledOf:w,descriptionOf:D,iconOf:P,isSelected:M,onSelect:G,searchable:S,optionStyle:j,selectedOptionStyle:C,optionTextStyle:v,selectedOptionTextStyle:F})]})});InlineSelect.displayName="InlineSelect";const buildStyles=e=>StyleSheet.create({labelled:{alignItems:"flex-start"},trigger:{flexDirection:"row",alignItems:"center"},triggerText:{includeFontPadding:!1}});export{InlineSelect};export default InlineSelect;

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

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

package/lib/module/components/Input/Input.js

@@ -1 +1 @@
-import e,{forwardRef as i,useCallback as t,useEffect as o,useMemo as n,useRef as l,useState as r}from"react";import{Animated as s,Easing as a,Pressable as d,StyleSheet as c,Text as u,TextInput as p,View as f}from"react-native";import{useReducedMotion as g}from"../../hooks/index.js";import{createAnimatedValue as m,fontFor as h,setNativeValue as y,useTheme as x}from"../../theme/index.js";import{mergeRefs as b,triggerHaptic as v}from"../../utils/index.js";import{defaultIcons as S}from"../AppIcon/defaultIcons.js";import{renderSlotIcon as z}from"../AppIcon/slotIcon.js";import{Button as w}from"../Button/index.js";import{FieldBase as F,FieldErrorGlyph as I,FieldLabel as T,fieldTextAsString as D,hasFieldText as R,RequiredPlaceholder as j,resolveFieldSize as k,resolveFieldTextStyle as C}from"../FieldBase/FieldBase.js";import{useFloatingLabel as L}from"../FieldBase/useFloatingLabel.js";import{jsx as N,jsxs as V}from"react/jsx-runtime";const H={sm:72,md:92,lg:110},O=i((e,i)=>{const{label:c,help:O,placeholder:P,value:A,onChangeText:B,error:E,helperText:G,type:q="input",secureTextEntry:M=!1,showPasswordToggle:W=!1,disabled:$=!1,multiline:X=!1,leftIcon:J,rightIcon:K,unit:Q,unitStyle:U,prefix:Y,prefixStyle:Z,readOnly:_=!1,action:ee,actionStyle:ie,size:te="md",variant:oe,labelMode:ne,required:le=!1,maxLength:re,showCounter:se=!0,textAlign:ae,format:de,parse:ce,style:ue,containerStyle:pe,inputStyle:fe,labelStyle:ge,messageStyle:me,borderRadius:he,onFocus:ye,onBlur:xe,accessibilityLabel:be,testID:ve,editable:Se,...ze}=e,we=x(),Fe=n(()=>buildStyles(we),[we]),Ie=k(we,te),Te=H[te],De=Math.round(1.4*Ie.fontSize),Re=oe??we.components.input?.defaultVariant??we.components.field?.defaultVariant??"outlined",je=ne??we.components.input?.defaultLabelMode??"top",[ke,Ce]=r(!1),[Le,Ne]=r(!1),Ve="password"===q||W||M,He="password"===q||W,Oe="textarea"===q||X,Pe=Oe?Math.round(.1*Ie.fontSize):0,Ae="string"==typeof A&&A.length>0,Be=R(E),Ee=R(G),Ge=R(c),qe=R(Y),Me=!$&&!1!==Se,We=ke||Ae||qe,$e=l(null),Xe=n(()=>b($e,i),[i]),Je=t(()=>{Me&&$e.current?.focus()},[Me]),Ke=Ge&&"float"===je,Qe=l(m(0)).current,Ue=l(m(Be||Ee?1:0)).current;o(()=>{const e=s.timing(Ue,{toValue:Be||Ee?1:0,duration:we.motion.duration.fast,easing:a.bezier(...we.motion.easing.standard),useNativeDriver:!0});return e.start(),()=>e.stop()},[Be,Ee,Ue,we.motion.duration.fast,we.motion.easing.standard]);const Ye=g(),Ze=we.components.input?.shakeOnError??!1,_e=l(Be);o(()=>{if(!Ze)return void(_e.current=Be);let e;return Be&&!_e.current&&(Ye||(y(Qe,0),e=s.sequence([s.timing(Qe,{toValue:1,duration:50,useNativeDriver:!0}),s.timing(Qe,{toValue:-1,duration:50,useNativeDriver:!0}),s.timing(Qe,{toValue:1,duration:50,useNativeDriver:!0}),s.timing(Qe,{toValue:-1,duration:50,useNativeDriver:!0}),s.timing(Qe,{toValue:0,duration:100,useNativeDriver:!0})]),e.start()),v("notificationError")),_e.current=Be,()=>e?.stop()},[Be,Qe,Ze,Ye]);const ei=t(e=>{Ce(!0),ye?.(e)},[ye]),ii=t(e=>{Ce(!1),xe?.(e)},[xe]),ti=t(()=>{v("selection"),Ne(e=>!e)},[]),oi=n(()=>{const e=we.components.input?.fillColors?.[Re];if(!e)return;const i={};return void 0!==e.idleEmpty&&(i.backgroundIdleEmpty=e.idleEmpty),void 0!==e.idleFilled&&(i.backgroundIdleFilled=e.idleFilled),void 0!==e.focus&&(i.backgroundFocused=e.focus),void 0!==e.error&&(i.backgroundError=e.error),void 0!==e.disabled&&(i.backgroundDisabled=e.disabled),Object.keys(i).length>0?i:void 0},[we.components.input?.fillColors,Re]),ni=we.colors.field.caret,li=he??we.components.input?.borderRadius,ri=we.components.input?.tintLabelOnFocus??!1,si=ke&&ri?we.colors.field.borderFocused:we.colors.field.label,ai=Qe.interpolate({inputRange:[-1,0,1],outputRange:[-6,0,6]}),di=Boolean(K)||Boolean(Q)||He,ci="underline"===Re,ui=J?Ie.iconSize+we.spacing.md+1+we.spacing.md:0,pi=L({label:c,enabled:Ke,floated:We,required:le,variant:Re,sizeTokens:Ie,leadingOffset:ui,trailingOffset:di?Ie.iconSize+we.spacing.sm:0,textAlign:ae,paddingLeft:ci?0:Ie.paddingHorizontal,lineHeight:Oe?De:void 0,restNudge:Pe,floatTrim:Oe?2:0,color:si,style:ge}),fi=C(we,{disabled:$}),gi=fi.color,mi=fi.placeholderColor,hi=le&&!Ge&&!Ae&&"string"==typeof P&&P.length>0,yi=Be?E:G,xi=Be||Ee,bi=se&&"number"==typeof re&&"string"==typeof A?`${A.length} / ${re}`:null,vi=Be?we.colors.field.message:we.colors.text.secondary,Si=be??D(c)??P,zi=we.colors.field,wi=$?zi.iconDisabled:ke?zi.iconFocused:zi.icon,Fi={focused:ke,disabled:$,error:Be,color:wi,size:Ie.iconSize},renderSlot=e=>z(e,Fi),Ii=(()=>{if(He){const e=(Le?we.icons?.eyeOff:we.icons?.eye)??(Le?S.eyeOff:S.eye);return N(d,{onPress:ti,disabled:!Me,hitSlop:8,accessibilityRole:"button",accessibilityLabel:Le?"Hide password":"Show password",children:e({size:Ie.iconSize,color:wi})})}const e=Q?N(u,{style:[Fe.unit,{fontSize:Ie.fontSize,color:mi},U],children:Q}):null,i=K?N(f,{children:renderSlot(K)}):null;return e&&i?V(f,{style:Fe.trailingRow,children:[e,i]}):e??i})(),Ti=J?N(f,{children:renderSlot(J)}):null,Di=qe?"string"==typeof Y||"number"==typeof Y?N(u,{style:[Fe.prefix,{fontSize:Ie.fontSize,color:mi,marginRight:we.spacing.xs,lineHeight:Oe?De:void 0,paddingTop:Oe?Pe:void 0},Z],children:Y}):N(f,{style:[Fe.prefixNode,{marginRight:we.spacing.xs,minHeight:Oe?De:void 0,justifyContent:"center",paddingTop:Oe?Pe:void 0}],children:Y}):null,Ri=ee?N(w,{variant:ee.variant??"outline",tone:ee.tone??"primary",size:te,title:ee.label,leftIcon:ee.icon,loading:ee.loading,disabled:$||ee.disabled,onPress:ee.onPress,pressAnimation:!1,testID:ee.testID,style:[Fe.action,{minHeight:Ie.minHeight,alignSelf:Oe?"flex-start":"stretch"},ie]}):null;return V(s.View,{style:[Fe.container,{transform:[{translateX:ai}]},ue],children:[Ge&&!Ke?N(T,{size:te,required:le,help:O,color:si,style:ge,children:c}):null,V(f,{style:[Fe.fieldRow,{columnGap:we.spacing.sm,alignItems:Oe?"flex-start":"stretch"}],children:[V(f,{style:Fe.fieldWrapper,children:[V(F,{size:te,variant:Re,focused:ke,disabled:$,error:Be,filled:Ae,minHeight:Oe?Te:void 0,borderRadius:li,fillOverrides:oi,leading:Ti,leadingDivider:null!=J,paddingLeft:ci?0:void 0,trailing:Ii,slotAlign:Oe?"top":"center",slotLineHeight:Oe?De:void 0,topNotch:pi.topNotch,onPress:Je,pressFeedback:!1,style:pe,children:[Di,V(f,{style:Fe.inputWrap,children:[N(p,{ref:Xe,style:[Fe.input,{color:gi,fontSize:Ie.fontSize,...fi.weightStyle,paddingLeft:ci?0:void 0,minHeight:Oe?Te-2*Ie.paddingVertical:void 0,lineHeight:Oe?De:void 0,paddingTop:Oe?Pe:void 0,textAlignVertical:Oe?"top":"center"},fe],textAlign:ae,placeholder:Ke&&!We||hi?void 0:P,placeholderTextColor:mi,value:de&&null!=A?de(A):A,onChangeText:e=>{B&&B(ce?ce(e):e)},onFocus:ei,onBlur:ii,editable:Me,readOnly:_,secureTextEntry:Ve&&!Le,multiline:Oe,autoCapitalize:Ve?"none":void 0,autoCorrect:!Ve&&void 0,maxLength:re,selectionColor:ni,accessibilityLabel:Si,accessibilityState:{disabled:$},testID:ve,...ze}),hi?N(j,{text:P,color:mi,fontSize:Ie.fontSize,weightStyle:fi.weightStyle,align:Oe?"top":"center",paddingTop:Oe?Pe:void 0,textAlign:ae}):null]})]}),pi.node]}),Ri]}),xi||bi?V(f,{style:[Fe.footerRow,{marginTop:Ie.messageGap}],children:[xi?V(s.View,{style:[Fe.messageRow,{columnGap:we.spacing.xs+2,opacity:Ue}],accessibilityLiveRegion:Be?"polite":"none",children:[Be?N(I,{size:Ie.messageFontSize,color:vi}):null,N(u,{style:[Fe.messageText,{color:vi,fontSize:Ie.messageFontSize,...h(we,"normal")},me],children:yi})]}):N(f,{style:Fe.footerSpacer}),bi?N(u,{style:[Fe.counterText,{color:we.colors.text.tertiary,fontSize:Ie.messageFontSize,...h(we,"normal")}],children:bi}):null]}):null]})});O.displayName="Input";const buildStyles=e=>c.create({container:{width:"100%"},fieldRow:{flexDirection:"row"},fieldWrapper:{position:"relative",overflow:"visible",flex:1},action:{flexShrink:0},input:{padding:0,margin:0,includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},inputWrap:{flex:1,alignSelf:"stretch",justifyContent:"center"},unit:{includeFontPadding:!1},trailingRow:{flexDirection:"row",alignItems:"center",columnGap:8},footerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:8},footerSpacer:{flex:1},messageRow:{flex:1,flexDirection:"row",alignItems:"center"},messageText:{flexShrink:1,includeFontPadding:!1},counterText:{flexShrink:0,includeFontPadding:!1}});export{O as Input};export default O;
+"use strict";import React,{forwardRef,useCallback,useEffect,useMemo,useRef,useState}from"react";import{Animated,Easing,Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{useReducedMotion}from"../../hooks/index.js";import{createAnimatedValue,fontFor,setNativeValue,useTheme}from"../../theme/index.js";import{mergeRefs,triggerHaptic}from"../../utils/index.js";import{defaultIcons}from"../AppIcon/defaultIcons.js";import{renderSlotIcon}from"../AppIcon/slotIcon.js";import{Button}from"../Button/index.js";import{FieldBase,FieldErrorGlyph,FieldLabel,fieldTextAsString,hasFieldText,RequiredPlaceholder,resolveFieldSize,resolveFieldTextStyle}from"../FieldBase/FieldBase.js";import{useFloatingLabel}from"../FieldBase/useFloatingLabel.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const multilineMinHeightMap={sm:72,md:92,lg:110},Input=forwardRef((e,t)=>{const{label:i,help:n,placeholder:o,value:l,onChangeText:r,error:s,helperText:a,type:d="input",secureTextEntry:c=!1,showPasswordToggle:u=!1,disabled:p=!1,multiline:f=!1,leftIcon:g,rightIcon:m,unit:x,unitStyle:h,prefix:y,prefixStyle:b,readOnly:S=!1,action:v,actionStyle:F,size:w="md",variant:j,labelMode:T,required:z=!1,maxLength:R,showCounter:I=!0,textAlign:V,format:A,parse:_,style:k,containerStyle:C,inputStyle:D,labelStyle:L,messageStyle:H,borderRadius:E,onFocus:M,onBlur:N,accessibilityLabel:P,testID:B,editable:O,...G}=e,q=useTheme(),W=useMemo(()=>buildStyles(q),[q]),$=resolveFieldSize(q,w),X=multilineMinHeightMap[w],J=Math.round(1.4*$.fontSize),K=j??q.components.input?.defaultVariant??q.components.field?.defaultVariant??"outlined",Q=T??q.components.input?.defaultLabelMode??"top",[U,Y]=useState(!1),[Z,ee]=useState(!1),te="password"===d||u||c,ie="password"===d||u,ne="textarea"===d||f,oe=ne?Math.round(.1*$.fontSize):0,le="string"==typeof l&&l.length>0,re=hasFieldText(s),se=hasFieldText(a),ae=hasFieldText(i),de=hasFieldText(y),ce=!p&&!1!==O,ue=U||le||de,pe=useRef(null),fe=useMemo(()=>mergeRefs(pe,t),[t]),ge=useCallback(()=>{ce&&pe.current?.focus()},[ce]),me=ae&&"float"===Q,xe=useRef(createAnimatedValue(0)).current,he=useRef(createAnimatedValue(re||se?1:0)).current;useEffect(()=>{const e=Animated.timing(he,{toValue:re||se?1:0,duration:q.motion.duration.fast,easing:Easing.bezier(...q.motion.easing.standard),useNativeDriver:!0});return e.start(),()=>e.stop()},[re,se,he,q.motion.duration.fast,q.motion.easing.standard]);const ye=useReducedMotion(),be=q.components.input?.shakeOnError??!1,Se=useRef(re);useEffect(()=>{if(!be)return void(Se.current=re);let e;return re&&!Se.current&&(ye||(setNativeValue(xe,0),e=Animated.sequence([Animated.timing(xe,{toValue:1,duration:50,useNativeDriver:!0}),Animated.timing(xe,{toValue:-1,duration:50,useNativeDriver:!0}),Animated.timing(xe,{toValue:1,duration:50,useNativeDriver:!0}),Animated.timing(xe,{toValue:-1,duration:50,useNativeDriver:!0}),Animated.timing(xe,{toValue:0,duration:100,useNativeDriver:!0})]),e.start()),triggerHaptic("notificationError")),Se.current=re,()=>e?.stop()},[re,xe,be,ye]);const ve=useCallback(e=>{Y(!0),M?.(e)},[M]),Fe=useCallback(e=>{Y(!1),N?.(e)},[N]),we=useCallback(()=>{triggerHaptic("selection"),ee(e=>!e)},[]),je=useMemo(()=>{const e=q.components.input?.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},[q.components.input?.fillColors,K]),Te=q.colors.field.caret,ze=E??q.components.input?.borderRadius,Re=q.components.input?.tintLabelOnFocus??!1,Ie=U&&Re?q.colors.field.borderFocused:q.colors.field.label,Ve=xe.interpolate({inputRange:[-1,0,1],outputRange:[-6,0,6]}),Ae=Boolean(m)||Boolean(x)||ie,_e="underline"===K,ke=g?$.iconSize+q.spacing.md+1+q.spacing.md:0,Ce=useFloatingLabel({label:i,enabled:me,floated:ue,required:z,variant:K,sizeTokens:$,leadingOffset:ke,trailingOffset:Ae?$.iconSize+q.spacing.sm:0,textAlign:V,paddingLeft:_e?0:$.paddingHorizontal,lineHeight:ne?J:void 0,restNudge:oe,floatTrim:ne?2:0,color:Ie,style:L}),De=resolveFieldTextStyle(q,{disabled:p}),Le=De.color,He=De.placeholderColor,Ee=z&&!ae&&!le&&"string"==typeof o&&o.length>0,Me=re?s:a,Ne=re||se,Pe=I&&"number"==typeof R&&"string"==typeof l?`${l.length} / ${R}`:null,Be=re?q.colors.field.message:q.colors.text.secondary,Oe=P??fieldTextAsString(i)??o,Ge=q.colors.field,qe=p?Ge.iconDisabled:U?Ge.iconFocused:Ge.icon,We={focused:U,disabled:p,error:re,color:qe,size:$.iconSize},renderSlot=e=>renderSlotIcon(e,We),$e=(()=>{if(ie){const e=(Z?q.icons?.eyeOff:q.icons?.eye)??(Z?defaultIcons.eyeOff:defaultIcons.eye);return _jsx(Pressable,{onPress:we,disabled:!ce,hitSlop:8,accessibilityRole:"button",accessibilityLabel:Z?"Hide password":"Show password",children:e({size:$.iconSize,color:qe})})}const e=x?_jsx(Text,{style:[W.unit,{fontSize:$.fontSize,color:He},h],children:x}):null,t=m?_jsx(View,{children:renderSlot(m)}):null;return e&&t?_jsxs(View,{style:W.trailingRow,children:[e,t]}):e??t})(),Xe=g?_jsx(View,{children:renderSlot(g)}):null,Je=de?"string"==typeof y||"number"==typeof y?_jsx(Text,{style:[W.prefix,{fontSize:$.fontSize,color:He,marginRight:q.spacing.xs,lineHeight:ne?J:void 0,paddingTop:ne?oe:void 0},b],children:y}):_jsx(View,{style:[W.prefixNode,{marginRight:q.spacing.xs,minHeight:ne?J:void 0,justifyContent:"center",paddingTop:ne?oe:void 0}],children:y}):null,Ke=v?_jsx(Button,{variant:v.variant??"outline",tone:v.tone??"primary",size:w,title:v.label,leftIcon:v.icon,loading:v.loading,disabled:p||v.disabled,onPress:v.onPress,pressAnimation:!1,testID:v.testID,style:[W.action,{minHeight:$.minHeight,alignSelf:ne?"flex-start":"stretch"},F]}):null;return _jsxs(Animated.View,{style:[W.container,{transform:[{translateX:Ve}]},k],children:[ae&&!me?_jsx(FieldLabel,{size:w,required:z,help:n,color:Ie,style:L,children:i}):null,_jsxs(View,{style:[W.fieldRow,{columnGap:q.spacing.sm,alignItems:ne?"flex-start":"stretch"}],children:[_jsxs(View,{style:W.fieldWrapper,children:[_jsxs(FieldBase,{size:w,variant:K,focused:U,disabled:p,error:re,filled:le,minHeight:ne?X:void 0,borderRadius:ze,fillOverrides:je,leading:Xe,leadingDivider:null!=g,paddingLeft:_e?0:void 0,trailing:$e,slotAlign:ne?"top":"center",slotLineHeight:ne?J:void 0,topNotch:Ce.topNotch,onPress:ge,pressFeedback:!1,style:C,children:[Je,_jsxs(View,{style:W.inputWrap,children:[_jsx(TextInput,{ref:fe,style:[W.input,{color:Le,fontSize:$.fontSize,...De.weightStyle,paddingLeft:_e?0:void 0,minHeight:ne?X-2*$.paddingVertical:void 0,lineHeight:ne?J:void 0,paddingTop:ne?oe:void 0,textAlignVertical:ne?"top":"center"},D],textAlign:V,placeholder:me&&!ue||Ee?void 0:o,placeholderTextColor:He,value:A&&null!=l?A(l):l,onChangeText:e=>{r&&r(_?_(e):e)},onFocus:ve,onBlur:Fe,editable:ce,readOnly:S,secureTextEntry:te&&!Z,multiline:ne,autoCapitalize:te?"none":void 0,autoCorrect:!te&&void 0,maxLength:R,selectionColor:Te,accessibilityLabel:Oe,accessibilityState:{disabled:p},testID:B,...G}),Ee?_jsx(RequiredPlaceholder,{text:o,color:He,fontSize:$.fontSize,weightStyle:De.weightStyle,align:ne?"top":"center",paddingTop:ne?oe:void 0,textAlign:V}):null]})]}),Ce.node]}),Ke]}),Ne||Pe?_jsxs(View,{style:[W.footerRow,{marginTop:$.messageGap}],children:[Ne?_jsxs(Animated.View,{style:[W.messageRow,{columnGap:q.spacing.xs+2,opacity:he}],accessibilityLiveRegion:re?"polite":"none",children:[re?_jsx(FieldErrorGlyph,{size:$.messageFontSize,color:Be}):null,_jsx(Text,{style:[W.messageText,{color:Be,fontSize:$.messageFontSize,...fontFor(q,"normal")},H],children:Me})]}):_jsx(View,{style:W.footerSpacer}),Pe?_jsx(Text,{style:[W.counterText,{color:q.colors.text.tertiary,fontSize:$.messageFontSize,...fontFor(q,"normal")}],children:Pe}):null]}):null]})});Input.displayName="Input";const buildStyles=e=>StyleSheet.create({container:{width:"100%"},fieldRow:{flexDirection:"row"},fieldWrapper:{position:"relative",overflow:"visible",flex:1},action:{flexShrink:0},input:{padding:0,margin:0,includeFontPadding:!1},prefix:{flexShrink:0,includeFontPadding:!1},prefixNode:{flexShrink:0},inputWrap:{flex:1,alignSelf:"stretch",justifyContent:"center"},unit:{includeFontPadding:!1},trailingRow:{flexDirection:"row",alignItems:"center",columnGap:8},footerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:8},footerSpacer:{flex:1},messageRow:{flex:1,flexDirection:"row",alignItems:"center"},messageText:{flexShrink:1,includeFontPadding:!1},counterText:{flexShrink:0,includeFontPadding:!1}});export{Input};export default Input;

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

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

package/lib/module/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js

@@ -1 +1 @@
-import{forwardRef as e}from"react";import{Keyboard as r,Pressable as o,RefreshControl as t}from"react-native";import{KeyboardAwareScrollView as i}from"react-native-keyboard-controller";import{useSafeAreaInsets as n}from"react-native-safe-area-context";import{useTheme as s}from"../../theme/index.js";import{jsx as a}from"react/jsx-runtime";const l={flexGrow:1},d=e((e,d)=>{const{children:c,bottomOffset:m=24,extraKeyboardSpace:f=0,safeAreaEdges:p=["bottom"],refreshing:h=!1,onRefresh:b,dismissOnTapOutside:y=!1,contentContainerStyle:u,refreshControl:g,...x}=e,S=s(),w=n(),C=p.includes("bottom"),v={paddingBottom:C?w.bottom:0,...p.includes("top")?{paddingTop:w.top}:null,...p.includes("left")?{paddingLeft:w.left}:null,...p.includes("right")?{paddingRight:w.right}:null},K=g??(b?a(t,{refreshing:h,onRefresh:b,tintColor:S.colors.primary,colors:[S.colors.primary]}):void 0);return a(i,{ref:d,bottomOffset:m,extraKeyboardSpace:f-(C?w.bottom:0),keyboardShouldPersistTaps:"handled",keyboardDismissMode:"none",contentContainerStyle:[u,v],refreshControl:K,...x,children:y?a(o,{accessible:!1,onPress:r.dismiss,style:l,children:c}):c})});d.displayName="KeyboardAwareScrollView";export{d as KeyboardAwareScrollView};export default d;
+"use strict";import{forwardRef}from"react";import{Keyboard,Pressable,RefreshControl}from"react-native";import{KeyboardAwareScrollView as ControllerScrollView}from"react-native-keyboard-controller";import{useSafeAreaInsets}from"react-native-safe-area-context";import{useTheme}from"../../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";const tapAreaStyle={flexGrow:1},KeyboardAwareScrollView=forwardRef((e,r)=>{const{children:o,bottomOffset:t=24,extraKeyboardSpace:a=0,safeAreaEdges:s=["bottom"],refreshing:l=!1,onRefresh:i,dismissOnTapOutside:n=!1,contentContainerStyle:d,refreshControl:c,...f}=e,m=useTheme(),p=useSafeAreaInsets(),b=s.includes("bottom"),y={paddingBottom:b?p.bottom:0,...s.includes("top")?{paddingTop:p.top}:null,...s.includes("left")?{paddingLeft:p.left}:null,...s.includes("right")?{paddingRight:p.right}:null},h=c??(i?_jsx(RefreshControl,{refreshing:l,onRefresh:i,tintColor:m.colors.primary,colors:[m.colors.primary]}):void 0);return _jsx(ControllerScrollView,{ref:r,bottomOffset:t,extraKeyboardSpace:a-(b?p.bottom:0),keyboardShouldPersistTaps:"handled",keyboardDismissMode:"none",contentContainerStyle:[d,y],refreshControl:h,...f,children:n?_jsx(Pressable,{accessible:!1,onPress:Keyboard.dismiss,style:tapAreaStyle,children:o}):o})});KeyboardAwareScrollView.displayName="KeyboardAwareScrollView";export{KeyboardAwareScrollView};export default KeyboardAwareScrollView;

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

@@ -1 +1 @@
-export{KeyboardAwareScrollView}from"./KeyboardAwareScrollView.js";
+"use strict";export{KeyboardAwareScrollView}from"./KeyboardAwareScrollView.js";

package/lib/module/components/KeyboardToolbar/KeyboardToolbar.js

@@ -1 +1 @@
-import{Pressable as e,StyleSheet as o,View as i}from"react-native";import{KeyboardController as t,KeyboardStickyView as r,useKeyboardState as s}from"react-native-keyboard-controller";import{useOptionalFormContext as l}from"../../form/FormContext.js";import{useTheme as n}from"../../theme/index.js";import{Text as a}from"../Text/index.js";import{jsx as c,jsxs as b}from"react/jsx-runtime";const NavButton=({label:o,accessibilityLabel:i,onPress:t,theme:r})=>c(e,{onPress:t,accessibilityRole:"button",accessibilityLabel:i,hitSlop:8,style:{paddingHorizontal:r.spacing.sm},children:c(a,{variant:"h2",color:"link",children:o})}),KeyboardToolbar=o=>{const{doneLabel:m="Done",showNavigation:h=!0,onDone:p,onNext:f,onPrev:y,leading:x,style:u,testID:g}=o,v=n(),P=l();if(!s(e=>e.isVisible))return null;const j=p??(()=>{t.dismiss()}),D=y??P?.focusPrev??(()=>t.setFocusTo("prev")),L=f??P?.focusNext??(()=>t.setFocusTo("next"));return c(r,{style:d.anchor,children:b(i,{testID:g,accessibilityRole:"toolbar",style:[d.bar,{backgroundColor:v.colors.background.elevated,borderTopColor:v.colors.border.primary,paddingHorizontal:v.spacing.md},u],children:[h?b(i,{style:d.nav,children:[c(NavButton,{label:"‹",accessibilityLabel:"Previous field",onPress:D,theme:v}),c(NavButton,{label:"›",accessibilityLabel:"Next field",onPress:L,theme:v})]}):c(i,{}),x,c(i,{style:d.spacer}),c(e,{onPress:j,accessibilityRole:"button",accessibilityLabel:m,hitSlop:8,children:c(a,{variant:"body",weight:"semibold",color:"link",children:m})})]})})},d=o.create({anchor:{position:"absolute",left:0,right:0,bottom:0},bar:{height:44,flexDirection:"row",alignItems:"center",borderTopWidth:o.hairlineWidth},nav:{flexDirection:"row",alignItems:"center"},spacer:{flex:1}});export{KeyboardToolbar};export default KeyboardToolbar;
+"use strict";import{Pressable,StyleSheet,View}from"react-native";import{KeyboardController,KeyboardStickyView,useKeyboardState}from"react-native-keyboard-controller";import{useOptionalFormContext}from"../../form/FormContext.js";import{useTheme}from"../../theme/index.js";import{Text}from"../Text/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const NavButton=({label:e,accessibilityLabel:o,onPress:t,theme:s})=>_jsx(Pressable,{onPress:t,accessibilityRole:"button",accessibilityLabel:o,hitSlop:8,style:{paddingHorizontal:s.spacing.sm},children:_jsx(Text,{variant:"h2",color:"link",children:e})}),KeyboardToolbar=e=>{const{doneLabel:o="Done",showNavigation:t=!0,onDone:s,onNext:r,onPrev:i,leading:l,style:a,testID:n}=e,c=useTheme(),b=useOptionalFormContext();if(!useKeyboardState(e=>e.isVisible))return null;const d=s??(()=>{KeyboardController.dismiss()}),y=i??b?.focusPrev??(()=>KeyboardController.setFocusTo("prev")),x=r??b?.focusNext??(()=>KeyboardController.setFocusTo("next"));return _jsx(KeyboardStickyView,{style:styles.anchor,children:_jsxs(View,{testID:n,accessibilityRole:"toolbar",style:[styles.bar,{backgroundColor:c.colors.background.elevated,borderTopColor:c.colors.border.primary,paddingHorizontal:c.spacing.md},a],children:[t?_jsxs(View,{style:styles.nav,children:[_jsx(NavButton,{label:"‹",accessibilityLabel:"Previous field",onPress:y,theme:c}),_jsx(NavButton,{label:"›",accessibilityLabel:"Next field",onPress:x,theme:c})]}):_jsx(View,{}),l,_jsx(View,{style:styles.spacer}),_jsx(Pressable,{onPress:d,accessibilityRole:"button",accessibilityLabel:o,hitSlop:8,children:_jsx(Text,{variant:"body",weight:"semibold",color:"link",children:o})})]})})},styles=StyleSheet.create({anchor:{position:"absolute",left:0,right:0,bottom:0},bar:{height:44,flexDirection:"row",alignItems:"center",borderTopWidth:StyleSheet.hairlineWidth},nav:{flexDirection:"row",alignItems:"center"},spacer:{flex:1}});export{KeyboardToolbar};export default KeyboardToolbar;

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

@@ -1 +1 @@
-export{KeyboardToolbar}from"./KeyboardToolbar.js";
+"use strict";export{KeyboardToolbar}from"./KeyboardToolbar.js";

package/lib/module/components/ListItem/ListItem.js

@@ -1 +1 @@
-import e,{forwardRef as t,useMemo as i}from"react";import{Animated as l,Pressable as n,StyleSheet as s,Text as r,View as o}from"react-native";import{useFlickGuard as c}from"../../hooks/useFlickGuard.js";import{usePressAnimation as a}from"../../hooks/usePressAnimation.js";import{fontFor as d,useTheme as m}from"../../theme/index.js";import{resolveHaptic as g,triggerHaptic as p}from"../../utils/hapticUtils.js";import{defaultIcons as h}from"../AppIcon/defaultIcons.js";import{Button as u}from"../Button/index.js";import{IconBadge as y}from"../IconBadge/index.js";import{Skeleton as b}from"../Skeleton/index.js";import{Swipeable as f}from"../Swipeable/index.js";import{Fragment as S,jsx as x,jsxs as z}from"react/jsx-runtime";const v={sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},sizeFor=(e,t)=>{const i={...v[t],...e.components.listItem?.[t]??{}};return{paddingVertical:e.spacing[i.paddingVertical],titleSize:e.typography.fontSize[i.titleFontSize],subtitleSize:e.typography.fontSize[i.subtitleFontSize],minHeight:i.minHeight}},Chevron=({color:e})=>{const t=m();return x(S,{children:(t.icons?.chevronRight??h.chevronRight)({size:20,color:e})})},I={sm:"sm",md:"md",lg:"lg"},renderActions=t=>{return i=t,Array.isArray(i)&&i.length>0&&i.every(t=>null!=t&&"object"==typeof t&&!e.isValidElement(t)&&"label"in t)?t.map(e=>x(u,{size:"sm",variant:e.variant??"outline",tone:e.tone,leftIcon:e.icon,disabled:e.disabled,testID:e.testID,title:e.label,onPress:e.onPress},e.label)):t;var i},j=t((e,t)=>{const{title:s,loading:h=!1,subtitle:u,description:b,titleLines:S=1,subtitleLines:v=1,left:j,icon:H,iconTone:w="primary",right:L,actions:F,onPress:V,haptic:k,selected:A=!1,disabled:D=!1,size:P="md",divider:R=!1,chevron:B=!1,leftActions:C,rightActions:O,accessibilityLabel:W,accessibilityHint:T,style:M,containerStyle:N,titleStyle:E,subtitleStyle:G,descriptionStyle:U,leftSlotStyle:_,rightSlotStyle:q,testID:J}=e,K=m(),Q=i(()=>sizeFor(K,P),[K,P]),X=i(()=>buildStyles(K),[K]),Y=!!V&&!D,{scale:Z,pressIn:$,pressOut:ee}=a({enabled:Y}),te=c(),ie=W??("string"==typeof s?s:void 0),isText=e=>"string"==typeof e||"number"==typeof e,le=j??(void 0===H?null:x(y,{icon:H,tone:w,size:I[P]})),ne=null!=F&&!1!==F&&!(Array.isArray(F)&&0===F.length),se=R&&!ne,re=z(o,{style:[X.row,{paddingVertical:Q.paddingVertical,minHeight:Q.minHeight,backgroundColor:A?K.colors.surface.selected:"transparent"},se?X.divider:null,D?X.disabled:null,N],children:[le?x(o,{style:[X.leftSlot,_],children:le}):null,z(o,{style:X.middle,children:[null==s||isText(s)?x(r,{style:[X.title,{fontSize:Q.titleSize,...d(K,"medium"),color:D?K.colors.text.disabled:K.colors.text.primary},E],numberOfLines:S,children:s??" "}):s,null==u||""===u?null:isText(u)?x(r,{style:[X.subtitle,{fontSize:Q.subtitleSize,color:D?K.colors.text.disabled:K.colors.text.secondary},G],numberOfLines:v,children:u}):u,b?x(r,{style:[X.description,{fontSize:Q.subtitleSize,color:D?K.colors.text.disabled:K.colors.text.tertiary},U],numberOfLines:2,children:b}):null]}),L||B?z(o,{style:[X.rightSlot,q],children:[L,B?x(o,{style:L?X.chevronWithRight:null,children:x(Chevron,{color:D?K.colors.text.disabled:K.colors.text.tertiary})}):null]}):null]}),oe=V?x(l.View,{style:[{transform:[{scale:Z}]},M],children:x(n,{ref:t,onPress:e=>{if(!Y||te.isFlick(e))return;const t=g(k,"selection");t&&p(t),V?.(e)},onPressIn:e=>{te.onPressIn(e),$()},onPressOut:ee,disabled:!Y,accessibilityRole:"button",accessibilityLabel:ie,accessibilityHint:T,accessibilityState:{selected:A,disabled:!Y},testID:J,android_ripple:{color:K.colors.surface.pressed,borderless:!1},style:({pressed:e})=>e?X.pressed:null,children:re})}):x(o,{ref:t,accessibilityRole:"none",accessibilityLabel:ie,accessibilityHint:T,accessibilityState:{selected:A,disabled:D},testID:J,style:M,children:re}),ce=C&&C.length>0||O&&O.length>0,ae=ne?z(o,{style:[A?{backgroundColor:K.colors.surface.selected}:null,R?X.divider:null],children:[oe,x(o,{style:X.actions,children:renderActions(F)})]}):oe,de=ce?x(f,{leftActions:C,rightActions:O,accessibilityLabel:ie,children:ae}):ae;return h?x(ListItemSkeleton,{...e}):de});j.displayName="ListItem";const ListItemSkeleton=({subtitle:e,description:t,left:i,icon:l,right:n,chevron:s,size:r="md",containerStyle:c,style:a})=>{const d=m(),g=sizeFor(d,r),p=Math.round(1.15*g.titleSize),h=Math.round(1.15*g.subtitleSize);return z(o,{style:[{flexDirection:"row",alignItems:"center",paddingHorizontal:d.spacing.md,paddingVertical:g.paddingVertical,minHeight:g.minHeight},c,a],children:[void 0!==i||void 0!==l?x(o,{style:{marginRight:d.spacing.sm},children:x(b,{shape:"circle",width:40,height:40})}):null,z(o,{style:{flex:1},children:[x(b,{shape:"text",width:"70%",height:p,style:{marginBottom:d.spacing.xs}}),void 0!==e?x(b,{shape:"text",width:"50%",height:h,style:void 0!==t?{marginBottom:d.spacing.xs}:void 0}):null,void 0!==t?x(b,{shape:"text",width:"85%",height:h}):null]}),void 0!==n||s?x(o,{style:{marginLeft:d.spacing.sm},children:x(b,{width:20,height:20,radius:"sm"})}):null]})};ListItemSkeleton.displayName="ListItemSkeleton",j.Skeleton=ListItemSkeleton;const buildStyles=e=>s.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.spacing.md},divider:{borderBottomWidth:s.hairlineWidth,borderBottomColor:e.colors.border.primary},pressed:{backgroundColor:e.colors.surface.pressed},disabled:{opacity:.55},leftSlot:{marginRight:e.spacing.md,alignItems:"center",justifyContent:"center"},middle:{flex:1,flexDirection:"column",justifyContent:"center"},rightSlot:{marginLeft:e.spacing.md,alignItems:"center",justifyContent:"center",flexDirection:"row"},actions:{flexDirection:"row",flexWrap:"wrap",gap:e.spacing.sm,paddingHorizontal:e.spacing.md,paddingBottom:e.spacing.md},chevronWithRight:{marginLeft:e.spacing.xs},title:{letterSpacing:e.typography.letterSpacing.normal},subtitle:{marginTop:2,...d(e,"normal")},description:{marginTop:2,...d(e,"normal")}});export{j as ListItem};export default j;
+"use strict";import React,{forwardRef,useMemo}from"react";import{Animated,Pressable,StyleSheet,Text,View}from"react-native";import{useFlickGuard}from"../../hooks/useFlickGuard.js";import{usePressAnimation}from"../../hooks/usePressAnimation.js";import{fontFor,useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{defaultIcons}from"../AppIcon/defaultIcons.js";import{Button}from"../Button/index.js";import{IconBadge}from"../IconBadge/index.js";import{Skeleton}from"../Skeleton/index.js";import{Swipeable}from"../Swipeable/index.js";import{Fragment as _Fragment,jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const SIZE_FALLBACK={sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},sizeFor=(e,t)=>{const i={...SIZE_FALLBACK[t],...e.components.listItem?.[t]??{}};return{paddingVertical:e.spacing[i.paddingVertical],titleSize:e.typography.fontSize[i.titleFontSize],subtitleSize:e.typography.fontSize[i.subtitleFontSize],minHeight:i.minHeight}},Chevron=({color:e})=>{const t=useTheme();return _jsx(_Fragment,{children:(t.icons?.chevronRight??defaultIcons.chevronRight)({size:20,color:e})})},BADGE_SIZE={sm:"sm",md:"md",lg:"lg"},isActionList=e=>Array.isArray(e)&&e.length>0&&e.every(e=>null!=e&&"object"==typeof e&&!React.isValidElement(e)&&"label"in e),renderActions=e=>isActionList(e)?e.map(e=>_jsx(Button,{size:"sm",variant:e.variant??"outline",tone:e.tone,leftIcon:e.icon,disabled:e.disabled,testID:e.testID,title:e.label,onPress:e.onPress},e.label)):e,ListItem=forwardRef((e,t)=>{const{title:i,loading:s=!1,subtitle:l,description:n,titleLines:o=1,subtitleLines:r=1,left:a,icon:c,iconTone:d="primary",right:m,actions:g,onPress:p,haptic:h,selected:u=!1,disabled:y=!1,size:x="md",divider:b=!1,chevron:f=!1,leftActions:S,rightActions:j,accessibilityLabel:_,accessibilityHint:I,style:w,containerStyle:z,titleStyle:L,subtitleStyle:v,descriptionStyle:A,leftSlotStyle:F,rightSlotStyle:V,testID:k}=e,H=useTheme(),B=useMemo(()=>sizeFor(H,x),[H,x]),D=useMemo(()=>buildStyles(H),[H]),P=!!p&&!y,{scale:R,pressIn:C,pressOut:T}=usePressAnimation({enabled:P}),E=useFlickGuard(),G=_??("string"==typeof i?i:void 0),isText=e=>"string"==typeof e||"number"==typeof e,M=a??(void 0===c?null:_jsx(IconBadge,{icon:c,tone:d,size:BADGE_SIZE[x]})),O=null!=g&&!1!==g&&!(Array.isArray(g)&&0===g.length),W=b&&!O,Z=_jsxs(View,{style:[D.row,{paddingVertical:B.paddingVertical,minHeight:B.minHeight,backgroundColor:u?H.colors.surface.selected:"transparent"},W?D.divider:null,y?D.disabled:null,z],children:[M?_jsx(View,{style:[D.leftSlot,F],children:M}):null,_jsxs(View,{style:D.middle,children:[null==i||isText(i)?_jsx(Text,{style:[D.title,{fontSize:B.titleSize,...fontFor(H,"medium"),color:y?H.colors.text.disabled:H.colors.text.primary},L],numberOfLines:o,children:i??" "}):i,null==l||""===l?null:isText(l)?_jsx(Text,{style:[D.subtitle,{fontSize:B.subtitleSize,color:y?H.colors.text.disabled:H.colors.text.secondary},v],numberOfLines:r,children:l}):l,n?_jsx(Text,{style:[D.description,{fontSize:B.subtitleSize,color:y?H.colors.text.disabled:H.colors.text.tertiary},A],numberOfLines:2,children:n}):null]}),m||f?_jsxs(View,{style:[D.rightSlot,V],children:[m,f?_jsx(View,{style:m?D.chevronWithRight:null,children:_jsx(Chevron,{color:y?H.colors.text.disabled:H.colors.text.tertiary})}):null]}):null]}),K=p?_jsx(Animated.View,{style:[{transform:[{scale:R}]},w],children:_jsx(Pressable,{ref:t,onPress:e=>{if(!P||E.isFlick(e))return;const t=resolveHaptic(h,"selection");t&&triggerHaptic(t),p?.(e)},onPressIn:e=>{E.onPressIn(e),C()},onPressOut:T,disabled:!P,accessibilityRole:"button",accessibilityLabel:G,accessibilityHint:I,accessibilityState:{selected:u,disabled:!P},testID:k,android_ripple:{color:H.colors.surface.pressed,borderless:!1},style:({pressed:e})=>e?D.pressed:null,children:Z})}):_jsx(View,{ref:t,accessibilityRole:"none",accessibilityLabel:G,accessibilityHint:I,accessibilityState:{selected:u,disabled:y},testID:k,style:w,children:Z}),N=S&&S.length>0||j&&j.length>0,U=O?_jsxs(View,{style:[u?{backgroundColor:H.colors.surface.selected}:null,b?D.divider:null],children:[K,_jsx(View,{style:D.actions,children:renderActions(g)})]}):K,q=N?_jsx(Swipeable,{leftActions:S,rightActions:j,accessibilityLabel:G,children:U}):U;return s?_jsx(ListItemSkeleton,{...e}):q});ListItem.displayName="ListItem";const ListItemSkeleton=({subtitle:e,description:t,left:i,icon:s,right:l,chevron:n,size:o="md",containerStyle:r,style:a})=>{const c=useTheme(),d=sizeFor(c,o),m=Math.round(1.15*d.titleSize),g=Math.round(1.15*d.subtitleSize);return _jsxs(View,{style:[{flexDirection:"row",alignItems:"center",paddingHorizontal:c.spacing.md,paddingVertical:d.paddingVertical,minHeight:d.minHeight},r,a],children:[void 0!==i||void 0!==s?_jsx(View,{style:{marginRight:c.spacing.sm},children:_jsx(Skeleton,{shape:"circle",width:40,height:40})}):null,_jsxs(View,{style:{flex:1},children:[_jsx(Skeleton,{shape:"text",width:"70%",height:m,style:{marginBottom:c.spacing.xs}}),void 0!==e?_jsx(Skeleton,{shape:"text",width:"50%",height:g,style:void 0!==t?{marginBottom:c.spacing.xs}:void 0}):null,void 0!==t?_jsx(Skeleton,{shape:"text",width:"85%",height:g}):null]}),void 0!==l||n?_jsx(View,{style:{marginLeft:c.spacing.sm},children:_jsx(Skeleton,{width:20,height:20,radius:"sm"})}):null]})};ListItemSkeleton.displayName="ListItemSkeleton",ListItem.Skeleton=ListItemSkeleton;const buildStyles=e=>StyleSheet.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.spacing.md},divider:{borderBottomWidth:StyleSheet.hairlineWidth,borderBottomColor:e.colors.border.primary},pressed:{backgroundColor:e.colors.surface.pressed},disabled:{opacity:.55},leftSlot:{marginRight:e.spacing.md,alignItems:"center",justifyContent:"center"},middle:{flex:1,flexDirection:"column",justifyContent:"center"},rightSlot:{marginLeft:e.spacing.md,alignItems:"center",justifyContent:"center",flexDirection:"row"},actions:{flexDirection:"row",flexWrap:"wrap",gap:e.spacing.sm,paddingHorizontal:e.spacing.md,paddingBottom:e.spacing.md},chevronWithRight:{marginLeft:e.spacing.xs},title:{letterSpacing:e.typography.letterSpacing.normal},subtitle:{marginTop:2,...fontFor(e,"normal")},description:{marginTop:2,...fontFor(e,"normal")}});export{ListItem};export default ListItem;

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

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

package/lib/module/components/LoaderOverlay/LoaderOverlay.js

@@ -1 +1 @@
-import e,{useEffect as r,useMemo as t,useRef as n,useState as o}from"react";import{AccessibilityInfo as s,Animated as i,BackHandler as u,Easing as a,StyleSheet as l}from"react-native";import{useReducedMotion as c}from"../../hooks/useReducedMotion.js";import{createAnimatedValue as m,useTheme as d}from"../../theme/index.js";import{Spinner as f}from"../Spinner/index.js";import{jsx as g}from"react/jsx-runtime";let y={refCount:0,message:void 0};const v=new Set,notify=()=>{for(const e of v)e()},getState=()=>y,show=e=>{y={refCount:y.refCount+1,message:e??y.message},notify()},hide=()=>{if(y.refCount<=0)return;const e=y.refCount-1;y={refCount:e,message:0===e?void 0:y.message},notify()};export const loader={show:show,hide:hide,wrap:async(e,r)=>{show(r);try{return await("function"==typeof e?e():e)}finally{hide()}},isVisible:()=>y.refCount>0,reset:()=>{0===y.refCount&&void 0===y.message||(y={refCount:0,message:void 0},notify())}};export const useLoader=()=>loader;export const LoaderOverlay=({renderIndicator:e,backdropColor:l,showDelayMs:y=150,minVisibleMs:b=400,testID:p})=>{const C=d(),w=c(),[x,h]=o(getState),[V,j]=o(!1),D=n(!1),I=n(null),L=n(null),T=n(null),k=n(m(0)).current;r(()=>{return e=()=>h(getState()),v.add(e),()=>{v.delete(e)};var e},[]),r(()=>{D.current=V},[V]);const M=x.refCount>0;r(()=>{if(M)return null!==L.current&&(clearTimeout(L.current),L.current=null),void(D.current||null!==I.current||(I.current=setTimeout(()=>{I.current=null,T.current=Date.now(),j(!0)},y)));if(null!==I.current)return clearTimeout(I.current),void(I.current=null);if(D.current&&null===L.current){const e=null!==T.current?Date.now()-T.current:b,r=Math.max(0,b-e);L.current=setTimeout(()=>{L.current=null,T.current=null,j(!1)},r)}},[M,y,b]),r(()=>()=>{null!==I.current&&clearTimeout(I.current),null!==L.current&&clearTimeout(L.current)},[]),r(()=>{V?w?k.setValue(1):i.timing(k,{toValue:1,duration:C.motion.duration.normal,easing:a.bezier(...C.motion.easing.standard),useNativeDriver:!0}).start():k.setValue(0)},[V,w,k,C]),r(()=>{if(!V)return;const e=u.addEventListener("hardwareBackPress",()=>!0);return()=>{e.remove()}},[V]);const z=x.message;r(()=>{V&&z&&s.announceForAccessibility(z)},[V,z]);const R=t(()=>buildStyles(),[]);return V?g(i.View,{pointerEvents:"auto",testID:p,accessible:!0,accessibilityViewIsModal:!0,accessibilityLiveRegion:"polite",accessibilityLabel:z??"Loading",accessibilityRole:"progressbar",accessibilityState:{busy:!0},style:[R.overlay,{backgroundColor:l??C.colors.background.overlay,opacity:k}],children:e?e(z):g(f,{size:"lg",message:z})}):null};const buildStyles=()=>l.create({overlay:{...l.absoluteFill,alignItems:"center",justifyContent:"center",zIndex:1e3}});
+"use strict";import React,{useEffect,useMemo,useRef,useState}from"react";import{AccessibilityInfo,Animated,BackHandler,Easing,StyleSheet}from"react-native";import{useReducedMotion}from"../../hooks/useReducedMotion.js";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{Spinner}from"../Spinner/index.js";import{jsx as _jsx}from"react/jsx-runtime";const DEFAULT_SHOW_DELAY_MS=150,DEFAULT_MIN_VISIBLE_MS=400;let state={refCount:0,message:void 0};const listeners=new Set,notify=()=>{for(const e of listeners)e()},subscribe=e=>(listeners.add(e),()=>{listeners.delete(e)}),getState=()=>state,show=e=>{state={refCount:state.refCount+1,message:e??state.message},notify()},hide=()=>{if(state.refCount<=0)return;const e=state.refCount-1;state={refCount:e,message:0===e?void 0:state.message},notify()},reset=()=>{0===state.refCount&&void 0===state.message||(state={refCount:0,message:void 0},notify())},isVisible=()=>state.refCount>0,wrap=async(e,t)=>{show(t);try{return await("function"==typeof e?e():e)}finally{hide()}};export const loader={show:show,hide:hide,wrap:wrap,isVisible:isVisible,reset:reset};export const useLoader=()=>loader;export const LoaderOverlay=({renderIndicator:e,backdropColor:t,showDelayMs:s=150,minVisibleMs:r=400,testID:n})=>{const i=useTheme(),o=useReducedMotion(),[u,a]=useState(getState),[c,l]=useState(!1),f=useRef(!1),d=useRef(null),m=useRef(null),y=useRef(null),b=useRef(createAnimatedValue(0)).current;useEffect(()=>subscribe(()=>a(getState())),[]),useEffect(()=>{f.current=c},[c]);const g=u.refCount>0;useEffect(()=>{if(g)return null!==m.current&&(clearTimeout(m.current),m.current=null),void(f.current||null!==d.current||(d.current=setTimeout(()=>{d.current=null,y.current=Date.now(),l(!0)},s)));if(null!==d.current)return clearTimeout(d.current),void(d.current=null);if(f.current&&null===m.current){const e=null!==y.current?Date.now()-y.current:r,t=Math.max(0,r-e);m.current=setTimeout(()=>{m.current=null,y.current=null,l(!1)},t)}},[g,s,r]),useEffect(()=>()=>{null!==d.current&&clearTimeout(d.current),null!==m.current&&clearTimeout(m.current)},[]),useEffect(()=>{c?o?b.setValue(1):Animated.timing(b,{toValue:1,duration:i.motion.duration.normal,easing:Easing.bezier(...i.motion.easing.standard),useNativeDriver:!0}).start():b.setValue(0)},[c,o,b,i]),useEffect(()=>{if(!c)return;const e=BackHandler.addEventListener("hardwareBackPress",()=>!0);return()=>{e.remove()}},[c]);const S=u.message;useEffect(()=>{c&&S&&AccessibilityInfo.announceForAccessibility(S)},[c,S]);const p=useMemo(()=>buildStyles(),[]);return c?_jsx(Animated.View,{pointerEvents:"auto",testID:n,accessible:!0,accessibilityViewIsModal:!0,accessibilityLiveRegion:"polite",accessibilityLabel:S??"Loading",accessibilityRole:"progressbar",accessibilityState:{busy:!0},style:[p.overlay,{backgroundColor:t??i.colors.background.overlay,opacity:b}],children:e?e(S):_jsx(Spinner,{size:"lg",message:S})}):null};const buildStyles=()=>StyleSheet.create({overlay:{...StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center",zIndex:1e3}});

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

@@ -1 +1 @@
-export{LoaderOverlay,loader,useLoader}from"./LoaderOverlay.js";
+"use strict";export{LoaderOverlay,loader,useLoader}from"./LoaderOverlay.js";

package/lib/module/components/Markdown/Markdown.js

@@ -1 +1 @@
-import e,{useMemo as t}from"react";import{Linking as r,Platform as o,StyleSheet as l,Text as i,View as n}from"react-native";import{useTheme as s}from"../../theme/index.js";import{smoothCorners as c}from"../../utils/corners.js";import{Skeleton as a}from"../Skeleton/index.js";import{parseMarkdown as d}from"./parse.js";import{jsx as h,jsxs as y}from"react/jsx-runtime";const renderInline=(e,t,r,o="i")=>e.map((e,l)=>{const n=`${o}-${l}`;switch(e.type){case"text":return h(i,{children:e.value},n);case"strong":return h(i,{style:{fontWeight:t.typography.fontWeight.bold},children:renderInline(e.children,t,r,n)},n);case"em":return h(i,{style:{fontStyle:"italic"},children:renderInline(e.children,t,r,n)},n);case"strike":return h(i,{style:{textDecorationLine:"line-through"},children:renderInline(e.children,t,r,n)},n);case"code":return h(i,{style:{fontFamily:m,backgroundColor:t.colors.background.secondary,color:t.colors.text.primary},children:e.value},n);case"link":return h(i,{accessibilityRole:"link",onPress:()=>r(e.href),style:{color:t.colors.text.link,textDecorationLine:"underline"},children:renderInline(e.children,t,r,n)},n);default:return null}}),m=o.select({ios:"Menlo",android:"monospace",default:"monospace"}),p={1:"3xl",2:"2xl",3:"xl",4:"lg",5:"base",6:"sm"};export const Markdown=({children:e,onLinkPress:o,loading:l=!1,style:i,textStyle:c,testID:a})=>{const y=s(),m=t(()=>createStyles(y),[y]),p=t(()=>d(e??""),[e]),handleLink=e=>{o?o(e):r.openURL(e).catch(()=>{})};return l?h(MarkdownSkeleton,{style:i,testID:a}):0===p.length?null:h(n,{style:i,testID:a,children:p.map((e,t)=>h(MarkdownBlock,{block:e,theme:y,styles:m,textStyle:c,onLinkPress:handleLink},`b-${t}`))})};Markdown.displayName="Markdown";const MarkdownBlock=({block:e,theme:t,styles:r,textStyle:o,onLinkPress:l})=>{switch(e.type){case"heading":return h(i,{accessibilityRole:"header",style:[r.block,{fontSize:t.typography.fontSize[p[e.level]],fontWeight:t.typography.fontWeight.semibold,color:t.colors.text.primary},o],children:renderInline(e.children,t,l)});case"paragraph":return h(i,{style:[r.block,r.body,o],children:renderInline(e.children,t,l)});case"listItem":return y(n,{style:[r.listRow,{marginLeft:e.depth*t.spacing.md}],children:[h(i,{style:[r.body,r.bullet,o],children:e.ordered?`${e.index}.`:"•"}),h(i,{style:[r.body,r.listText,o],children:renderInline(e.children,t,l)})]});case"quote":return h(n,{style:r.quote,children:h(i,{style:[r.body,r.quoteText,o],children:renderInline(e.children,t,l)})});case"codeBlock":return h(n,{style:r.codeBlock,children:h(i,{style:r.codeText,children:e.value})});case"rule":return h(n,{style:r.rule});default:return null}},MarkdownSkeleton=({style:e,testID:t})=>y(n,{style:e,testID:t,children:[h(a,{shape:"text",width:"70%",height:20,style:{marginBottom:8}}),h(a,{shape:"text",width:"100%",height:14,style:{marginBottom:6}}),h(a,{shape:"text",width:"92%",height:14,style:{marginBottom:6}}),h(a,{shape:"text",width:"60%",height:14})]}),createStyles=e=>l.create({block:{marginBottom:e.spacing.sm},body:{fontSize:e.typography.fontSize.base,color:e.colors.text.primary,lineHeight:1.5*e.typography.fontSize.base},listRow:{flexDirection:"row",marginBottom:e.spacing.xs},bullet:{width:e.spacing.lg},listText:{flex:1},quote:{borderLeftWidth:3,borderLeftColor:e.colors.border.secondary,paddingLeft:e.spacing.sm,marginBottom:e.spacing.sm},quoteText:{color:e.colors.text.secondary,fontStyle:"italic"},codeBlock:{backgroundColor:e.colors.background.secondary,borderRadius:e.radius.sm,...c,padding:e.spacing.sm,marginBottom:e.spacing.sm},codeText:{fontFamily:m,fontSize:e.typography.fontSize.sm,color:e.colors.text.primary},rule:{height:l.hairlineWidth,backgroundColor:e.colors.border.primary,marginVertical:e.spacing.md}});
+"use strict";import React,{useMemo}from"react";import{Linking,Platform,StyleSheet,Text,View}from"react-native";import{useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{Skeleton}from"../Skeleton/index.js";import{parseMarkdown}from"./parse.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const renderInline=(e,t,r,o="i")=>e.map((e,n)=>{const s=`${o}-${n}`;switch(e.type){case"text":return _jsx(Text,{children:e.value},s);case"strong":return _jsx(Text,{style:{fontWeight:t.typography.fontWeight.bold},children:renderInline(e.children,t,r,s)},s);case"em":return _jsx(Text,{style:{fontStyle:"italic"},children:renderInline(e.children,t,r,s)},s);case"strike":return _jsx(Text,{style:{textDecorationLine:"line-through"},children:renderInline(e.children,t,r,s)},s);case"code":return _jsx(Text,{style:{fontFamily:MONO,backgroundColor:t.colors.background.secondary,color:t.colors.text.primary},children:e.value},s);case"link":return _jsx(Text,{accessibilityRole:"link",onPress:()=>r(e.href),style:{color:t.colors.text.link,textDecorationLine:"underline"},children:renderInline(e.children,t,r,s)},s);default:return null}}),MONO=Platform.select({ios:"Menlo",android:"monospace",default:"monospace"}),HEADING_SCALE={1:"3xl",2:"2xl",3:"xl",4:"lg",5:"base",6:"sm"};export const Markdown=({children:e,onLinkPress:t,loading:r=!1,style:o,textStyle:n,testID:s})=>{const l=useTheme(),i=useMemo(()=>createStyles(l),[l]),c=useMemo(()=>parseMarkdown(e??""),[e]),handleLink=e=>{t?t(e):Linking.openURL(e).catch(()=>{})};return r?_jsx(MarkdownSkeleton,{style:o,testID:s}):0===c.length?null:_jsx(View,{style:o,testID:s,children:c.map((e,t)=>_jsx(MarkdownBlock,{block:e,theme:l,styles:i,textStyle:n,onLinkPress:handleLink},`b-${t}`))})};Markdown.displayName="Markdown";const MarkdownBlock=({block:e,theme:t,styles:r,textStyle:o,onLinkPress:n})=>{switch(e.type){case"heading":return _jsx(Text,{accessibilityRole:"header",style:[r.block,{fontSize:t.typography.fontSize[HEADING_SCALE[e.level]],fontWeight:t.typography.fontWeight.semibold,color:t.colors.text.primary},o],children:renderInline(e.children,t,n)});case"paragraph":return _jsx(Text,{style:[r.block,r.body,o],children:renderInline(e.children,t,n)});case"listItem":return _jsxs(View,{style:[r.listRow,{marginLeft:e.depth*t.spacing.md}],children:[_jsx(Text,{style:[r.body,r.bullet,o],children:e.ordered?`${e.index}.`:"•"}),_jsx(Text,{style:[r.body,r.listText,o],children:renderInline(e.children,t,n)})]});case"quote":return _jsx(View,{style:r.quote,children:_jsx(Text,{style:[r.body,r.quoteText,o],children:renderInline(e.children,t,n)})});case"codeBlock":return _jsx(View,{style:r.codeBlock,children:_jsx(Text,{style:r.codeText,children:e.value})});case"rule":return _jsx(View,{style:r.rule});default:return null}},MarkdownSkeleton=({style:e,testID:t})=>_jsxs(View,{style:e,testID:t,children:[_jsx(Skeleton,{shape:"text",width:"70%",height:20,style:{marginBottom:8}}),_jsx(Skeleton,{shape:"text",width:"100%",height:14,style:{marginBottom:6}}),_jsx(Skeleton,{shape:"text",width:"92%",height:14,style:{marginBottom:6}}),_jsx(Skeleton,{shape:"text",width:"60%",height:14})]}),createStyles=e=>StyleSheet.create({block:{marginBottom:e.spacing.sm},body:{fontSize:e.typography.fontSize.base,color:e.colors.text.primary,lineHeight:1.5*e.typography.fontSize.base},listRow:{flexDirection:"row",marginBottom:e.spacing.xs},bullet:{width:e.spacing.lg},listText:{flex:1},quote:{borderLeftWidth:3,borderLeftColor:e.colors.border.secondary,paddingLeft:e.spacing.sm,marginBottom:e.spacing.sm},quoteText:{color:e.colors.text.secondary,fontStyle:"italic"},codeBlock:{backgroundColor:e.colors.background.secondary,borderRadius:e.radius.sm,...smoothCorners,padding:e.spacing.sm,marginBottom:e.spacing.sm},codeText:{fontFamily:MONO,fontSize:e.typography.fontSize.sm,color:e.colors.text.primary},rule:{height:StyleSheet.hairlineWidth,backgroundColor:e.colors.border.primary,marginVertical:e.spacing.md}});

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

@@ -1 +1 @@
-export{Markdown}from"./Markdown.js";
+"use strict";export{Markdown}from"./Markdown.js";

package/lib/module/components/Markdown/parse.js

@@ -1 +1 @@
-const e=[{re:/^`([^`]+)`/,build:e=>({type:"code",value:e[1]})},{re:/^\[([^\]]*)\]\(([^)\s]+)\)/,build:(e,n)=>({type:"link",href:e[2],children:n(e[1])})},{re:/^\*\*([\s\S]+?)\*\*/,build:(e,n)=>({type:"strong",children:n(e[1])})},{re:/^__([\s\S]+?)__/,build:(e,n)=>({type:"strong",children:n(e[1])})},{re:/^~~([\s\S]+?)~~/,build:(e,n)=>({type:"strike",children:n(e[1])})},{re:/^\*([^*\n]+)\*/,build:(e,n)=>({type:"em",children:n(e[1])})},{re:/^_([^_\n]+)_/,build:(e,n)=>({type:"em",children:n(e[1])})}];export const parseInline=n=>{const t=[];let s="",r=n;const flush=()=>{s&&(t.push({type:"text",value:s}),s="")};for(;r.length>0;){if(r.startsWith("\\")&&r.length>1){s+=r[1],r=r.slice(2);continue}let n=!1;for(const{re:s,build:i}of e){const e=s.exec(r);if(e){flush(),t.push(i(e,parseInline)),r=r.slice(e[0].length),n=!0;break}}n||(s+=r[0],r=r.slice(1))}return flush(),t};const depthOf=e=>{const n=e.replace(/\t/g,"  ").length;return Math.min(Math.floor(n/2),4)},n=/^(#{1,6})\s+(.*)$/,t=/^(\s*)[-*+]\s+(.*)$/,s=/^(\s*)(\d+)[.)]\s+(.*)$/,r=/^\s*>\s?(.*)$/,i=/^\s*([-*_])\s*(?:\1\s*){2,}$/,l=/^\s*```\s*(\S+)?\s*$/;export const parseMarkdown=e=>{const c=[],o=(e??"").replace(/\r\n?/g,"\n").split("\n");let p=[];const flushParagraph=()=>{p.length>0&&(c.push({type:"paragraph",children:parseInline(p.join(" ").trim())}),p=[])};for(let e=0;e<o.length;e++){const h=o[e],u=l.exec(h);if(u){flushParagraph();const n=[];for(e++;e<o.length&&!l.test(o[e]);)n.push(o[e]),e++;c.push({type:"codeBlock",value:n.join("\n"),language:u[1]});continue}if(""===h.trim()){flushParagraph();continue}if(i.test(h)){flushParagraph(),c.push({type:"rule"});continue}const d=n.exec(h);if(d){flushParagraph(),c.push({type:"heading",level:d[1].length,children:parseInline(d[2])});continue}const a=s.exec(h);if(a){flushParagraph(),c.push({type:"listItem",ordered:!0,index:Number(a[2]),depth:depthOf(a[1]),children:parseInline(a[3])});continue}const g=t.exec(h);if(g){flushParagraph(),c.push({type:"listItem",ordered:!1,index:0,depth:depthOf(g[1]),children:parseInline(g[2])});continue}const f=r.exec(h);f?(flushParagraph(),c.push({type:"quote",children:parseInline(f[1])})):p.push(h.trim())}return flushParagraph(),c};
+"use strict";const INLINE_PATTERNS=[{re:/^`([^`]+)`/,build:e=>({type:"code",value:e[1]})},{re:/^\[([^\]]*)\]\(([^)\s]+)\)/,build:(e,t)=>({type:"link",href:e[2],children:t(e[1])})},{re:/^\*\*([\s\S]+?)\*\*/,build:(e,t)=>({type:"strong",children:t(e[1])})},{re:/^__([\s\S]+?)__/,build:(e,t)=>({type:"strong",children:t(e[1])})},{re:/^~~([\s\S]+?)~~/,build:(e,t)=>({type:"strike",children:t(e[1])})},{re:/^\*([^*\n]+)\*/,build:(e,t)=>({type:"em",children:t(e[1])})},{re:/^_([^_\n]+)_/,build:(e,t)=>({type:"em",children:t(e[1])})}];export const parseInline=e=>{const t=[];let n="",s=e;const flush=()=>{n&&(t.push({type:"text",value:n}),n="")};for(;s.length>0;){if(s.startsWith("\\")&&s.length>1){n+=s[1],s=s.slice(2);continue}let e=!1;for(const{re:n,build:r}of INLINE_PATTERNS){const i=n.exec(s);if(i){flush(),t.push(r(i,parseInline)),s=s.slice(i[0].length),e=!0;break}}e||(n+=s[0],s=s.slice(1))}return flush(),t};const MAX_LIST_DEPTH=4,depthOf=e=>{const t=e.replace(/\t/g,"  ").length;return Math.min(Math.floor(t/2),4)},HEADING=/^(#{1,6})\s+(.*)$/,UNORDERED=/^(\s*)[-*+]\s+(.*)$/,ORDERED=/^(\s*)(\d+)[.)]\s+(.*)$/,QUOTE=/^\s*>\s?(.*)$/,RULE=/^\s*([-*_])\s*(?:\1\s*){2,}$/,FENCE=/^\s*```\s*(\S+)?\s*$/;export const parseMarkdown=e=>{const t=[],n=(e??"").replace(/\r\n?/g,"\n").split("\n");let s=[];const flushParagraph=()=>{s.length>0&&(t.push({type:"paragraph",children:parseInline(s.join(" ").trim())}),s=[])};for(let e=0;e<n.length;e++){const r=n[e],i=FENCE.exec(r);if(i){flushParagraph();const s=[];for(e++;e<n.length&&!FENCE.test(n[e]);)s.push(n[e]),e++;t.push({type:"codeBlock",value:s.join("\n"),language:i[1]});continue}if(""===r.trim()){flushParagraph();continue}if(RULE.test(r)){flushParagraph(),t.push({type:"rule"});continue}const l=HEADING.exec(r);if(l){flushParagraph(),t.push({type:"heading",level:l[1].length,children:parseInline(l[2])});continue}const c=ORDERED.exec(r);if(c){flushParagraph(),t.push({type:"listItem",ordered:!0,index:Number(c[2]),depth:depthOf(c[1]),children:parseInline(c[3])});continue}const p=UNORDERED.exec(r);if(p){flushParagraph(),t.push({type:"listItem",ordered:!1,index:0,depth:depthOf(p[1]),children:parseInline(p[2])});continue}const o=QUOTE.exec(r);o?(flushParagraph(),t.push({type:"quote",children:parseInline(o[1])})):s.push(r.trim())}return flushParagraph(),t};

package/lib/module/components/Modal/Modal.js

@@ -1 +1 @@
-import e,{forwardRef as t,useCallback as r,useEffect as o,useMemo as i,useRef as n,useState as s}from"react";import{AccessibilityInfo as a,Animated as l,Dimensions as c,Easing as u,Platform as d,Pressable as m,Modal as p,StyleSheet as g,View as f}from"react-native";import{useSafeAreaInsets as b}from"react-native-safe-area-context";import{createAnimatedValue as h,useTheme as v}from"../../theme/index.js";import{smoothCorners as y}from"../../utils/corners.js";import{resolveHaptic as x,triggerHaptic as S}from"../../utils/hapticUtils.js";import{squircleHostRadius as C}from"../../utils/squircle.js";import{SquircleFill as k,useSquircle as T}from"../SquircleFill/SquircleFill.js";import{ToastHost as w}from"../Toast/ToastProvider.js";import{jsx as D,jsxs as j}from"react/jsx-runtime";export const MODAL_DISMISS_GRACE_MS=300;const z=t((e,t)=>{const{visible:z,onRequestClose:R,presentation:V="centered",backdropOpacity:L,backdropPressClose:N=!0,animationDuration:W,accessibilityLabel:I,hardwareBackPress:M=!0,children:q,contentStyle:E,backdropStyle:F,restoreFocusRef:$,onDismissed:A,haptic:B,testID:P}=e,O=v(),_=b(),H=W??O.motion.duration.normal,G=c.get("window").height,U=O.components.modal,Y=U?.scaleStartValue??.9,J=n(h(Y)).current,K=n(h(0)).current,Q=n(h(G)).current,X=n(null),Z=n(!1),[ee,te]=s(z),re=i(()=>buildStyles(O),[O]),oe=i(()=>{const e=O.colors.background.overlay;if("number"!=typeof L)return e;const t=e.match(/^rgba?\(([^)]+)\)$/);if(!t)return e;const[r,o,i]=t[1].split(",").map(e=>e.trim());return`rgba(${r}, ${o}, ${i}, ${L})`},[O.colors.background.overlay,L]);o(()=>{z&&te(!0)},[z]),o(()=>{const e=[];if(z&&ee)if("bottom"===V){const t=l.spring(Q,{toValue:0,damping:O.motion.spring.gentle.damping,stiffness:O.motion.spring.gentle.stiffness,mass:O.motion.spring.gentle.mass,useNativeDriver:!0});t.start(),e.push(t)}else{const t=l.parallel([l.spring(J,{toValue:1,damping:O.motion.spring.gentle.damping,stiffness:O.motion.spring.gentle.stiffness,mass:O.motion.spring.gentle.mass,useNativeDriver:!0}),l.timing(K,{toValue:1,duration:H,useNativeDriver:!0})]);t.start(),e.push(t)}else if(ee){const t=O.motion.duration.fast,r=u.bezier(...O.motion.easing.accelerate),o=l.parallel(["bottom"===V?l.timing(Q,{toValue:G,duration:t,easing:r,useNativeDriver:!0}):l.parallel([l.timing(J,{toValue:Y,duration:t,easing:r,useNativeDriver:!0}),l.timing(K,{toValue:0,duration:t,easing:r,useNativeDriver:!0})])]);o.start(({finished:e})=>{e&&te(!1)}),e.push(o)}return()=>e.forEach(e=>e.stop())},[z,ee,V,H,J,K,Q,G,O.motion.spring.gentle.damping,O.motion.spring.gentle.stiffness,O.motion.spring.gentle.mass,O.motion.duration.fast,O.motion.easing.accelerate,Y]),o(()=>{if("web"===d.OS)return;let e,t;return z?(e=setTimeout(()=>{X.current&&a.sendAccessibilityEvent(X.current,"focus")},150),Z.current=!0):Z.current&&(Z.current=!1,$&&$.current&&(t=setTimeout(()=>{const e=$.current;e&&a.sendAccessibilityEvent(e,"focus")},H))),()=>{e&&clearTimeout(e),t&&clearTimeout(t)}},[z,H,$]);const ie=n(!1);o(()=>{if(z)return void(ie.current=!0);if(!ie.current)return;if(ie.current=!1,!A)return;const e=setTimeout(A,300);return()=>clearTimeout(e)},[z,A]);const ne=r(()=>{if(!N)return;const e=x(B,"selection");e&&S(e),R()},[N,R,B]),se=r(()=>{M&&R()},[M,R]),ae=T("bottom"!==V&&"fullScreen"!==V,O.radius.xl),le=i(()=>"fullScreen"===V?[re.fullScreenContent,{backgroundColor:O.colors.background.elevated}]:"bottom"===V?[re.bottomContent,{backgroundColor:O.colors.background.elevated,borderTopLeftRadius:O.radius.xl,borderTopRightRadius:O.radius.xl,...y,paddingTop:O.spacing.lg,paddingHorizontal:O.spacing.lg,paddingBottom:O.spacing.lg+_.bottom},O.shadows.xl]:[re.centeredContent,{backgroundColor:O.colors.background.elevated,borderRadius:ae.active&&ae.size?C(ae.size.width,ae.size.height,O.radius.xl):O.radius.xl,...y,padding:O.spacing.xl},O.shadows.xl],[V,O,re,_.bottom,ae.active,ae.size]),ce=i(()=>"bottom"===V?re.bottomWrapper:"fullScreen"===V?re.fullScreenWrapper:re.centeredWrapper,[V,re]),ue=i(()=>"bottom"===V?{transform:[{translateY:Q}]}:"fullScreen"===V?{opacity:K}:{opacity:K,transform:[{scale:J}]},[V,J,K,Q]);return D(p,{visible:ee,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:se,testID:P,children:j(f,{ref:e=>{X.current=e,"function"==typeof t?t(e):t&&(t.current=e)},style:re.root,accessible:!1,accessibilityViewIsModal:!0,accessibilityRole:"alert",accessibilityLabel:I,children:[j(f,{collapsable:!1,style:[g.absoluteFill,ce,{backgroundColor:oe},F],children:[D(m,{style:g.absoluteFill,onPress:ne,accessibilityRole:"button",accessibilityLabel:"Close modal",disabled:!N}),j(l.View,{style:[le,ue,E],onLayout:ae.onLayout,pointerEvents:"auto",children:[ae.active&&ae.size?D(k,{width:ae.size.width,height:ae.size.height,radius:O.radius.xl,fill:O.colors.background.elevated}):null,q]})]}),D(w,{})]})})});z.displayName="Modal";const buildStyles=e=>g.create({root:{flex:1},centeredWrapper:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:16},centeredContent:{maxWidth:"90%",width:"90%"},bottomWrapper:{flex:1,justifyContent:"flex-end"},bottomContent:{width:"100%"},fullScreenWrapper:{flex:1},fullScreenContent:{flex:1}});export{z as Modal};export default z;
+"use strict";import React,{forwardRef,useCallback,useEffect,useMemo,useRef,useState}from"react";import{AccessibilityInfo,Animated,Dimensions,Easing,Platform,Pressable,Modal as RNModal,StyleSheet,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{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{squircleHostRadius}from"../../utils/squircle.js";import{SquircleFill,useSquircle}from"../SquircleFill/SquircleFill.js";import{ToastHost}from"../Toast/ToastProvider.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const MODAL_DISMISS_GRACE_MS=300;const Modal=forwardRef((e,t)=>{const{visible:s,onRequestClose:i,presentation:r="centered",backdropOpacity:o,backdropPressClose:n=!0,animationDuration:a,accessibilityLabel:l,hardwareBackPress:c=!0,children:u,contentStyle:d,backdropStyle:m,restoreFocusRef:f,onDismissed:p,haptic:g,testID:b}=e,h=useTheme(),y=useSafeAreaInsets(),S=a??h.motion.duration.normal,v=Dimensions.get("window").height,x=h.components.modal,A=x?.scaleStartValue??.9,R=useRef(createAnimatedValue(A)).current,C=useRef(createAnimatedValue(0)).current,j=useRef(createAnimatedValue(v)).current,w=useRef(null),M=useRef(!1),[T,k]=useState(s),V=useMemo(()=>buildStyles(h),[h]),D=useMemo(()=>{const e=h.colors.background.overlay;if("number"!=typeof o)return e;const t=e.match(/^rgba?\(([^)]+)\)$/);if(!t)return e;const[s,i,r]=t[1].split(",").map(e=>e.trim());return`rgba(${s}, ${i}, ${r}, ${o})`},[h.colors.background.overlay,o]);useEffect(()=>{s&&k(!0)},[s]),useEffect(()=>{const e=[];if(s&&T)if("bottom"===r){const t=Animated.spring(j,{toValue:0,damping:h.motion.spring.gentle.damping,stiffness:h.motion.spring.gentle.stiffness,mass:h.motion.spring.gentle.mass,useNativeDriver:!0});t.start(),e.push(t)}else{const t=Animated.parallel([Animated.spring(R,{toValue:1,damping:h.motion.spring.gentle.damping,stiffness:h.motion.spring.gentle.stiffness,mass:h.motion.spring.gentle.mass,useNativeDriver:!0}),Animated.timing(C,{toValue:1,duration:S,useNativeDriver:!0})]);t.start(),e.push(t)}else if(T){const t=h.motion.duration.fast,s=Easing.bezier(...h.motion.easing.accelerate),i=Animated.parallel(["bottom"===r?Animated.timing(j,{toValue:v,duration:t,easing:s,useNativeDriver:!0}):Animated.parallel([Animated.timing(R,{toValue:A,duration:t,easing:s,useNativeDriver:!0}),Animated.timing(C,{toValue:0,duration:t,easing:s,useNativeDriver:!0})])]);i.start(({finished:e})=>{e&&k(!1)}),e.push(i)}return()=>e.forEach(e=>e.stop())},[s,T,r,S,R,C,j,v,h.motion.spring.gentle.damping,h.motion.spring.gentle.stiffness,h.motion.spring.gentle.mass,h.motion.duration.fast,h.motion.easing.accelerate,A]),useEffect(()=>{if("web"===Platform.OS)return;let e,t;return s?(e=setTimeout(()=>{w.current&&AccessibilityInfo.sendAccessibilityEvent(w.current,"focus")},150),M.current=!0):M.current&&(M.current=!1,f&&f.current&&(t=setTimeout(()=>{const e=f.current;e&&AccessibilityInfo.sendAccessibilityEvent(e,"focus")},S))),()=>{e&&clearTimeout(e),t&&clearTimeout(t)}},[s,S,f]);const E=useRef(!1);useEffect(()=>{if(s)return void(E.current=!0);if(!E.current)return;if(E.current=!1,!p)return;const e=setTimeout(p,300);return()=>clearTimeout(e)},[s,p]);const _=useCallback(()=>{if(!n)return;const e=resolveHaptic(g,"selection");e&&triggerHaptic(e),i()},[n,i,g]),q=useCallback(()=>{c&&i()},[c,i]),I=useSquircle("bottom"!==r&&"fullScreen"!==r,h.radius.xl),z=useMemo(()=>"fullScreen"===r?[V.fullScreenContent,{backgroundColor:h.colors.background.elevated}]:"bottom"===r?[V.bottomContent,{backgroundColor:h.colors.background.elevated,borderTopLeftRadius:h.radius.xl,borderTopRightRadius:h.radius.xl,...smoothCorners,paddingTop:h.spacing.lg,paddingHorizontal:h.spacing.lg,paddingBottom:h.spacing.lg+y.bottom},h.shadows.xl]:[V.centeredContent,{backgroundColor:h.colors.background.elevated,borderRadius:I.active&&I.size?squircleHostRadius(I.size.width,I.size.height,h.radius.xl):h.radius.xl,...smoothCorners,padding:h.spacing.xl},h.shadows.xl],[r,h,V,y.bottom,I.active,I.size]),H=useMemo(()=>"bottom"===r?V.bottomWrapper:"fullScreen"===r?V.fullScreenWrapper:V.centeredWrapper,[r,V]),N=useMemo(()=>"bottom"===r?{transform:[{translateY:j}]}:"fullScreen"===r?{opacity:C}:{opacity:C,transform:[{scale:R}]},[r,R,C,j]);return _jsx(RNModal,{visible:T,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:q,testID:b,children:_jsxs(View,{ref:e=>{w.current=e,"function"==typeof t?t(e):t&&(t.current=e)},style:V.root,accessible:!1,accessibilityViewIsModal:!0,accessibilityRole:"alert",accessibilityLabel:l,children:[_jsxs(View,{collapsable:!1,style:[StyleSheet.absoluteFill,H,{backgroundColor:D},m],children:[_jsx(Pressable,{style:StyleSheet.absoluteFill,onPress:_,accessibilityRole:"button",accessibilityLabel:"Close modal",disabled:!n}),_jsxs(Animated.View,{style:[z,N,d],onLayout:I.onLayout,pointerEvents:"auto",children:[I.active&&I.size?_jsx(SquircleFill,{width:I.size.width,height:I.size.height,radius:h.radius.xl,fill:h.colors.background.elevated}):null,u]})]}),_jsx(ToastHost,{})]})})});Modal.displayName="Modal";const buildStyles=e=>StyleSheet.create({root:{flex:1},centeredWrapper:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:16},centeredContent:{maxWidth:"90%",width:"90%"},bottomWrapper:{flex:1,justifyContent:"flex-end"},bottomContent:{width:"100%"},fullScreenWrapper:{flex:1},fullScreenContent:{flex:1}});export{Modal};export default Modal;

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

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

package/lib/module/components/Notation/Notation.js

@@ -1 +1 @@
-import t,{Fragment as e}from"react";import{Text as o}from"react-native";import{useTheme as s}from"../../theme/index.js";import{Text as n}from"../Text/Text.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=/(?<![A-Za-z0-9_])([A-Za-z])_([A-Za-z0-9]+)(?![A-Za-z0-9_])/g;export const parseNotation=t=>{const e=String(t??""),o=[];let s=0;for(const t of e.matchAll(a)){const n=t.index??0;n>s&&o.push({text:e.slice(s,n)}),o.push({text:t[1],sub:t[2]}),s=n+t[0].length}return s<e.length&&o.push({text:e.slice(s)}),o};export const Notation=({text:t,base:a,sub:l,desc:c,testID:p})=>{const h=s(),x={fontSize:Math.round(.75*h.typography.fontSize.sm),lineHeight:Math.round(.9*h.typography.fontSize.sm)};return null!=a?i(n,{testID:p,children:[a,l?r(o,{style:x,children:l}):null,c?` ${c}`:null]}):r(o,{testID:p,children:parseNotation(t).map((t,s)=>t.sub?i(e,{children:[t.text,r(o,{style:x,children:t.sub})]},s):r(e,{children:t.text},s))})};export const sym=(t,e,o)=>r(Notation,{base:t,sub:e,desc:o});export default Notation;
+"use strict";import React,{Fragment}from"react";import{Text as RNText}from"react-native";import{useTheme}from"../../theme/index.js";import{Text}from"../Text/Text.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const SUBSCRIPTED=/(?<![A-Za-z0-9_])([A-Za-z])_([A-Za-z0-9]+)(?![A-Za-z0-9_])/g;export const parseNotation=t=>{const e=String(t??""),s=[];let o=0;for(const t of e.matchAll(SUBSCRIPTED)){const n=t.index??0;n>o&&s.push({text:e.slice(o,n)}),s.push({text:t[1],sub:t[2]}),o=n+t[0].length}return o<e.length&&s.push({text:e.slice(o)}),s};export const Notation=({text:t,base:e,sub:s,desc:o,testID:n})=>{const r=useTheme(),x={fontSize:Math.round(.75*r.typography.fontSize.sm),lineHeight:Math.round(.9*r.typography.fontSize.sm)};return null!=e?_jsxs(Text,{testID:n,children:[e,s?_jsx(RNText,{style:x,children:s}):null,o?` ${o}`:null]}):_jsx(RNText,{testID:n,children:parseNotation(t).map((t,e)=>t.sub?_jsxs(Fragment,{children:[t.text,_jsx(RNText,{style:x,children:t.sub})]},e):_jsx(Fragment,{children:t.text},e))})};export const sym=(t,e,s)=>_jsx(Notation,{base:t,sub:e,desc:s});export default Notation;

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

@@ -1 +1 @@
-export{default,Notation,parseNotation,sym}from"./Notation.js";
+"use strict";export{default,Notation,parseNotation,sym}from"./Notation.js";

package/lib/module/components/NumberInput/NumberInput.js

@@ -1 +1 @@
-import e,{forwardRef as t,useCallback as i,useEffect as n,useMemo as r,useRef as l,useState as s}from"react";import{Pressable as o,StyleSheet as a,Text as c,TextInput as u,View as d}from"react-native";import{useControllableState as m}from"../../hooks/index.js";import{useTheme as b}from"../../theme/index.js";import{resolveHaptic as p,triggerHaptic as f}from"../../utils/index.js";import{smoothCorners as h}from"../../utils/corners.js";import{FieldBase as y,FieldLabel as g,FieldMessage as x,fieldTextAsString as I,hasFieldText as S,resolveFieldSize as N,resolveFieldTextStyle as z}from"../FieldBase/FieldBase.js";import{jsx as F,jsxs as v}from"react/jsx-runtime";const roundToPrecision=(e,t)=>{if(!Number.isFinite(e))return 0;if(t<=0)return Math.round(e);const i=Math.pow(10,t);return Math.round(e*i)/i},clamp=(e,t,i)=>e<t?t:e>i?i:e,formatValue=(e,t,i)=>Number.isFinite(e)?t&&i>0?e.toFixed(i):String(Math.trunc(e)):"",j=t((t,a)=>{const{value:j,defaultValue:T,onChange:w,min:C=Number.NEGATIVE_INFINITY,max:D=Number.POSITIVE_INFINITY,step:P=1,allowDecimal:L=!1,precision:M=0,label:R,help:k,helperText:A,error:E,disabled:V=!1,size:B="md",variant:O="inline",unit:W,haptic:H,accessibilityLabel:Y,style:$,containerStyle:_,inputStyle:G,buttonStyle:q,unitStyle:J,labelStyle:K,textInputProps:Q,testID:U}=t,[X,Z]=m({value:j,defaultValue:T??t.min??0,onChange:w}),ee=b(),te=N(ee,B),ie=z(ee,{disabled:V}),ne=r(()=>buildStyles(ee),[ee]),re=ee.components.numberInput?.longPressDelayMs??500,le=ee.components.numberInput?.longPressIntervalMs??80,se=l(null),[oe,ae]=s(formatValue(X,L,M)),[ce,ue]=s(!1),[de,me]=s(!1),be=i(()=>{V||se.current?.focus()},[V]),pe=l(null),fe=l(null),he=i(()=>{null!==pe.current&&(clearTimeout(pe.current),pe.current=null),null!==fe.current&&(clearInterval(fe.current),fe.current=null)},[]);n(()=>he,[he]),n(()=>{ce||ae(formatValue(X,L,M))},[X,L,M,ce]);const ye=X<=C,ge=X>=D,xe=!V,Ie=i(e=>{const t=roundToPrecision(e,L?M:0),i=clamp(t,C,D);i!==X&&Z(i)},[L,D,C,Z,M,X]),Se=i(()=>{if(!xe||ye)return;const e=p(H,"selection");e&&f(e),Ie(X-P)},[ye,xe,H,Ie,P,X]),Ne=i(()=>{if(!xe||ge)return;const e=p(H,"selection");e&&f(e),Ie(X+P)},[ge,xe,H,Ie,P,X]);e.useImperativeHandle(a,()=>({focus:()=>se.current?.focus(),blur:()=>se.current?.blur(),clear:()=>{ae(""),Number.isFinite(C)&&C>0?Z(C):Z(0<C?C:0>D?D:0)}}),[D,C,Z]);const ze=i(e=>{xe&&(he(),pe.current=setTimeout(()=>{fe.current=setInterval(()=>{"inc"===e?Ne():Se()},le)},re))},[he,Se,Ne,xe,re,le]),Fe=i(e=>{const t=((e,t)=>{if(!e)return"";let i=e.replace(/[^0-9.-]/g,"");if(i=i.replace(/(?!^)-/g,""),t){const e=i.indexOf(".");-1!==e&&(i=i.slice(0,e+1)+i.slice(e+1).replace(/\./g,""))}else i=i.replace(/\./g,"");return i})(e,L);ae(t);const i=Number(t);""!==t&&"-"!==t&&"."!==t&&Number.isFinite(i)&&i>=C&&i<=D&&i!==X&&Z(roundToPrecision(i,L?M:0))},[L,D,C,Z,M,X]),ve=i(()=>{ue(!1),me(!1);const e=Number(oe);if(""===oe||!Number.isFinite(e))return void ae(formatValue(X,L,M));const t=roundToPrecision(e,L?M:0),i=clamp(t,C,D);i!==X&&Z(i),ae(formatValue(i,L,M))},[L,oe,D,C,Z,M,X]),je=i(()=>{ue(!0),me(!0)},[]),Te=ye||V?ee.colors.text.disabled:ee.colors.text.primary,we=ge||V?ee.colors.text.disabled:ee.colors.text.primary,Ce=te.iconSize+8,renderStepper=(e,t,i,n,r,l)=>F(o,{onPress:t,onLongPress:()=>ze(e),onPressOut:he,delayLongPress:re,disabled:i,accessibilityRole:"button",accessibilityLabel:n,accessibilityState:{disabled:i},style:({pressed:e})=>[{width:Ce,height:Ce,alignItems:"center",justifyContent:"center",borderRadius:Ce/2,...h},e&&!i?{backgroundColor:ee.colors.surface.pressed}:null,q],testID:`${U??"numberinput"}-${"inc"===e?"plus":"minus"}`,children:F(c,{style:{fontSize:te.iconSize,color:r,fontWeight:ee.typography.fontWeight.semibold,lineHeight:te.iconSize+2},children:l})}),De=Y??I(R)??"Number input",Pe=F(y,{size:B,disabled:V,error:S(E),filled:!0,focused:de,onPress:be,pressFeedback:!1,leading:renderStepper("dec",Se,ye||V,"Decrease",Te,"−"),trailing:renderStepper("inc",Ne,ge||V,"Increase",we,"+"),children:v(d,{style:ne.inputRow,children:[F(u,{ref:se,value:oe,onChangeText:Fe,onFocus:je,onBlur:ve,editable:!V,keyboardType:L?"decimal-pad":"number-pad",selectTextOnFocus:!0,accessibilityRole:"adjustable",accessibilityLabel:De,accessibilityValue:{now:Number.isFinite(X)?X:0},accessibilityState:{disabled:V},accessibilityActions:[{name:"increment",label:"Increase"},{name:"decrement",label:"Decrease"}],onAccessibilityAction:e=>{"increment"===e.nativeEvent.actionName&&Ne(),"decrement"===e.nativeEvent.actionName&&Se()},style:[ne.input,{fontSize:te.fontSize,color:ie.color,...ie.weightStyle},G],...Q}),W?F(c,{style:[ne.unit,{fontSize:te.fontSize,color:ie.placeholderColor},J],children:W}):null]})}),Le=S(R)?F(g,{size:B,help:k,style:K,children:R}):null,Me=F(x,{size:B,error:S(E),text:S(E)?E:A});return v(d,"horizontal"===O?{style:[ne.horizontalContainer,$,_],testID:U,accessibilityState:{disabled:V},children:[F(d,{style:ne.horizontalLabelWrap,children:Le}),v(d,{children:[Pe,Me]})]}:{style:[$,_],testID:U,accessibilityState:{disabled:V},children:[Le,Pe,Me]})});j.displayName="NumberInput";const buildStyles=e=>a.create({inputRow:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},input:{flex:1,textAlign:"center",padding:0,margin:0,includeFontPadding:!1},unit:{marginLeft:4},label:{marginBottom:6},helper:{marginTop:6},horizontalContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},horizontalLabelWrap:{flexShrink:1,paddingRight:12}});export{j as NumberInput};export default j;
+"use strict";import React,{forwardRef,useCallback,useEffect,useMemo,useRef,useState}from"react";import{Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{FieldBase,FieldLabel,FieldMessage,fieldTextAsString,hasFieldText,resolveFieldSize,resolveFieldTextStyle}from"../FieldBase/FieldBase.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const DEFAULT_LONG_PRESS_DELAY=500,DEFAULT_LONG_PRESS_INTERVAL=80,roundToPrecision=(e,t)=>{if(!Number.isFinite(e))return 0;if(t<=0)return Math.round(e);const i=Math.pow(10,t);return Math.round(e*i)/i},clamp=(e,t,i)=>e<t?t:e>i?i:e,formatValue=(e,t,i)=>Number.isFinite(e)?t&&i>0?e.toFixed(i):String(Math.trunc(e)):"",sanitizeTyped=(e,t)=>{if(!e)return"";let i=e.replace(/[^0-9.-]/g,"");if(i=i.replace(/(?!^)-/g,""),t){const e=i.indexOf(".");-1!==e&&(i=i.slice(0,e+1)+i.slice(e+1).replace(/\./g,""))}else i=i.replace(/\./g,"");return i},NumberInput=forwardRef((e,t)=>{const{value:i,defaultValue:l,onChange:s,min:r=Number.NEGATIVE_INFINITY,max:n=Number.POSITIVE_INFINITY,step:a=1,allowDecimal:o=!1,precision:c=0,label:u,help:d,helperText:m,error:b,disabled:p=!1,size:f="md",variant:x="inline",unit:h,haptic:y,accessibilityLabel:g,style:S,containerStyle:T,inputStyle:I,buttonStyle:F,unitStyle:N,labelStyle:j,textInputProps:C,testID:v}=e,[z,_]=useControllableState({value:i,defaultValue:l??e.min??0,onChange:s}),P=useTheme(),w=resolveFieldSize(P,f),R=resolveFieldTextStyle(P,{disabled:p}),L=useMemo(()=>buildStyles(P),[P]),V=P.components.numberInput?.longPressDelayMs??500,k=P.components.numberInput?.longPressIntervalMs??80,E=useRef(null),[D,A]=useState(formatValue(z,o,c)),[M,H]=useState(!1),[B,O]=useState(!1),W=useCallback(()=>{p||E.current?.focus()},[p]),G=useRef(null),Y=useRef(null),U=useCallback(()=>{null!==G.current&&(clearTimeout(G.current),G.current=null),null!==Y.current&&(clearInterval(Y.current),Y.current=null)},[]);useEffect(()=>U,[U]),useEffect(()=>{M||A(formatValue(z,o,c))},[z,o,c,M]);const $=z<=r,q=z>=n,J=!p,K=useCallback(e=>{const t=roundToPrecision(e,o?c:0),i=clamp(t,r,n);i!==z&&_(i)},[o,n,r,_,c,z]),Q=useCallback(()=>{if(!J||$)return;const e=resolveHaptic(y,"selection");e&&triggerHaptic(e),K(z-a)},[$,J,y,K,a,z]),X=useCallback(()=>{if(!J||q)return;const e=resolveHaptic(y,"selection");e&&triggerHaptic(e),K(z+a)},[q,J,y,K,a,z]);React.useImperativeHandle(t,()=>({focus:()=>E.current?.focus(),blur:()=>E.current?.blur(),clear:()=>{A(""),Number.isFinite(r)&&r>0?_(r):_(0<r?r:0>n?n:0)}}),[n,r,_]);const Z=useCallback(e=>{J&&(U(),G.current=setTimeout(()=>{Y.current=setInterval(()=>{"inc"===e?X():Q()},k)},V))},[U,Q,X,J,V,k]),ee=useCallback(e=>{const t=sanitizeTyped(e,o);A(t);const i=Number(t);""!==t&&"-"!==t&&"."!==t&&Number.isFinite(i)&&i>=r&&i<=n&&i!==z&&_(roundToPrecision(i,o?c:0))},[o,n,r,_,c,z]),te=useCallback(()=>{H(!1),O(!1);const e=Number(D);if(""===D||!Number.isFinite(e))return void A(formatValue(z,o,c));const t=roundToPrecision(e,o?c:0),i=clamp(t,r,n);i!==z&&_(i),A(formatValue(i,o,c))},[o,D,n,r,_,c,z]),ie=useCallback(()=>{H(!0),O(!0)},[]),le=$||p?P.colors.text.disabled:P.colors.text.primary,se=q||p?P.colors.text.disabled:P.colors.text.primary,re=w.iconSize+8,renderStepper=(e,t,i,l,s,r)=>_jsx(Pressable,{onPress:t,onLongPress:()=>Z(e),onPressOut:U,delayLongPress:V,disabled:i,accessibilityRole:"button",accessibilityLabel:l,accessibilityState:{disabled:i},style:({pressed:e})=>[{width:re,height:re,alignItems:"center",justifyContent:"center",borderRadius:re/2,...smoothCorners},e&&!i?{backgroundColor:P.colors.surface.pressed}:null,F],testID:`${v??"numberinput"}-${"inc"===e?"plus":"minus"}`,children:_jsx(Text,{style:{fontSize:w.iconSize,color:s,fontWeight:P.typography.fontWeight.semibold,lineHeight:w.iconSize+2},children:r})}),ne=g??fieldTextAsString(u)??"Number input",ae=_jsx(FieldBase,{size:f,disabled:p,error:hasFieldText(b),filled:!0,focused:B,onPress:W,pressFeedback:!1,leading:renderStepper("dec",Q,$||p,"Decrease",le,"−"),trailing:renderStepper("inc",X,q||p,"Increase",se,"+"),children:_jsxs(View,{style:L.inputRow,children:[_jsx(TextInput,{ref:E,value:D,onChangeText:ee,onFocus:ie,onBlur:te,editable:!p,keyboardType:o?"decimal-pad":"number-pad",selectTextOnFocus:!0,accessibilityRole:"adjustable",accessibilityLabel:ne,accessibilityValue:{now:Number.isFinite(z)?z:0},accessibilityState:{disabled:p},accessibilityActions:[{name:"increment",label:"Increase"},{name:"decrement",label:"Decrease"}],onAccessibilityAction:e=>{"increment"===e.nativeEvent.actionName&&X(),"decrement"===e.nativeEvent.actionName&&Q()},style:[L.input,{fontSize:w.fontSize,color:R.color,...R.weightStyle},I],...C}),h?_jsx(Text,{style:[L.unit,{fontSize:w.fontSize,color:R.placeholderColor},N],children:h}):null]})}),oe=hasFieldText(u)?_jsx(FieldLabel,{size:f,help:d,style:j,children:u}):null,ce=_jsx(FieldMessage,{size:f,error:hasFieldText(b),text:hasFieldText(b)?b:m});return _jsxs(View,"horizontal"===x?{style:[L.horizontalContainer,S,T],testID:v,accessibilityState:{disabled:p},children:[_jsx(View,{style:L.horizontalLabelWrap,children:oe}),_jsxs(View,{children:[ae,ce]})]}:{style:[S,T],testID:v,accessibilityState:{disabled:p},children:[oe,ae,ce]})});NumberInput.displayName="NumberInput";const buildStyles=e=>StyleSheet.create({inputRow:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center"},input:{flex:1,textAlign:"center",padding:0,margin:0,includeFontPadding:!1},unit:{marginLeft:4},label:{marginBottom:6},helper:{marginTop:6},horizontalContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},horizontalLabelWrap:{flexShrink:1,paddingRight:12}});export{NumberInput};export default NumberInput;

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

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

package/lib/module/components/OTPInput/OTPInput.js

@@ -1 +1 @@
-import{forwardRef as e,useCallback as t,useEffect as n,useImperativeHandle as r,useMemo as o,useRef as i,useState as s}from"react";import{Animated as l,Easing as a,Pressable as c,StyleSheet as u,Text as d,TextInput as p,View as m}from"react-native";import{useControllableState as f,useReducedMotion as g}from"../../hooks/index.js";import{createAnimatedValue as h,fontFor as y,setNativeValue as b,useTheme as v}from"../../theme/index.js";import{resolveHaptic as x,triggerHaptic as j}from"../../utils/index.js";import{smoothCorners as z}from"../../utils/corners.js";import{FieldBase as T}from"../FieldBase/FieldBase.js";import{jsx as S,jsxs as V}from"react/jsx-runtime";const w={sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},k=e((e,u)=>{const{value:z,defaultValue:k,onChange:D,onComplete:R,length:C=6,keyboardType:I="number-pad",autoFocus:F=!1,autoFocusDelay:E=0,disabled:B=!1,error:N,size:O="md",secure:A=!1,haptic:L,accessibilityLabel:W,style:M,cellStyle:P,textStyle:H,testID:$}=e,[q,G]=f({value:z,defaultValue:k??"",onChange:D}),K=v(),X=o(()=>buildStyles(K),[K]),J={...w[O],...K.components.otpInput?.[O]??{}},Q=i([]),[U,Y]=s(-1),Z=i(null),_=i(h(0)).current,ee=i(new Map),te=o(()=>{const e=ee.current,t=[];for(let n=0;n<C;n+=1){let r=e.get(n);r||(r=new l.Value(0),e.set(n,r)),t.push(r)}for(const t of Array.from(e.keys()))t>=C&&e.delete(t);return t},[C]),ne=i(-1),re=K.components.otpInput?.shakeOnError??!1,oe=g(),ie=Boolean(N),se="string"==typeof N?N:void 0;n(()=>{let e;return null===Z.current||!ie||Z.current||(!1!==L&&j("notificationError"),re&&!oe&&(b(_,0),e=l.sequence([l.timing(_,{toValue:1,duration:K.motion.duration.instant,easing:a.linear,useNativeDriver:!0}),l.timing(_,{toValue:-1,duration:K.motion.duration.instant,easing:a.linear,useNativeDriver:!0}),l.timing(_,{toValue:1,duration:K.motion.duration.instant,easing:a.linear,useNativeDriver:!0}),l.timing(_,{toValue:0,duration:K.motion.duration.instant,easing:a.linear,useNativeDriver:!0})]),e.start())),Z.current=ie,()=>e?.stop()},[ie,_,re,L,oe,K.motion.duration.instant]),n(()=>{const e=ne.current;if(ne.current=U,e===U)return;if(-1===e&&-1===U)return;const t=[];return te.forEach((n,r)=>{const o=r===U?1:0;if(r!==U&&r!==e)return;const i=l.timing(n,{toValue:o,duration:K.motion.duration.fast,easing:a.bezier(...K.motion.easing.standard),useNativeDriver:!0});i.start(),t.push(i)}),()=>t.forEach(e=>e.stop())},[U,te,K]);const le=t(e=>{const t=Q.current[e];t&&t.focus()},[]);r(u,()=>({focus:()=>le(0),blur:()=>{const e=Q.current[U>=0?U:0];e?.blur()},clear:()=>{G(""),le(0)}}),[le,U,G]),n(()=>{if(F&&!B){const e=setTimeout(()=>le(0),E);return()=>clearTimeout(e)}},[F,E,B,le]);const ae=o(()=>{const e=new Array(C).fill("");for(let t=0;t<Math.min(q.length,C);t+=1)e[t]=q[t]??"";return e},[q,C]),ce=t(e=>{const t=e.slice(0,C);t!==q&&(G(t),t.length===C&&R&&R(t))},[C,G,R,q]),ue=t((e,t)=>{const n=t.replace(/\u200B/g,""),r=(i=I,(o=n)?"number-pad"===i?o.replace(/\D/g,""):o:"");var o,i;if(!r){const t=ae.slice(),n=(t[e]??"").length>0;if(t[e]="",ce(t.join("").slice(0,C)),!n&&e>0){const t=ae.slice();t[e-1]="",ce(t.join("")),le(e-1)}return}const s=ae[e]??"",l=s&&r.length>C&&r.startsWith(s)?r.slice(s.length):r;if(l.length>=C){const t=l.slice(0,C),n=q.length;if(ce(t),t.length!==n){const e=x(L,"selection");e&&j(e)}return void Q.current[e]?.blur()}const a=ae.slice();let c=e;for(let e=0;e<r.length&&c<C;e+=1)a[c]=r[e]??"",c+=1;const u=a.join("").slice(0,C),d=q.length;if(ce(u),u.length!==d){const e=x(L,"selection");e&&j(e)}const p=Math.min(c,C-1);c>=C?Q.current[e]?.blur():le(p)},[ae,le,I,C,L,ce,q]),de=t((e,t)=>{if("Backspace"!==t.nativeEvent.key)return;if(0===(ae[e]??"").length){if(e>0){const t=ae.slice();t[e-1]="",ce(t.join("")),le(e-1)}}else{const t=ae.slice();t[e]="",ce(t.join(""))}},[ae,le,ce]),pe=t(e=>{Y(e)},[]),me=t(()=>{Y(-1)},[]),fe=t(()=>{if(B)return;const e=ae.findIndex(e=>""===e);le(-1===e?C-1:e)},[ae,B,le,C]),ge=W??`Enter ${C}-digit code`,he=_.interpolate({inputRange:[-1,1],outputRange:[-6,6]});return V(m,{style:M,accessible:!0,accessibilityRole:"none",accessibilityLabel:ge,accessibilityValue:{text:z},accessibilityState:{disabled:B},testID:$,children:[S(c,{onPress:fe,disabled:B,accessible:!1,children:S(l.View,{style:[X.row,{columnGap:J.gap,transform:[{translateX:he}]}],children:ae.map((e,t)=>{const n=U===t,r=e.length>0,o=ie?K.colors.border.error:K.colors.border.focus,i=te[t];if(!i)return null;const s=A&&r?"●":e;return V(m,{style:X.cellWrapper,children:[V(T,{size:O,width:J.cell,height:J.cell,borderRadius:J.borderRadius,borderWidth:1.5,focused:n,error:ie,filled:r,disabled:B,paddingHorizontal:0,paddingVertical:0,gap:0,style:P,children:[S(p,{ref:e=>{Q.current[t]=e},value:(A&&r?"":e)||"​",onChangeText:e=>ue(t,e),onKeyPress:e=>de(t,e),onFocus:()=>pe(t),onBlur:me,keyboardType:I,editable:!B,selectTextOnFocus:!0,caretHidden:r,maxLength:C+1,textContentType:"oneTimeCode",autoComplete:0===t?"sms-otp":"off",importantForAutofill:0===t?"yes":"no",style:[X.input,{fontSize:J.fontSize,color:K.colors.text.primary,...y(K,"semibold")},H]}),A&&r?S(m,{pointerEvents:"none",style:X.maskOverlay,children:S(d,{style:[{fontSize:J.fontSize,color:K.colors.text.primary,...y(K,"semibold")},H],children:s})}):null]}),S(l.View,{style:[X.underline,{backgroundColor:o,opacity:i}]})]},`otp-cell-${t}`)})})}),se?S(d,{style:[X.errorText,{color:K.colors.error,fontSize:K.typography.fontSize.sm}],accessibilityLiveRegion:"polite",children:se}):null]})});k.displayName="OTPInput";const buildStyles=e=>u.create({row:{flexDirection:"row",alignItems:"center"},cellWrapper:{alignItems:"center"},input:{width:"100%",height:"100%",textAlign:"center",padding:0},maskOverlay:{...u.absoluteFill,alignItems:"center",justifyContent:"center"},underline:{marginTop:4,height:2,width:"60%",borderRadius:1,...z},errorText:{marginTop:6}});export{k as OTPInput};export default k;
+"use strict";import{forwardRef,useCallback,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Animated,Easing,Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{useControllableState,useReducedMotion}from"../../hooks/index.js";import{createAnimatedValue,fontFor,setNativeValue,useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{FieldBase}from"../FieldBase/FieldBase.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const sizeMap={sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},sanitizeChar=(e,t)=>e?"number-pad"===t?e.replace(/\D/g,""):e:"",OTPInput=forwardRef((e,t)=>{const{value:n,defaultValue:r,onChange:i,onComplete:s,length:o=6,keyboardType:a="number-pad",autoFocus:l=!1,autoFocusDelay:c=0,disabled:u=!1,error:d,size:m="md",secure:p=!1,haptic:f,accessibilityLabel:g,style:h,cellStyle:b,textStyle:y,testID:x}=e,[v,j]=useControllableState({value:n,defaultValue:r??"",onChange:i}),S=useTheme(),T=useMemo(()=>buildStyles(S),[S]),C={...sizeMap[m],...S.components.otpInput?.[m]??{}},R=useRef([]),[V,k]=useState(-1),w=useRef(null),z=useRef(createAnimatedValue(0)).current,E=useRef(new Map),I=useMemo(()=>{const e=E.current,t=[];for(let n=0;n<o;n+=1){let r=e.get(n);r||(r=new Animated.Value(0),e.set(n,r)),t.push(r)}for(const t of Array.from(e.keys()))t>=o&&e.delete(t);return t},[o]),A=useRef(-1),F=S.components.otpInput?.shakeOnError??!1,_=useReducedMotion(),H=Boolean(d),M="string"==typeof d?d:void 0;useEffect(()=>{let e;return null===w.current||!H||w.current||(!1!==f&&triggerHaptic("notificationError"),F&&!_&&(setNativeValue(z,0),e=Animated.sequence([Animated.timing(z,{toValue:1,duration:S.motion.duration.instant,easing:Easing.linear,useNativeDriver:!0}),Animated.timing(z,{toValue:-1,duration:S.motion.duration.instant,easing:Easing.linear,useNativeDriver:!0}),Animated.timing(z,{toValue:1,duration:S.motion.duration.instant,easing:Easing.linear,useNativeDriver:!0}),Animated.timing(z,{toValue:0,duration:S.motion.duration.instant,easing:Easing.linear,useNativeDriver:!0})]),e.start())),w.current=H,()=>e?.stop()},[H,z,F,f,_,S.motion.duration.instant]),useEffect(()=>{const e=A.current;if(A.current=V,e===V)return;if(-1===e&&-1===V)return;const t=[];return I.forEach((n,r)=>{const i=r===V?1:0;if(r!==V&&r!==e)return;const s=Animated.timing(n,{toValue:i,duration:S.motion.duration.fast,easing:Easing.bezier(...S.motion.easing.standard),useNativeDriver:!0});s.start(),t.push(s)}),()=>t.forEach(e=>e.stop())},[V,I,S]);const D=useCallback(e=>{const t=R.current[e];t&&t.focus()},[]);useImperativeHandle(t,()=>({focus:()=>D(0),blur:()=>{const e=R.current[V>=0?V:0];e?.blur()},clear:()=>{j(""),D(0)}}),[D,V,j]),useEffect(()=>{if(l&&!u){const e=setTimeout(()=>D(0),c);return()=>clearTimeout(e)}},[l,c,u,D]);const O=useMemo(()=>{const e=new Array(o).fill("");for(let t=0;t<Math.min(v.length,o);t+=1)e[t]=v[t]??"";return e},[v,o]),P=useCallback(e=>{const t=e.slice(0,o);t!==v&&(j(t),t.length===o&&s&&s(t))},[o,j,s,v]),B=useCallback((e,t)=>{const n=t.replace(/\u200B/g,""),r=sanitizeChar(n,a);if(!r){const t=O.slice(),n=(t[e]??"").length>0;if(t[e]="",P(t.join("").slice(0,o)),!n&&e>0){const t=O.slice();t[e-1]="",P(t.join("")),D(e-1)}return}const i=O[e]??"",s=i&&r.length>o&&r.startsWith(i)?r.slice(i.length):r;if(s.length>=o){const t=s.slice(0,o),n=v.length;if(P(t),t.length!==n){const e=resolveHaptic(f,"selection");e&&triggerHaptic(e)}return void R.current[e]?.blur()}const l=O.slice();let c=e;for(let e=0;e<r.length&&c<o;e+=1)l[c]=r[e]??"",c+=1;const u=l.join("").slice(0,o),d=v.length;if(P(u),u.length!==d){const e=resolveHaptic(f,"selection");e&&triggerHaptic(e)}const m=Math.min(c,o-1);c>=o?R.current[e]?.blur():D(m)},[O,D,a,o,f,P,v]),N=useCallback((e,t)=>{if("Backspace"!==t.nativeEvent.key)return;if(0===(O[e]??"").length){if(e>0){const t=O.slice();t[e-1]="",P(t.join("")),D(e-1)}}else{const t=O.slice();t[e]="",P(t.join(""))}},[O,D,P]),L=useCallback(e=>{k(e)},[]),W=useCallback(()=>{k(-1)},[]),$=useCallback(()=>{if(u)return;const e=O.findIndex(e=>""===e);D(-1===e?o-1:e)},[O,u,D,o]),q=g??`Enter ${o}-digit code`,G=z.interpolate({inputRange:[-1,1],outputRange:[-6,6]});return _jsxs(View,{style:h,accessible:!0,accessibilityRole:"none",accessibilityLabel:q,accessibilityValue:{text:n},accessibilityState:{disabled:u},testID:x,children:[_jsx(Pressable,{onPress:$,disabled:u,accessible:!1,children:_jsx(Animated.View,{style:[T.row,{columnGap:C.gap,transform:[{translateX:G}]}],children:O.map((e,t)=>{const n=V===t,r=e.length>0,i=H?S.colors.border.error:S.colors.border.focus,s=I[t];if(!s)return null;const l=p&&r?"●":e;return _jsxs(View,{style:T.cellWrapper,children:[_jsxs(FieldBase,{size:m,width:C.cell,height:C.cell,borderRadius:C.borderRadius,borderWidth:1.5,focused:n,error:H,filled:r,disabled:u,paddingHorizontal:0,paddingVertical:0,gap:0,style:b,children:[_jsx(TextInput,{ref:e=>{R.current[t]=e},value:(p&&r?"":e)||"​",onChangeText:e=>B(t,e),onKeyPress:e=>N(t,e),onFocus:()=>L(t),onBlur:W,keyboardType:a,editable:!u,selectTextOnFocus:!0,caretHidden:r,maxLength:o+1,textContentType:"oneTimeCode",autoComplete:0===t?"sms-otp":"off",importantForAutofill:0===t?"yes":"no",style:[T.input,{fontSize:C.fontSize,color:S.colors.text.primary,...fontFor(S,"semibold")},y]}),p&&r?_jsx(View,{pointerEvents:"none",style:T.maskOverlay,children:_jsx(Text,{style:[{fontSize:C.fontSize,color:S.colors.text.primary,...fontFor(S,"semibold")},y],children:l})}):null]}),_jsx(Animated.View,{style:[T.underline,{backgroundColor:i,opacity:s}]})]},`otp-cell-${t}`)})})}),M?_jsx(Text,{style:[T.errorText,{color:S.colors.error,fontSize:S.typography.fontSize.sm}],accessibilityLiveRegion:"polite",children:M}):null]})});OTPInput.displayName="OTPInput";const buildStyles=e=>StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},cellWrapper:{alignItems:"center"},input:{width:"100%",height:"100%",textAlign:"center",padding:0},maskOverlay:{...StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center"},underline:{marginTop:4,height:2,width:"60%",borderRadius:1,...smoothCorners},errorText:{marginTop:6}});export{OTPInput};export default OTPInput;

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

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