@webority/mobile-ui 0.106.0 → 0.108.0

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;

package/lib/commonjs/components/TagInput/TagInput.js

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

package/lib/commonjs/components/Text/Text.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveColor=exports.default=exports.Text=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_Notation=require("../Notation/Notation.js"),_jsxRuntime=require("react/jsx-runtime");const VARIANTS={display:{size:"4xl",weight:"bold",line:"display",color:"primary",heading:!0,fontFamily:"display"},h1:{size:"3xl",weight:"bold",line:"heading",color:"primary",heading:!0,fontFamily:"display"},h2:{size:"2xl",weight:"semibold",line:"heading",color:"primary",heading:!0,fontFamily:"display"},h3:{size:"xl",weight:"semibold",line:"heading",color:"primary",heading:!0},title:{size:"lg",weight:"semibold",line:"body",color:"primary",fontFamily:"display"},body:{size:"base",weight:"normal",line:"body",color:"primary"},bodySmall:{size:"sm",weight:"normal",line:"body",color:"secondary"},caption:{size:"xs",weight:"normal",line:"body",color:"tertiary"},label:{size:"sm",weight:"medium",line:"body",color:"secondary"},overline:{size:"xs",weight:"semibold",line:"body",color:"secondary",uppercase:!0,letterSpacing:"wide"}},TEXT_ROLE_COLOR={textStrong:"text",primary:"text-body",secondary:"text-muted",tertiary:"text-subtle",inverse:"text-inverse",disabled:"text-disabled",link:"link"},SEMANTIC={success:!0,warning:!0,danger:!0,info:!0},resolveColor=(e,t)=>Object.hasOwn(TEXT_ROLE_COLOR,t)?e.colors[TEXT_ROLE_COLOR[t]]:Object.hasOwn(SEMANTIC,t)?e.colors[`${t}-text`]:t;exports.resolveColor=resolveColor;const Text=exports.Text=(0,_react.forwardRef)((e,t)=>{const{variant:i="body",color:o,weight:r,size:n,align:a,italic:l,underline:s,style:d,children:c,...y}=e,x=(0,_index.useTheme)(),p=Object.hasOwn(VARIANTS,i),g=x.settings.textVariants,u=!p&&g&&Object.hasOwn(g,i)?g[i]:void 0;p||u||(0,_warnInvalidValue.warnInvalidValue)("Text","variant",e.variant,[...Object.keys(VARIANTS),...Object.keys(g??{})]);const m=(0,_react.useMemo)(()=>{if(u){const e="string"==typeof n?n:u.size,t="number"==typeof n?n:x.text[e].size;return{fontSize:t,lineHeight:u.lineHeight??("number"==typeof n?void 0:Math.round(t*x.leading[u.heading?"heading":"body"])),color:void 0!==o?resolveColor(x,o):u.color?x.colors[u.color]:resolveColor(x,"primary"),textAlign:a,textTransform:u.uppercase?"uppercase":void 0,letterSpacing:u.letterSpacing?x["letter-spacing"][u.letterSpacing]:void 0,fontStyle:l||u.italic?"italic":void 0,fontVariant:u.fontVariant,textDecorationLine:s?"underline":void 0,...(0,_index.fontFor)(x,r??u.weight??"normal",u.fontFamily)}}const e=VARIANTS[p?i:"body"],t="number"==typeof n?n:x.text[n??e.size].size;return{fontSize:t,lineHeight:Math.round(t*x.leading[e.line]),color:resolveColor(x,o??e.color),textAlign:a,textTransform:e.uppercase?"uppercase":void 0,letterSpacing:e.letterSpacing?x["letter-spacing"][e.letterSpacing]:void 0,fontStyle:l?"italic":void 0,textDecorationLine:s?"underline":void 0,...(0,_index.fontFor)(x,r??e.weight,e.fontFamily)}},[x,u,p,i,o,r,n,a,l,s]),h=(0,_Notation.useNotationInk)([m,d],x.text.base.size,x.colors["text-body"]),b=p?VARIANTS[i].heading:u?.heading,v="string"==typeof c||"number"==typeof c;return(0,_jsxRuntime.jsx)(_reactNative.Text,{ref:t,style:[m,d],maxFontSizeMultiplier:x.settings.maxFontSizeMultiplier,accessibilityRole:b?"header":y.accessibilityRole,...y,children:v?c:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:h,children:c})})});Text.displayName="Text";var _default=exports.default=Text;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveColor=exports.default=exports.Text=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_tokensGenerated=require("../../theme/tokens.generated.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_Notation=require("../Notation/Notation.js"),_jsxRuntime=require("react/jsx-runtime");const VARIANTS={display:{size:"4xl",weight:"bold",line:"display",color:"primary",heading:!0,fontFamily:"display"},h1:{size:"3xl",weight:"bold",line:"heading",color:"primary",heading:!0,fontFamily:"display"},h2:{size:"2xl",weight:"semibold",line:"heading",color:"primary",heading:!0,fontFamily:"display"},h3:{size:"xl",weight:"semibold",line:"heading",color:"primary",heading:!0},title:{size:"lg",weight:"semibold",line:"body",color:"primary",fontFamily:"display"},body:{size:"base",weight:"normal",line:"body",color:"primary"},bodySmall:{size:"sm",weight:"normal",line:"body",color:"secondary"},caption:{size:"xs",weight:"normal",line:"body",color:"tertiary"},label:{size:"sm",weight:"medium",line:"body",color:"secondary"},overline:{size:"xs",weight:"semibold",line:"body",color:"secondary",uppercase:!0,letterSpacing:"wide"}},TEXT_ROLE_COLOR={textStrong:"text",primary:"text-body",secondary:"text-muted",tertiary:"text-subtle",inverse:"text-inverse",disabled:"text-disabled",link:"link",brand:"primary"},SEMANTIC={success:!0,warning:!0,danger:!0,info:!0,neutral:!0},COLOR_NAMES=["primary","secondary","tertiary","inverse","disabled","link","textStrong","brand","success","warning","danger","info","neutral"],resolveColor=(e,i)=>Object.hasOwn(TEXT_ROLE_COLOR,i)?e.colors[TEXT_ROLE_COLOR[i]]:Object.hasOwn(SEMANTIC,i)?e.colors[`${i}-text`]:i;exports.resolveColor=resolveColor;const Text=exports.Text=(0,_react.forwardRef)((e,i)=>{const{variant:t="body",color:r,weight:o,size:n,align:a,italic:l,underline:s,style:d,children:c,...x}=e,y=(0,_index.useTheme)(),u=Object.hasOwn(VARIANTS,t),g=y.settings.textVariants,p=!u&&g&&Object.hasOwn(g,t)?g[t]:void 0;u||p||(0,_warnInvalidValue.warnInvalidValue)("Text","variant",e.variant,[...Object.keys(VARIANTS),...Object.keys(g??{})]),(0,_warnInvalidValue.warnInvalidValue)("Text","color",r,COLOR_NAMES),(0,_warnInvalidValue.warnInvalidValue)("Text","size",n,_tokensGenerated.TEXT_NAMES);const m=void 0!==r&&COLOR_NAMES.includes(r)?r:void 0,h=(0,_react.useMemo)(()=>{if(p){const e=n??p.size,i=y.text[e].size;return{fontSize:i,lineHeight:p.lineHeight??Math.round(i*y.leading[p.heading?"heading":"body"]),color:void 0!==m?resolveColor(y,m):p.color?y.colors[p.color]:resolveColor(y,"primary"),textAlign:a,textTransform:p.uppercase?"uppercase":void 0,letterSpacing:p.letterSpacing?y["letter-spacing"][p.letterSpacing]:void 0,fontStyle:l||p.italic?"italic":void 0,fontVariant:p.fontVariant,textDecorationLine:s?"underline":void 0,...(0,_index.fontFor)(y,o??p.weight??"normal",p.fontFamily)}}const e=VARIANTS[u?t:"body"],i=y.text[n??e.size].size;return{fontSize:i,lineHeight:Math.round(i*y.leading[e.line]),color:resolveColor(y,m??e.color),textAlign:a,textTransform:e.uppercase?"uppercase":void 0,letterSpacing:e.letterSpacing?y["letter-spacing"][e.letterSpacing]:void 0,fontStyle:l?"italic":void 0,textDecorationLine:s?"underline":void 0,...(0,_index.fontFor)(y,o??e.weight,e.fontFamily)}},[y,p,u,t,m,o,n,a,l,s]),v=(0,_Notation.useNotationInk)([h,d],y.text.base.size,y.colors["text-body"]),b=u?VARIANTS[t].heading:p?.heading,_="string"==typeof c||"number"==typeof c;return(0,_jsxRuntime.jsx)(_reactNative.Text,{ref:i,style:[h,d],maxFontSizeMultiplier:y.settings.maxFontSizeMultiplier,accessibilityRole:b?"header":x.accessibilityRole,...x,children:_?c:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:v,children:c})})});Text.displayName="Text";var _default=exports.default=Text;

package/lib/commonjs/components/TimePicker/TimePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.TimePicker=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Button=_interopRequireDefault(require("../Button/Button.js")),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_PickerTrigger=require("../PickerTrigger/PickerTrigger.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_index2=require("../WheelPicker/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const AnimatedGestureRoot=_reactNative.Animated.createAnimatedComponent(_reactNativeGestureHandler.GestureHandlerRootView),range=(e,t,i=1)=>{const a=[];for(let r=e;r<=t;r+=i)a.push(r);return a},pad2=e=>e.toString().padStart(2,"0"),to24h=(e,t,i)=>"24h"===i?e:"AM"===t?12===e?0:e:12===e?12:e+12,from24h=(e,t)=>"24h"===t?{displayHour:e,period:"AM"}:0===e?{displayHour:12,period:"AM"}:12===e?{displayHour:12,period:"PM"}:e>12?{displayHour:e-12,period:"PM"}:{displayHour:e,period:"AM"},clampMinuteToStep=(e,t)=>{const i=Math.round(e/t)*t;return Math.min(59,Math.max(0,i))},TimePicker=e=>{const{visible:t,value:i,onChange:a,onClose:r,format:s="12h",minuteStep:o=1,title:n="Select Time",confirmLabel:l="Confirm",cancelLabel:u="Cancel",testID:c,style:d,containerStyle:m,headerLabelStyle:p,footerButtonStyle:_,label:h,placeholder:g,helperText:x,error:v,required:f,disabled:b,size:y,variant:j,clearable:M,onClear:N,formatValue:R,triggerStyle:A,haptic:k}=e,S=void 0!==e.visible,[T,D]=(0,_react.useState)(!1),P=S?t:T,w=S?c:c?`${c}-modal`:void 0,C=(0,_index.useTheme)(),H=(0,_usePresenceMotion.usePresenceMotion)(),[V,q]=(0,_ModalSafeArea.useModalInsets)(),B=(0,_react.useMemo)(()=>buildStyles(C),[C]),$=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,I=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,O=(0,_react.useRef)((0,_index.createAnimatedValue)(40)).current,L=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,z=(0,_react.useRef)(0),F=(0,_react.useCallback)(()=>{S?r?.():D(!1)},[S,r]),G=(0,_react.useCallback)(()=>{const e=_reactNative.Animated.timing($,{toValue:0,duration:H.duration("fast"),easing:_reactNative.Easing.bezier(...C.motion.ease.accelerate),useNativeDriver:!0}),t=_reactNative.Animated.timing(I,{toValue:0,duration:H.duration("default"),useNativeDriver:!1});(H.reduced?_reactNative.Animated.parallel([e,t]):_reactNative.Animated.parallel([e,t,_reactNative.Animated.timing(O,{toValue:40,duration:C.motion.duration.fast,easing:_reactNative.Easing.bezier(...C.motion.ease.accelerate),useNativeDriver:!0})])).start(()=>F())},[I,F,$,H,O,C.motion.duration.fast,C.motion.ease.accelerate]),{handleGesture:E,opacity:W}=(0,_useDragToDismiss.useDragToDismiss)({drag:L,travel:()=>z.current||320,onDismiss:G}),U=(0,_react.useMemo)(()=>_reactNative.Animated.multiply($,W),[$,W]),Y=(0,_react.useMemo)(()=>I.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(C.colors.scrim),C.colors.scrim]}),[I,C.colors.scrim]),J=(0,_react.useMemo)(()=>"24h"===s?range(0,23):range(1,12),[s]),K=(0,_react.useMemo)(()=>range(0,59,o),[o]),Q=(0,_react.useMemo)(()=>["AM","PM"],[]),X=(0,_react.useMemo)(()=>{const e=i&&Number.isFinite(i.hour)?i.hour:(new Date).getHours(),t=i&&Number.isFinite(i.minute)?i.minute:(new Date).getMinutes(),a=clampMinuteToStep(t,o),{displayHour:r,period:n}=from24h(e,s);return{displayHour:r,minute:a,period:n,hour24:e}},[i,s,o]),[Z,ee]=(0,_react.useState)(()=>{const e=J.indexOf(X.displayHour);return e>=0?e:0}),[te,ie]=(0,_react.useState)(()=>{const e=K.indexOf(X.minute);return e>=0?e:0}),[ae,re]=(0,_react.useState)(()=>"PM"===X.period?1:0);(0,_react.useEffect)(()=>{if(!P)return;const e=i&&Number.isFinite(i.hour)?i.hour:(new Date).getHours(),t=i&&Number.isFinite(i.minute)?i.minute:(new Date).getMinutes(),a=clampMinuteToStep(t,o),{displayHour:r,period:n}=from24h(e,s),l=J.indexOf(r);ee(l>=0?l:0);const u=K.indexOf(a);ie(u>=0?u:0),re("PM"===n?1:0)},[P,i,s,o,J,K]),(0,_react.useEffect)(()=>{let e;if(P){const t=_reactNative.Animated.timing($,{toValue:1,duration:H.duration("default"),easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),i=_reactNative.Animated.timing(I,{toValue:1,duration:H.duration("default"),useNativeDriver:!1});H.reduced?((0,_index.setNativeValue)(O,0),e=_reactNative.Animated.parallel([t,i])):e=_reactNative.Animated.parallel([t,i,_reactNative.Animated.spring(O,{toValue:0,damping:C.motion.spring.snappy.damping,stiffness:C.motion.spring.snappy.stiffness,mass:C.motion.spring.snappy.mass,useNativeDriver:!0})]),e.start()}else $.setValue(0),I.setValue(0),(0,_index.setNativeValue)(O,40),(0,_index.setNativeValue)(L,0),(0,_index.setNativeValue)(W,1);return()=>e?.stop()},[P,$,I,H,O,L,W,C.motion]);const se=(0,_react.useCallback)((e,t)=>{"hour"===e?ee(Math.max(0,J.indexOf(Number(t)))):"minute"===e?ie(Math.max(0,K.indexOf(Number(t)))):re("PM"===t?1:0)},[J,K]),oe=(0,_react.useCallback)(()=>{!1!==k&&(0,_hapticUtils.triggerHaptic)("selection"),G()},[G,k]),ne=(0,_react.useCallback)(()=>{const e=J[Z]??0,t=Q[ae]??"AM",i=to24h(e,t,s),r=K[te]??0;!1!==k&&(0,_hapticUtils.triggerHaptic)("notificationSuccess"),a?.({hour:i,minute:r}),G()},[J,Z,Q,ae,K,te,s,a,G,k]),le=(0,_react.useMemo)(()=>{const e=J[Z]??0,t=K[te]??0;if("24h"===s)return`${pad2(e)}:${pad2(t)}`;const i=Q[ae]??"AM";return`${pad2(e)}:${pad2(t)} ${i}`},[J,Z,K,te,Q,ae,s]),ue=(0,_react.useMemo)(()=>J.map(e=>({value:e,label:pad2(e),accessibilityLabel:`Hour ${e}`})),[J]),ce=(0,_react.useMemo)(()=>K.map(e=>({value:e,label:pad2(e),accessibilityLabel:`${e} minutes`})),[K]),de=(0,_react.useMemo)(()=>Q.map(e=>({value:e,label:e})),[Q]),me=(0,_react.useMemo)(()=>{const e=[{key:"hour",label:"Hour",items:ue,value:J[Z]??0,separator:":",testID:"time-picker-hour"},{key:"minute",label:"Minute",items:ce,value:K[te]??0,gapAfter:"12h"===s?C.space.md:void 0,testID:"time-picker-minute"}];return"12h"===s&&e.push({key:"period",label:"Period",items:de,value:Q[ae]??"AM",testID:"time-picker-period"}),e},[ue,ce,de,J,Z,K,te,Q,ae,s,C.space.md]),pe=(0,_react.useCallback)(e=>{if("24h"===s)return`${pad2(e.hour)}:${pad2(e.minute)}`;const{displayHour:t,period:i}=from24h(e.hour,"12h");return`${t}:${pad2(e.minute)} ${i}`},[s]),he=!S&&i&&Number.isFinite(i.hour)&&Number.isFinite(i.minute)?(R??pe)(i):void 0,ge=(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:P,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:G,testID:w,children:(0,_jsxRuntime.jsx)(_ModalSafeArea.ModalSafeArea,{onInsets:q,children:(0,_jsxRuntime.jsxs)(AnimatedGestureRoot,{collapsable:!1,style:[B.backdrop,{backgroundColor:Y}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:G,accessibilityLabel:"Close time picker",accessibilityRole:"button"}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:H.reduced?{opacity:U}:void 0,children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[B.sheet,{paddingBottom:Math.max(V.bottom,C.space.lg),transform:[{translateY:_reactNative.Animated.add(O,L)}]},d,m],onLayout:e=>{z.current=e.nativeEvent.layout.height},accessibilityViewIsModal:!0,accessible:!0,accessibilityRole:"none",accessibilityLabel:n,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:E,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:B.handle}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[B.title,p],accessibilityRole:"header",children:n})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:B.summaryWrap,accessibilityLiveRegion:"polite",accessibilityLabel:`Selected ${le}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:B.summary,children:le})}),(0,_jsxRuntime.jsx)(_index2.WheelPicker,{columns:me,onChange:se,haptic:k,style:B.wheels}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:B.footer,children:[(0,_jsxRuntime.jsx)(_Button.default,{title:u,haptic:!1,variant:"ghost",tone:"neutral",onPress:oe,style:[B.footerBtn,_],accessibilityHint:"Dismiss without changes",testID:"time-picker-cancel"}),(0,_jsxRuntime.jsx)(_Button.default,{title:l,variant:"solid",tone:"primary",haptic:!1,onPress:ne,style:[B.footerBtn,_],accessibilityHint:"Confirm selected time",testID:"time-picker-confirm"})]})]})}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})});return S?ge:(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_PickerTrigger.PickerTrigger,{label:h,placeholder:g,helperText:x,error:v,required:f,disabled:b,size:y,variant:j,clearable:M,onClear:N,value:he,onPress:()=>D(!0),triggerStyle:A,testID:c}),ge]})};exports.TimePicker=TimePicker;const buildStyles=e=>{const t=e.shadow.modal;return _reactNative.StyleSheet.create({backdrop:{flex:1,justifyContent:"flex-end"},sheet:{backgroundColor:e.colors.surface,borderTopLeftRadius:e.radius.xl,borderTopRightRadius:e.radius.xl,..._corners.smoothCorners,paddingTop:e.space.sm,paddingHorizontal:e.space.lg,paddingBottom:e.space.xl,shadowColor:t.shadowColor,shadowOffset:t.shadowOffset,shadowOpacity:t.shadowOpacity,shadowRadius:t.shadowRadius,elevation:t.elevation},handle:{alignSelf:"center",width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:e.colors["border-subtle"],marginBottom:e.space.sm},title:{textAlign:"center",fontSize:e.text.lg.size,fontWeight:e.weight.semibold,color:e.colors["text-body"],marginBottom:e.space.sm},summaryWrap:{alignItems:"center",marginBottom:e.space.md},summary:{fontSize:e.text["2xl"].size,fontWeight:e.weight.bold,color:e.colors.primary,letterSpacing:e["letter-spacing"].wide},wheels:{marginBottom:e.space.lg},footer:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:e.space.sm},footerBtn:{paddingHorizontal:e.space.lg}})};var _default=exports.default=TimePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.TimePicker=exports.DEFAULT_TIME_PICKER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_Button=_interopRequireDefault(require("../Button/Button.js")),_index2=require("../Modal/index.js"),_PickerTrigger=require("../PickerTrigger/PickerTrigger.js"),_index3=require("../Text/index.js"),_index4=require("../WheelPicker/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const DEFAULT_TIME_PICKER_LABELS=exports.DEFAULT_TIME_PICKER_LABELS=Object.freeze({title:"Select Time",confirm:"Confirm",cancel:"Cancel",selected:e=>`Selected ${e}`,hour:"Hour",minute:"Minute",period:"Period",hourItem:e=>`Hour ${e}`,minuteItem:e=>`${e} minutes`,cancelHint:"Dismiss without changes",confirmHint:"Confirm selected time"}),range=(e,t,i=1)=>{const r=[];for(let a=e;a<=t;a+=i)r.push(a);return r},pad2=e=>e.toString().padStart(2,"0"),to24h=(e,t,i)=>"24h"===i?e:"AM"===t?12===e?0:e:12===e?12:e+12,from24h=(e,t)=>"24h"===t?{displayHour:e,period:"AM"}:0===e?{displayHour:12,period:"AM"}:12===e?{displayHour:12,period:"PM"}:e>12?{displayHour:e-12,period:"PM"}:{displayHour:e,period:"AM"},clampMinuteToStep=(e,t)=>{const i=Math.round(e/t)*t;return Math.min(59,Math.max(0,i))},TimePicker=e=>{const{visible:t,value:i,onChange:r,onClose:a,format:n="12h",minuteStep:s=1,labels:l,testID:o,style:u,containerStyle:c,headerLabelStyle:m,footerButtonStyle:d,label:p,placeholder:_,helperText:h,error:x,required:b,disabled:f,size:g,variant:y,clearable:M,onClear:v,formatValue:j,triggerStyle:I,haptic:T}=e;(0,_warnInvalidValue.warnInvalidValue)("TimePicker","format",e.format,["12h","24h"]),(0,_warnInvalidValue.warnInvalidValue)("TimePicker","minuteStep",e.minuteStep?.toString(),["1","5","15","30"]),(0,_warnInvalidValue.warnInvalidValue)("TimePicker","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("TimePicker","variant",e.variant,["outline","filled","underline"]);const P=(0,_react.useMemo)(()=>({...DEFAULT_TIME_PICKER_LABELS,...l}),[l]),S=void 0!==e.visible,[k,H]=(0,_react.useState)(!1),w=S?t:k,D=S?o:o?`${o}-modal`:void 0,R=(0,_index.useTheme)(),C=(0,_react.useMemo)(()=>buildStyles(R),[R]),L=(0,_react.useCallback)(()=>{S?a?.():H(!1)},[S,a]),A=(0,_react.useMemo)(()=>"24h"===n?range(0,23):range(1,12),[n]),E=(0,_react.useMemo)(()=>range(0,59,s),[s]),B=(0,_react.useMemo)(()=>["AM","PM"],[]),q=(0,_react.useMemo)(()=>{const e=i&&Number.isFinite(i.hour)?i.hour:(new Date).getHours(),t=i&&Number.isFinite(i.minute)?i.minute:(new Date).getMinutes(),r=clampMinuteToStep(t,s),{displayHour:a,period:l}=from24h(e,n);return{displayHour:a,minute:r,period:l,hour24:e}},[i,n,s]),[$,V]=(0,_react.useState)(()=>{const e=A.indexOf(q.displayHour);return e>=0?e:0}),[N,F]=(0,_react.useState)(()=>{const e=E.indexOf(q.minute);return e>=0?e:0}),[O,U]=(0,_react.useState)(()=>"PM"===q.period?1:0);(0,_react.useEffect)(()=>{if(!w)return;const e=i&&Number.isFinite(i.hour)?i.hour:(new Date).getHours(),t=i&&Number.isFinite(i.minute)?i.minute:(new Date).getMinutes(),r=clampMinuteToStep(t,s),{displayHour:a,period:l}=from24h(e,n),o=A.indexOf(a);V(o>=0?o:0);const u=E.indexOf(r);F(u>=0?u:0),U("PM"===l?1:0)},[w,i,n,s,A,E]);const z=(0,_react.useCallback)((e,t)=>{"hour"===e?V(Math.max(0,A.indexOf(Number(t)))):"minute"===e?F(Math.max(0,E.indexOf(Number(t)))):U("PM"===t?1:0)},[A,E]),K=(0,_react.useCallback)(()=>{!1!==T&&(0,_hapticUtils.triggerHaptic)("selection"),L()},[L,T]),W=(0,_react.useCallback)(()=>{const e=A[$]??0,t=B[O]??"AM",i=to24h(e,t,n),a=E[N]??0;!1!==T&&(0,_hapticUtils.triggerHaptic)("notificationSuccess"),r?.({hour:i,minute:a}),L()},[A,$,B,O,E,N,n,r,L,T]),G=(0,_react.useMemo)(()=>{const e=A[$]??0,t=E[N]??0;if("24h"===n)return`${pad2(e)}:${pad2(t)}`;const i=B[O]??"AM";return`${pad2(e)}:${pad2(t)} ${i}`},[A,$,E,N,B,O,n]),J=(0,_react.useMemo)(()=>A.map(e=>({value:e,label:pad2(e),accessibilityLabel:P.hourItem(e)})),[A,P]),Q=(0,_react.useMemo)(()=>E.map(e=>({value:e,label:pad2(e),accessibilityLabel:P.minuteItem(e)})),[E,P]),X=(0,_react.useMemo)(()=>B.map(e=>({value:e,label:e})),[B]),Y=(0,_react.useMemo)(()=>{const e=[{key:"hour",label:P.hour,items:J,value:A[$]??0,separator:":",testID:"time-picker-hour"},{key:"minute",label:P.minute,items:Q,value:E[N]??0,gapAfter:"12h"===n?R.space.md:void 0,testID:"time-picker-minute"}];return"12h"===n&&e.push({key:"period",label:P.period,items:X,value:B[O]??"AM",testID:"time-picker-period"}),e},[J,Q,X,A,$,E,N,B,O,n,R.space.md,P]),Z=(0,_react.useCallback)(e=>{if("24h"===n)return`${pad2(e.hour)}:${pad2(e.minute)}`;const{displayHour:t,period:i}=from24h(e.hour,"12h");return`${t}:${pad2(e.minute)} ${i}`},[n]),ee=!S&&i&&Number.isFinite(i.hour)&&Number.isFinite(i.minute)?(j??Z)(i):void 0,te=(0,_jsxRuntime.jsxs)(_index2.Modal,{visible:w,onClose:L,presentation:"bottom",accessibilityLabel:P.title,haptic:T,contentStyle:[u,c],testID:D,children:[(0,_jsxRuntime.jsx)(_index3.Text,{variant:"title",align:"center",accessibilityRole:"header",style:[C.title,m],children:P.title}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:C.summaryWrap,accessibilityLiveRegion:"polite",accessibilityLabel:P.selected(G),children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"h2",weight:"bold",color:"brand",style:C.summary,children:G})}),(0,_jsxRuntime.jsx)(_index4.WheelPicker,{columns:Y,onChange:z,haptic:T,style:C.wheels}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:C.footer,children:[(0,_jsxRuntime.jsx)(_Button.default,{label:P.cancel,haptic:!1,variant:"ghost",tone:"neutral",onPress:K,style:[C.footerBtn,d],accessibilityHint:P.cancelHint,testID:"time-picker-cancel"}),(0,_jsxRuntime.jsx)(_Button.default,{label:P.confirm,variant:"solid",tone:"primary",haptic:!1,onPress:W,style:[C.footerBtn,d],accessibilityHint:P.confirmHint,testID:"time-picker-confirm"})]})]});return S?te:(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_PickerTrigger.PickerTrigger,{label:p,placeholder:_,helperText:h,error:x,required:b,disabled:f,size:g,variant:y,clearable:M,onClear:v,value:ee,onPress:()=>H(!0),triggerStyle:I,testID:o}),te]})};exports.TimePicker=TimePicker;const buildStyles=e=>_reactNative.StyleSheet.create({title:{marginBottom:e.space.sm},summaryWrap:{alignItems:"center",marginBottom:e.space.md},summary:{letterSpacing:e["letter-spacing"].wide},wheels:{marginBottom:e.space.lg},footer:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:e.space.sm},footerBtn:{paddingHorizontal:e.space.lg}});var _default=exports.default=TimePicker;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:function(){return _TimePicker.TimePicker}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _TimePicker.default}});var cache,_TimePicker=_interopRequireWildcard(require("./TimePicker.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=i&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?i(n,c,t):n[c]=e[c]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_TIME_PICKER_LABELS",{enumerable:!0,get:function(){return _TimePicker.DEFAULT_TIME_PICKER_LABELS}}),Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:function(){return _TimePicker.TimePicker}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _TimePicker.default}});var cache,_TimePicker=_interopRequireWildcard(require("./TimePicker.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=i&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?i(n,c,t):n[c]=e[c]);return n}

package/lib/commonjs/components/Timeline/Timeline.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Timeline=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_jsxRuntime=require("react/jsx-runtime");const DOT=12,HALO=6,RAIL=2,GUTTER=28,DISC=24,HALO_OPACITY=.16,Timeline=({items:e,variant:t="feed",orientation:r="vertical",style:i,testID:s})=>{const n=(0,_index.useTheme)(),o=n.space.xs,l=(0,_react.useMemo)(()=>buildStyles(n),[n]),a="horizontal"===r,c=n.colors.border,[d,u]=(0,_react.useState)(0),x=(0,_react.useCallback)(e=>{const{width:t}=e.nativeEvent.layout;u(e=>e===t?e:t)},[]),m=a&&d>0&&e.length>0?d/e.length:0,renderDisc=(e,t)=>e.icon?(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.disc,children:e.icon}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.disc,{backgroundColor:(0,_color.tintOf)(t,.16,n.colors["bg-muted"])}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.dot,{backgroundColor:t}]})}),renderText=(e,t)=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[l.title,{fontSize:a?n.text.sm.size:n.text.base.size,color:"upcoming"===t?n.colors["text-muted"]:n.colors["text-body"]},a?l.centred:null],children:e.title}),e.meta?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[l.meta,{fontSize:n.text.xs.size,color:n.colors["text-subtle"]},a?l.centred:null],children:e.meta}):null,e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[l.description,{fontSize:n.text.sm.size,color:n.colors["text-muted"]},a?l.centred:null],children:e.description}):null,e.children]}),_=e.map((r,i)=>{const s=r.status??("feed"===t?"done":"upcoming"),d=r.color??(e=>{switch(e){case"done":return n.colors.success;case"current":return n.colors.warning;case"onHold":return n.colors.info;case"rejected":return n.colors.danger;case"cancelled":case"skipped":return n.colors["text-subtle"];default:return n.colors["text-disabled"]}})(s),u=0===i,x=i===e.length-1,_=r.key??`${r.title}-${i}`;return a?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[l.hColumn,m>0?{width:m,flex:0}:null],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.hDotRow,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.hSegment,{marginRight:o,backgroundColor:u?"transparent":c}]}),renderDisc(r,d),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.hSegment,{marginLeft:o,backgroundColor:x?"transparent":c}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.hBody,children:renderText(r,s)})]},_):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.row,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.gutter,children:[renderDisc(r,d),x?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.rail,{backgroundColor:c}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.body,{paddingBottom:x?0:n.space.lg}],children:renderText(r,s)})]},_)});return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a?l.hRow:null,i],onLayout:a?x:void 0,testID:s,children:_})};exports.Timeline=Timeline;const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row"},gutter:{width:Math.max(28,28),alignItems:"center"},disc:{width:24,height:24,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},dot:{width:12,height:12,borderRadius:e.radius.pill,..._corners.smoothCorners},rail:{width:2,flex:1,marginTop:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners},body:{flex:1,gap:e.space.xxs,paddingLeft:e.space.sm},hRow:{flexDirection:"row",alignItems:"flex-start"},hColumn:{flex:1,minWidth:0,alignItems:"center"},hDotRow:{alignSelf:"stretch",flexDirection:"row",alignItems:"center"},hSegment:{flex:1,height:2,borderRadius:e.radius.pill,..._corners.smoothCorners},hBody:{alignSelf:"stretch",alignItems:"center",paddingHorizontal:e.space.xs,marginTop:e.space.sm,gap:e.space.xxs},centred:{textAlign:"center"},title:{...(0,_index.fontFor)(e,"semibold"),fontWeight:"600"},meta:{...(0,_index.fontFor)(e,"normal")},description:{...(0,_index.fontFor)(e,"normal")}});var _default=exports.default=Timeline;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Timeline=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DOT=12,HALO=6,RAIL=2,GUTTER=28,DISC=24,HALO_OPACITY=.16,STATUS_VALUES=["upcoming","current","done","onHold","rejected","cancelled","skipped"],Timeline=({items:e,variant:t="feed",orientation:r="vertical",style:i,testID:n})=>{const s=(0,_index.useTheme)(),l=s.space.xs,a=(0,_react.useMemo)(()=>buildStyles(s),[s]),o="horizontal"===r,c=s.colors.border;(0,_warnInvalidValue.warnInvalidValue)("Timeline","variant",t,["feed","progress"]),(0,_warnInvalidValue.warnInvalidValue)("Timeline","orientation",r,["vertical","horizontal"]);const[d,u]=(0,_react.useState)(0),x=(0,_react.useCallback)(e=>{const{width:t}=e.nativeEvent.layout;u(e=>e===t?e:t)},[]),m=o&&d>0&&e.length>0?d/e.length:0,renderDisc=(e,t)=>e.icon?(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.disc,children:e.icon}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a.disc,{backgroundColor:(0,_color.tintOf)(t,.16,s.colors["bg-muted"])}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a.dot,{backgroundColor:t}]})}),renderText=(e,t)=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index2.Text,{variant:o?"bodySmall":"body",weight:"semibold",style:[{color:"upcoming"===t?s.colors["text-muted"]:s.colors["text-body"]},o?a.centred:null],children:e.title}),e.meta?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"caption",style:[{color:s.colors["text-subtle"]},o?a.centred:null],children:e.meta}):null,e.description?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"bodySmall",style:[{color:s.colors["text-muted"]},o?a.centred:null],children:e.description}):null,e.children]}),_=e.map((r,i)=>{(0,_warnInvalidValue.warnInvalidValue)("Timeline","status",r.status,STATUS_VALUES);const n=r.status??("feed"===t?"done":"upcoming"),d=r.color??(e=>{switch(e){case"done":return s.colors.success;case"current":return s.colors.warning;case"onHold":return s.colors.info;case"rejected":return s.colors.danger;case"cancelled":case"skipped":return s.colors["text-subtle"];default:return s.colors["text-disabled"]}})(n),u=0===i,x=i===e.length-1,_=r.key??`${r.title}-${i}`;return o?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[a.hColumn,m>0?{width:m,flex:0}:null],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.hDotRow,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a.hSegment,{marginRight:l,backgroundColor:u?"transparent":c}]}),renderDisc(r,d),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a.hSegment,{marginLeft:l,backgroundColor:x?"transparent":c}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.hBody,children:renderText(r,n)})]},_):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.row,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.gutter,children:[renderDisc(r,d),x?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a.rail,{backgroundColor:c}]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a.body,{paddingBottom:x?0:s.space.lg}],children:renderText(r,n)})]},_)});return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o?a.hRow:null,i],onLayout:o?x:void 0,testID:n,children:_})};exports.Timeline=Timeline;const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row"},gutter:{width:Math.max(28,28),alignItems:"center"},disc:{width:24,height:24,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},dot:{width:12,height:12,borderRadius:e.radius.pill,..._corners.smoothCorners},rail:{width:2,flex:1,marginTop:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners},body:{flex:1,gap:e.space.xxs,paddingLeft:e.space.sm},hRow:{flexDirection:"row",alignItems:"flex-start"},hColumn:{flex:1,minWidth:0,alignItems:"center"},hDotRow:{alignSelf:"stretch",flexDirection:"row",alignItems:"center"},hSegment:{flex:1,height:2,borderRadius:e.radius.pill,..._corners.smoothCorners},hBody:{alignSelf:"stretch",alignItems:"center",paddingHorizontal:e.space.xs,marginTop:e.space.sm,gap:e.space.xxs},centred:{textAlign:"center"}});var _default=exports.default=Timeline;

package/lib/commonjs/components/Toast/Toast.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Toast=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_jsxRuntime=require("react/jsx-runtime");const SWIPE_DISMISS_THRESHOLD=80,SWIPE_VELOCITY_THRESHOLD=.5,STACK_OFFSET=8,STACK_SCALE_STEP=.04,DEFAULT_AUTO_DISMISS_MS=3e3,WEB_ACTION_MIN_DURATION_MS=8e3,COUNTDOWN_BAR_HEIGHT=3,ACTION_HIT_SLOP={top:10,bottom:10,left:10,right:10},DISMISS_ACTIONS=[{name:"dismiss",label:"Dismiss"}],Toast=({toast:e,index:t,onDismiss:i,shownAt:a,runtime:n})=>{const r=(0,_index.useTheme)(),s=(0,_usePresenceMotion.usePresenceMotion)(),o=s.duration("fast"),c=e.variant??"default",l=e.position??"bottom",u=(0,_react.useMemo)(()=>buildStyles(r),[r]),d=(0,_react.useMemo)(()=>tintFor(r,c),[r,c]),m=(0,_react.useMemo)(()=>inkFor(r,c),[r,c]),_=r.components.toast["icon-circle-size"],p=r.text[r.components.toast["icon-glyph-text"]].size,v=r.components.toast["tint-bar-width"],g=r.settings.components.toast?.defaultDurationMs??3e3,h=r.settings.components.toast?.enableSwipeDismiss??!0,x="top"===l?-120:120,f=(0,_react.useRef)((0,_index.createAnimatedValue)(s.reduced?0:x)).current,N=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,b=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,A=(0,_react.useRef)(!1),S="top"===l?8*t:8*-t,y=Math.max(1-.04*t,.9),w=(0,_react.useRef)((0,_index.createAnimatedValue)(S)).current;(0,_react.useEffect)(()=>{(0,_index.setNativeValue)(w,S)},[S,w]);const R=(0,_react.useMemo)(()=>_reactNative.Animated.add(f,w),[f,w]),M=void 0!==e.action,T=e.duration??g,V=T>0&&M&&"web"===_reactNative.Platform.OS?Math.max(T,8e3):T,D=V<=0||M&&!0===n?.screenReaderOn,j=!0===e.countdown&&!D,C=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,I=(0,_react.useRef)({initialised:!1,timer:null,remaining:0,startedAt:0}),E=(0,_react.useRef)({touch:!1,pan:!1,hover:!1}),O=(0,_react.useRef)(()=>{}),P=(0,_react.useRef)({id:e.id,totalMs:V,shownAt:a,runtime:n,persistent:D,animateBar:!1});P.current={id:e.id,totalMs:V,shownAt:a,runtime:n,persistent:D,animateBar:j&&!s.reduced};const k=(0,_react.useCallback)(()=>{const e=I.current,t=P.current,i=E.current;if(!e.initialised){e.initialised=!0;const i=t.runtime?.readRemaining(t.id),a=void 0===t.shownAt?0:Date.now()-t.shownAt;e.remaining=i??(t.totalMs>0?Math.max(t.totalMs-a,0):0),t.totalMs>0&&e.remaining<t.totalMs&&(0,_index.setNativeValue)(C,e.remaining/t.totalMs)}const a=!(t.persistent||A.current||i.touch||i.pan||i.hover);a&&null===e.timer?(e.startedAt=Date.now(),e.timer=setTimeout(()=>{e.timer=null,e.remaining=0,O.current()},e.remaining),t.animateBar&&_reactNative.Animated.timing(C,{toValue:0,duration:e.remaining,easing:_reactNative.Easing.linear,useNativeDriver:!0}).start()):a||null===e.timer||(clearTimeout(e.timer),e.timer=null,e.remaining=Math.max(e.remaining-(Date.now()-e.startedAt),0),C.stopAnimation())},[C]),dismiss=()=>{if(A.current)return;A.current=!0,k();const t=[_reactNative.Animated.timing(b,{toValue:0,duration:o,easing:_reactNative.Easing.bezier(...r.motion.ease.accelerate),useNativeDriver:!0})];s.reduced||t.push(_reactNative.Animated.timing(f,{toValue:x,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.ease.accelerate),useNativeDriver:!0})),_reactNative.Animated.parallel(t).start(()=>i(e.id))};O.current=dismiss,(0,_react.useEffect)(()=>{const e=s.reduced?_reactNative.Animated.timing(b,{toValue:1,duration:o,useNativeDriver:!0}):_reactNative.Animated.parallel([_reactNative.Animated.spring(f,{toValue:0,damping:18,stiffness:180,mass:1,useNativeDriver:!0}),_reactNative.Animated.timing(b,{toValue:1,duration:o,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[]),(0,_react.useEffect)(()=>{k()},[D,k]),(0,_react.useEffect)(()=>()=>{const e=I.current,t=P.current;null!==e.timer&&(clearTimeout(e.timer),e.timer=null,e.remaining=Math.max(e.remaining-(Date.now()-e.startedAt),0)),C.stopAnimation(),e.initialised&&t.totalMs>0&&!A.current&&t.runtime?.writeRemaining(t.id,e.remaining)},[C]);const L=(0,_react.useCallback)((e,t)=>{E.current[e]=t,k()},[k]),H=(0,_react.useCallback)(()=>L("touch",!0),[L]),F=(0,_react.useCallback)(e=>L("touch",(e.nativeEvent.touches?.length??0)>0),[L]),z=(0,_react.useCallback)(()=>L("hover",!0),[L]),B=(0,_react.useCallback)(()=>L("hover",!1),[L]),q=(0,_react.useMemo)(()=>_reactNative.PanResponder.create({onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>Math.abs(t.dy)&&Math.abs(t.dx)>6,onPanResponderGrant:()=>L("pan",!0),onPanResponderMove:(e,t)=>{(0,_index.setNativeValue)(N,t.dx);const i=1-.7*Math.min(Math.abs(t.dx)/200,1);(0,_index.setNativeValue)(b,i)},onPanResponderTerminate:()=>{if(L("pan",!1),s.reduced)return(0,_index.setNativeValue)(N,0),void _reactNative.Animated.timing(b,{toValue:1,duration:o,useNativeDriver:!0}).start();_reactNative.Animated.parallel([_reactNative.Animated.spring(N,{toValue:0,damping:r.motion.spring.snappy.damping,stiffness:r.motion.spring.snappy.stiffness,mass:r.motion.spring.snappy.mass,useNativeDriver:!0}),_reactNative.Animated.timing(b,{toValue:1,duration:o,useNativeDriver:!0})]).start()},onPanResponderRelease:(t,a)=>{if(Math.abs(a.dx)>80||Math.abs(a.vx)>.5){const t=a.dx>=0?1:-1;A.current=!0,L("pan",!1);const n=[_reactNative.Animated.timing(b,{toValue:0,duration:o,useNativeDriver:!0})];s.reduced||n.push(_reactNative.Animated.timing(N,{toValue:500*t,duration:r.motion.duration.fast,useNativeDriver:!0})),_reactNative.Animated.parallel(n).start(()=>i(e.id))}else L("pan",!1),s.reduced?((0,_index.setNativeValue)(N,0),_reactNative.Animated.timing(b,{toValue:1,duration:o,useNativeDriver:!0}).start()):_reactNative.Animated.parallel([_reactNative.Animated.spring(N,{toValue:0,useNativeDriver:!0}),_reactNative.Animated.spring(b,{toValue:1,useNativeDriver:!0})]).start()}}),[N,b,L,o,s.reduced,r.motion.duration.fast,r.motion.spring.snappy.damping,r.motion.spring.snappy.stiffness,r.motion.spring.snappy.mass,i,e.id]),G={accessibilityActions:DISMISS_ACTIONS,onAccessibilityAction:e=>{"dismiss"===e.nativeEvent.actionName&&dismiss()}},[$,W]=(0,_react.useState)(0),U=(0,_react.useMemo)(()=>C.interpolate({inputRange:[0,1],outputRange:[-$,0]}),[C,$]),K=e.description?`${e.message}. ${e.description}`:e.message,X=e.action&&j?`${e.action.label}, ${Math.ceil(V/1e3)} seconds`:e.action?.label;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{...h?q.panHandlers:{},...M?{}:{accessible:!0,...G},..."web"===_reactNative.Platform.OS?{onPointerEnter:z,onPointerLeave:B}:{},onTouchStart:H,onTouchEnd:F,onTouchCancel:F,accessibilityLabel:K,testID:e.testID,style:[u.container,{backgroundColor:r.colors.surface,borderRadius:r.radius.lg,..._corners.smoothCorners,padding:r.space.md,...r.shadow.elevated,opacity:b,transform:[{translateY:R},{translateX:N},{scale:y}]},e.style,e.containerStyle],children:[v>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.tintBar,{width:v,backgroundColor:d}]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.row,children:[(()=>{if(e.icon)return e.icon;const t=defaultGlyph(c);return t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.iconCircle,{width:_,height:_,borderRadius:r.radius.pill,..._corners.smoothCorners,backgroundColor:`${d}22`},e.iconCircleStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.iconGlyph,{color:m,fontSize:p}],accessible:!1,children:t})}):null})(),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.textBlock,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.message,{color:r.colors["text-body"],fontSize:r.text.base.size,...(0,_index.fontFor)(r,"semibold")},e.textStyle,e.messageStyle],numberOfLines:2,children:e.message}),e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.description,{color:r.colors["text-muted"],fontSize:r.text.sm.size}],numberOfLines:3,children:e.description}):null]}),e.action?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:X,hitSlop:ACTION_HIT_SLOP,...(0,_hitSlop.hitSlopMarker)(ACTION_HIT_SLOP),...G,onPress:()=>{e.action?.onPress(),dismiss()},style:({pressed:t})=>[u.actionBtn,{backgroundColor:t?r.colors["surface-pressed"]:"transparent"},e.actionButtonStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:d,fontSize:r.text.sm.size,...(0,_index.fontFor)(r,"semibold")},numberOfLines:1,children:e.action.label})}):null]}),j?(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",onLayout:e=>W(e.nativeEvent.layout.width),testID:"toast-countdown",style:[u.countdownTrack,{backgroundColor:`${d}22`}],children:[s.reduced?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.countdownFill,{backgroundColor:d}]}):null,!s.reduced&&$>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[u.countdownFill,{backgroundColor:d,transform:[{translateX:U}]}]}):null]}):null]})};exports.Toast=Toast;const tintFor=(e,t)=>{switch(t){case"success":return e.colors.success;case"danger":return e.colors.danger;case"warning":return e.colors.warning;case"info":return e.colors.info;default:return e.colors["text-body"]}},inkFor=(e,t)=>{switch(t){case"success":return e.colors["success-text"];case"danger":return e.colors["danger-text"];case"warning":return e.colors["warning-text"];case"info":return e.colors["info-text"];default:return e.colors["text-body"]}},defaultGlyph=e=>{switch(e){case"success":return"✓";case"danger":return"×";case"warning":return"!";case"info":return"i";default:return""}},buildStyles=e=>_reactNative.StyleSheet.create({container:{overflow:"hidden",marginVertical:e.space.xs},tintBar:{position:"absolute",left:0,top:0,bottom:0},row:{flexDirection:"row",alignItems:"center",paddingLeft:e.space.sm},iconCircle:{alignItems:"center",justifyContent:"center",marginRight:e.space.md},iconGlyph:{fontWeight:"700",lineHeight:19},textBlock:{flex:1,paddingRight:e.space.sm},message:{lineHeight:20},description:{marginTop:e.space.xxs,lineHeight:18},countdownTrack:{position:"absolute",left:0,right:0,bottom:0,height:3,overflow:"hidden"},countdownFill:{position:"absolute",left:0,right:0,top:0,bottom:0},actionBtn:{paddingHorizontal:e.space.sm,paddingVertical:e.space.xs,minHeight:e.components.toast["action-min-height"],borderRadius:e.radius.md,..._corners.smoothCorners,marginLeft:e.space.sm}});var _default=exports.default=Toast;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Toast=exports.DEFAULT_TOAST_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_TOAST_LABELS=exports.DEFAULT_TOAST_LABELS=Object.freeze({dismiss:"Dismiss",undo:"Undo",seconds:e=>`${e} seconds`}),SWIPE_DISMISS_THRESHOLD=80,SWIPE_VELOCITY_THRESHOLD=.5,STACK_OFFSET=8,STACK_SCALE_STEP=.04,DEFAULT_AUTO_DISMISS_MS=3e3,WEB_ACTION_MIN_DURATION_MS=8e3,COUNTDOWN_BAR_HEIGHT=3,ACTION_HIT_SLOP={top:10,bottom:10,left:10,right:10},Toast=({toast:e,index:t,onClose:a,shownAt:i,runtime:n})=>{const r=(0,_index.useTheme)(),s=(0,_usePresenceMotion.usePresenceMotion)(),o=s.duration("fast");(0,_warnInvalidValue.warnInvalidValue)("Toast","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("Toast","position",e.position,["top","bottom"]);const c=e.tone??"neutral",l=e.position??"bottom",u=n?.labels??DEFAULT_TOAST_LABELS,d=(0,_react.useMemo)(()=>[{name:"dismiss",label:u.dismiss}],[u]),m=(0,_react.useMemo)(()=>buildStyles(r),[r]),_=(0,_react.useMemo)(()=>tintFor(r,c),[r,c]),p=(0,_react.useMemo)(()=>inkFor(r,c),[r,c]),v=r.components.toast["icon-circle-size"],g=r.text[r.components.toast["icon-glyph-text"]].size,x=r.components.toast["tint-bar-width"],h=r.settings.components.toast?.defaultDurationMs??3e3,f=r.settings.components.toast?.enableSwipeDismiss??!0,b="top"===l?-120:120,N=(0,_react.useRef)((0,_index.createAnimatedValue)(s.reduced?0:b)).current,A=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,y=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,w=(0,_react.useRef)(!1),T="top"===l?8*t:8*-t,S=Math.max(1-.04*t,.9),R=(0,_react.useRef)((0,_index.createAnimatedValue)(T)).current;(0,_react.useEffect)(()=>{(0,_index.setNativeValue)(R,T)},[T,R]);const M=(0,_react.useMemo)(()=>_reactNative.Animated.add(N,R),[N,R]),V=void 0!==e.action,j=e.duration??h,D=j>0&&V&&"web"===_reactNative.Platform.OS?Math.max(j,8e3):j,E=D<=0||V&&!0===n?.screenReaderOn,C=!0===e.countdown&&!E,L=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,I=(0,_react.useRef)({initialised:!1,timer:null,remaining:0,startedAt:0}),O=(0,_react.useRef)({touch:!1,pan:!1,hover:!1}),P=(0,_react.useRef)(()=>{}),k=(0,_react.useRef)({id:e.id,totalMs:D,shownAt:i,runtime:n,persistent:E,animateBar:!1});k.current={id:e.id,totalMs:D,shownAt:i,runtime:n,persistent:E,animateBar:C&&!s.reduced};const B=(0,_react.useCallback)(()=>{const e=I.current,t=k.current,a=O.current;if(!e.initialised){e.initialised=!0;const a=t.runtime?.readRemaining(t.id),i=void 0===t.shownAt?0:Date.now()-t.shownAt;e.remaining=a??(t.totalMs>0?Math.max(t.totalMs-i,0):0),t.totalMs>0&&e.remaining<t.totalMs&&(0,_index.setNativeValue)(L,e.remaining/t.totalMs)}const i=!(t.persistent||w.current||a.touch||a.pan||a.hover);i&&null===e.timer?(e.startedAt=Date.now(),e.timer=setTimeout(()=>{e.timer=null,e.remaining=0,P.current()},e.remaining),t.animateBar&&_reactNative.Animated.timing(L,{toValue:0,duration:e.remaining,easing:_reactNative.Easing.linear,useNativeDriver:!0}).start()):i||null===e.timer||(clearTimeout(e.timer),e.timer=null,e.remaining=Math.max(e.remaining-(Date.now()-e.startedAt),0),L.stopAnimation())},[L]),dismiss=()=>{if(w.current)return;w.current=!0,B();const t=[_reactNative.Animated.timing(y,{toValue:0,duration:o,easing:_reactNative.Easing.bezier(...r.motion.ease.accelerate),useNativeDriver:!0})];s.reduced||t.push(_reactNative.Animated.timing(N,{toValue:b,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.ease.accelerate),useNativeDriver:!0})),_reactNative.Animated.parallel(t).start(()=>a(e.id))};P.current=dismiss,(0,_react.useEffect)(()=>{const e=s.reduced?_reactNative.Animated.timing(y,{toValue:1,duration:o,useNativeDriver:!0}):_reactNative.Animated.parallel([_reactNative.Animated.spring(N,{toValue:0,damping:18,stiffness:180,mass:1,useNativeDriver:!0}),_reactNative.Animated.timing(y,{toValue:1,duration:o,useNativeDriver:!0})]);return e.start(),()=>e.stop()},[]),(0,_react.useEffect)(()=>{B()},[E,B]),(0,_react.useEffect)(()=>()=>{const e=I.current,t=k.current;null!==e.timer&&(clearTimeout(e.timer),e.timer=null,e.remaining=Math.max(e.remaining-(Date.now()-e.startedAt),0)),L.stopAnimation(),e.initialised&&t.totalMs>0&&!w.current&&t.runtime?.writeRemaining(t.id,e.remaining)},[L]);const H=(0,_react.useCallback)((e,t)=>{O.current[e]=t,B()},[B]),F=(0,_react.useCallback)(()=>H("touch",!0),[H]),q=(0,_react.useCallback)(e=>H("touch",(e.nativeEvent.touches?.length??0)>0),[H]),U=(0,_react.useCallback)(()=>H("hover",!0),[H]),z=(0,_react.useCallback)(()=>H("hover",!1),[H]),$=(0,_react.useMemo)(()=>_reactNative.PanResponder.create({onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>Math.abs(t.dy)&&Math.abs(t.dx)>6,onPanResponderGrant:()=>H("pan",!0),onPanResponderMove:(e,t)=>{(0,_index.setNativeValue)(A,t.dx);const a=1-.7*Math.min(Math.abs(t.dx)/200,1);(0,_index.setNativeValue)(y,a)},onPanResponderTerminate:()=>{if(H("pan",!1),s.reduced)return(0,_index.setNativeValue)(A,0),void _reactNative.Animated.timing(y,{toValue:1,duration:o,useNativeDriver:!0}).start();_reactNative.Animated.parallel([_reactNative.Animated.spring(A,{toValue:0,damping:r.motion.spring.snappy.damping,stiffness:r.motion.spring.snappy.stiffness,mass:r.motion.spring.snappy.mass,useNativeDriver:!0}),_reactNative.Animated.timing(y,{toValue:1,duration:o,useNativeDriver:!0})]).start()},onPanResponderRelease:(t,i)=>{if(Math.abs(i.dx)>80||Math.abs(i.vx)>.5){const t=i.dx>=0?1:-1;w.current=!0,H("pan",!1);const n=[_reactNative.Animated.timing(y,{toValue:0,duration:o,useNativeDriver:!0})];s.reduced||n.push(_reactNative.Animated.timing(A,{toValue:500*t,duration:r.motion.duration.fast,useNativeDriver:!0})),_reactNative.Animated.parallel(n).start(()=>a(e.id))}else H("pan",!1),s.reduced?((0,_index.setNativeValue)(A,0),_reactNative.Animated.timing(y,{toValue:1,duration:o,useNativeDriver:!0}).start()):_reactNative.Animated.parallel([_reactNative.Animated.spring(A,{toValue:0,useNativeDriver:!0}),_reactNative.Animated.spring(y,{toValue:1,useNativeDriver:!0})]).start()}}),[A,y,H,o,s.reduced,r.motion.duration.fast,r.motion.spring.snappy.damping,r.motion.spring.snappy.stiffness,r.motion.spring.snappy.mass,a,e.id]),G={accessibilityActions:d,onAccessibilityAction:e=>{"dismiss"===e.nativeEvent.actionName&&dismiss()}},[W,K]=(0,_react.useState)(0),X=(0,_react.useMemo)(()=>L.interpolate({inputRange:[0,1],outputRange:[-W,0]}),[L,W]),Y=e.description?`${e.message}. ${e.description}`:e.message,J=e.action&&C?`${e.action.label}, ${u.seconds(Math.ceil(D/1e3))}`:e.action?.label;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{...f?$.panHandlers:{},...V?{}:{accessible:!0,...G},..."web"===_reactNative.Platform.OS?{onPointerEnter:U,onPointerLeave:z}:{},onTouchStart:F,onTouchEnd:q,onTouchCancel:q,accessibilityLabel:Y,testID:e.testID,style:[m.container,{backgroundColor:r.colors.surface,borderRadius:r.radius.lg,..._corners.smoothCorners,padding:r.space.md,...r.shadow.elevated,opacity:y,transform:[{translateY:M},{translateX:A},{scale:S}]},e.style],children:[x>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[m.tintBar,{width:x,backgroundColor:_}]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:m.row,children:[(()=>{if(e.icon)return e.icon;const t=defaultGlyph(c);return t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[m.iconCircle,{width:v,height:v,borderRadius:r.radius.pill,..._corners.smoothCorners,backgroundColor:`${_}22`},e.iconCircleStyle],children:(0,_jsxRuntime.jsx)(_index2.Text,{variant:"body",style:[m.iconGlyph,{color:p,fontSize:g}],accessible:!1,children:t})}):null})(),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:m.textBlock,children:[(0,_jsxRuntime.jsx)(_index2.Text,{variant:"body",weight:"semibold",style:[m.message,e.textStyle,e.messageStyle],numberOfLines:2,children:e.message}),e.description?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"bodySmall",style:m.description,numberOfLines:3,children:e.description}):null]}),e.action?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:J,hitSlop:ACTION_HIT_SLOP,...(0,_hitSlop.hitSlopMarker)(ACTION_HIT_SLOP),...G,onPress:()=>{e.action?.onPress(),dismiss()},style:({pressed:t})=>[m.actionBtn,{backgroundColor:t?r.colors["surface-pressed"]:"transparent"},e.actionButtonStyle],children:(0,_jsxRuntime.jsx)(_index2.Text,{variant:"bodySmall",weight:"semibold",style:{color:_},numberOfLines:1,children:e.action.label})}):null]}),C?(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",onLayout:e=>K(e.nativeEvent.layout.width),testID:"toast-countdown",style:[m.countdownTrack,{backgroundColor:`${_}22`}],children:[s.reduced?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[m.countdownFill,{backgroundColor:_}]}):null,!s.reduced&&W>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[m.countdownFill,{backgroundColor:_,transform:[{translateX:X}]}]}):null]}):null]})};exports.Toast=Toast;const tintFor=(e,t)=>{switch(t){case"primary":return e.colors.primary;case"success":return e.colors.success;case"danger":return e.colors.danger;case"warning":return e.colors.warning;case"info":return e.colors.info;default:return e.colors["text-body"]}},inkFor=(e,t)=>{switch(t){case"primary":return e.colors["primary-text"];case"success":return e.colors["success-text"];case"danger":return e.colors["danger-text"];case"warning":return e.colors["warning-text"];case"info":return e.colors["info-text"];default:return e.colors["text-body"]}},defaultGlyph=e=>{switch(e){case"success":return"✓";case"danger":return"×";case"warning":return"!";case"info":return"i";default:return""}},buildStyles=e=>_reactNative.StyleSheet.create({container:{overflow:"hidden",marginVertical:e.space.xs},tintBar:{position:"absolute",left:0,top:0,bottom:0},row:{flexDirection:"row",alignItems:"center",paddingLeft:e.space.sm},iconCircle:{alignItems:"center",justifyContent:"center",marginRight:e.space.md},iconGlyph:{fontWeight:"700",lineHeight:19},textBlock:{flex:1,paddingRight:e.space.sm},message:{lineHeight:20},description:{marginTop:e.space.xxs,lineHeight:18},countdownTrack:{position:"absolute",left:0,right:0,bottom:0,height:3,overflow:"hidden"},countdownFill:{position:"absolute",left:0,right:0,top:0,bottom:0},actionBtn:{paddingHorizontal:e.space.sm,paddingVertical:e.space.xs,minHeight:e.components.toast["action-min-height"],borderRadius:e.radius.md,..._corners.smoothCorners,marginLeft:e.space.sm}});var _default=exports.default=Toast;

package/lib/commonjs/components/Toast/ToastProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=exports.toast=exports.ToastProvider=exports.ToastHost=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Toast=_interopRequireDefault(require("./Toast.js")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const MAX_VISIBLE=3,UNDO_DEFAULT_DURATION_MS=6e3,UNDO_MIN_DURATION_MS=6e3,ToastContext=(0,_react.createContext)(null),ToastHostContext=(0,_react.createContext)(null);let nextId=0;const makeId=()=>(nextId+=1,`toast-${Date.now().toString(36)}-${nextId.toString(36)}`),defaultHaptic=e=>{switch(e){case"danger":return"notificationError";case"success":return"notificationSuccess";case"warning":return"notificationWarning";default:return"selection"}},resolveHaptics=(e,t)=>{if(!1===e)return!1;const r=e?.[t??"default"];return void 0===r?defaultHaptic(t):r};let nextHostId=0;const makeHostId=()=>(nextHostId+=1,nextHostId),useScreenReaderEnabled=()=>{const[e,t]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{if("web"===_reactNative.Platform.OS)return;let e=!0;_reactNative.AccessibilityInfo.isScreenReaderEnabled().then(r=>{e&&t(r)});const r=_reactNative.AccessibilityInfo.addEventListener("screenReaderChanged",t);return()=>{e=!1,r.remove()}},[]),e};let providerCount=0,activeApi=null;const setActiveApi=e=>{activeApi=e},getActiveApi=()=>activeApi,ToastProvider=({children:e,maxVisible:t=3,topOffset:r,bottomOffset:o,defaultDuration:s,haptics:n})=>{const a=(0,_react.useRef)({defaultDuration:s,haptics:n});a.current={defaultDuration:s,haptics:n};const[i,u]=(0,_react.useState)([]),[c,d]=(0,_react.useState)([]),l=useScreenReaderEnabled(),_=(0,_react.useRef)(new Map),p=(0,_react.useRef)(new Map);(0,_react.useEffect)(()=>{const e=new Set(i.map(e=>e.id));for(const[t,r]of[..._.current])e.has(t)||(_.current.delete(t),r());for(const t of[...p.current.keys()])e.has(t)||p.current.delete(t)},[i]),(0,_react.useEffect)(()=>{const e=_.current;return()=>{for(const[t,r]of[...e])e.delete(t),r()}},[]);const f=(0,_react.useMemo)(()=>({screenReaderOn:l,readRemaining:e=>p.current.get(e),writeRemaining:(e,t)=>{p.current.set(e,t)}}),[l]),m=(0,_react.useCallback)(e=>{u(t=>t.filter(t=>t.id!==e))},[]),x=(0,_react.useCallback)(()=>{u([])},[]),v=(0,_react.useCallback)(e=>{const r=makeId(),{defaultDuration:o,haptics:s}=a.current,n={...e,duration:e.duration??o,id:r,shownAt:Date.now()},i=void 0!==e.haptic?e.haptic:resolveHaptics(s,e.variant);return!1!==i&&(0,_hapticUtils.triggerHaptic)(i),(0,_announce.announce)(e.description?`${e.message}. ${e.description}`:e.message,{polite:"danger"!==e.variant}),u(r=>{const o=[...void 0===e.key?r:r.filter(t=>t.key!==e.key),n];return o.length>t?o.slice(o.length-t):o}),r},[t]),h=(0,_react.useCallback)((e,t)=>{const{onUndo:r,onCommit:o,undoLabel:s,duration:n,...a}=t,i={id:""},u=v({...a,message:e,duration:0===n?0:Math.max(n??6e3,6e3),countdown:!0,action:{label:s??"Undo",onPress:()=>{_.current.delete(i.id),r()}}});return i.id=u,o&&_.current.set(u,o),u},[v]),g=(0,_react.useMemo)(()=>({show:v,undo:h,hide:m,hideAll:x}),[v,h,m,x]);(0,_react.useEffect)(()=>(providerCount+=1,setActiveApi(g),()=>{providerCount-=1,providerCount<=0&&(providerCount=0,setActiveApi(null))}),[g]);const w=(0,_react.useCallback)(e=>{d(t=>[...t,e])},[]),b=(0,_react.useCallback)(e=>{d(t=>t.filter(t=>t!==e))},[]),T=c.length>0?c[c.length-1]:null,y=(0,_react.useMemo)(()=>({register:w,unregister:b,activeHostId:T,queue:i,hide:m,topOffset:r,bottomOffset:o,runtime:f}),[w,b,T,i,m,r,o,f]);return(0,_jsxRuntime.jsx)(ToastContext.Provider,{value:g,children:(0,_jsxRuntime.jsxs)(ToastHostContext.Provider,{value:y,children:[e,null===T?(0,_jsxRuntime.jsx)(ToastLayers,{queue:i,onDismiss:m,topOffset:r,bottomOffset:o,runtime:f}):null]})})};exports.ToastProvider=ToastProvider;let warnedHost=!1;const warnHostWithoutProvider=()=>{warnedHost||(warnedHost=!0,"undefined"!=typeof __DEV__&&__DEV__&&_mobileCore.Logger.warn("[toast] <ToastHost /> rendered outside a <ToastProvider />; it renders nothing. Mount a provider near your app root."))},ToastHost=()=>{const e=(0,_react.useContext)(ToastHostContext),[t]=(0,_react.useState)(makeHostId),r=e?.register,o=e?.unregister;return(0,_react.useEffect)(()=>{if(r&&o)return r(t),()=>o(t);warnHostWithoutProvider()},[r,o,t]),e&&e.activeHostId===t?(0,_jsxRuntime.jsx)(ToastLayers,{queue:e.queue,onDismiss:e.hide,topOffset:e.topOffset,bottomOffset:e.bottomOffset,runtime:e.runtime}):null};exports.ToastHost=ToastHost;const ToastLayers=({queue:e,onDismiss:t,topOffset:r,bottomOffset:o,runtime:s})=>{const n=(0,_index.useTheme)(),a=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),i=(0,_react.useMemo)(()=>buildStyles(),[]),u=e.filter(e=>"top"===(e.position??"bottom")),c=e.filter(e=>"bottom"===(e.position??"bottom"));return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-top",pointerEvents:"box-none",style:[i.layer,i.top,{top:(r??a.top)+n.space.sm,paddingHorizontal:n.space.md}],children:u.map((e,r)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:e,index:u.length-1-r,shownAt:e.shownAt,runtime:s,onDismiss:t},e.id))}),(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-bottom",pointerEvents:"box-none",style:[i.layer,i.bottom,{bottom:(o??a.bottom)+n.space.sm,paddingHorizontal:n.space.md}],children:c.map((e,r)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:e,index:c.length-1-r,shownAt:e.shownAt,runtime:s,onDismiss:t},e.id))})]})},useToast=()=>{const e=(0,_react.useContext)(ToastContext);if(!e)throw new Error("useToast must be used within a <ToastProvider>.");return e};exports.useToast=useToast;let warned=!1;const warnNoProvider=()=>{warned||(warned=!0,"undefined"!=typeof __DEV__&&__DEV__&&_mobileCore.Logger.warn("[toast] No <ToastProvider /> mounted; toast() calls are no-ops. Mount a provider near your app root."))},proxy=e=>{const t=getActiveApi();return t?e(t):(warnNoProvider(),"")},toast=exports.toast={show:e=>proxy(t=>t.show(e)),undo:(e,t)=>proxy(r=>r.undo(e,t)),success:(e,t)=>proxy(r=>r.show({...t,message:e,variant:"success"})),error:(e,t)=>proxy(r=>r.show({...t,message:e,variant:"danger"})),warning:(e,t)=>proxy(r=>r.show({...t,message:e,variant:"warning"})),info:(e,t)=>proxy(r=>r.show({...t,message:e,variant:"info"})),hideAll:()=>{const e=getActiveApi();e?e.hideAll():warnNoProvider()}},buildStyles=()=>_reactNative.StyleSheet.create({layer:{position:"absolute",left:0,right:0},top:{alignItems:"stretch"},bottom:{alignItems:"stretch"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=exports.toast=exports.ToastProvider=exports.ToastHost=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Toast=_interopRequireWildcard(require("./Toast.js")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,o,s=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(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((r=s&&Object.getOwnPropertyDescriptor(e,o))&&(r.get||r.set)?s(n,o,r):n[o]=e[o]);return n}const MAX_VISIBLE=3,UNDO_DEFAULT_DURATION_MS=6e3,UNDO_MIN_DURATION_MS=6e3,ToastContext=(0,_react.createContext)(null),ToastHostContext=(0,_react.createContext)(null);let nextId=0;const makeId=()=>(nextId+=1,`toast-${Date.now().toString(36)}-${nextId.toString(36)}`),defaultHaptic=e=>{switch(e){case"danger":return"notificationError";case"success":return"notificationSuccess";case"warning":return"notificationWarning";default:return"selection"}},resolveHaptics=(e,t)=>{if(!1===e)return!1;const r=e?.[t??"neutral"];return void 0===r?defaultHaptic(t):r};let nextHostId=0;const makeHostId=()=>(nextHostId+=1,nextHostId),useScreenReaderEnabled=()=>{const[e,t]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{if("web"===_reactNative.Platform.OS)return;let e=!0;_reactNative.AccessibilityInfo.isScreenReaderEnabled().then(r=>{e&&t(r)});const r=_reactNative.AccessibilityInfo.addEventListener("screenReaderChanged",t);return()=>{e=!1,r.remove()}},[]),e};let providerCount=0,activeApi=null;const setActiveApi=e=>{activeApi=e},getActiveApi=()=>activeApi,ToastProvider=({children:e,maxVisible:t=3,topOffset:r,bottomOffset:o,defaultDuration:s,haptics:n,labels:a})=>{const i=(0,_react.useMemo)(()=>({..._Toast.DEFAULT_TOAST_LABELS,...a}),[a]),c=(0,_react.useRef)({defaultDuration:s,haptics:n,labels:i});c.current={defaultDuration:s,haptics:n,labels:i};const[u,l]=(0,_react.useState)([]),[d,_]=(0,_react.useState)([]),p=useScreenReaderEnabled(),f=(0,_react.useRef)(new Map),m=(0,_react.useRef)(new Map);(0,_react.useEffect)(()=>{const e=new Set(u.map(e=>e.id));for(const[t,r]of[...f.current])e.has(t)||(f.current.delete(t),r());for(const t of[...m.current.keys()])e.has(t)||m.current.delete(t)},[u]),(0,_react.useEffect)(()=>{const e=f.current;return()=>{for(const[t,r]of[...e])e.delete(t),r()}},[]);const h=(0,_react.useMemo)(()=>({screenReaderOn:p,labels:i,readRemaining:e=>m.current.get(e),writeRemaining:(e,t)=>{m.current.set(e,t)}}),[p,i]),x=(0,_react.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e))},[]),v=(0,_react.useCallback)(()=>{l([])},[]),b=(0,_react.useCallback)(e=>{const r=makeId(),{defaultDuration:o,haptics:s}=c.current,n={...e,duration:e.duration??o,id:r,shownAt:Date.now()},a=void 0!==e.haptic?e.haptic:resolveHaptics(s,e.tone);return!1!==a&&(0,_hapticUtils.triggerHaptic)(a),(0,_announce.announce)(e.description?`${e.message}. ${e.description}`:e.message,{polite:"danger"!==e.tone}),l(r=>{const o=[...void 0===e.key?r:r.filter(t=>t.key!==e.key),n];return o.length>t?o.slice(o.length-t):o}),r},[t]),g=(0,_react.useCallback)((e,t)=>{const{onUndo:r,onCommit:o,duration:s,...n}=t,a={id:""},i=b({...n,message:e,duration:0===s?0:Math.max(s??6e3,6e3),countdown:!0,action:{label:c.current.labels.undo,onPress:()=>{f.current.delete(a.id),r()}}});return a.id=i,o&&f.current.set(i,o),i},[b]),w=(0,_react.useMemo)(()=>({show:b,undo:g,hide:x,hideAll:v}),[b,g,x,v]);(0,_react.useEffect)(()=>(providerCount+=1,setActiveApi(w),()=>{providerCount-=1,providerCount<=0&&(providerCount=0,setActiveApi(null))}),[w]);const T=(0,_react.useCallback)(e=>{_(t=>[...t,e])},[]),y=(0,_react.useCallback)(e=>{_(t=>t.filter(t=>t!==e))},[]),A=d.length>0?d[d.length-1]:null,C=(0,_react.useMemo)(()=>({register:T,unregister:y,activeHostId:A,queue:u,hide:x,topOffset:r,bottomOffset:o,runtime:h}),[T,y,A,u,x,r,o,h]);return(0,_jsxRuntime.jsx)(ToastContext.Provider,{value:w,children:(0,_jsxRuntime.jsxs)(ToastHostContext.Provider,{value:C,children:[e,null===A?(0,_jsxRuntime.jsx)(ToastLayers,{queue:u,onDismiss:x,topOffset:r,bottomOffset:o,runtime:h}):null]})})};exports.ToastProvider=ToastProvider;let warnedHost=!1;const warnHostWithoutProvider=()=>{warnedHost||(warnedHost=!0,"undefined"!=typeof __DEV__&&__DEV__&&_mobileCore.Logger.warn("[@webority/mobile-ui] Toast: <ToastHost /> rendered outside a <ToastProvider />; it renders nothing. Mount a provider near your app root."))},ToastHost=()=>{const e=(0,_react.useContext)(ToastHostContext),[t]=(0,_react.useState)(makeHostId),r=e?.register,o=e?.unregister;return(0,_react.useEffect)(()=>{if(r&&o)return r(t),()=>o(t);warnHostWithoutProvider()},[r,o,t]),e&&e.activeHostId===t?(0,_jsxRuntime.jsx)(ToastLayers,{queue:e.queue,onDismiss:e.hide,topOffset:e.topOffset,bottomOffset:e.bottomOffset,runtime:e.runtime}):null};exports.ToastHost=ToastHost;const ToastLayers=({queue:e,onDismiss:t,topOffset:r,bottomOffset:o,runtime:s})=>{const n=(0,_index.useTheme)(),a=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),i=(0,_react.useMemo)(()=>buildStyles(),[]),c=e.filter(e=>"top"===(e.position??"bottom")),u=e.filter(e=>"bottom"===(e.position??"bottom"));return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-top",pointerEvents:"box-none",style:[i.layer,i.top,{top:(r??a.top)+n.space.sm,paddingHorizontal:n.space.md}],children:c.map((e,r)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:e,index:c.length-1-r,shownAt:e.shownAt,runtime:s,onClose:t},e.id))}),(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-bottom",pointerEvents:"box-none",style:[i.layer,i.bottom,{bottom:(o??a.bottom)+n.space.sm,paddingHorizontal:n.space.md}],children:u.map((e,r)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:e,index:u.length-1-r,shownAt:e.shownAt,runtime:s,onClose:t},e.id))})]})},useToast=()=>{const e=(0,_react.useContext)(ToastContext);if(!e)throw new Error("useToast must be used within a <ToastProvider>.");return e};exports.useToast=useToast;let warned=!1;const warnNoProvider=()=>{warned||(warned=!0,"undefined"!=typeof __DEV__&&__DEV__&&_mobileCore.Logger.warn("[@webority/mobile-ui] Toast: no <ToastProvider /> mounted; toast() calls are no-ops. Mount a provider near your app root."))},proxy=e=>{const t=getActiveApi();return t?e(t):(warnNoProvider(),"")},toast=exports.toast={show:e=>proxy(t=>t.show(e)),undo:(e,t)=>proxy(r=>r.undo(e,t)),success:(e,t)=>proxy(r=>r.show({...t,message:e,tone:"success"})),error:(e,t)=>proxy(r=>r.show({...t,message:e,tone:"danger"})),warning:(e,t)=>proxy(r=>r.show({...t,message:e,tone:"warning"})),info:(e,t)=>proxy(r=>r.show({...t,message:e,tone:"info"})),hideAll:()=>{const e=getActiveApi();e?e.hideAll():warnNoProvider()}},buildStyles=()=>_reactNative.StyleSheet.create({layer:{position:"absolute",left:0,right:0},top:{alignItems:"stretch"},bottom:{alignItems:"stretch"}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return _Toast.Toast}}),Object.defineProperty(exports,"ToastHost",{enumerable:!0,get:function(){return _ToastProvider.ToastHost}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return _ToastProvider.ToastProvider}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Toast.default}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return _ToastProvider.toast}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return _ToastProvider.useToast}});var cache,_Toast=_interopRequireWildcard(require("./Toast.js")),_ToastProvider=require("./ToastProvider.js");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,o,a=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(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((r=a&&Object.getOwnPropertyDescriptor(e,o))&&(r.get||r.set)?a(n,o,r):n[o]=e[o]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_TOAST_LABELS",{enumerable:!0,get:function(){return _Toast.DEFAULT_TOAST_LABELS}}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return _Toast.Toast}}),Object.defineProperty(exports,"ToastHost",{enumerable:!0,get:function(){return _ToastProvider.ToastHost}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return _ToastProvider.ToastProvider}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Toast.default}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return _ToastProvider.toast}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return _ToastProvider.useToast}});var cache,_Toast=_interopRequireWildcard(require("./Toast.js")),_ToastProvider=require("./ToastProvider.js");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,o,n=Object.defineProperty,a={__proto__:null,default:e};if(Object(e)!==e)return a;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,a)}for(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((r=n&&Object.getOwnPropertyDescriptor(e,o))&&(r.get||r.set)?n(a,o,r):a[o]=e[o]);return a}

package/lib/commonjs/components/Tooltip/RichTooltipBody.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTooltipBody=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const RichTooltipBody=({title:e,content:i,action:t,onAction:s,focusRef:r,actionRef:o,messageStyle:n})=>{const a=(0,_index.useTheme)(),c=(0,_react.useMemo)(()=>buildStyles(a),[a]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:c.card,children:[e?(0,_jsxRuntime.jsx)(_index3.Text,{ref:r,variant:"label",weight:"semibold",accessibilityRole:"header",children:e}):null,"string"==typeof i?(0,_jsxRuntime.jsx)(_index3.Text,{ref:e?void 0:r,variant:"bodySmall",color:"secondary",style:n,children:i}):i,t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:c.actions,children:(0,_jsxRuntime.jsx)(_index2.Button,{ref:o,title:t.label,variant:"ghost",size:"sm",accessibilityLabel:t.accessibilityLabel,onPress:s})}):null]})};exports.RichTooltipBody=RichTooltipBody;const buildStyles=e=>_reactNative.StyleSheet.create({card:{gap:e.space.xs,paddingHorizontal:e.space.md,paddingTop:e.space.md,paddingBottom:e.space.sm,backgroundColor:e.colors.surface,borderRadius:e.radius.md,..._corners.smoothCorners,...e.shadow.popover},actions:{flexDirection:"row",justifyContent:"flex-end",marginTop:e.space.xs}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RichTooltipBody=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const RichTooltipBody=({title:e,content:i,action:t,onAction:s,focusRef:r,actionRef:o,messageStyle:n})=>{const a=(0,_index.useTheme)(),c=(0,_react.useMemo)(()=>buildStyles(a),[a]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:c.card,children:[e?(0,_jsxRuntime.jsx)(_index3.Text,{ref:r,variant:"label",weight:"semibold",accessibilityRole:"header",children:e}):null,"string"==typeof i?(0,_jsxRuntime.jsx)(_index3.Text,{ref:e?void 0:r,variant:"bodySmall",color:"secondary",style:n,children:i}):i,t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:c.actions,children:(0,_jsxRuntime.jsx)(_index2.Button,{ref:o,label:t.label,variant:"ghost",size:"sm",accessibilityLabel:t.accessibilityLabel,onPress:s})}):null]})};exports.RichTooltipBody=RichTooltipBody;const buildStyles=e=>_reactNative.StyleSheet.create({card:{gap:e.space.xs,paddingHorizontal:e.space.md,paddingTop:e.space.md,paddingBottom:e.space.sm,backgroundColor:e.colors.surface,borderRadius:e.radius.md,..._corners.smoothCorners,...e.shadow.popover},actions:{flexDirection:"row",justifyContent:"flex-end",marginTop:e.space.xs}});

package/lib/commonjs/components/Tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tooltip=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_placement=require("../../utils/placement.js"),_focusHost=require("../Menu/focusHost.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_RichTooltipBody=require("./RichTooltipBody.js"),_tooltipPosition=require("./tooltipPosition.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,o=Object.defineProperty,s={__proto__:null,default:e};if(Object(e)!==e)return s;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,s)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((r=o&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?o(s,a,r):s[a]=e[a]);return s}const PRESS_AUTO_HIDE_MS=4e3,ARROW_HALF_WIDTH=4,ARROW_HEIGHT=6,ARROW_CORNER_PADDING=12,DEFAULT_MAX_WIDTH=240,RICH_MAX_WIDTH=280,MESSAGE_LINE_HEIGHT=18,EXIT_DURATION_MS=150,Tooltip=e=>{const{content:t,children:r,variant:a="plain",title:o,action:s,placement:i="auto",visible:n,onVisibleChange:c,hideOnContentPress:l=!0,maxWidth:u,showArrow:_=!0,accessibilityLabel:d,style:f,containerStyle:p,arrowStyle:m,messageStyle:h,closeLabel:v="Close tooltip",testID:R}=e,b="rich"===a,g=e.trigger??(b?"press":"longPress"),x=(0,_index.useTheme)(),y=(0,_usePresenceMotion.usePresenceMotion)(),j=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),[S,T]=(0,_ModalSafeArea.useModalInsets)(),N=(0,_react.useMemo)(()=>({...j,top:S.top,bottom:S.bottom}),[j,S]),w=(0,_reactNative.useWindowDimensions)(),A=(0,_react.useMemo)(()=>buildStyles(x),[x]),P=x.space.sm,M=x.space.sm,C=u??(b?280:240),E="press"===g&&!b,O=(x.settings.components.tooltip?.enableScaleAnimation??!1)&&!y.reduced,H="manual"===g||"boolean"==typeof n,[W,q]=(0,_react.useState)(!1),D=H?Boolean(n):W,[I,L]=(0,_react.useState)(null),[V,k]=(0,_react.useState)({width:0,height:0}),B=(0,_react.useRef)(null),F=(0,_react.useRef)(null),z=(0,_react.useRef)(null),G=(0,_react.useRef)(null),U=(0,_react.useRef)(null),X=(0,_react.useRef)(!1),Y=(0,_react.useRef)(!1),J=(0,_react.useRef)((0,_index.createAnimatedValue)(D||!O?1:.85)).current,K=(0,_react.useRef)((0,_index.createAnimatedValue)(D?1:0)).current,Q=(0,_react.useRef)(null),Z=(0,_react.useRef)(!1),[$,ee]=(0,_react.useState)(D),te=(0,_react.useCallback)(e=>{H||q(e),c?.(e)},[H,c]),re=(0,_react.useCallback)(()=>{B.current&&B.current.measureInWindow((e,t,r,a)=>{L({x:e,y:t,width:r,height:a})})},[]),ae=(0,_react.useCallback)(e=>{re(),te(!0)},[re,te]),oe=(0,_react.useCallback)(()=>{te(!1)},[te]),se=(0,_react.useRef)(oe);se.current=oe;const ie=(0,_react.useCallback)(()=>{if(!X.current)return;X.current=!1;const e=U.current;U.current=null,e?e():b&&(0,_focusHost.focusHost)(F.current??B.current)},[b]);(0,_react.useEffect)(()=>{if(D)return Y.current=!0,X.current=!1,(0,_placement.claimAnchoredSurface)(()=>se.current());Y.current&&(Y.current=!1,X.current=!0)},[D]),(0,_react.useEffect)(()=>{D&&ee(!0)},[D]);const ne=(0,_react.useRef)($);(0,_react.useEffect)(()=>{ne.current&&!$&&"ios"!==_reactNative.Platform.OS&&ie(),ne.current=$},[$,ie]);const ce=(0,_react.useCallback)(()=>{U.current=s?.onPress??null,oe()},[s,oe]);(0,_react.useEffect)(()=>{if(!Z.current)return Z.current=!0,D&&(re(),E&&(Q.current&&clearTimeout(Q.current),Q.current=setTimeout(()=>{oe()},4e3))),()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)};let e;if(D){re();const t=[_reactNative.Animated.timing(K,{toValue:1,duration:y.duration("fast"),useNativeDriver:!0})];O?t.push(_reactNative.Animated.spring(J,{toValue:1,damping:x.motion.spring.snappy.damping,stiffness:x.motion.spring.snappy.stiffness,mass:x.motion.spring.snappy.mass,useNativeDriver:!0})):(0,_index.setNativeValue)(J,1),e=_reactNative.Animated.parallel(t),e.start(),E&&(Q.current&&clearTimeout(Q.current),Q.current=setTimeout(()=>{oe()},4e3))}else{const t=[_reactNative.Animated.timing(K,{toValue:0,duration:y.reduced?y.duration("fast"):150,easing:_reactNative.Easing.bezier(...x.motion.ease.accelerate),useNativeDriver:!0})];O&&t.push(_reactNative.Animated.timing(J,{toValue:.85,duration:150,easing:_reactNative.Easing.bezier(...x.motion.ease.accelerate),useNativeDriver:!0})),e=_reactNative.Animated.parallel(t),e.start(({finished:e})=>{e&&ee(!1)}),Q.current&&(clearTimeout(Q.current),Q.current=null)}return()=>{e?.stop(),Q.current&&(clearTimeout(Q.current),Q.current=null)}},[D]);const handleContentLayout=e=>{const{width:t,height:r}=e.nativeEvent.layout;t===V.width&&r===V.height||k({width:t,height:r})},le=(0,_react.useMemo)(()=>(0,_tooltipPosition.resolveTooltipPosition)({anchor:I,size:V,placement:i,rich:b,viewport:{width:w.width,height:w.height,insets:N},maxWidth:C,gap:P,padding:M,arrowCornerPadding:12}),[I,V,i,b,w.width,w.height,N,C,P,M]),ue=null!==I&&V.width>0,de=D&&ue;(0,_react.useEffect)(()=>{if(!b||!de)return;const e="web"===_reactNative.Platform.OS?G:z,t=setTimeout(()=>(0,_focusHost.focusHost)(e.current),_focusHost.FOCUS_DELAY_MS);return()=>clearTimeout(t)},[b,de]),(0,_react.useEffect)(()=>{!b&&de&&"ios"===_reactNative.Platform.OS&&"string"==typeof t&&(0,_announce.announce)(t)},[b,de,t]);const fe=r.props,pe=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(fe.ref,F),[fe.ref]),me={};"longPress"!==g||fe.contextMenu?"press"===g&&(me.onPress=e=>{fe.onPress?.(e),ae(e)}):(me.onLongPress=ae,me.accessibilityHint="Long press for more info"),b&&(me.ref=pe);const he=_react.default.cloneElement(r,me),ve=d??("string"==typeof t?t:"Tooltip"),Re=(0,_react.useMemo)(()=>{if(!_)return null;const e={position:"absolute",width:0,height:0,backgroundColor:"transparent",borderStyle:"solid",borderLeftWidth:4,borderRightWidth:4,borderBottomWidth:6,borderTopWidth:0,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:"transparent",borderBottomColor:b?x.colors.surface:x.colors["surface-inverse"]};return"top"===le.placement?{...e,bottom:-6,left:le.arrowOffset-4,transform:[{rotate:"180deg"}]}:"bottom"===le.placement?{...e,top:-6,left:le.arrowOffset-4}:"left"===le.placement?{...e,right:-6,top:le.arrowOffset-4,transform:[{rotate:"90deg"}]}:{...e,left:-6,top:le.arrowOffset-4,transform:[{rotate:"-90deg"}]}},[_,le,x,b]),be={position:"absolute",top:le.top,left:le.left,maxWidth:C,opacity:D&&!ue?0:K,transform:[{scale:J}]},ge=Re?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[Re,m],pointerEvents:"none"}):null;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{ref:B,collapsable:!1,onLayout:re,testID:R,children:he}),(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:$,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"none",onRequestClose:oe,onDismiss:ie,children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:T,children:[b?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:l?oe:void 0,accessibilityLabel:v,accessibilityRole:"button"}),$?(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{onLayout:handleContentLayout,style:[be,f,p],children:[(0,_jsxRuntime.jsx)(_RichTooltipBody.RichTooltipBody,{title:o,content:t,action:s,onAction:ce,focusRef:z,actionRef:G,messageStyle:h}),ge]}):null]}):(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:l?oe:void 0,accessibilityLabel:v,accessibilityRole:"button",children:$?(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{accessibilityRole:"web"===_reactNative.Platform.OS?"tooltip":void 0,accessibilityLiveRegion:"polite",accessibilityLabel:ve,onLayout:handleContentLayout,style:[be,f,p],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.tooltip,{backgroundColor:x.colors["surface-inverse"],borderRadius:x.radius.md,..._corners.smoothCorners,paddingHorizontal:x.space.md,paddingVertical:x.space.sm,...x.shadow.popover,shadowColor:x.shadow.popover.shadowColor}],children:"string"==typeof t?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:x.colors["text-inverse"],fontSize:x.text.sm.size,lineHeight:18},h],children:t}):t}),ge]}):null}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})]})};exports.Tooltip=Tooltip;const buildStyles=e=>_reactNative.StyleSheet.create({tooltip:{overflow:"hidden"}});var _default=exports.default=Tooltip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tooltip=exports.DEFAULT_TOOLTIP_LABELS=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_placement=require("../../utils/placement.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_focusHost=require("../Menu/focusHost.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index2=require("../Text/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_RichTooltipBody=require("./RichTooltipBody.js"),_tooltipPosition=require("./tooltipPosition.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,o=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=o&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?o(i,a,r):i[a]=e[a]);return i}const DEFAULT_TOOLTIP_LABELS=exports.DEFAULT_TOOLTIP_LABELS=Object.freeze({close:"Close tooltip",longPressHint:"Long press for more info",fallbackName:"Tooltip"}),PRESS_AUTO_HIDE_MS=4e3,ARROW_HALF_WIDTH=4,ARROW_HEIGHT=6,ARROW_CORNER_PADDING=12,DEFAULT_MAX_WIDTH=240,RICH_MAX_WIDTH=280,MESSAGE_LINE_HEIGHT=18,EXIT_DURATION_MS=150,Tooltip=e=>{const{content:t,children:r,variant:a="plain",title:o,action:i,placement:s="auto",visible:n,onVisibleChange:c,hideOnContentPress:l=!0,maxWidth:u,showArrow:_=!0,accessibilityLabel:d,style:f,containerStyle:p,arrowStyle:m,messageStyle:h,labels:v,testID:g}=e;(0,_warnInvalidValue.warnInvalidValue)("Tooltip","variant",e.variant,["plain","rich"]),(0,_warnInvalidValue.warnInvalidValue)("Tooltip","placement",e.placement,["top","bottom","left","right","auto"]),(0,_warnInvalidValue.warnInvalidValue)("Tooltip","trigger",e.trigger,["longPress","press","manual"]);const b="rich"===a,R=e.trigger??(b?"press":"longPress"),x=(0,_react.useMemo)(()=>({...DEFAULT_TOOLTIP_LABELS,...v}),[v]),T=(0,_index.useTheme)(),y=(0,_usePresenceMotion.usePresenceMotion)(),j=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),[S,w]=(0,_ModalSafeArea.useModalInsets)(),A=(0,_react.useMemo)(()=>({...j,top:S.top,bottom:S.bottom}),[j,S]),P=(0,_reactNative.useWindowDimensions)(),N=(0,_react.useMemo)(()=>buildStyles(T),[T]),L=T.space.sm,O=T.space.sm,E=u??(b?280:240),M="press"===R&&!b,I=(T.settings.components.tooltip?.enableScaleAnimation??!1)&&!y.reduced,C="manual"===R||"boolean"==typeof n,[H,D]=(0,_react.useState)(!1),V=C?Boolean(n):H,[q,W]=(0,_react.useState)(null),[k,B]=(0,_react.useState)({width:0,height:0}),F=(0,_react.useRef)(null),U=(0,_react.useRef)(null),z=(0,_react.useRef)(null),G=(0,_react.useRef)(null),X=(0,_react.useRef)(null),Y=(0,_react.useRef)(!1),J=(0,_react.useRef)(!1),K=(0,_react.useRef)((0,_index.createAnimatedValue)(V||!I?1:.85)).current,Q=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,Z=(0,_react.useRef)(null),$=(0,_react.useRef)(!1),[ee,te]=(0,_react.useState)(V),re=(0,_react.useCallback)(e=>{C||D(e),c?.(e)},[C,c]),ae=(0,_react.useCallback)(()=>{F.current&&F.current.measureInWindow((e,t,r,a)=>{W({x:e,y:t,width:r,height:a})})},[]),oe=(0,_react.useCallback)(e=>{ae(),re(!0)},[ae,re]),ie=(0,_react.useCallback)(()=>{re(!1)},[re]),se=(0,_react.useRef)(ie);se.current=ie;const ne=(0,_react.useCallback)(()=>{if(!Y.current)return;Y.current=!1;const e=X.current;X.current=null,e?e():b&&(0,_focusHost.focusHost)(U.current??F.current)},[b]);(0,_react.useEffect)(()=>{if(V)return J.current=!0,Y.current=!1,(0,_placement.claimAnchoredSurface)(()=>se.current());J.current&&(J.current=!1,Y.current=!0)},[V]),(0,_react.useEffect)(()=>{V&&te(!0)},[V]);const ce=(0,_react.useRef)(ee);(0,_react.useEffect)(()=>{ce.current&&!ee&&"ios"!==_reactNative.Platform.OS&&ne(),ce.current=ee},[ee,ne]);const le=(0,_react.useCallback)(()=>{X.current=i?.onPress??null,ie()},[i,ie]);(0,_react.useEffect)(()=>{if(!$.current)return $.current=!0,V&&(ae(),M&&(Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{ie()},4e3))),()=>{Z.current&&(clearTimeout(Z.current),Z.current=null)};let e;if(V){ae();const t=[_reactNative.Animated.timing(Q,{toValue:1,duration:y.duration("fast"),useNativeDriver:!0})];I?t.push(_reactNative.Animated.spring(K,{toValue:1,damping:T.motion.spring.snappy.damping,stiffness:T.motion.spring.snappy.stiffness,mass:T.motion.spring.snappy.mass,useNativeDriver:!0})):(0,_index.setNativeValue)(K,1),e=_reactNative.Animated.parallel(t),e.start(),M&&(Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{ie()},4e3))}else{const t=[_reactNative.Animated.timing(Q,{toValue:0,duration:y.reduced?y.duration("fast"):150,easing:_reactNative.Easing.bezier(...T.motion.ease.accelerate),useNativeDriver:!0})];I&&t.push(_reactNative.Animated.timing(K,{toValue:.85,duration:150,easing:_reactNative.Easing.bezier(...T.motion.ease.accelerate),useNativeDriver:!0})),e=_reactNative.Animated.parallel(t),e.start(({finished:e})=>{e&&te(!1)}),Z.current&&(clearTimeout(Z.current),Z.current=null)}return()=>{e?.stop(),Z.current&&(clearTimeout(Z.current),Z.current=null)}},[V]);const handleContentLayout=e=>{const{width:t,height:r}=e.nativeEvent.layout;t===k.width&&r===k.height||B({width:t,height:r})},ue=(0,_react.useMemo)(()=>(0,_tooltipPosition.resolveTooltipPosition)({anchor:q,size:k,placement:s,rich:b,viewport:{width:P.width,height:P.height,insets:A},maxWidth:E,gap:L,padding:O,arrowCornerPadding:12}),[q,k,s,b,P.width,P.height,A,E,L,O]),de=null!==q&&k.width>0,fe=V&&de;(0,_react.useEffect)(()=>{if(!b||!fe)return;const e="web"===_reactNative.Platform.OS?G:z,t=setTimeout(()=>(0,_focusHost.focusHost)(e.current),_focusHost.FOCUS_DELAY_MS);return()=>clearTimeout(t)},[b,fe]),(0,_react.useEffect)(()=>{!b&&fe&&"ios"===_reactNative.Platform.OS&&"string"==typeof t&&(0,_announce.announce)(t)},[b,fe,t]);const pe=r.props,me=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(pe.ref,U),[pe.ref]),he={};"longPress"!==R||pe.contextMenu?"press"===R&&(he.onPress=e=>{pe.onPress?.(e),oe(e)}):(he.onLongPress=oe,he.accessibilityHint=x.longPressHint),b&&(he.ref=me);const ve=_react.default.cloneElement(r,he),ge=d??("string"==typeof t?t:x.fallbackName),be=(0,_react.useMemo)(()=>{if(!_)return null;const e={position:"absolute",width:0,height:0,backgroundColor:"transparent",borderStyle:"solid",borderLeftWidth:4,borderRightWidth:4,borderBottomWidth:6,borderTopWidth:0,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:"transparent",borderBottomColor:b?T.colors.surface:T.colors["surface-inverse"]};return"top"===ue.placement?{...e,bottom:-6,left:ue.arrowOffset-4,transform:[{rotate:"180deg"}]}:"bottom"===ue.placement?{...e,top:-6,left:ue.arrowOffset-4}:"left"===ue.placement?{...e,right:-6,top:ue.arrowOffset-4,transform:[{rotate:"90deg"}]}:{...e,left:-6,top:ue.arrowOffset-4,transform:[{rotate:"-90deg"}]}},[_,ue,T,b]),Re={position:"absolute",top:ue.top,left:ue.left,maxWidth:E,opacity:V&&!de?0:Q,transform:[{scale:K}]},xe=be?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[be,m],pointerEvents:"none"}):null;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{ref:F,collapsable:!1,onLayout:ae,testID:g,children:ve}),(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:ee,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"none",onRequestClose:ie,onDismiss:ne,children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:w,children:[b?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:l?ie:void 0,accessibilityLabel:x.close,accessibilityRole:"button"}),ee?(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{onLayout:handleContentLayout,style:[Re,f,p],children:[(0,_jsxRuntime.jsx)(_RichTooltipBody.RichTooltipBody,{title:o,content:t,action:i,onAction:le,focusRef:z,actionRef:G,messageStyle:h}),xe]}):null]}):(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:l?ie:void 0,accessibilityLabel:x.close,accessibilityRole:"button",children:ee?(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{accessibilityRole:"web"===_reactNative.Platform.OS?"tooltip":void 0,accessibilityLiveRegion:"polite",accessibilityLabel:ge,onLayout:handleContentLayout,style:[Re,f,p],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[N.tooltip,{backgroundColor:T.colors["surface-inverse"],borderRadius:T.radius.md,..._corners.smoothCorners,paddingHorizontal:T.space.md,paddingVertical:T.space.sm,...T.shadow.popover,shadowColor:T.shadow.popover.shadowColor}],children:"string"==typeof t?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"bodySmall",color:"inverse",style:{lineHeight:18,..._reactNative.StyleSheet.flatten(h)},children:t}):t}),xe]}):null}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})]})};exports.Tooltip=Tooltip;const buildStyles=e=>_reactNative.StyleSheet.create({tooltip:{overflow:"hidden"}});var _default=exports.default=Tooltip;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return _Tooltip.Tooltip}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Tooltip.default}});var cache,_Tooltip=_interopRequireWildcard(require("./Tooltip.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,o,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(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((r=c&&Object.getOwnPropertyDescriptor(e,o))&&(r.get||r.set)?c(i,o,r):i[o]=e[o]);return i}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_TOOLTIP_LABELS",{enumerable:!0,get:function(){return _Tooltip.DEFAULT_TOOLTIP_LABELS}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return _Tooltip.Tooltip}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Tooltip.default}});var cache,_Tooltip=_interopRequireWildcard(require("./Tooltip.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,o,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(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((r=n&&Object.getOwnPropertyDescriptor(e,o))&&(r.get||r.set)?n(c,o,r):c[o]=e[o]);return c}

package/lib/commonjs/components/Tour/Tour.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tour=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Modal/index.js"),_jsxRuntime=require("react/jsx-runtime");const MAX_CARD_WIDTH=360,HIGHLIGHT_BORDER_WIDTH=2,measureInWindow=e=>new Promise(t=>{const i=e.current;i?i.measureInWindow((e,i,r,s)=>t({x:e,y:i,width:r,height:s})):t(null)}),isOnScreen=(e,t)=>e.width>0&&e.height>0&&e.x<t.width&&e.y<t.height&&e.x+e.width>0&&e.y+e.height>0,Tour=({tourId:e,steps:t,visible:i,onClose:r,seenStore:s,labels:n,haptic:a,testID:o})=>{const c=(0,_index.useTheme)(),l=(0,_usePresenceMotion.usePresenceMotion)().duration("fast"),u=(0,_react.useMemo)(()=>buildStyles(c),[c]),d=(0,_reactNative.useWindowDimensions)(),h=(0,_react.useRef)(d);h.current=d;const x=c.space.sm,_=c.space.sm,[m,p]=(0,_react.useState)(null),[g,y]=(0,_react.useState)(0),b=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,f=(0,_react.useRef)(t);f.current=t;const w=(0,_react.useRef)(r);w.current=r;const v=(0,_react.useRef)(s);v.current=s;const j=(0,_react.useCallback)(async(e,t)=>{for(let i=e;i>=0&&i<f.current.length;i+=t){const e=await measureInWindow(f.current[i].target);if(e&&isOnScreen(e,h.current))return{index:i,rect:e}}return null},[]);(0,_react.useEffect)(()=>{if(!i)return void p(null);let t=!1;return(async()=>{const i=v.current;if(i&&await i.isSeen(e))return void(t||w.current("alreadySeen"));const r=await j(0,1);t||(r?(y(r.index),p(r)):w.current("noTargets"))})(),()=>{t=!0}},[i,e,j]),(0,_react.useEffect)(()=>{if(!m)return;const e=f.current[m.index],t=`Step ${m.index+1} of ${f.current.length}`;_reactNative.AccessibilityInfo.announceForAccessibility([t,e.title,e.description].filter(Boolean).join(". ")),b.setValue(0);const i=_reactNative.Animated.timing(b,{toValue:1,duration:l,useNativeDriver:!0});return i.start(),()=>i.stop()},[m,b,l]);const R=(0,_react.useCallback)(async t=>{p(null),await(v.current?.markSeen(e)),w.current(t)},[e]),S=(0,_react.useCallback)(async()=>{if(!m)return;const e=await j(m.index+1,1);e?p(e):await R("finished")},[m,j,R]),k=(0,_react.useCallback)(async()=>{if(!m)return;const e=await j(m.index-1,-1);e&&p(e)},[m,j]),N=(0,_react.useCallback)(()=>{R("skipped")},[R]),M=m?t[m.index]:void 0,C=!!m&&m.index===t.length-1,I=c.space.xs,T=m?{x:m.rect.x-I,y:m.rect.y-I,width:m.rect.width+2*I,height:m.rect.height+2*I}:null,D=Math.min(d.width-2*_,360),P=T?(()=>{const e=T.x+T.width/2,t=Math.max(_,Math.min(e-D/2,d.width-D-_)),i=T.y,r=d.height-(T.y+T.height);return r>=i?{left:t,top:T.y+T.height+x,maxHeight:Math.max(r-x-_,0)}:{left:t,bottom:d.height-T.y+x,maxHeight:Math.max(i-x-_,0)}})():null,q=c.colors.scrim,z=T?Math.min(M?.radius?c.radius[M.radius]+I:c.radius.md,Math.min(T.width,T.height)/2):0,V=Math.max(d.width,d.height);return(0,_jsxRuntime.jsx)(_index3.Modal,{visible:null!==m,onRequestClose:N,presentation:"fullScreen",backdropPressClose:!1,backdropStyle:u.transparent,contentStyle:u.transparent,accessibilityLabel:M?.title??M?.description,haptic:a,testID:o,children:T&&P&&M?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.dim,{borderColor:q,borderWidth:V,top:T.y-V,left:T.x-V,width:T.width+2*V,height:T.height+2*V,borderRadius:z+V}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[u.highlight,{top:T.y,left:T.x,width:T.width,height:T.height,borderRadius:z}]}),(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{accessibilityLiveRegion:"polite",style:[u.card,P,{width:D,opacity:b}],testID:o?`${o}-card`:void 0,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:u.position,children:`Step ${(m?.index??0)+1} of ${t.length}`}),M.title?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:u.title,accessibilityRole:"header",children:M.title}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:u.description,children:M.description}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.actions,children:[(0,_jsxRuntime.jsx)(_index2.Button,{title:n?.skip??"Skip",variant:"ghost",size:"sm",haptic:a,onPress:N,testID:o?`${o}-skip`:void 0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.navigation,children:[m&&m.index>g?(0,_jsxRuntime.jsx)(_index2.Button,{title:n?.back??"Back",variant:"outline",size:"sm",haptic:a,onPress:()=>{k()},testID:o?`${o}-back`:void 0}):null,(0,_jsxRuntime.jsx)(_index2.Button,{title:C?n?.done??"Done":n?.next??"Next",size:"sm",haptic:a,onPress:()=>{S()},testID:o?`${o}-next`:void 0})]})]})]})]}):null})};exports.Tour=Tour,Tour.displayName="Tour";const buildStyles=e=>_reactNative.StyleSheet.create({transparent:{backgroundColor:"transparent"},dim:{position:"absolute"},highlight:{position:"absolute",borderWidth:2,borderColor:e.colors.primary,borderRadius:e.radius.md,..._corners.smoothCorners},card:{position:"absolute",backgroundColor:e.colors.surface,borderRadius:e.radius.lg,..._corners.smoothCorners,padding:e.space.lg,gap:e.space.sm,...e.shadow.popover},position:{color:e.colors["text-subtle"],fontSize:e.text.xs.size},title:{color:e.colors["text-body"],fontSize:e.text.lg.size,fontWeight:e.weight.semibold},description:{color:e.colors["text-muted"],fontSize:e.text.sm.size},actions:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:e.space.xs},navigation:{flexDirection:"row",gap:e.space.sm}});var _default=exports.default=Tour;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tour=exports.DEFAULT_TOUR_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Modal/index.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_TOUR_LABELS=exports.DEFAULT_TOUR_LABELS=Object.freeze({back:"Back",next:"Next",skip:"Skip",done:"Done",position:(e,t)=>`Step ${e} of ${t}`}),MAX_CARD_WIDTH=360,HIGHLIGHT_BORDER_WIDTH=2,measureInWindow=e=>new Promise(t=>{const i=e.current;i?i.measureInWindow((e,i,r,n)=>t({x:e,y:i,width:r,height:n})):t(null)}),isOnScreen=(e,t)=>e.width>0&&e.height>0&&e.x<t.width&&e.y<t.height&&e.x+e.width>0&&e.y+e.height>0,Tour=({tourId:e,steps:t,visible:i,onClose:r,seenStore:n,labels:s,haptic:a,testID:o})=>{const c=(0,_index.useTheme)(),u=(0,_usePresenceMotion.usePresenceMotion)().duration("fast"),l=(0,_react.useMemo)(()=>buildStyles(c),[c]),d=(0,_reactNative.useWindowDimensions)(),h=(0,_react.useRef)(d);h.current=d;const x=c.space.sm,_=c.space.sm,p=(0,_react.useMemo)(()=>({...DEFAULT_TOUR_LABELS,...s}),[s]),[m,b]=(0,_react.useState)(null),[g,y]=(0,_react.useState)(0),j=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,v=(0,_react.useRef)(t);v.current=t;const w=(0,_react.useRef)(p);w.current=p;const f=(0,_react.useRef)(r);f.current=r;const R=(0,_react.useRef)(n);R.current=n;const T=(0,_react.useCallback)(async(e,t)=>{for(let i=e;i>=0&&i<v.current.length;i+=t){const e=await measureInWindow(v.current[i].target);if(e&&isOnScreen(e,h.current))return{index:i,rect:e}}return null},[]);(0,_react.useEffect)(()=>{if(!i)return void b(null);let t=!1;return(async()=>{const i=R.current;if(i&&await i.isSeen(e))return void(t||f.current("alreadySeen"));const r=await T(0,1);t||(r?(y(r.index),b(r)):f.current("noTargets"))})(),()=>{t=!0}},[i,e,T]),(0,_react.useEffect)(()=>{if(!m)return;const e=v.current[m.index],t=w.current.position(m.index+1,v.current.length);_reactNative.AccessibilityInfo.announceForAccessibility([t,e.title,e.description].filter(Boolean).join(". ")),j.setValue(0);const i=_reactNative.Animated.timing(j,{toValue:1,duration:u,useNativeDriver:!0});return i.start(),()=>i.stop()},[m,j,u]);const S=(0,_react.useCallback)(async t=>{b(null),await(R.current?.markSeen(e)),f.current(t)},[e]),k=(0,_react.useCallback)(async()=>{if(!m)return;const e=await T(m.index+1,1);e?b(e):await S("finished")},[m,T,S]),D=(0,_react.useCallback)(async()=>{if(!m)return;const e=await T(m.index-1,-1);e&&b(e)},[m,T]),M=(0,_react.useCallback)(()=>{S("skipped")},[S]),C=m?t[m.index]:void 0,I=!!m&&m.index===t.length-1,A=c.space.xs,L=m?{x:m.rect.x-A,y:m.rect.y-A,width:m.rect.width+2*A,height:m.rect.height+2*A}:null,N=Math.min(d.width-2*_,360),E=L?(()=>{const e=L.x+L.width/2,t=Math.max(_,Math.min(e-N/2,d.width-N-_)),i=L.y,r=d.height-(L.y+L.height);return r>=i?{left:t,top:L.y+L.height+x,maxHeight:Math.max(r-x-_,0)}:{left:t,bottom:d.height-L.y+x,maxHeight:Math.max(i-x-_,0)}})():null,B=c.colors.scrim,P=L?Math.min(C?.radius?c.radius[C.radius]+A:c.radius.md,Math.min(L.width,L.height)/2):0,q=Math.max(d.width,d.height);return(0,_jsxRuntime.jsx)(_index3.Modal,{visible:null!==m,onClose:M,presentation:"fullScreen",backdropPressClose:!1,backdropStyle:l.transparent,contentStyle:l.transparent,accessibilityLabel:C?.title??C?.description,haptic:a,testID:o,children:L&&E&&C?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.dim,{borderColor:B,borderWidth:q,top:L.y-q,left:L.x-q,width:L.width+2*q,height:L.height+2*q,borderRadius:P+q}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[l.highlight,{top:L.y,left:L.x,width:L.width,height:L.height,borderRadius:P}]}),(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{accessibilityLiveRegion:"polite",style:[l.card,E,{width:N,opacity:j}],testID:o?`${o}-card`:void 0,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",children:p.position((m?.index??0)+1,t.length)}),C.title?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"title",accessibilityRole:"header",children:C.title}):null,(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",children:C.description}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.actions,children:[(0,_jsxRuntime.jsx)(_index2.Button,{label:p.skip,variant:"ghost",size:"sm",haptic:a,onPress:M,testID:o?`${o}-skip`:void 0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.navigation,children:[m&&m.index>g?(0,_jsxRuntime.jsx)(_index2.Button,{label:p.back,variant:"outline",size:"sm",haptic:a,onPress:()=>{D()},testID:o?`${o}-back`:void 0}):null,(0,_jsxRuntime.jsx)(_index2.Button,{label:I?p.done:p.next,size:"sm",haptic:a,onPress:()=>{k()},testID:o?`${o}-next`:void 0})]})]})]})]}):null})};exports.Tour=Tour,Tour.displayName="Tour";const buildStyles=e=>_reactNative.StyleSheet.create({transparent:{backgroundColor:"transparent"},dim:{position:"absolute"},highlight:{position:"absolute",borderWidth:2,borderColor:e.colors.primary,borderRadius:e.radius.md,..._corners.smoothCorners},card:{position:"absolute",backgroundColor:e.colors.surface,borderRadius:e.radius.lg,..._corners.smoothCorners,padding:e.space.lg,gap:e.space.sm,...e.shadow.popover},actions:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:e.space.xs},navigation:{flexDirection:"row",gap:e.space.sm}});var _default=exports.default=Tour;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tour",{enumerable:!0,get:function(){return _Tour.Tour}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Tour.default}});var cache,_Tour=_interopRequireWildcard(require("./Tour.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,u,c=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(u in e)"default"!==u&&{}.hasOwnProperty.call(e,u)&&((t=c&&Object.getOwnPropertyDescriptor(e,u))&&(t.get||t.set)?c(o,u,t):o[u]=e[u]);return o}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_TOUR_LABELS",{enumerable:!0,get:function(){return _Tour.DEFAULT_TOUR_LABELS}}),Object.defineProperty(exports,"Tour",{enumerable:!0,get:function(){return _Tour.Tour}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Tour.default}});var cache,_Tour=_interopRequireWildcard(require("./Tour.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,u,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(u in e)"default"!==u&&{}.hasOwnProperty.call(e,u)&&((t=n&&Object.getOwnPropertyDescriptor(e,u))&&(t.get||t.set)?n(o,u,t):o[u]=e[u]);return o}

package/lib/commonjs/components/TypingIndicator/TypingIndicator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.TypingIndicator=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,a,r=Object.defineProperty,s={__proto__:null,default:e};if(Object(e)!==e)return s;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,s)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((i=r&&Object.getOwnPropertyDescriptor(e,a))&&(i.get||i.set)?r(s,a,i):s[a]=e[a]);return s}const DOT=6,DIM=.3,PULSE_MS=400,STAGGER_MS=160,STILL_OPACITY=[1,.65,.3],Dot=({index:e,still:t,colour:i,dotStyle:a})=>{const r=(0,_reactNativeReanimated.useSharedValue)(.3);(0,_react.useEffect)(()=>{if(!t)return r.value=(0,_reactNativeReanimated.withDelay)(160*e,(0,_reactNativeReanimated.withRepeat)((0,_reactNativeReanimated.withSequence)((0,_reactNativeReanimated.withTiming)(1,{duration:400}),(0,_reactNativeReanimated.withTiming)(.3,{duration:400})),-1)),()=>(0,_reactNativeReanimated.cancelAnimation)(r)},[t,e,r]);const s=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:r.value}));return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[a,{backgroundColor:i},t?{opacity:STILL_OPACITY[e]}:s]})},TypingIndicator=({label:e,accessibilityLabel:t,bubble:i=!0,style:a,testID:r})=>{const s=(0,_index.useTheme)(),c=(0,_react.useMemo)(()=>buildStyles(s),[s]),n=(0,_useReducedMotion.useReducedMotion)(),o=s.colors["text-subtle"];return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[c.root,i?c.bubble:null,a],accessible:!0,accessibilityRole:"progressbar",accessibilityLabel:e??t??"Typing",accessibilityState:{busy:!0},"aria-busy":!0,testID:r,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:c.dots,children:[0,1,2].map(e=>(0,_jsxRuntime.jsx)(Dot,{index:e,still:n,colour:o,dotStyle:c.dot},e))}),e?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"bodySmall",color:"secondary",children:e}):null]})};exports.TypingIndicator=TypingIndicator;const buildStyles=e=>_reactNative.StyleSheet.create({dot:{width:6,height:6,borderRadius:e.radius.pill,..._corners.smoothCorners},root:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start",gap:e.space.sm,marginTop:e.space.sm},bubble:{backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.xl,..._corners.smoothCorners,paddingHorizontal:e.space.md,paddingVertical:e.space.sm+e.space.xs},dots:{flexDirection:"row",alignItems:"center",gap:e.space.xs}});var _default=exports.default=TypingIndicator;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.TypingIndicator=exports.DEFAULT_TYPING_INDICATOR_LABELS=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,a,r=Object.defineProperty,s={__proto__:null,default:e};if(Object(e)!==e)return s;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,s)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((i=r&&Object.getOwnPropertyDescriptor(e,a))&&(i.get||i.set)?r(s,a,i):s[a]=e[a]);return s}const DEFAULT_TYPING_INDICATOR_LABELS=exports.DEFAULT_TYPING_INDICATOR_LABELS=Object.freeze({typing:"Typing"}),DOT=6,DIM=.3,PULSE_MS=400,STAGGER_MS=160,STILL_OPACITY=[1,.65,.3],DOT_NAMES=["first","second","third"],Dot=({index:e,still:t,colour:i,dotStyle:a})=>{const r=(0,_reactNativeReanimated.useSharedValue)(.3);(0,_react.useEffect)(()=>{if(!t)return r.value=(0,_reactNativeReanimated.withDelay)(160*e,(0,_reactNativeReanimated.withRepeat)((0,_reactNativeReanimated.withSequence)((0,_reactNativeReanimated.withTiming)(1,{duration:400}),(0,_reactNativeReanimated.withTiming)(.3,{duration:400})),-1)),()=>(0,_reactNativeReanimated.cancelAnimation)(r)},[t,e,r]);const s=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:r.value}));return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[a,{backgroundColor:i},t?{opacity:STILL_OPACITY[e]}:s]})},TypingIndicator=({label:e,accessibilityLabel:t,labels:i,bubble:a=!0,style:r,testID:s})=>{const c=(0,_index.useTheme)(),n=(0,_react.useMemo)(()=>buildStyles(c),[c]),o=(0,_useReducedMotion.useReducedMotion)(),l=c.colors["text-subtle"],d=(0,_react.useMemo)(()=>({...DEFAULT_TYPING_INDICATOR_LABELS,...i}),[i]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[n.root,a?n.bubble:null,r],accessible:!0,accessibilityRole:"progressbar",accessibilityLabel:e??t??d.typing,accessibilityState:{busy:!0},"aria-busy":!0,testID:s,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:n.dots,children:DOT_NAMES.map((e,t)=>(0,_jsxRuntime.jsx)(Dot,{index:t,still:o,colour:l,dotStyle:n.dot},e))}),e?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"bodySmall",color:"secondary",children:e}):null]})};exports.TypingIndicator=TypingIndicator;const buildStyles=e=>_reactNative.StyleSheet.create({dot:{width:6,height:6,borderRadius:e.radius.pill,..._corners.smoothCorners},root:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start",gap:e.space.sm,marginTop:e.space.sm},bubble:{backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.xl,..._corners.smoothCorners,paddingHorizontal:e.space.md,paddingVertical:e.space.sm+e.space.xs},dots:{flexDirection:"row",alignItems:"center",gap:e.space.xs}});var _default=exports.default=TypingIndicator;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TypingIndicator",{enumerable:!0,get:function(){return _TypingIndicator.TypingIndicator}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _TypingIndicator.default}});var cache,_TypingIndicator=_interopRequireWildcard(require("./TypingIndicator.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_TYPING_INDICATOR_LABELS",{enumerable:!0,get:function(){return _TypingIndicator.DEFAULT_TYPING_INDICATOR_LABELS}}),Object.defineProperty(exports,"TypingIndicator",{enumerable:!0,get:function(){return _TypingIndicator.TypingIndicator}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _TypingIndicator.default}});var cache,_TypingIndicator=_interopRequireWildcard(require("./TypingIndicator.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/WheelPicker/Wheel.js

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

package/lib/commonjs/components/WheelPicker/WheelPicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WheelPicker=void 0;var _react=require("react"),_reactNative=require("react-native"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_index2=require("../Chip/index.js"),_Wheel=require("./Wheel.js"),_jsxRuntime=require("react/jsx-runtime");const BASE_ITEM_HEIGHT=40,MAX_FONT_SCALE=1.5,DEFAULT_COLUMN_WIDTH=64,MAX_DURATION_MINUTES=1439,range=(e,t,i=1)=>{const a=[];for(let s=e;s<=t;s+=i)a.push(s);return a},plural=(e,t,i)=>`${e} ${1===e?t:i}`,formatPreset=(e,t,i)=>{const a=Math.floor(e/60),s=e%60;return 0===a?`${s} ${i}`:0===s?`${a} ${t}`:`${a} ${t} ${s} ${i}`},toItem=e=>"object"==typeof e?e:{value:e,label:String(e)},WheelPicker=e=>{const{haptic:t,disabled:i,testID:a,style:s}=e,r=(0,_index.useTheme)(),n=(0,_useReducedMotion.useReducedMotion)(),{fontScale:o}=(0,_reactNative.useWindowDimensions)(),l=Math.min(Math.max(o,1),1.5),u=Math.round(40*l),d=(0,_react.useMemo)(()=>buildStyles(r,u),[r,u]),c="list"===e.mode?e.items:void 0,m=(0,_react.useMemo)(()=>c?.map(toItem),[c]),h="duration"===e.mode?e.minuteStep??1:1,_="duration"===e.mode?Math.max(0,Math.min(1439,Math.floor(e.maxMinutes??1/0))):0,x=Math.floor(_/60),p="duration"===e.mode?e.labels:void 0,b=p?.hours??"Hours",f=p?.minutes??"Minutes",M=p?.hourUnit??"hr",v=p?.minuteUnit??"min",j="duration"===e.mode?e.presets:void 0;for(const e of j??[])if(!Number.isInteger(e)||e<0||e>_||e%h!==0)throw new Error(`WheelPicker preset ${e} must be a whole number of minutes from 0 to ${_} in steps of ${h}.`);const y=(0,_react.useCallback)(e=>{const t=e===x?_%60:59;return Math.floor(t/h)*h},[x,_,h]),g="duration"===e.mode?e.value:0,w=(0,_react.useMemo)(()=>{const e=Number.isFinite(g)?g:0,t=Math.max(0,Math.min(_,e)),i=Math.floor(t/60),a=Math.round(t%60/h)*h;return{hour:i,minute:Math.min(y(i),a)}},[g,_,h,y]),S=(0,_react.useMemo)(()=>"duration"===e.mode?range(0,x).map(e=>({value:e,label:String(e),accessibilityLabel:plural(e,"hour","hours")})):[],[e.mode,x]),N=y(w.hour),W=(0,_react.useMemo)(()=>"duration"===e.mode?range(0,N,h).map(e=>({value:e,label:String(e).padStart(2,"0"),accessibilityLabel:plural(e,"minute","minutes")})):[],[e.mode,N,h]),I=(0,_react.useMemo)(()=>"list"===e.mode?[{key:"list",label:e.label??"Value",items:m??[],value:e.value??"",width:e.width}]:"duration"===e.mode?[{key:"hours",label:b,items:S,value:w.hour,unit:M,gapAfter:r.space.md},{key:"minutes",label:f,items:W,value:w.minute,unit:v}]:e.columns,[e,m,S,W,w,b,f,M,v,r.space.md]),{onChange:R}=e,k=(0,_react.useCallback)((t,i)=>{const a=t.items[i];if(a&&R)if("list"===e.mode)R(a.value);else if("duration"===e.mode){const e=Number(a.value),i=R;"hours"===t.key?i(60*e+Math.min(w.minute,y(e))):i(60*w.hour+e)}else R(t.key,a.value)},[R,e.mode,w,y]),E=(0,_react.useCallback)(e=>{R?.(e)},[R]),C=60*w.hour+w.minute,T=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[d.wheels,s],testID:a,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:d.selectionBand,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:d.bandLine}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:d.bandLine})]}),I.map(a=>{if(0===a.items.length)return null;const s=a.items.findIndex(e=>e.value===a.value);return(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[(0,_jsxRuntime.jsx)(_Wheel.Wheel,{label:a.label,items:a.items,selectedIndex:Math.max(0,s),onIndexChange:e=>k(a,e),itemHeight:u,width:a.width??("list"===e.mode?void 0:64),theme:r,haptic:t,disabled:i,reducedMotion:n,typeable:"duration"===e.mode,testID:a.testID}),a.unit?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:d.unit,maxFontSizeMultiplier:1.5,numberOfLines:1,accessible:!1,importantForAccessibility:"no","aria-hidden":!0,children:a.unit}):null,a.separator?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:d.separator,maxFontSizeMultiplier:1.5,accessible:!1,importantForAccessibility:"no","aria-hidden":!0,children:a.separator}):null,a.gapAfter?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:a.gapAfter}}):null]},a.key)})]});return j&&0!==j.length?(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[T,(0,_jsxRuntime.jsx)(_reactNative.View,{style:d.presets,children:j.map(e=>(0,_jsxRuntime.jsx)(_index2.Chip,{label:formatPreset(e,M,v),size:"sm",selected:e===C,disabled:i,onPress:()=>E(e)},e))})]}):T};exports.WheelPicker=WheelPicker;const buildStyles=(e,t)=>_reactNative.StyleSheet.create({wheels:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:t*_Wheel.WHEEL_VISIBLE_ITEMS,position:"relative"},selectionBand:{position:"absolute",left:0,right:0,top:t*_Wheel.WHEEL_CENTER_OFFSET,height:t,justifyContent:"space-between"},bandLine:{height:2*_reactNative.StyleSheet.hairlineWidth,backgroundColor:e.colors.primary,opacity:.85},separator:{fontSize:e.text["2xl"].size,fontWeight:e.weight.bold,color:e.colors["text-body"],paddingHorizontal:e.space.xs},unit:{fontSize:e.text.base.size,fontWeight:e.weight.semibold,color:e.colors["text-muted"],paddingLeft:e.space.xs},presets:{flexDirection:"row",flexWrap:"wrap",justifyContent:"center",gap:e.space.xs,paddingTop:e.space.sm}});var _default=exports.default=WheelPicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WheelPicker=exports.DEFAULT_WHEEL_PICKER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Chip/index.js"),_index3=require("../Text/index.js"),_Wheel=require("./Wheel.js"),_jsxRuntime=require("react/jsx-runtime");const BASE_ITEM_HEIGHT=40,MAX_FONT_SCALE=1.5,DEFAULT_COLUMN_WIDTH=64,MAX_DURATION_MINUTES=1439,DEFAULT_WHEEL_PICKER_LABELS=exports.DEFAULT_WHEEL_PICKER_LABELS=Object.freeze({hours:"Hours",minutes:"Minutes",hourUnit:"hr",minuteUnit:"min",hourOne:"hour",hourMany:"hours",minuteOne:"minute",minuteMany:"minutes",value:"Value"}),range=(e,t,i=1)=>{const a=[];for(let n=e;n<=t;n+=i)a.push(n);return a},plural=(e,t,i)=>`${e} ${1===e?t:i}`,formatPreset=(e,t,i)=>{const a=Math.floor(e/60),n=e%60;return 0===a?`${n} ${i}`:0===n?`${a} ${t}`:`${a} ${t} ${n} ${i}`},toItem=e=>"object"==typeof e?e:{value:e,label:String(e)},WheelPicker=e=>{const{haptic:t,disabled:i,testID:a,style:n,labels:r}=e;(0,_warnInvalidValue.warnInvalidValue)("WheelPicker","mode",e.mode,["columns","list","duration"]);const s=(0,_index.useTheme)(),o=(0,_useReducedMotion.useReducedMotion)(),{fontScale:l}=(0,_reactNative.useWindowDimensions)(),u=Math.min(Math.max(l,1),1.5),d=Math.round(40*u),m=(0,_react.useMemo)(()=>buildStyles(s,d),[s,d]),c="list"===e.mode?e.items:void 0,h=(0,_react.useMemo)(()=>c?.map(toItem),[c]),_="duration"===e.mode?e.minuteStep??1:1,x="duration"===e.mode?Math.max(0,Math.min(1439,Math.floor(e.maxMinutes??1/0))):0,p=Math.floor(x/60),b=(0,_react.useMemo)(()=>({...DEFAULT_WHEEL_PICKER_LABELS,...r}),[r]),M="duration"===e.mode?e.presets:void 0;for(const e of M??[])if(!Number.isInteger(e)||e<0||e>x||e%_!==0)throw new Error(`WheelPicker preset ${e} must be a whole number of minutes from 0 to ${x} in steps of ${_}.`);const v=(0,_react.useCallback)(e=>{const t=e===p?x%60:59;return Math.floor(t/_)*_},[p,x,_]),f="duration"===e.mode?e.value:0,j=(0,_react.useMemo)(()=>{const e=Number.isFinite(f)?f:0,t=Math.max(0,Math.min(x,e)),i=Math.floor(t/60),a=Math.round(t%60/_)*_;return{hour:i,minute:Math.min(v(i),a)}},[f,x,_,v]),y=(0,_react.useMemo)(()=>"duration"===e.mode?range(0,p).map(e=>({value:e,label:String(e),accessibilityLabel:plural(e,b.hourOne,b.hourMany)})):[],[e.mode,p,b]),E=v(j.hour),L=(0,_react.useMemo)(()=>"duration"===e.mode?range(0,E,_).map(e=>({value:e,label:String(e).padStart(2,"0"),accessibilityLabel:plural(e,b.minuteOne,b.minuteMany)})):[],[e.mode,E,_,b]),g=(0,_react.useMemo)(()=>"list"===e.mode?[{key:"list",label:e.label??b.value,items:h??[],value:e.value??"",width:e.width}]:"duration"===e.mode?[{key:"hours",label:b.hours,items:y,value:j.hour,unit:b.hourUnit,gapAfter:s.space.md},{key:"minutes",label:b.minutes,items:L,value:j.minute,unit:b.minuteUnit}]:e.columns,[e,h,y,L,j,b,s.space.md]),{onChange:w}=e,I=(0,_react.useCallback)((t,i)=>{const a=t.items[i];if(a&&w)if("list"===e.mode)w(a.value);else if("duration"===e.mode){const e=Number(a.value),i=w;"hours"===t.key?i(60*e+Math.min(j.minute,v(e))):i(60*j.hour+e)}else w(t.key,a.value)},[w,e.mode,j,v]),S=(0,_react.useCallback)(e=>{w?.(e)},[w]),R=60*j.hour+j.minute,W=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[m.wheels,n],testID:a,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:"none",style:m.selectionBand,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:m.bandLine}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:m.bandLine})]}),g.map(a=>{if(0===a.items.length)return null;const n=a.items.findIndex(e=>e.value===a.value);return(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[(0,_jsxRuntime.jsx)(_Wheel.Wheel,{label:a.label,items:a.items,selectedIndex:Math.max(0,n),onIndexChange:e=>I(a,e),itemHeight:d,width:a.width??("list"===e.mode?void 0:64),theme:s,haptic:t,disabled:i,reducedMotion:o,typeable:"duration"===e.mode,testID:a.testID}),a.unit?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",weight:"semibold",color:"secondary",style:m.unit,maxFontSizeMultiplier:1.5,numberOfLines:1,accessible:!1,importantForAccessibility:"no","aria-hidden":!0,children:a.unit}):null,a.separator?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"h2",weight:"bold",style:m.separator,maxFontSizeMultiplier:1.5,accessible:!1,importantForAccessibility:"no","aria-hidden":!0,children:a.separator}):null,a.gapAfter?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:a.gapAfter}}):null]},a.key)})]});return M&&0!==M.length?(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[W,(0,_jsxRuntime.jsx)(_reactNative.View,{style:m.presets,children:M.map(e=>(0,_jsxRuntime.jsx)(_index2.Chip,{label:formatPreset(e,b.hourUnit,b.minuteUnit),size:"sm",selected:e===R,disabled:i,onPress:()=>S(e)},e))})]}):W};exports.WheelPicker=WheelPicker;const buildStyles=(e,t)=>_reactNative.StyleSheet.create({wheels:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:t*_Wheel.WHEEL_VISIBLE_ITEMS,position:"relative"},selectionBand:{position:"absolute",left:0,right:0,top:t*_Wheel.WHEEL_CENTER_OFFSET,height:t,justifyContent:"space-between"},bandLine:{height:2*_reactNative.StyleSheet.hairlineWidth,backgroundColor:e.colors.primary,opacity:.85},separator:{paddingHorizontal:e.space.xs},unit:{paddingLeft:e.space.xs},presets:{flexDirection:"row",flexWrap:"wrap",justifyContent:"center",gap:e.space.xs,paddingTop:e.space.sm}});var _default=exports.default=WheelPicker;