react-native-system-ui 1.0.9 → 1.1.0

package/dist/cjs/components/picker/Picker.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,Object.defineProperty(exports,"findEnabledIndex",{enumerable:!0,get:function(){return _normalize.findEnabledIndex}}),Object.defineProperty(exports,"normalizePicker",{enumerable:!0,get:function(){return _normalize.normalizePicker}}),Object.defineProperty(exports,"prepareColumns",{enumerable:!0,get:function(){return _normalize.prepareColumns}}),Object.defineProperty(exports,"toArrayValue",{enumerable:!0,get:function(){return _normalize.toArrayValue}}),Object.defineProperty(exports,"usePickerValue",{enumerable:!0,get:function(){return _value.usePickerValue}});var _loading=_interopRequireDefault(require("../loading")),_useLocale=require("../config-provider/useLocale"),_validate=require("../../utils/validate"),_utils=require("../../utils"),_tokens=require("./tokens"),_hairline=require("../../utils/hairline"),_normalize=require("../../hooks/picker/normalize"),_value=require("../../hooks/picker/value");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,l,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(a=t?n:r){if(a.has(e))return a.get(e);a.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?a(o,t,l):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const W=_reactNative().StyleSheet.create({column:{flex:1},option:{justifyContent:"center",alignItems:"center"},grab:{cursor:"pointer",userSelect:"none",touchAction:"none"}}),WheelPickerItemInner=({item:e,index:t,itemHeight:r,active:n,disabled:a,renderItem:l})=>{const o=l(e,t,{active:n,disabled:a});return _react().default.createElement(_reactNative().View,{style:[W.option,{height:r}]},o)},WheelPickerItem=_react().default.memo(WheelPickerItemInner),getVelocityBucket=e=>{const t=Math.abs(e);return t>1.2?2:t>.6?1:0},adjustIndex=(e,t)=>{const r=t.length;if(!r)return 0;const n=(0,_utils.clamp)(e,0,r-1),a=(0,_normalize.findEnabledIndex)(t,n);return a>=0?a:n},indexToOffset=(e,t)=>-e*t,offsetToIndex=(e,t,r,n)=>{const a=-Math.max(0,r-1)*t,l=(0,_utils.clamp)(e,a,0);let o=Math.round(-l/t);o=adjustIndex(o,n);return{index:o,snapOffset:indexToOffset(o,t)}},shouldMomentum=(e,t)=>t<500&&Math.abs(e)>8,momentumTarget=(e,t,r,n,a)=>{const l=Math.abs(e/t)/.0025*(e<0?-1:1),o=(0,_utils.clamp)(r+l,a,0),i=Math.round(-o/n);return indexToOffset(i,n)},WheelPickerInner=({data:e,selectedIndex:t,onChange:r,onInteractStart:n,onInteractEnd:a,renderItem:l,itemHeight:o,visibleRest:i,readOnly:c,indicatorColor:u,decelerationRate:s=_reactNative().Platform.select({ios:.9985,android:.995,default:.995})??"normal",scrollEventThrottle:d=16,swipeDuration:m=300})=>{const f="web"===_reactNative().Platform.OS,_=(0,_react().useRef)(null),p=(0,_react().useRef)(null),h=i*o,v=e.length,b=Math.max(0,v-1),g=-b*o,y=o*(2*i+1),x=(0,_utils.clamp)(t,0,b),E=(0,_normalize.findEnabledIndex)(e,x),k=E>=0?E:x,w=2*i+1,C=v>20*w?32:d,I=v>4*w,T=(0,_react().useCallback)(()=>_react().default.createElement(_reactNative().View,{style:{height:h}}),[h]),P=(0,_react().useMemo)(()=>[S.indicator,{height:o,top:o*i}],[o,i]),V=(0,_react().useRef)(null),R=(0,_react().useRef)(!1),M=(0,_react().useRef)(0),N=(0,_react().useCallback)(()=>{V.current&&(clearTimeout(V.current),V.current=null)},[]),O=(0,_react().useCallback)((t,n)=>{if(c)return;const{index:a,snapOffset:l}=offsetToIndex(-t,o,v,e),i=-l;Math.abs(i-t)>.5&&_.current?.scrollToOffset({offset:i,animated:n}),r(a)},[e,o,r,c,v]);(0,_react().useEffect)(()=>{const e=k*o;f||p.current?.scrollTo({y:e,animated:!1})},[f,o,k]);const[D,q]=(0,_react().useState)(()=>indexToOffset(k,o)),z=(0,_react().useRef)(D),H=(0,_react().useRef)(0),j=(0,_react().useRef)(0),[A,F]=(0,_react().useState)(0),[L,B]=(0,_react().useState)(0),$=(0,_react().useRef)(0),G=(0,_react().useRef)(null),Y=(0,_react().useRef)(0),J=(0,_react().useRef)(null),K=(0,_react().useRef)(null),Q=(0,_react().useRef)(null),U=(0,_react().useRef)(null),X=(0,_react().useRef)(!1),Z=(0,_react().useRef)(n);Z.current=n;const ee=(0,_react().useRef)(a);ee.current=a;const te=(0,_react().useCallback)(()=>{c||X.current||(X.current=!0,Z.current?.())},[c]),re=(0,_react().useCallback)(()=>{X.current&&(X.current=!1,ee.current?.())},[]),ne=(0,_react().useCallback)(()=>{null!=U.current&&"undefined"!=typeof cancelAnimationFrame&&(cancelAnimationFrame(U.current),U.current=null),null!=J.current&&"undefined"!=typeof cancelAnimationFrame&&(cancelAnimationFrame(J.current),J.current=null)},[]),ae=(0,_react().useCallback)(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)},[]);(0,_react().useEffect)(()=>()=>{N(),ae(),ne()},[N,ae,ne]);const le=(0,_react().useCallback)(e=>{const t=getVelocityBucket(e);t!==$.current&&($.current=t,B(t))},[]),oe=(0,_react().useCallback)(e=>{const t=Date.now(),r=G.current;if(null!=r){const n=Math.max(1,t-r);le(e/n)}G.current=t},[le]);(0,_react().useEffect)(()=>{if(!f)return;ae(),K.current=null,F(0);const e=indexToOffset(k,o);z.current=e,q(e)},[ae,f,o,k,F]);const ie=(0,_react().useCallback)(()=>{if(c)return;const e=K.current;null!=e&&(K.current=null,ae(),F(0),re(),r(e))},[ae,r,c,F]),ce=(0,_react().useCallback)(e=>{if(c)return;te();const t=(0,_utils.clamp)(e,0,b),r=indexToOffset(t,o);ae(),K.current=t,z.current=r,F(m),q(r),m<=0?ie():Q.current=setTimeout(ie,m+80)},[ae,ie,o,b,c,m]),ue=(0,_react().useCallback)(t=>{if(c)return;const r=t.nativeEvent?.deltaY??0;r&&(Y.current+=r,null==J.current&&"undefined"!=typeof requestAnimationFrame&&(J.current=requestAnimationFrame(()=>{J.current=null;const t=Y.current;if(Y.current=0,!t)return;oe(t);const r=t>0?1:-1,{index:n}=offsetToIndex(z.current,o,v,e),a=(0,_utils.clamp)(n+r,0,b);ce(a)})))},[e,o,b,c,ce,v,oe]),se=(0,_utils.clamp)(Math.round(-D/o),0,b),de=(0,_react().useMemo)(()=>{if(!f||v<=0)return{items:null,topSpacer:null,bottomSpacer:null};let t=0,r=b;if(I){const e=Math.max(2*w,8),n=2===L?4*w:1===L?2*w:0,a=Math.min(e+n,Math.max(6*w,24));t=(0,_utils.clamp)(se-a,0,b),r=(0,_utils.clamp)(se+a,0,b)}const n=[];for(let a=t;a<=r;a+=1){const t=e[a];t&&n.push(_react().default.createElement(WheelPickerItem,{key:`${a}-${String(t.value??"")}`,item:t,index:a,itemHeight:o,active:a===k,disabled:!!t.disabled,renderItem:l}))}const a=t*o,i=(b-r)*o;return{items:n,topSpacer:a>0&&_react().default.createElement(_reactNative().View,{style:{height:a}}),bottomSpacer:i>0&&_react().default.createElement(_reactNative().View,{style:{height:i}})}},[e,f,o,b,l,k,v,w,se,L,I]),me=(0,_react().useMemo)(()=>({transform:[{translateY:D}]}),[D]),fe=(0,_react().useMemo)(()=>A?{transitionProperty:"transform",transitionDuration:A+"ms",transitionTimingFunction:"cubic-bezier(0.23, 1, 0.68, 1)",willChange:"transform"}:void 0,[A]),_e=(0,_react().useCallback)(e=>{const t=e.nativeEvent?.propertyName??e.propertyName;t&&"transform"!==t&&"webkitTransform"!==t||ie()},[ie]),pe=(0,_react().useMemo)(()=>_reactNative().PanResponder.create({onStartShouldSetPanResponder:()=>!c,onMoveShouldSetPanResponder:()=>!c,onPanResponderGrant:()=>{ne(),K.current=null,te(),F(0),H.current=z.current,j.current=Date.now()},onPanResponderMove:(e,t)=>{if(c)return;le(t.vy);const r=(0,_utils.clamp)(H.current+t.dy,g,0);z.current=r,"undefined"==typeof requestAnimationFrame?q(r):null!=U.current||(U.current=requestAnimationFrame(()=>{U.current=null,q(z.current)}))},onPanResponderRelease:(t,r)=>{if(c)return;le(0);const n=Date.now()-j.current,a=r.dy;let l=(0,_utils.clamp)(H.current+a,g,0);shouldMomentum(a,n)&&(l=momentumTarget(a,n,H.current,o,g));const{index:i}=offsetToIndex(l,o,v,e);ce(i)},onPanResponderTerminationRequest:()=>!1,onPanResponderTerminate:()=>{re(),F(0)}}),[e,o,g,re,te,c,le,ce,ne,v]),he=!c,ve=(0,_react().useCallback)(()=>he,[he]),be=(0,_react().useMemo)(()=>({paddingVertical:h}),[h]),ge=(0,_react().useCallback)(e=>{M.current=e.nativeEvent.contentOffset.y},[]),ye=(0,_react().useCallback)(()=>{R.current=!1,N(),te()},[N,te]),xe=(0,_react().useCallback)(e=>{if(c)return;const t=e.nativeEvent.contentOffset.y;M.current=t,N(),V.current=setTimeout(()=>{R.current||(O(M.current,!0),re())},80)},[N,O,re,c]),Ee=(0,_react().useCallback)(()=>{R.current=!0,N(),te()},[N,te]),ke=(0,_react().useCallback)(e=>{R.current=!1,N();const t=e.nativeEvent.contentOffset.y;M.current=t,O(t,!1),re()},[N,O,re]);return f?_react().default.createElement(_reactNative().View,_extends({style:[W.column,{height:y},W.grab],onWheel:ue},pe.panHandlers),_react().default.createElement(_reactNative().View,{style:P,pointerEvents:"none"},_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:u,left:0,right:0})}),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:u,left:0,right:0})})),_react().default.createElement(_reactNative().View,{style:[me,fe],onTransitionEnd:_e},_react().default.createElement(T,null),de.topSpacer,de.items,de.bottomSpacer,_react().default.createElement(T,null))):_react().default.createElement(_reactNative().View,{style:[W.column,{height:y}],collapsable:!1},_react().default.createElement(_reactNative().View,{style:P,pointerEvents:"none"},_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:u,left:0,right:0})}),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:u,left:0,right:0})})),_react().default.createElement(_reactNative().ScrollView,{ref:p,showsVerticalScrollIndicator:!1,scrollEventThrottle:C,decelerationRate:s,snapToInterval:o,snapToAlignment:"start",bounces:!1,overScrollMode:"never",nestedScrollEnabled:!0,contentContainerStyle:be,onStartShouldSetResponderCapture:ve,onMoveShouldSetResponderCapture:ve,onScroll:ge,onScrollBeginDrag:ye,onScrollEndDrag:xe,onMomentumScrollBegin:Ee,onMomentumScrollEnd:ke,scrollEnabled:!c},e.map((e,t)=>_react().default.createElement(WheelPickerItem,{key:`${t}-${String(e.value??"")}`,item:e,index:t,itemHeight:o,active:t===k,disabled:!!e.disabled,renderItem:l}))))},WheelPicker=_react().default.memo(WheelPickerInner),PickerColumn=_react().default.memo(e=>{const{columnIndex:t,options:r,value:n,itemHeight:a,visibleItemCount:l,optionRender:o,getOptionTestID:i,getOptionA11yLabel:c,onSelect:u,tokens:s,readOnly:d,decelerationRate:m,scrollEventThrottle:f,swipeDuration:_}=e,p=Math.max(1,Math.floor((l-1)/2)),h=(0,_react().useMemo)(()=>new Map(r.map((e,t)=>[e.value,t])),[r]),v=(0,_react().useMemo)(()=>{if(!r.length)return 0;const e=h.get(n),t="number"==typeof e&&e>=0?e:0;return(0,_normalize.findEnabledIndex)(r,t)},[r,n,h]),b=(0,_react().useCallback)(e=>{const n=(0,_normalize.findEnabledIndex)(r,e),a=r[n];a&&!a.disabled&&u(a,t,n)},[t,u,r]),{text:g,textDisabled:y,textMuted:x}=s.colors,E={fontSize:s.typography.optionSize,fontFamily:s.typography.fontFamily,fontWeight:s.typography.optionWeight},k=(0,_react().useCallback)((e,r,n)=>{const{active:l=!1,disabled:u=!1}=n??{},s=u?y:l?g:x,d=o?o(e,{columnIndex:t,active:l}):e.label??e.value,m=i?.(e,{columnIndex:t,active:l}),f=c?.(e,{columnIndex:t,active:l});return _react().default.createElement(_reactNative().View,{style:[W.option,{opacity:u?.5:1,minHeight:a}],testID:m,accessible:!!f,accessibilityLabel:f},(0,_validate.isText)(d)?_react().default.createElement(_reactNative().Text,{numberOfLines:1,style:[S.optTxt,E,{color:s}]},d):d)},[g,y,x,t,c,i,a,E,o]);return _react().default.createElement(_reactNative().View,{style:[W.column,{height:a*l}]},_react().default.createElement(WheelPicker,{data:r,itemHeight:a,visibleRest:p,selectedIndex:Math.max(0,v),onChange:b,readOnly:d,indicatorColor:s.colors.indicator,decelerationRate:m,scrollEventThrottle:f,swipeDuration:_,renderItem:k}))}),PickerImpl=e=>{const{tokensOverride:t}=e,r=(0,_useLocale.useLocale)(),n=(0,_tokens.usePickerTokens)(t),{columns:a=[],value:l,defaultValue:o,title:i,showToolbar:c=n.defaults.showToolbar,toolbarPosition:u=n.defaults.toolbarPosition,confirmButtonText:s=r?.confirm??"Confirm",cancelButtonText:d=r?.cancel??"Cancel",itemHeight:m=n.defaults.itemHeight,visibleItemCount:f=n.defaults.visibleItemCount,loading:_=!1,readOnly:p=!1,decelerationRate:h=_reactNative().Platform.select({ios:.999,android:.997,default:.989})??"normal",swipeDuration:v=n.defaults.swipeDuration,scrollEventThrottle:b=16,columnsTop:g,columnsBottom:y,optionRender:x,getOptionTestID:E,getOptionA11yLabel:k,emitConfirmOnAutoSelect:w=!0,maskColor:C,maskType:I=n.defaults.maskType,onChange:T,onConfirm:P,onCancel:V,style:R,testID:M,...N}=e,O=(0,_value.getVisibleCount)(f??n.defaults.visibleItemCount),{normalized:W,handleSelect:D,handleConfirm:q,preparedColumns:z}=(0,_value.usePickerValue)({columns:a,valueProp:l,defaultValue:o,emitConfirmOnAutoSelect:w,onChange:T,onConfirm:P}),H="cascade"===z.type,j={fontSize:n.typography.toolbarSize,fontFamily:n.typography.fontFamily,fontWeight:n.typography.toolbarWeight},A=(e,t)=>_react().default.isValidElement(e)?_react().default.createElement(_reactNative().View,{style:S.actW},e):(0,_validate.isText)(e)?_react().default.createElement(_reactNative().Text,{numberOfLines:1,style:[S.actTxt,j,{color:t}]},e):_react().default.createElement(_reactNative().View,{style:S.actW}),F=c?_react().default.createElement(_reactNative().View,{style:[S.toolbar,{height:n.spacing.toolbarHeight,paddingHorizontal:n.spacing.actionPadding}]},_react().default.createElement(_reactNative().Pressable,{onPress:V,accessibilityRole:"button"},A(d,n.colors.cancel)),null==(L=i)?_react().default.createElement(_reactNative().View,null):_react().default.isValidElement(L)?_react().default.createElement(_reactNative().View,{style:S.ttlW},L):_react().default.createElement(_reactNative().Text,{style:[S.title,j,{color:n.colors.text}],numberOfLines:1},L),_react().default.createElement(_reactNative().Pressable,{onPress:q,accessibilityRole:"button"},A(s,n.colors.confirm)),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:n.colors.indicator,left:0,right:0})})):null;var L;const B=m*O,$=Math.max(1,Math.floor((O-1)/2)),G=m*$,Y=G,J=W.columns.length>0,K=C??n.colors.mask,Q=J?W.columns.map((e,t)=>{const r=H?`${t}-${W.values.slice(0,t).map(String).join("|")}`:String(t);return _react().default.createElement(PickerColumn,{key:r,columnIndex:t,options:e,value:W.values[t],itemHeight:m,visibleItemCount:O,decelerationRate:h,scrollEventThrottle:b,optionRender:x,getOptionTestID:E,getOptionA11yLabel:k,readOnly:p,swipeDuration:v,onSelect:D,tokens:n})}):null;return _react().default.createElement(_reactNative().View,_extends({},N,{style:[{backgroundColor:n.colors.background,borderRadius:n.radius.container},R],testID:M}),"top"===u&&F,_react().default.createElement(_reactNative().View,{style:[S.body,{height:B}]},_react().default.createElement(_reactNative().View,{style:S.columns,pointerEvents:_?"none":"auto"},g,Q,y,J&&_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_reactNative().View,{pointerEvents:"none",style:[S.indicator,{top:G,height:m}]},_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:n.colors.indicator,left:0,right:0})}),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:n.colors.indicator,left:0,right:0})})),_react().default.createElement(_value.GradientMask,{position:"top",height:Y,color:K,maskType:I}),_react().default.createElement(_value.GradientMask,{position:"bottom",height:Y,color:K,maskType:I}))),_&&_react().default.createElement(_reactNative().View,{style:[S.loading,{backgroundColor:n.colors.loadingMask}]},_react().default.createElement(_loading.default,null))),"bottom"===u&&F)},S=_reactNative().StyleSheet.create({body:{position:"relative",overflow:"hidden"},columns:{flex:1,flexDirection:"row"},optTxt:{includeFontPadding:!1},indicator:{position:"absolute",left:0,right:0,zIndex:3},toolbar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},title:{flex:1,textAlign:"center"},ttlW:{flex:1,alignItems:"center",justifyContent:"center"},actTxt:{minWidth:44,textAlign:"center"},actW:{minWidth:44,alignItems:"center",justifyContent:"center"},loading:{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center"}}),Picker=_react().default.memo(PickerImpl);var _default=exports.default=Picker;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,Object.defineProperty(exports,"findEnabledIndex",{enumerable:!0,get:function(){return _normalize.findEnabledIndex}}),Object.defineProperty(exports,"normalizePicker",{enumerable:!0,get:function(){return _normalize.normalizePicker}}),Object.defineProperty(exports,"prepareColumns",{enumerable:!0,get:function(){return _normalize.prepareColumns}}),Object.defineProperty(exports,"toArrayValue",{enumerable:!0,get:function(){return _normalize.toArrayValue}}),Object.defineProperty(exports,"usePickerValue",{enumerable:!0,get:function(){return _value.usePickerValue}});var _loading=_interopRequireDefault(require("../loading")),_useLocale=require("../config-provider/useLocale"),_validate=require("../../utils/validate"),_utils=require("../../utils"),_tokens=require("./tokens"),_hairline=require("../../utils/hairline"),_normalize=require("../../hooks/picker/normalize"),_value=require("../../hooks/picker/value");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,l,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(a=t?n:r){if(a.has(e))return a.get(e);a.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?a(o,t,l):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const W=_reactNative().StyleSheet.create({column:{flex:1},option:{justifyContent:"center",alignItems:"center"},grab:{cursor:"pointer",userSelect:"none",touchAction:"none"}}),WheelPickerItemInner=({item:e,index:t,itemHeight:r,active:n,disabled:a,renderItem:l})=>{const o=l(e,t,{active:n,disabled:a});return _react().default.createElement(_reactNative().View,{style:[W.option,{height:r}]},o)},WheelPickerItem=_react().default.memo(WheelPickerItemInner),getVelocityBucket=e=>{const t=Math.abs(e);return t>1.2?2:t>.6?1:0},adjustIndex=(e,t)=>{const r=t.length;if(!r)return 0;const n=(0,_utils.clamp)(e,0,r-1),a=(0,_normalize.findEnabledIndex)(t,n);return a>=0?a:n},indexToOffset=(e,t)=>-e*t,offsetToIndex=(e,t,r,n)=>{const a=-Math.max(0,r-1)*t,l=(0,_utils.clamp)(e,a,0);let o=Math.round(-l/t);o=adjustIndex(o,n);return{index:o,snapOffset:indexToOffset(o,t)}},shouldMomentum=(e,t)=>t<500&&Math.abs(e)>8,momentumTarget=(e,t,r,n,a)=>{const l=Math.abs(e/t)/.0025*(e<0?-1:1),o=(0,_utils.clamp)(r+l,a,0),i=Math.round(-o/n);return indexToOffset(i,n)},WheelPickerInner=({data:e,selectedIndex:t,onChange:r,onInteractStart:n,onInteractEnd:a,renderItem:l,itemHeight:o,visibleRest:i,readOnly:c,indicatorColor:u,decelerationRate:s=_reactNative().Platform.select({ios:.9985,android:.995,default:.995})??"normal",scrollEventThrottle:d=16,swipeDuration:m=300})=>{const f="web"===_reactNative().Platform.OS,_=(0,_react().useRef)(null),p=(0,_react().useRef)(null),h=i*o,v=e.length,b=Math.max(0,v-1),y=-b*o,g=o*(2*i+1),x=(0,_utils.clamp)(t,0,b),E=(0,_normalize.findEnabledIndex)(e,x),k=E>=0?E:x,w=2*i+1,C=v>20*w?32:d,I=v>4*w,T=(0,_react().useCallback)(()=>_react().default.createElement(_reactNative().View,{style:{height:h}}),[h]),P=(0,_react().useMemo)(()=>[S.indicator,{height:o,top:o*i}],[o,i]),V=(0,_react().useRef)(null),R=(0,_react().useRef)(!1),M=(0,_react().useRef)(0),N=(0,_react().useCallback)(()=>{V.current&&(clearTimeout(V.current),V.current=null)},[]),O=(0,_react().useCallback)((t,n)=>{if(c)return;const{index:a,snapOffset:l}=offsetToIndex(-t,o,v,e),i=-l;Math.abs(i-t)>.5&&_.current?.scrollToOffset({offset:i,animated:n}),r(a)},[e,o,r,c,v]);(0,_react().useEffect)(()=>{const e=k*o;f||p.current?.scrollTo({y:e,animated:!1})},[f,o,k]);const[D,z]=(0,_react().useState)(()=>indexToOffset(k,o)),q=(0,_react().useRef)(D),H=(0,_react().useRef)(0),j=(0,_react().useRef)(0),[A,F]=(0,_react().useState)(0),[L,B]=(0,_react().useState)(0),$=(0,_react().useRef)(0),G=(0,_react().useRef)(null),Y=(0,_react().useRef)(0),J=(0,_react().useRef)(null),K=(0,_react().useRef)(null),Q=(0,_react().useRef)(null),U=(0,_react().useRef)(null),X=(0,_react().useRef)(!1),Z=(0,_react().useRef)(n);Z.current=n;const ee=(0,_react().useRef)(a);ee.current=a;const te=(0,_react().useCallback)(()=>{c||X.current||(X.current=!0,Z.current?.())},[c]),re=(0,_react().useCallback)(()=>{X.current&&(X.current=!1,ee.current?.())},[]),ne=(0,_react().useCallback)(()=>{null!=U.current&&"undefined"!=typeof cancelAnimationFrame&&(cancelAnimationFrame(U.current),U.current=null),null!=J.current&&"undefined"!=typeof cancelAnimationFrame&&(cancelAnimationFrame(J.current),J.current=null)},[]),ae=(0,_react().useCallback)(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)},[]);(0,_react().useEffect)(()=>()=>{N(),ae(),ne()},[N,ae,ne]);const le=(0,_react().useCallback)(e=>{const t=getVelocityBucket(e);t!==$.current&&($.current=t,B(t))},[]),oe=(0,_react().useCallback)(e=>{const t=Date.now(),r=G.current;if(null!=r){const n=Math.max(1,t-r);le(e/n)}G.current=t},[le]);(0,_react().useEffect)(()=>{if(!f)return;ae(),K.current=null,F(0);const e=indexToOffset(k,o);q.current=e,z(e)},[ae,f,o,k,F]);const ie=(0,_react().useCallback)(()=>{if(c)return;const e=K.current;null!=e&&(K.current=null,ae(),F(0),re(),r(e))},[ae,r,c,F]),ce=(0,_react().useCallback)(e=>{if(c)return;te();const t=(0,_utils.clamp)(e,0,b),r=indexToOffset(t,o);ae(),K.current=t,q.current=r,F(m),z(r),m<=0?ie():Q.current=setTimeout(ie,m+80)},[ae,ie,o,b,c,m]),ue=(0,_react().useCallback)(t=>{if(c)return;const r=t.nativeEvent?.deltaY??0;r&&(Y.current+=r,null==J.current&&"undefined"!=typeof requestAnimationFrame&&(J.current=requestAnimationFrame(()=>{J.current=null;const t=Y.current;if(Y.current=0,!t)return;oe(t);const r=t>0?1:-1,{index:n}=offsetToIndex(q.current,o,v,e),a=(0,_utils.clamp)(n+r,0,b);ce(a)})))},[e,o,b,c,ce,v,oe]),se=(0,_utils.clamp)(Math.round(-D/o),0,b),de=(0,_react().useMemo)(()=>{if(!f||v<=0)return{items:null,topSpacer:null,bottomSpacer:null};let t=0,r=b;if(I){const e=Math.max(2*w,8),n=2===L?4*w:1===L?2*w:0,a=Math.min(e+n,Math.max(6*w,24));t=(0,_utils.clamp)(se-a,0,b),r=(0,_utils.clamp)(se+a,0,b)}const n=[];for(let a=t;a<=r;a+=1){const t=e[a];t&&n.push(_react().default.createElement(WheelPickerItem,{key:`${a}-${String(t.value??"")}`,item:t,index:a,itemHeight:o,active:a===k,disabled:!!t.disabled,renderItem:l}))}const a=t*o,i=(b-r)*o;return{items:n,topSpacer:a>0&&_react().default.createElement(_reactNative().View,{style:{height:a}}),bottomSpacer:i>0&&_react().default.createElement(_reactNative().View,{style:{height:i}})}},[e,f,o,b,l,k,v,w,se,L,I]),me=(0,_react().useMemo)(()=>({transform:[{translateY:D}]}),[D]),fe=(0,_react().useMemo)(()=>A?{transitionProperty:"transform",transitionDuration:A+"ms",transitionTimingFunction:"cubic-bezier(0.23, 1, 0.68, 1)",willChange:"transform"}:void 0,[A]),_e=(0,_react().useCallback)(e=>{const t=e.nativeEvent?.propertyName??e.propertyName;t&&"transform"!==t&&"webkitTransform"!==t||ie()},[ie]),pe=(0,_react().useMemo)(()=>_reactNative().PanResponder.create({onStartShouldSetPanResponder:()=>!c,onMoveShouldSetPanResponder:()=>!c,onPanResponderGrant:()=>{ne(),K.current=null,te(),F(0),H.current=q.current,j.current=Date.now()},onPanResponderMove:(e,t)=>{if(c)return;le(t.vy);const r=(0,_utils.clamp)(H.current+t.dy,y,0);q.current=r,"undefined"==typeof requestAnimationFrame?z(r):null!=U.current||(U.current=requestAnimationFrame(()=>{U.current=null,z(q.current)}))},onPanResponderRelease:(t,r)=>{if(c)return;le(0);const n=Date.now()-j.current,a=r.dy;let l=(0,_utils.clamp)(H.current+a,y,0);shouldMomentum(a,n)&&(l=momentumTarget(a,n,H.current,o,y));const{index:i}=offsetToIndex(l,o,v,e);ce(i)},onPanResponderTerminationRequest:()=>!1,onPanResponderTerminate:()=>{re(),F(0)}}),[e,o,y,re,te,c,le,ce,ne,v]),he=!c,ve=(0,_react().useCallback)(()=>he,[he]),be=(0,_react().useMemo)(()=>({paddingVertical:h}),[h]),ye=(0,_react().useCallback)(e=>{M.current=e.nativeEvent.contentOffset.y},[]),ge=(0,_react().useCallback)(()=>{R.current=!1,N(),te()},[N,te]),xe=(0,_react().useCallback)(e=>{if(c)return;const t=e.nativeEvent.contentOffset.y;M.current=t,N(),V.current=setTimeout(()=>{R.current||(O(M.current,!0),re())},80)},[N,O,re,c]),Ee=(0,_react().useCallback)(()=>{R.current=!0,N(),te()},[N,te]),ke=(0,_react().useCallback)(e=>{R.current=!1,N();const t=e.nativeEvent.contentOffset.y;M.current=t,O(t,!1),re()},[N,O,re]);return f?_react().default.createElement(_reactNative().View,_extends({style:[W.column,{height:g},W.grab],onWheel:ue},pe.panHandlers),_react().default.createElement(_reactNative().View,{style:P,pointerEvents:"none"},_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:u,left:0,right:0})}),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:u,left:0,right:0})})),_react().default.createElement(_reactNative().View,{style:[me,fe],onTransitionEnd:_e},_react().default.createElement(T,null),de.topSpacer,de.items,de.bottomSpacer,_react().default.createElement(T,null))):_react().default.createElement(_reactNative().View,{style:[W.column,{height:g}],collapsable:!1},_react().default.createElement(_reactNative().View,{style:P,pointerEvents:"none"},_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:u,left:0,right:0})}),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:u,left:0,right:0})})),_react().default.createElement(_reactNative().ScrollView,{ref:p,showsVerticalScrollIndicator:!1,scrollEventThrottle:C,decelerationRate:s,snapToInterval:o,snapToAlignment:"start",bounces:!1,overScrollMode:"never",nestedScrollEnabled:!0,contentContainerStyle:be,onStartShouldSetResponderCapture:ve,onMoveShouldSetResponderCapture:ve,onScroll:ye,onScrollBeginDrag:ge,onScrollEndDrag:xe,onMomentumScrollBegin:Ee,onMomentumScrollEnd:ke,scrollEnabled:!c},e.map((e,t)=>_react().default.createElement(WheelPickerItem,{key:`${t}-${String(e.value??"")}`,item:e,index:t,itemHeight:o,active:t===k,disabled:!!e.disabled,renderItem:l}))))},WheelPicker=_react().default.memo(WheelPickerInner),PickerColumn=_react().default.memo(e=>{const{columnIndex:t,options:r,value:n,itemHeight:a,visibleItemCount:l,optionRender:o,getOptionTestID:i,getOptionA11yLabel:c,onSelect:u,tokens:s,readOnly:d,decelerationRate:m,scrollEventThrottle:f,swipeDuration:_}=e,p=Math.max(1,Math.floor((l-1)/2)),h=(0,_react().useMemo)(()=>new Map(r.map((e,t)=>[e.value,t])),[r]),v=(0,_react().useMemo)(()=>{if(!r.length)return 0;const e=h.get(n),t="number"==typeof e&&e>=0?e:0;return(0,_normalize.findEnabledIndex)(r,t)},[r,n,h]),b=(0,_react().useCallback)(e=>{const n=(0,_normalize.findEnabledIndex)(r,e),a=r[n];a&&!a.disabled&&u(a,t,n)},[t,u,r]),{text:y,textDisabled:g,textMuted:x}=s.colors,E=(0,_react().useMemo)(()=>({fontSize:s.typography.optionSize,fontFamily:s.typography.fontFamily,fontWeight:s.typography.optionWeight}),[s.typography.fontFamily,s.typography.optionSize,s.typography.optionWeight]),k=(0,_react().useCallback)((e,r,n)=>{const{active:l=!1,disabled:u=!1}=n??{},s=u?g:l?y:x,d=o?o(e,{columnIndex:t,active:l}):e.label??e.value,m=i?.(e,{columnIndex:t,active:l}),f=c?.(e,{columnIndex:t,active:l});return _react().default.createElement(_reactNative().View,{style:[W.option,{opacity:u?.5:1,minHeight:a}],testID:m,accessible:!!f,accessibilityLabel:f},(0,_validate.isText)(d)?_react().default.createElement(_reactNative().Text,{numberOfLines:1,style:[S.optTxt,E,{color:s}]},d):d)},[y,g,x,t,c,i,a,E,o]);return _react().default.createElement(_reactNative().View,{style:[W.column,{height:a*l}]},_react().default.createElement(WheelPicker,{data:r,itemHeight:a,visibleRest:p,selectedIndex:Math.max(0,v),onChange:b,readOnly:d,indicatorColor:s.colors.indicator,decelerationRate:m,scrollEventThrottle:f,swipeDuration:_,renderItem:k}))}),PickerImpl=e=>{const{tokensOverride:t}=e,r=(0,_useLocale.useLocale)(),n=(0,_tokens.usePickerTokens)(t),{columns:a=[],value:l,defaultValue:o,title:i,showToolbar:c=n.defaults.showToolbar,toolbarPosition:u=n.defaults.toolbarPosition,confirmButtonText:s=r?.confirm??"Confirm",cancelButtonText:d=r?.cancel??"Cancel",itemHeight:m=n.defaults.itemHeight,visibleItemCount:f=n.defaults.visibleItemCount,loading:_=!1,readOnly:p=!1,decelerationRate:h=_reactNative().Platform.select({ios:.999,android:.997,default:.989})??"normal",swipeDuration:v=n.defaults.swipeDuration,scrollEventThrottle:b=16,columnsTop:y,columnsBottom:g,optionRender:x,getOptionTestID:E,getOptionA11yLabel:k,emitConfirmOnAutoSelect:w=!0,maskColor:C,maskType:I=n.defaults.maskType,onChange:T,onConfirm:P,onCancel:V,style:R,testID:M,...N}=e,O=(0,_value.getVisibleCount)(f??n.defaults.visibleItemCount),{normalized:W,handleSelect:D,handleConfirm:z,preparedColumns:q}=(0,_value.usePickerValue)({columns:a,valueProp:l,defaultValue:o,emitConfirmOnAutoSelect:w,onChange:T,onConfirm:P}),H="cascade"===q.type,j={fontSize:n.typography.toolbarSize,fontFamily:n.typography.fontFamily,fontWeight:n.typography.toolbarWeight},A=(e,t)=>_react().default.isValidElement(e)?_react().default.createElement(_reactNative().View,{style:S.actW},e):(0,_validate.isText)(e)?_react().default.createElement(_reactNative().Text,{numberOfLines:1,style:[S.actTxt,j,{color:t}]},e):_react().default.createElement(_reactNative().View,{style:S.actW}),F=c?_react().default.createElement(_reactNative().View,{style:[S.toolbar,{height:n.spacing.toolbarHeight,paddingHorizontal:n.spacing.actionPadding}]},_react().default.createElement(_reactNative().Pressable,{onPress:V,accessibilityRole:"button"},A(d,n.colors.cancel)),null==(L=i)?_react().default.createElement(_reactNative().View,null):_react().default.isValidElement(L)?_react().default.createElement(_reactNative().View,{style:S.ttlW},L):_react().default.createElement(_reactNative().Text,{style:[S.title,j,{color:n.colors.text}],numberOfLines:1},L),_react().default.createElement(_reactNative().Pressable,{onPress:z,accessibilityRole:"button"},A(s,n.colors.confirm)),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:n.colors.indicator,left:0,right:0})})):null;var L;const B=m*O,$=Math.max(1,Math.floor((O-1)/2)),G=m*$,Y=G,J=W.columns.length>0,K=C??n.colors.mask,Q=J?W.columns.map((e,t)=>{const r=H?`${t}-${W.values.slice(0,t).map(String).join("|")}`:String(t);return _react().default.createElement(PickerColumn,{key:r,columnIndex:t,options:e,value:W.values[t],itemHeight:m,visibleItemCount:O,decelerationRate:h,scrollEventThrottle:b,optionRender:x,getOptionTestID:E,getOptionA11yLabel:k,readOnly:p,swipeDuration:v,onSelect:D,tokens:n})}):null;return _react().default.createElement(_reactNative().View,_extends({},N,{style:[{backgroundColor:n.colors.background,borderRadius:n.radius.container},R],testID:M}),"top"===u&&F,_react().default.createElement(_reactNative().View,{style:[S.body,{height:B}]},_react().default.createElement(_reactNative().View,{style:S.columns,pointerEvents:_?"none":"auto"},y,Q,g,J&&_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_reactNative().View,{pointerEvents:"none",style:[S.indicator,{top:G,height:m}]},_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:n.colors.indicator,left:0,right:0})}),_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"bottom",color:n.colors.indicator,left:0,right:0})})),_react().default.createElement(_value.GradientMask,{position:"top",height:Y,color:K,maskType:I}),_react().default.createElement(_value.GradientMask,{position:"bottom",height:Y,color:K,maskType:I}))),_&&_react().default.createElement(_reactNative().View,{style:[S.loading,{backgroundColor:n.colors.loadingMask}]},_react().default.createElement(_loading.default,null))),"bottom"===u&&F)},S=_reactNative().StyleSheet.create({body:{position:"relative",overflow:"hidden"},columns:{flex:1,flexDirection:"row"},optTxt:{includeFontPadding:!1},indicator:{position:"absolute",left:0,right:0,zIndex:3},toolbar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},title:{flex:1,textAlign:"center"},ttlW:{flex:1,alignItems:"center",justifyContent:"center"},actTxt:{minWidth:44,textAlign:"center"},actW:{minWidth:44,alignItems:"center",justifyContent:"center"},loading:{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center"}}),Picker=_react().default.memo(PickerImpl);var _default=exports.default=Picker;

package/dist/cjs/components/popup/Popup.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Popup=void 0;var _safeAreaView=require("../safe-area-view"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_createPlatformShadow=require("../../utils/createPlatformShadow"),_validate=require("../../utils/validate");function _Cross(){const e=_interopRequireDefault(require("react-native-system-icon/Cross"));return _Cross=function(){return e},e}var _Portal=_interopRequireDefault(require("../portal/Portal")),_hooks=require("../../hooks"),_useLocale=require("../config-provider/useLocale"),_useDirection=require("../config-provider/useDirection"),_tokens=require("./tokens"),_utils=require("../../hooks/popup/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(i,t,n):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const AnimatedPressable=_reactNative().Animated.createAnimatedComponent(_reactNative().Pressable),PopupImpl=e=>{const t=(0,_useLocale.useLocale)(),r=(0,_useDirection.useDirection)(),{visible:o,placement:a,position:n,title:i,description:l,tokensOverride:c,overlay:s=!0,overlayStyle:u,overlayAccessibilityLabel:d=t?.vanPopup?.closeOverlay??"Close overlay",closeOnOverlayPress:p,closeOnClickOverlay:f,overlayTestID:_="popup-overlay",closeable:m=!1,closeIcon:v,closeIconPosition:y="top-right",round:g,safeArea:h=!1,safeAreaInsetTop:b=!1,safeAreaInsetBottom:P,lockScroll:O=!0,destroyOnClose:C=!1,duration:R=300,zIndex:I,closeOnBackPress:E=!1,closeOnPopstate:k=!1,children:w,beforeClose:A,onClickOverlay:x,onClose:N,onOpen:z,onOpened:W,onClosed:q,stopPropagation:T=!0,style:V,contentAnimationStyle:D,...M}=e,L=a??n??"center",H=f??p??!0,F="center"===L,j=P??!1,B=(0,_tokens.usePopupTokens)(c),U=(0,_animation.useReducedMotion)(),X=(0,_react().useRef)({onOpened:W,onClosed:q,onOpen:z,onClose:N,beforeClose:A,onClickOverlay:x});X.current={onOpened:W,onClosed:q,onOpen:z,onClose:N,beforeClose:A,onClickOverlay:x};const Y=(0,_react().useMemo)(()=>{const e=(0,_createPlatformShadow.createPlatformShadow)(B.shadow),{colors:t,spacing:r,typography:o,layout:a}=B;return{popup:{backgroundColor:t.background,padding:r.padding,...e},title:{color:t.title,fontFamily:o.fontFamily,fontSize:o.titleSize,fontWeight:o.titleWeight,marginHorizontal:r.descriptionHorizontal,textAlign:"center"},titleWrap:{marginTop:r.titleTop,marginBottom:r.titleBottom,marginHorizontal:r.descriptionHorizontal,alignItems:"center"},desc:{color:t.description,fontFamily:o.fontFamily,fontSize:o.descriptionSize,lineHeight:o.descriptionLineHeight},descWrap:{marginHorizontal:r.descriptionHorizontal,marginBottom:r.descriptionBottom},closeBase:{minWidth:r.closeIconSize,minHeight:r.closeIconSize,padding:r.closeIconPadding},closeDef:{width:r.closeIconSize,height:r.closeIconSize},side:{width:a.sideWidth,maxWidth:a.maxWidth},center:{minWidth:a.minWidth,maxWidth:a.centerMaxWidth}}},[B]),[G,J]=(0,_react().useState)(o),[K,Q]=(0,_react().useState)(o),Z=o||K,$=H&&(N||A),ee=(0,_react().useRef)(new(_reactNative().Animated.Value)(0)).current,te=(0,_react().useRef)(null),re=(0,_react().useRef)(0),oe=(0,_react().useRef)(o),ae=(0,_react().useRef)(!1),ne="top"===L||"bottom"===L,ie="left"===L||"right"===L,le="top"===L||"left"===L?-1:1,ce=(0,_react().useCallback)((e,t)=>{re.current+=1;const r=re.current;te.current?.stop();const o=t?0:R,a=_reactNative().Animated.timing(ee,{toValue:e?1:0,duration:o,easing:e?_utils.EASE_OUT:_utils.EASE_IN,useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1});te.current=a,a.start(({finished:t})=>{t&&r===re.current&&(e?X.current.onOpened?.():(Q(!1),C&&J(!1),X.current.onClosed?.()))})},[C,R,ee]);(0,_react().useEffect)(()=>{o?(J(!0),Q(!0),ce(!0,U)):oe.current&&ce(!1,U)},[ce,o,U]),(0,_react().useEffect)(()=>{o&&!oe.current&&X.current.onOpen?.(),oe.current=o},[o]),(0,_react().useEffect)(()=>()=>{te.current?.stop()},[]);const se=(0,_react().useCallback)(async e=>{if(!ae.current){ae.current=!0;try{if(X.current.beforeClose){if(!1===await X.current.beforeClose(e))return}X.current.onClose?.()}finally{ae.current=!1}}},[]);(0,_react().useEffect)(()=>{if(k)return(0,_platform.addPopStateListener)(()=>{o&&se("close")})},[k,se,o]);const ue=(0,_react().useCallback)(()=>{X.current.onClickOverlay?.(),H&&se("overlay")},[se,H]),de=(0,_react().useCallback)(()=>se("close-icon"),[se]),pe=(0,_react().useCallback)(()=>se("close"),[se]),{zIndex:fe}=(0,_hooks.useOverlayStack)({visible:Z,onClose:pe,closeOnBack:E,lockScroll:O,zIndex:I,type:"popup"}),{overlayRef:_e,overlayProps:me}=(0,_hooks.useAriaOverlay)({isOpen:Z,onClose:()=>se("overlay"),isDismissable:H,overlayProps:{..."android"===_reactNative().Platform.OS?{}:{accessibilityRole:"dialog"},accessibilityLiveRegion:"polite"}}),{onLayout:ve,...ye}=me,ge=(0,_react().useMemo)(()=>T?{...ye,onStartShouldSetResponder:_utils.CAPTURE}:ye,[ye,T]),he=_utils.placementConfig[L],Se=(0,_utils.buildRadius)(g,L,B.radius.round),{width:be,height:Pe}=(0,_reactNative().useWindowDimensions)(),Oe=ie?be:ne?Pe:0,Ce=(0,_react().useMemo)(()=>{if(F)return null;const e=[Oe*le,0];return"y"===he.axis?{translateY:ee.interpolate({inputRange:[0,1],outputRange:e})}:{translateX:ee.interpolate({inputRange:[0,1],outputRange:e})}},[he.axis,le,Oe,F,ee]),Re=(0,_react().useMemo)(()=>Ce?[Ce]:[],[Ce]),Ie=(0,_react().useMemo)(()=>{const e=D?.transform,t=Array.isArray(e)?[...Re,...e]:Re,r={...D,transform:t};return F?{...r,opacity:ee}:null==D?.opacity?{...r,opacity:1}:r},[Re,D,F,ee]),[Ee,ke]=(0,_react().useState)(0),we=(0,_react().useCallback)(e=>ke(e.nativeEvent.layout.height),[]),Ae=G||o,xe=!Z,Ne=(0,_validate.isRenderable)(i)||(0,_validate.isRenderable)(l),ze=(0,_react().useMemo)(()=>{if(!Ne)return null;const e=B.spacing.closeIconRight+B.spacing.closeIconSize,t=m&&y.startsWith("top-")?y.endsWith("right")?{paddingRight:e}:{paddingLeft:e}:void 0,r=(e,t,r)=>(0,_validate.isRenderable)(e)?(0,_validate.isText)(e)?_react().default.createElement(_reactNative().Text,{style:t},e):_react().default.createElement(_reactNative().View,{style:r},e):null;return _react().default.createElement(_reactNative().View,{style:[S.header,t]},r(i,[S.title,Y.title],Y.titleWrap),r(l,[S.desc,Y.desc],Y.descWrap))},[m,y,l,Y,Ne,i,B.spacing.closeIconRight,B.spacing.closeIconSize]),We=(0,_react().useMemo)(()=>{if(!m)return null;const e=null!=v,t=y.includes("bottom")?{bottom:B.spacing.closeIconTop}:{top:B.spacing.closeIconTop+Ee},o="rtl"===r,a=y.endsWith("left")?o?{right:B.spacing.closeIconRight}:{left:B.spacing.closeIconRight}:o?{left:B.spacing.closeIconRight}:{right:B.spacing.closeIconRight};return _react().default.createElement(_reactNative().Pressable,{style:[S.closeBase,Y.closeBase,t,a,!e&&Y.closeDef],hitSlop:8,onPress:de},e?v:_react().default.createElement(_Cross().default,{size:22,fill:B.colors.closeIcon,color:B.colors.closeIcon}))},[v,y,m,Y,de,Ee,B.colors.closeIcon,B.spacing.closeIconRight,B.spacing.closeIconTop]),qe=Ne?_react().default.createElement(_react().default.Fragment,null,ze,w):w;if(!Ae)return null;const Te=fe??I,Ve=h?_react().default.createElement(_safeAreaView.SafeAreaView,null,qe):_react().default.createElement(_react().default.Fragment,null,b&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"top",onLayout:we,pointerEvents:"none"}),qe,j&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"bottom",pointerEvents:"none"}));return _react().default.createElement(_Portal.default,null,_react().default.createElement(_reactNative().View,{style:[S.root,Te?{zIndex:Te}:void 0],pointerEvents:"box-none"},_react().default.createElement(_reactNative().View,{style:[S.ctr,he.container],pointerEvents:Z?"auto":"none",accessibilityViewIsModal:Z,accessibilityLiveRegion:"polite",onAccessibilityEscape:pe},s&&Z?_react().default.createElement(AnimatedPressable,_extends({testID:_,style:[S.ovl,{backgroundColor:B.colors.overlay,opacity:ee},u],renderToHardwareTextureAndroid:"android"===_reactNative().Platform.OS,shouldRasterizeIOS:"ios"===_reactNative().Platform.OS,pointerEvents:Z?"auto":"none"},$?{accessibilityRole:"button",accessibilityLabel:d,accessibilityHint:t?.vanPopup?.closeHint??"Double-tap to close"}:{accessible:!1},{onPress:ue})):null,!s&&O&&Z?_react().default.createElement(_reactNative().View,{style:S.lock,pointerEvents:"auto",onStartShouldSetResponder:_utils.CAPTURE,onMoveShouldSetResponder:_utils.CAPTURE}):null,_react().default.createElement(_reactNative().Animated.View,_extends({ref:_e},ge,{onLayout:ve,renderToHardwareTextureAndroid:"android"===_reactNative().Platform.OS,shouldRasterizeIOS:"ios"===_reactNative().Platform.OS,style:[Y.popup,F&&Y.center,ne&&S.popV,ie&&Y.side,_utils.CONTENT_SELF[L],Se,Ie,V,xe&&_utils.hiddenStyle]},M),We,Ve))))},S=_reactNative().StyleSheet.create({root:{..._reactNative().StyleSheet.absoluteFillObject,justifyContent:"center"},ctr:{flex:1},ovl:{..._reactNative().StyleSheet.absoluteFillObject,opacity:0},header:{width:"100%"},title:{includeFontPadding:!1},desc:{includeFontPadding:!1},popV:{alignSelf:"stretch"},closeBase:{position:"absolute",zIndex:999,alignItems:"center",justifyContent:"center"},lock:{..._reactNative().StyleSheet.absoluteFillObject}}),Popup=exports.Popup=_react().default.memo(PopupImpl);var _default=exports.default=Popup;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Popup=void 0;var _safeAreaView=require("../safe-area-view"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_createPlatformShadow=require("../../utils/createPlatformShadow"),_validate=require("../../utils/validate"),_icons=require("../../internal/icons"),_Portal=_interopRequireDefault(require("../portal/Portal")),_hooks=require("../../hooks"),_useLocale=require("../config-provider/useLocale"),_useDirection=require("../config-provider/useDirection"),_tokens=require("./tokens"),_utils=require("../../hooks/popup/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(a=t?r:o){if(a.has(e))return a.get(e);a.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(i,t,n):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}const AnimatedPressable=_reactNative().Animated.createAnimatedComponent(_reactNative().Pressable),PopupImpl=e=>{const t=(0,_useLocale.useLocale)(),o=(0,_useDirection.useDirection)(),{visible:r,placement:a,position:n,title:i,description:l,tokensOverride:c,overlay:s=!0,overlayStyle:u,overlayAccessibilityLabel:d=t?.vanPopup?.closeOverlay??"Close overlay",closeOnOverlayPress:p,closeOnClickOverlay:_,overlayTestID:f="popup-overlay",closeable:m=!1,closeIcon:v,closeIconPosition:y="top-right",round:g,safeArea:h=!1,safeAreaInsetTop:b=!1,safeAreaInsetBottom:P,lockScroll:O=!0,destroyOnClose:R=!1,duration:I=300,zIndex:C,closeOnBackPress:E=!1,closeOnPopstate:k=!1,children:w,beforeClose:A,onClickOverlay:x,onClose:N,onOpen:z,onOpened:W,onClosed:T,stopPropagation:q=!0,style:V,contentAnimationStyle:M,...D}=e,L=a??n??"center",H=_??p??!0,F="center"===L,j=P??!1,B=(0,_tokens.usePopupTokens)(c),U=(0,_animation.useReducedMotion)(),X=(0,_react().useRef)({onOpened:W,onClosed:T,onOpen:z,onClose:N,beforeClose:A,onClickOverlay:x});X.current={onOpened:W,onClosed:T,onOpen:z,onClose:N,beforeClose:A,onClickOverlay:x};const Y=(0,_react().useMemo)(()=>{const e=(0,_createPlatformShadow.createPlatformShadow)(B.shadow),{colors:t,spacing:o,typography:r,layout:a}=B;return{popup:{backgroundColor:t.background,padding:o.padding,...e},title:{color:t.title,fontFamily:r.fontFamily,fontSize:r.titleSize,fontWeight:r.titleWeight,marginHorizontal:o.descriptionHorizontal,textAlign:"center"},titleWrap:{marginTop:o.titleTop,marginBottom:o.titleBottom,marginHorizontal:o.descriptionHorizontal,alignItems:"center"},desc:{color:t.description,fontFamily:r.fontFamily,fontSize:r.descriptionSize,lineHeight:r.descriptionLineHeight},descWrap:{marginHorizontal:o.descriptionHorizontal,marginBottom:o.descriptionBottom},closeBase:{minWidth:o.closeIconSize,minHeight:o.closeIconSize,padding:o.closeIconPadding},closeDef:{width:o.closeIconSize,height:o.closeIconSize},side:{width:a.sideWidth,maxWidth:a.maxWidth},center:{minWidth:a.minWidth,maxWidth:a.centerMaxWidth}}},[B]),[G,J]=(0,_react().useState)(r),[K,Q]=(0,_react().useState)(r),Z=r||K,$=H&&(N||A),ee=(0,_react().useRef)(new(_reactNative().Animated.Value)(0)).current,te=(0,_react().useRef)(null),oe=(0,_react().useRef)(0),re=(0,_react().useRef)(r),ae=(0,_react().useRef)(!1),ne="top"===L||"bottom"===L,ie="left"===L||"right"===L,le="top"===L||"left"===L?-1:1,ce=(0,_react().useCallback)((e,t)=>{oe.current+=1;const o=oe.current;te.current?.stop();const r=t?0:I,a=_reactNative().Animated.timing(ee,{toValue:e?1:0,duration:r,easing:e?_utils.EASE_OUT:_utils.EASE_IN,useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1});te.current=a,a.start(({finished:t})=>{t&&o===oe.current&&(e?X.current.onOpened?.():(Q(!1),R&&J(!1),X.current.onClosed?.()))})},[R,I,ee]);(0,_react().useEffect)(()=>{r?(J(!0),Q(!0),ce(!0,U)):re.current&&ce(!1,U)},[ce,r,U]),(0,_react().useEffect)(()=>{r&&!re.current&&X.current.onOpen?.(),re.current=r},[r]),(0,_react().useEffect)(()=>()=>{te.current?.stop()},[]);const se=(0,_react().useCallback)(async e=>{if(!ae.current){ae.current=!0;try{if(X.current.beforeClose){if(!1===await X.current.beforeClose(e))return}X.current.onClose?.()}finally{ae.current=!1}}},[]);(0,_react().useEffect)(()=>{if(k)return(0,_platform.addPopStateListener)(()=>{r&&se("close")})},[k,se,r]);const ue=(0,_react().useCallback)(()=>{X.current.onClickOverlay?.(),H&&se("overlay")},[se,H]),de=(0,_react().useCallback)(()=>se("close-icon"),[se]),pe=(0,_react().useCallback)(()=>se("close"),[se]),{zIndex:_e}=(0,_hooks.useOverlayStack)({visible:Z,onClose:pe,closeOnBack:E,lockScroll:O,zIndex:C,type:"popup"}),{overlayRef:fe,overlayProps:me}=(0,_hooks.useAriaOverlay)({isOpen:Z,onClose:()=>se("overlay"),isDismissable:H,overlayProps:{..."android"===_reactNative().Platform.OS?{}:{accessibilityRole:"dialog"},accessibilityLiveRegion:"polite"}}),{onLayout:ve,...ye}=me,ge=(0,_react().useMemo)(()=>q?{...ye,onStartShouldSetResponder:_utils.CAPTURE}:ye,[ye,q]),he=_utils.placementConfig[L],Se=(0,_utils.buildRadius)(g,L,B.radius.round),{width:be,height:Pe}=(0,_reactNative().useWindowDimensions)(),Oe=ie?be:ne?Pe:0,Re=(0,_react().useMemo)(()=>{if(F)return null;const e=[Oe*le,0];return"y"===he.axis?{translateY:ee.interpolate({inputRange:[0,1],outputRange:e})}:{translateX:ee.interpolate({inputRange:[0,1],outputRange:e})}},[he.axis,le,Oe,F,ee]),Ie=(0,_react().useMemo)(()=>Re?[Re]:[],[Re]),Ce=(0,_react().useMemo)(()=>{const e=M?.transform,t=Array.isArray(e)?[...Ie,...e]:Ie,o={...M,transform:t};return F?{...o,opacity:ee}:null==M?.opacity?{...o,opacity:1}:o},[Ie,M,F,ee]),[Ee,ke]=(0,_react().useState)(0),we=(0,_react().useCallback)(e=>ke(e.nativeEvent.layout.height),[]),Ae=G||r,xe=!Z,Ne=(0,_validate.isRenderable)(i)||(0,_validate.isRenderable)(l),ze=(0,_react().useMemo)(()=>{if(!Ne)return null;const e=B.spacing.closeIconRight+B.spacing.closeIconSize,t=m&&y.startsWith("top-")?y.endsWith("right")?{paddingRight:e}:{paddingLeft:e}:void 0,o=(e,t,o)=>(0,_validate.isRenderable)(e)?(0,_validate.isText)(e)?_react().default.createElement(_reactNative().Text,{style:t},e):_react().default.createElement(_reactNative().View,{style:o},e):null;return _react().default.createElement(_reactNative().View,{style:[S.header,t]},o(i,[S.title,Y.title],Y.titleWrap),o(l,[S.desc,Y.desc],Y.descWrap))},[m,y,l,Y,Ne,i,B.spacing.closeIconRight,B.spacing.closeIconSize]),We=(0,_react().useMemo)(()=>{if(!m)return null;const e=null!=v,t=y.includes("bottom")?{bottom:B.spacing.closeIconTop}:{top:B.spacing.closeIconTop+Ee},r="rtl"===o,a=y.endsWith("left")?r?{right:B.spacing.closeIconRight}:{left:B.spacing.closeIconRight}:r?{left:B.spacing.closeIconRight}:{right:B.spacing.closeIconRight};return _react().default.createElement(_reactNative().Pressable,{style:[S.closeBase,Y.closeBase,t,a,!e&&Y.closeDef],hitSlop:8,onPress:de},e?v:_react().default.createElement(_icons.Cross,{size:22,fill:B.colors.closeIcon,color:B.colors.closeIcon}))},[v,y,m,Y,de,Ee,B.colors.closeIcon,B.spacing.closeIconRight,B.spacing.closeIconTop]),Te=Ne?_react().default.createElement(_react().default.Fragment,null,ze,w):w;if(!Ae)return null;const qe=_e??C,Ve=h?_react().default.createElement(_safeAreaView.SafeAreaView,null,Te):_react().default.createElement(_react().default.Fragment,null,b&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"top",onLayout:we,pointerEvents:"none"}),Te,j&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"bottom",pointerEvents:"none"}));return _react().default.createElement(_Portal.default,null,_react().default.createElement(_reactNative().View,{style:[S.root,qe?{zIndex:qe}:void 0],pointerEvents:"box-none"},_react().default.createElement(_reactNative().View,{style:[S.ctr,he.container],pointerEvents:Z?"auto":"none",accessibilityViewIsModal:Z,accessibilityLiveRegion:"polite",onAccessibilityEscape:pe},s&&Z?_react().default.createElement(AnimatedPressable,_extends({testID:f,style:[S.ovl,{backgroundColor:B.colors.overlay,opacity:ee},u],renderToHardwareTextureAndroid:"android"===_reactNative().Platform.OS,shouldRasterizeIOS:"ios"===_reactNative().Platform.OS,pointerEvents:Z?"auto":"none"},$?{accessibilityRole:"button",accessibilityLabel:d,accessibilityHint:t?.vanPopup?.closeHint??"Double-tap to close"}:{accessible:!1},{onPress:ue})):null,!s&&O&&Z?_react().default.createElement(_reactNative().View,{style:S.lock,pointerEvents:"auto",onStartShouldSetResponder:_utils.CAPTURE,onMoveShouldSetResponder:_utils.CAPTURE}):null,_react().default.createElement(_reactNative().Animated.View,_extends({ref:fe},ge,{onLayout:ve,renderToHardwareTextureAndroid:"android"===_reactNative().Platform.OS,shouldRasterizeIOS:"ios"===_reactNative().Platform.OS,style:[Y.popup,F&&Y.center,ne&&S.popV,ie&&Y.side,_utils.CONTENT_SELF[L],Se,Ce,V,xe&&_utils.hiddenStyle]},D),We,Ve))))},S=_reactNative().StyleSheet.create({root:{..._reactNative().StyleSheet.absoluteFillObject,justifyContent:"center"},ctr:{flex:1},ovl:{..._reactNative().StyleSheet.absoluteFillObject,opacity:0},header:{width:"100%"},title:{includeFontPadding:!1},desc:{includeFontPadding:!1},popV:{alignSelf:"stretch"},closeBase:{position:"absolute",zIndex:999,alignItems:"center",justifyContent:"center"},lock:{..._reactNative().StyleSheet.absoluteFillObject}}),Popup=exports.Popup=_react().default.memo(PopupImpl);var _default=exports.default=Popup;

package/dist/cjs/components/portal/PortalHost.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.portalStore=exports.portalManager=exports.PortalHost=void 0;var _utils=require("../../utils"),_PortalContext=require("./PortalContext");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(c,t,o):c[t]=e[t]);return c})(e,t)}const AE="RNSU_PORTAL_ADD",UE="RNSU_PORTAL_UPDATE",RE="RNSU_PORTAL_REMOVE",CE="RNSU_PORTAL_CLEAR",TVE=_reactNative().DeviceEventEmitter||new(_reactNative().NativeEventEmitter),IW="web"===_reactNative().Platform.OS,ao=(e,t)=>{"mount"===t.type?e.mount(t.children,t.key):"update"===t.type?e.update(t.key,t.children):"clear"===t.type?e.clear():e.unmount(t.key)},PortalManagerView=_react().default.forwardRef((e,t)=>{const[r,a]=(0,_react().useState)([]),n=(0,_react().useRef)(0),o=(0,_react().useCallback)(e=>{a(t=>{const r=t.findIndex(t=>t.key===e.key);return-1===r?[...t,e]:[...t.slice(0,r),e,...t.slice(r+1)]})},[]),c=(0,_react().useCallback)((e,t)=>{const r=t??++n.current;return(0,_utils.isNumber)(t)&&t>=n.current&&(n.current=t+1),o({key:r,children:e}),r},[o]),l=(0,_react().useCallback)((e,t)=>{o({key:e,children:t})},[o]),u=(0,_react().useCallback)(e=>{a(t=>t.filter(t=>t.key!==e))},[]),i=(0,_react().useCallback)(()=>{a([])},[]);return _react().default.useImperativeHandle(t,()=>({mount:c,update:l,unmount:u,clear:i}),[c,l,u,i]),0===r.length?null:_react().default.createElement(_reactNative().View,{pointerEvents:"box-none",style:S.pl,collapsable:!1},r.map(e=>_react().default.createElement(_reactNative().View,{key:e.key,pointerEvents:"box-none",collapsable:!1,style:S.pe},e.children)))});let ah=0,nh=1,ngk=1e4;const hr=new Set,pickActiveHost=()=>{const e=hr.values().next();return e.done?0:e.value},gm={mount:(e,t)=>{"undefined"!=typeof __DEV__&&__DEV__&&0===ah&&console.warn("[Portal] Please mount <PortalHost> or <ConfigProvider> at the root to enable imperative APIs.");const r=t??ngk++;return(0,_utils.isNumber)(t)&&t>=ngk&&(ngk=t+1),TVE.emit(AE,{key:r,children:e}),r},update:(e,t)=>{TVE.emit(UE,{key:e,children:t})},unmount:e=>{TVE.emit(RE,{key:e})}},PortalHostImpl=({children:e})=>{const t=(0,_react().useRef)(nh++),r=(0,_react().useRef)(null),a=(0,_react().useRef)([]),n=(0,_react().useRef)(1),o=(0,_react().useCallback)(e=>{const t=r.current;t?ao(t,e):a.current.push(e)},[]),c=(0,_react().useMemo)(()=>({mount:(e,t)=>{const r=t??n.current++;return(0,_utils.isNumber)(t)&&t>=n.current&&(n.current=t+1),o({type:"mount",key:r,children:e}),r},update:(e,t)=>{o({type:"update",key:e,children:t})},unmount:e=>{o({type:"unmount",key:e})}}),[o]),l=(0,_react().useCallback)(e=>{if(r.current=e,e){if(a.current.length>0){a.current.splice(0,a.current.length).forEach(t=>ao(e,t))}0===ah||ah===t.current?ah=t.current:"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[PortalHost] Multiple PortalHost instances detected. Imperative APIs will only use the first mounted host.")}},[]);return(0,_react().useEffect)(()=>(hr.add(t.current),0===ah&&(ah=t.current),()=>{hr.delete(t.current),ah===t.current&&(ah=pickActiveHost(),a.current=[],0===ah&&portalStore.clear())}),[]),(0,_react().useEffect)(()=>{const e=TVE.addListener(AE,({key:e,children:r})=>{ah===t.current&&o({type:"mount",key:e,children:r})}),r=TVE.addListener(UE,({key:e,children:r})=>{ah===t.current&&o({type:"update",key:e,children:r})}),n=TVE.addListener(RE,({key:e})=>{ah===t.current&&o({type:"unmount",key:e})}),c=TVE.addListener(CE,()=>{ah===t.current&&(a.current=[],o({type:"clear"}))});return()=>{e.remove(),r.remove(),n.remove(),c.remove()}},[o]),_react().default.createElement(_PortalContext.PortalContext.Provider,{value:c},_react().default.createElement(_reactNative().View,{style:S.h,collapsable:!1},_react().default.createElement(_reactNative().View,{style:S.r,collapsable:!1,pointerEvents:"box-none"},e),_react().default.createElement(PortalManagerView,{ref:l})))},PortalHost=exports.PortalHost=_react().default.memo(PortalHostImpl);PortalHost.displayName="PortalHost";const S=_reactNative().StyleSheet.create({h:{position:"relative",flex:1},r:{flex:1},pl:IW?{position:"fixed",top:0,left:0,right:0,bottom:0}:{..._reactNative().StyleSheet.absoluteFillObject},pe:{..._reactNative().StyleSheet.absoluteFillObject}}),portalManager=exports.portalManager=gm,portalStore=exports.portalStore={clear:()=>{TVE.emit(CE)},hasHosts:()=>0!==ah};
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.portalStore=exports.portalManager=exports.PortalHost=void 0;var _utils=require("../../utils"),_PortalContext=require("./PortalContext");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(l,t,o):l[t]=e[t]);return l})(e,t)}const IW="web"===_reactNative().Platform.OS,createPortalEmitter=()=>{const e=new Map;return{emit(t,r){e.get(t)?.forEach(e=>e(r))},addListener(t,r){const a=e.get(t);return a?a.add(r):e.set(t,new Set([r])),{remove:()=>{const a=e.get(t);a&&(a.delete(r),a.size||e.delete(t))}}}}},portalEmitter=createPortalEmitter(),ao=(e,t)=>{"mount"===t.type?e.mount(t.children,t.key):"update"===t.type?e.update(t.key,t.children):"clear"===t.type?e.clear():e.unmount(t.key)},PortalManagerView=_react().default.forwardRef((e,t)=>{const[r,a]=(0,_react().useState)([]),n=(0,_react().useRef)(0),o=(0,_react().useCallback)(e=>{a(t=>{const r=t.findIndex(t=>t.key===e.key);return-1===r?[...t,e]:[...t.slice(0,r),e,...t.slice(r+1)]})},[]),l=(0,_react().useCallback)((e,t)=>{const r=t??++n.current;return(0,_utils.isNumber)(t)&&t>=n.current&&(n.current=t+1),o({key:r,children:e}),r},[o]),c=(0,_react().useCallback)((e,t)=>{o({key:e,children:t})},[o]),u=(0,_react().useCallback)(e=>{a(t=>t.filter(t=>t.key!==e))},[]),i=(0,_react().useCallback)(()=>{a([])},[]);return _react().default.useImperativeHandle(t,()=>({mount:l,update:c,unmount:u,clear:i}),[l,c,u,i]),0===r.length?null:_react().default.createElement(_reactNative().View,{pointerEvents:"box-none",style:S.pl,collapsable:!1},r.map(e=>_react().default.createElement(_reactNative().View,{key:e.key,pointerEvents:"box-none",collapsable:!1,style:S.pe},e.children)))});let ah=0,nh=1,ngk=1e4;const hr=new Set,pickActiveHost=()=>{const e=hr.values().next();return e.done?0:e.value},gm={mount:(e,t)=>{"undefined"!=typeof __DEV__&&__DEV__&&0===ah&&console.warn("[Portal] Please mount <PortalHost> or <ConfigProvider> at the root to enable imperative APIs.");const r=t??ngk++;return(0,_utils.isNumber)(t)&&t>=ngk&&(ngk=t+1),portalEmitter.emit("mount",{key:r,children:e}),r},update:(e,t)=>{portalEmitter.emit("update",{key:e,children:t})},unmount:e=>{portalEmitter.emit("unmount",{key:e})}},PortalHostImpl=({children:e})=>{const t=(0,_react().useRef)(nh++),r=(0,_react().useRef)(null),a=(0,_react().useRef)([]),n=(0,_react().useRef)(1),o=(0,_react().useCallback)(e=>{const t=r.current;t?ao(t,e):a.current.push(e)},[]),l=(0,_react().useMemo)(()=>({mount:(e,t)=>{const r=t??n.current++;return(0,_utils.isNumber)(t)&&t>=n.current&&(n.current=t+1),o({type:"mount",key:r,children:e}),r},update:(e,t)=>{o({type:"update",key:e,children:t})},unmount:e=>{o({type:"unmount",key:e})}}),[o]),c=(0,_react().useCallback)(e=>{if(r.current=e,e){if(a.current.length>0){a.current.splice(0,a.current.length).forEach(t=>ao(e,t))}0===ah||ah===t.current?ah=t.current:"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[PortalHost] Multiple PortalHost instances detected. Imperative APIs will only use the first mounted host.")}},[]);return(0,_react().useEffect)(()=>(hr.add(t.current),0===ah&&(ah=t.current),()=>{hr.delete(t.current),ah===t.current&&(ah=pickActiveHost(),a.current=[],0===ah&&portalStore.clear())}),[]),(0,_react().useEffect)(()=>{const e=portalEmitter.addListener("mount",({key:e,children:r})=>{ah===t.current&&o({type:"mount",key:e,children:r})}),r=portalEmitter.addListener("update",({key:e,children:r})=>{ah===t.current&&o({type:"update",key:e,children:r})}),n=portalEmitter.addListener("unmount",({key:e})=>{ah===t.current&&o({type:"unmount",key:e})}),l=portalEmitter.addListener("clear",()=>{ah===t.current&&(a.current=[],o({type:"clear"}))});return()=>{e.remove(),r.remove(),n.remove(),l.remove()}},[o]),_react().default.createElement(_PortalContext.PortalContext.Provider,{value:l},_react().default.createElement(_reactNative().View,{style:S.h,collapsable:!1},_react().default.createElement(_reactNative().View,{style:S.r,collapsable:!1,pointerEvents:"box-none"},e),_react().default.createElement(PortalManagerView,{ref:c})))},PortalHost=exports.PortalHost=_react().default.memo(PortalHostImpl);PortalHost.displayName="PortalHost";const S=_reactNative().StyleSheet.create({h:{position:"relative",flex:1},r:{flex:1},pl:IW?{position:"fixed",top:0,left:0,right:0,bottom:0}:{..._reactNative().StyleSheet.absoluteFillObject},pe:{..._reactNative().StyleSheet.absoluteFillObject}}),portalManager=exports.portalManager=gm,portalStore=exports.portalStore={clear:()=>{portalEmitter.emit("clear",void 0)},hasHosts:()=>0!==ah};

package/dist/cjs/components/search/Search.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _Search(){const e=_interopRequireDefault(require("react-native-system-icon/Search"));return _Search=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Search=void 0;var _hooks=require("../../hooks"),_validate=require("../../utils/validate"),_useLocale=require("../config-provider/useLocale"),_field=_interopRequireDefault(require("../field")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,c,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((c=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(c.get||c.set)?n(i,t,c):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const SearchComponent=(e,t)=>{const r=(0,_useLocale.useLocale)(),{tokensOverride:a,label:n,action:c,actionText:i,showAction:o=!1,shape:l,background:u,style:s,fieldStyle:d,fieldContentStyle:f,clearTrigger:p,clearable:_=!0,leftIcon:g,rightIcon:h,errorMessage:y,onSearch:b,onCancel:v,onChangeText:m,onSubmitEditing:x,returnKeyType:k,inputStyle:R,align:w,inputAlign:V,...q}=e,E=(0,_tokens.useSearchTokens)(a),C=l??E.defaults.shape,[N,P]=(0,_hooks.useControllableValue)(e,{defaultValue:""}),T=N??"",W=w??V,z=(0,_react().useRef)(m),O=(0,_react().useRef)(v),I=(0,_react().useRef)(b),M=(0,_react().useRef)(x),j=(0,_react().useRef)(T);z.current=m,O.current=v,I.current=b,M.current=x,j.current=T;const D=(0,_react().useCallback)(e=>{P(e),z.current?.(e)},[P]),L=(0,_react().useCallback)(()=>{D(""),O.current?.()},[D]),H=(0,_react().useCallback)(e=>{I.current?.(j.current),M.current?.(e)},[]),G=u??E.colors.background,A=g??_react().default.createElement(_Search().default,{size:E.icon.size,fill:E.colors.icon,color:E.colors.icon}),F=p??E.defaults.clearTrigger,K=k??"search",B=!!c||o,J=_react().default.isValidElement(i),Q=B&&!c&&!J,U="round"===C?E.radius.round:E.radius.square,X=(0,_react().useRef)(null);(0,_react().useImperativeHandle)(t,()=>({focus:()=>X.current?.focus(),blur:()=>X.current?.blur(),clear:()=>D("")}),[D]);const Y=(0,_hooks.useAriaPress)({disabled:!Q,onPress:L,extraProps:{accessibilityRole:"button",testID:"rnsu-search-action"}}),Z=[S.ctr,{paddingHorizontal:E.spacing.paddingHorizontal,paddingVertical:E.spacing.paddingVertical,backgroundColor:G},s],$=[S.cnt,{borderRadius:U,paddingHorizontal:E.spacing.contentPaddingHorizontal,paddingVertical:E.spacing.contentPaddingVertical,backgroundColor:E.colors.contentBackground}],ee=n?(0,_validate.isText)(n)?_react().default.createElement(_reactNative().Text,{style:{marginRight:E.spacing.labelGap,color:E.colors.label,fontSize:E.typography.label,fontWeight:E.typography.labelWeight}},n):_react().default.createElement(_reactNative().View,{style:{marginRight:E.spacing.labelGap}},n):null,te=c?_react().default.createElement(_reactNative().View,{style:[S.act,{marginLeft:E.spacing.actionGap}]},c):B?J?_react().default.createElement(_reactNative().View,{style:[S.act,{marginLeft:E.spacing.actionGap}]},i):_react().default.createElement(_reactNative().Pressable,_extends({style:[S.act,{marginLeft:E.spacing.actionGap,opacity:Y.states.pressed?E.opacity.actionPressed:1}]},Y.interactionProps),_react().default.createElement(_reactNative().Text,{style:{color:E.colors.action,fontSize:E.typography.action,fontWeight:E.typography.actionWeight}},i??r.cancel)):null;return _react().default.createElement(_reactNative().View,{style:Z},_react().default.createElement(_reactNative().View,{style:$},ee,_react().default.createElement(_reactNative().View,{style:S.field},_react().default.createElement(_field.default,_extends({ref:X,type:"search",value:T,onChangeText:D,clearable:_,clearTrigger:F,leftIcon:A,rightIcon:h,center:!y,errorMessage:y,inputAlign:W,border:!1,style:[{paddingHorizontal:E.spacing.none,paddingVertical:E.spacing.none},d],contentStyle:[{paddingVertical:E.spacing.none},f],inputStyle:[{paddingVertical:E.spacing.none},R],onSubmitEditing:H,returnKeyType:K},q)))),te)},SearchForwardRef=_react().default.forwardRef(SearchComponent);SearchForwardRef.displayName="Search";const Search=exports.Search=_react().default.memo(SearchForwardRef),S=_reactNative().StyleSheet.create({ctr:{flexDirection:"row",alignItems:"center"},cnt:{flex:1,flexDirection:"row",alignItems:"center"},field:{flex:1},act:{justifyContent:"center"}});var _default=exports.default=Search;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Search=void 0;var _icons=require("../../internal/icons"),_hooks=require("../../hooks"),_validate=require("../../utils/validate"),_useLocale=require("../config-provider/useLocale"),_field=_interopRequireDefault(require("../field")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,c,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((c=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(c.get||c.set)?n(i,t,c):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const SearchComponent=(e,t)=>{const r=(0,_useLocale.useLocale)(),{tokensOverride:a,label:n,action:c,actionText:i,showAction:o=!1,shape:l,background:s,style:u,fieldStyle:d,fieldContentStyle:p,clearTrigger:f,clearable:g=!0,leftIcon:_,rightIcon:y,errorMessage:h,onSearch:m,onCancel:b,onChangeText:v,onSubmitEditing:k,returnKeyType:x,inputStyle:R,align:w,inputAlign:V,...M}=e,P=(0,_tokens.useSearchTokens)(a),q=l??P.defaults.shape,[E,C]=(0,_hooks.useControllableValue)(e,{defaultValue:""}),N=E??"",z=w??V,T=(0,_react().useRef)(v),W=(0,_react().useRef)(b),O=(0,_react().useRef)(m),H=(0,_react().useRef)(k),I=(0,_react().useRef)(N);T.current=v,W.current=b,O.current=m,H.current=k,I.current=N;const j=(0,_react().useCallback)(e=>{C(e),T.current?.(e)},[C]),L=(0,_react().useCallback)(()=>{j(""),W.current?.()},[j]),D=(0,_react().useCallback)(e=>{O.current?.(I.current),H.current?.(e)},[]),G=s??P.colors.background,A=(0,_react().useMemo)(()=>_??_react().default.createElement(_icons.Search,{size:P.icon.size,fill:P.colors.icon,color:P.colors.icon}),[_,P.colors.icon,P.icon.size]),F=f??P.defaults.clearTrigger,B=x??"search",K=!!c||o,J=_react().default.isValidElement(i),Q=K&&!c&&!J,U="round"===q?P.radius.round:P.radius.square,X=(0,_react().useRef)(null);(0,_react().useImperativeHandle)(t,()=>({focus:()=>X.current?.focus(),blur:()=>X.current?.blur(),clear:()=>j("")}),[j]);const Y=(0,_react().useMemo)(()=>({accessibilityRole:"button",testID:"rnsu-search-action"}),[]),Z=(0,_hooks.useAriaPress)({disabled:!Q,onPress:L,extraProps:Y}),$=(0,_react().useMemo)(()=>[S.ctr,{paddingHorizontal:P.spacing.paddingHorizontal,paddingVertical:P.spacing.paddingVertical,backgroundColor:G},u],[u,G,P.spacing.paddingHorizontal,P.spacing.paddingVertical]),ee=(0,_react().useMemo)(()=>[S.cnt,{borderRadius:U,paddingHorizontal:P.spacing.contentPaddingHorizontal,paddingVertical:P.spacing.contentPaddingVertical,backgroundColor:P.colors.contentBackground}],[U,P.colors.contentBackground,P.spacing.contentPaddingHorizontal,P.spacing.contentPaddingVertical]),te=(0,_react().useMemo)(()=>[{paddingHorizontal:P.spacing.none,paddingVertical:P.spacing.none},d],[d,P.spacing.none]),re=(0,_react().useMemo)(()=>[{paddingVertical:P.spacing.none},p],[p,P.spacing.none]),ae=(0,_react().useMemo)(()=>[{paddingVertical:P.spacing.none},R],[R,P.spacing.none]),ne=n?(0,_validate.isText)(n)?_react().default.createElement(_reactNative().Text,{style:{marginRight:P.spacing.labelGap,color:P.colors.label,fontSize:P.typography.label,fontWeight:P.typography.labelWeight}},n):_react().default.createElement(_reactNative().View,{style:{marginRight:P.spacing.labelGap}},n):null,ce=c?_react().default.createElement(_reactNative().View,{style:[S.act,{marginLeft:P.spacing.actionGap}]},c):K?J?_react().default.createElement(_reactNative().View,{style:[S.act,{marginLeft:P.spacing.actionGap}]},i):_react().default.createElement(_reactNative().Pressable,_extends({style:[S.act,{marginLeft:P.spacing.actionGap,opacity:Z.states.pressed?P.opacity.actionPressed:1}]},Z.interactionProps),_react().default.createElement(_reactNative().Text,{style:{color:P.colors.action,fontSize:P.typography.action,fontWeight:P.typography.actionWeight}},i??r.cancel)):null;return _react().default.createElement(_reactNative().View,{style:$},_react().default.createElement(_reactNative().View,{style:ee},ne,_react().default.createElement(_reactNative().View,{style:S.field},_react().default.createElement(_field.default,_extends({ref:X,type:"search",value:N,onChangeText:j,clearable:g,clearTrigger:F,leftIcon:A,rightIcon:y,center:!h,errorMessage:h,inputAlign:z,border:!1,style:te,contentStyle:re,inputStyle:ae,onSubmitEditing:D,returnKeyType:B},M)))),ce)},SearchForwardRef=_react().default.forwardRef(SearchComponent);SearchForwardRef.displayName="Search";const Search=exports.Search=_react().default.memo(SearchForwardRef),S=_reactNative().StyleSheet.create({ctr:{flexDirection:"row",alignItems:"center"},cnt:{flex:1,flexDirection:"row",alignItems:"center"},field:{flex:1},act:{justifyContent:"center"}});var _default=exports.default=Search;

package/dist/cjs/components/share-sheet/ShareSheet.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_hairline=require("../../utils/hairline"),_validate=require("../../utils/validate"),_utils=require("../../utils"),_popup=_interopRequireDefault(require("../popup")),_useLocale=require("../config-provider/useLocale"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const no=e=>e&&0!==e.length?Array.isArray(e[0])?e:[e]:[],ShareSheetOptionItem=_react().default.memo(({option:e,index:t,columns:a,tokens:r,onSelect:n})=>{const i={width:100/a+"%"},o={width:r.sizing.icon,height:r.sizing.icon},c=(0,_hooks.useAriaPress)({onPress:()=>n(e,t),extraProps:{accessibilityRole:"web"===_reactNative().Platform.OS?"menuitem":"button",accessibilityLabel:(0,_validate.isText)(e.name)?String(e.name):void 0,testID:`rv-share-sheet-item-${t}`}}),l=(0,_validate.isText)(e.icon)?(0,_utils.renderTextOrNode)(e.icon,[]):e.icon;return _react().default.createElement(_reactNative().Pressable,_extends({style:[S.o,i]},c.interactionProps),_react().default.createElement(_reactNative().View,{style:[S.ic,o,{marginHorizontal:r.spacing.iconMarginHorizontal}]},l),(0,_validate.isValidNode)(e.name)&&(0,_utils.renderTextOrNode)(e.name,[S.ot,{color:r.colors.option,fontFamily:r.typography.fontFamily,fontSize:r.typography.option,paddingHorizontal:r.spacing.optionTextPaddingHorizontal}]),(0,_validate.isValidNode)(e.description)&&((0,_validate.isText)(e.description)?(0,_utils.renderTextOrNode)(e.description,[S.od,{color:r.colors.optionDesc,fontFamily:r.typography.fontFamily,marginTop:r.spacing.gap,fontSize:r.typography.optionDesc,paddingHorizontal:r.spacing.optionDescPaddingHorizontal}]):_react().default.createElement(_reactNative().View,{style:[S.odn,{marginTop:r.spacing.gap,paddingHorizontal:r.spacing.optionDescPaddingHorizontal}]},e.description)))}),ShareSheetCancel=_react().default.memo(({cancelText:e,tokens:t,onPress:a})=>{const r=(0,_hooks.useAriaPress)({onPress:a,extraProps:{testID:"rv-share-sheet-cancel",accessibilityRole:"button"}});return _react().default.createElement(_reactNative().View,{style:{backgroundColor:t.colors.divider}},_react().default.createElement(_reactNative().Pressable,_extends({style:[S.c,{backgroundColor:t.colors.background,paddingVertical:t.spacing.cancelPaddingVertical,marginTop:t.spacing.cancelMarginTop}]},r.interactionProps),(0,_utils.renderTextOrNode)(e,[S.ct,{color:t.colors.option,fontFamily:t.typography.fontFamily,fontSize:t.typography.cancel}])))}),ShareSheetImpl=e=>{const t=(0,_useLocale.useLocale)(),{visible:a,title:r,description:n,cancelText:i=t?.vanShareSheet?.cancel??t?.cancel??"Cancel",options:o,columns:c=4,closeOnSelect:l=!0,safeAreaInsetBottom:s=!0,children:d,tokensOverride:p,onSelect:u,onCancel:g,onClose:_,lockScroll:f=!0,overlay:m=!0,round:h=!0,style:y,placement:v,position:x,...T}=e,b=(0,_tokens.useShareSheetTokens)(p),P=no(o),k=(0,_validate.isFiniteNumber)(c)?Math.max(1,Math.floor(c)):4,N=(0,_validate.isValidNode)(r),w=(0,_validate.isValidNode)(n),z=(0,_validate.isValidNode)(i),M=(0,_react().useRef)(g),O=(0,_react().useRef)(_),V=(0,_react().useRef)(u);M.current=g,O.current=_,V.current=u;const E=(0,_react().useCallback)(e=>{e&&M.current?.(),O.current?.()},[]),q=(0,_react().useCallback)((e,t)=>{V.current?.(e,t),e.onPress?.(e),l&&E()},[E,l]),C=(0,_react().useCallback)(()=>E(!0),[E]),I=[S.w,{backgroundColor:b.colors.background}],F=[S.or,{paddingLeft:b.spacing.gap,paddingVertical:12}],H=(0,_react().useMemo)(()=>{if(!P.length)return null;let e=0;return P.map((t,a)=>_react().default.createElement(_reactNative().View,{key:a},a>0&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:b.colors.border,left:b.spacing.horizontal,right:b.spacing.horizontal})}),_react().default.createElement(_reactNative().View,{style:F},t.map(t=>{const a=e++;return _react().default.createElement(ShareSheetOptionItem,{key:t.key??a,option:t,index:a,columns:k,tokens:b,onSelect:q})}))))},[P,F,q,k,b]),R=(0,_react().useMemo)(()=>N||w?_react().default.createElement(_reactNative().View,{style:[S.h,{paddingTop:b.spacing.headerPaddingTop,paddingHorizontal:b.spacing.headerPaddingHorizontal,paddingBottom:b.spacing.headerPaddingBottom}]},N&&((0,_validate.isText)(r)?(0,_utils.renderTextOrNode)(r,[S.t,{color:b.colors.title,fontFamily:b.typography.fontFamily,fontSize:b.typography.title,marginTop:b.spacing.titleMarginTop}]):_react().default.createElement(_reactNative().View,{style:[S.n,{marginTop:b.spacing.nodeMarginTop}]},r)),w&&((0,_validate.isText)(n)?(0,_utils.renderTextOrNode)(n,[S.d,{color:b.colors.description,fontFamily:b.typography.fontFamily,fontSize:b.typography.description,marginTop:b.spacing.descriptionMarginTop}]):_react().default.createElement(_reactNative().View,{style:[S.n,{marginTop:b.spacing.nodeMarginTop}]},n))):null,[n,w,N,r,b.colors.description,b.colors.title,b.spacing.descriptionMarginTop,b.spacing.headerPaddingBottom,b.spacing.headerPaddingHorizontal,b.spacing.headerPaddingTop,b.spacing.nodeMarginTop,b.spacing.titleMarginTop,b.typography.description,b.typography.fontFamily,b.typography.title]),A=[{padding:b.spacing.popupPadding},y];return _react().default.createElement(_popup.default,_extends({},T,{visible:a,placement:"bottom",round:h,safeAreaInsetBottom:s,overlay:m,lockScroll:f,onClose:C,style:A}),_react().default.createElement(_reactNative().View,{accessibilityRole:"menu",style:I},R,H,d,z&&_react().default.createElement(ShareSheetCancel,{cancelText:i,tokens:b,onPress:C})))},S=_reactNative().StyleSheet.create({w:{width:"100%"},h:{alignItems:"center"},t:{fontWeight:"normal",textAlign:"center"},d:{textAlign:"center"},n:{alignItems:"center"},or:{flexDirection:"row",flexWrap:"wrap"},o:{alignItems:"center",justifyContent:"center"},ic:{alignItems:"center",justifyContent:"center"},ot:{fontWeight:"500",textAlign:"center"},od:{textAlign:"center"},odn:{alignItems:"center"},c:{alignItems:"center"},ct:{fontWeight:"500"}}),ShareSheet=_react().default.memo(ShareSheetImpl);ShareSheet.displayName="ShareSheet";var _default=exports.default=ShareSheet;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_hairline=require("../../utils/hairline"),_validate=require("../../utils/validate"),_utils=require("../../utils"),_popup=_interopRequireDefault(require("../popup")),_useLocale=require("../config-provider/useLocale"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const no=e=>e&&0!==e.length?Array.isArray(e[0])?e:[e]:[],ShareSheetOptionItem=_react().default.memo(({option:e,index:t,columns:a,tokens:r,onSelect:n})=>{const i={width:100/a+"%"},o={width:r.sizing.icon,height:r.sizing.icon},c=(0,_hooks.useAriaPress)({onPress:()=>n(e,t),extraProps:{accessibilityRole:"web"===_reactNative().Platform.OS?"menuitem":"button",accessibilityLabel:(0,_validate.isText)(e.name)?String(e.name):void 0,testID:`rv-share-sheet-item-${t}`}}),l=(0,_validate.isText)(e.icon)?(0,_utils.renderTextOrNode)(e.icon,[]):e.icon;return _react().default.createElement(_reactNative().Pressable,_extends({style:[S.o,i]},c.interactionProps),_react().default.createElement(_reactNative().View,{style:[S.ic,o,{marginHorizontal:r.spacing.iconMarginHorizontal}]},l),(0,_validate.isValidNode)(e.name)&&(0,_utils.renderTextOrNode)(e.name,[S.ot,{color:r.colors.option,fontFamily:r.typography.fontFamily,fontSize:r.typography.option,paddingHorizontal:r.spacing.optionTextPaddingHorizontal}]),(0,_validate.isValidNode)(e.description)&&((0,_validate.isText)(e.description)?(0,_utils.renderTextOrNode)(e.description,[S.od,{color:r.colors.optionDesc,fontFamily:r.typography.fontFamily,marginTop:r.spacing.gap,fontSize:r.typography.optionDesc,paddingHorizontal:r.spacing.optionDescPaddingHorizontal}]):_react().default.createElement(_reactNative().View,{style:[S.odn,{marginTop:r.spacing.gap,paddingHorizontal:r.spacing.optionDescPaddingHorizontal}]},e.description)))}),ShareSheetCancel=_react().default.memo(({cancelText:e,tokens:t,onPress:a})=>{const r=(0,_hooks.useAriaPress)({onPress:a,extraProps:{testID:"rv-share-sheet-cancel",accessibilityRole:"button"}});return _react().default.createElement(_reactNative().View,{style:{backgroundColor:t.colors.divider}},_react().default.createElement(_reactNative().Pressable,_extends({style:[S.c,{backgroundColor:t.colors.background,paddingVertical:t.spacing.cancelPaddingVertical,marginTop:t.spacing.cancelMarginTop}]},r.interactionProps),(0,_utils.renderTextOrNode)(e,[S.ct,{color:t.colors.option,fontFamily:t.typography.fontFamily,fontSize:t.typography.cancel}])))}),ShareSheetImpl=e=>{const t=(0,_useLocale.useLocale)(),{visible:a,title:r,description:n,cancelText:i=t?.vanShareSheet?.cancel??t?.cancel??"Cancel",options:o,columns:c=4,closeOnSelect:l=!0,safeAreaInsetBottom:s=!0,children:d,tokensOverride:p,onSelect:u,onCancel:g,onClose:_,lockScroll:f=!0,overlay:m=!0,round:h=!0,style:y,placement:v,position:x,...T}=e,b=(0,_tokens.useShareSheetTokens)(p),P=no(o),k=(0,_validate.isFiniteNumber)(c)?Math.max(1,Math.floor(c)):4,N=(0,_validate.isValidNode)(r),w=(0,_validate.isValidNode)(n),M=(0,_validate.isValidNode)(i),z=(0,_react().useRef)(g),O=(0,_react().useRef)(_),V=(0,_react().useRef)(u);z.current=g,O.current=_,V.current=u;const E=(0,_react().useCallback)(e=>{e&&z.current?.(),O.current?.()},[]),q=(0,_react().useCallback)((e,t)=>{V.current?.(e,t),e.onPress?.(e),l&&E()},[E,l]),C=(0,_react().useCallback)(()=>E(!0),[E]),I=(0,_react().useMemo)(()=>[S.w,{backgroundColor:b.colors.background}],[b.colors.background]),F=(0,_react().useMemo)(()=>[S.or,{paddingLeft:b.spacing.gap,paddingVertical:12}],[b.spacing.gap]),H=(0,_react().useMemo)(()=>{if(!P.length)return null;let e=0;return P.map((t,a)=>_react().default.createElement(_reactNative().View,{key:a},a>0&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:b.colors.border,left:b.spacing.horizontal,right:b.spacing.horizontal})}),_react().default.createElement(_reactNative().View,{style:F},t.map(t=>{const a=e++;return _react().default.createElement(ShareSheetOptionItem,{key:t.key??a,option:t,index:a,columns:k,tokens:b,onSelect:q})}))))},[P,F,q,k,b]),R=(0,_react().useMemo)(()=>N||w?_react().default.createElement(_reactNative().View,{style:[S.h,{paddingTop:b.spacing.headerPaddingTop,paddingHorizontal:b.spacing.headerPaddingHorizontal,paddingBottom:b.spacing.headerPaddingBottom}]},N&&((0,_validate.isText)(r)?(0,_utils.renderTextOrNode)(r,[S.t,{color:b.colors.title,fontFamily:b.typography.fontFamily,fontSize:b.typography.title,marginTop:b.spacing.titleMarginTop}]):_react().default.createElement(_reactNative().View,{style:[S.n,{marginTop:b.spacing.nodeMarginTop}]},r)),w&&((0,_validate.isText)(n)?(0,_utils.renderTextOrNode)(n,[S.d,{color:b.colors.description,fontFamily:b.typography.fontFamily,fontSize:b.typography.description,marginTop:b.spacing.descriptionMarginTop}]):_react().default.createElement(_reactNative().View,{style:[S.n,{marginTop:b.spacing.nodeMarginTop}]},n))):null,[n,w,N,r,b.colors.description,b.colors.title,b.spacing.descriptionMarginTop,b.spacing.headerPaddingBottom,b.spacing.headerPaddingHorizontal,b.spacing.headerPaddingTop,b.spacing.nodeMarginTop,b.spacing.titleMarginTop,b.typography.description,b.typography.fontFamily,b.typography.title]),A=(0,_react().useMemo)(()=>[{padding:b.spacing.popupPadding},y],[y,b.spacing.popupPadding]);return _react().default.createElement(_popup.default,_extends({},T,{visible:a,placement:"bottom",round:h,safeAreaInsetBottom:s,overlay:m,lockScroll:f,onClose:C,style:A}),_react().default.createElement(_reactNative().View,{accessibilityRole:"menu",style:I},R,H,d,M&&_react().default.createElement(ShareSheetCancel,{cancelText:i,tokens:b,onPress:C})))},S=_reactNative().StyleSheet.create({w:{width:"100%"},h:{alignItems:"center"},t:{fontWeight:"normal",textAlign:"center"},d:{textAlign:"center"},n:{alignItems:"center"},or:{flexDirection:"row",flexWrap:"wrap"},o:{alignItems:"center",justifyContent:"center"},ic:{alignItems:"center",justifyContent:"center"},ot:{fontWeight:"500",textAlign:"center"},od:{textAlign:"center"},odn:{alignItems:"center"},c:{alignItems:"center"},ct:{fontWeight:"500"}}),ShareSheet=_react().default.memo(ShareSheetImpl);ShareSheet.displayName="ShareSheet";var _default=exports.default=ShareSheet;

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _Close(){const e=_interopRequireDefault(require("react-native-system-icon/Close"));return _Close=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;var _utils=require("../../utils"),_validate=require("../../utils/validate"),_useDirection=require("../config-provider/useDirection"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},_extends.apply(null,arguments)}const TagImpl=e=>{const{tokensOverride:t,children:r,type:i,size:a,plain:o,round:n,mark:l,color:s,textColor:u,show:d,closeable:c,closeIcon:f,onClose:p,onPress:g,textStyle:_,style:b,...m}=e,y=(0,_tokens.useTagTokens)(t),R=(0,_useDirection.useDirection)(),v=i??y.defaults.type,h=a??y.defaults.size,k=o??y.defaults.plain,T=n??y.defaults.round,z=l??y.defaults.mark;if(!(d??y.defaults.show))return null;const x=y.colors.toneMap[v]??y.colors.toneMap.default,q=y.sizing.sizes[h],L=k?y.colors.plainBackground:s??x.background,N=u??(k?s??x.background:x.text),P=k?s??x.background:"transparent",C=T?y.radii.round:q.borderRadius,D=z?"rtl"===R?{borderTopRightRadius:y.radii.markLeading,borderBottomRightRadius:y.radii.markLeading,borderTopLeftRadius:y.radii.round,borderBottomLeftRadius:y.radii.round}:{borderTopLeftRadius:y.radii.markLeading,borderBottomLeftRadius:y.radii.markLeading,borderTopRightRadius:y.radii.round,borderBottomRightRadius:y.radii.round}:null,O=z?y.radii.round:C,S=[y.layout.container,{backgroundColor:L,paddingHorizontal:q.paddingHorizontal,paddingVertical:q.paddingVertical,borderRadius:C},D,b],w=(0,_validate.isRenderable)(r)?(0,_utils.renderTextOrNode)(r,[{color:N,fontSize:q.fontSize,lineHeight:q.lineHeight,fontFamily:y.typography.fontFamily,fontWeight:y.typography.fontWeight},_].filter(Boolean)):null,B=c&&_react().default.createElement(_reactNative().Pressable,{accessibilityRole:"button",hitSlop:y.spacing.closeHitSlop,style:[y.layout.close,{marginLeft:y.spacing.closeGap}],onPress:e=>{e.stopPropagation?.(),p?.()}},(0,_utils.isFunction)(f)?f(N,y.sizing.closeIconSize):f??_react().default.createElement(_Close().default,{color:N,size:y.sizing.closeIconSize})),E=k?_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"all",color:P,borderRadius:O})}):null,H=_react().default.createElement(_react().default.Fragment,null,w,B,E);return g?_react().default.createElement(_reactNative().Pressable,_extends({accessibilityRole:"button",onPress:g,style:({pressed:e})=>[S,e&&{opacity:y.defaults.pressedOpacity}]},m),H):_react().default.createElement(_reactNative().View,_extends({style:S},m),H)},Tag=exports.Tag=_react().default.memo(TagImpl);Tag.displayName="Tag";
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;var _icons=require("../../internal/icons"),_utils=require("../../utils"),_validate=require("../../utils/validate"),_useDirection=require("../config-provider/useDirection"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},_extends.apply(null,arguments)}const TagImpl=e=>{const{tokensOverride:t,children:r,type:i,size:a,plain:o,round:n,mark:s,color:l,textColor:d,show:u,closeable:c,closeIcon:p,onClose:f,onPress:g,textStyle:_,style:b,...m}=e,y=(0,_tokens.useTagTokens)(t),R=(0,_useDirection.useDirection)(),v=i??y.defaults.type,h=a??y.defaults.size,k=o??y.defaults.plain,T=n??y.defaults.round,z=s??y.defaults.mark;if(!(u??y.defaults.show))return null;const x=y.colors.toneMap[v]??y.colors.toneMap.default,q=y.sizing.sizes[h],L=k?y.colors.plainBackground:l??x.background,N=d??(k?l??x.background:x.text),P=k?l??x.background:"transparent",O=T?y.radii.round:q.borderRadius,S=z?"rtl"===R?{borderTopRightRadius:y.radii.markLeading,borderBottomRightRadius:y.radii.markLeading,borderTopLeftRadius:y.radii.round,borderBottomLeftRadius:y.radii.round}:{borderTopLeftRadius:y.radii.markLeading,borderBottomLeftRadius:y.radii.markLeading,borderTopRightRadius:y.radii.round,borderBottomRightRadius:y.radii.round}:null,w=z?y.radii.round:O,B=[y.layout.container,{backgroundColor:L,paddingHorizontal:q.paddingHorizontal,paddingVertical:q.paddingVertical,borderRadius:O},S,b],D=(0,_validate.isRenderable)(r)?(0,_utils.renderTextOrNode)(r,[{color:N,fontSize:q.fontSize,lineHeight:q.lineHeight,fontFamily:y.typography.fontFamily,fontWeight:y.typography.fontWeight},_].filter(Boolean)):null,E=c&&_react().default.createElement(_reactNative().Pressable,{accessibilityRole:"button",hitSlop:y.spacing.closeHitSlop,style:[y.layout.close,{marginLeft:y.spacing.closeGap}],onPress:e=>{e.stopPropagation?.(),f?.()}},(0,_utils.isFunction)(p)?p(N,y.sizing.closeIconSize):p??_react().default.createElement(_icons.Close,{color:N,size:y.sizing.closeIconSize})),H=k?_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"all",color:P,borderRadius:w})}):null,I=_react().default.createElement(_react().default.Fragment,null,D,E,H);return g?_react().default.createElement(_reactNative().Pressable,_extends({accessibilityRole:"button",onPress:g,style:({pressed:e})=>[B,e&&{opacity:y.defaults.pressedOpacity}]},m),I):_react().default.createElement(_reactNative().View,_extends({style:B},m),I)},Tag=exports.Tag=_react().default.memo(TagImpl);Tag.displayName="Tag";

package/dist/cjs/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ToastContent=exports.Toast=void 0;var _Portal=_interopRequireDefault(require("../portal/Portal")),_safeAreaView=require("../safe-area-view"),_hooks=require("../../hooks"),_loading=_interopRequireDefault(require("../loading"));function _Checked(){const e=_interopRequireDefault(require("react-native-system-icon/Checked"));return _Checked=function(){return e},e}function _Close(){const e=_interopRequireDefault(require("react-native-system-icon/Close"));return _Close=function(){return e},e}var _validate=require("../../utils/validate"),_utils=require("../../utils"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_useLocale=require("../config-provider/useLocale"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const RT=()=>!0,ToastContentImpl=e=>{const{visible:t,message:r,icon:a,type:n="info",iconSize:i,duration:o=2e3,position:s="middle",forbidClick:c=!1,overlay:u=!1,overlayStyle:l,closeOnClickOverlay:d=!1,closeOnClick:f=!1,loadingIndicator:_,safeAreaInsetTop:p,safeAreaInsetBottom:m,tokensOverride:v,style:g,textStyle:y,onClose:x,onOpen:b,onOpened:h,onClosed:T}=e,R=(0,_useLocale.useLocale)(),E=(0,_tokens.useToastTokens)(v),C=(0,_animation.useReducedMotion)(),{colors:k}=E,{height:N}=(0,_reactNative().useWindowDimensions)(),w=(0,_validate.isFiniteNumber)(o)?Math.max(0,o):0,[O,q]=(0,_react().useState)(t),M=(0,_react().useRef)(new(_reactNative().Animated.Value)(t?1:0)).current,P=(0,_react().useRef)(null),I=(0,_react().useRef)(0),z=(0,_react().useRef)(x);z.current=x;const A=(0,_react().useRef)(b);A.current=b;const D=(0,_react().useRef)(h);D.current=h;const W=(0,_react().useRef)(T);W.current=T;const{zIndex:V}=(0,_hooks.useOverlayStack)({visible:O,type:"toast"}),H=(0,_react().useRef)(t),j=(0,_react().useRef)(!1),F=N>0?Math.round(N*E.positionOffsetRatio):E.positionOffsetMin,L=void 0!==p?p:"top"===s,B=void 0!==m?m:"bottom"===s,G=(0,_react().useMemo)(()=>"top"===s?{justifyContent:"flex-start",paddingTop:F}:"bottom"===s?{justifyContent:"flex-end",paddingBottom:F}:{justifyContent:"center"},[s,F]);(0,_react().useEffect)(()=>{I.current+=1;const e=I.current;P.current?.stop();const r=C?0:E.animationDuration;t?(q(!0),P.current=_reactNative().Animated.timing(M,{toValue:1,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),P.current.start()):(P.current=_reactNative().Animated.timing(M,{toValue:0,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),P.current.start(({finished:t})=>{t&&e===I.current&&q(!1)}))},[M,C,E.animationDuration,t]),(0,_react().useEffect)(()=>()=>{P.current?.stop()},[]),(0,_react().useEffect)(()=>{if(!t||w<=0)return;const e=setTimeout(()=>{z.current?.()},w);return()=>clearTimeout(e)},[w,t]),(0,_react().useEffect)(()=>{if(!t||!(0,_validate.isText)(r))return;const e=String(r);e&&_reactNative().AccessibilityInfo.announceForAccessibility?.(e)},[r,t]);const J=C?0:E.animationDuration;(0,_react().useEffect)(()=>{let e=null;return t?(j.current=!1,!H.current&&(A.current?.(),D.current&&(e=setTimeout(D.current,J)))):H.current&&(j.current=!0),H.current=t,()=>{e&&clearTimeout(e)}},[J,t]),(0,_react().useEffect)(()=>{!O&&j.current&&(j.current=!1,W.current?.())},[O]);const K=(0,_react().useRef)(()=>z.current?.()).current,Q=(0,_hooks.useAriaPress)({disabled:!f,onPress:K,extraProps:{accessibilityRole:f?"button":"alert",accessibilityHint:f?R?.vanToast?.closeHint??"Double-tap to dismiss":void 0,accessibilityLiveRegion:"assertive"}}),U=(0,_react().useMemo)(()=>{if(a)return a;const e=i??E.iconSize;switch(n){case"success":return _react().default.createElement(_Checked().default,{size:e,fill:k.text,color:k.text});case"fail":return _react().default.createElement(_Close().default,{size:e,fill:k.text,color:k.text});case"loading":return _??_react().default.createElement(_loading.default,{color:k.text,size:e});default:return null}},[k.text,a,i,_,E.iconSize,n]),X=(0,_react().useMemo)(()=>({marginBottom:E.gap}),[E.gap]),Y=(0,_react().useMemo)(()=>({color:k.text,fontSize:E.fontSize,lineHeight:E.lineHeight,fontFamily:E.fontFamily}),[k.text,E.fontSize,E.fontFamily,E.lineHeight]),Z="info"===n&&!U,$=(0,_react().useMemo)(()=>Z?{minWidth:E.textMinWidth,minHeight:0,paddingVertical:E.textPaddingVertical,paddingHorizontal:E.textPaddingHorizontal}:{minWidth:E.defaultWidth,minHeight:E.defaultMinHeight,padding:E.defaultPadding},[Z,E.defaultMinHeight,E.defaultPadding,E.defaultWidth,E.textMinWidth,E.textPaddingHorizontal,E.textPaddingVertical]),ee=(0,_react().useMemo)(()=>({borderRadius:E.radius,opacity:f&&Q.states.pressed?E.pressedOpacity:M,backgroundColor:E.colors.variants[n],maxWidth:E.maxWidth,...$}),[M,$,f,Q.states.pressed,E.colors.variants,E.maxWidth,E.pressedOpacity,E.radius,n]);if(!O)return null;const te=(0,_validate.isRenderable)(r)&&("string"!=typeof r||""!==r);return _react().default.createElement(_reactNative().View,{style:[S.b,{backgroundColor:E.colors.transparent},G,V?{zIndex:V}:void 0],pointerEvents:c||u||f?"auto":"none"},(u||c)&&_react().default.createElement(_reactNative().Pressable,{testID:"rv-toast-overlay",style:[S.o,{backgroundColor:E.colors.transparent},u&&{backgroundColor:k.backdrop},l],pointerEvents:"auto",onPress:u&&d?K:void 0,onStartShouldSetResponder:RT,onMoveShouldSetResponder:RT}),L&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"top",pointerEvents:"none"}),_react().default.createElement(_reactNative().Pressable,_extends({disabled:!f},Q.interactionProps,{style:S.pw}),_react().default.createElement(_reactNative().Animated.View,{renderToHardwareTextureAndroid:!0,shouldRasterizeIOS:!0,style:[S.t,ee,g]},U&&_react().default.createElement(_reactNative().View,{style:X},(0,_validate.isText)(U)?(0,_utils.renderTextOrNode)(U,[{color:k.text,fontSize:E.iconSize}]):U),te&&((0,_validate.isText)(r)?(0,_utils.renderTextOrNode)(r,[S.m,Y,y]):_react().default.createElement(_reactNative().View,{style:S.mw},r)))),B&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"bottom",pointerEvents:"none"}))},ToastContent=exports.ToastContent=_react().default.memo(ToastContentImpl),ToastImpl=e=>_react().default.createElement(_Portal.default,null,_react().default.createElement(ToastContent,e)),Toast=exports.Toast=_react().default.memo(ToastImpl),S=_reactNative().StyleSheet.create({b:{flex:1,alignItems:"center"},o:{..._reactNative().StyleSheet.absoluteFillObject},pw:{alignItems:"center"},t:{alignItems:"center",justifyContent:"center"},m:{textAlign:"center"},mw:{alignItems:"center"}});var _default=exports.default=Toast;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ToastContent=exports.Toast=void 0;var _Portal=_interopRequireDefault(require("../portal/Portal")),_safeAreaView=require("../safe-area-view"),_hooks=require("../../hooks"),_loading=_interopRequireDefault(require("../loading")),_icons=require("../../internal/icons"),_validate=require("../../utils/validate"),_utils=require("../../utils"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_useLocale=require("../config-provider/useLocale"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const RT=()=>!0,ToastContentImpl=e=>{const{visible:t,message:r,icon:a,type:n="info",iconSize:i,duration:o=2e3,position:s="middle",forbidClick:c=!1,overlay:u=!1,overlayStyle:l,closeOnClickOverlay:d=!1,closeOnClick:f=!1,loadingIndicator:_,safeAreaInsetTop:p,safeAreaInsetBottom:m,tokensOverride:v,style:g,textStyle:x,onClose:y,onOpen:b,onOpened:h,onClosed:T}=e,E=(0,_useLocale.useLocale)(),R=(0,_tokens.useToastTokens)(v),N=(0,_animation.useReducedMotion)(),{colors:k}=R,{height:w}=(0,_reactNative().useWindowDimensions)(),O=(0,_validate.isFiniteNumber)(o)?Math.max(0,o):0,[C,M]=(0,_react().useState)(t),P=(0,_react().useRef)(new(_reactNative().Animated.Value)(t?1:0)).current,q=(0,_react().useRef)(null),I=(0,_react().useRef)(0),z=(0,_react().useRef)(y);z.current=y;const A=(0,_react().useRef)(b);A.current=b;const W=(0,_react().useRef)(h);W.current=h;const V=(0,_react().useRef)(T);V.current=T;const{zIndex:D}=(0,_hooks.useOverlayStack)({visible:C,type:"toast"}),H=(0,_react().useRef)(t),j=(0,_react().useRef)(!1),F=w>0?Math.round(w*R.positionOffsetRatio):R.positionOffsetMin,L=void 0!==p?p:"top"===s,B=void 0!==m?m:"bottom"===s,G=(0,_react().useMemo)(()=>"top"===s?{justifyContent:"flex-start",paddingTop:F}:"bottom"===s?{justifyContent:"flex-end",paddingBottom:F}:{justifyContent:"center"},[s,F]);(0,_react().useEffect)(()=>{I.current+=1;const e=I.current;q.current?.stop();const r=N?0:R.animationDuration;t?(M(!0),q.current=_reactNative().Animated.timing(P,{toValue:1,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),q.current.start()):(q.current=_reactNative().Animated.timing(P,{toValue:0,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),q.current.start(({finished:t})=>{t&&e===I.current&&M(!1)}))},[P,N,R.animationDuration,t]),(0,_react().useEffect)(()=>()=>{q.current?.stop()},[]),(0,_react().useEffect)(()=>{if(!t||O<=0)return;const e=setTimeout(()=>{z.current?.()},O);return()=>clearTimeout(e)},[O,t]),(0,_react().useEffect)(()=>{if(!t||!(0,_validate.isText)(r))return;const e=String(r);e&&_reactNative().AccessibilityInfo.announceForAccessibility?.(e)},[r,t]);const J=N?0:R.animationDuration;(0,_react().useEffect)(()=>{let e=null;return t?(j.current=!1,!H.current&&(A.current?.(),W.current&&(e=setTimeout(W.current,J)))):H.current&&(j.current=!0),H.current=t,()=>{e&&clearTimeout(e)}},[J,t]),(0,_react().useEffect)(()=>{!C&&j.current&&(j.current=!1,V.current?.())},[C]);const K=(0,_react().useRef)(()=>z.current?.()).current,Q=(0,_hooks.useAriaPress)({disabled:!f,onPress:K,extraProps:{accessibilityRole:f?"button":"alert",accessibilityHint:f?E?.vanToast?.closeHint??"Double-tap to dismiss":void 0,accessibilityLiveRegion:"assertive"}}),U=(0,_react().useMemo)(()=>{if(a)return a;const e=i??R.iconSize;switch(n){case"success":return _react().default.createElement(_icons.Checked,{size:e,fill:k.text,color:k.text});case"fail":return _react().default.createElement(_icons.Close,{size:e,fill:k.text,color:k.text});case"loading":return _??_react().default.createElement(_loading.default,{color:k.text,size:e});default:return null}},[k.text,a,i,_,R.iconSize,n]),X=(0,_react().useMemo)(()=>({marginBottom:R.gap}),[R.gap]),Y=(0,_react().useMemo)(()=>({color:k.text,fontSize:R.fontSize,lineHeight:R.lineHeight,fontFamily:R.fontFamily}),[k.text,R.fontSize,R.fontFamily,R.lineHeight]),Z="info"===n&&!U,$=(0,_react().useMemo)(()=>Z?{minWidth:R.textMinWidth,minHeight:0,paddingVertical:R.textPaddingVertical,paddingHorizontal:R.textPaddingHorizontal}:{minWidth:R.defaultWidth,minHeight:R.defaultMinHeight,padding:R.defaultPadding},[Z,R.defaultMinHeight,R.defaultPadding,R.defaultWidth,R.textMinWidth,R.textPaddingHorizontal,R.textPaddingVertical]),ee=(0,_react().useMemo)(()=>({borderRadius:R.radius,opacity:f&&Q.states.pressed?R.pressedOpacity:P,backgroundColor:R.colors.variants[n],maxWidth:R.maxWidth,...$}),[P,$,f,Q.states.pressed,R.colors.variants,R.maxWidth,R.pressedOpacity,R.radius,n]);if(!C)return null;const te=(0,_validate.isRenderable)(r)&&("string"!=typeof r||""!==r);return _react().default.createElement(_reactNative().View,{style:[S.b,{backgroundColor:R.colors.transparent},G,D?{zIndex:D}:void 0],pointerEvents:c||u||f?"auto":"none"},(u||c)&&_react().default.createElement(_reactNative().Pressable,{testID:"rv-toast-overlay",style:[S.o,{backgroundColor:R.colors.transparent},u&&{backgroundColor:k.backdrop},l],pointerEvents:"auto",onPress:u&&d?K:void 0,onStartShouldSetResponder:RT,onMoveShouldSetResponder:RT}),L&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"top",pointerEvents:"none"}),_react().default.createElement(_reactNative().Pressable,_extends({disabled:!f},Q.interactionProps,{style:S.pw}),_react().default.createElement(_reactNative().Animated.View,{renderToHardwareTextureAndroid:!0,shouldRasterizeIOS:!0,style:[S.t,ee,g]},U&&_react().default.createElement(_reactNative().View,{style:X},(0,_validate.isText)(U)?(0,_utils.renderTextOrNode)(U,[{color:k.text,fontSize:R.iconSize}]):U),te&&((0,_validate.isText)(r)?(0,_utils.renderTextOrNode)(r,[S.m,Y,x]):_react().default.createElement(_reactNative().View,{style:S.mw},r)))),B&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"bottom",pointerEvents:"none"}))},ToastContent=exports.ToastContent=_react().default.memo(ToastContentImpl),ToastImpl=e=>_react().default.createElement(_Portal.default,null,_react().default.createElement(ToastContent,e)),Toast=exports.Toast=_react().default.memo(ToastImpl),S=_reactNative().StyleSheet.create({b:{flex:1,alignItems:"center"},o:{..._reactNative().StyleSheet.absoluteFillObject},pw:{alignItems:"center"},t:{alignItems:"center",justifyContent:"center"},m:{textAlign:"center"},mw:{alignItems:"center"}});var _default=exports.default=Toast;

package/dist/cjs/components/toast/tokens.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastTokens=exports.createToastTokens=void 0;var _designSystem=require("../../design-system");const createToastTokens=t=>{const e="rgba(0,0,0,0.7)";return{colors:{text:t.palette.primary.foreground??"#ffffff",backdrop:e,variants:{info:e,success:e,fail:e,loading:e},transparent:"transparent"},fontSize:t.fontSize.sm,lineHeight:Math.round(t.fontSize.sm*t.typography.lineHeightMultiplier),fontFamily:t.typography.fontFamily,radius:t.radii.md,gap:t.spacing.sm,iconSize:36,maxWidth:"70%",textMinWidth:96,textPaddingVertical:t.spacing.sm,textPaddingHorizontal:t.spacing.md,defaultPadding:t.spacing.lg,defaultWidth:88,defaultMinHeight:88,pressedOpacity:.85,positionOffsetRatio:.2,positionOffsetMin:60,animationDuration:160}};exports.createToastTokens=createToastTokens;const useToastTokens=exports.useToastTokens=(0,_designSystem.createComponentTokensHook)("toast",createToastTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastTokens=exports.createToastTokens=void 0;var _designSystem=require("../../design-system");const createToastTokens=t=>{const e="rgba(0,0,0,0.7)";return{colors:{text:t.palette.primary.foreground??"#ffffff",backdrop:e,variants:{info:e,success:e,fail:e,loading:e},transparent:"transparent"},fontSize:t.fontSize.sm,lineHeight:Math.round(t.fontSize.sm*t.typography.lineHeightMultiplier),fontFamily:t.typography.fontFamily,radius:t.radii.md,gap:t.spacing.sm,iconSize:38,maxWidth:"70%",textMinWidth:96,textPaddingVertical:t.spacing.sm,textPaddingHorizontal:t.spacing.md,defaultPadding:t.spacing.lg,defaultWidth:88,defaultMinHeight:88,pressedOpacity:.85,positionOffsetRatio:.2,positionOffsetMin:60,animationDuration:160}};exports.createToastTokens=createToastTokens;const useToastTokens=exports.useToastTokens=(0,_designSystem.createComponentTokensHook)("toast",createToastTokens);

package/dist/cjs/design-system/ThemeProvider.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeProvider=void 0;var _ThemeContext=require("./ThemeContext"),_tokens=require("./tokens"),_validate=require("../utils/validate");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(a,t,i):a[t]=e[t]);return a})(e,t)}const isTokens=e=>Boolean((0,_validate.isObject)(e)&&"palette"in e&&"spacing"in e),ThemeProvider=({value:e,children:t})=>{const r=(0,_react().useMemo)(()=>({foundations:isTokens(e)?e:(0,_tokens.createTokens)(e?.foundations),components:isTokens(e)?void 0:e?.components}),[e]);return _react().default.createElement(_ThemeContext.ThemeContext.Provider,{value:r},t)};exports.ThemeProvider=ThemeProvider;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ThemeProvider=void 0;var _ThemeContext=require("./ThemeContext"),_tokens=require("./tokens"),_validate=require("../utils/validate");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var n=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(o=t?r:n){if(o.has(e))return o.get(e);o.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(a,t,i):a[t]=e[t]);return a})(e,t)}const isTokens=e=>Boolean((0,_validate.isObject)(e)&&"palette"in e&&"spacing"in e),DEFAULT_THEME_CONTEXT={foundations:_tokens.defaultTokens,components:void 0},TOKENS_CONTEXT_CACHE=new WeakMap,CONFIG_CONTEXT_CACHE=new WeakMap,FOUNDATIONS_CACHE=new WeakMap,getCachedFoundations=e=>{if(!e)return _tokens.defaultTokens;const t=FOUNDATIONS_CACHE.get(e);if(t)return t;const n=(0,_tokens.createTokens)(e);return FOUNDATIONS_CACHE.set(e,n),n},resolveThemeContext=e=>{if(!e)return DEFAULT_THEME_CONTEXT;if(isTokens(e)){const t=TOKENS_CONTEXT_CACHE.get(e);if(t)return t;const n={foundations:e,components:void 0};return TOKENS_CONTEXT_CACHE.set(e,n),n}const t=CONFIG_CONTEXT_CACHE.get(e);if(t)return t;const n={foundations:getCachedFoundations(e.foundations),components:e.components};return CONFIG_CONTEXT_CACHE.set(e,n),n},ThemeProvider=({value:e,children:t})=>{const n=(0,_react().useMemo)(()=>resolveThemeContext(e),[e]);return _react().default.createElement(_ThemeContext.ThemeContext.Provider,{value:n},t)};exports.ThemeProvider=ThemeProvider;

package/dist/cjs/design-system/createComponentTokensHook.js

@@ -1 +1 @@
-"use strict";function _react(){const e=require("react");return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.createComponentTokensHook=void 0;var _deepMerge=require("../utils/deepMerge"),_useTheme=require("./useTheme");const createComponentTokensHook=(e,o)=>r=>{const{foundations:t,components:n}=(0,_useTheme.useTheme)(),s=n?.[e];return(0,_react().useMemo)(()=>{const e=o(t),n=s&&r?(0,_deepMerge.deepMerge)(s,r):s??r;return n?(0,_deepMerge.deepMerge)(e,n):e},[s,t,r])};exports.createComponentTokensHook=createComponentTokensHook;
+"use strict";function _react(){const e=require("react");return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.createComponentTokensHook=void 0;var _deepMerge=require("../utils/deepMerge"),_useTheme=require("./useTheme");const isObjectLike=e=>"object"==typeof e&&null!==e,createComponentTokensHook=(e,t)=>{const r=new WeakMap,n=new WeakMap,o=new WeakMap;return s=>{const{foundations:c,components:u}=(0,_useTheme.useTheme)(),a=u?.[e];return(0,_react().useMemo)(()=>{const e=c;let u=r.get(e);if(u||(u=t(c),r.set(e,u)),!a&&!s)return u;const i=a&&s?getCachedPairMerge(o,a,s):a??s;return i?getCachedMerge(n,u,i):u},[a,c,s])}};exports.createComponentTokensHook=createComponentTokensHook;const getCachedMerge=(e,t,r)=>{if(!isObjectLike(r))return(0,_deepMerge.deepMerge)(t,r);let n=e.get(t);n||(n=new WeakMap,e.set(t,n));const o=n.get(r);if(o)return o;const s=(0,_deepMerge.deepMerge)(t,r);return n.set(r,s),s},getCachedPairMerge=(e,t,r)=>{if(!isObjectLike(t)||!isObjectLike(r))return(0,_deepMerge.deepMerge)(t,r);let n=e.get(t);n||(n=new WeakMap,e.set(t,n));const o=n.get(r);if(o)return o;const s=(0,_deepMerge.deepMerge)(t,r);return n.set(r,s),s};

package/dist/cjs/hooks/field/renderers.js

@@ -1 +1 @@
-"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _Clear(){const e=_interopRequireDefault(require("react-native-system-icon/Clear"));return _Clear=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveTooltipDialog=exports.mapKeyboardType=exports.alignMap=exports.FieldSlot=exports.FieldInput=exports.FieldControlRow=exports.FieldClearButton=void 0;var _validate=require("../../utils/validate");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const alignMap=exports.alignMap={left:"flex-start",center:"center",right:"flex-end"},mapKeyboardType=e=>{switch(e){case"number":return"decimal-pad";case"digit":return"number-pad";case"tel":return"phone-pad";default:return}};exports.mapKeyboardType=mapKeyboardType;const FieldSlot=({onPress:e,style:t,children:r,accessibilityRole:o="button"})=>r?e?_react().default.createElement(_reactNative().Pressable,{onPress:e,accessibilityRole:o,style:t},r):_react().default.createElement(_reactNative().View,{style:t},r):null;exports.FieldSlot=FieldSlot;const FieldClearButton=({show:e,tokens:t,clearIcon:r,onPressIn:o,onPressOut:n,onPress:l})=>{if(!e)return null;const a="web"===_reactNative().Platform.OS?{onMouseDown:e=>{e.preventDefault?.(),e.stopPropagation?.()}}:void 0;return _react().default.createElement(_reactNative().Pressable,_extends({style:[t.layout.clearIcon,{paddingHorizontal:t.spacing.rightIconGap}]},a,{onPressIn:o,onPressOut:n,onPress:l,accessibilityRole:"button"}),_react().default.isValidElement(r)?r:_react().default.createElement(_Clear().default,{size:t.sizes.clearIcon,fill:t.colors.clear,color:t.colors.clear}))};exports.FieldClearButton=FieldClearButton;const FieldInput=({inputRef:e,tokens:t,isTextarea:r,disabled:o,error:n,finalTextAlign:l,lineHeight:a,textareaHeight:i,minHeight:s,inputStyle:c,value:u,onChangeText:d,onFocus:p,onBlur:f,onPressIn:y,rows:g,placeholderTextColor:x,keyboardType:_,onContentSizeChange:v,describedBy:b,secureTextEntry:h,editable:m,restInputProps:C})=>{const T=[r?t.layout.textarea:t.layout.input,{color:o?t.colors.disabled:n?t.colors.error:t.colors.input,fontSize:t.typography.inputSize,textAlign:l,...r?{lineHeight:a,height:i,minHeight:s}:{minHeight:t.sizes.controlMinHeight}},c];return _react().default.createElement(_reactNative().TextInput,_extends({ref:e,style:T,value:u,onChangeText:d,onFocus:p,onBlur:f,onPressIn:y,editable:m,secureTextEntry:h,multiline:r,numberOfLines:r?g:void 0,keyboardType:_,placeholderTextColor:x,onContentSizeChange:r?v:void 0},b?{accessibilityDescribedBy:b}:null,{clearButtonMode:"never"},C))};exports.FieldInput=FieldInput;const FieldControlRow=({tokens:e,prefixNode:t,leftIconNode:r,controlNode:o,clearNode:n,rightIconNode:l,suffixNode:a})=>_react().default.createElement(_reactNative().View,{style:e.layout.body},t,r,_react().default.createElement(_reactNative().View,{style:[e.layout.controlWrapper,{minHeight:e.sizes.controlMinHeight}]},o,n),l,a);exports.FieldControlRow=FieldControlRow;const resolveTooltipDialog=(e,t)=>{if(!_react().default.isValidElement(e)&&!(0,_validate.isText)(e)){const{icon:r,...o}=e;return{icon:r??t,dialogProps:o}}return{icon:t,dialogProps:{message:e}}};exports.resolveTooltipDialog=resolveTooltipDialog;
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveTooltipDialog=exports.mapKeyboardType=exports.alignMap=exports.FieldSlot=exports.FieldInput=exports.FieldControlRow=exports.FieldClearButton=void 0;var _icons=require("../../internal/icons"),_validate=require("../../utils/validate");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const alignMap=exports.alignMap={left:"flex-start",center:"center",right:"flex-end"},mapKeyboardType=e=>{switch(e){case"number":return"decimal-pad";case"digit":return"number-pad";case"tel":return"phone-pad";default:return}};exports.mapKeyboardType=mapKeyboardType;const FieldSlot=({onPress:e,style:t,children:r,accessibilityRole:o="button"})=>r?e?_react().default.createElement(_reactNative().Pressable,{onPress:e,accessibilityRole:o,style:t},r):_react().default.createElement(_reactNative().View,{style:t},r):null;exports.FieldSlot=FieldSlot;const FieldClearButton=({show:e,tokens:t,clearIcon:r,onPressIn:o,onPressOut:n,onPress:l})=>{if(!e)return null;const i="web"===_reactNative().Platform.OS?{onMouseDown:e=>{e.preventDefault?.(),e.stopPropagation?.()}}:void 0;return _react().default.createElement(_reactNative().Pressable,_extends({style:[t.layout.clearIcon,{paddingHorizontal:t.spacing.rightIconGap}]},i,{onPressIn:o,onPressOut:n,onPress:l,accessibilityRole:"button"}),_react().default.isValidElement(r)?r:_react().default.createElement(_icons.Clear,{size:t.sizes.clearIcon,fill:t.colors.clear,color:t.colors.clear}))};exports.FieldClearButton=FieldClearButton;const FieldInput=({inputRef:e,tokens:t,isTextarea:r,disabled:o,error:n,finalTextAlign:l,lineHeight:i,textareaHeight:a,minHeight:s,inputStyle:c,value:u,onChangeText:d,onFocus:p,onBlur:f,onPressIn:y,rows:g,placeholderTextColor:x,keyboardType:_,onContentSizeChange:v,describedBy:b,secureTextEntry:h,editable:m,restInputProps:T})=>{const P=[r?t.layout.textarea:t.layout.input,{color:o?t.colors.disabled:n?t.colors.error:t.colors.input,fontSize:t.typography.inputSize,textAlign:l,...r?{lineHeight:i,height:a,minHeight:s}:{minHeight:t.sizes.controlMinHeight}},c];return _react().default.createElement(_reactNative().TextInput,_extends({ref:e,style:P,value:u,onChangeText:d,onFocus:p,onBlur:f,onPressIn:y,editable:m,secureTextEntry:h,multiline:r,numberOfLines:r?g:void 0,keyboardType:_,placeholderTextColor:x,onContentSizeChange:r?v:void 0},b?{accessibilityDescribedBy:b}:null,{clearButtonMode:"never"},T))};exports.FieldInput=FieldInput;const FieldControlRow=({tokens:e,prefixNode:t,leftIconNode:r,controlNode:o,clearNode:n,rightIconNode:l,suffixNode:i})=>_react().default.createElement(_reactNative().View,{style:e.layout.body},t,r,_react().default.createElement(_reactNative().View,{style:[e.layout.controlWrapper,{minHeight:e.sizes.controlMinHeight}]},o,n),l,i);exports.FieldControlRow=FieldControlRow;const resolveTooltipDialog=(e,t)=>{if(!_react().default.isValidElement(e)&&!(0,_validate.isText)(e)){const{icon:r,...o}=e;return{icon:r??t,dialogProps:o}}return{icon:t,dialogProps:{message:e}}};exports.resolveTooltipDialog=resolveTooltipDialog;

package/dist/cjs/hooks/useControllableValue.js

@@ -1 +1 @@
-"use strict";function _react(){const e=require("react");return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _validate=require("../utils/validate");const hasProp=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);function useControllableValue(e={},t={}){const{defaultValue:r,defaultValuePropName:a="defaultValue",valuePropName:u="value",trigger:l="onChange"}=t,o=e,c=hasProp(e,u),n=o[u],[s,i]=(0,_react().useState)(()=>c?n:hasProp(e,a)?o[a]:r),f=(0,_react().useRef)(o[l]);(0,_react().useEffect)(()=>{f.current=o[l]},[e,l]);const d=(0,_react().useCallback)((e,...t)=>{c||i(e),(0,_validate.isFunction)(f.current)&&f.current(e,...t)},[c]);return[c?n:s,d]}var _default=exports.default=useControllableValue;
+"use strict";function _react(){const e=require("react");return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _validate=require("../utils/validate");const hasProp=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);function useControllableValue(e={},t={}){const{defaultValue:r,defaultValuePropName:a="defaultValue",valuePropName:u="value",trigger:l="onChange"}=t,o=e,c=hasProp(e,u),n=o[u],[s,i]=(0,_react().useState)(()=>c?n:hasProp(e,a)?o[a]:r),f=(0,_react().useRef)(o[l]),d=o[l];(0,_react().useEffect)(()=>{f.current=d},[d]);const p=(0,_react().useCallback)((e,...t)=>{c||i(e),(0,_validate.isFunction)(f.current)&&f.current(e,...t)},[c]);return[c?n:s,p]}var _default=exports.default=useControllableValue;

package/dist/cjs/hooks/useSafeAreaPadding.js

@@ -1 +1 @@
-"use strict";function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSafeAreaContext(){const e=require("react-native-safe-area-context");return _reactNativeSafeAreaContext=function(){return e},e}function useSafeAreaPadding(e){const t=(0,_reactNativeSafeAreaContext().useSafeAreaInsets)();if("web"===_reactNative().Platform.OS){const[t,a,n,r]=[e?.top??0,e?.bottom??0,e?.left??0,e?.right??0];return{paddingTop:`max(env(safe-area-inset-top, 0px), ${t}px)`,paddingBottom:`max(env(safe-area-inset-bottom, 0px), ${a}px)`,paddingLeft:`max(env(safe-area-inset-left, 0px), ${n}px)`,paddingRight:`max(env(safe-area-inset-right, 0px), ${r}px)`}}return{paddingTop:Math.max(t.top,e?.top??0),paddingBottom:Math.max(t.bottom,e?.bottom??0),paddingLeft:Math.max(t.left,e?.left??0),paddingRight:Math.max(t.right,e?.right??0)}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSafeAreaPadding=useSafeAreaPadding;
+"use strict";function _react(){const e=require("react");return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSafeAreaContext(){const e=require("react-native-safe-area-context");return _reactNativeSafeAreaContext=function(){return e},e}function useSafeAreaPadding(e){const t=(0,_reactNativeSafeAreaContext().useSafeAreaInsets)(),[a,r,n,i]=[e?.top??0,e?.bottom??0,e?.left??0,e?.right??0];return(0,_react().useMemo)(()=>"web"===_reactNative().Platform.OS?{paddingTop:`max(env(safe-area-inset-top, 0px), ${a}px)`,paddingBottom:`max(env(safe-area-inset-bottom, 0px), ${r}px)`,paddingLeft:`max(env(safe-area-inset-left, 0px), ${n}px)`,paddingRight:`max(env(safe-area-inset-right, 0px), ${i}px)`}:{paddingTop:Math.max(t.top,a),paddingBottom:Math.max(t.bottom,r),paddingLeft:Math.max(t.left,n),paddingRight:Math.max(t.right,i)},[r,t.bottom,t.left,t.right,t.top,n,i,a])}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSafeAreaPadding=useSafeAreaPadding;

package/dist/cjs/internal/icons.js

@@ -0,0 +1 @@
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Search=exports.QuestionO=exports.Fail=exports.Description=exports.Cross=exports.Close=exports.Clear=exports.Checked=exports.ArrowLeft=exports.Arrow=void 0;const resolveColor=e=>e.color??e.fill??"#333333",lineStyle=(e,t,r=.45,o=2)=>({position:"absolute",width:Math.max(1,e*r),height:Math.max(1.5,o),borderRadius:Math.max(1,o/2),backgroundColor:t}),IconBox=({size:e=16,style:t,children:r})=>_react().default.createElement(_reactNative().View,{style:[S.box,{width:e,height:e},t]},r),Arrow=e=>{const t=e.size??16,r=resolveColor(e);return _react().default.createElement(IconBox,_extends({},e,{size:t}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.42),{transform:[{rotate:"45deg"}],top:.26*t,left:.3*t}]}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.42),{transform:[{rotate:"-45deg"}],top:.52*t,left:.3*t}]}))};exports.Arrow=Arrow;const ArrowLeft=e=>{const t=e.size??16,r=resolveColor(e);return _react().default.createElement(IconBox,_extends({},e,{size:t,style:[e.style,{transform:[{scaleX:-1}]}]}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.42),{transform:[{rotate:"45deg"}],top:.26*t,left:.3*t}]}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.42),{transform:[{rotate:"-45deg"}],top:.52*t,left:.3*t}]}))};exports.ArrowLeft=ArrowLeft;const CloseBase=e=>{const t=e.size??16,r=resolveColor(e),o=Math.max(1.75,.078*t);return _react().default.createElement(IconBox,_extends({},e,{size:t}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.68,o),{transform:[{rotate:"45deg"}],top:.44*t,left:.16*t}]}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.68,o),{transform:[{rotate:"-45deg"}],top:.44*t,left:.16*t}]}))},Close=exports.Close=CloseBase,Cross=exports.Cross=CloseBase,Clear=exports.Clear=CloseBase,Fail=exports.Fail=CloseBase,Checked=e=>{const t=e.size??16,r=resolveColor(e),o=Math.max(1.6,.086*t),a=.32*t,l=.54*t;return _react().default.createElement(IconBox,_extends({},e,{size:t}),_react().default.createElement(_reactNative().View,{style:{width:a,height:l,borderRightWidth:o,borderBottomWidth:o,borderColor:r,transform:[{rotate:"45deg"}],marginTop:.08*-t}}))};exports.Checked=Checked;const Search=e=>{const t=e.size??16,r=resolveColor(e),o=Math.max(1.5,.1*t);return _react().default.createElement(IconBox,_extends({},e,{size:t}),_react().default.createElement(_reactNative().View,{style:{position:"absolute",width:.56*t,height:.56*t,borderWidth:o,borderColor:r,borderRadius:t}}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.34,o),{transform:[{rotate:"45deg"}],left:.48*t,top:.64*t}]}))};exports.Search=Search;const QuestionO=e=>{const t=e.size??16,r=resolveColor(e),o=Math.max(1.5,.1*t);return _react().default.createElement(IconBox,_extends({},e,{size:t}),_react().default.createElement(_reactNative().View,{style:{position:"absolute",width:t,height:t,borderWidth:o,borderColor:r,borderRadius:t/2}}),_react().default.createElement(_reactNative().Text,{style:{color:r,fontSize:.7*t,lineHeight:t,fontWeight:"700"}},"?"))};exports.QuestionO=QuestionO;const Description=e=>{const t=e.size??16,r=resolveColor(e),o=Math.max(1.5,.09*t);return _react().default.createElement(IconBox,_extends({},e,{size:t}),_react().default.createElement(_reactNative().View,{style:{position:"absolute",width:.78*t,height:.94*t,borderWidth:o,borderColor:r,borderRadius:.08*t,left:.11*t,top:.03*t}}),_react().default.createElement(_reactNative().View,{style:{position:"absolute",width:.22*t,height:.22*t,right:.12*t,top:.04*t,backgroundColor:"#ffffff",transform:[{rotate:"45deg"}],borderTopWidth:o,borderLeftWidth:o,borderColor:r}}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.34,o),{top:.42*t,left:.22*t}]}),_react().default.createElement(_reactNative().View,{style:[lineStyle(t,r,.3,o),{top:.6*t,left:.22*t}]}))};exports.Description=Description;const S=_reactNative().StyleSheet.create({box:{alignItems:"center",justifyContent:"center",overflow:"visible"}});

package/dist/cjs/internal/svg.js

@@ -0,0 +1 @@
+"use strict";let runtimeCache;Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSvgRuntime=void 0;let warned=!1;const warnMissing=()=>{!warned&&"undefined"!=typeof __DEV__&&__DEV__&&(warned=!0,console.warn("[react-native-system-ui] SVG support is optional. Install `react-native-svg` to use `Image` SVG rendering or `Circle` on native."))},getSvgRuntime=()=>{if(void 0!==runtimeCache)return runtimeCache;try{const e=require("react-native-svg");return runtimeCache={Svg:e.default??e.Svg??e,Circle:e.Circle,SvgUri:e.SvgUri},runtimeCache}catch{return warnMissing(),runtimeCache=null,runtimeCache}};exports.getSvgRuntime=getSvgRuntime;

package/dist/es/components/action-sheet/ActionSheet.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}import React,{useCallback,useMemo,useRef}from"react";import{Platform,Pressable,View}from"react-native";import Close from"react-native-system-icon/Close";import{useAriaPress}from"../../hooks";import{createHairlineView,isRenderable,isText,renderTextOrNode}from"../../utils";import Loading from"../loading";import Popup from"../popup";import{useActionSheetTokens}from"./tokens";const defaultCloseIcon=React.createElement(Close,{size:18}),ActionSheetHeader=React.memo(({title:e,closeable:t,closeIcon:o,tokens:r,onClose:a})=>{const n=useAriaPress({onPress:a}),{colors:l,typography:c}=r;return React.createElement(View,{style:r.layout.header},React.createElement(View,{style:r.layout.titleContainer},isText(e)?renderTextOrNode(e,[r.layout.title,{color:l.title,fontSize:c.title}]):React.createElement(View,{style:r.layout.titleNode},e)),t&&React.createElement(Pressable,_extends({style:r.layout.closeButton,accessibilityRole:"button",hitSlop:8},n.interactionProps),React.isValidElement(o)?React.cloneElement(o,{fill:l.description,color:l.description}):renderTextOrNode(o,[{color:l.description}])))}),ActionSheetItem=React.memo(({action:e,index:t,tokens:o,onActionPress:r})=>{const{disabled:a,loading:n,name:l,subname:c,icon:s}=e,{colors:i,spacing:u,typography:d}=o,m=useAriaPress({disabled:!!a||!!n,onPress:useCallback(()=>r(e,t),[e,t,r]),extraProps:{accessibilityRole:"web"===Platform.OS?"menuitem":"button",accessibilityLabel:isText(l)?String(l):void 0,accessibilityState:{disabled:!!a,busy:!!n},testID:`rv-action-sheet-item-${t}`}});return React.createElement(Pressable,_extends({style:({pressed:t})=>[o.layout.item,!!s&&o.layout.itemWithIcon,{paddingVertical:u.vertical,paddingHorizontal:u.horizontal,backgroundColor:!t||e.disabled||e.loading?i.itemBackground:i.itemPressedBackground},e.style]},m.interactionProps),!!s&&React.createElement(View,{style:o.layout.icon},isText(s)?renderTextOrNode(s,[{color:i.item}]):s),n?React.createElement(Loading,{size:20}):isRenderable(l)?React.createElement(View,{style:o.layout.itemTextWrapper},renderTextOrNode(l,[o.layout.itemText,{color:e.disabled?i.disabled:e.color??i.item,fontSize:d.item}]),isRenderable(c)&&(isText(c)?renderTextOrNode(c,[o.layout.subname,{color:i.subitem}]):React.createElement(View,{style:o.layout.subnameNode},c))):null)}),ActionSheetCancel=React.memo(({cancelText:e,tokens:t,onPress:o})=>{const{colors:r,spacing:a,typography:n}=t,l=useAriaPress({onPress:o,extraProps:{accessibilityRole:"button",testID:"rv-action-sheet-cancel"}});return React.createElement(React.Fragment,null,React.createElement(View,{style:[t.layout.cancelGap,{height:a.cancelGap,backgroundColor:r.cancelGapBackground}]}),React.createElement(Pressable,_extends({style:[t.layout.cancel,{paddingVertical:a.vertical,paddingHorizontal:a.horizontal,backgroundColor:r.cancelBackground}]},l.interactionProps),renderTextOrNode(e,[t.layout.cancelText,{color:r.cancel,fontSize:n.item}])))}),ActionSheetImpl=e=>{const{tokensOverride:t,visible:o,title:r,description:a,cancelText:n,actions:l=[],closeOnClickAction:c,closeOnSelect:s,closeable:i,closeIcon:u=defaultCloseIcon,beforeClose:d,onSelect:m,onCancel:y,onClose:p,children:b,round:f,safeAreaInsetBottom:R,overlay:k,lockScroll:h,style:g,...x}=e,C=useActionSheetTokens(t),P=i??C.defaults.closeable,S=f??C.defaults.round,A=R??C.defaults.safeAreaInsetBottom,E=k??C.defaults.overlay,T=h??C.defaults.lockScroll,w=c??s??C.defaults.closeOnClickAction,V=isRenderable(r),v=isRenderable(a),I=isRenderable(n),O=useRef("close"),N=useRef(!1),z=useRef(d);z.current=d;const B=useRef(p);B.current=p;const _=useRef(y);_.current=y;const H=useRef(m);H.current=m;const G=useCallback(async e=>{if(!z.current)return!0;try{return!1!==await z.current(e)}catch{return!0}},[]),L=useCallback(e=>{if(B.current)return"cancel"===e&&_.current?.(),void B.current();_.current?.()},[]),j=useCallback(async e=>{if(!N.current){N.current=!0;try{if(!await G(e))return;L(e)}finally{N.current=!1}}},[L,G]),D=useCallback(e=>(O.current=e,G(e)),[G]),M=useCallback(()=>{L(O.current)},[L]),W=useCallback((e,t)=>{e.disabled||e.loading||(e.onPress?.(e),e.callback?.(e),H.current?.(e,t),w&&j("action"))},[j,w]),F=useMemo(()=>[C.layout.popup,g],[C.layout.popup,g]);return React.createElement(Popup,_extends({visible:o,placement:"bottom",round:S,safeAreaInsetTop:V&&P,safeAreaInsetBottom:A,overlay:E,lockScroll:T,beforeClose:D,onClose:M,style:F},x),React.createElement(View,{accessibilityRole:"menu",style:[C.layout.panel,{backgroundColor:C.colors.background}]},V&&React.createElement(ActionSheetHeader,{title:r,closeable:P,closeIcon:u,tokens:C,onClose:()=>{j("close-icon")}}),v&&React.createElement(View,{style:C.layout.descriptionContainer},isText(a)?renderTextOrNode(a,[C.layout.description,{color:C.colors.description,fontSize:C.typography.description}]):React.createElement(View,{style:C.layout.descriptionNode},a),React.createElement(View,{style:createHairlineView({position:"bottom",color:C.colors.border,left:0,right:0})})),React.createElement(View,{style:C.layout.actions},l.map((e,t)=>React.createElement(ActionSheetItem,{key:e.key??t,action:e,index:t,tokens:C,onActionPress:W}))),b,I&&React.createElement(ActionSheetCancel,{cancelText:n,tokens:C,onPress:()=>{j("cancel")}})))},ActionSheet=React.memo(ActionSheetImpl);ActionSheet.displayName="ActionSheet";export default ActionSheet;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}import React,{useCallback,useMemo,useRef}from"react";import{Platform,Pressable,View}from"react-native";import{Close}from"../../internal/icons";import{useAriaPress}from"../../hooks";import{createHairlineView,isRenderable,isText,renderTextOrNode}from"../../utils";import Loading from"../loading";import Popup from"../popup";import{useActionSheetTokens}from"./tokens";const defaultCloseIcon=React.createElement(Close,{size:18}),ActionSheetHeader=React.memo(({title:e,closeable:t,closeIcon:o,tokens:r,onClose:n})=>{const a=useAriaPress({onPress:n}),{colors:l,typography:c}=r;return React.createElement(View,{style:r.layout.header},React.createElement(View,{style:r.layout.titleContainer},isText(e)?renderTextOrNode(e,[r.layout.title,{color:l.title,fontSize:c.title}]):React.createElement(View,{style:r.layout.titleNode},e)),t&&React.createElement(Pressable,_extends({style:r.layout.closeButton,accessibilityRole:"button",hitSlop:8},a.interactionProps),React.isValidElement(o)?React.cloneElement(o,{fill:l.description,color:l.description}):renderTextOrNode(o,[{color:l.description}])))}),ActionSheetItem=React.memo(({action:e,index:t,tokens:o,onActionPress:r})=>{const{disabled:n,loading:a,name:l,subname:c,icon:s}=e,{colors:i,spacing:u,typography:d}=o,m=useAriaPress({disabled:!!n||!!a,onPress:useCallback(()=>r(e,t),[e,t,r]),extraProps:{accessibilityRole:"web"===Platform.OS?"menuitem":"button",accessibilityLabel:isText(l)?String(l):void 0,accessibilityState:{disabled:!!n,busy:!!a},testID:`rv-action-sheet-item-${t}`}});return React.createElement(Pressable,_extends({style:({pressed:t})=>[o.layout.item,!!s&&o.layout.itemWithIcon,{paddingVertical:u.vertical,paddingHorizontal:u.horizontal,backgroundColor:!t||e.disabled||e.loading?i.itemBackground:i.itemPressedBackground},e.style]},m.interactionProps),!!s&&React.createElement(View,{style:o.layout.icon},isText(s)?renderTextOrNode(s,[{color:i.item}]):s),a?React.createElement(Loading,{size:20}):isRenderable(l)?React.createElement(View,{style:o.layout.itemTextWrapper},renderTextOrNode(l,[o.layout.itemText,{color:e.disabled?i.disabled:e.color??i.item,fontSize:d.item}]),isRenderable(c)&&(isText(c)?renderTextOrNode(c,[o.layout.subname,{color:i.subitem}]):React.createElement(View,{style:o.layout.subnameNode},c))):null)}),ActionSheetCancel=React.memo(({cancelText:e,tokens:t,onPress:o})=>{const{colors:r,spacing:n,typography:a}=t,l=useAriaPress({onPress:o,extraProps:{accessibilityRole:"button",testID:"rv-action-sheet-cancel"}});return React.createElement(React.Fragment,null,React.createElement(View,{style:[t.layout.cancelGap,{height:n.cancelGap,backgroundColor:r.cancelGapBackground}]}),React.createElement(Pressable,_extends({style:[t.layout.cancel,{paddingVertical:n.vertical,paddingHorizontal:n.horizontal,backgroundColor:r.cancelBackground}]},l.interactionProps),renderTextOrNode(e,[t.layout.cancelText,{color:r.cancel,fontSize:a.item}])))}),ActionSheetImpl=e=>{const{tokensOverride:t,visible:o,title:r,description:n,cancelText:a,actions:l=[],closeOnClickAction:c,closeOnSelect:s,closeable:i,closeIcon:u=defaultCloseIcon,beforeClose:d,onSelect:m,onCancel:p,onClose:y,children:b,round:f,safeAreaInsetBottom:R,overlay:k,lockScroll:h,style:g,...x}=e,C=useActionSheetTokens(t),P=i??C.defaults.closeable,S=f??C.defaults.round,A=R??C.defaults.safeAreaInsetBottom,E=k??C.defaults.overlay,T=h??C.defaults.lockScroll,w=c??s??C.defaults.closeOnClickAction,V=isRenderable(r),v=isRenderable(n),I=isRenderable(a),O=useRef("close"),N=useRef(!1),z=useRef(d);z.current=d;const B=useRef(y);B.current=y;const _=useRef(p);_.current=p;const H=useRef(m);H.current=m;const G=useCallback(async e=>{if(!z.current)return!0;try{return!1!==await z.current(e)}catch{return!0}},[]),L=useCallback(e=>{if(B.current)return"cancel"===e&&_.current?.(),void B.current();_.current?.()},[]),j=useCallback(async e=>{if(!N.current){N.current=!0;try{if(!await G(e))return;L(e)}finally{N.current=!1}}},[L,G]),D=useCallback(e=>(O.current=e,G(e)),[G]),M=useCallback(()=>{L(O.current)},[L]),W=useCallback((e,t)=>{e.disabled||e.loading||(e.onPress?.(e),e.callback?.(e),H.current?.(e,t),w&&j("action"))},[j,w]),F=useMemo(()=>[C.layout.popup,g],[C.layout.popup,g]);return React.createElement(Popup,_extends({visible:o,placement:"bottom",round:S,safeAreaInsetTop:V&&P,safeAreaInsetBottom:A,overlay:E,lockScroll:T,beforeClose:D,onClose:M,style:F},x),React.createElement(View,{accessibilityRole:"menu",style:[C.layout.panel,{backgroundColor:C.colors.background}]},V&&React.createElement(ActionSheetHeader,{title:r,closeable:P,closeIcon:u,tokens:C,onClose:()=>{j("close-icon")}}),v&&React.createElement(View,{style:C.layout.descriptionContainer},isText(n)?renderTextOrNode(n,[C.layout.description,{color:C.colors.description,fontSize:C.typography.description}]):React.createElement(View,{style:C.layout.descriptionNode},n),React.createElement(View,{style:createHairlineView({position:"bottom",color:C.colors.border,left:0,right:0})})),React.createElement(View,{style:C.layout.actions},l.map((e,t)=>React.createElement(ActionSheetItem,{key:e.key??t,action:e,index:t,tokens:C,onActionPress:W}))),b,I&&React.createElement(ActionSheetCancel,{cancelText:a,tokens:C,onPress:()=>{j("cancel")}})))},ActionSheet=React.memo(ActionSheetImpl);ActionSheet.displayName="ActionSheet";export default ActionSheet;

package/dist/es/components/cascader/Cascader.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useRef,useState}from"react";import{FlatList,Pressable,Text,View,useWindowDimensions}from"react-native";import Checked from"react-native-system-icon/Checked";import Cross from"react-native-system-icon/Cross";import{useControllableValue}from"../../hooks";import{shallowEqualArray,renderTextOrNode}from"../../utils";import{isFunction,isNumber,isText}from"../../utils/validate";import Popup from"../popup";import Tabs from"../tabs";import{useLocale}from"../config-provider/useLocale";import{useCascaderTokens}from"./tokens";import{useCascaderExtend}from"./useCascaderExtend";import{getFieldKeys,resolveRows}from"../../hooks/cascader/utils";const CascaderImpl=e=>{const{tokensOverride:t,options:o=[],title:a,placeholder:n,activeColor:l,fieldNames:i,optionRender:r,showHeader:s,closeable:c,closeIcon:d,onChange:u,onClose:p,onFinish:g,onClickTab:y,onTabChange:m,swipeable:h,style:b,testID:f,children:C,poppable:v,visible:R,defaultVisible:x,onVisibleChange:k,closeOnClickOverlay:T,closeOnFinish:E,popupPlacement:S,popupRound:w,popupProps:P,loadingText:z,...I}=e,O=useLocale(),V=useCascaderTokens(t),L=a??O?.vanCascader?.placeholder??V.defaults.title,N=n??O?.vanCascader?.placeholder??V.defaults.placeholder,H=l??V.colors.tabActive,A=s??V.defaults.showHeader,K=h??V.defaults.swipeable,F=v??V.defaults.poppable,W=T??V.defaults.closeOnClickOverlay,B=E??V.defaults.closeOnFinish,D=S??V.defaults.popupPlacement,M=w??V.defaults.popupRound,_=z??V.defaults.loadingText,[j,q]=useControllableValue(e,{defaultValue:[],trigger:"onChange"}),$=getFieldKeys(i),G=Array.isArray(j)?j:[],[J,Q]=useState(G),U=c??V.defaults.closeable,[X,Y]=useControllableValue(e,{defaultValue:!1,valuePropName:"visible",defaultValuePropName:"defaultVisible",trigger:"onVisibleChange"}),Z=F?J:G,{tabs:ee,items:te,depth:oe}=useCascaderExtend(o,$,Z),{width:ae}=useWindowDimensions(),[ne,le]=useState(0),ie=useCallback(e=>{const t=e.nativeEvent.layout.width;t&&le(e=>e===t?e:t)},[]),re=resolveRows(o,$,G),[se,ce]=useState(0);useEffect(()=>{const e=ee.length;let t=Math.max(e-1,0);t>=oe&&(t=Math.max(oe-1,0)),ce(e=>e===t?e:t)},[ee.length,oe]),useEffect(()=>{F&&X||Q(e=>shallowEqualArray(e,G)?e:G)},[G,F,X]);const de=useCallback(()=>{F&&!X&&(Q(e=>shallowEqualArray(e,G)?e:G),Y(!0))},[G,F,X,Y]),ue=useRef(p),pe=useRef(u),ge=useRef(g),ye=useRef(y),me=useRef(m);ue.current=p,pe.current=u,ge.current=g,ye.current=y,me.current=m;const he=useCallback(e=>{F&&X&&(Y(!1),e&&ue.current?.())},[F,X,Y]),be=useCallback(()=>{F&&(X?he(!0):de())},[he,de,F,X]),fe=isFunction(C),Ce=fe?C:null,ve=useCallback(e=>{const t=isNumber(e.index)?e.index:Number(e.name);if(Number.isNaN(t))return;const o=te[t]?.[$.textKey];ye.current?.(t,isText(o)?String(o):N)},[te,$.textKey,N]),Re=useCallback((e,t)=>{const o=isNumber(t)?t:Number(e);Number.isNaN(o)||(ce(o),me.current?.(o))},[]),xe=useCallback((e,t)=>{if(e.disabled)return;const a=e[$.valueKey];if(null==a)return;const n=[...(F?J:G).slice(0,t),a],l=resolveRows(o,$,n),i=e[$.childrenKey]??[],r=Object.prototype.hasOwnProperty.call(e,$.childrenKey)&&!i.length,s=n.length>=oe,c=!i.length&&!r;F?(Q(n),pe.current?.(n,l)):q(n,l),(c||s)&&(F&&(q(n,l),B&&he(!0)),ge.current?.(n,l))},[G,B,he,oe,$,o,J,F,q]),ke=useCallback(e=>{if(e<=0)return N;const t=te[e-1];if(!t)return N;if(!Object.prototype.hasOwnProperty.call(t,$.childrenKey))return N;return 0===(t[$.childrenKey]??[]).length&&Z.length===e?_:N},[Z.length,te,$.childrenKey,_,N]),Te=F||fe?null:C,Ee=React.createElement(View,_extends({testID:f,style:[V.layout.container,{backgroundColor:V.colors.background},b]},I),A?React.createElement(View,{style:[V.layout.header,{height:V.sizing.headerHeight,paddingHorizontal:V.spacing.headerPaddingHorizontal}]},renderTextOrNode(L,[V.layout.title,{color:V.colors.headerText,fontSize:V.typography.titleSize,fontWeight:V.typography.titleWeight}]),U?React.createElement(Pressable,{hitSlop:8,onPress:()=>{F?he(!0):ue.current?.()},style:[V.layout.closeButton,{marginLeft:V.spacing.closeButtonMarginLeft}],accessibilityRole:"button",accessibilityLabel:O?.vanCascader?.close??"Close"},d??(e=>React.createElement(Cross,{size:V.sizing.closeIconSize,fill:e.pressed?V.colors.closeIconActive:V.colors.closeIcon,color:e.pressed?V.colors.closeIconActive:V.colors.closeIcon}))):null):null,(()=>{if(!ee.length)return React.createElement(CascaderOptionList,{optionList:[],tabIndex:0,selectedValue:Z[0],activeColor:H,keys:$,optionRender:r,onSelect:xe,tokens:V,emptyText:ke(0)});const e=!!K,t=ne||ae||void 0,o={height:V.sizing.headerHeight,paddingHorizontal:V.spacing.tabNavPaddingHorizontal,paddingVertical:V.spacing.tabNavPaddingVertical,backgroundColor:V.colors.background};return React.createElement(View,{style:V.layout.tabsWrapper,onLayout:ie},React.createElement(Tabs,{style:t?{width:t}:void 0,active:se,onChange:Re,onClickTab:ve,align:"center",swipeable:e,swipeThreshold:0,scrollable:!0,animated:!0,duration:300,color:H,lineHeight:V.sizing.indicatorHeight,titleActiveColor:V.colors.tabText,titleInactiveColor:V.colors.tabInactive,tabBarStyle:o,tabStyle:[V.layout.tabsItem,{paddingHorizontal:V.spacing.tabPaddingHorizontal}],titleStyle:[V.layout.tabsTitle,{fontSize:V.typography.tabsTitleSize}],contentStyle:e?void 0:V.layout.tabsContentStatic},ee.map((e,t)=>{const o=te[t],a=isText(o?.[$.textKey])?String(o?.[$.textKey]):"",n=!a;return React.createElement(Tabs.TabPane,{key:t,name:t,title:e=>React.createElement(Text,{style:[V.layout.tabTitleNode,{color:n?V.colors.tabInactive:V.colors.tabText,fontWeight:n?V.typography.tabTitlePlaceholderWeight:V.typography.tabTitleWeight}]},n?N:a)},React.createElement(CascaderOptionList,{optionList:e,tabIndex:t,selectedValue:Z[t],activeColor:H,keys:$,optionRender:r,onSelect:xe,tokens:V,emptyText:ke(t)}))})))})(),Te?React.createElement(View,{style:[V.layout.inlineChildren,{paddingVertical:V.spacing.inlineChildrenPaddingVertical,paddingHorizontal:V.spacing.headerPaddingHorizontal}]},Te):null);if(!F)return Ee;const{closeOnOverlayPress:Se,overlay:we,onOpen:Pe,onOpened:ze,onClose:Ie,onClosed:Oe,...Ve}=P??{},Le=useRef(Ie);Le.current=Ie;const Ne=useCallback(()=>{Le.current?.(),he(!0)},[he]),He={open:de,close:()=>he(!0),toggle:be},Ae=useCallback(e=>{if(!React.isValidElement(e))return e;const t=e.props,o=()=>{t.onPress?.(),t.onClick?.(),de()};return React.cloneElement(e,{onPress:o,onClick:o})},[de])(Ce?Ce(G,re,He):fe?null:C||null);return React.createElement(React.Fragment,null,Ae,React.createElement(Popup,_extends({visible:X,placement:D,round:M,closeOnOverlayPress:Se??W,overlay:we??!0,safeAreaInsetTop:null!=Ve?.safeAreaInsetTop?Ve.safeAreaInsetTop:A&&U,safeAreaInsetBottom:null!=Ve?.safeAreaInsetBottom?Ve.safeAreaInsetBottom:"bottom"===D,onOpen:Pe,onOpened:ze,onClose:Ne,onClosed:Oe},Ve,{style:{paddingLeft:0,paddingRight:0}}),Ee))},CascaderOptionItem=React.memo(({option:e,tabIndex:t,selected:o,activeColor:a,keys:n,optionRender:l,onSelect:i,tokens:r})=>{const s=e[n.valueKey],c=e[n.textKey],d=!!e.disabled,u=e.color??r.colors.optionText,p=d?r.colors.optionDisabled:o?e.color??a:u,g=[r.layout.optionText,{color:p,fontSize:r.typography.optionTextSize},o?{fontWeight:r.typography.optionTextActiveWeight}:null],y=l?l({option:e,selected:o}):renderTextOrNode(c,g),m=isText(y)?renderTextOrNode(y,g):y;return React.createElement(Pressable,{testID:`cascader-option-${t}-${String(s)}`,style:({pressed:e})=>[r.layout.option,{minHeight:r.sizing.optionMinHeight,paddingVertical:r.spacing.optionPaddingVertical,paddingHorizontal:r.spacing.optionPaddingHorizontal},e&&!d&&{backgroundColor:r.colors.optionActiveBackground}],onPress:()=>i(e,t),disabled:d},React.createElement(View,{style:r.layout.optionContent},React.createElement(View,{style:[r.layout.optionLabel,{marginRight:r.spacing.optionLabelMarginRight}]},m),o?React.createElement(Checked,{size:r.sizing.selectedIconSize,fill:a,color:a}):null))}),CascaderOptionList=React.memo(({optionList:e,tabIndex:t,selectedValue:o,activeColor:a,keys:n,optionRender:l,onSelect:i,tokens:r,emptyText:s})=>{const c=useCallback(({item:e})=>React.createElement(CascaderOptionItem,{option:e,tabIndex:t,selected:o===e[n.valueKey],activeColor:a,keys:n,optionRender:l,onSelect:i,tokens:r}),[a,n,i,l,o,t,r]),d=useCallback(e=>String(e[n.valueKey]),[n.valueKey]);return e.length?React.createElement(FlatList,{data:e,style:[r.layout.optionList,{height:r.sizing.optionListHeight}],contentContainerStyle:{paddingTop:r.spacing.optionListPaddingTop,paddingBottom:r.spacing.optionListPaddingBottom},showsVerticalScrollIndicator:!1,renderItem:c,keyExtractor:d,removeClippedSubviews:!0,initialNumToRender:20,windowSize:5}):React.createElement(View,{style:[r.layout.optionList,{height:r.sizing.optionListHeight}]},React.createElement(Text,{style:[r.layout.empty,{color:r.colors.placeholder,paddingVertical:r.spacing.emptyPaddingVertical,fontSize:r.typography.emptyTextSize}]},s))}),Cascader=React.memo(CascaderImpl);export default Cascader;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useRef,useState}from"react";import{FlatList,Pressable,Text,View,useWindowDimensions}from"react-native";import{Checked,Cross}from"../../internal/icons";import{useControllableValue}from"../../hooks";import{shallowEqualArray,renderTextOrNode}from"../../utils";import{isFunction,isNumber,isText}from"../../utils/validate";import Popup from"../popup";import Tabs from"../tabs";import{useLocale}from"../config-provider/useLocale";import{useCascaderTokens}from"./tokens";import{useCascaderExtend}from"./useCascaderExtend";import{getFieldKeys,resolveRows}from"../../hooks/cascader/utils";const CascaderImpl=e=>{const{tokensOverride:t,options:o=[],title:a,placeholder:n,activeColor:l,fieldNames:i,optionRender:r,showHeader:s,closeable:c,closeIcon:d,onChange:u,onClose:p,onFinish:g,onClickTab:y,onTabChange:m,swipeable:h,style:b,testID:f,children:C,poppable:v,visible:R,defaultVisible:x,onVisibleChange:k,closeOnClickOverlay:T,closeOnFinish:E,popupPlacement:S,popupRound:w,popupProps:P,loadingText:z,...I}=e,O=useLocale(),V=useCascaderTokens(t),L=a??O?.vanCascader?.placeholder??V.defaults.title,N=n??O?.vanCascader?.placeholder??V.defaults.placeholder,H=l??V.colors.tabActive,A=s??V.defaults.showHeader,K=h??V.defaults.swipeable,F=v??V.defaults.poppable,W=T??V.defaults.closeOnClickOverlay,B=E??V.defaults.closeOnFinish,D=S??V.defaults.popupPlacement,M=w??V.defaults.popupRound,_=z??V.defaults.loadingText,[j,q]=useControllableValue(e,{defaultValue:[],trigger:"onChange"}),$=getFieldKeys(i),G=Array.isArray(j)?j:[],[J,Q]=useState(G),U=c??V.defaults.closeable,[X,Y]=useControllableValue(e,{defaultValue:!1,valuePropName:"visible",defaultValuePropName:"defaultVisible",trigger:"onVisibleChange"}),Z=F?J:G,{tabs:ee,items:te,depth:oe}=useCascaderExtend(o,$,Z),{width:ae}=useWindowDimensions(),[ne,le]=useState(0),ie=useCallback(e=>{const t=e.nativeEvent.layout.width;t&&le(e=>e===t?e:t)},[]),re=resolveRows(o,$,G),[se,ce]=useState(0);useEffect(()=>{const e=ee.length;let t=Math.max(e-1,0);t>=oe&&(t=Math.max(oe-1,0)),ce(e=>e===t?e:t)},[ee.length,oe]),useEffect(()=>{F&&X||Q(e=>shallowEqualArray(e,G)?e:G)},[G,F,X]);const de=useCallback(()=>{F&&!X&&(Q(e=>shallowEqualArray(e,G)?e:G),Y(!0))},[G,F,X,Y]),ue=useRef(p),pe=useRef(u),ge=useRef(g),ye=useRef(y),me=useRef(m);ue.current=p,pe.current=u,ge.current=g,ye.current=y,me.current=m;const he=useCallback(e=>{F&&X&&(Y(!1),e&&ue.current?.())},[F,X,Y]),be=useCallback(()=>{F&&(X?he(!0):de())},[he,de,F,X]),fe=isFunction(C),Ce=fe?C:null,ve=useCallback(e=>{const t=isNumber(e.index)?e.index:Number(e.name);if(Number.isNaN(t))return;const o=te[t]?.[$.textKey];ye.current?.(t,isText(o)?String(o):N)},[te,$.textKey,N]),Re=useCallback((e,t)=>{const o=isNumber(t)?t:Number(e);Number.isNaN(o)||(ce(o),me.current?.(o))},[]),xe=useCallback((e,t)=>{if(e.disabled)return;const a=e[$.valueKey];if(null==a)return;const n=[...(F?J:G).slice(0,t),a],l=resolveRows(o,$,n),i=e[$.childrenKey]??[],r=Object.prototype.hasOwnProperty.call(e,$.childrenKey)&&!i.length,s=n.length>=oe,c=!i.length&&!r;F?(Q(n),pe.current?.(n,l)):q(n,l),(c||s)&&(F&&(q(n,l),B&&he(!0)),ge.current?.(n,l))},[G,B,he,oe,$,o,J,F,q]),ke=useCallback(e=>{if(e<=0)return N;const t=te[e-1];if(!t)return N;if(!Object.prototype.hasOwnProperty.call(t,$.childrenKey))return N;return 0===(t[$.childrenKey]??[]).length&&Z.length===e?_:N},[Z.length,te,$.childrenKey,_,N]),Te=F||fe?null:C,Ee=React.createElement(View,_extends({testID:f,style:[V.layout.container,{backgroundColor:V.colors.background},b]},I),A?React.createElement(View,{style:[V.layout.header,{height:V.sizing.headerHeight,paddingHorizontal:V.spacing.headerPaddingHorizontal}]},renderTextOrNode(L,[V.layout.title,{color:V.colors.headerText,fontSize:V.typography.titleSize,fontWeight:V.typography.titleWeight}]),U?React.createElement(Pressable,{hitSlop:8,onPress:()=>{F?he(!0):ue.current?.()},style:[V.layout.closeButton,{marginLeft:V.spacing.closeButtonMarginLeft}],accessibilityRole:"button",accessibilityLabel:O?.vanCascader?.close??"Close"},d??(e=>React.createElement(Cross,{size:V.sizing.closeIconSize,fill:e.pressed?V.colors.closeIconActive:V.colors.closeIcon,color:e.pressed?V.colors.closeIconActive:V.colors.closeIcon}))):null):null,(()=>{if(!ee.length)return React.createElement(CascaderOptionList,{optionList:[],tabIndex:0,selectedValue:Z[0],activeColor:H,keys:$,optionRender:r,onSelect:xe,tokens:V,emptyText:ke(0)});const e=!!K,t=ne||ae||void 0,o={height:V.sizing.headerHeight,paddingHorizontal:V.spacing.tabNavPaddingHorizontal,paddingVertical:V.spacing.tabNavPaddingVertical,backgroundColor:V.colors.background};return React.createElement(View,{style:V.layout.tabsWrapper,onLayout:ie},React.createElement(Tabs,{style:t?{width:t}:void 0,active:se,onChange:Re,onClickTab:ve,align:"center",swipeable:e,swipeThreshold:0,scrollable:!0,animated:!0,duration:300,color:H,lineHeight:V.sizing.indicatorHeight,titleActiveColor:V.colors.tabText,titleInactiveColor:V.colors.tabInactive,tabBarStyle:o,tabStyle:[V.layout.tabsItem,{paddingHorizontal:V.spacing.tabPaddingHorizontal}],titleStyle:[V.layout.tabsTitle,{fontSize:V.typography.tabsTitleSize}],contentStyle:e?void 0:V.layout.tabsContentStatic},ee.map((e,t)=>{const o=te[t],a=isText(o?.[$.textKey])?String(o?.[$.textKey]):"",n=!a;return React.createElement(Tabs.TabPane,{key:t,name:t,title:e=>React.createElement(Text,{style:[V.layout.tabTitleNode,{color:n?V.colors.tabInactive:V.colors.tabText,fontWeight:n?V.typography.tabTitlePlaceholderWeight:V.typography.tabTitleWeight}]},n?N:a)},React.createElement(CascaderOptionList,{optionList:e,tabIndex:t,selectedValue:Z[t],activeColor:H,keys:$,optionRender:r,onSelect:xe,tokens:V,emptyText:ke(t)}))})))})(),Te?React.createElement(View,{style:[V.layout.inlineChildren,{paddingVertical:V.spacing.inlineChildrenPaddingVertical,paddingHorizontal:V.spacing.headerPaddingHorizontal}]},Te):null);if(!F)return Ee;const{closeOnOverlayPress:Se,overlay:we,onOpen:Pe,onOpened:ze,onClose:Ie,onClosed:Oe,...Ve}=P??{},Le=useRef(Ie);Le.current=Ie;const Ne=useCallback(()=>{Le.current?.(),he(!0)},[he]),He={open:de,close:()=>he(!0),toggle:be},Ae=useCallback(e=>{if(!React.isValidElement(e))return e;const t=e.props,o=()=>{t.onPress?.(),t.onClick?.(),de()};return React.cloneElement(e,{onPress:o,onClick:o})},[de])(Ce?Ce(G,re,He):fe?null:C||null);return React.createElement(React.Fragment,null,Ae,React.createElement(Popup,_extends({visible:X,placement:D,round:M,closeOnOverlayPress:Se??W,overlay:we??!0,safeAreaInsetTop:null!=Ve?.safeAreaInsetTop?Ve.safeAreaInsetTop:A&&U,safeAreaInsetBottom:null!=Ve?.safeAreaInsetBottom?Ve.safeAreaInsetBottom:"bottom"===D,onOpen:Pe,onOpened:ze,onClose:Ne,onClosed:Oe},Ve,{style:{paddingLeft:0,paddingRight:0}}),Ee))},CascaderOptionItem=React.memo(({option:e,tabIndex:t,selected:o,activeColor:a,keys:n,optionRender:l,onSelect:i,tokens:r})=>{const s=e[n.valueKey],c=e[n.textKey],d=!!e.disabled,u=e.color??r.colors.optionText,p=d?r.colors.optionDisabled:o?e.color??a:u,g=[r.layout.optionText,{color:p,fontSize:r.typography.optionTextSize},o?{fontWeight:r.typography.optionTextActiveWeight}:null],y=l?l({option:e,selected:o}):renderTextOrNode(c,g),m=isText(y)?renderTextOrNode(y,g):y;return React.createElement(Pressable,{testID:`cascader-option-${t}-${String(s)}`,style:({pressed:e})=>[r.layout.option,{minHeight:r.sizing.optionMinHeight,paddingVertical:r.spacing.optionPaddingVertical,paddingHorizontal:r.spacing.optionPaddingHorizontal},e&&!d&&{backgroundColor:r.colors.optionActiveBackground}],onPress:()=>i(e,t),disabled:d},React.createElement(View,{style:r.layout.optionContent},React.createElement(View,{style:[r.layout.optionLabel,{marginRight:r.spacing.optionLabelMarginRight}]},m),o?React.createElement(Checked,{size:r.sizing.selectedIconSize,fill:a,color:a}):null))}),CascaderOptionList=React.memo(({optionList:e,tabIndex:t,selectedValue:o,activeColor:a,keys:n,optionRender:l,onSelect:i,tokens:r,emptyText:s})=>{const c=useCallback(({item:e})=>React.createElement(CascaderOptionItem,{option:e,tabIndex:t,selected:o===e[n.valueKey],activeColor:a,keys:n,optionRender:l,onSelect:i,tokens:r}),[a,n,i,l,o,t,r]),d=useCallback(e=>String(e[n.valueKey]),[n.valueKey]);return e.length?React.createElement(FlatList,{data:e,style:[r.layout.optionList,{height:r.sizing.optionListHeight}],contentContainerStyle:{paddingTop:r.spacing.optionListPaddingTop,paddingBottom:r.spacing.optionListPaddingBottom},showsVerticalScrollIndicator:!1,renderItem:c,keyExtractor:d,removeClippedSubviews:!0,initialNumToRender:20,windowSize:5}):React.createElement(View,{style:[r.layout.optionList,{height:r.sizing.optionListHeight}]},React.createElement(Text,{style:[r.layout.empty,{color:r.colors.placeholder,paddingVertical:r.spacing.emptyPaddingVertical,fontSize:r.typography.emptyTextSize}]},s))}),Cascader=React.memo(CascaderImpl);export default Cascader;

package/dist/es/components/cell/Cell.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}import React,{useContext,useMemo}from"react";import{Pressable,Text,View}from"react-native";import Arrow from"react-native-system-icon/Arrow";import{useAriaPress,useHairline}from"../../hooks";import{isRenderable,isText,renderTextOrNode}from"../../utils";import{useDirection}from"../config-provider/useDirection";import{CellGroupContext}from"./CellContext";import{useCellTokens}from"./tokens";const CellImpl=(e,t)=>{const{title:r,value:o,label:l,extra:a,icon:i,rightIcon:n,border:s,clickable:c,isLink:u,required:p,center:y,size:d,arrowDirection:g,tokensOverride:m,children:f,style:b,titleStyle:h,valueStyle:R,labelStyle:w,contentStyle:z,onPress:v,disabled:x,android_ripple:C,...S}=e,O=useCellTokens(m),T=useDirection(),V=useContext(CellGroupContext),E=s??O.defaults.border,P=d??O.defaults.size,L=g??O.defaults.arrowDirection,H="rtl"===T?"left"===L?"right":"right"===L?"left":L:L,k=O.typography.lineHeight,G=isRenderable(r),N=isRenderable(o),_=isRenderable(l),A=isRenderable(a),D=isRenderable(f),I=isRenderable(i),W=isRenderable(n),M=!G&&!D,j=E&&V.border&&!V.isLast,F=!!u||!!c,q=!x&&(c||!!v||!!S.onLongPress||!!S.onPressIn||!!S.onPressOut),B="large"===P,J=useMemo(()=>[B?O.layout.containerLarge:O.layout.container,y&&O.layout.center,b],[P,y,O.layout,b]),K=useHairline({show:j,containerStyle:J,color:O.colors.border,width:O.borders.width,defaultPaddingHorizontal:O.sizing.paddingHorizontal}),Q=useMemo(()=>[O.layout.customContent,{justifyContent:y?"center":"flex-start"},z],[y,O.layout.customContent,z]),{interactionProps:U,states:X}=useAriaPress({disabled:!q,onPress:v??void 0}),Y=q?Pressable:View,Z=q?{android_ripple:C??{color:O.colors.ripple},accessibilityRole:"button",...U}:{};return React.createElement(Y,_extends({ref:t,style:[J,q&&X.pressed&&{opacity:O.defaults.activeOpacity}]},Z,S),I&&React.createElement(View,{style:[O.layout.iconWrapper,{marginRight:O.spacing.iconGap,minHeight:O.sizing.iconSize,minWidth:O.sizing.iconSize}]},i),React.createElement(View,{style:O.layout.body},(G||p)&&React.createElement(View,{style:[O.layout.titleRow,{minHeight:k}]},p&&React.createElement(Text,{style:{color:O.colors.required,marginRight:O.spacing.iconGap/2}},"*"),G&&React.createElement(View,{style:h},renderTextOrNode(r,[{color:O.colors.title,fontSize:B?O.typography.largeTitleSize:O.typography.titleSize,fontWeight:O.typography.titleWeight},h],{numberOfLines:1}))),_&&React.createElement(View,{style:[{marginTop:O.spacing.labelMarginTop},w]},renderTextOrNode(l,[{color:O.colors.label,fontSize:B?O.typography.largeLabelSize:O.typography.labelSize},w],{numberOfLines:2}))),React.createElement(View,{style:[O.layout.valueContainer,{minHeight:k,marginLeft:O.spacing.valueGap},!y&&M&&O.layout.valueOnlyContainer,y&&O.layout.valueCenter]},N?React.createElement(View,{style:Q},renderTextOrNode(o,[O.layout.value,M&&O.layout.valueOnly,{color:O.colors.value,fontSize:B?O.typography.largeValueSize:O.typography.valueSize},R],{numberOfLines:1})):D&&React.createElement(View,{style:Q},isText(f)?renderTextOrNode(f,[O.layout.value,{color:O.colors.value,fontSize:B?O.typography.largeValueSize:O.typography.valueSize},R]):f)),A&&React.createElement(View,{style:{marginLeft:O.spacing.extraGap}},renderTextOrNode(a,{marginLeft:O.spacing.extraGap,color:O.colors.value,fontSize:B?O.typography.largeValueSize:O.typography.valueSize})),W?n:F&&React.createElement(View,{style:[O.layout.rightIconWrapper,O.layout.arrowTransforms[H]]},React.createElement(Arrow,{size:O.sizing.arrowSize,fill:O.colors.arrow})),K)},CellForwardRef=React.forwardRef(CellImpl);CellForwardRef.displayName="Cell";export const Cell=React.memo(CellForwardRef);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}import React,{useContext,useMemo}from"react";import{Pressable,Text,View}from"react-native";import{Arrow}from"../../internal/icons";import{useAriaPress,useHairline}from"../../hooks";import{isRenderable,isText,renderTextOrNode}from"../../utils";import{useDirection}from"../config-provider/useDirection";import{CellGroupContext}from"./CellContext";import{useCellTokens}from"./tokens";const CellImpl=(e,t)=>{const{title:r,value:o,label:l,extra:a,icon:i,rightIcon:n,border:s,clickable:c,isLink:u,required:p,center:y,size:d,arrowDirection:g,tokensOverride:m,children:f,style:b,titleStyle:h,valueStyle:R,labelStyle:w,contentStyle:z,onPress:x,disabled:v,android_ripple:C,...S}=e,O=useCellTokens(m),T=useDirection(),V=useContext(CellGroupContext),E=s??O.defaults.border,P=d??O.defaults.size,L=g??O.defaults.arrowDirection,H="rtl"===T?"left"===L?"right":"right"===L?"left":L:L,k=O.typography.lineHeight,G=isRenderable(r),N=isRenderable(o),_=isRenderable(l),D=isRenderable(a),I=isRenderable(f),W=isRenderable(i),A=isRenderable(n),M=!G&&!I,j=E&&V.border&&!V.isLast,F=!!u||!!c,q=!v&&(c||!!x||!!S.onLongPress||!!S.onPressIn||!!S.onPressOut),B="large"===P,J=useMemo(()=>[B?O.layout.containerLarge:O.layout.container,y&&O.layout.center,b],[P,y,O.layout,b]),K=useHairline({show:j,containerStyle:J,color:O.colors.border,width:O.borders.width,defaultPaddingHorizontal:O.sizing.paddingHorizontal}),Q=useMemo(()=>[O.layout.customContent,{justifyContent:y?"center":"flex-start"},z],[y,O.layout.customContent,z]),{interactionProps:U,states:X}=useAriaPress({disabled:!q,onPress:x??void 0}),Y=q?Pressable:View,Z=q?{android_ripple:C??{color:O.colors.ripple},accessibilityRole:"button",...U}:{};return React.createElement(Y,_extends({ref:t,style:[J,q&&X.pressed&&{opacity:O.defaults.activeOpacity}]},Z,S),W&&React.createElement(View,{style:[O.layout.iconWrapper,{marginRight:O.spacing.iconGap,minHeight:O.sizing.iconSize,minWidth:O.sizing.iconSize}]},i),React.createElement(View,{style:O.layout.body},(G||p)&&React.createElement(View,{style:[O.layout.titleRow,{minHeight:k}]},p&&React.createElement(Text,{style:{color:O.colors.required,marginRight:O.spacing.iconGap/2}},"*"),G&&React.createElement(View,{style:h},renderTextOrNode(r,[{color:O.colors.title,fontSize:B?O.typography.largeTitleSize:O.typography.titleSize,fontWeight:O.typography.titleWeight},h],{numberOfLines:1}))),_&&React.createElement(View,{style:[{marginTop:O.spacing.labelMarginTop},w]},renderTextOrNode(l,[{color:O.colors.label,fontSize:B?O.typography.largeLabelSize:O.typography.labelSize},w],{numberOfLines:2}))),React.createElement(View,{style:[O.layout.valueContainer,{minHeight:k,marginLeft:O.spacing.valueGap},!y&&M&&O.layout.valueOnlyContainer,y&&O.layout.valueCenter]},N?React.createElement(View,{style:Q},renderTextOrNode(o,[O.layout.value,M&&O.layout.valueOnly,{color:O.colors.value,fontSize:B?O.typography.largeValueSize:O.typography.valueSize},R],{numberOfLines:1})):I&&React.createElement(View,{style:Q},isText(f)?renderTextOrNode(f,[O.layout.value,{color:O.colors.value,fontSize:B?O.typography.largeValueSize:O.typography.valueSize},R]):f)),D&&React.createElement(View,{style:{marginLeft:O.spacing.extraGap}},renderTextOrNode(a,{marginLeft:O.spacing.extraGap,color:O.colors.value,fontSize:B?O.typography.largeValueSize:O.typography.valueSize})),A?n:F&&React.createElement(View,{style:[O.layout.rightIconWrapper,O.layout.arrowTransforms[H]]},React.createElement(Arrow,{size:O.sizing.arrowSize,fill:O.colors.arrow})),K)},CellForwardRef=React.forwardRef(CellImpl);CellForwardRef.displayName="Cell";export const Cell=React.memo(CellForwardRef);

package/dist/es/components/circle/Circle.js

@@ -1 +1 @@
-import React,{useEffect,useMemo,useRef}from"react";import{Animated,Platform,Text,View}from"react-native";import Svg,{Circle as SvgCircle}from"react-native-svg";import{isText,clamp,parseNumber,parsePercentage}from"../../utils";import{useReducedMotion}from"../../hooks/animation";import{useCircleTokens}from"./tokens";const SVG_ROTATION={top:-90,right:0,bottom:90,left:180},WEB_ROTATION={top:0,right:90,bottom:180,left:270},isTransparentColor=e=>{const t=e.trim().toLowerCase();if(!t||"transparent"===t)return!0;const r=t.match(/^rgba\(([^)]*)\)$/);if(r){const e=Number(r[1].split(",")[3]?.trim());return Number.isFinite(e)&&0===e}return!1},AnimatedSvgCircle=Animated.createAnimatedComponent(SvgCircle),CircleImpl=e=>{const{tokensOverride:t,rate:r,size:a,strokeWidth:o,color:i,layerColor:n,fill:l,clockwise:s,startPosition:c,lineCap:m,animated:u,animationDuration:d,style:p,textStyle:g,children:f}=e,h=useCircleTokens(t),y=useReducedMotion(),x=l??h.defaults.fill,R=s??h.defaults.clockwise,k=c??h.defaults.startPosition,C=m??h.defaults.lineCap,b=u??h.defaults.animated,S=Math.max(0,parseNumber(a,h.defaults.size)),T=Math.max(0,parseNumber(o,h.defaults.strokeWidth)),w=clamp(parsePercentage(r??h.defaults.rate),0,100),E=i??h.colors.color,v=n??h.colors.layerColor,M=useMemo(()=>[h.layout.root,{width:S,height:S},p],[S,p,h.layout.root]),$=useMemo(()=>[h.layout.content,{width:S,height:S}],[S,h.layout.content]),A=useMemo(()=>{if(null==f||!1===f)return null;const e=React.Children.toArray(f);return e.every(isText)?React.createElement(Text,{style:[h.layout.text,{color:h.colors.text,fontSize:h.typography.fontSize,lineHeight:h.typography.lineHeight},g]},e.map(String).join("")):f},[f,g,h.colors.text,h.layout.text,h.typography.fontSize,h.typography.lineHeight]);if("web"===Platform.OS){const e=Math.min(T,S/2),t=Math.max(0,S-2*e),r=w/100*360,a=WEB_ROTATION[k],o=t>0&&!isTransparentColor(x),i={width:S,height:S,borderRadius:S/2,backgroundImage:R?`conic-gradient(from ${a}deg, ${E} 0deg ${r}deg, ${v} ${r}deg 360deg)`:`conic-gradient(from ${a}deg, ${v} 0deg ${360-r}deg, ${E} ${360-r}deg 360deg)`};if(e>0){const t=`radial-gradient(farthest-side, transparent calc(100% - ${e}px), #000 calc(100% - ${e}px))`;Object.assign(i,{WebkitMaskImage:t,maskImage:t,WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",WebkitMaskSize:"100% 100%",maskSize:"100% 100%"})}return React.createElement(View,{style:M},React.createElement(View,{style:[h.layout.webRing,i]}),o?React.createElement(View,{style:[h.layout.webInner,{width:t,height:t,borderRadius:t/2,backgroundColor:x,left:e,top:e}]}):null,React.createElement(View,{pointerEvents:"box-none",style:$},isText(A)?React.createElement(Text,{style:[h.layout.text,{color:h.colors.text,fontSize:h.typography.fontSize},g]},A):A))}const I=Math.max(0,(S-T)/2),V=2*Math.PI*I,z=SVG_ROTATION[k],N=Math.max(0,d??h.defaults.animationDuration),O=(R?1:-1)*V*(1-w/100),W=useRef(new Animated.Value(O)).current;useEffect(()=>{if(!b||N<=0||y)return void W.setValue(O);const e=Animated.timing(W,{toValue:O,duration:N,useNativeDriver:!1,isInteraction:!1});return e.start(),()=>e.stop()},[b,W,O,y,N]);const P=S/2;return React.createElement(View,{style:M},React.createElement(Svg,{width:S,height:S},React.createElement(SvgCircle,{cx:P,cy:P,r:I,stroke:v,strokeWidth:T,fill:x}),React.createElement(AnimatedSvgCircle,{cx:P,cy:P,r:I,stroke:E,strokeWidth:T,fill:"transparent",strokeDasharray:`${V} ${V}`,strokeDashoffset:W,strokeLinecap:C,rotation:z,originX:P,originY:P})),React.createElement(View,{pointerEvents:"box-none",style:$},isText(A)?React.createElement(Text,{style:[h.layout.text,{color:h.colors.text,fontSize:h.typography.fontSize},g]},A):A))};export const Circle=React.memo(CircleImpl);Circle.displayName="Circle";export default Circle;
+import React,{useEffect,useMemo,useRef}from"react";import{Animated,Platform,Text,View}from"react-native";import{getSvgRuntime}from"../../internal/svg";import{isText,clamp,parseNumber,parsePercentage}from"../../utils";import{useReducedMotion}from"../../hooks/animation";import{useCircleTokens}from"./tokens";const SVG_ROTATION={top:-90,right:0,bottom:90,left:180},WEB_ROTATION={top:0,right:90,bottom:180,left:270},isTransparentColor=e=>{const t=e.trim().toLowerCase();if(!t||"transparent"===t)return!0;const r=t.match(/^rgba\(([^)]*)\)$/);if(r){const e=Number(r[1].split(",")[3]?.trim());return Number.isFinite(e)&&0===e}return!1},CircleImpl=e=>{const{tokensOverride:t,rate:r,size:o,strokeWidth:a,color:i,layerColor:n,fill:l,clockwise:s,startPosition:c,lineCap:m,animated:u,animationDuration:d,style:p,textStyle:g,children:f}=e,h=useCircleTokens(t),y=useReducedMotion(),x=l??h.defaults.fill,R=s??h.defaults.clockwise,k=c??h.defaults.startPosition,b=m??h.defaults.lineCap,w=u??h.defaults.animated,E=Math.max(0,parseNumber(o,h.defaults.size)),T=Math.max(0,parseNumber(a,h.defaults.strokeWidth)),C=clamp(parsePercentage(r??h.defaults.rate),0,100),S=i??h.colors.color,M=n??h.colors.layerColor,V=useMemo(()=>[h.layout.root,{width:E,height:E},p],[E,p,h.layout.root]),$=useMemo(()=>[h.layout.content,{width:E,height:E}],[E,h.layout.content]),v=useMemo(()=>{if(null==f||!1===f)return null;const e=React.Children.toArray(f);return e.every(isText)?React.createElement(Text,{style:[h.layout.text,{color:h.colors.text,fontSize:h.typography.fontSize,lineHeight:h.typography.lineHeight},g]},e.map(String).join("")):f},[f,g,h.colors.text,h.layout.text,h.typography.fontSize,h.typography.lineHeight]);if("web"===Platform.OS){const e=Math.min(T,E/2),t=Math.max(0,E-2*e),r=C/100*360,o=WEB_ROTATION[k],a=t>0&&!isTransparentColor(x),i={width:E,height:E,borderRadius:E/2,backgroundImage:R?`conic-gradient(from ${o}deg, ${S} 0deg ${r}deg, ${M} ${r}deg 360deg)`:`conic-gradient(from ${o}deg, ${M} 0deg ${360-r}deg, ${S} ${360-r}deg 360deg)`};if(e>0){const t=`radial-gradient(farthest-side, transparent calc(100% - ${e}px), #000 calc(100% - ${e}px))`;Object.assign(i,{WebkitMaskImage:t,maskImage:t,WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",WebkitMaskSize:"100% 100%",maskSize:"100% 100%"})}return React.createElement(View,{style:V},React.createElement(View,{style:[h.layout.webRing,i]}),a?React.createElement(View,{style:[h.layout.webInner,{width:t,height:t,borderRadius:t/2,backgroundColor:x,left:e,top:e}]}):null,React.createElement(View,{pointerEvents:"box-none",style:$},isText(v)?React.createElement(Text,{style:[h.layout.text,{color:h.colors.text,fontSize:h.typography.fontSize},g]},v):v))}const z=Math.max(0,(E-T)/2),I=2*Math.PI*z,N=SVG_ROTATION[k],O=Math.max(0,d??h.defaults.animationDuration),A=(R?1:-1)*I*(1-C/100),W=useRef(new Animated.Value(A)).current;useEffect(()=>{if(!w||O<=0||y)return void W.setValue(A);const e=Animated.timing(W,{toValue:A,duration:O,useNativeDriver:!1,isInteraction:!1});return e.start(),()=>e.stop()},[w,W,A,y,O]);const P=E/2,D=getSvgRuntime(),_=D?.Svg,H=D?.Circle,j=H?Animated.createAnimatedComponent(H):null;return _&&H&&j?React.createElement(View,{style:V},React.createElement(_,{width:E,height:E},React.createElement(H,{cx:P,cy:P,r:z,stroke:M,strokeWidth:T,fill:x}),React.createElement(j,{cx:P,cy:P,r:z,stroke:S,strokeWidth:T,fill:"transparent",strokeDasharray:`${I} ${I}`,strokeDashoffset:W,strokeLinecap:b,rotation:N,originX:P,originY:P})),React.createElement(View,{pointerEvents:"box-none",style:$},isText(v)?React.createElement(Text,{style:[h.layout.text,{color:h.colors.text,fontSize:h.typography.fontSize},g]},v):v)):React.createElement(View,{style:V},React.createElement(View,{style:{width:E,height:E,borderRadius:E/2,borderWidth:T,borderColor:C>0?S:M,backgroundColor:x}}),v?React.createElement(View,{pointerEvents:"box-none",style:$},isText(v)?React.createElement(Text,{style:[h.layout.text,{color:h.colors.text,fontSize:h.typography.fontSize},g]},v):v):null)};export const Circle=React.memo(CircleImpl);Circle.displayName="Circle";export default Circle;

package/dist/es/components/collapse/Collapse.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React,{useCallback,useContext,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Animated,Easing,View}from"react-native";import Arrow from"react-native-system-icon/Arrow";import{useReducedMotion}from"../../hooks/animation";import{Cell}from"../cell";import{createHairlineView,isFunction,isNumber,isObject,isRenderable,renderTextOrNode}from"../../utils";import{useCollapseTokens}from"./tokens";const CollapseContext=React.createContext(null),normalizeValue=e=>void 0===e?void 0:Array.isArray(e)?e.map(String):null===e?[]:[String(e)],buildOutputValue=(e,t)=>t?e[0]??"":e,CollapseImpl=e=>{const{tokensOverride:t,children:o,accordion:n,value:a,defaultValue:i,onChange:l,border:r,iconPosition:s,expandIcon:c,disabled:d,style:u,...p}=e,m=useCollapseTokens(t),b=n??m.defaults.accordion,g=r??m.defaults.border,f=s??m.defaults.iconPosition,{colors:y}=m,R=void 0!==a,C=normalizeValue(a),v=normalizeValue(i)??[],k=useRef(l);k.current=l;const[E,h]=useState(()=>b?v.slice(0,1):v),w=R?b?(C??[]).slice(0,1):C??[]:E,V=useCallback((e,t)=>{if(d)return;const o=w.includes(e),n=t??!o,a=b?n?[e]:o?[]:w:n?o?w:[...w,e]:o?w.filter(t=>t!==e):w;R||h(a),k.current?.(buildOutputValue(a,b))},[b,w,R,d]),x=useMemo(()=>({activeKeys:w,toggle:V,accordion:b,iconPosition:f,expandIcon:c,border:g,disabled:d,tokens:m}),[b,w,g,d,c,f,m,V]),S=useMemo(()=>React.Children.toArray(o).map((e,t)=>{if(!React.isValidElement(e))return e;if(!isFunction(e.type)&&!isObject(e.type))return e;const o=e.props.name??String(t);return React.cloneElement(e,{name:o,index:t})}),[o]);return React.createElement(CollapseContext.Provider,{value:x},React.createElement(View,_extends({style:[m.layout.container,g&&{backgroundColor:y.background},u]},p),g&&React.createElement(Hairline,{tokens:m,position:"top",color:y.border}),g&&React.createElement(Hairline,{tokens:m,position:"bottom",color:y.border}),S))},Hairline=React.memo(({tokens:e,position:t,color:o,inset:n=0})=>{const a=createHairlineView({position:t,color:o,left:n,right:n});return React.createElement(View,{pointerEvents:"none",style:[e.layout.hairline,a]})}),CollapsePanel=React.forwardRef((e,t)=>{const o=useContext(CollapseContext),n=useReducedMotion();if(!o)throw new Error("Collapse.Panel must be used within Collapse");const{activeKeys:a,toggle:i,iconPosition:l,expandIcon:r,disabled:s,tokens:c}=o,{name:d="0",index:u=0,title:p,description:m,label:b,icon:g,extra:f,value:y,border:R=c.defaults.panelBorder,isLink:C=c.defaults.panelIsLink,size:v=c.defaults.panelSize,disabled:k,readOnly:E,children:h,style:w,titleStyle:V,descriptionStyle:x,...S}=e,z=String(d),I=a.includes(z),P=s||k,{colors:H,spacing:O,typography:A}=c,[M,F]=useState(0),N=useRef(new Animated.Value(I?1:0)).current,j=useRef(null),_=N.interpolate({inputRange:[0,1],outputRange:["90deg","-90deg"]});useEffect(()=>{j.current?.stop();const e=Animated.timing(N,{toValue:I?1:0,duration:n?0:c.defaults.animationDuration,easing:Easing.ease,useNativeDriver:!1,isInteraction:!1});return j.current=e,e.start(({finished:e})=>{e&&(j.current=null)}),()=>{j.current?.stop(),j.current=null}},[N,I,n,c.defaults.animationDuration]);const T=m??b,D=f??y,L=useCallback(()=>{P||E||i(z)},[P,z,E,i]);useImperativeHandle(t,()=>({toggle:e=>{P||E||i(z,e)}}),[P,z,E,i]);const B=useCallback(e=>{const t=e.nativeEvent.layout.height;isNumber(t)&&Number.isFinite(t)&&F(e=>e===t?e:t)},[]),K=useMemo(()=>({height:N.interpolate({inputRange:[0,1],outputRange:[0,M]})}),[N,M]),W=useCallback(()=>isFunction(r)?r(I):r||React.createElement(Animated.View,{style:{transform:[{rotate:_}]}},React.createElement(Arrow,{size:16,fill:P?H.disabled:H.arrow})),[H.arrow,H.disabled,r,I,P,_]),G=useMemo(()=>renderTextOrNode(h,{color:P?H.disabled:H.description,fontFamily:A.fontFamily,fontSize:A.descriptionSize,lineHeight:Math.round(1.5*A.descriptionSize)}),[h,H.description,H.disabled,P,A.descriptionSize,A.fontFamily]),q=Boolean(R),J=u>0&&q,Q=I&&q,U=C&&!E,X="left"===l?U||isRenderable(g)?React.createElement(View,{style:c.layout.headerIconRow},U&&React.createElement(View,{style:{marginRight:g?c.spacing.iconGap:0}},W()),g):void 0:g,Y="right"===l&&U?W():void 0;return React.createElement(View,_extends({style:[c.layout.panel,{backgroundColor:H.background},w]},S),J&&React.createElement(Hairline,{tokens:c,position:"top",color:H.border,inset:O.paddingHorizontal}),React.createElement(View,{style:c.layout.headerWrapper},React.createElement(Cell,{title:p,label:T,icon:X,value:D,size:v,border:!1,disabled:P,onPress:E?void 0:L,accessibilityState:{expanded:I,disabled:P},titleStyle:P?[V,{color:H.disabled}]:V,labelStyle:P?[x,{color:H.disabled}]:x,valueStyle:P?{color:H.disabled}:void 0,rightIcon:Y}),Q&&React.createElement(Hairline,{tokens:c,position:"bottom",color:H.border,inset:O.paddingHorizontal})),React.createElement(Animated.View,{style:[c.layout.bodyWrapper,K]},React.createElement(View,{onLayout:B,style:[c.layout.bodyContent,{paddingVertical:O.paddingVertical,paddingHorizontal:O.paddingHorizontal,backgroundColor:H.background}]},G)))});CollapseImpl.Panel=CollapsePanel,CollapseImpl.Item=CollapsePanel;export const Collapse=Object.assign(React.memo(CollapseImpl),{Panel:CollapsePanel,Item:CollapsePanel});export default Collapse;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(null,arguments)}import React,{useCallback,useContext,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Animated,Easing,View}from"react-native";import{Arrow}from"../../internal/icons";import{useReducedMotion}from"../../hooks/animation";import{Cell}from"../cell";import{createHairlineView,isFunction,isNumber,isObject,isRenderable,renderTextOrNode}from"../../utils";import{useCollapseTokens}from"./tokens";const CollapseContext=React.createContext(null),normalizeValue=e=>void 0===e?void 0:Array.isArray(e)?e.map(String):null===e?[]:[String(e)],buildOutputValue=(e,t)=>t?e[0]??"":e,CollapseImpl=e=>{const{tokensOverride:t,children:n,accordion:o,value:a,defaultValue:i,onChange:l,border:r,iconPosition:s,expandIcon:c,disabled:d,style:u,...p}=e,m=useCollapseTokens(t),b=o??m.defaults.accordion,g=r??m.defaults.border,f=s??m.defaults.iconPosition,{colors:y}=m,R=void 0!==a,C=normalizeValue(a),v=normalizeValue(i)??[],k=useRef(l);k.current=l;const[E,h]=useState(()=>b?v.slice(0,1):v),w=R?b?(C??[]).slice(0,1):C??[]:E,V=useCallback((e,t)=>{if(d)return;const n=w.includes(e),o=t??!n,a=b?o?[e]:n?[]:w:o?n?w:[...w,e]:n?w.filter(t=>t!==e):w;R||h(a),k.current?.(buildOutputValue(a,b))},[b,w,R,d]),x=useMemo(()=>({activeKeys:w,toggle:V,accordion:b,iconPosition:f,expandIcon:c,border:g,disabled:d,tokens:m}),[b,w,g,d,c,f,m,V]),S=useMemo(()=>React.Children.toArray(n).map((e,t)=>{if(!React.isValidElement(e))return e;if(!isFunction(e.type)&&!isObject(e.type))return e;const n=e.props.name??String(t);return React.cloneElement(e,{name:n,index:t})}),[n]);return React.createElement(CollapseContext.Provider,{value:x},React.createElement(View,_extends({style:[m.layout.container,g&&{backgroundColor:y.background},u]},p),g&&React.createElement(Hairline,{tokens:m,position:"top",color:y.border}),g&&React.createElement(Hairline,{tokens:m,position:"bottom",color:y.border}),S))},Hairline=React.memo(({tokens:e,position:t,color:n,inset:o=0})=>{const a=createHairlineView({position:t,color:n,left:o,right:o});return React.createElement(View,{pointerEvents:"none",style:[e.layout.hairline,a]})}),CollapsePanel=React.forwardRef((e,t)=>{const n=useContext(CollapseContext),o=useReducedMotion();if(!n)throw new Error("Collapse.Panel must be used within Collapse");const{activeKeys:a,toggle:i,iconPosition:l,expandIcon:r,disabled:s,tokens:c}=n,{name:d="0",index:u=0,title:p,description:m,label:b,icon:g,extra:f,value:y,border:R=c.defaults.panelBorder,isLink:C=c.defaults.panelIsLink,size:v=c.defaults.panelSize,disabled:k,readOnly:E,children:h,style:w,titleStyle:V,descriptionStyle:x,...S}=e,z=String(d),I=a.includes(z),P=s||k,{colors:H,spacing:O,typography:A}=c,[M,F]=useState(0),N=useRef(new Animated.Value(I?1:0)).current,j=useRef(null),_=N.interpolate({inputRange:[0,1],outputRange:["90deg","-90deg"]});useEffect(()=>{j.current?.stop();const e=Animated.timing(N,{toValue:I?1:0,duration:o?0:c.defaults.animationDuration,easing:Easing.ease,useNativeDriver:!1,isInteraction:!1});return j.current=e,e.start(({finished:e})=>{e&&(j.current=null)}),()=>{j.current?.stop(),j.current=null}},[N,I,o,c.defaults.animationDuration]);const T=m??b,D=f??y,L=useCallback(()=>{P||E||i(z)},[P,z,E,i]);useImperativeHandle(t,()=>({toggle:e=>{P||E||i(z,e)}}),[P,z,E,i]);const B=useCallback(e=>{const t=e.nativeEvent.layout.height;isNumber(t)&&Number.isFinite(t)&&F(e=>e===t?e:t)},[]),K=useMemo(()=>({height:N.interpolate({inputRange:[0,1],outputRange:[0,M]})}),[N,M]),W=useCallback(()=>isFunction(r)?r(I):r||React.createElement(Animated.View,{style:{transform:[{rotate:_}]}},React.createElement(Arrow,{size:16,fill:P?H.disabled:H.arrow})),[H.arrow,H.disabled,r,I,P,_]),G=useMemo(()=>renderTextOrNode(h,{color:P?H.disabled:H.description,fontFamily:A.fontFamily,fontSize:A.descriptionSize,lineHeight:Math.round(1.5*A.descriptionSize)}),[h,H.description,H.disabled,P,A.descriptionSize,A.fontFamily]),q=Boolean(R),J=u>0&&q,Q=I&&q,U=C&&!E,X="left"===l?U||isRenderable(g)?React.createElement(View,{style:c.layout.headerIconRow},U&&React.createElement(View,{style:{marginRight:g?c.spacing.iconGap:0}},W()),g):void 0:g,Y="right"===l&&U?W():void 0;return React.createElement(View,_extends({style:[c.layout.panel,{backgroundColor:H.background},w]},S),J&&React.createElement(Hairline,{tokens:c,position:"top",color:H.border,inset:O.paddingHorizontal}),React.createElement(View,{style:c.layout.headerWrapper},React.createElement(Cell,{title:p,label:T,icon:X,value:D,size:v,border:!1,disabled:P,onPress:E?void 0:L,accessibilityState:{expanded:I,disabled:P},titleStyle:P?[V,{color:H.disabled}]:V,labelStyle:P?[x,{color:H.disabled}]:x,valueStyle:P?{color:H.disabled}:void 0,rightIcon:Y}),Q&&React.createElement(Hairline,{tokens:c,position:"bottom",color:H.border,inset:O.paddingHorizontal})),React.createElement(Animated.View,{style:[c.layout.bodyWrapper,K]},React.createElement(View,{onLayout:B,style:[c.layout.bodyContent,{paddingVertical:O.paddingVertical,paddingHorizontal:O.paddingHorizontal,backgroundColor:H.background}]},G)))});CollapseImpl.Panel=CollapsePanel,CollapseImpl.Item=CollapsePanel;export const Collapse=Object.assign(React.memo(CollapseImpl),{Panel:CollapsePanel,Item:CollapsePanel});export default Collapse;