@webority/mobile-ui 0.106.0 → 0.107.0

package/lib/commonjs/components/Slider/Slider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Slider=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_valueText=require("./valueText.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,i=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=i&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?i(n,r,a):n[r]=e[r]);return n}const VARIANT_SIZE_MAP={inset:{sm:{trackHeight:14,thumbDiameter:10},md:{trackHeight:20,thumbDiameter:14},lg:{trackHeight:26,thumbDiameter:18}},minimal:{sm:{trackHeight:2,thumbDiameter:14},md:{trackHeight:3,thumbDiameter:18},lg:{trackHeight:4,thumbDiameter:22}},bar:{sm:{trackHeight:20,thumbDiameter:20},md:{trackHeight:28,thumbDiameter:28},lg:{trackHeight:36,thumbDiameter:36}}},INSET_RING_RATIO=.3,MIN_THUMB_TOUCH=44,clamp=(e,t,a)=>Math.min(Math.max(e,t),a),snapToStep=(e,t,a,r)=>{if(r<=0)return clamp(e,t,a);const i=Math.round((e-t)/r)*r+t,n=String(r).split(".")[1]?.length??0,s=n>0?Number(i.toFixed(n)):i;return clamp(s,t,a)},BUBBLE_GAP=2,BUBBLE_CARET=8,BUBBLE_WRAP_WIDTH=160,NO_SHADOW={shadowOpacity:0,elevation:0},defaultFormatLabel=e=>String(e),Slider=exports.Slider=(0,_react.forwardRef)((e,t)=>{const{min:a=0,max:r=100,step:i=1,disabled:n=!1,tone:s="primary",size:c="md",variant:o="default",showLabel:l=!1,snapThumb:u=!1,formatLabel:d=defaultFormatLabel,renderLabel:m,accessibilityLabel:h,haptic:b,style:_,containerStyle:v,trackStyle:f,fillStyle:p,thumbStyle:g,labelStyle:R,thumbPressScale:x,labelShowDuration:y,labelOpacity:N,testID:w}=e,S=(0,_index2.useTheme)(),k=(0,_react.useMemo)(()=>{const e=(0,_index2.resolveSliderSize)(S,c);return{trackHeight:e["track-height"],thumbDiameter:e["thumb-diameter"]}},[S,c]),j=(0,_react.useMemo)(()=>"default"===o?k:VARIANT_SIZE_MAP[o][c],[k,c,o]),C="inset"===o?j.trackHeight/2:0,M=S.settings.components.slider?.thumbPressAnimation??!1,H=x??1.1,O=y??S.motion.duration.fast,D=N??1,A=(0,_react.useMemo)(()=>buildStyles(S,j),[S,j]),V=(0,_react.useMemo)(()=>({damping:S.motion.spring.snappy.damping,stiffness:S.motion.spring.snappy.stiffness,mass:S.motion.spring.snappy.mass}),[S.motion.spring.snappy]),[T,E]=(0,_react.useState)(0),W=S.colors[s],I=(0,_valueText.sliderToneInk)(S,s),P=!0===e.range,[L,q]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??(P?[a,r]:a),onChange:e.onChange}),X=(0,_reactNativeReanimated.useSharedValue)(0),B=(0,_reactNativeReanimated.useSharedValue)(0),G=(0,_reactNativeReanimated.useSharedValue)(P?L[0]:L),F=(0,_reactNativeReanimated.useSharedValue)(P?L[1]:L),z=(0,_reactNativeReanimated.useSharedValue)(0),J=(0,_reactNativeReanimated.useSharedValue)(0),U=(0,_reactNativeReanimated.useSharedValue)(1),Z=(0,_reactNativeReanimated.useSharedValue)(1),$="always"===l,K=(0,_reactNativeReanimated.useSharedValue)($?1:0),Q=(0,_reactNativeReanimated.useSharedValue)($?1:0),Y=(0,_react.useMemo)(()=>10**(String(i).split(".")[1]?.length??0),[i]);(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(X),(0,_reactNativeReanimated.cancelAnimation)(B),(0,_reactNativeReanimated.cancelAnimation)(U),(0,_reactNativeReanimated.cancelAnimation)(Z),(0,_reactNativeReanimated.cancelAnimation)(K),(0,_reactNativeReanimated.cancelAnimation)(Q)},[X,B,U,Z,K,Q]);const ee=(0,_react.useCallback)((e,t)=>{const i=t-2*C;return r===a||i<=0?C:C+(e-a)/(r-a)*i},[a,r,C]),te=(0,_react.useCallback)((e,t)=>{const n=t-2*C;if(n<=0)return a;const s=clamp((e-C)/n,0,1);return snapToStep(a+s*(r-a),a,r,i)},[a,r,i,C]),ae=(0,_react.useRef)(!1),re=S.motion.duration.fast,ie=(0,_react.useRef)(L);ie.current=L;const ne=(0,_react.useRef)(T);ne.current=T;const se=(0,_react.useCallback)((e=!1)=>{const t=ne.current;if(t<=0)return;const place=t=>e?(0,_reactNativeReanimated.withTiming)(t,{duration:re,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)}):t,a=ie.current;if(P){const[e,r]=a,i=Math.min(e,r),n=Math.max(e,r);G.value=i,F.value=n,X.value=place(ee(i,t)),B.value=place(ee(n,t))}else{const e=a;G.value=e,F.value=e,X.value=place(ee(e,t))}},[P,ee,G,F,X,B,re]),[ce,oe]=(0,_react.useState)(0),le=(0,_react.useRef)(!1),ue=(0,_react.useCallback)(e=>{ae.current=e,e||(le.current=!0,oe(e=>e+1))},[]);(0,_react.useEffect)(()=>{if(ae.current)return;const e=le.current;le.current=!1,se(e)},[JSON.stringify(L),T,ce,se]);const de=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.width;J.value=t,E(t)},[J]),me=(0,_react.useCallback)((e,t)=>{q(P?[e,t]:e)},[P,q]),he=(0,_react.useCallback)(()=>{const e=(0,_index3.resolveHaptic)(b,"selection");e&&(0,_index3.triggerHaptic)(e)},[b]),be=(0,_react.useRef)(me);be.current=me;const ve=(0,_react.useRef)(he);ve.current=he;const fe=(0,_react.useCallback)((e,t)=>be.current(e,t),[]),pe=(0,_react.useCallback)(()=>ve.current(),[]),ge=Math.max(0,(44-j.thumbDiameter)/2),Re=ge>0?ge:void 0,xe=(0,_react.useCallback)(e=>{const t="low"===e?X:B,s="low"===e?G:F,c="low"===e?F:G,o="low"===e?U:Z,d="low"===e?K:Q,m="low"===e,h=a,b=r,_=i,v=Y,f=P,p=H,g=M,R=!0===l,x=u,y=D,N=O,w=V,S=C,follow=e=>{"worklet";const a=J.value-2*S;if(a<=0||!Number.isFinite(e))return;const r=Math.min(Math.max(z.value+e,S),J.value-S);let i=h+(r-S)/a*(b-h);_>0&&(i=Math.round((i-h)/_)*_+h,i=Math.round(i*v)/v),i=Math.min(Math.max(i,h),b),f&&(m&&i>c.value&&(i=c.value),!m&&i<c.value&&(i=c.value)),t.value=x||b===h?b===h?S:S+(i-h)/(b-h)*a:f?m?Math.min(r,B.value):Math.max(r,X.value):r,i!==s.value&&(s.value=i,i!==h&&i!==b||(0,_reactNativeReanimated.runOnJS)(pe)(),(0,_reactNativeReanimated.runOnJS)(fe)(G.value,F.value))},k=_reactNativeGestureHandler.Gesture.Pan().enabled(!n).minDistance(0);return(void 0===Re?k:k.hitSlop(Re)).onStart(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(ue)(!0),z.value=t.value,g&&(o.value=(0,_reactNativeReanimated.withSpring)(p,w)),R&&(d.value=(0,_reactNativeReanimated.withTiming)(y,{duration:N,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)})),(0,_reactNativeReanimated.runOnJS)(pe)()}).onUpdate(e=>{"worklet";follow(e.translationX)}).onEnd(e=>{"worklet";follow(e.translationX),g&&(o.value=(0,_reactNativeReanimated.withSpring)(1,w)),R&&(d.value=(0,_reactNativeReanimated.withTiming)(0,{duration:N,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)}))}).onFinalize(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(ue)(!1)})},[n,a,r,i,Y,P,H,M,l,u,D,O,V,C,Re,fe,pe,ue,X,B,G,F,U,Z,K,Q,z,J]),ye=(0,_react.useMemo)(()=>xe("low"),[xe]),Ne=(0,_react.useMemo)(()=>xe("high"),[xe]),we=(0,_react.useCallback)(e=>{if(n||P||T<=0)return;const t=clamp(e.nativeEvent.locationX,0,T),a=te(t,T);a!==G.value&&(he(),G.value=a,X.value=(0,_reactNativeReanimated.withTiming)(ee(a,T),{duration:S.motion.duration.fast,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)}),me(a,a))},[n,P,T,te,ee,me,he,X,G,S.motion.duration.fast]),Se=(0,_react.useCallback)(e=>{if(n)return;const t="increment"===e.nativeEvent.actionName?i:-i,s=i>0?Math.round(t*Y)/Y:t;if(P){const e=Math.round((G.value+s)*Y)/Y,t=clamp(e,a,F.value);t!==G.value&&(G.value=t,X.value=ee(t,T),he(),me(t,F.value))}else{const e=Math.round((G.value+s)*Y)/Y,t=clamp(e,a,r);t!==G.value&&(G.value=t,X.value=ee(t,T),he(),me(t,t))}},[n,i,Y,P,a,r,ee,T,X,G,F,me,he]),ke=j.thumbDiameter/2,je=n?S.colors["surface-disabled"]:W,Ce="inset"===o?{backgroundColor:je,borderColor:S.colors.surface,borderWidth:Math.max(2,Math.round(.3*j.thumbDiameter)),...NO_SHADOW}:"minimal"===o?{backgroundColor:je,borderWidth:0}:"bar"===o?{backgroundColor:"transparent",borderWidth:0,...NO_SHADOW}:{backgroundColor:S.colors.surface,borderColor:je},Me=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=J.value;if(e<=0)return{opacity:0,transform:[{translateX:0},{scaleX:1}]};const t=n?.55:1;if(P){const a=Math.max(0,B.value-X.value+2*C);return{opacity:t,transform:[{translateX:X.value-C},{scaleX:a/e}]}}return{opacity:t,transform:[{translateX:X.value+C-e},{scaleX:1}]}}),He=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:X.value-ke},{scale:U.value}]})),Oe=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:B.value-ke},{scale:Z.value}]})),De=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:K.value})),Ae=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:Q.value})),clampDisplay=e=>clamp(e,a,r),Ve=clampDisplay(P?Math.min(...L):L),Te=clampDisplay(P?Math.max(...L):L);return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:[A.container,v,_],testID:w,accessibilityRole:"adjustable",accessibilityLabel:h,accessibilityState:{disabled:n},"aria-disabled":n,accessibilityValue:P?{min:a,max:r,now:Ve,text:`${Ve} to ${Te}`}:{min:a,max:r,now:Ve},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:Se,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:we,disabled:n||P,style:A.trackTouch,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:A.trackWrap,onLayout:de,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:A.trackClip,pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.track,{backgroundColor:n?S.colors["surface-disabled"]:S.colors.border},f]}),(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[A.fill,{backgroundColor:n?S.colors["surface-disabled"]:W},p,Me]})]}),(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:ye,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[A.thumb,{width:j.thumbDiameter,height:j.thumbDiameter,borderRadius:ke,..._corners.smoothCorners,opacity:n?.55:1},Ce,g,He],accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:l?(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[A.bubbleWrap,De],pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.bubble,{backgroundColor:W}],children:m?m(Ve):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[A.bubbleText,{color:I},R],numberOfLines:1,children:d(Ve)})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.bubbleCaret,{backgroundColor:W}]})]}):null})}),P?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:Ne,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[A.thumb,{width:j.thumbDiameter,height:j.thumbDiameter,borderRadius:ke,..._corners.smoothCorners,opacity:n?.55:1},Ce,g,Oe],accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:l?(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[A.bubbleWrap,Ae],pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.bubble,{backgroundColor:W}],children:m?m(Te):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[A.bubbleText,{color:I},R],numberOfLines:1,children:d(Te)})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.bubbleCaret,{backgroundColor:W}]})]}):null})}):null]})})})});Slider.displayName="Slider";const buildStyles=(e,t)=>{const a=e.shadow.elevated,r=Math.max(t.thumbDiameter,t.trackHeight),i=r/2+e.space.xs;return _reactNative.StyleSheet.create({container:{width:"100%",paddingVertical:i,justifyContent:"center"},trackTouch:{width:"100%",justifyContent:"center"},trackWrap:{width:"100%",height:r,justifyContent:"center"},trackClip:{position:"absolute",left:0,right:0,height:t.trackHeight,top:(r-t.trackHeight)/2,borderRadius:t.trackHeight/2,..._corners.smoothCorners,overflow:"hidden"},track:{position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:t.trackHeight/2,..._corners.smoothCorners},fill:{position:"absolute",top:0,left:0,width:"100%",height:t.trackHeight,borderRadius:t.trackHeight/2,..._corners.smoothCorners,transformOrigin:"left"},thumb:{position:"absolute",top:(r-t.thumbDiameter)/2,left:0,borderWidth:2,shadowColor:a.shadowColor,shadowOffset:a.shadowOffset,shadowOpacity:a.shadowOpacity,shadowRadius:a.shadowRadius,elevation:a.elevation,alignItems:"center",justifyContent:"center"},bubbleWrap:{position:"absolute",bottom:t.thumbDiameter+2,left:t.thumbDiameter/2-80,width:160,alignItems:"center"},bubbleCaret:{width:8,height:8,marginTop:-5,borderRadius:e.radius.none,..._corners.smoothCorners,transform:[{rotate:"45deg"}]},bubble:{paddingHorizontal:e.space.sm,paddingVertical:e.space.xxs,borderRadius:e.radius.md,..._corners.smoothCorners,minWidth:36,alignItems:"center",justifyContent:"center",..._reactNative.Platform.select({ios:{shadowColor:e.shadow.card.shadowColor,shadowOffset:e.shadow.card.shadowOffset,shadowOpacity:e.shadow.card.shadowOpacity,shadowRadius:e.shadow.card.shadowRadius},android:{elevation:e.shadow.card.elevation},default:{}})},bubbleText:{color:e.colors["on-primary"],fontSize:e.text.xs.size,fontWeight:e.weight.semibold}})};var _default=exports.default=Slider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Slider=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index4=require("../Text/index.js"),_valueText=require("./valueText.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,i,r=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((a=r&&Object.getOwnPropertyDescriptor(e,i))&&(a.get||a.set)?r(n,i,a):n[i]=e[i]);return n}const VARIANT_SIZE_MAP={inset:{sm:{trackHeight:14,thumbDiameter:10},md:{trackHeight:20,thumbDiameter:14},lg:{trackHeight:26,thumbDiameter:18}},minimal:{sm:{trackHeight:2,thumbDiameter:14},md:{trackHeight:3,thumbDiameter:18},lg:{trackHeight:4,thumbDiameter:22}},bar:{sm:{trackHeight:20,thumbDiameter:20},md:{trackHeight:28,thumbDiameter:28},lg:{trackHeight:36,thumbDiameter:36}}},INSET_RING_RATIO=.3,MIN_THUMB_TOUCH=44,clamp=(e,t,a)=>Math.min(Math.max(e,t),a),snapToStep=(e,t,a,i)=>{if(i<=0)return clamp(e,t,a);const r=Math.round((e-t)/i)*i+t,n=String(i).split(".")[1]?.length??0,s=n>0?Number(r.toFixed(n)):r;return clamp(s,t,a)},BUBBLE_GAP=2,BUBBLE_CARET=8,BUBBLE_WRAP_WIDTH=160,NO_SHADOW={shadowOpacity:0,elevation:0},defaultFormatLabel=e=>String(e),Slider=exports.Slider=(0,_react.forwardRef)((e,t)=>{const{min:a=0,max:i=100,step:r=1,disabled:n=!1,tone:s="primary",size:l="md",variant:c="default",showLabel:o=!1,snapThumb:u=!1,formatLabel:d=defaultFormatLabel,renderLabel:m,accessibilityLabel:h,haptic:_,style:v,containerStyle:b,trackStyle:p,fillStyle:f,thumbStyle:g,labelStyle:R,thumbPressScale:w,labelShowDuration:x,labelOpacity:y,testID:N}=e;(0,_warnInvalidValue.warnInvalidValue)("Slider","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("Slider","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Slider","variant",e.variant,["default","inset","minimal","bar"]);const S=(0,_index2.useTheme)(),k=(0,_react.useMemo)(()=>{const e=(0,_index2.resolveSliderSize)(S,l);return{trackHeight:e["track-height"],thumbDiameter:e["thumb-diameter"]}},[S,l]),j=(0,_react.useMemo)(()=>"default"===c?k:VARIANT_SIZE_MAP[c][l],[k,l,c]),C="inset"===c?j.trackHeight/2:0,M=S.settings.components.slider?.thumbPressAnimation??!1,V=w??1.1,H=x??S.motion.duration.fast,O=y??1,D=(0,_react.useMemo)(()=>buildStyles(S,j),[S,j]),A=(0,_react.useMemo)(()=>({damping:S.motion.spring.snappy.damping,stiffness:S.motion.spring.snappy.stiffness,mass:S.motion.spring.snappy.mass}),[S.motion.spring.snappy]),[E,T]=(0,_react.useState)(0),I=S.colors[s],W=(0,_valueText.sliderToneInk)(S,s),q=!0===e.range,[P,L]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??(q?[a,i]:a),onChange:e.onChange}),X=(0,_reactNativeReanimated.useSharedValue)(0),B=(0,_reactNativeReanimated.useSharedValue)(0),G=(0,_reactNativeReanimated.useSharedValue)(q?P[0]:P),F=(0,_reactNativeReanimated.useSharedValue)(q?P[1]:P),z=(0,_reactNativeReanimated.useSharedValue)(0),J=(0,_reactNativeReanimated.useSharedValue)(0),U=(0,_reactNativeReanimated.useSharedValue)(1),Z=(0,_reactNativeReanimated.useSharedValue)(1),$="always"===o,K=(0,_reactNativeReanimated.useSharedValue)($?1:0),Q=(0,_reactNativeReanimated.useSharedValue)($?1:0),Y=(0,_react.useMemo)(()=>10**(String(r).split(".")[1]?.length??0),[r]);(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(X),(0,_reactNativeReanimated.cancelAnimation)(B),(0,_reactNativeReanimated.cancelAnimation)(U),(0,_reactNativeReanimated.cancelAnimation)(Z),(0,_reactNativeReanimated.cancelAnimation)(K),(0,_reactNativeReanimated.cancelAnimation)(Q)},[X,B,U,Z,K,Q]);const ee=(0,_react.useCallback)((e,t)=>{const r=t-2*C;return i===a||r<=0?C:C+(e-a)/(i-a)*r},[a,i,C]),te=(0,_react.useCallback)((e,t)=>{const n=t-2*C;if(n<=0)return a;const s=clamp((e-C)/n,0,1);return snapToStep(a+s*(i-a),a,i,r)},[a,i,r,C]),ae=(0,_react.useRef)(!1),ie=S.motion.duration.fast,re=(0,_react.useRef)(P);re.current=P;const ne=(0,_react.useRef)(E);ne.current=E;const se=(0,_react.useCallback)((e=!1)=>{const t=ne.current;if(t<=0)return;const place=t=>e?(0,_reactNativeReanimated.withTiming)(t,{duration:ie,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)}):t,a=re.current;if(q){const[e,i]=a,r=Math.min(e,i),n=Math.max(e,i);G.value=r,F.value=n,X.value=place(ee(r,t)),B.value=place(ee(n,t))}else{const e=a;G.value=e,F.value=e,X.value=place(ee(e,t))}},[q,ee,G,F,X,B,ie]),[le,ce]=(0,_react.useState)(0),oe=(0,_react.useRef)(!1),ue=(0,_react.useCallback)(e=>{ae.current=e,e||(oe.current=!0,ce(e=>e+1))},[]);(0,_react.useEffect)(()=>{if(ae.current)return;const e=oe.current;oe.current=!1,se(e)},[JSON.stringify(P),E,le,se]);const de=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.width;J.value=t,T(t)},[J]),me=(0,_react.useCallback)((e,t)=>{L(q?[e,t]:e)},[q,L]),he=(0,_react.useCallback)(()=>{const e=(0,_index3.resolveHaptic)(_,"selection");e&&(0,_index3.triggerHaptic)(e)},[_]),ve=(0,_react.useRef)(me);ve.current=me;const be=(0,_react.useRef)(he);be.current=he;const pe=(0,_react.useCallback)((e,t)=>ve.current(e,t),[]),fe=(0,_react.useCallback)(()=>be.current(),[]),ge=Math.max(0,(44-j.thumbDiameter)/2),Re=ge>0?ge:void 0,we=(0,_react.useCallback)(e=>{const t="low"===e?X:B,s="low"===e?G:F,l="low"===e?F:G,c="low"===e?U:Z,d="low"===e?K:Q,m="low"===e,h=a,_=i,v=r,b=Y,p=q,f=V,g=M,R=!0===o,w=u,x=O,y=H,N=A,S=C,follow=e=>{"worklet";const a=J.value-2*S;if(a<=0||!Number.isFinite(e))return;const i=Math.min(Math.max(z.value+e,S),J.value-S);let r=h+(i-S)/a*(_-h);v>0&&(r=Math.round((r-h)/v)*v+h,r=Math.round(r*b)/b),r=Math.min(Math.max(r,h),_),p&&(m&&r>l.value&&(r=l.value),!m&&r<l.value&&(r=l.value)),t.value=w||_===h?_===h?S:S+(r-h)/(_-h)*a:p?m?Math.min(i,B.value):Math.max(i,X.value):i,r!==s.value&&(s.value=r,r!==h&&r!==_||(0,_reactNativeReanimated.runOnJS)(fe)(),(0,_reactNativeReanimated.runOnJS)(pe)(G.value,F.value))},k=_reactNativeGestureHandler.Gesture.Pan().enabled(!n).minDistance(0);return(void 0===Re?k:k.hitSlop(Re)).onStart(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(ue)(!0),z.value=t.value,g&&(c.value=(0,_reactNativeReanimated.withSpring)(f,N)),R&&(d.value=(0,_reactNativeReanimated.withTiming)(x,{duration:y,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)})),(0,_reactNativeReanimated.runOnJS)(fe)()}).onUpdate(e=>{"worklet";follow(e.translationX)}).onEnd(e=>{"worklet";follow(e.translationX),g&&(c.value=(0,_reactNativeReanimated.withSpring)(1,N)),R&&(d.value=(0,_reactNativeReanimated.withTiming)(0,{duration:y,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)}))}).onFinalize(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(ue)(!1)})},[n,a,i,r,Y,q,V,M,o,u,O,H,A,C,Re,pe,fe,ue,X,B,G,F,U,Z,K,Q,z,J]),xe=(0,_react.useMemo)(()=>we("low"),[we]),ye=(0,_react.useMemo)(()=>we("high"),[we]),Ne=(0,_react.useCallback)(e=>{if(n||q||E<=0)return;const t=clamp(e.nativeEvent.locationX,0,E),a=te(t,E);a!==G.value&&(he(),G.value=a,X.value=(0,_reactNativeReanimated.withTiming)(ee(a,E),{duration:S.motion.duration.fast,easing:_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)}),me(a,a))},[n,q,E,te,ee,me,he,X,G,S.motion.duration.fast]),Se=(0,_react.useCallback)(e=>{if(n)return;const t="increment"===e.nativeEvent.actionName?r:-r,s=r>0?Math.round(t*Y)/Y:t;if(q){const e=Math.round((G.value+s)*Y)/Y,t=clamp(e,a,F.value);t!==G.value&&(G.value=t,X.value=ee(t,E),he(),me(t,F.value))}else{const e=Math.round((G.value+s)*Y)/Y,t=clamp(e,a,i);t!==G.value&&(G.value=t,X.value=ee(t,E),he(),me(t,t))}},[n,r,Y,q,a,i,ee,E,X,G,F,me,he]),ke=j.thumbDiameter/2,je=n?S.colors["surface-disabled"]:I,Ce="inset"===c?{backgroundColor:je,borderColor:S.colors.surface,borderWidth:Math.max(2,Math.round(.3*j.thumbDiameter)),...NO_SHADOW}:"minimal"===c?{backgroundColor:je,borderWidth:0}:"bar"===c?{backgroundColor:"transparent",borderWidth:0,...NO_SHADOW}:{backgroundColor:S.colors.surface,borderColor:je},Me=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=J.value;if(e<=0)return{opacity:0,transform:[{translateX:0},{scaleX:1}]};const t=n?.55:1;if(q){const a=Math.max(0,B.value-X.value+2*C);return{opacity:t,transform:[{translateX:X.value-C},{scaleX:a/e}]}}return{opacity:t,transform:[{translateX:X.value+C-e},{scaleX:1}]}}),Ve=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:X.value-ke},{scale:U.value}]})),He=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:B.value-ke},{scale:Z.value}]})),Oe=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:K.value})),De=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:Q.value})),clampDisplay=e=>clamp(e,a,i),Ae=clampDisplay(q?Math.min(...P):P),Ee=clampDisplay(q?Math.max(...P):P);return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:[D.container,b,v],testID:N,accessibilityRole:"adjustable",accessibilityLabel:h,accessibilityState:{disabled:n},"aria-disabled":n,accessibilityValue:q?{min:a,max:i,now:Ae,text:`${Ae} to ${Ee}`}:{min:a,max:i,now:Ae},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:Se,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Ne,disabled:n||q,style:D.trackTouch,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:D.trackWrap,onLayout:de,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:D.trackClip,pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.track,{backgroundColor:n?S.colors["surface-disabled"]:S.colors.border},p]}),(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[D.fill,{backgroundColor:n?S.colors["surface-disabled"]:I},f,Me]})]}),(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:xe,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[D.thumb,{width:j.thumbDiameter,height:j.thumbDiameter,borderRadius:ke,..._corners.smoothCorners,opacity:n?.55:1},Ce,g,Ve],accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:o?(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[D.bubbleWrap,Oe],pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.bubble,{backgroundColor:I}],children:m?m(Ae):(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",weight:"semibold",style:[{color:W},R],numberOfLines:1,children:d(Ae)})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.bubbleCaret,{backgroundColor:I}]})]}):null})}),q?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:ye,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[D.thumb,{width:j.thumbDiameter,height:j.thumbDiameter,borderRadius:ke,..._corners.smoothCorners,opacity:n?.55:1},Ce,g,He],accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:o?(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[D.bubbleWrap,De],pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.bubble,{backgroundColor:I}],children:m?m(Ee):(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",weight:"semibold",style:[{color:W},R],numberOfLines:1,children:d(Ee)})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.bubbleCaret,{backgroundColor:I}]})]}):null})}):null]})})})});Slider.displayName="Slider";const buildStyles=(e,t)=>{const a=e.shadow.elevated,i=Math.max(t.thumbDiameter,t.trackHeight),r=i/2+e.space.xs;return _reactNative.StyleSheet.create({container:{width:"100%",paddingVertical:r,justifyContent:"center"},trackTouch:{width:"100%",justifyContent:"center"},trackWrap:{width:"100%",height:i,justifyContent:"center"},trackClip:{position:"absolute",left:0,right:0,height:t.trackHeight,top:(i-t.trackHeight)/2,borderRadius:t.trackHeight/2,..._corners.smoothCorners,overflow:"hidden"},track:{position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:t.trackHeight/2,..._corners.smoothCorners},fill:{position:"absolute",top:0,left:0,width:"100%",height:t.trackHeight,borderRadius:t.trackHeight/2,..._corners.smoothCorners,transformOrigin:"left"},thumb:{position:"absolute",top:(i-t.thumbDiameter)/2,left:0,borderWidth:2,shadowColor:a.shadowColor,shadowOffset:a.shadowOffset,shadowOpacity:a.shadowOpacity,shadowRadius:a.shadowRadius,elevation:a.elevation,alignItems:"center",justifyContent:"center"},bubbleWrap:{position:"absolute",bottom:t.thumbDiameter+2,left:t.thumbDiameter/2-80,width:160,alignItems:"center"},bubbleCaret:{width:8,height:8,marginTop:-5,borderRadius:e.radius.none,..._corners.smoothCorners,transform:[{rotate:"45deg"}]},bubble:{paddingHorizontal:e.space.sm,paddingVertical:e.space.xxs,borderRadius:e.radius.md,..._corners.smoothCorners,minWidth:36,alignItems:"center",justifyContent:"center",..._reactNative.Platform.select({ios:{shadowColor:e.shadow.card.shadowColor,shadowOffset:e.shadow.card.shadowOffset,shadowOpacity:e.shadow.card.shadowOpacity,shadowRadius:e.shadow.card.shadowRadius},android:{elevation:e.shadow.card.elevation},default:{}})}})};var _default=exports.default=Slider;

package/lib/commonjs/components/Slider/valueText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useValueDraft=exports.snapValue=exports.sliderToneInk=exports.parseTyped=exports.clampValue=exports.RollingText=exports.CountingText=void 0;var _react=require("react"),_reactNative=require("react-native"),_jsxRuntime=require("react/jsx-runtime");const sliderToneInk=(e,t)=>{switch(t){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];default:return e.colors["on-primary"]}};exports.sliderToneInk=sliderToneInk;const clampValue=(e,t,n)=>Math.min(Math.max(e,t),n);exports.clampValue=clampValue;const snapValue=(e,t,n,r)=>{if(r<=0)return clampValue(e,t,n);const a=String(r).split(".")[1]?.length??0,s=Math.round((e-t)/r)*r+t;return clampValue(a>0?Number(s.toFixed(a)):s,t,n)};exports.snapValue=snapValue;const parseTyped=e=>{const t=e.replace(/[^\d.-]/g,"");if(""===t||"."===t||"-"===t)return null;const n=Number.parseFloat(t);return Number.isFinite(n)?n:null};exports.parseTyped=parseTyped;const easeOutCubic=e=>1-(1-e)**3,roundTo=(e,t)=>{const n=10**t;return Math.round(e*n)/n},CountingText=exports.CountingText=(0,_react.memo)(({value:e,format:t,decimals:n=2,duration:r,jumpKey:a="",style:s,testID:l})=>{const[o,u]=(0,_react.useState)(e),i=(0,_react.useRef)(e),c=(0,_react.useRef)(a);return(0,_react.useEffect)(()=>{const t=c.current!==a;c.current=a;const n=i.current;if(t||r<=0||n===e)return i.current=e,void u(e);const s=Date.now();let l=0;const tick=()=>{const t=Math.min(1,(Date.now()-s)/r),a=n+(e-n)*easeOutCubic(t);i.current=a,u(a),t<1&&(l=requestAnimationFrame(tick))};return l=requestAnimationFrame(tick),()=>cancelAnimationFrame(l)},[e,a,r]),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s,testID:l,children:t(roundTo(o,n))})});CountingText.displayName="CountingText";const useValueDraft=({value:e,min:t,max:n,step:r,format:a,parse:s=parseTyped,onChange:l})=>{const[o,u]=(0,_react.useState)(null);return{text:o??a(e),editing:null!==o,onFocus:()=>u(a(e)),onChangeText:e=>{u(e);const r=s(e);null!==r&&l(clampValue(r,t,n))},onBlur:()=>{if(null===o)return;const a=s(o);u(null);const i=snapValue(a??t,t,n,r);i!==e&&l(i)}}};exports.useValueDraft=useValueDraft;const ROLL_TRAVEL_RATIO=1.2,RollingSlot=(0,_react.memo)(({text:e,direction:t,duration:n,style:r,testID:a})=>{const[s,l]=(0,_react.useState)(null),o=(0,_react.useRef)(e),u=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current,i=1.2*(_reactNative.StyleSheet.flatten(r)?.fontSize??14);(0,_react.useEffect)(()=>{if(o.current===e)return;const t=o.current;if(o.current=e,n<=0)return void l(null);l(t),u.setValue(0);const r=_reactNative.Animated.timing(u,{toValue:1,duration:n,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0});return r.start(({finished:e})=>{e&&l(null)}),()=>r.stop()},[e,n,u]);const c="up"===t?-1:1,p=null===s?null:{opacity:u,transform:[{translateY:u.interpolate({inputRange:[0,1],outputRange:[-c*i,0]})}]},x={opacity:u.interpolate({inputRange:[0,1],outputRange:[1,0]}),transform:[{translateY:u.interpolate({inputRange:[0,1],outputRange:[0,c*i]})}]};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:rollStyles.slot,children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[r,p],testID:a,children:e}),null!==s?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[r,rollStyles.leaving,x],testID:a?`${a}-leaving`:void 0,children:s}):null]})});RollingSlot.displayName="RollingSlot";const RollingText=exports.RollingText=(0,_react.memo)(({text:e,direction:t="up",duration:n,perCharacter:r=!0,style:a,testID:s})=>{const l=(0,_react.useRef)(e),o=r?Math.max(e.length,l.current.length):1;return(0,_react.useEffect)(()=>{l.current=e},[e]),(0,_jsxRuntime.jsx)(_reactNative.View,{style:rollStyles.row,testID:s,children:r?Array.from({length:o},(r,l)=>(0,_jsxRuntime.jsx)(RollingSlot,{text:e[l]??"",direction:t,duration:n,style:a,testID:s?`${s}-char`:void 0},l)):(0,_jsxRuntime.jsx)(RollingSlot,{text:e,direction:t,duration:n,style:a,testID:s?`${s}-char`:void 0})})});RollingText.displayName="RollingText";const rollStyles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"baseline"},slot:{overflow:"hidden"},leaving:{position:"absolute",left:0,top:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useValueDraft=exports.snapValue=exports.sliderToneInk=exports.parseTyped=exports.clampValue=exports.RollingText=exports.CountingText=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const sliderToneInk=(e,t)=>{switch(t){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];case"info":return e.colors["on-info"];case"neutral":return e.colors["on-neutral"];default:return e.colors["on-primary"]}};exports.sliderToneInk=sliderToneInk;const clampValue=(e,t,n)=>Math.min(Math.max(e,t),n);exports.clampValue=clampValue;const snapValue=(e,t,n,r)=>{if(r<=0)return clampValue(e,t,n);const a=String(r).split(".")[1]?.length??0,s=Math.round((e-t)/r)*r+t;return clampValue(a>0?Number(s.toFixed(a)):s,t,n)};exports.snapValue=snapValue;const parseTyped=e=>{const t=e.replace(/[^\d.-]/g,"");if(""===t||"."===t||"-"===t)return null;const n=Number.parseFloat(t);return Number.isFinite(n)?n:null};exports.parseTyped=parseTyped;const easeOutCubic=e=>1-(1-e)**3,roundTo=(e,t)=>{const n=10**t;return Math.round(e*n)/n},CountingText=exports.CountingText=(0,_react.memo)(({value:e,format:t,decimals:n=2,duration:r,jumpKey:a="",style:s,testID:o})=>{const[l,i]=(0,_react.useState)(e),u=(0,_react.useRef)(e),c=(0,_react.useRef)(a);return(0,_react.useEffect)(()=>{const t=c.current!==a;c.current=a;const n=u.current;if(t||r<=0||n===e)return u.current=e,void i(e);const s=Date.now();let o=0;const tick=()=>{const t=Math.min(1,(Date.now()-s)/r),a=n+(e-n)*easeOutCubic(t);u.current=a,i(a),t<1&&(o=requestAnimationFrame(tick))};return o=requestAnimationFrame(tick),()=>cancelAnimationFrame(o)},[e,a,r]),(0,_jsxRuntime.jsx)(_index.Text,{variant:"caption",weight:"semibold",style:s,testID:o,children:t(roundTo(l,n))})});CountingText.displayName="CountingText";const useValueDraft=({value:e,min:t,max:n,step:r,format:a,parse:s=parseTyped,onChange:o})=>{const[l,i]=(0,_react.useState)(null);return{text:l??a(e),editing:null!==l,onFocus:()=>i(a(e)),onChangeText:e=>{i(e);const r=s(e);null!==r&&o(clampValue(r,t,n))},onBlur:()=>{if(null===l)return;const a=s(l);i(null);const u=snapValue(a??t,t,n,r);u!==e&&o(u)}}};exports.useValueDraft=useValueDraft;const ROLL_TRAVEL_RATIO=1.2,RollingSlot=(0,_react.memo)(({text:e,direction:t,duration:n,style:r,testID:a})=>{const[s,o]=(0,_react.useState)(null),l=(0,_react.useRef)(e),i=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current,u=1.2*(_reactNative.StyleSheet.flatten(r)?.fontSize??14);(0,_react.useEffect)(()=>{if(l.current===e)return;const t=l.current;if(l.current=e,n<=0)return void o(null);o(t),i.setValue(0);const r=_reactNative.Animated.timing(i,{toValue:1,duration:n,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0});return r.start(({finished:e})=>{e&&o(null)}),()=>r.stop()},[e,n,i]);const c="up"===t?-1:1,p=null===s?null:{opacity:i,transform:[{translateY:i.interpolate({inputRange:[0,1],outputRange:[-c*u,0]})}]},x={opacity:i.interpolate({inputRange:[0,1],outputRange:[1,0]}),transform:[{translateY:i.interpolate({inputRange:[0,1],outputRange:[0,c*u]})}]};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:rollStyles.slot,children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[r,p],testID:a,children:e}),null!==s?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[r,rollStyles.leaving,x],testID:a?`${a}-leaving`:void 0,children:s}):null]})});RollingSlot.displayName="RollingSlot";const RollingText=exports.RollingText=(0,_react.memo)(({text:e,direction:t="up",duration:n,perCharacter:r=!0,style:a,testID:s})=>{const o=(0,_react.useRef)(e),l=r?Math.max(e.length,o.current.length):1;return(0,_react.useEffect)(()=>{o.current=e},[e]),(0,_jsxRuntime.jsx)(_reactNative.View,{style:rollStyles.row,testID:s,children:r?Array.from({length:l},(r,o)=>(0,_jsxRuntime.jsx)(RollingSlot,{text:e[o]??"",direction:t,duration:n,style:a,testID:s?`${s}-char`:void 0},o)):(0,_jsxRuntime.jsx)(RollingSlot,{text:e,direction:t,duration:n,style:a,testID:s?`${s}-char`:void 0})})});RollingText.displayName="RollingText";const rollStyles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"baseline"},slot:{overflow:"hidden"},leaving:{position:"absolute",left:0,top:0}});

package/lib/commonjs/components/SliderField/SliderField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SliderField=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_index3=require("../AppIcon/index.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_index4=require("../IconButton/index.js"),_index5=require("../Slider/index.js"),_valueText=require("../Slider/valueText.js"),_index6=require("../Tooltip/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_INPUT_WIDTH=72,defaultFormatValue=e=>String(e),stepDecimals=e=>String(e).split(".")[1]?.length??0,ValueBox=({draft:e,error:t,disabled:i,width:l,accessibilityLabel:s,styles:a,style:n,testID:r})=>{const o=(0,_index2.useTheme)(),d=(0,_index2.resolveFieldSize)(o,"sm"),u=(0,_FieldBase.resolveFieldTextStyle)(o,{disabled:i}),c=(0,_react.useRef)(null),x=(0,_react.useCallback)(()=>{i||c.current?.focus()},[i]);return(0,_jsxRuntime.jsx)(_FieldBase.FieldBase,{size:"sm",focused:e.editing,disabled:i,error:t,filled:!0,width:l,onPress:x,pressFeedback:!1,paddingHorizontal:o.space.sm,gap:o.space.xs,trailing:t?(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"info-circle",size:d.icon,color:o.colors["danger-text"]}):void 0,style:n,children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:c,style:[a.boxInput,{color:u.color,fontSize:d.text,...u.weightStyle}],value:e.text,onChangeText:e.onChangeText,onFocus:e.onFocus,onBlur:e.onBlur,onSubmitEditing:e.onBlur,editable:!i,keyboardType:"decimal-pad",returnKeyType:"done",textAlign:"center",selectionColor:o.colors.primary,accessibilityLabel:s,accessibilityState:{disabled:i},"aria-disabled":i,testID:r})})},SliderField=exports.SliderField=(0,_react.forwardRef)((e,t)=>{const{label:i,unit:l,info:s,required:a=!1,helperText:n,error:r,min:o=0,max:d=100,step:u=1,disabled:c=!1,tone:x="primary",size:_,variant:m,haptic:b,showBubble:p=!0,showBounds:h=!0,showInput:j=!1,showStepper:v=!1,startIcon:y,endIcon:f,startLabel:g,endLabel:S,formatValue:I=defaultFormatValue,parseInput:T,animationDuration:R,inputWidth:w=DEFAULT_INPUT_WIDTH,accessibilityLabel:F,style:B,labelStyle:V,boundStyle:z,sliderStyle:D,inputStyle:L,testID:N}=e,q=(0,_index2.useTheme)(),C=(0,_react.useMemo)(()=>buildStyles(q),[q]),$=R??q.motion.duration.fast,A=!0===e.range,M=!0===r||(0,_FieldBase.hasFieldText)(r),P=stepDecimals(u),[W,k]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??(A?[o,d]:o),onChange:e.onChange}),[H,U]=A?W:[W,d],E=(0,_valueText.clampValue)(Math.min(H,U),o,d),K=(0,_valueText.clampValue)(Math.max(H,U),o,d),O=(0,_valueText.useValueDraft)({value:E,min:o,max:d,step:u,format:I,parse:T,onChange:e=>k(A?[Math.min(e,K),K]:e)}),G=(0,_valueText.useValueDraft)({value:K,min:o,max:d,step:u,format:I,parse:T,onChange:e=>k([E,Math.max(e,E)])}),stepBy=e=>{const t=(0,_valueText.snapValue)(E+e*u,o,d,u);t!==E&&k(t)},J={color:c?q.colors["text-disabled"]:q.colors["text-muted"],size:(0,_index2.resolveFieldSize)(q,"md").icon,disabled:c},Q=[C.bubbleText,{color:(0,_valueText.sliderToneInk)(q,x),fontWeight:q.weight.semibold}],boundText=e=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[C.bound,{color:c?q.colors["text-disabled"]:q.colors["text-muted"]},z],children:e}),X={min:o,max:d,step:u,disabled:c,tone:x,size:_,variant:m,haptic:b,showLabel:!!p&&"always",renderLabel:p?e=>(0,_jsxRuntime.jsx)(_valueText.CountingText,{value:e,format:I,decimals:P,duration:$,style:Q,testID:N&&!A?`${N}-bubble`:void 0}):void 0,accessibilityLabel:F??i,style:D,testID:N?`${N}-slider`:void 0};return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[C.container,B],testID:N,children:[i?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.labelRow,children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{required:a,style:V,children:i}),l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[C.unit,{color:q.colors["text-subtle"]}],children:l}):null,s?(0,_jsxRuntime.jsx)(_index6.Tooltip,{content:s,trigger:"press",placement:"top",children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:`About ${i}`,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),style:C.infoButton,children:(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"info-circle",variant:"bold",size:16,color:q.colors["text-subtle"]})})}):null]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[C.row,p?C.rowWithBubble:null],children:[y?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_index3.renderSlotIcon)(y,J)}):null,v&&!A?(0,_jsxRuntime.jsx)(_index4.IconButton,{icon:e=>(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"minus",size:e.size,color:e.color}),onPress:()=>stepBy(-1),accessibilityLabel:"Decrease",variant:"ghost",tone:"neutral",size:"sm",disabled:c||E<=o,haptic:b,testID:N?`${N}-minus`:void 0}):null,A&&j?(0,_jsxRuntime.jsx)(ValueBox,{draft:O,error:M,disabled:c,width:w,accessibilityLabel:`${i??"Value"} low`,styles:C,style:L,testID:N?`${N}-input-low`:void 0}):h?boundText(g??I(o)):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:C.sliderWrap,children:A?(0,_jsxRuntime.jsx)(_index5.Slider,{...X,range:!0,value:[E,K],onChange:k}):(0,_jsxRuntime.jsx)(_index5.Slider,{...X,value:E,onChange:k})}),A&&j?(0,_jsxRuntime.jsx)(ValueBox,{draft:G,error:M,disabled:c,width:w,accessibilityLabel:`${i??"Value"} high`,styles:C,style:L,testID:N?`${N}-input-high`:void 0}):h?boundText(S??I(d)):null,v&&!A?(0,_jsxRuntime.jsx)(_index4.IconButton,{icon:e=>(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"add",size:e.size,color:e.color}),onPress:()=>stepBy(1),accessibilityLabel:"Increase",variant:"ghost",tone:"neutral",size:"sm",disabled:c||E>=d,haptic:b,testID:N?`${N}-plus`:void 0}):null,f?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_index3.renderSlotIcon)(f,J)}):null,!A&&j?(0,_jsxRuntime.jsx)(ValueBox,{draft:O,error:M,disabled:c,width:w,accessibilityLabel:`${i??"Value"} value`,styles:C,style:L,testID:N?`${N}-input`:void 0}):null]}),(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{text:M?r:n,error:M})]})});SliderField.displayName="SliderField";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},labelRow:{flexDirection:"row",alignItems:"center",gap:e.space.xs},unit:{fontSize:e.text.xs.size},infoButton:{marginLeft:e.space.xxs},row:{flexDirection:"row",alignItems:"center",gap:e.space.sm},rowWithBubble:{marginTop:e.space.lg},sliderWrap:{flex:1,paddingHorizontal:e.space.sm},bound:{fontSize:e.text.sm.size,fontVariant:["tabular-nums"]},bubbleText:{fontSize:e.text.xs.size,fontVariant:["tabular-nums"]},boxInput:{flex:1,padding:e.space.none,margin:e.space.none,includeFontPadding:!1}});var _default=exports.default=SliderField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.SliderField=exports.DEFAULT_SLIDER_FIELD_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index3=require("../AppIcon/index.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_index4=require("../IconButton/index.js"),_index5=require("../Slider/index.js"),_valueText=require("../Slider/valueText.js"),_index6=require("../Text/index.js"),_index7=require("../Tooltip/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SLIDER_FIELD_LABELS=exports.DEFAULT_SLIDER_FIELD_LABELS=Object.freeze({about:e=>`About ${e}`,decrease:"Decrease",increase:"Increase",fallbackName:"Value",low:e=>`${e} low`,high:e=>`${e} high`,current:e=>`${e} value`}),DEFAULT_INPUT_WIDTH=72,defaultFormatValue=e=>String(e),stepDecimals=e=>String(e).split(".")[1]?.length??0,ValueBox=({draft:e,error:i,disabled:t,width:l,accessibilityLabel:a,styles:s,style:n,testID:r})=>{const o=(0,_index2.useTheme)(),d=(0,_index2.resolveFieldSize)(o,"sm"),u=(0,_FieldBase.resolveFieldTextStyle)(o,{disabled:t}),c=(0,_react.useRef)(null),x=(0,_react.useCallback)(()=>{t||c.current?.focus()},[t]);return(0,_jsxRuntime.jsx)(_FieldBase.FieldBase,{size:"sm",focused:e.editing,disabled:t,error:i,filled:!0,width:l,onPress:x,pressFeedback:!1,paddingHorizontal:o.space.sm,gap:o.space.xs,trailing:i?(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"info-circle",size:d.icon,color:o.colors["danger-text"]}):void 0,style:n,children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:c,style:[s.boxInput,{color:u.color,fontSize:d.text,...u.weightStyle}],value:e.text,onChangeText:e.onChangeText,onFocus:e.onFocus,onBlur:e.onBlur,onSubmitEditing:e.onBlur,editable:!t,keyboardType:"decimal-pad",returnKeyType:"done",textAlign:"center",selectionColor:o.colors.primary,accessibilityLabel:a,accessibilityState:{disabled:t},"aria-disabled":t,testID:r})})},SliderField=exports.SliderField=(0,_react.forwardRef)((e,i)=>{const{label:t,unit:l,info:a,required:s=!1,helperText:n,error:r,min:o=0,max:d=100,step:u=1,disabled:c=!1,tone:x="primary",size:_,variant:m,haptic:b,showBubble:p=!0,showBounds:j=!0,showInput:h=!1,showStepper:v=!1,startIcon:y,endIcon:I,startLabel:S,endLabel:f,formatValue:g=defaultFormatValue,parseInput:w,animationDuration:F,inputWidth:T=DEFAULT_INPUT_WIDTH,labels:L,accessibilityLabel:R,style:D,labelStyle:V,boundStyle:B,sliderStyle:z,inputStyle:E,testID:A}=e;(0,_warnInvalidValue.warnInvalidValue)("SliderField","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("SliderField","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("SliderField","variant",e.variant,["default","inset","minimal","bar"]);const N=(0,_react.useMemo)(()=>({...DEFAULT_SLIDER_FIELD_LABELS,...L}),[L]),q=(0,_index2.useTheme)(),C=(0,_react.useMemo)(()=>buildStyles(q),[q]),$=F??q.motion.duration.fast,k=!0===e.range,M=!0===r||(0,_FieldBase.hasFieldText)(r),P=stepDecimals(u),[U,W]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??(k?[o,d]:o),onChange:e.onChange}),[H,O]=k?U:[U,d],K=(0,_valueText.clampValue)(Math.min(H,O),o,d),G=(0,_valueText.clampValue)(Math.max(H,O),o,d),J=(0,_valueText.useValueDraft)({value:K,min:o,max:d,step:u,format:g,parse:w,onChange:e=>W(k?[Math.min(e,G),G]:e)}),Q=(0,_valueText.useValueDraft)({value:G,min:o,max:d,step:u,format:g,parse:w,onChange:e=>W([K,Math.max(e,K)])}),stepBy=e=>{const i=(0,_valueText.snapValue)(K+e*u,o,d,u);i!==K&&W(i)},X={color:c?q.colors["text-disabled"]:q.colors["text-muted"],size:(0,_index2.resolveFieldSize)(q,"md").icon,disabled:c},Y=[C.bubbleText,{color:(0,_valueText.sliderToneInk)(q,x)}],boundText=e=>(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",style:[C.bound,{color:c?q.colors["text-disabled"]:q.colors["text-muted"]},B],children:e}),Z={min:o,max:d,step:u,disabled:c,tone:x,size:_,variant:m,haptic:b,showLabel:!!p&&"always",renderLabel:p?e=>(0,_jsxRuntime.jsx)(_valueText.CountingText,{value:e,format:g,decimals:P,duration:$,style:Y,testID:A&&!k?`${A}-bubble`:void 0}):void 0,accessibilityLabel:R??t,style:z,testID:A?`${A}-slider`:void 0};return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:i,style:[C.container,D],testID:A,children:[t?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.labelRow,children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldLabel,{required:s,style:V,children:t}),l?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"caption",style:{color:q.colors["text-subtle"]},children:l}):null,a?(0,_jsxRuntime.jsx)(_index7.Tooltip,{content:a,trigger:"press",placement:"top",children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:N.about(t),hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),style:C.infoButton,children:(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"info-circle",variant:"bold",size:16,color:q.colors["text-subtle"]})})}):null]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[C.row,p?C.rowWithBubble:null],children:[y?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_index3.renderSlotIcon)(y,X)}):null,v&&!k?(0,_jsxRuntime.jsx)(_index4.IconButton,{icon:e=>(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"minus",size:e.size,color:e.color}),onPress:()=>stepBy(-1),accessibilityLabel:N.decrease,variant:"ghost",tone:"neutral",size:"sm",disabled:c||K<=o,haptic:b,testID:A?`${A}-minus`:void 0}):null,k&&h?(0,_jsxRuntime.jsx)(ValueBox,{draft:J,error:M,disabled:c,width:T,accessibilityLabel:N.low(t??N.fallbackName),styles:C,style:E,testID:A?`${A}-input-low`:void 0}):j?boundText(S??g(o)):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:C.sliderWrap,children:k?(0,_jsxRuntime.jsx)(_index5.Slider,{...Z,range:!0,value:[K,G],onChange:W}):(0,_jsxRuntime.jsx)(_index5.Slider,{...Z,value:K,onChange:W})}),k&&h?(0,_jsxRuntime.jsx)(ValueBox,{draft:Q,error:M,disabled:c,width:T,accessibilityLabel:N.high(t??N.fallbackName),styles:C,style:E,testID:A?`${A}-input-high`:void 0}):j?boundText(f??g(d)):null,v&&!k?(0,_jsxRuntime.jsx)(_index4.IconButton,{icon:e=>(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"add",size:e.size,color:e.color}),onPress:()=>stepBy(1),accessibilityLabel:N.increase,variant:"ghost",tone:"neutral",size:"sm",disabled:c||K>=d,haptic:b,testID:A?`${A}-plus`:void 0}):null,I?(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_index3.renderSlotIcon)(I,X)}):null,!k&&h?(0,_jsxRuntime.jsx)(ValueBox,{draft:J,error:M,disabled:c,width:T,accessibilityLabel:N.current(t??N.fallbackName),styles:C,style:E,testID:A?`${A}-input`:void 0}):null]}),(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{text:M?r:n,error:M})]})});SliderField.displayName="SliderField";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},labelRow:{flexDirection:"row",alignItems:"center",gap:e.space.xs},infoButton:{marginLeft:e.space.xxs},row:{flexDirection:"row",alignItems:"center",gap:e.space.sm},rowWithBubble:{marginTop:e.space.lg},sliderWrap:{flex:1,paddingHorizontal:e.space.sm},bound:{fontVariant:["tabular-nums"]},bubbleText:{fontVariant:["tabular-nums"]},boxInput:{flex:1,padding:e.space.none,margin:e.space.none,includeFontPadding:!1}});var _default=exports.default=SliderField;

package/lib/commonjs/components/SliderField/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SliderField",{enumerable:!0,get:function(){return _SliderField.SliderField}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SliderField.default}});var cache,_SliderField=_interopRequireWildcard(require("./SliderField.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,i,c=Object.defineProperty,l={__proto__:null,default:e};if(Object(e)!==e)return l;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,l)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((t=c&&Object.getOwnPropertyDescriptor(e,i))&&(t.get||t.set)?c(l,i,t):l[i]=e[i]);return l}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SLIDER_FIELD_LABELS",{enumerable:!0,get:function(){return _SliderField.DEFAULT_SLIDER_FIELD_LABELS}}),Object.defineProperty(exports,"SliderField",{enumerable:!0,get:function(){return _SliderField.SliderField}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SliderField.default}});var cache,_SliderField=_interopRequireWildcard(require("./SliderField.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,i,n=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((t=n&&Object.getOwnPropertyDescriptor(e,i))&&(t.get||t.set)?n(c,i,t):c[i]=e[i]);return c}

package/lib/commonjs/components/SortableList/SortableList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SortableList=SortableList,exports.default=void 0,exports.dropIndex=dropIndex,exports.moveItem=moveItem,exports.rowShifts=rowShifts,exports.slotTop=slotTop,exports.topOf=topOf;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,n=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=n&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(i,r,a):i[r]=e[r]);return i}const LONG_PRESS_MS=350,EDGE_PX=48,SCROLL_STEP_PX=12,SPRING_CONFIG={damping:22,stiffness:260,mass:1},ACTION_STEP={moveUp:-1,moveDown:1};function moveItem(e,t,a){const r=e.slice();if(t<0||t>=r.length)return r;const[n]=r.splice(t,1);return r.splice(a,0,n),r}function topOf(e,t){"worklet";let a=0;for(let r=0;r<t;r++)a+=e[r]??0;return a}function slotTop(e,t,a){"worklet";let r=0,n=0;for(let i=0;i<e.length&&n<a;i++)i!==t&&(r+=e[i]??0,n++);return r}function dropIndex(e,t,a){"worklet";const r=topOf(e,t)+(e[t]??0)/2+a;let n=0,i=0;for(let a=0;a<e.length;a++){const l=e[a]??0;a!==t&&i+l/2<r&&n++,i+=l}return n}function rowShifts(e,t,a){const r=[];let n=0;for(const t of e)r.push(n),n+=t;const i=e.map(()=>0),l=moveItem(e.map((e,t)=>t),t,a);let s=0;for(const t of l)i[t]=s-(r[t]??0),s+=e[t]??0;return i}const buildStyles=e=>_reactNative.StyleSheet.create({handleRow:{flexDirection:"row",alignItems:"center"},handle:{paddingHorizontal:e.space.sm,paddingVertical:e.space.md,gap:e.space.xxs},bar:{width:e.space.md,height:e.space.xxs,backgroundColor:e.colors["text-muted"]},body:{flex:1}});function SortableRow({rowKey:e,index:t,count:a,shift:r,isActive:n,dragging:i,handle:l,disabled:s,shared:o,callbacks:c,children:u}){const d=(0,_index.useTheme)(),v=(0,_react.useMemo)(()=>buildStyles(d),[d]),_=(0,_reactNativeReanimated.useSharedValue)(0);(0,_react.useEffect)(()=>{_.value=i&&!n?(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG):r},[i,n,r,_]),(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(_)},[_]);const m=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateY:n?o.dragY.value:_.value}],zIndex:n?1:0})),f=(0,_react.useMemo)(()=>{const{dragIndex:e,dropTo:a,dragY:r,translation:n,absoluteY:i,scrollY:u,scrollStart:d,heights:v}=o,{onLift:_,onDrop:m,onSettled:f}=c,h=_reactNativeGestureHandler.Gesture.Pan().enabled(!s).onStart(()=>{"worklet";e.value=t,a.value=t,d.value=u.value,n.value=0,r.value=0,(0,_reactNativeReanimated.runOnJS)(_)(t)}).onUpdate(a=>{"worklet";e.value===t&&(n.value=a.translationY,i.value=a.absoluteY)}).onFinalize(()=>{"worklet";if(e.value!==t)return;const n=a.value,i=v.value;e.value=-1,r.value=topOf(i,t)+r.value-slotTop(i,t,n),r.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG,e=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(f)()}),(0,_reactNativeReanimated.runOnJS)(m)(t,n)});return l?h:h.activateAfterLongPress(350)},[s,l,t,c,o]),h=s?[]:[...t>0?[{name:"moveUp",label:"Move up"}]:[],...t<a-1?[{name:"moveDown",label:"Move down"}]:[]];return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:m,onLayout:t=>c.onHeight(e,t.nativeEvent.layout.height),accessibilityActions:h,onAccessibilityAction:e=>{if(s)return;const r=t+(ACTION_STEP[e.nativeEvent.actionName]??0);r!==t&&r>=0&&r<a&&c.onMove(t,r)},testID:`sortable-row-${e}`,children:l?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:v.handleRow,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:f,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:v.handle,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.body,children:u})]}):(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:f,children:(0,_jsxRuntime.jsx)(_reactNative.View,{children:u})})})}function SortableList(e){const{data:t,keyExtractor:a,renderItem:r,onReorder:n,handle:i=!1,disabled:l=!1,accessibilityLabel:s,testID:o}=e,c=(0,_react.useMemo)(()=>t.map((e,t)=>({key:a(e,t),item:e})),[t,a]),u=(0,_react.useMemo)(()=>c.map(e=>e.key),[c]),d=(0,_reactNativeReanimated.useAnimatedRef)(),v=(0,_reactNativeReanimated.useSharedValue)(0),_=(0,_reactNativeReanimated.useSharedValue)(0),m=(0,_reactNativeReanimated.useSharedValue)(0),f=(0,_reactNativeReanimated.useSharedValue)(0),h=(0,_reactNativeReanimated.useSharedValue)(-1),p=(0,_reactNativeReanimated.useSharedValue)(-1),x=(0,_reactNativeReanimated.useSharedValue)(0),g=(0,_reactNativeReanimated.useSharedValue)([]),R=(0,_react.useRef)(new Map),S=(0,_react.useRef)(u),[N,b]=(0,_react.useState)(null),w=(0,_react.useCallback)(()=>{g.value=S.current.map(e=>R.current.get(e)??0)},[g]);(0,_react.useEffect)(()=>{S.current=u,w()},[u,w]),(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(x)},[x]);const y=(0,_react.useCallback)(e=>{b(t=>t?.dragging?{...t,to:e}:t)},[]),j=(0,_reactNativeReanimated.useFrameCallback)(()=>{"worklet";const e=h.value;if(e<0)return;const t=(0,_reactNativeReanimated.measure)(d);t&&(f.value<t.pageY+EDGE_PX?(0,_reactNativeReanimated.scrollTo)(d,0,Math.max(0,v.value-SCROLL_STEP_PX),!1):f.value>t.pageY+t.height-EDGE_PX&&(0,_reactNativeReanimated.scrollTo)(d,0,v.value+SCROLL_STEP_PX,!1)),x.value=m.value+v.value-_.value;const a=dropIndex(g.value,e,x.value);a!==p.value&&(p.value=a,(0,_reactNativeReanimated.runOnJS)(y)(a))},!1),k=(0,_react.useCallback)(e=>{(0,_index2.triggerHaptic)("longPress"),j.setActive(!0),b({key:u[e]??"",from:e,to:e,dragging:!0})},[j,u]),I=(0,_react.useCallback)((e,t)=>{j.setActive(!1),b(e=>e?{...e,to:t,dragging:!1}:e),t!==e&&n(moveItem(u,e,t))},[j,u,n]),O=(0,_react.useCallback)(()=>{b(e=>e&&!e.dragging?null:e)},[]),P=(0,_react.useCallback)((e,t)=>{n(moveItem(u,e,t))},[u,n]),E=(0,_react.useCallback)((e,t)=>{R.current.set(e,t),w()},[w]),L=(0,_reactNativeReanimated.useAnimatedScrollHandler)({onScroll:e=>{"worklet";v.value=e.contentOffset.y}}),V=(0,_react.useMemo)(()=>({scrollRef:d,scrollY:v,scrollStart:_,translation:m,absoluteY:f,dragIndex:h,dropTo:p,dragY:x,heights:g}),[d,v,_,m,f,h,p,x,g]),C=(0,_react.useMemo)(()=>({onLift:k,onDrop:I,onSettled:O,onMove:P,onHeight:E}),[k,I,O,P,E]),G=!0===N?.dragging,M=G&&N?rowShifts(u.map(e=>R.current.get(e)??0),N.from,N.to):null;return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView,{ref:d,onScroll:L,scrollEventThrottle:16,scrollEnabled:!G,accessibilityLabel:s,testID:o,children:c.map((e,t)=>{const a=N?.key===e.key;return(0,_jsxRuntime.jsx)(SortableRow,{rowKey:e.key,index:t,count:c.length,shift:M?.[t]??0,isActive:a,dragging:G,handle:i,disabled:l,shared:V,callbacks:C,children:r({item:e.item,index:t,isActive:a})},e.key)})})}SortableList.displayName="SortableList";var _default=exports.default=SortableList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_SORTABLE_LIST_LABELS=void 0,exports.SortableList=SortableList,exports.default=void 0,exports.dropIndex=dropIndex,exports.moveItem=moveItem,exports.rowShifts=rowShifts,exports.slotTop=slotTop,exports.topOf=topOf;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,n=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=n&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(i,r,a):i[r]=e[r]);return i}const DEFAULT_SORTABLE_LIST_LABELS=exports.DEFAULT_SORTABLE_LIST_LABELS=Object.freeze({moveUp:"Move up",moveDown:"Move down"}),LONG_PRESS_MS=350,EDGE_PX=48,SCROLL_STEP_PX=12,SPRING_CONFIG={damping:22,stiffness:260,mass:1},ACTION_STEP={moveUp:-1,moveDown:1};function moveItem(e,t,a){const r=e.slice();if(t<0||t>=r.length)return r;const[n]=r.splice(t,1);return r.splice(a,0,n),r}function topOf(e,t){"worklet";let a=0;for(let r=0;r<t;r++)a+=e[r]??0;return a}function slotTop(e,t,a){"worklet";let r=0,n=0;for(let i=0;i<e.length&&n<a;i++)i!==t&&(r+=e[i]??0,n++);return r}function dropIndex(e,t,a){"worklet";const r=topOf(e,t)+(e[t]??0)/2+a;let n=0,i=0;for(let a=0;a<e.length;a++){const l=e[a]??0;a!==t&&i+l/2<r&&n++,i+=l}return n}function rowShifts(e,t,a){const r=[];let n=0;for(const t of e)r.push(n),n+=t;const i=e.map(()=>0),l=moveItem(e.map((e,t)=>t),t,a);let o=0;for(const t of l)i[t]=o-(r[t]??0),o+=e[t]??0;return i}const buildStyles=e=>_reactNative.StyleSheet.create({handleRow:{flexDirection:"row",alignItems:"center"},handle:{paddingHorizontal:e.space.sm,paddingVertical:e.space.md,gap:e.space.xxs},bar:{width:e.space.md,height:e.space.xxs,backgroundColor:e.colors["text-muted"]},body:{flex:1}});function SortableRow({rowKey:e,index:t,count:a,shift:r,isActive:n,dragging:i,handle:l,disabled:o,shared:s,callbacks:c,labels:u,children:d}){const _=(0,_index.useTheme)(),v=(0,_react.useMemo)(()=>buildStyles(_),[_]),m=(0,_reactNativeReanimated.useSharedValue)(0);(0,_react.useEffect)(()=>{m.value=i&&!n?(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG):r},[i,n,r,m]),(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(m)},[m]);const f=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateY:n?s.dragY.value:m.value}],zIndex:n?1:0})),p=(0,_react.useMemo)(()=>{const{dragIndex:e,dropTo:a,dragY:r,translation:n,absoluteY:i,scrollY:u,scrollStart:d,heights:_}=s,{onLift:v,onDrop:m,onSettled:f}=c,p=_reactNativeGestureHandler.Gesture.Pan().enabled(!o).onStart(()=>{"worklet";e.value=t,a.value=t,d.value=u.value,n.value=0,r.value=0,(0,_reactNativeReanimated.runOnJS)(v)(t)}).onUpdate(a=>{"worklet";e.value===t&&(n.value=a.translationY,i.value=a.absoluteY)}).onFinalize(()=>{"worklet";if(e.value!==t)return;const n=a.value,i=_.value;e.value=-1,r.value=topOf(i,t)+r.value-slotTop(i,t,n),r.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG,e=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(f)()}),(0,_reactNativeReanimated.runOnJS)(m)(t,n)});return l?p:p.activateAfterLongPress(350)},[o,l,t,c,s]),h=o?[]:[...t>0?[{name:"moveUp",label:u.moveUp}]:[],...t<a-1?[{name:"moveDown",label:u.moveDown}]:[]];return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:f,onLayout:t=>c.onHeight(e,t.nativeEvent.layout.height),accessibilityActions:h,onAccessibilityAction:e=>{if(o)return;const r=t+(ACTION_STEP[e.nativeEvent.actionName]??0);r!==t&&r>=0&&r<a&&c.onMove(t,r)},testID:`sortable-row-${e}`,children:l?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:v.handleRow,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:p,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:v.handle,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.bar})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:v.body,children:d})]}):(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:p,children:(0,_jsxRuntime.jsx)(_reactNative.View,{children:d})})})}function SortableList(e){const{data:t,keyExtractor:a,renderItem:r,onReorder:n,handle:i=!1,disabled:l=!1,accessibilityLabel:o,labels:s,testID:c}=e,u=(0,_react.useMemo)(()=>({...DEFAULT_SORTABLE_LIST_LABELS,...s}),[s]),d=(0,_react.useMemo)(()=>t.map((e,t)=>({key:a(e,t),item:e})),[t,a]),_=(0,_react.useMemo)(()=>d.map(e=>e.key),[d]),v=(0,_reactNativeReanimated.useAnimatedRef)(),m=(0,_reactNativeReanimated.useSharedValue)(0),f=(0,_reactNativeReanimated.useSharedValue)(0),p=(0,_reactNativeReanimated.useSharedValue)(0),h=(0,_reactNativeReanimated.useSharedValue)(0),S=(0,_reactNativeReanimated.useSharedValue)(-1),x=(0,_reactNativeReanimated.useSharedValue)(-1),R=(0,_reactNativeReanimated.useSharedValue)(0),g=(0,_reactNativeReanimated.useSharedValue)([]),b=(0,_react.useRef)(new Map),N=(0,_react.useRef)(_),[w,L]=(0,_react.useState)(null),y=(0,_react.useCallback)(()=>{g.value=N.current.map(e=>b.current.get(e)??0)},[g]);(0,_react.useEffect)(()=>{N.current=_,y()},[_,y]),(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(R)},[R]);const j=(0,_react.useCallback)(e=>{L(t=>t?.dragging?{...t,to:e}:t)},[]),E=(0,_reactNativeReanimated.useFrameCallback)(()=>{"worklet";const e=S.value;if(e<0)return;const t=(0,_reactNativeReanimated.measure)(v);t&&(h.value<t.pageY+EDGE_PX?(0,_reactNativeReanimated.scrollTo)(v,0,Math.max(0,m.value-SCROLL_STEP_PX),!1):h.value>t.pageY+t.height-EDGE_PX&&(0,_reactNativeReanimated.scrollTo)(v,0,m.value+SCROLL_STEP_PX,!1)),R.value=p.value+m.value-f.value;const a=dropIndex(g.value,e,R.value);a!==x.value&&(x.value=a,(0,_reactNativeReanimated.runOnJS)(j)(a))},!1),k=(0,_react.useCallback)(e=>{(0,_index2.triggerHaptic)("longPress"),E.setActive(!0),L({key:_[e]??"",from:e,to:e,dragging:!0})},[E,_]),I=(0,_react.useCallback)((e,t)=>{E.setActive(!1),L(e=>e?{...e,to:t,dragging:!1}:e),t!==e&&n(moveItem(_,e,t))},[E,_,n]),O=(0,_react.useCallback)(()=>{L(e=>e&&!e.dragging?null:e)},[]),T=(0,_react.useCallback)((e,t)=>{n(moveItem(_,e,t))},[_,n]),A=(0,_react.useCallback)((e,t)=>{b.current.set(e,t),y()},[y]),P=(0,_reactNativeReanimated.useAnimatedScrollHandler)({onScroll:e=>{"worklet";m.value=e.contentOffset.y}}),D=(0,_react.useMemo)(()=>({scrollRef:v,scrollY:m,scrollStart:f,translation:p,absoluteY:h,dragIndex:S,dropTo:x,dragY:R,heights:g}),[v,m,f,p,h,S,x,R,g]),V=(0,_react.useMemo)(()=>({onLift:k,onDrop:I,onSettled:O,onMove:T,onHeight:A}),[k,I,O,T,A]),M=!0===w?.dragging,C=M&&w?rowShifts(_.map(e=>b.current.get(e)??0),w.from,w.to):null;return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView,{ref:v,onScroll:P,scrollEventThrottle:16,scrollEnabled:!M,accessibilityLabel:o,testID:c,children:d.map((e,t)=>{const a=w?.key===e.key;return(0,_jsxRuntime.jsx)(SortableRow,{rowKey:e.key,index:t,count:d.length,shift:C?.[t]??0,isActive:a,dragging:M,handle:i,disabled:l,shared:D,callbacks:V,labels:u,children:r({item:e.item,index:t,isActive:a})},e.key)})})}SortableList.displayName="SortableList";var _default=exports.default=SortableList;

package/lib/commonjs/components/SortableList/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SortableList",{enumerable:!0,get:function(){return _SortableList.SortableList}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SortableList.default}});var cache,_SortableList=_interopRequireWildcard(require("./SortableList.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,c=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((r=c&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?c(i,a,r):i[a]=e[a]);return i}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SORTABLE_LIST_LABELS",{enumerable:!0,get:function(){return _SortableList.DEFAULT_SORTABLE_LIST_LABELS}}),Object.defineProperty(exports,"SortableList",{enumerable:!0,get:function(){return _SortableList.SortableList}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _SortableList.default}});var cache,_SortableList=_interopRequireWildcard(require("./SortableList.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((r=n&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?n(o,a,r):o[a]=e[a]);return o}

package/lib/commonjs/components/Sparkline/Sparkline.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Sparkline=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../theme/index.js"),_geometry=require("./geometry.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,i,a=Object.defineProperty,l={__proto__:null,default:e};if(Object(e)!==e)return l;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,l)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=a&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?a(l,i,r):l[i]=e[i]);return l}const DOT_RADIUS=3,lineColor=(e,t)=>"neutral"===t?e.colors["text-muted"]:e.colors[`${t}-text`],defaultFormat=e=>(0,_mobileCore.formatNumber)(e),Sparkline=exports.Sparkline=(0,_react.forwardRef)((e,t)=>{const{data:r,tone:i="primary",color:a,fill:l=!1,highlightLast:o=!0,height:n=32,width:s,strokeWidth:c=2,label:u,formatLabel:d=defaultFormat,accessibilityLabel:h,style:_,testID:f}=e,m=(0,_index.useTheme)(),[v,p]=(0,_react.useState)(0),x=s??v,y=(0,_react.useCallback)(e=>{if(void 0===s){const t=Math.round(e.nativeEvent.layout.width);p(e=>e===t?e:t)}},[s]),g=Math.max(3,c/2)+1,j=(0,_react.useMemo)(()=>(0,_geometry.sparklineGeometry)(r,x,n,g),[r,x,n,g]),b=a??lineColor(m,i),k=(0,_react.useMemo)(()=>{if(void 0!==h)return h;const e=(0,_geometry.finiteValues)(r),t=u?`${u}, `:"";if(0===e.length)return`${t}no data`;if(1===e.length)return`${t}${d(e[0])}`;return`${t}from ${d(e[0])} to ${d(e[e.length-1])}, low ${d(Math.min(...e))}, high ${d(Math.max(...e))}`},[h,r,d,u]);return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"image",accessibilityLabel:k,testID:f,onLayout:y,style:[styles.root,void 0===s?styles.stretch:{width:s},{height:n},_],children:""===j.line?null:(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{width:x,height:n,viewBox:`0 0 ${x} ${n}`,children:[l?(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:j.area,fill:b,fillOpacity:.14,stroke:"none"}):null,(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:j.line,fill:"none",stroke:b,strokeWidth:c,strokeLinecap:"round",strokeLinejoin:"round",testID:f?`${f}-line`:void 0}),o&&j.last?(0,_jsxRuntime.jsx)(_reactNativeSvg.Circle,{cx:j.last.x,cy:j.last.y,r:3,fill:b,testID:f?`${f}-dot`:void 0}):null]})})});Sparkline.displayName="Sparkline";const styles=_reactNative.StyleSheet.create({root:{overflow:"hidden"},stretch:{alignSelf:"stretch"}});var _default=exports.default=Sparkline;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Sparkline=exports.DEFAULT_SPARKLINE_LABELS=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_geometry=require("./geometry.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,i=Object.defineProperty,l={__proto__:null,default:e};if(Object(e)!==e)return l;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,l)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((r=i&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?i(l,a,r):l[a]=e[a]);return l}const DEFAULT_SPARKLINE_LABELS=exports.DEFAULT_SPARKLINE_LABELS=Object.freeze({noData:"no data",range:(e,t,r,a)=>`from ${e} to ${t}, low ${r}, high ${a}`}),DOT_RADIUS=3,lineColor=(e,t)=>"neutral"===t?e.colors["text-muted"]:e.colors[`${t}-text`],defaultFormat=e=>(0,_mobileCore.formatNumber)(e),Sparkline=exports.Sparkline=(0,_react.forwardRef)((e,t)=>{const{data:r,tone:a="primary",color:i,fill:l=!1,highlightLast:n=!0,height:o=32,width:s,strokeWidth:c=2,label:u,formatLabel:d=defaultFormat,accessibilityLabel:_,labels:h,style:f,testID:m}=e;(0,_warnInvalidValue.warnInvalidValue)("Sparkline","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const v=(0,_react.useMemo)(()=>({...DEFAULT_SPARKLINE_LABELS,...h}),[h]),p=(0,_index.useTheme)(),[x,g]=(0,_react.useState)(0),y=s??x,S=(0,_react.useCallback)(e=>{if(void 0===s){const t=Math.round(e.nativeEvent.layout.width);g(e=>e===t?e:t)}},[s]),L=Math.max(3,c/2)+1,j=(0,_react.useMemo)(()=>(0,_geometry.sparklineGeometry)(r,y,o,L),[r,y,o,L]),b=i??lineColor(p,a),w=(0,_react.useMemo)(()=>{if(void 0!==_)return _;const e=(0,_geometry.finiteValues)(r),t=u?`${u}, `:"";if(0===e.length)return`${t}${v.noData}`;if(1===e.length)return`${t}${d(e[0])}`;const a=d(e[0]),i=d(e[e.length-1]),l=d(Math.min(...e)),n=d(Math.max(...e));return`${t}${v.range(a,i,l,n)}`},[_,r,d,u,v]);return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"image",accessibilityLabel:w,testID:m,onLayout:S,style:[styles.root,void 0===s?styles.stretch:{width:s},{height:o},f],children:""===j.line?null:(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{width:y,height:o,viewBox:`0 0 ${y} ${o}`,children:[l?(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:j.area,fill:b,fillOpacity:.14,stroke:"none"}):null,(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:j.line,fill:"none",stroke:b,strokeWidth:c,strokeLinecap:"round",strokeLinejoin:"round",testID:m?`${m}-line`:void 0}),n&&j.last?(0,_jsxRuntime.jsx)(_reactNativeSvg.Circle,{cx:j.last.x,cy:j.last.y,r:3,fill:b,testID:m?`${m}-dot`:void 0}):null]})})});Sparkline.displayName="Sparkline";const styles=_reactNative.StyleSheet.create({root:{overflow:"hidden"},stretch:{alignSelf:"stretch"}});var _default=exports.default=Sparkline;

package/lib/commonjs/components/Sparkline/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Sparkline",{enumerable:!0,get:function(){return _Sparkline.Sparkline}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Sparkline.default}});var cache,_Sparkline=_interopRequireWildcard(require("./Sparkline.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,a=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=a&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?a(c,n,t):c[n]=e[n]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SPARKLINE_LABELS",{enumerable:!0,get:function(){return _Sparkline.DEFAULT_SPARKLINE_LABELS}}),Object.defineProperty(exports,"Sparkline",{enumerable:!0,get:function(){return _Sparkline.Sparkline}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Sparkline.default}});var cache,_Sparkline=_interopRequireWildcard(require("./Sparkline.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,a=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=a&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?a(c,n,t):c[n]=e[n]);return c}

package/lib/commonjs/components/Spinner/Spinner.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Spinner=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_squircle=require("../../utils/squircle.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");const sizeMap={sm:20,md:32,lg:48},CONTAINER_RATIO=1.5,DOT_COUNT=3,DOT_STAGGER_MS=150,DOT_CYCLE_MS=600,DOT_GROW_SCALE=1.4,DOT_PULSE_MIN_OPACITY=.4,Dot=({size:e,color:t,delay:i,duration:r,reduced:n})=>{const a=(0,_index.useTheme)(),s=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(i),_reactNative.Animated.timing(s,{toValue:1,duration:r/2,easing:_reactNative.Easing.out(_reactNative.Easing.quad),useNativeDriver:!0}),_reactNative.Animated.timing(s,{toValue:0,duration:r/2,easing:_reactNative.Easing.in(_reactNative.Easing.quad),useNativeDriver:!0})]));return e.start(),()=>{e.stop()}},[s,i,r]);const o=(0,_react.useMemo)(()=>({grow:s.interpolate({inputRange:[0,1],outputRange:[1,1.4]}),fade:s.interpolate({inputRange:[0,1],outputRange:[.4,1]})}),[s]);return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{width:e,height:e,borderRadius:a.radius.pill,..._corners.smoothCorners,backgroundColor:t,...n?{opacity:o.fade}:{transform:[{scale:o.grow}]}}})},Spinner=exports.Spinner=(0,_react.forwardRef)((e,t)=>{const{size:i="md",color:r,message:n,overlay:a=!1,backdropColor:s,variant:o="circular",accessibilityLabel:c,style:l,testID:u}=e,d="contained"===o,_=a&&!d,m=(0,_index.useTheme)(),g=(0,_usePresenceMotion.usePresenceMotion)(),y=g.duration("default"),h=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current;(0,_react.useEffect)(()=>{_reactNative.Animated.timing(h,{toValue:1,duration:y,easing:_reactNative.Easing.bezier(...m.motion.ease["in-out"]),useNativeDriver:!0}).start()},[h,m,y]);const p=(0,_react.useMemo)(()=>buildStyles(m),[m]),v=sizeMap[i],x=r??m.colors.primary,f=s??m.colors.scrim,j=(0,_react.useMemo)(()=>{if("contained"===o){const e=Math.round(1.5*v);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[p.container,{width:e,height:e,borderRadius:m.radius.pill,backgroundColor:(0,_color.blendOf)(x,.14,m.colors.surface,m.colors["bg-subtle"])}],children:(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{color:x,size:"sm"===i?"small":"large",style:{width:v,height:v}})})}if("dots"===o){const e=Math.max(6,Math.round(v/4));return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[p.dotsRow,{gap:Math.round(e/2)}],children:Array.from({length:3}).map((t,i)=>(0,_jsxRuntime.jsx)(Dot,{size:e,color:x,delay:150*i,duration:600,reduced:g.reduced},i))})}return(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{color:x,size:"sm"===i?"small":"large",style:{width:v,height:v}})},[o,i,v,x,p.dotsRow,p.container,g.reduced,m.radius.pill,m.colors.surface,m.colors["bg-subtle"]]),R=c??n??"Loading",b=(0,_react.useRef)(R);b.current=R,(0,_react.useEffect)(()=>{d&&(0,_announce.announce)(b.current)},[d]);const N=(0,_SquircleFill.useSquircle)(_,m.radius.lg),C=N.active&&N.size?{borderRadius:(0,_squircle.squircleHostRadius)(N.size.width,N.size.height,m.radius.lg)}:null;let S=p.inlineContent;_?S=p.overlayContent:d&&(S=p.containedContent);const q=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{ref:t,accessible:!0,accessibilityRole:"progressbar",accessibilityLiveRegion:d?"none":"polite",accessibilityLabel:R,accessibilityState:{busy:!0},"aria-busy":!0,testID:u,onLayout:N.onLayout,style:[S,C,{opacity:h}],children:[N.active&&N.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:N.size.width,height:N.size.height,radius:m.radius.lg,fill:m.colors.surface}):null,j,n?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[p.message,{color:m.colors["text-body"],fontSize:m.text.base.size,fontWeight:m.weight.medium,marginTop:m.space.md}],numberOfLines:2,children:n}):null]});return _?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"auto",style:[p.overlay,{backgroundColor:f},l],children:q}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[d?p.containedFill:p.inline,l],children:q})});Spinner.displayName="Spinner";const buildStyles=e=>_reactNative.StyleSheet.create({inline:{alignItems:"center",justifyContent:"center"},inlineContent:{alignItems:"center",justifyContent:"center"},containedFill:{flex:1,alignSelf:"stretch",alignItems:"center",justifyContent:"center",minHeight:Math.round(1.5*sizeMap.lg)+2*e.space.xl},containedContent:{alignItems:"center",justifyContent:"center",paddingHorizontal:e.space.lg},container:{alignItems:"center",justifyContent:"center"},overlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center",zIndex:1e3},overlayContent:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.surface,borderRadius:e.radius.lg,..._corners.smoothCorners,paddingHorizontal:e.space.xl,paddingVertical:e.space.xl,minWidth:140,...e.shadow.popover},dotsRow:{flexDirection:"row",alignItems:"center",justifyContent:"center"},message:{textAlign:"center"}});var _default=exports.default=Spinner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Spinner=exports.DEFAULT_SPINNER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_squircle=require("../../utils/squircle.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SPINNER_LABELS=exports.DEFAULT_SPINNER_LABELS=Object.freeze({loading:"Loading"}),sizeMap={sm:20,md:32,lg:48},CONTAINER_RATIO=1.5,DOT_NAMES=["first","second","third"],DOT_STAGGER_MS=150,DOT_CYCLE_MS=600,DOT_GROW_SCALE=1.4,DOT_PULSE_MIN_OPACITY=.4,Dot=({size:e,color:t,delay:i,duration:r,reduced:n})=>{const a=(0,_index.useTheme)(),s=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(i),_reactNative.Animated.timing(s,{toValue:1,duration:r/2,easing:_reactNative.Easing.out(_reactNative.Easing.quad),useNativeDriver:!0}),_reactNative.Animated.timing(s,{toValue:0,duration:r/2,easing:_reactNative.Easing.in(_reactNative.Easing.quad),useNativeDriver:!0})]));return e.start(),()=>{e.stop()}},[s,i,r]);const o=(0,_react.useMemo)(()=>({grow:s.interpolate({inputRange:[0,1],outputRange:[1,1.4]}),fade:s.interpolate({inputRange:[0,1],outputRange:[.4,1]})}),[s]);return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{width:e,height:e,borderRadius:a.radius.pill,..._corners.smoothCorners,backgroundColor:t,...n?{opacity:o.fade}:{transform:[{scale:o.grow}]}}})},Spinner=exports.Spinner=(0,_react.forwardRef)((e,t)=>{const{size:i="md",color:r,message:n,overlay:a=!1,backdropColor:s,variant:o="circular",accessibilityLabel:l,labels:c,style:u,testID:d}=e;(0,_warnInvalidValue.warnInvalidValue)("Spinner","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Spinner","variant",e.variant,["circular","dots","contained"]);const _=(0,_react.useMemo)(()=>({...DEFAULT_SPINNER_LABELS,...c}),[c]),m="contained"===o,g=a&&!m,v=(0,_index.useTheme)(),p=(0,_usePresenceMotion.usePresenceMotion)(),x=p.duration("default"),y=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current;(0,_react.useEffect)(()=>{_reactNative.Animated.timing(y,{toValue:1,duration:x,easing:_reactNative.Easing.bezier(...v.motion.ease["in-out"]),useNativeDriver:!0}).start()},[y,v,x]);const h=(0,_react.useMemo)(()=>buildStyles(v),[v]),j=sizeMap[i],f=r??v.colors.primary,N=s??v.colors.scrim,R=(0,_react.useMemo)(()=>{if("contained"===o){const e=Math.round(1.5*j);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.container,{width:e,height:e,borderRadius:v.radius.pill,backgroundColor:(0,_color.blendOf)(f,.14,v.colors.surface,v.colors["bg-subtle"])}],children:(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{color:f,size:"sm"===i?"small":"large",style:{width:j,height:j}})})}if("dots"===o){const e=Math.max(6,Math.round(j/4));return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.dotsRow,{gap:Math.round(e/2)}],children:DOT_NAMES.map((t,i)=>(0,_jsxRuntime.jsx)(Dot,{size:e,color:f,delay:150*i,duration:600,reduced:p.reduced},t))})}return(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{color:f,size:"sm"===i?"small":"large",style:{width:j,height:j}})},[o,i,j,f,h.dotsRow,h.container,p.reduced,v.radius.pill,v.colors.surface,v.colors["bg-subtle"]]),S=l??n??_.loading,b=(0,_react.useRef)(S);b.current=S,(0,_react.useEffect)(()=>{m&&(0,_announce.announce)(b.current)},[m]);const w=(0,_SquircleFill.useSquircle)(g,v.radius.lg),A=w.active&&w.size?{borderRadius:(0,_squircle.squircleHostRadius)(w.size.width,w.size.height,v.radius.lg)}:null;let E=h.inlineContent;g?E=h.overlayContent:m&&(E=h.containedContent);const I=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{ref:t,accessible:!0,accessibilityRole:"progressbar",accessibilityLiveRegion:m?"none":"polite",accessibilityLabel:S,accessibilityState:{busy:!0},"aria-busy":!0,testID:d,onLayout:w.onLayout,style:[E,A,{opacity:y}],children:[w.active&&w.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:w.size.width,height:w.size.height,radius:v.radius.lg,fill:v.colors.surface}):null,R,n?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"body",weight:"medium",style:[h.message,{marginTop:v.space.md}],numberOfLines:2,children:n}):null]});return g?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"auto",style:[h.overlay,{backgroundColor:N},u],children:I}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[m?h.containedFill:h.inline,u],children:I})});Spinner.displayName="Spinner";const buildStyles=e=>_reactNative.StyleSheet.create({inline:{alignItems:"center",justifyContent:"center"},inlineContent:{alignItems:"center",justifyContent:"center"},containedFill:{flex:1,alignSelf:"stretch",alignItems:"center",justifyContent:"center",minHeight:Math.round(1.5*sizeMap.lg)+2*e.space.xl},containedContent:{alignItems:"center",justifyContent:"center",paddingHorizontal:e.space.lg},container:{alignItems:"center",justifyContent:"center"},overlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center",zIndex:1e3},overlayContent:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.surface,borderRadius:e.radius.lg,..._corners.smoothCorners,paddingHorizontal:e.space.xl,paddingVertical:e.space.xl,minWidth:140,...e.shadow.popover},dotsRow:{flexDirection:"row",alignItems:"center",justifyContent:"center"},message:{textAlign:"center"}});var _default=exports.default=Spinner;

package/lib/commonjs/components/Spinner/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return _Spinner.Spinner}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Spinner.default}});var cache,_Spinner=_interopRequireWildcard(require("./Spinner.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,c=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=c&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?c(i,n,t):i[n]=e[n]);return i}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_SPINNER_LABELS",{enumerable:!0,get:function(){return _Spinner.DEFAULT_SPINNER_LABELS}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return _Spinner.Spinner}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Spinner.default}});var cache,_Spinner=_interopRequireWildcard(require("./Spinner.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,c=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=c&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?c(i,n,t):i[n]=e[n]);return i}

package/lib/commonjs/components/StatTile/StatTile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.StatTile=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Card/index.js"),_index4=require("../IconBadge/index.js"),_index5=require("../Skeleton/index.js"),_index6=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const isText=e=>"string"==typeof e||"number"==typeof e,TREND_ICON={up:"arrow-up",down:"arrow-down",flat:"minus"},TREND_WORD={up:"up",down:"down",flat:"no change"},TREND_SIGN={up:"+",down:"-",flat:""},percentText=e=>(0,_mobileCore.formatPercent)(Math.abs(e),{scale:"percent",maximumFractionDigits:1}),trendFigure=e=>"number"==typeof e.value?`${TREND_SIGN[e.direction]}${percentText(e.value)}`:e.value,trendSpoken=e=>{const t=[TREND_WORD[e.direction]];return"flat"!==e.direction&&t.push("number"==typeof e.value?percentText(e.value):e.value),e.period&&t.push(e.period),t.join(" ")},StatTile=exports.StatTile=(0,_react.forwardRef)((e,t)=>{const{label:i,value:n,icon:r,iconVariant:s,tone:a="primary",caption:l,trend:o,sparkline:x,onPress:d,loading:c=!1,accessibilityLabel:u,style:_,testID:p}=e,m=(0,_index.useTheme)(),j=o?`, ${trendSpoken(o)}`:"",h=u??(isText(n)?`${i}, ${n}${j}`:void 0),y=!!o&&o.direction===(o.goodWhen??"up"),v=o&&"flat"!==o.direction?y?"success":"danger":"secondary",R="secondary"===v?m.colors["text-muted"]:m.colors[`${v}-text`];return c?(0,_jsxRuntime.jsx)(_index3.Card,{ref:t,variant:"outlined",style:_,testID:p,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.row,{columnGap:m.space.md}],children:[void 0===r?null:(0,_jsxRuntime.jsx)(_index5.Skeleton,{shape:"circle",width:40,height:40}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.text,children:[(0,_jsxRuntime.jsx)(_index5.Skeleton,{shape:"text",width:"50%",height:12}),(0,_jsxRuntime.jsx)(_index5.Skeleton,{shape:"text",width:"35%",height:24,style:{marginTop:m.space.xs}})]})]})}):(0,_jsxRuntime.jsx)(_index3.Card,{ref:t,variant:"outlined",onPress:d,accessibilityLabel:h,style:_,testID:p,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.row,{columnGap:m.space.md}],children:[void 0===r?null:(0,_jsxRuntime.jsx)(_index4.IconBadge,{icon:r,iconVariant:s,tone:a}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.text,children:[(0,_jsxRuntime.jsx)(_index6.Text,{variant:"caption",color:"secondary",numberOfLines:1,children:i}),isText(n)?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"h3",numberOfLines:1,children:n}):n,o?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.trend,{columnGap:m.space.xxs}],testID:p?`${p}-trend`:void 0,children:[(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:TREND_ICON[o.direction],size:"xs",color:R}),(0,_jsxRuntime.jsxs)(_index6.Text,{variant:"caption",color:v,numberOfLines:2,style:styles.text,children:[trendFigure(o),o.period?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"caption",color:"tertiary",children:` ${o.period}`}):null]})]}):null,null==l||""===l?null:isText(l)?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"caption",color:"tertiary",numberOfLines:1,children:l}):l,null==x?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginTop:m.space.sm},children:x})]})]})})});StatTile.displayName="StatTile";const styles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},text:{flex:1,minWidth:0},trend:{flexDirection:"row",alignItems:"center"}});var _default=exports.default=StatTile;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.StatTile=exports.DEFAULT_STAT_TILE_LABELS=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Card/index.js"),_index4=require("../IconBadge/index.js"),_index5=require("../Skeleton/index.js"),_index6=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_STAT_TILE_LABELS=exports.DEFAULT_STAT_TILE_LABELS=Object.freeze({trendUp:"up",trendDown:"down",trendFlat:"no change"}),isText=e=>"string"==typeof e||"number"==typeof e,TREND_ICON={up:"arrow-up",down:"arrow-down",flat:"minus"},TREND_SIGN={up:"+",down:"-",flat:""},percentText=e=>(0,_mobileCore.formatPercent)(Math.abs(e),{scale:"percent",maximumFractionDigits:1}),trendFigure=e=>"number"==typeof e.value?`${TREND_SIGN[e.direction]}${percentText(e.value)}`:e.value,trendSpoken=(e,t)=>{const n=[{up:t.trendUp,down:t.trendDown,flat:t.trendFlat}[e.direction]];return"flat"!==e.direction&&n.push("number"==typeof e.value?percentText(e.value):e.value),e.period&&n.push(e.period),n.join(" ")},StatTile=exports.StatTile=(0,_react.forwardRef)((e,t)=>{const{label:n,value:i,icon:r,iconVariant:a,tone:s="primary",caption:l,trend:o,sparkline:d,onPress:x,loading:c=!1,accessibilityLabel:u,labels:_,style:p,testID:m}=e,j=(0,_index.useTheme)();(0,_warnInvalidValue.warnInvalidValue)("StatTile","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("StatTile","trend.direction",o?.direction,["up","down","flat"]),(0,_warnInvalidValue.warnInvalidValue)("StatTile","trend.goodWhen",o?.goodWhen,["up","down"]);const T=(0,_react.useMemo)(()=>({...DEFAULT_STAT_TILE_LABELS,..._}),[_]),v=o?`, ${trendSpoken(o,T)}`:"",h=u??(isText(i)?`${n}, ${i}${v}`:void 0),w=!!o&&o.direction===(o.goodWhen??"up"),y=o&&"flat"!==o.direction?w?"success":"danger":"secondary",f="secondary"===y?j.colors["text-muted"]:j.colors[`${y}-text`];return c?(0,_jsxRuntime.jsx)(_index3.Card,{ref:t,variant:"outline",style:p,testID:m,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.row,{columnGap:j.space.md}],children:[void 0===r?null:(0,_jsxRuntime.jsx)(_index5.Skeleton,{shape:"circle",width:40,height:40}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.text,children:[(0,_jsxRuntime.jsx)(_index5.Skeleton,{shape:"text",width:"50%",height:12}),(0,_jsxRuntime.jsx)(_index5.Skeleton,{shape:"text",width:"35%",height:24,style:{marginTop:j.space.xs}})]})]})}):(0,_jsxRuntime.jsx)(_index3.Card,{ref:t,variant:"outline",onPress:x,accessibilityLabel:h,style:p,testID:m,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.row,{columnGap:j.space.md}],children:[void 0===r?null:(0,_jsxRuntime.jsx)(_index4.IconBadge,{icon:r,iconVariant:a,tone:s}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.text,children:[(0,_jsxRuntime.jsx)(_index6.Text,{variant:"caption",color:"secondary",numberOfLines:1,children:n}),isText(i)?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"h3",numberOfLines:1,children:i}):i,o?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.trend,{columnGap:j.space.xxs}],testID:m?`${m}-trend`:void 0,children:[(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:TREND_ICON[o.direction],size:"xs",color:f}),(0,_jsxRuntime.jsxs)(_index6.Text,{variant:"caption",color:y,numberOfLines:2,style:styles.text,children:[trendFigure(o),o.period?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"caption",color:"tertiary",children:` ${o.period}`}):null]})]}):null,null==l||""===l?null:isText(l)?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"caption",color:"tertiary",numberOfLines:1,children:l}):l,null==d?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginTop:j.space.sm},children:d})]})]})})});StatTile.displayName="StatTile";const styles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},text:{flex:1,minWidth:0},trend:{flexDirection:"row",alignItems:"center"}});var _default=exports.default=StatTile;

package/lib/commonjs/components/StatusBadge/StatusBadge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.StatusBadge=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_toneInk=require("../../theme/toneInk.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_index2=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const sizeMap={sm:{height:22,paddingX:"sm",text:"xs",dot:5,gap:"xs"},md:{height:24,paddingX:"md",text:"sm",dot:6,gap:"xs"}},sizeFor=(e,t)=>{const r=sizeMap[t];return{height:r.height,paddingH:e.space[r.paddingX],fontSize:e.text[r.text].size,dot:r.dot,gap:e.space[r.gap]}},SOFT_FILL_OPACITY=.14,SOFT_BORDER_OPACITY=.4,BORDER_WIDTH=1,toneFor=(e,t)=>{const{colors:r}=e;switch(t){case"success":return{base:r.success,on:r["on-success"],ink:r["success-text"]};case"warning":return{base:r.warning,on:r["on-warning"],ink:r["warning-text"]};case"danger":return{base:r.danger,on:r["on-danger"],ink:r["danger-text"]};case"info":return{base:r.info,on:r["on-info"],ink:r["info-text"]};case"primary":return{base:r.primary,on:r["on-primary"],ink:r["primary-text"]};default:return{base:r["text-muted"],on:r["on-neutral-strong"],ink:r["text-muted"]}}},isHex=e=>"string"==typeof e&&/^#[0-9a-f]{6}$/i.test(e),paletteFor=(e,t,r,s)=>{const n=isHex(s),{base:i,on:o,ink:a}=n?{base:s,on:e.colors["text-inverse"],ink:(0,_toneInk.deriveToneInk)(s,[e.colors.bg,e.colors["bg-subtle"],e.colors["bg-muted"]],e.mode)}:toneFor(e,t),l=!n&&"neutral"===t,d=l?e.colors["bg-muted"]:(0,_color.tintOf)(i,.14,e.colors["bg-subtle"]),u=l?e.colors.border:(0,_color.tintOf)(i,.4,i);switch(r){case"solid":return{fill:i,border:i,text:o,dot:o};case"outline":return{fill:"transparent",border:l?u:i,text:a,dot:i};case"flat":return{fill:d,border:"transparent",text:a,dot:i};default:return{fill:d,border:u,text:a,dot:i}}},StatusBadge=exports.StatusBadge=(0,_react.forwardRef)((e,t)=>{const{label:r,tone:s="neutral",variant:n="soft",size:i="md",dot:o=!1,color:a,loading:l=!1,accessibilityLabel:d,style:u,textStyle:c,testID:g}=e,x=(0,_index.useTheme)(),b=sizeFor(x,i),m=(0,_react.useMemo)(()=>paletteFor(x,s,n,a),[x,s,n,a]);return l?(0,_jsxRuntime.jsx)(StatusBadgeSkeleton,{...e}):(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"text",accessibilityLabel:d??r,testID:g,style:[styles.base,{minHeight:b.height,paddingHorizontal:b.paddingH,borderRadius:x.radius.pill,..._corners.smoothCorners,backgroundColor:m.fill,borderColor:m.border,borderWidth:1},u],children:[o?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"status-badge-dot",style:{width:b.dot,height:b.dot,borderRadius:b.dot/2,marginRight:b.gap,backgroundColor:m.dot}}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,{color:m.text,fontSize:b.fontSize,...(0,_index.fontFor)(x,"semibold")},c],numberOfLines:1,maxFontSizeMultiplier:x.settings.maxFontSizeMultiplier,children:r})]})});StatusBadge.displayName="StatusBadge";const StatusBadgeSkeleton=({label:e,size:t="md",dot:r,style:s})=>{const n=(0,_index.useTheme)(),i=sizeFor(n,t),o=Math.max(32,Math.min(120,6.5*(e??"").length))+2*i.paddingH+(r?i.dot+i.gap:0);return(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:o,height:i.height,radius:i.height/2,style:[styles.skeleton,s]})};StatusBadgeSkeleton.displayName="StatusBadgeSkeleton",StatusBadge.Skeleton=StatusBadgeSkeleton;const styles=_reactNative.StyleSheet.create({base:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",justifyContent:"center"},label:{textAlign:"center",includeFontPadding:!1,textAlignVertical:"center"},skeleton:{alignSelf:"flex-start"}});var _default=exports.default=StatusBadge;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.StatusBadge=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_toneInk=require("../../theme/toneInk.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Skeleton/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const sizeMap={sm:{height:22,paddingX:"sm",dot:5,gap:"xs"},md:{height:24,paddingX:"md",dot:6,gap:"xs"}},sizeFor=(e,t)=>{const r=sizeMap[t];return{height:r.height,paddingH:e.space[r.paddingX],dot:r.dot,gap:e.space[r.gap]}},SOFT_FILL_OPACITY=.14,SOFT_BORDER_OPACITY=.4,BORDER_WIDTH=1,toneFor=(e,t)=>{const{colors:r}=e;switch(t){case"success":return{base:r.success,on:r["on-success"],ink:r["success-text"]};case"warning":return{base:r.warning,on:r["on-warning"],ink:r["warning-text"]};case"danger":return{base:r.danger,on:r["on-danger"],ink:r["danger-text"]};case"info":return{base:r.info,on:r["on-info"],ink:r["info-text"]};case"primary":return{base:r.primary,on:r["on-primary"],ink:r["primary-text"]};default:return{base:r["text-muted"],on:r["on-neutral-strong"],ink:r["text-muted"]}}},isHex=e=>"string"==typeof e&&/^#[0-9a-f]{6}$/i.test(e),paletteFor=(e,t,r,a)=>{const n=isHex(a),{base:s,on:i,ink:o}=n?{base:a,on:e.colors["text-inverse"],ink:(0,_toneInk.deriveToneInk)(a,[e.colors.bg,e.colors["bg-subtle"],e.colors["bg-muted"]],e.mode)}:toneFor(e,t),l=!n&&"neutral"===t,d=l?e.colors["bg-muted"]:(0,_color.tintOf)(s,.14,e.colors["bg-subtle"]),u=l?e.colors.border:(0,_color.tintOf)(s,.4,s);switch(r){case"solid":return{fill:s,border:s,text:i,dot:i};case"outline":return{fill:"transparent",border:l?u:s,text:o,dot:s};case"flat":return{fill:d,border:"transparent",text:o,dot:s};case"ghost":return{fill:"transparent",border:"transparent",text:o,dot:s};default:return{fill:d,border:u,text:o,dot:s}}},StatusBadge=exports.StatusBadge=(0,_react.forwardRef)((e,t)=>{const{label:r,tone:a="neutral",variant:n="soft",size:s="md",dot:i=!1,color:o,loading:l=!1,accessibilityLabel:d,style:u,textStyle:c,testID:g}=e;(0,_warnInvalidValue.warnInvalidValue)("StatusBadge","tone",e.tone,["success","warning","danger","info","primary","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("StatusBadge","variant",e.variant,["solid","soft","outline","ghost","flat"]),(0,_warnInvalidValue.warnInvalidValue)("StatusBadge","size",e.size,["sm","md"]);const x=(0,_index.useTheme)(),b=sizeFor(x,s),m=(0,_react.useMemo)(()=>paletteFor(x,a,n,o),[x,a,n,o]);return l?(0,_jsxRuntime.jsx)(StatusBadgeSkeleton,{...e}):(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"text",accessibilityLabel:d??r,testID:g,style:[styles.base,{minHeight:b.height,paddingHorizontal:b.paddingH,borderRadius:x.radius.pill,..._corners.smoothCorners,backgroundColor:m.fill,borderColor:m.border,borderWidth:1},u],children:[i?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"status-badge-dot",style:{width:b.dot,height:b.dot,borderRadius:b.dot/2,marginRight:b.gap,backgroundColor:m.dot}}):null,(0,_jsxRuntime.jsx)(_index3.Text,{variant:"sm"===s?"caption":"bodySmall",weight:"semibold",style:[styles.label,{color:m.text},c],numberOfLines:1,children:r})]})});StatusBadge.displayName="StatusBadge";const StatusBadgeSkeleton=({label:e,size:t="md",dot:r,style:a})=>{const n=(0,_index.useTheme)(),s=sizeFor(n,t),i=Math.max(32,Math.min(120,6.5*(e??"").length))+2*s.paddingH+(r?s.dot+s.gap:0);return(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:i,height:s.height,radius:s.height/2,style:[styles.skeleton,a]})};StatusBadgeSkeleton.displayName="StatusBadgeSkeleton",StatusBadge.Skeleton=StatusBadgeSkeleton;const styles=_reactNative.StyleSheet.create({base:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",justifyContent:"center"},label:{textAlign:"center",includeFontPadding:!1,textAlignVertical:"center"},skeleton:{alignSelf:"flex-start"}});var _default=exports.default=StatusBadge;

package/lib/commonjs/components/StatusBadge/statusMap.js

@@ -0,0 +1 @@
+"use strict";function defineStatusMap(e,t){return n=>(null!=n&&Object.hasOwn(e,n)?e[n]:void 0)??t??{label:n??"-",tone:"neutral"}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.defineStatusMap=defineStatusMap;

package/lib/commonjs/components/Stepper/Stepper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Stepper=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_index2=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const CIRCLE_SIZE=24,SEGMENT_HEIGHT=4,PULSE_SIZE=32,PULSE_DURATION=1100,toneColorFor=(e,t)=>"success"===t?e.colors.success:e.colors.primary,toneOnColorFor=(e,t)=>"success"===t?e.colors["on-success"]:e.colors["on-primary"],StepCircle=({index:e,step:t,status:i,toneColor:s,upcomingColor:r,upcomingFillColor:n,textOnColor:o,upcomingTextColor:l,interactive:a,canPress:c,totalSteps:u,onPress:d,pulseEnabled:p,circleStyles:x,circleSlotStyle:m})=>{const _="active"===i,h=(0,_index.useTheme)(),v=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,y=(0,_react.useRef)((0,_index.createAnimatedValue)(.5)).current;(0,_react.useEffect)(()=>{if(!_||!p)return v.setValue(1),void y.setValue(0);const e=_reactNative.Animated.loop(_reactNative.Animated.parallel([_reactNative.Animated.sequence([_reactNative.Animated.timing(v,{toValue:1.4,duration:1100,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:!0}),_reactNative.Animated.timing(v,{toValue:1,duration:0,useNativeDriver:!0})]),_reactNative.Animated.sequence([_reactNative.Animated.timing(y,{toValue:0,duration:1100,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:!0}),_reactNative.Animated.timing(y,{toValue:.5,duration:0,useNativeDriver:!0})])]));return e.start(),()=>e.stop()},[_,v,y,p]);const j="upcoming"===i?n:s,g="upcoming"===i?r:s,b="upcoming"===i?l:o,S="complete"===i,R=`Step ${e+1} of ${u}, ${t.label}, ${i}`,f=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:x.relative,children:[_&&p?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[x.pulse,{width:32,height:32,borderRadius:h.radius.pill,..._corners.smoothCorners,backgroundColor:s,opacity:y,transform:[{scale:v}]}]}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[x.circle,{width:24,height:24,borderRadius:h.radius.pill,..._corners.smoothCorners,backgroundColor:j,borderColor:g},m],children:t.icon?t.icon:S?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.glyph,{color:b}],children:"✓"}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.glyph,{color:b}],children:e+1})})]});return a?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>d(e),disabled:!c,accessibilityRole:"button",accessibilityLabel:R,accessibilityState:{selected:_,disabled:!c},"aria-selected":_,"aria-disabled":!c,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:f}):(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityRole:"text",accessibilityLabel:R,accessibilityState:{selected:_},"aria-selected":_,children:f})},buildCircleStyles=e=>_reactNative.StyleSheet.create({relative:{alignItems:"center",justifyContent:"center"},pulse:{position:"absolute"},circle:{borderWidth:2,alignItems:"center",justifyContent:"center"},glyph:{fontSize:e.text.sm.size,fontWeight:"600",includeFontPadding:!1}}),Stepper=exports.Stepper=(0,_react.forwardRef)((e,t)=>{const{steps:i,activeStep:s,defaultActiveStep:r=0,pressMode:n="none",onStepPress:o,onActiveStepChange:l,variant:a="horizontal",tone:c="primary",formatCaption:u,showCaption:d=!0,loading:p=!1,accessibilityLabel:x,style:m,containerStyle:_,circleStyle:h,labelStyle:v,connectorStyle:y,haptic:j,testID:g}=e,b=(0,_index.useTheme)(),S=b.settings.components.stepper?.pulseAnimation??!1,R=(0,_hapticUtils.resolveHaptic)(j,"selection"),f=(0,_react.useMemo)(()=>buildStyles(b),[b]),w=(0,_react.useMemo)(()=>buildCircleStyles(b),[b]),C=toneColorFor(b,c),N=b.colors.border,V=b.colors.bg,k=b.colors["text-muted"],I=toneOnColorFor(b,c),A=i.length,L="none"!==n,T=void 0!==s,[$,D]=(0,_react.useState)(r),E=T?s:$,P=null==E||E<0?null:E,F=i.map((e,t)=>(e=>null===P?"upcoming":e<P?"complete":e===P?"active":"upcoming")(t)),z=F.filter(e=>"upcoming"!==e).length,O=F.filter(e=>"complete"===e).length,canPressStatus=e=>"back"===n?"complete"===e:L,handleStepPress=e=>{if(!canPressStatus(F[e]))return;R&&(0,_hapticUtils.triggerHaptic)(R),o?.(e);const t="select"===n&&e===P?null:e;T||D(t),l?.(t)},q=(0,_react.useRef)((0,_index.createAnimatedValue)(z)).current,B=(0,_react.useRef)(z);(0,_react.useEffect)(()=>{const e=B.current;if(e===z)return;B.current=z;const t=_reactNative.Animated.timing(q,{toValue:z,duration:b.motion.duration.default*Math.abs(z-e),easing:_reactNative.Easing.linear,useNativeDriver:!1});return t.start(),()=>t.stop()},[z,q,b.motion]);const sliceOf=e=>q.interpolate({inputRange:[e,e+1],outputRange:["0%","100%"],extrapolate:"clamp"}),M=A<=1?"0%":q.interpolate({inputRange:[1,A],outputRange:["0%","100%"],extrapolate:"clamp"}),U=null!==P&&P<A?P:null,H=x??(null!==U?`Progress: step ${U+1} of ${A}`:`Progress: ${O} of ${A} steps done`),[G,W]=(0,_react.useState)(0),Z=A>0&&G>0?G/(2*A):0,J=(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:[f.container,_,m],testID:g,accessibilityRole:"progressbar",accessibilityLabel:H,accessibilityValue:{min:0,max:A,now:z},children:"segmented"===a?(()=>{const e=null!==U?i[U]:void 0,t=d?u?u(U,A,e):null!==U?`Step ${U+1} of ${A}${e?.label?` · ${e.label}`:""}`:`${O} of ${A} done`:"";return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[d?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[f.sCaption,{color:b.colors["text-muted"],fontSize:b.text.sm.size,marginBottom:b.space.sm},v],numberOfLines:1,children:t}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:f.sRow,children:i.map((e,t)=>{const i=F[t],s=`Step ${t+1} of ${A}, ${e.label}, ${i}`,r=(0,_jsxRuntime.jsx)(_reactNative.View,{testID:g?`${g}-segment-${t}`:void 0,style:[f.sTrack,{backgroundColor:N},y],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[f.sFill,{backgroundColor:C,width:sliceOf(t)}]})});if(L){const n=canPressStatus(i);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:f.sItem,onPress:()=>handleStepPress(t),disabled:!n,accessibilityRole:"button",accessibilityLabel:s,accessibilityState:{selected:"active"===i,disabled:!n},"aria-selected":"active"===i,"aria-disabled":!n,hitSlop:{top:12,bottom:12},...(0,_hitSlop.hitSlopMarker)({top:12,bottom:12}),children:r},e.key)}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:f.sItem,accessibilityRole:"text",accessibilityLabel:s,accessibilityState:{selected:"active"===i},"aria-selected":"active"===i,children:r},e.key)})})]})})():"vertical"===a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:f.vCol,children:i.map((e,t)=>{const i=F[t],s=t===A-1;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f.vRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f.vLeft,children:[(0,_jsxRuntime.jsx)(StepCircle,{index:t,step:e,status:i,toneColor:C,upcomingColor:N,upcomingFillColor:V,onPressColor:C,textOnColor:I,upcomingTextColor:k,interactive:L,canPress:canPressStatus(i),totalSteps:A,onPress:handleStepPress,pulseEnabled:S,circleStyles:w,circleSlotStyle:h}),s?null:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[f.vConnectorContainer,y],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[f.vConnectorTrack,{backgroundColor:N}]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[f.vConnectorFill,{backgroundColor:C,height:sliceOf(t+1)}]})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f.vBody,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[f.vLabel,{color:"upcoming"===i?b.colors["text-subtle"]:b.colors["text-body"],fontSize:b.text.base.size,fontWeight:b.weight.semibold},v],numberOfLines:1,children:e?.label??" "}),e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[f.vDescription,{color:b.colors["text-muted"],fontSize:b.text.sm.size}],numberOfLines:3,children:e.description}):null]})]},e.key)})}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f.hRow,onLayout:e=>W(e.nativeEvent.layout.width),children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:[f.hConnectorContainer,{left:Z,right:Z},y],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[f.hConnectorTrack,{backgroundColor:N}]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[f.hConnectorFill,{backgroundColor:C,width:M}]})]}),i.map((e,t)=>{const i=F[t];return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f.hStepItem,children:[(0,_jsxRuntime.jsx)(StepCircle,{index:t,step:e,status:i,toneColor:C,upcomingColor:N,upcomingFillColor:V,onPressColor:C,textOnColor:I,upcomingTextColor:k,interactive:L,canPress:canPressStatus(i),totalSteps:A,onPress:handleStepPress,pulseEnabled:S,circleStyles:w,circleSlotStyle:h}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[f.hLabel,{color:"upcoming"===i?b.colors["text-subtle"]:b.colors["text-body"],fontSize:b.text.xs.size},v],numberOfLines:1,children:e?.label??" "})]},e.key)})]})});return p?(0,_jsxRuntime.jsx)(StepperSkeleton,{...e}):J});Stepper.displayName="Stepper";const StepperSkeleton=({steps:e,variant:t="horizontal",showCaption:i=!0,containerStyle:s,style:r,testID:n})=>{const o=(0,_index.useTheme)(),l=(0,_react.useMemo)(()=>buildStyles(o),[o]),a=(0,_react.useMemo)(()=>buildSkeletonStyles(o),[o]),c=e.length||3;return"segmented"===t?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[l.container,s,r],testID:n,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:[i?(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"45%",height:14,style:{marginBottom:o.space.sm}}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.sRow,children:Array.from({length:c}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.sItem,children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:"100%",height:4,radius:"pill"})},`sk-step-${t}`))})]}):"vertical"===t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.container,s,r],testID:n,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.vCol,children:Array.from({length:c}).map((e,t)=>{const i=t===c-1;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.vRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[a.vLeft,{width:32}],children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:24,height:24}),i?null:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:2,height:36})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.vBody,children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"55%",height:16,style:{marginBottom:o.space.xs}}),(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"80%",height:12})]})]},`sk-step-${t}`)})})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.container,s,r],testID:n,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.hRow,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[l.hConnectorContainer,{left:50/c+"%",right:50/c+"%"}],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:"100%",height:2,radius:"pill"})}),Array.from({length:c}).map((e,t)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.hStepItem,children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:24,height:24}),(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"80%",height:12,style:{marginTop:o.space.xs}})]},`sk-step-${t}`))]})})};StepperSkeleton.displayName="StepperSkeleton",Stepper.Skeleton=StepperSkeleton;const buildSkeletonStyles=e=>_reactNative.StyleSheet.create({vCol:{flexDirection:"column"},vRow:{flexDirection:"row",alignItems:"flex-start"},vLeft:{alignItems:"center"},vBody:{flex:1,paddingLeft:e.space.md,paddingBottom:e.space.lg}}),buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},hRow:{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",position:"relative"},hConnectorContainer:{position:"absolute",top:11,height:2,flexDirection:"row",alignItems:"center"},hConnectorTrack:{position:"absolute",left:0,right:0,height:2,borderRadius:e.radius.pill,..._corners.smoothCorners},hConnectorFill:{position:"absolute",left:0,height:2,borderRadius:e.radius.pill,..._corners.smoothCorners},hStepItem:{alignItems:"center",flex:1},hLabel:{marginTop:e.space.xs,textAlign:"center"},vCol:{flexDirection:"column"},vRow:{flexDirection:"row",alignItems:"flex-start"},vLeft:{alignItems:"center",alignSelf:"stretch",width:32},vConnectorContainer:{flex:1,width:2,minHeight:32,position:"relative",alignSelf:"center"},vConnectorTrack:{position:"absolute",top:0,bottom:0,width:2,borderRadius:e.radius.pill,..._corners.smoothCorners},vConnectorFill:{position:"absolute",top:0,width:2,borderRadius:e.radius.pill,..._corners.smoothCorners},vBody:{flex:1,paddingLeft:e.space.sm,paddingBottom:e.space.md},vLabel:{marginBottom:e.space.xxs},vDescription:{},sCaption:{includeFontPadding:!1},sRow:{flexDirection:"row",columnGap:e.space.xs},sItem:{flex:1},sTrack:{height:4,borderRadius:e.radius.pill,overflow:"hidden"},sFill:{height:4,borderRadius:e.radius.pill}});var _default=exports.default=Stepper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Stepper=exports.DEFAULT_STEPPER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Skeleton/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_STEPPER_LABELS=exports.DEFAULT_STEPPER_LABELS=Object.freeze({step:(e,t,i,s)=>`Step ${e} of ${t}, ${i}, ${s}`,statusComplete:"complete",statusActive:"active",statusUpcoming:"upcoming",progressStep:(e,t)=>`Progress: step ${e} of ${t}`,progressDone:(e,t)=>`Progress: ${e} of ${t} steps done`,captionStep:(e,t,i)=>`Step ${e} of ${t}${i?` · ${i}`:""}`,captionDone:(e,t)=>`${e} of ${t} done`}),CIRCLE_SIZE=24,SEGMENT_HEIGHT=4,PULSE_SIZE=32,PULSE_DURATION=1100,toneColorFor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors.neutral;default:return e.colors.primary}},toneOnColorFor=(e,t)=>{switch(t){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];case"info":return e.colors["on-info"];case"neutral":return e.colors["on-neutral"];default:return e.colors["on-primary"]}},statusWordFor=(e,t)=>{switch(t){case"complete":return e.statusComplete;case"active":return e.statusActive;default:return e.statusUpcoming}},StepCircle=({index:e,step:t,status:i,toneColor:s,upcomingColor:r,upcomingFillColor:n,textOnColor:a,upcomingTextColor:o,interactive:l,canPress:c,totalSteps:u,onPress:d,pulseEnabled:p,labels:m,circleStyles:x,circleSlotStyle:_})=>{const h="active"===i,v=(0,_index.useTheme)(),g=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,y=(0,_react.useRef)((0,_index.createAnimatedValue)(.5)).current;(0,_react.useEffect)(()=>{if(!h||!p)return g.setValue(1),void y.setValue(0);const e=_reactNative.Animated.loop(_reactNative.Animated.parallel([_reactNative.Animated.sequence([_reactNative.Animated.timing(g,{toValue:1.4,duration:1100,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:!0}),_reactNative.Animated.timing(g,{toValue:1,duration:0,useNativeDriver:!0})]),_reactNative.Animated.sequence([_reactNative.Animated.timing(y,{toValue:0,duration:1100,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:!0}),_reactNative.Animated.timing(y,{toValue:.5,duration:0,useNativeDriver:!0})])]));return e.start(),()=>e.stop()},[h,g,y,p]);const b="upcoming"===i?n:s,j="upcoming"===i?r:s,S="upcoming"===i?o:a,R="complete"===i,w=m.step(e+1,u,t.label,statusWordFor(m,i)),f=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:x.relative,children:[h&&p?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[x.pulse,{width:32,height:32,borderRadius:v.radius.pill,..._corners.smoothCorners,backgroundColor:s,opacity:y,transform:[{scale:g}]}]}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[x.circle,{width:24,height:24,borderRadius:v.radius.pill,..._corners.smoothCorners,backgroundColor:b,borderColor:j},_],children:t.icon?t.icon:R?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",weight:"semibold",style:[x.glyph,{color:S}],children:"✓"}):(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",weight:"semibold",style:[x.glyph,{color:S}],children:e+1})})]});return l?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>d(e),disabled:!c,accessibilityRole:"button",accessibilityLabel:w,accessibilityState:{selected:h,disabled:!c},"aria-selected":h,"aria-disabled":!c,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:f}):(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityRole:"text",accessibilityLabel:w,accessibilityState:{selected:h},"aria-selected":h,children:f})},buildCircleStyles=()=>_reactNative.StyleSheet.create({relative:{alignItems:"center",justifyContent:"center"},pulse:{position:"absolute"},circle:{borderWidth:2,alignItems:"center",justifyContent:"center"},glyph:{includeFontPadding:!1}}),Stepper=exports.Stepper=(0,_react.forwardRef)((e,t)=>{const{steps:i,activeStep:s,defaultActiveStep:r=0,pressMode:n="none",onStepPress:a,onActiveStepChange:o,variant:l="horizontal",tone:c="primary",formatCaption:u,showCaption:d=!0,loading:p=!1,labels:m,accessibilityLabel:x,style:_,containerStyle:h,circleStyle:v,labelStyle:g,connectorStyle:y,haptic:b,testID:j}=e;(0,_warnInvalidValue.warnInvalidValue)("Stepper","variant",e.variant,["horizontal","vertical","segmented"]),(0,_warnInvalidValue.warnInvalidValue)("Stepper","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("Stepper","pressMode",e.pressMode,["none","back","select"]);const S=(0,_react.useMemo)(()=>({...DEFAULT_STEPPER_LABELS,...m}),[m]),R=(0,_index.useTheme)(),w=R.settings.components.stepper?.pulseAnimation??!1,f=(0,_hapticUtils.resolveHaptic)(b,"selection"),C=(0,_react.useMemo)(()=>buildStyles(R),[R]),N=(0,_react.useMemo)(()=>buildCircleStyles(),[]),V=toneColorFor(R,c),k=R.colors.border,E=R.colors.bg,I=R.colors["text-muted"],L=toneOnColorFor(R,c),A=i.length,T="none"!==n,D=void 0!==s,[P,F]=(0,_react.useState)(r),$=D?s:P,B=null==$||$<0?null:$,M=i.map((e,t)=>(e=>null===B?"upcoming":e<B?"complete":e===B?"active":"upcoming")(t)),U=M.filter(e=>"upcoming"!==e).length,q=M.filter(e=>"complete"===e).length,canPressStatus=e=>"back"===n?"complete"===e:T,handleStepPress=e=>{if(!canPressStatus(M[e]))return;f&&(0,_hapticUtils.triggerHaptic)(f),a?.(e);const t="select"===n&&e===B?null:e;D||F(t),o?.(t)},O=(0,_react.useRef)((0,_index.createAnimatedValue)(U)).current,H=(0,_react.useRef)(U);(0,_react.useEffect)(()=>{const e=H.current;if(e===U)return;H.current=U;const t=_reactNative.Animated.timing(O,{toValue:U,duration:R.motion.duration.default*Math.abs(U-e),easing:_reactNative.Easing.linear,useNativeDriver:!1});return t.start(),()=>t.stop()},[U,O,R.motion]);const sliceOf=e=>O.interpolate({inputRange:[e,e+1],outputRange:["0%","100%"],extrapolate:"clamp"}),z=A<=1?"0%":O.interpolate({inputRange:[1,A],outputRange:["0%","100%"],extrapolate:"clamp"}),W=null!==B&&B<A?B:null,G=x??(null!==W?S.progressStep(W+1,A):S.progressDone(q,A)),[Z,J]=(0,_react.useState)(0),K=A>0&&Z>0?Z/(2*A):0,Q=(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:[C.container,h,_],testID:j,accessibilityRole:"progressbar",accessibilityLabel:G,accessibilityValue:{min:0,max:A,now:U},children:"segmented"===l?(()=>{const e=null!==W?i[W]:void 0,t=d?u?u(W,A,e):null!==W?S.captionStep(W+1,A,e?.label):S.captionDone(q,A):"";return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[d?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",style:[C.sCaption,{marginBottom:R.space.sm},g],numberOfLines:1,children:t}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:C.sRow,children:i.map((e,t)=>{const i=M[t],s=S.step(t+1,A,e.label,statusWordFor(S,i)),r=(0,_jsxRuntime.jsx)(_reactNative.View,{testID:j?`${j}-segment-${t}`:void 0,style:[C.sTrack,{backgroundColor:k},y],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[C.sFill,{backgroundColor:V,width:sliceOf(t)}]})});if(T){const n=canPressStatus(i);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:C.sItem,onPress:()=>handleStepPress(t),disabled:!n,accessibilityRole:"button",accessibilityLabel:s,accessibilityState:{selected:"active"===i,disabled:!n},"aria-selected":"active"===i,"aria-disabled":!n,hitSlop:{top:12,bottom:12},...(0,_hitSlop.hitSlopMarker)({top:12,bottom:12}),children:r},e.key)}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:C.sItem,accessibilityRole:"text",accessibilityLabel:s,accessibilityState:{selected:"active"===i},"aria-selected":"active"===i,children:r},e.key)})})]})})():"vertical"===l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:C.vCol,children:i.map((e,t)=>{const i=M[t],s=t===A-1;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.vRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.vLeft,children:[(0,_jsxRuntime.jsx)(StepCircle,{index:t,step:e,status:i,toneColor:V,upcomingColor:k,upcomingFillColor:E,onPressColor:V,textOnColor:L,upcomingTextColor:I,interactive:T,canPress:canPressStatus(i),totalSteps:A,onPress:handleStepPress,pulseEnabled:w,labels:S,circleStyles:N,circleSlotStyle:v}),s?null:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[C.vConnectorContainer,y],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[C.vConnectorTrack,{backgroundColor:k}]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[C.vConnectorFill,{backgroundColor:V,height:sliceOf(t+1)}]})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.vBody,children:[(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",weight:"semibold",style:[C.vLabel,{color:"upcoming"===i?R.colors["text-subtle"]:R.colors["text-body"]},g],numberOfLines:1,children:e?.label??" "}),e.description?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",style:C.vDescription,numberOfLines:3,children:e.description}):null]})]},e.key)})}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.hRow,onLayout:e=>J(e.nativeEvent.layout.width),children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:[C.hConnectorContainer,{left:K,right:K},y],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[C.hConnectorTrack,{backgroundColor:k}]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[C.hConnectorFill,{backgroundColor:V,width:z}]})]}),i.map((e,t)=>{const i=M[t];return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.hStepItem,children:[(0,_jsxRuntime.jsx)(StepCircle,{index:t,step:e,status:i,toneColor:V,upcomingColor:k,upcomingFillColor:E,onPressColor:V,textOnColor:L,upcomingTextColor:I,interactive:T,canPress:canPressStatus(i),totalSteps:A,onPress:handleStepPress,pulseEnabled:w,labels:S,circleStyles:N,circleSlotStyle:v}),(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",style:[C.hLabel,{color:"upcoming"===i?R.colors["text-subtle"]:R.colors["text-body"]},g],numberOfLines:1,children:e?.label??" "})]},e.key)})]})});return p?(0,_jsxRuntime.jsx)(StepperSkeleton,{...e}):Q});Stepper.displayName="Stepper";const StepperSkeleton=({steps:e,variant:t="horizontal",showCaption:i=!0,containerStyle:s,style:r,testID:n})=>{const a=(0,_index.useTheme)(),o=(0,_react.useMemo)(()=>buildStyles(a),[a]),l=(0,_react.useMemo)(()=>buildSkeletonStyles(a),[a]),c=e.length||3;return"segmented"===t?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[o.container,s,r],testID:n,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:[i?(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"45%",height:14,style:{marginBottom:a.space.sm}}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:o.sRow,children:Array.from({length:c}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:o.sItem,children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:"100%",height:4,radius:"pill"})},`sk-step-${t}`))})]}):"vertical"===t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.container,s,r],testID:n,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.vCol,children:Array.from({length:c}).map((e,t)=>{const i=t===c-1;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.vRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[l.vLeft,{width:32}],children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:24,height:24}),i?null:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:2,height:36})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.vBody,children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"55%",height:16,style:{marginBottom:a.space.xs}}),(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"80%",height:12})]})]},`sk-step-${t}`)})})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.container,s,r],testID:n,accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.hRow,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[o.hConnectorContainer,{left:50/c+"%",right:50/c+"%"}],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:"100%",height:2,radius:"pill"})}),Array.from({length:c}).map((e,t)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.hStepItem,children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:24,height:24}),(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"80%",height:12,style:{marginTop:a.space.xs}})]},`sk-step-${t}`))]})})};StepperSkeleton.displayName="StepperSkeleton",Stepper.Skeleton=StepperSkeleton;const buildSkeletonStyles=e=>_reactNative.StyleSheet.create({vCol:{flexDirection:"column"},vRow:{flexDirection:"row",alignItems:"flex-start"},vLeft:{alignItems:"center"},vBody:{flex:1,paddingLeft:e.space.md,paddingBottom:e.space.lg}}),buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},hRow:{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",position:"relative"},hConnectorContainer:{position:"absolute",top:11,height:2,flexDirection:"row",alignItems:"center"},hConnectorTrack:{position:"absolute",left:0,right:0,height:2,borderRadius:e.radius.pill,..._corners.smoothCorners},hConnectorFill:{position:"absolute",left:0,height:2,borderRadius:e.radius.pill,..._corners.smoothCorners},hStepItem:{alignItems:"center",flex:1},hLabel:{marginTop:e.space.xs,textAlign:"center"},vCol:{flexDirection:"column"},vRow:{flexDirection:"row",alignItems:"flex-start"},vLeft:{alignItems:"center",alignSelf:"stretch",width:32},vConnectorContainer:{flex:1,width:2,minHeight:32,position:"relative",alignSelf:"center"},vConnectorTrack:{position:"absolute",top:0,bottom:0,width:2,borderRadius:e.radius.pill,..._corners.smoothCorners},vConnectorFill:{position:"absolute",top:0,width:2,borderRadius:e.radius.pill,..._corners.smoothCorners},vBody:{flex:1,paddingLeft:e.space.sm,paddingBottom:e.space.md},vLabel:{marginBottom:e.space.xxs},vDescription:{},sCaption:{includeFontPadding:!1},sRow:{flexDirection:"row",columnGap:e.space.xs},sItem:{flex:1},sTrack:{height:4,borderRadius:e.radius.pill,overflow:"hidden"},sFill:{height:4,borderRadius:e.radius.pill}});var _default=exports.default=Stepper;

package/lib/commonjs/components/Stepper/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Stepper",{enumerable:!0,get:function(){return _Stepper.Stepper}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Stepper.default}});var cache,_Stepper=_interopRequireWildcard(require("./Stepper.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,p=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=p&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?p(n,c,t):n[c]=e[c]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_STEPPER_LABELS",{enumerable:!0,get:function(){return _Stepper.DEFAULT_STEPPER_LABELS}}),Object.defineProperty(exports,"Stepper",{enumerable:!0,get:function(){return _Stepper.Stepper}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Stepper.default}});var cache,_Stepper=_interopRequireWildcard(require("./Stepper.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,p=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=p&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?p(c,n,t):c[n]=e[n]);return c}

package/lib/commonjs/components/Swipeable/Swipeable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Swipeable=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,i,n=Object.defineProperty,r={__proto__:null,default:e};if(Object(e)!==e)return r;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,r)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((a=n&&Object.getOwnPropertyDescriptor(e,i))&&(a.get||a.set)?n(r,i,a):r[i]=e[i]);return r}const SPRING_CONFIG={damping:22,stiffness:260,mass:1},DRAG_ACTIVATION_OFFSET=10,RUBBER_BAND_FACTOR=.35,FAIL_OFFSET_Y=15,toneToBg=(e,t)=>{switch(t){case"primary":return e.colors.primary;case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.neutral}},toneToOnColor=(e,t)=>{switch(t){case"primary":return e.colors["on-primary"];case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];default:return e.colors["on-neutral"]}},Swipeable=e=>{const{children:t,leftActions:a,rightActions:i,threshold:n,fullSwipeThreshold:r,onSwipeOpen:c,onSwipeClose:s,disabled:o=!1,haptic:l,containerStyle:u,contentStyle:d,actionStyle:_,accessibilityLabel:m,testID:h}=e,v=(0,_index.useTheme)(),p=n??80,R=r??200,N=(0,_react.useMemo)(()=>buildStyles(v),[v]),S=(0,_react.useMemo)(()=>buildActionStyles(v),[v]),b=!!a&&a.length>0,f=!!i&&i.length>0,w=_reactNative.Dimensions.get("window").width,x=b?p*(a?.length??0):0,g=f?p*(i?.length??0):0,y=(0,_reactNativeReanimated.useSharedValue)(0),j=(0,_reactNativeReanimated.useSharedValue)(0),O=(0,_react.useRef)(null);(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(y),(0,_reactNativeReanimated.cancelAnimation)(j)},[y,j]);const I=(0,_react.useCallback)(e=>{O.current!==e&&(O.current=e,c?.(e))},[c]),C=(0,_react.useCallback)(()=>{null!==O.current&&(O.current=null,s?.())},[s]),G=(0,_react.useCallback)(e=>{const t="left"===e?a:i,n=t?.[0];n&&(!1!==l&&(0,_index2.triggerHaptic)("notificationSuccess"),n.onPress(),y.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),O.current=null,s?.())},[a,i,y,s,l]),A=(0,_react.useCallback)(()=>{y.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),C()},[y,C]),P=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(l,"selection");t&&(0,_index2.triggerHaptic)(t),e.onPress(),A()},[A,l]),k=(0,_react.useMemo)(()=>{const e=x,t=g,a=R,i=-R,n=w,r=-w,c=p,s=b,l=f;return _reactNativeGestureHandler.Gesture.Pan().enabled(!o).withTestId(h?`${h}-gesture`:"swipeable-gesture").activeOffsetX([-10,10]).failOffsetY([-15,15]).onStart(()=>{"worklet";j.value=y.value}).onUpdate(a=>{"worklet";const i=j.value+a.translationX;y.value=i>0&&!s||i<0&&!l?0:i>e&&s?e+.35*(i-e):i<-t&&l?.35*(i+t)-t:i}).onEnd(()=>{"worklet";const o=y.value;return s&&o>=a?(y.value=(0,_reactNativeReanimated.withSpring)(n,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(G)("left")):l&&o<=i?(y.value=(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(G)("right")):s&&o>=c?(y.value=(0,_reactNativeReanimated.withSpring)(e,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(I)("left")):l&&o<=-c?(y.value=(0,_reactNativeReanimated.withSpring)(-t,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(I)("right")):(y.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(C)())})},[o,j,G,R,b,f,x,C,I,g,w,p,y,h]),F=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:y.value}]})),T=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:x>0?Math.min(1,Math.max(0,y.value/x)):0})),M=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:g>0?Math.min(1,Math.max(0,-y.value/g)):0})),E=(0,_react.useMemo)(()=>{const e=[];return a?.forEach(t=>{e.push({name:t.key,label:t.label})}),i?.forEach(t=>{e.push({name:t.key,label:t.label})}),e},[a,i]),q=(0,_react.useCallback)(e=>{const t=e.nativeEvent.actionName,n=[...a??[],...i??[]].find(e=>e.key===t);n&&(!1!==l&&(0,_index2.triggerHaptic)("selection"),n.onPress())},[a,i,l]);return b||f?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[N.root,u],testID:h,accessibilityLabel:m,accessibilityActions:E,onAccessibilityAction:q,children:[b?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[N.actionsRow,N.actionsLeft,{width:x},_,T],pointerEvents:"box-none",children:a?.map(e=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,theme:v,actionStyles:S,width:p,onPress:P},e.key))}):null,f?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[N.actionsRow,N.actionsRight,{width:g},_,M],pointerEvents:"box-none",children:i?.map(e=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,theme:v,actionStyles:S,width:p,onPress:P},e.key))}):null,(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:k,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[N.content,d,F],children:t})})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:u,testID:h,children:t})};exports.Swipeable=Swipeable,Swipeable.displayName="Swipeable";const ActionButton=({action:e,theme:t,actionStyles:a,width:i,onPress:n})=>{const r=e.tone??"neutral",c=toneToBg(t,r);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>n(e),accessibilityRole:"button",accessibilityLabel:e.label,style:[a.button,{width:i,backgroundColor:c,paddingHorizontal:t.space.sm}],children:[e.icon?(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.icon,children:e.icon}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[a.label,{color:toneToOnColor(t,r),fontSize:t.text.sm.size,fontWeight:t.weight.semibold}],numberOfLines:1,children:e.label})]})},buildActionStyles=e=>_reactNative.StyleSheet.create({button:{flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center"},icon:{marginBottom:e.space.xxs},label:{textAlign:"center"}}),buildStyles=e=>_reactNative.StyleSheet.create({root:{position:"relative",overflow:"hidden"},content:{backgroundColor:"transparent"},actionsRow:{position:"absolute",top:0,bottom:0,flexDirection:"row"},actionsLeft:{left:0},actionsRight:{right:0,justifyContent:"flex-end"}});var _default=exports.default=Swipeable;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Swipeable=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,n,i=Object.defineProperty,r={__proto__:null,default:e};if(Object(e)!==e)return r;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,r)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((a=i&&Object.getOwnPropertyDescriptor(e,n))&&(a.get||a.set)?i(r,n,a):r[n]=e[n]);return r}const SPRING_CONFIG={damping:22,stiffness:260,mass:1},DRAG_ACTIVATION_OFFSET=10,RUBBER_BAND_FACTOR=.35,FAIL_OFFSET_Y=15,ACTION_ICON_SIZE=20,toneToBg=(e,t)=>{switch(t){case"primary":return e.colors.primary;case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;default:return e.colors.neutral}},toneToOnColor=(e,t)=>{switch(t){case"primary":return e.colors["on-primary"];case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];case"info":return e.colors["on-info"];default:return e.colors["on-neutral"]}},Swipeable=e=>{const{children:t,leftActions:a,rightActions:n,threshold:i,fullSwipeThreshold:r,onSwipeOpen:s,onSwipeClose:c,disabled:o=!1,haptic:l,containerStyle:u,contentStyle:d,actionStyle:_,accessibilityLabel:m,testID:v}=e,h=(0,_index.useTheme)(),p=i??80,w=r??200,S=(0,_react.useMemo)(()=>buildStyles(h),[h]),b=(0,_react.useMemo)(()=>buildActionStyles(h),[h]),f=!!a&&a.length>0,N=!!n&&n.length>0,R=_reactNative.Dimensions.get("window").width,x=f?p*(a?.length??0):0,g=N?p*(n?.length??0):0,y=(0,_reactNativeReanimated.useSharedValue)(0),I=(0,_reactNativeReanimated.useSharedValue)(0),j=(0,_react.useRef)(null);(0,_react.useEffect)(()=>()=>{(0,_reactNativeReanimated.cancelAnimation)(y),(0,_reactNativeReanimated.cancelAnimation)(I)},[y,I]);const O=(0,_react.useCallback)(e=>{j.current!==e&&(j.current=e,s?.(e))},[s]),C=(0,_react.useCallback)(()=>{null!==j.current&&(j.current=null,c?.())},[c]),A=(0,_react.useCallback)(e=>{const t="left"===e?a:n,i=t?.[0];i&&(!1!==l&&(0,_index2.triggerHaptic)("notificationSuccess"),i.onPress(),y.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),j.current=null,c?.())},[a,n,y,c,l]),G=(0,_react.useCallback)(()=>{y.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),C()},[y,C]),P=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(l,"selection");t&&(0,_index2.triggerHaptic)(t),e.onPress(),G()},[G,l]),k=(0,_react.useMemo)(()=>{const e=x,t=g,a=w,n=-w,i=R,r=-R,s=p,c=f,l=N;return _reactNativeGestureHandler.Gesture.Pan().enabled(!o).withTestId(v?`${v}-gesture`:"swipeable-gesture").activeOffsetX([-10,10]).failOffsetY([-15,15]).onStart(()=>{"worklet";I.value=y.value}).onUpdate(a=>{"worklet";const n=I.value+a.translationX;y.value=n>0&&!c||n<0&&!l?0:n>e&&c?e+.35*(n-e):n<-t&&l?.35*(n+t)-t:n}).onEnd(()=>{"worklet";const o=y.value;return c&&o>=a?(y.value=(0,_reactNativeReanimated.withSpring)(i,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(A)("left")):l&&o<=n?(y.value=(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(A)("right")):c&&o>=s?(y.value=(0,_reactNativeReanimated.withSpring)(e,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(O)("left")):l&&o<=-s?(y.value=(0,_reactNativeReanimated.withSpring)(-t,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(O)("right")):(y.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),void(0,_reactNativeReanimated.runOnJS)(C)())})},[o,I,A,w,f,N,x,C,O,g,R,p,y,v]),T=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:y.value}]})),F=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:x>0?Math.min(1,Math.max(0,y.value/x)):0})),V=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:g>0?Math.min(1,Math.max(0,-y.value/g)):0})),q=(0,_react.useMemo)(()=>{const e=[];return a?.forEach(t=>{e.push({name:t.key,label:t.label})}),n?.forEach(t=>{e.push({name:t.key,label:t.label})}),e},[a,n]),M=(0,_react.useCallback)(e=>{const t=e.nativeEvent.actionName,i=[...a??[],...n??[]].find(e=>e.key===t);i&&(!1!==l&&(0,_index2.triggerHaptic)("selection"),i.onPress())},[a,n,l]);return f||N?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[S.root,u],testID:v,accessibilityLabel:m,accessibilityActions:q,onAccessibilityAction:M,children:[f?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[S.actionsRow,S.actionsLeft,{width:x},_,F],pointerEvents:"box-none",children:a?.map(e=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,theme:h,actionStyles:b,width:p,onPress:P},e.key))}):null,N?(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[S.actionsRow,S.actionsRight,{width:g},_,V],pointerEvents:"box-none",children:n?.map(e=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,theme:h,actionStyles:b,width:p,onPress:P},e.key))}):null,(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:k,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[S.content,d,T],children:t})})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:u,testID:v,children:t})};exports.Swipeable=Swipeable,Swipeable.displayName="Swipeable";const ActionButton=({action:e,theme:t,actionStyles:a,width:n,onPress:i})=>{(0,_warnInvalidValue.warnInvalidValue)("Swipeable","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const r=e.tone??"neutral",s=toneToBg(t,r),c=(0,_slotIcon.renderSlotIcon)(e.icon,{color:toneToOnColor(t,r),size:20,disabled:!1});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>i(e),accessibilityRole:"button",accessibilityLabel:e.label,style:[a.button,{width:n,backgroundColor:s,paddingHorizontal:t.space.sm}],children:[c?(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.icon,children:c}):null,(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",weight:"semibold",style:[a.label,{color:toneToOnColor(t,r)}],numberOfLines:1,children:e.label})]})},buildActionStyles=e=>_reactNative.StyleSheet.create({button:{flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center"},icon:{marginBottom:e.space.xxs},label:{textAlign:"center"}}),buildStyles=e=>_reactNative.StyleSheet.create({root:{position:"relative",overflow:"hidden"},content:{backgroundColor:"transparent"},actionsRow:{position:"absolute",top:0,bottom:0,flexDirection:"row"},actionsLeft:{left:0},actionsRight:{right:0,justifyContent:"flex-end"}});var _default=exports.default=Swipeable;

package/lib/commonjs/components/Switch/Switch.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Switch=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},Switch=exports.Switch=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:s,onChange:r,disabled:a=!1,size:n="md",tone:o="primary",label:l,description:c,error:d,labelLines:u,layout:h="inline",accessibilityLabel:p,haptic:_="selection",bounce:m=!1,style:b,containerStyle:x,trackStyle:f,thumbStyle:g,testID:y,hitSlop:v,...w}=e,[S,j]=(0,_index.useControllableState)({value:i,defaultValue:s??!1,onChange:r}),R=(0,_index2.useTheme)(),C=(0,_react.useMemo)(()=>(0,_index2.resolveSwitchSize)(R,n),[R,n]),N=R.colors.thumb,T=(0,_react.useMemo)(()=>buildStyles(R),[R]),k="dark"===R.mode?R.colors.neutral:R.colors["surface-disabled"],V=toneColor(R,o),A=v??8,F=(0,_react.useRef)((0,_index2.createAnimatedValue)(S?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(F,{toValue:S?1:0,damping:R.motion.spring.snappy.damping,stiffness:R.motion.spring.snappy.stiffness,mass:R.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[S,F,R.motion.spring.snappy]);const q=(0,_react.useRef)((0,_index2.createAnimatedValue)(S?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(q,{toValue:S?1:0,duration:R.motion.duration.fast,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:!1});return e.start(),()=>e.stop()},[S,q,R.motion.duration.fast]);const D=C.padding,B=C["track-width"]-C["thumb-size"]-C.padding,L=F.interpolate({inputRange:[0,1],outputRange:[D,B]}),z=q.interpolate({inputRange:[0,1],outputRange:[k,V]}),E=(0,_react.useRef)((0,_index2.createAnimatedValue)(1)).current,H=(0,_react.useRef)(!0);(0,_react.useEffect)(()=>{if(!m)return;if(H.current)return void(H.current=!1);const e=_reactNative.Animated.sequence([_reactNative.Animated.spring(E,{toValue:1.15,damping:10,stiffness:220,mass:1,useNativeDriver:!0}),_reactNative.Animated.spring(E,{toValue:1,damping:14,stiffness:240,mass:1,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[S,m,E]);const handlePress=e=>{a||(!1!==_&&(0,_hapticUtils.triggerHaptic)(_),j(!S),w.onPressOut?.(e))},P=p??(0,_FieldBase.fieldTextAsString)(l),I=(0,_FieldBase.hasFieldText)(l)||(0,_ChoiceText.hasChoiceDetail)(c,d),M=(!0===d||(0,_FieldBase.hasFieldText)(d))&&!S&&!a,U="row"===h&&I,O=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[T.track,{width:C["track-width"],height:C["track-height"],borderRadius:R.radius.pill,..._corners.smoothCorners,backgroundColor:z},f],children:[M?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[T.errorRing,{borderRadius:R.radius.pill,..._corners.smoothCorners,borderWidth:R.size.border,borderColor:R.colors["field-border-error"]}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[T.thumb,R.shadow.card,{backgroundColor:N,width:C["thumb-size"],height:C["thumb-size"],borderRadius:R.radius.pill,..._corners.smoothCorners,transform:[{translateX:L},{scale:E}]},g]})]});if(U)return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:P,accessibilityHint:w.accessibilityHint??(0,_FieldBase.fieldTextAsString)(c),accessibilityState:{checked:S,disabled:a},"aria-checked":S,"aria-disabled":a,testID:y,hitSlop:v,...null==v?{}:(0,_hitSlop.hitSlopMarker)(v),...w,style:({pressed:e})=>[T.row,T.spreadRow,(0,_ChoiceText.hasChoiceDetail)(c,d)?T.rowTop:null,{opacity:a?.55:e?.9:1},x,b],children:[(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:l,description:c,error:d,disabled:a,labelLines:u||void 0,descriptionLines:u||void 0,style:T.spreadText}),O]});const W=(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:P,accessibilityHint:w.accessibilityHint??(0,_FieldBase.fieldTextAsString)(c),accessibilityState:{checked:S,disabled:a},"aria-checked":S,"aria-disabled":a,testID:y,hitSlop:A,...(0,_hitSlop.hitSlopMarker)(A),...w,style:({pressed:e})=>[{opacity:a?.55:e?.9:1},I?null:b],children:O});return I?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[T.row,(0,_ChoiceText.hasChoiceDetail)(c,d)?T.rowTop:null,x,b],children:[W,(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:l,description:c,error:d,disabled:a,labelLines:u||void 0,descriptionLines:u||void 0,style:T.text})]}):x?(0,_jsxRuntime.jsx)(_reactNative.View,{style:x,children:W}):W});Switch.displayName="Switch";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},track:{justifyContent:"center"},thumb:{position:"absolute",top:2},errorRing:{..._reactNative.StyleSheet.absoluteFill},rowTop:{alignItems:"flex-start"},text:{marginLeft:e.space.sm},spreadRow:{minHeight:44,justifyContent:"space-between"},spreadText:{flex:1,marginRight:e.space.md}});var _default=exports.default=Switch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Switch=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors.neutral;default:return e.colors.primary}},Switch=exports.Switch=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:r,onChange:s,disabled:a=!1,size:n="md",tone:o="primary",label:l,description:c,helperText:d,error:u,layout:p="inline",accessibilityLabel:h,haptic:_="selection",bounce:m=!1,style:x,containerStyle:b,trackStyle:f,thumbStyle:g,testID:w,hitSlop:y,...v}=e,S=(0,_index2.useTheme)(),j=Object.keys(S.components.switch);(0,_warnInvalidValue.warnInvalidValue)("Switch","size",e.size,j),(0,_warnInvalidValue.warnInvalidValue)("Switch","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("Switch","layout",e.layout,["inline","row"]);const[R,N]=(0,_index.useControllableState)({value:i,defaultValue:r??!1,onChange:s}),T=j.includes(n)?n:"md",V=(0,_react.useMemo)(()=>(0,_index2.resolveSwitchSize)(S,T),[S,T]),C=S.colors.thumb,k=(0,_react.useMemo)(()=>buildStyles(S),[S]),A="dark"===S.mode?S.colors.neutral:S.colors["surface-disabled"],I=toneColor(S,o),q=y??8,F=(0,_react.useRef)((0,_index2.createAnimatedValue)(R?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(F,{toValue:R?1:0,damping:S.motion.spring.snappy.damping,stiffness:S.motion.spring.snappy.stiffness,mass:S.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[R,F,S.motion.spring.snappy]);const B=(0,_react.useRef)((0,_index2.createAnimatedValue)(R?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(B,{toValue:R?1:0,duration:S.motion.duration.fast,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:!1});return e.start(),()=>e.stop()},[R,B,S.motion.duration.fast]);const D=V.padding,z=V["track-width"]-V["thumb-size"]-V.padding,E=F.interpolate({inputRange:[0,1],outputRange:[D,z]}),H=B.interpolate({inputRange:[0,1],outputRange:[A,I]}),P=(0,_react.useRef)((0,_index2.createAnimatedValue)(1)).current,M=(0,_react.useRef)(!0);(0,_react.useEffect)(()=>{if(!m)return;if(M.current)return void(M.current=!1);const e=_reactNative.Animated.sequence([_reactNative.Animated.spring(P,{toValue:1.15,damping:10,stiffness:220,mass:1,useNativeDriver:!0}),_reactNative.Animated.spring(P,{toValue:1,damping:14,stiffness:240,mass:1,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[R,m,P]);const handlePress=e=>{a||(!1!==_&&(0,_hapticUtils.triggerHaptic)(_),N(!R),v.onPressOut?.(e))},L=h??(0,_FieldBase.fieldTextAsString)(l),O="string"==typeof u?u:void 0,U=(0,_ChoiceText.hasChoiceDetail)({description:c,error:O,helperText:d}),W=(0,_FieldBase.hasFieldText)(l)||U,X=(!0===u||(0,_FieldBase.hasFieldText)(u))&&!R&&!a,G="row"===p&&W,J=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[k.track,{width:V["track-width"],height:V["track-height"],borderRadius:S.radius.pill,..._corners.smoothCorners,backgroundColor:H},f],children:[X?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[k.errorRing,{borderRadius:S.radius.pill,..._corners.smoothCorners,borderWidth:S.size.border,borderColor:S.colors["field-border-error"]}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[k.thumb,S.shadow.card,{backgroundColor:C,width:V["thumb-size"],height:V["thumb-size"],borderRadius:S.radius.pill,..._corners.smoothCorners,transform:[{translateX:E},{scale:P}]},g]})]});if(G)return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:L,accessibilityHint:v.accessibilityHint??(0,_FieldBase.fieldTextAsString)(c),accessibilityState:{checked:R,disabled:a},"aria-checked":R,"aria-disabled":a,testID:w,hitSlop:y,...null==y?{}:(0,_hitSlop.hitSlopMarker)(y),...v,style:({pressed:e})=>[k.row,k.spreadRow,U?k.rowTop:null,{opacity:a?.55:e?.9:1},b,x],children:[(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:l,description:c,helperText:d,error:O,disabled:a,style:k.spreadText}),J]});const K=(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:handlePress,disabled:a,accessibilityRole:"switch",accessibilityLabel:L,accessibilityHint:v.accessibilityHint??(0,_FieldBase.fieldTextAsString)(c),accessibilityState:{checked:R,disabled:a},"aria-checked":R,"aria-disabled":a,testID:w,hitSlop:q,...(0,_hitSlop.hitSlopMarker)(q),...v,style:({pressed:e})=>[{opacity:a?.55:e?.9:1},W?null:x],children:J});return W?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[k.row,U?k.rowTop:null,b,x],children:[K,(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:l,description:c,helperText:d,error:O,disabled:a,style:k.text})]}):b?(0,_jsxRuntime.jsx)(_reactNative.View,{style:b,children:K}):K});Switch.displayName="Switch";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},track:{justifyContent:"center"},thumb:{position:"absolute",top:2},errorRing:{..._reactNative.StyleSheet.absoluteFill},rowTop:{alignItems:"flex-start"},text:{marginLeft:e.space.sm},spreadRow:{minHeight:44,justifyContent:"space-between"},spreadText:{flex:1,marginRight:e.space.md}});var _default=exports.default=Switch;

package/lib/commonjs/components/Tabs/Tabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tabs=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");const Tabs=exports.Tabs=(0,_react.forwardRef)((e,t)=>{const{tabs:i,activeKey:r,onChange:a,variant:s="underline",radius:n,size:l="md",scrollable:o=!1,align:c="left",style:d,containerStyle:u,tabStyle:p,tabLabelStyle:m,tabIconStyle:b,tabBadgeStyle:x,dividerStyle:g,indicatorStyle:_,progress:h,haptic:y,accessibilityLabel:f,testID:v}=e,j=(0,_index.useTheme)(),S=(0,_react.useMemo)(()=>buildStyles(j),[j]),R=j.components.tabs,w=(0,_react.useMemo)(()=>(0,_index.resolveTabsSize)(j,l),[j,l]),C=o?w["scrollable-padding-x"]:w["padding-x"],N=w["padding-y"],k=w.text,z=j.space[R["icon-gap"]],q=w.icon,I=R["underline-height"],T=j.space[R["pill-inset"]],V=R["disabled-opacity"],L=j.space[R["badge-gap"]],F="segmented"===s,A=(0,_react.useMemo)(()=>(0,_index.resolveSegmentedControlSize)(j,l),[j,l]),M=j.space[R["track-padding"]],P="number"==typeof n?n:n?j.radius[n]:void 0,D=P??j.radius.md,H=void 0===P?j.radius.sm:Math.max(P-M,0),B=P??j.radius.pill,W=P??j.radius.none,E=j.colors["bg-muted"],O=(0,_SquircleFill.useSquircle)(F,D),[U,K]=(0,_react.useState)({}),X=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,G=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,J=U[r],Q=i.every(e=>void 0!==U[e.key]),Y=void 0!==h&&Q&&i.length>1,Z=(0,_react.useMemo)(()=>Y&&h?h.interpolate({inputRange:i.map((e,t)=>t),outputRange:i.map(e=>U[e.key].x),extrapolate:"clamp"}):null,[Y,h,i,U]),$=(0,_react.useMemo)(()=>Y&&h?h.interpolate({inputRange:i.map((e,t)=>t),outputRange:i.map(e=>U[e.key].width),extrapolate:"clamp"}):null,[Y,h,i,U]),ee=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(!J)return;if(Y)return;const e=null!==ee.current&&ee.current!==r;if(ee.current=r,!e)return X.setValue(J.x),void G.setValue(J.width);const t=j.motion.spring.snappy,i=_reactNative.Animated.parallel([_reactNative.Animated.spring(X,{toValue:J.x,damping:t.damping,stiffness:t.stiffness,mass:t.mass,overshootClamping:!0,useNativeDriver:!1}),_reactNative.Animated.spring(G,{toValue:J.width,damping:t.damping,stiffness:t.stiffness,mass:t.mass,overshootClamping:!0,useNativeDriver:!1})]);return i.start(),()=>i.stop()},[J,r,X,G,j.motion.spring.snappy,Y]);const te=(0,_react.useCallback)(e=>t=>{const{x:i,width:r}=t.nativeEvent.layout;K(t=>{const a=t[e];return a&&a.x===i&&a.width===r?t:{...t,[e]:{x:i,width:r}}})},[]),ie=(0,_react.useCallback)(e=>{if(e.disabled)return;if(e.key===r)return;const t=(0,_index2.resolveHaptic)(y,"selection");t&&(0,_index2.triggerHaptic)(t),a(e.key)},[r,a,y]),re="pills"===s,ae=(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[F?S.indicatorThumb:re?S.indicatorPill:S.indicatorUnderline,F?null:re?{top:T,bottom:T}:{height:I},{width:$??G,transform:[{translateX:Z??X}],backgroundColor:F?j.colors.surface:re?j.colors["primary-soft"]:j.colors.primary,borderRadius:F?H:re?B:W,..._corners.smoothCorners},_]}),renderTabs=()=>i.map(e=>{const t=e.key===r,i=!0===e.disabled,a=t?j.colors.primary:j.colors["text-subtle"],s=(0,_slotIcon.renderSlotIcon)(e.icon,{color:a,size:q,focused:t,disabled:i});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>ie(e),onLayout:te(e.key),disabled:i,accessibilityRole:"tab",accessibilityLabel:e.label,accessibilityState:{selected:t,disabled:i},"aria-selected":t,"aria-disabled":i,android_ripple:F?void 0:{color:j.colors["surface-pressed"],borderless:!1},style:({pressed:e})=>[S.tab,o?null:S.tabFlex,F?{paddingHorizontal:A["padding-x"],height:A.height-2*M}:{paddingHorizontal:C,paddingVertical:N},{opacity:i?V:e&&F&&!t?.7:1,backgroundColor:e&&!F?j.colors["surface-pressed"]:"transparent"},p],children:[s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[S.tabIcon,{marginRight:z},b],children:s}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[S.tabLabel,{color:a,fontSize:F?A.text:k,fontWeight:t?j.weight.semibold:j.weight.medium},m],numberOfLines:1,children:e.label}),void 0!==e.badge&&null!==e.badge?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[S.tabBadge,{marginLeft:L,backgroundColor:j.colors["primary-soft"],borderRadius:j.radius.pill,..._corners.smoothCorners,paddingHorizontal:j.space.xs},x],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:j.colors.primary,fontSize:j.text.xs.size,fontWeight:j.weight.semibold},numberOfLines:1,children:String(e.badge)})}):null]},e.key)}),se={flexDirection:"row",alignItems:"stretch",justifyContent:o?"flex-start":"center"===c?"center":"flex-start",position:"relative",overflow:"hidden"},ne=F?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[ae,renderTabs()]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[renderTabs(),ae]});return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[S.container,{borderBottomColor:j.colors["border-subtle"],borderBottomWidth:"underline"===s?_reactNative.StyleSheet.hairlineWidth:0},"underline"===s?g:null,F?{padding:M,borderRadius:D,..._corners.smoothCorners,backgroundColor:O.active?"transparent":E}:null,d,u],onLayout:O.onLayout,accessibilityRole:"tablist",accessibilityLabel:f,testID:v,children:[O.active&&O.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:O.size.width,height:O.size.height,radius:D,fill:E}):null,o?(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:[se],keyboardShouldPersistTaps:"handled",children:ne}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:se,children:ne})]})});Tabs.displayName="Tabs";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%",position:"relative"},tab:{flexDirection:"row",alignItems:"center",justifyContent:"center"},tabFlex:{flex:1},tabIcon:{},tabLabel:{includeFontPadding:!1,flexShrink:1},tabBadge:{minWidth:18,alignItems:"center",justifyContent:"center"},indicatorUnderline:{position:"absolute",left:0,bottom:0},indicatorPill:{position:"absolute",left:0,zIndex:-1},indicatorThumb:{position:"absolute",left:0,top:0,bottom:0}});var _default=exports.default=Tabs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tabs=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const Tabs=exports.Tabs=(0,_react.forwardRef)((e,t)=>{const{tabs:i,activeKey:a,onChange:r,variant:n="underline",radius:s,size:l="md",scrollable:o=!1,align:d="left",style:c,tabStyle:u,tabLabelStyle:m,tabIconStyle:b,tabBadgeStyle:p,dividerStyle:_,indicatorStyle:x,progress:g,pages:h,haptic:v,accessibilityLabel:f,testID:y}=e;(0,_warnInvalidValue.warnInvalidValue)("Tabs","variant",e.variant,["underline","pills","segmented"]),(0,_warnInvalidValue.warnInvalidValue)("Tabs","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Tabs","align",e.align,["left","center"]);const j=(0,_index.useTheme)(),w=(0,_react.useMemo)(()=>buildStyles(j),[j]),R=j.components.tabs,S=(0,_react.useMemo)(()=>(0,_index.resolveTabsSize)(j,l),[j,l]),I=o?S["scrollable-padding-x"]:S["padding-x"],V=S["padding-y"],k=S.text,N=j.space[R["icon-gap"]],T=S.icon,C=R["underline-height"],q=j.space[R["pill-inset"]],z=R["disabled-opacity"],L=j.space[R["badge-gap"]],E="segmented"===n,F=(0,_react.useMemo)(()=>(0,_index.resolveSegmentedControlSize)(j,l),[j,l]),M=j.space[R["track-padding"]],A="number"==typeof s?s:s?j.radius[s]:void 0,D=A??j.radius.md,H=void 0===A?j.radius.sm:Math.max(A-M,0),P=A??j.radius.pill,B=A??j.radius.none,O=j.colors["bg-muted"],W=(0,_SquircleFill.useSquircle)(E,D),[$,U]=(0,_react.useState)({}),K=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,X=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,[G,J]=(0,_react.useState)(0),Q=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,Y=(0,_react.useRef)(null),Z=(0,_react.useRef)(0),ee=$[a],te=Math.max(0,i.findIndex(e=>e.key===a)),ie=(0,_react.useMemo)(()=>h&&G>0?Q.interpolate({inputRange:[0,G],outputRange:[0,1]}):void 0,[h,G,Q])??g,ae=i.every(e=>void 0!==$[e.key]),re=void 0!==ie&&ae&&i.length>1,ne=(0,_react.useMemo)(()=>re&&ie?ie.interpolate({inputRange:i.map((e,t)=>t),outputRange:i.map(e=>$[e.key].x),extrapolate:"clamp"}):null,[re,ie,i,$]),se=(0,_react.useMemo)(()=>re&&ie?ie.interpolate({inputRange:i.map((e,t)=>t),outputRange:i.map(e=>$[e.key].width),extrapolate:"clamp"}):null,[re,ie,i,$]),le=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(!ee)return;if(re)return;const e=null!==le.current&&le.current!==a;if(le.current=a,!e)return K.setValue(ee.x),void X.setValue(ee.width);const t=j.motion.spring.snappy,i=_reactNative.Animated.parallel([_reactNative.Animated.spring(K,{toValue:ee.x,damping:t.damping,stiffness:t.stiffness,mass:t.mass,overshootClamping:!0,useNativeDriver:!1}),_reactNative.Animated.spring(X,{toValue:ee.width,damping:t.damping,stiffness:t.stiffness,mass:t.mass,overshootClamping:!0,useNativeDriver:!1})]);return i.start(),()=>i.stop()},[ee,a,K,X,j.motion.spring.snappy,re]),(0,_react.useEffect)(()=>{h&&0!==G&&Z.current!==te&&(Z.current=te,Y.current?.scrollTo({x:te*G,animated:!0}))},[h,G,te]);const oe=h?.length;(0,_react.useEffect)(()=>{__DEV__&&void 0!==oe&&oe!==i.length&&_mobileCore.Logger.warn(`[@webority/mobile-ui] Tabs pages has ${oe} entries for ${i.length} tabs; each tab needs one page.`)},[oe,i.length]);const de=(0,_react.useCallback)(e=>t=>{const{x:i,width:a}=t.nativeEvent.layout;U(t=>{const r=t[e];return r&&r.x===i&&r.width===a?t:{...t,[e]:{x:i,width:a}}})},[]),ce=(0,_react.useCallback)(e=>{if(e.disabled)return;if(e.key===a)return;const t=(0,_index2.resolveHaptic)(v,"selection");t&&(0,_index2.triggerHaptic)(t),r(e.key)},[a,r,v]),ue="pills"===n,me=(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[E?w.indicatorThumb:ue?w.indicatorPill:w.indicatorUnderline,E?null:ue?{top:q,bottom:q}:{height:C},{width:se??X,transform:[{translateX:ne??K}],backgroundColor:E?j.colors.surface:ue?j.colors["primary-soft"]:j.colors.primary,borderRadius:E?H:ue?P:B,..._corners.smoothCorners},x]}),renderTabs=()=>i.map(e=>{const t=e.key===a,i=!0===e.disabled,r=t?j.colors.primary:j.colors["text-subtle"],n=(0,_slotIcon.renderSlotIcon)(e.icon,{color:r,size:T,focused:t,disabled:i});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>ce(e),onLayout:de(e.key),disabled:i,accessibilityRole:"tab",accessibilityLabel:e.label,accessibilityState:{selected:t,disabled:i},"aria-selected":t,"aria-disabled":i,android_ripple:E?void 0:{color:j.colors["surface-pressed"],borderless:!1},style:({pressed:e})=>[w.tab,o?null:w.tabFlex,E?{paddingHorizontal:F["padding-x"],height:F.height-2*M}:{paddingHorizontal:I,paddingVertical:V},{opacity:i?z:e&&E&&!t?.7:1,backgroundColor:e&&!E?j.colors["surface-pressed"]:"transparent"},u],children:[n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tabIcon,{marginRight:N},b],children:n}):null,(0,_jsxRuntime.jsx)(_index3.Text,{variant:"label",weight:t?"semibold":"medium",color:t?"brand":"tertiary",style:[w.tabLabel,{fontSize:E?F.text:k},m],numberOfLines:1,children:e.label}),void 0!==e.badge&&null!==e.badge?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tabBadge,{marginLeft:L,backgroundColor:j.colors["primary-soft"],borderRadius:j.radius.pill,..._corners.smoothCorners,paddingHorizontal:j.space.xs},p],children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",weight:"semibold",color:"brand",numberOfLines:1,children:String(e.badge)})}):null]},e.key)}),be={flexDirection:"row",alignItems:"stretch",justifyContent:o?"flex-start":"center"===d?"center":"flex-start",position:"relative",overflow:"hidden"},pe=E?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[me,renderTabs()]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[renderTabs(),me]}),xe=(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[w.container,{borderBottomColor:j.colors["border-subtle"],borderBottomWidth:"underline"===n?_reactNative.StyleSheet.hairlineWidth:0},"underline"===n?_:null,E?{padding:M,borderRadius:D,..._corners.smoothCorners,backgroundColor:W.active?"transparent":O}:null,c],onLayout:W.onLayout,accessibilityRole:"tablist",accessibilityLabel:f,testID:y,children:[W.active&&W.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:W.size.width,height:W.size.height,radius:D,fill:O}):null,o?(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:[be],keyboardShouldPersistTaps:"handled",children:pe}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:be,children:pe})]});return h?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.root,children:[xe,(0,_jsxRuntime.jsx)(_reactNative.Animated.ScrollView,{ref:Y,horizontal:!0,pagingEnabled:!0,showsHorizontalScrollIndicator:!1,scrollEventThrottle:16,onLayout:e=>J(Math.round(e.nativeEvent.layout.width)),onScroll:_reactNative.Animated.event([{nativeEvent:{contentOffset:{x:Q}}}],{useNativeDriver:!1}),onMomentumScrollEnd:e=>{if(0===G)return;const t=Math.round(e.nativeEvent.contentOffset.x/G),n=i[t];n?.disabled?Y.current?.scrollTo({x:te*G,animated:!0}):(Z.current=t,n&&n.key!==a&&r(n.key))},style:w.pager,testID:y?`${y}-pages`:void 0,children:i.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:G},accessibilityElementsHidden:t!==te,importantForAccessibility:t===te?"auto":"no-hide-descendants",children:h[t]},e.key))})]}):xe});Tabs.displayName="Tabs";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1},pager:{flex:1},container:{width:"100%",position:"relative"},tab:{flexDirection:"row",alignItems:"center",justifyContent:"center"},tabFlex:{flex:1},tabIcon:{},tabLabel:{includeFontPadding:!1,flexShrink:1},tabBadge:{minWidth:18,alignItems:"center",justifyContent:"center"},indicatorUnderline:{position:"absolute",left:0,bottom:0},indicatorPill:{position:"absolute",left:0,zIndex:-1},indicatorThumb:{position:"absolute",left:0,top:0,bottom:0}});var _default=exports.default=Tabs;