npm - @webority/mobile-ui - Versions diffs - 0.8.2 → 0.9.0 - Mend

@webority/mobile-ui 0.8.2 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Toast=void 0;var _react=~~_interopRequireWildcard(~~require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var i=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,s={__proto__:null,default:e};if(null===e\|\|"object"!=typeof e&&"function"!=typeof e)return s;if(r=t?a:i){if(r.has(e))return r.get(e);r.set(e,s)}for(const ~~t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get\|\|n.set)?r(s,t,n):s[t]=e[t]);return s})(e,t)}const~~ DEFAULT_SWIPE_DISMISS_THRESHOLD=80,DEFAULT_SWIPE_VELOCITY_THRESHOLD=.5,DEFAULT_STACK_OFFSET=8,DEFAULT_STACK_SCALE_STEP=.04,DEFAULT_AUTO_DISMISS_MS=3e3,Toast=({toast:e,index:t,onDismiss:i,shownAt:a})=>{const r=(0,_index.useTheme)(),n=e.variant??"default",s=e.position??"bottom",o=(0,_react.useMemo)(()=>buildStyles(r),[r]),c=(0,_react.useMemo)(()=>tintFor(r,n),[r,n]),l=r.components.toast,d=l?.iconCircleSize??28,u=l?.iconCircleBorderRadius??14,m=l?.iconGlyphFontSize??16,p=l?.tintBarWidth??4,_=l?.swipeDismissThreshold??80,f=l?.swipeVelocityThreshold??.5,g=l?.stackOffset??8,v=l?.stackScaleStep??.04,x=l?.stackMinScale??.9,h=l?.defaultDurationMs??3e3,y=l?.enableSwipeDismiss??!0,b=l?.enterSpringDamping??18,N=l?.enterSpringStiffness??180,S=l?.enterSpringMass??1,R="top"===s?-120:120,A=(0,_react.useRef)((0,_index.createAnimatedValue)(R)).current,j=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,w=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,D=(0,_react.useRef)(!1),T="top"===s?tg:-tg,M=Math.max(1-tv,x),V=(0,_react.useRef)((0,_index.createAnimatedValue)(T)).current;(0,_react.useEffect)(()=>{(0,_index.setNativeValue)(V,T)},[T,V]);const C=(0,_react.useMemo)(()=>_reactNative.Animated.add(A,V),[A,V]),dismiss=()=>{D.current\|\|(D.current=!0,_reactNative.Animated.parallel([_reactNative.Animated.timing(w,{toValue:0,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.easing.accelerate),useNativeDriver:!0}),_reactNative.Animated.timing(A,{toValue:R,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.easing.accelerate),useNativeDriver:!0})]).start(()=>i(e.id)))};(0,_react.useEffect)(()=>{const t=_reactNative.Animated.parallel([_reactNative.Animated.spring(A,{toValue:0,damping:b,stiffness:N,mass:S,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:1,duration:r.motion.duration.fast,useNativeDriver:!0})]);t.start();const i=e.duration??h;if(i>0){const e=void 0===a?0:Date.now()-a,r=setTimeout(()=>dismiss(),Math.max(i-e,0));return()=>{t.stop(),clearTimeout(r)}}return()=>t.stop()},[]);const E=(0,_react.useMemo)(()=>_reactNative.PanResponder.create({onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>Math.abs(t.dy)&&Math.abs(t.dx)>6,onPanResponderMove:(e,t)=>{(0,_index.setNativeValue)(j,t.dx);const i=1-.7Math.min(Math.abs(t.dx)/200,1);(0,_index.setNativeValue)(w,i)},onPanResponderTerminate:()=>{_reactNative.Animated.parallel([_reactNative.Animated.spring(j,{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(w,{toValue:1,duration:r.motion.duration.fast,useNativeDriver:!0})]).start()},onPanResponderRelease:(t,a)=>{if(Math.abs(a.dx)>_\|\|Math.abs(a.vx)>f){const t=a.dx>=0?1:-1;_reactNative.Animated.parallel([_reactNative.Animated.timing(j,{toValue:500*t,duration:r.motion.duration.fast,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:0,duration:r.motion.duration.fast,useNativeDriver:!0})]).start(()=>{D.current=!0,i(e.id)})}else _reactNative.Animated.parallel([_reactNative.Animated.spring(j,{toValue:0,useNativeDriver:!0}),_reactNative.Animated.spring(w,{toValue:1,useNativeDriver:!0})]).start()}}),[j,w,_,f,r.motion.duration.fast,r.motion.spring.snappy.damping,r.motion.spring.snappy.stiffness,r.motion.spring.snappy.mass,i,e.id]),L=e.description?`${e.message}. ${e.description}`:e.message;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{...y?E.panHandlers:{},accessibilityRole:"alert",accessibilityLiveRegion:"assertive",accessibilityLabel:L,testID:e.testID,style:[o.container,{backgroundColor:r.colors.background.elevated,borderRadius:r.radius.lg,..._corners.smoothCorners,padding:r.spacing.md,...r.shadows.md,shadowColor:r.shadows.md.shadowColor,opacity:w,transform:[{translateY:C},{translateX:j},{scale:M}]},e.style,e.containerStyle],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.tintBar,{width:p,backgroundColor:c}]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.row,children:[(()=>{if(e.icon)return e.icon;const t=defaultGlyph(n);return t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.iconCircle,{width:d,height:d,borderRadius:u,..._corners.smoothCorners,backgroundColor:c+"22"},e.iconCircleStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.iconGlyph,{color:c,fontSize:m}],accessible:!1,children:t})}):null})(),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.textBlock,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.message,{color:r.colors.text.primary,fontSize:r.typography.fontSize.base,...(0,_index.fontFor)(r,"semibold")},e.textStyle,e.messageStyle],numberOfLines:2,children:e.message}),e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.description,{color:r.colors.text.secondary,fontSize:r.typography.fontSize.sm}],numberOfLines:3,children:e.description}):null]}),e.action?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.action.label,onPress:()=>{e.action?.onPress(),dismiss()},style:({pressed:t})=>[o.actionBtn,{backgroundColor:t?r.colors.surface.pressed:"transparent"},e.actionButtonStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:c,fontSize:r.typography.fontSize.sm,...(0,_index.fontFor)(r,"semibold")},numberOfLines:1,children:e.action.label})}):null]})]})};exports.Toast=Toast;const tintFor=(e,t)=>{switch(t){case"success":return e.colors.success;case"error":return e.colors.error;case"warning":return e.colors.warning;case"info":return e.colors.info;default:return e.colors.text.primary}},defaultGlyph=e=>{switch(e){case"success":return"✓";case"error":return"×";case"warning":return"!";case"info":return"i";default:return""}},buildStyles=e=>_reactNative.StyleSheet.create({container:{overflow:"hidden",marginVertical:4},tintBar:{position:"absolute",left:0,top:0,bottom:0},row:{flexDirection:"row",alignItems:"center",paddingLeft:8},iconCircle:{alignItems:"center",justifyContent:"center",marginRight:12},iconGlyph:{fontWeight:"700",lineHeight:18},textBlock:{flex:1,paddingRight:8},message:{lineHeight:20},description:{marginTop:2,lineHeight:18},actionBtn:{paddingHorizontal:10,paddingVertical:6,borderRadius:8,..._corners.smoothCorners,marginLeft:8}});var _default=exports.default=Toast;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Toast=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_SWIPE_DISMISS_THRESHOLD=80,DEFAULT_SWIPE_VELOCITY_THRESHOLD=.5,DEFAULT_STACK_OFFSET=8,DEFAULT_STACK_SCALE_STEP=.04,DEFAULT_AUTO_DISMISS_MS=3e3,Toast=({toast:e,index:t,onDismiss:i,shownAt:a})=>{const r=(0,_index.useTheme)(),n=e.variant??"default",s=e.position??"bottom",o=(0,_react.useMemo)(()=>buildStyles(r),[r]),c=(0,_react.useMemo)(()=>tintFor(r,n),[r,n]),l=(0,_react.useMemo)(()=>inkFor(r,n),[r,n]),d=r.components.toast,u=d?.iconCircleSize??28,m=d?.iconCircleBorderRadius??14,p=d?.iconGlyphFontSize??16,_=d?.tintBarWidth??0,g=d?.swipeDismissThreshold??80,f=d?.swipeVelocityThreshold??.5,v=d?.stackOffset??8,x=d?.stackScaleStep??.04,h=d?.stackMinScale??.9,y=d?.defaultDurationMs??3e3,N=d?.enableSwipeDismiss??!0,S=d?.enterSpringDamping??18,b=d?.enterSpringStiffness??180,R=d?.enterSpringMass??1,T="top"===s?-120:120,A=(0,_react.useRef)((0,_index.createAnimatedValue)(T)).current,w=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,D=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,j=(0,_react.useRef)(!1),V="top"===s?tv:-tv,M=Math.max(1-tx,h),C=(0,_react.useRef)((0,_index.createAnimatedValue)(V)).current;(0,_react.useEffect)(()=>{(0,_index.setNativeValue)(C,V)},[V,C]);const E=(0,_react.useMemo)(()=>_reactNative.Animated.add(A,C),[A,C]),dismiss=()=>{j.current\|\|(j.current=!0,_reactNative.Animated.parallel([_reactNative.Animated.timing(D,{toValue:0,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.easing.accelerate),useNativeDriver:!0}),_reactNative.Animated.timing(A,{toValue:T,duration:r.motion.duration.fast,easing:_reactNative.Easing.bezier(...r.motion.easing.accelerate),useNativeDriver:!0})]).start(()=>i(e.id)))};(0,_react.useEffect)(()=>{const t=_reactNative.Animated.parallel([_reactNative.Animated.spring(A,{toValue:0,damping:S,stiffness:b,mass:R,useNativeDriver:!0}),_reactNative.Animated.timing(D,{toValue:1,duration:r.motion.duration.fast,useNativeDriver:!0})]);t.start();const i=e.duration??y;if(i>0){const e=void 0===a?0:Date.now()-a,r=setTimeout(()=>dismiss(),Math.max(i-e,0));return()=>{t.stop(),clearTimeout(r)}}return()=>t.stop()},[]);const L=(0,_react.useMemo)(()=>_reactNative.PanResponder.create({onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>Math.abs(t.dy)&&Math.abs(t.dx)>6,onPanResponderMove:(e,t)=>{(0,_index.setNativeValue)(w,t.dx);const i=1-.7Math.min(Math.abs(t.dx)/200,1);(0,_index.setNativeValue)(D,i)},onPanResponderTerminate:()=>{_reactNative.Animated.parallel([_reactNative.Animated.spring(w,{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(D,{toValue:1,duration:r.motion.duration.fast,useNativeDriver:!0})]).start()},onPanResponderRelease:(t,a)=>{if(Math.abs(a.dx)>g\|\|Math.abs(a.vx)>f){const t=a.dx>=0?1:-1;_reactNative.Animated.parallel([_reactNative.Animated.timing(w,{toValue:500*t,duration:r.motion.duration.fast,useNativeDriver:!0}),_reactNative.Animated.timing(D,{toValue:0,duration:r.motion.duration.fast,useNativeDriver:!0})]).start(()=>{j.current=!0,i(e.id)})}else _reactNative.Animated.parallel([_reactNative.Animated.spring(w,{toValue:0,useNativeDriver:!0}),_reactNative.Animated.spring(D,{toValue:1,useNativeDriver:!0})]).start()}}),[w,D,g,f,r.motion.duration.fast,r.motion.spring.snappy.damping,r.motion.spring.snappy.stiffness,r.motion.spring.snappy.mass,i,e.id]),F=e.description?`${e.message}. ${e.description}`:e.message;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{...N?L.panHandlers:{},accessibilityRole:"alert",accessibilityLiveRegion:"assertive",accessibilityLabel:F,testID:e.testID,style:[o.container,{backgroundColor:r.colors.background.elevated,borderRadius:r.radius.lg,..._corners.smoothCorners,padding:r.spacing.md,...r.shadows.md,shadowColor:r.shadows.md.shadowColor,opacity:D,transform:[{translateY:E},{translateX:w},{scale:M}]},e.style,e.containerStyle],children:[_>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.tintBar,{width:_,backgroundColor:c}]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.row,children:[(()=>{if(e.icon)return e.icon;const t=defaultGlyph(n);return t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[o.iconCircle,{width:u,height:u,borderRadius:m,..._corners.smoothCorners,backgroundColor:c+"22"},e.iconCircleStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.iconGlyph,{color:l,fontSize:p}],accessible:!1,children:t})}):null})(),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:o.textBlock,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.message,{color:r.colors.text.primary,fontSize:r.typography.fontSize.base,...(0,_index.fontFor)(r,"semibold")},e.textStyle,e.messageStyle],numberOfLines:2,children:e.message}),e.description?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[o.description,{color:r.colors.text.secondary,fontSize:r.typography.fontSize.sm}],numberOfLines:3,children:e.description}):null]}),e.action?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.action.label,onPress:()=>{e.action?.onPress(),dismiss()},style:({pressed:t})=>[o.actionBtn,{backgroundColor:t?r.colors.surface.pressed:"transparent"},e.actionButtonStyle],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:c,fontSize:r.typography.fontSize.sm,...(0,_index.fontFor)(r,"semibold")},numberOfLines:1,children:e.action.label})}):null]})]})};exports.Toast=Toast;const tintFor=(e,t)=>{switch(t){case"success":return e.colors.success;case"error":return e.colors.error;case"warning":return e.colors.warning;case"info":return e.colors.info;default:return e.colors.text.primary}},inkFor=(e,t)=>{switch(t){case"success":return e.colors.toneText.success;case"error":return e.colors.toneText.error;case"warning":return e.colors.toneText.warning;case"info":return e.colors.toneText.info;default:return e.colors.text.primary}},defaultGlyph=e=>{switch(e){case"success":return"✓";case"error":return"×";case"warning":return"!";case"info":return"i";default:return""}},buildStyles=e=>_reactNative.StyleSheet.create({container:{overflow:"hidden",marginVertical:4},tintBar:{position:"absolute",left:0,top:0,bottom:0},row:{flexDirection:"row",alignItems:"center",paddingLeft:8},iconCircle:{alignItems:"center",justifyContent:"center",marginRight:12},iconGlyph:{fontWeight:"700",lineHeight:18},textBlock:{flex:1,paddingRight:8},message:{lineHeight:20},description:{marginTop:2,lineHeight:18},actionBtn:{paddingHorizontal:10,paddingVertical:6,borderRadius:8,..._corners.smoothCorners,marginLeft:8}});var _default=exports.default=Toast;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=exports.toast=exports.ToastProvider=exports.ToastHost=void 0;var _react=~~_interopRequireWildcard(~~require("react")),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Toast=_interopRequireDefault(require("./Toast.js")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _interopRequireWildcard(t,e){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var s,a,n={__proto__:null,default:t};if(null===t\|\|"object"!=typeof t&&"function"!=typeof t)return n;if(s=e?r:o){if(s.has(t))return s.get(t);s.set(t,n)}for(const ~~e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((a=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(a.get\|\|a.set)?s(n,e,a):n[e]=t[e]);return n})(t,e)}const~~ MAX_VISIBLE=3,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=t=>{switch(t){case"error":return"notificationError";case"success":return"notificationSuccess";case"warning":return"notificationWarning";default:return"selection"}},resolveHaptics=(t,e)=>{if(!1===t)return!1;const o=t?.[e??"default"];return void 0===o?defaultHaptic(e):o};let nextHostId=0;const makeHostId=()=>(nextHostId+=1,nextHostId);let providerCount=0,activeApi=null;const setActiveApi=t=>{activeApi=t},getActiveApi=()=>activeApi,ToastProvider=({children:t,maxVisible:e=3,topOffset:o,bottomOffset:r,defaultDuration:s,haptics:a})=>{const n=(0,_react.useRef)({defaultDuration:s,haptics:a});n.current={defaultDuration:s,haptics:a};const[i,u]=(0,_react.useState)([]),[c,l]=(0,_react.useState)([]),d=(0,_react.useCallback)(t=>{u(e=>e.filter(e=>e.id!==t))},[]),p=(0,_react.useCallback)(()=>{u([])},[]),f=(0,_react.useCallback)(t=>{const o=makeId(),{defaultDuration:r,haptics:s}=n.current,a={...t,duration:t.duration??r,id:o,shownAt:Date.now()},i=void 0!==t.haptic?t.haptic:resolveHaptics(s,t.variant);return!1!==i&&(0,_hapticUtils.triggerHaptic)(i),u(t=>{const o=[...t,a];return o.length>e?o.slice(o.length-e):o}),o},[e]),_=(0,_react.useMemo)(()=>({show:f,hide:d,hideAll:p}),[f,d,p]);(0,_react.useEffect)(()=>(providerCount+=1,setActiveApi(_),()=>{providerCount-=1,providerCount<=0&&(providerCount=0,setActiveApi(null))}),[_]);const x=(0,_react.useCallback)(t=>{l(e=>[...e,t])},[]),v=(0,_react.useCallback)(t=>{l(e=>e.filter(e=>e!==t))},[]),m=c.length>0?c[c.length-1]:null,h=(0,_react.useMemo)(()=>({register:x,unregister:v,activeHostId:m,queue:i,hide:d,topOffset:o,bottomOffset:r}),[x,v,m,i,d,o,r]);return(0,_jsxRuntime.jsx)(ToastContext.Provider,{value:_,children:(0,_jsxRuntime.jsxs)(ToastHostContext.Provider,{value:h,children:[t,null===m?(0,_jsxRuntime.jsx)(ToastLayers,{queue:i,onDismiss:d,topOffset:o,bottomOffset:r}):null]})})};exports.ToastProvider=ToastProvider;let warnedHost=!1;const warnHostWithoutProvider=()=>{warnedHost\|\|(warnedHost=!0,"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[toast] <ToastHost /> rendered outside a <ToastProvider />; it renders nothing. Mount a provider near your app root."))},ToastHost=()=>{const t=(0,_react.useContext)(ToastHostContext),[e]=(0,_react.useState)(makeHostId),o=t?.register,r=t?.unregister;return(0,_react.useEffect)(()=>{if(o&&r)return o(e),()=>r(e);warnHostWithoutProvider()},[o,r,e]),t&&t.activeHostId===e?(0,_jsxRuntime.jsx)(ToastLayers,{queue:t.queue,onDismiss:t.hide,topOffset:t.topOffset,bottomOffset:t.bottomOffset}):null};exports.ToastHost=ToastHost;const ToastLayers=({queue:t,onDismiss:e,topOffset:o,bottomOffset:r})=>{const s=(0,_index.useTheme)(),a=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),n=(0,_react.useMemo)(()=>buildStyles(),[]),i=t.filter(t=>"top"===(t.position??"bottom")),u=t.filter(t=>"bottom"===(t.position??"bottom"));return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-top",pointerEvents:"box-none",style:[n.layer,n.top,{top:(o??a.top)+s.spacing.sm,paddingHorizontal:s.spacing.md}],children:i.map((t,o)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:t,index:i.length-1-o,shownAt:t.shownAt,onDismiss:e},t.id))}),(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-bottom",pointerEvents:"box-none",style:[n.layer,n.bottom,{bottom:(r??a.bottom)+s.spacing.sm,paddingHorizontal:s.spacing.md}],children:u.map((t,o)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:t,index:u.length-1-o,shownAt:t.shownAt,onDismiss:e},t.id))})]})},useToast=()=>{const t=(0,_react.useContext)(ToastContext);if(!t)throw new Error("useToast must be used within a <ToastProvider>.");return t};exports.useToast=useToast;let warned=!1;const warnNoProvider=()=>{warned\|\|(warned=!0,"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[toast] No <ToastProvider /> mounted; toast() calls are no-ops. Mount a provider near your app root."))},proxy=t=>{const e=getActiveApi();if(!e)~~return~~ warnNoProvider(),""~~;const o=t(e~~)~~;return"string"==typeof o?o:""~~},toast=exports.toast={show:t=>proxy(e=>e.show(t)),success:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"success"})),error:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"error"})),warning:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"warning"})),info:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"info"})),hideAll:()=>{const t=getActiveApi();t?t.hideAll():warnNoProvider()}},buildStyles=()=>_reactNative.StyleSheet.create({layer:{position:"absolute",left:0,right:0},top:{alignItems:"stretch"},bottom:{alignItems:"stretch"}});
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=exports.toast=exports.ToastProvider=exports.ToastHost=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Toast=_interopRequireDefault(require("./Toast.js")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const MAX_VISIBLE=3,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=t=>{switch(t){case"error":return"notificationError";case"success":return"notificationSuccess";case"warning":return"notificationWarning";default:return"selection"}},resolveHaptics=(t,e)=>{if(!1===t)return!1;const o=t?.[e??"default"];return void 0===o?defaultHaptic(e):o};let nextHostId=0;const makeHostId=()=>(nextHostId+=1,nextHostId);let providerCount=0,activeApi=null;const setActiveApi=t=>{activeApi=t},getActiveApi=()=>activeApi,ToastProvider=({children:t,maxVisible:e=3,topOffset:o,bottomOffset:s,defaultDuration:r,haptics:a})=>{const i=(0,_react.useRef)({defaultDuration:r,haptics:a});i.current={defaultDuration:r,haptics:a};const[n,u]=(0,_react.useState)([]),[c,l]=(0,_react.useState)([]),d=(0,_react.useCallback)(t=>{u(e=>e.filter(e=>e.id!==t))},[]),p=(0,_react.useCallback)(()=>{u([])},[]),_=(0,_react.useCallback)(t=>{const o=makeId(),{defaultDuration:s,haptics:r}=i.current,a={...t,duration:t.duration??s,id:o,shownAt:Date.now()},n=void 0!==t.haptic?t.haptic:resolveHaptics(r,t.variant);return!1!==n&&(0,_hapticUtils.triggerHaptic)(n),u(t=>{const o=[...t,a];return o.length>e?o.slice(o.length-e):o}),o},[e]),f=(0,_react.useMemo)(()=>({show:_,hide:d,hideAll:p}),[_,d,p]);(0,_react.useEffect)(()=>(providerCount+=1,setActiveApi(f),()=>{providerCount-=1,providerCount<=0&&(providerCount=0,setActiveApi(null))}),[f]);const x=(0,_react.useCallback)(t=>{l(e=>[...e,t])},[]),m=(0,_react.useCallback)(t=>{l(e=>e.filter(e=>e!==t))},[]),v=c.length>0?c[c.length-1]:null,h=(0,_react.useMemo)(()=>({register:x,unregister:m,activeHostId:v,queue:n,hide:d,topOffset:o,bottomOffset:s}),[x,m,v,n,d,o,s]);return(0,_jsxRuntime.jsx)(ToastContext.Provider,{value:f,children:(0,_jsxRuntime.jsxs)(ToastHostContext.Provider,{value:h,children:[t,null===v?(0,_jsxRuntime.jsx)(ToastLayers,{queue:n,onDismiss:d,topOffset:o,bottomOffset:s}):null]})})};exports.ToastProvider=ToastProvider;let warnedHost=!1;const warnHostWithoutProvider=()=>{warnedHost\|\|(warnedHost=!0,"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[toast] <ToastHost /> rendered outside a <ToastProvider />; it renders nothing. Mount a provider near your app root."))},ToastHost=()=>{const t=(0,_react.useContext)(ToastHostContext),[e]=(0,_react.useState)(makeHostId),o=t?.register,s=t?.unregister;return(0,_react.useEffect)(()=>{if(o&&s)return o(e),()=>s(e);warnHostWithoutProvider()},[o,s,e]),t&&t.activeHostId===e?(0,_jsxRuntime.jsx)(ToastLayers,{queue:t.queue,onDismiss:t.hide,topOffset:t.topOffset,bottomOffset:t.bottomOffset}):null};exports.ToastHost=ToastHost;const ToastLayers=({queue:t,onDismiss:e,topOffset:o,bottomOffset:s})=>{const r=(0,_index.useTheme)(),a=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),i=(0,_react.useMemo)(()=>buildStyles(),[]),n=t.filter(t=>"top"===(t.position??"bottom")),u=t.filter(t=>"bottom"===(t.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:(o??a.top)+r.spacing.sm,paddingHorizontal:r.spacing.md}],children:n.map((t,o)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:t,index:n.length-1-o,shownAt:t.shownAt,onDismiss:e},t.id))}),(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-bottom",pointerEvents:"box-none",style:[i.layer,i.bottom,{bottom:(s??a.bottom)+r.spacing.sm,paddingHorizontal:r.spacing.md}],children:u.map((t,o)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:t,index:u.length-1-o,shownAt:t.shownAt,onDismiss:e},t.id))})]})},useToast=()=>{const t=(0,_react.useContext)(ToastContext);if(!t)throw new Error("useToast must be used within a <ToastProvider>.");return t};exports.useToast=useToast;let warned=!1;const warnNoProvider=()=>{warned\|\|(warned=!0,"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[toast] No <ToastProvider /> mounted; toast() calls are no-ops. Mount a provider near your app root."))},proxy=t=>{const e=getActiveApi();return e?t(e):(warnNoProvider(),"")},toast=exports.toast={show:t=>proxy(e=>e.show(t)),success:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"success"})),error:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"error"})),warning:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"warning"})),info:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"info"})),hideAll:()=>{const t=getActiveApi();t?t.hideAll():warnNoProvider()}},buildStyles=()=>_reactNative.StyleSheet.create({layer:{position:"absolute",left:0,right:0},top:{alignItems:"stretch"},bottom:{alignItems:"stretch"}});

package/lib/commonjs/components/ZoomableImage/ZoomableImage.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ZoomableImage=void 0;var _react=~~_interopRequireWildcard(~~require("react")),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if("function"==typeof WeakMap)var t=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,a){if(!a&&e&&e.__esModule)return e;var i,n,l={__proto__:null,default:e};if(null===e\|\|"object"!=typeof e&&"function"!=typeof e)return l;if(i=a?r:t){if(i.has(e))return i.get(e);i.set(e,l)}for(const a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,a))&&(n.get\|\|n.set)?i(l,a,n):l[a]=e[a]);return l})(e,a)}const DEFAULT_MAX_SCALE=4,DEFAULT_MIN_SCALE=1,DEFAULT_DOUBLE_TAP_SCALE=2,SPRING_CONFIG={damping:18,stiffness:220,mass:1},ZoomableImage=({children:e,maxScale:a=4,minScale:t=1,doubleTapScale:r=2,disabled:i=!1,haptic:n,style:l,accessibilityLabel:u,testID:c})=>{const s=(0,_reactNativeReanimated.useSharedValue)(1),v=(0,_reactNativeReanimated.useSharedValue)(1),d=(0,_reactNativeReanimated.useSharedValue)(0),o=(0,_reactNativeReanimated.useSharedValue)(0),_=(0,_reactNativeReanimated.useSharedValue)(0),m=(0,_reactNativeReanimated.useSharedValue)(0),N=(0,_react.useCallback)(()=>{s.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),v.value=1,d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),_.value=0,m.value=0},[s,v,d,o,_,m]);(0,_react.useEffect)(()=>{i&&N()},[i,N]);const p=(0,_react.useCallback)(()=>{const e=(0,_index.resolveHaptic)(n,"impactLight");e&&(0,_index.triggerHaptic)(e)},[n]),R=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pinch().enabled(!i).onStart(()=>{"worklet";v.value=s.value}).onUpdate(e=>{"worklet";const r=v.valuee.scale;s.value=r<t?t+.3(r-t):r>a?a+.2*(r-a):r}).onEnd(()=>{"worklet";return s.value<t?(s.value=(0,_reactNativeReanimated.withSpring)(t,SPRING_CONFIG),d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),v.value=t,_.value=0,void(m.value=0)):s.value>a?(s.value=(0,_reactNativeReanimated.withSpring)(a,SPRING_CONFIG),void(v.value=a)):void(v.value=s.value)}),[i,s,v,d,o,_,m,t,a]),S=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pan().enabled(!i).minPointers(1).maxPointers(1).onStart(()=>{"worklet";_.value=d.value,m.value=o.value}).onUpdate(e=>{"worklet";s.value<=1\|\|(d.value=_.value+e.translationX,o.value=m.value+e.translationY)}).onEnd(()=>{"worklet";_.value=d.value,m.value=o.value}),[i,s,d,o,_,m]),I=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Tap().enabled(!i).numberOfTaps(2).onEnd(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(p)(),s.value>1?(s.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),v.value=1,_.value=0,m.value=0):(s.value=(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG),v.value=r)}),[i,s,v,d,o,_,m,p,r]),G=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Race(R,S,I),[R,S,I]),f=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:d.value},{translateY:o.value},{scale:s.value}]}));return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:G,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[styles.container,l],testID:c,accessibilityLabel:u,accessibilityState:{disabled:i},children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[styles.content,f],children:e})})})};exports.ZoomableImage=ZoomableImage,ZoomableImage.displayName="ZoomableImage";const styles=_reactNative.StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center",overflow:"hidden"},content:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center"}});var _default=exports.default=ZoomableImage;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ZoomableImage=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if("function"==typeof WeakMap)var t=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,a){if(!a&&e&&e.__esModule)return e;var i,n,l={__proto__:null,default:e};if(null===e\|\|"object"!=typeof e&&"function"!=typeof e)return l;if(i=a?r:t){if(i.has(e))return i.get(e);i.set(e,l)}for(const a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,a))&&(n.get\|\|n.set)?i(l,a,n):l[a]=e[a]);return l})(e,a)}const DEFAULT_MAX_SCALE=4,DEFAULT_MIN_SCALE=1,DEFAULT_DOUBLE_TAP_SCALE=2,SPRING_CONFIG={damping:18,stiffness:220,mass:1},ZoomableImage=({children:e,maxScale:a=4,minScale:t=1,doubleTapScale:r=2,disabled:i=!1,haptic:n,style:l,accessibilityLabel:u,testID:s})=>{const c=(0,_reactNativeReanimated.useSharedValue)(1),v=(0,_reactNativeReanimated.useSharedValue)(1),d=(0,_reactNativeReanimated.useSharedValue)(0),o=(0,_reactNativeReanimated.useSharedValue)(0),_=(0,_reactNativeReanimated.useSharedValue)(0),m=(0,_reactNativeReanimated.useSharedValue)(0),N=(0,_react.useCallback)(()=>{c.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),v.value=1,d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),_.value=0,m.value=0},[c,v,d,o,_,m]);(0,_react.useEffect)(()=>{i&&N()},[i,N]);const p=(0,_react.useCallback)(()=>{const e=(0,_index.resolveHaptic)(n,"impactLight");e&&(0,_index.triggerHaptic)(e)},[n]),R=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pinch().enabled(!i).onStart(()=>{"worklet";v.value=c.value}).onUpdate(e=>{"worklet";const r=v.valuee.scale;c.value=r<t?t+.3(r-t):r>a?a+.2*(r-a):r}).onEnd(()=>{"worklet";return c.value<t?(c.value=(0,_reactNativeReanimated.withSpring)(t,SPRING_CONFIG),d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),v.value=t,_.value=0,void(m.value=0)):c.value>a?(c.value=(0,_reactNativeReanimated.withSpring)(a,SPRING_CONFIG),void(v.value=a)):void(v.value=c.value)}),[i,c,v,d,o,_,m,t,a]),S=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pan().enabled(!i).minPointers(1).maxPointers(1).onStart(()=>{"worklet";_.value=d.value,m.value=o.value}).onUpdate(e=>{"worklet";c.value<=1\|\|(d.value=_.value+e.translationX,o.value=m.value+e.translationY)}).onEnd(()=>{"worklet";_.value=d.value,m.value=o.value}),[i,c,d,o,_,m]),I=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Tap().enabled(!i).numberOfTaps(2).onEnd(()=>{"worklet";(0,_reactNativeReanimated.runOnJS)(p)(),c.value>1?(c.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),v.value=1,_.value=0,m.value=0):(c.value=(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG),v.value=r)}),[i,c,v,d,o,_,m,p,r]),G=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Race(R,S,I),[R,S,I]),f=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:d.value},{translateY:o.value},{scale:c.value}]}));return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:G,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[styles.container,l],testID:s,accessibilityLabel:u,accessibilityState:{disabled:i},"aria-disabled":i,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[styles.content,f],children:e})})})};exports.ZoomableImage=ZoomableImage,ZoomableImage.displayName="ZoomableImage";const styles=_reactNative.StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center",overflow:"hidden"},content:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center"}});var _default=exports.default=ZoomableImage;

package/lib/commonjs/components/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ALL_CALLING_CODES",{enumerable:!0,get:function(){return _index48.ALL_CALLING_CODES}}),Object.defineProperty(exports,"Accordion",{enumerable:!0,get:function(){return _index.Accordion}}),Object.defineProperty(exports,"AccordionGroup",{enumerable:!0,get:function(){return _index.AccordionGroup}}),Object.defineProperty(exports,"AmountSlider",{enumerable:!0,get:function(){return _index2.AmountSlider}}),Object.defineProperty(exports,"AnimatePresence",{enumerable:!0,get:function(){return _index3.AnimatePresence}}),Object.defineProperty(exports,"AppBar",{enumerable:!0,get:function(){return _index4.AppBar}}),Object.defineProperty(exports,"AsyncBlock",{enumerable:!0,get:function(){return _index5.AsyncBlock}}),Object.defineProperty(exports,"AuthedImage",{enumerable:!0,get:function(){return _index6.AuthedImage}}),Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return _index7.Autocomplete}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _index8.Avatar}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return _index8.AvatarGroup}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return _index9.Badge}}),Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return _index0.Banner}}),Object.defineProperty(exports,"BottomNavigation",{enumerable:!0,get:function(){return _index1.BottomNavigation}}),Object.defineProperty(exports,"BottomSheet",{enumerable:!0,get:function(){return _index10.BottomSheet}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return _index11.Box}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return _index12.Button}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return _index13.Card}}),Object.defineProperty(exports,"Carousel",{enumerable:!0,get:function(){return _index14.Carousel}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return _index15.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return _index16.Chip}}),Object.defineProperty(exports,"ChoiceGroup",{enumerable:!0,get:function(){return _index17.ChoiceGroup}}),Object.defineProperty(exports,"Confetti",{enumerable:!0,get:function(){return _index18.Confetti}}),Object.defineProperty(exports,"DEFAULT_CALLING_CODES",{enumerable:!0,get:function(){return _index48.DEFAULT_CALLING_CODES}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function(){return _index19.DatePicker}}),Object.defineProperty(exports,"DateRangePicker",{enumerable:!0,get:function(){return _index20.DateRangePicker}}),Object.defineProperty(exports,"DecimalInput",{enumerable:!0,get:function(){return _index21.DecimalInput}}),Object.defineProperty(exports,"Descriptions",{enumerable:!0,get:function(){return _index22.Descriptions}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return _index23.Dialog}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return _index24.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return _index25.Drawer}}),Object.defineProperty(exports,"EmptyState",{enumerable:!0,get:function(){return _index26.EmptyState}}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _index27.ErrorBoundary}}),Object.defineProperty(exports,"FilePicker",{enumerable:!0,get:function(){return _index28.FilePicker}}),Object.defineProperty(exports,"FileViewer",{enumerable:!0,get:function(){return _index29.FileViewer}}),Object.defineProperty(exports,"FloatingActionButton",{enumerable:!0,get:function(){return _index30.FloatingActionButton}}),Object.defineProperty(exports,"FloatingActionButtonGroup",{enumerable:!0,get:function(){return _index30.FloatingActionButtonGroup}}),Object.defineProperty(exports,"ForceUpdateDialog",{enumerable:!0,get:function(){return _index31.ForceUpdateDialog}}),Object.defineProperty(exports,"FormField",{enumerable:!0,get:function(){return _index32.FormField}}),Object.defineProperty(exports,"IconBadge",{enumerable:!0,get:function(){return _index33.IconBadge}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return _index34.IconButton}}),Object.defineProperty(exports,"ImageGallery",{enumerable:!0,get:function(){return _index35.ImageGallery}}),Object.defineProperty(exports,"InlineSelect",{enumerable:!0,get:function(){return _index36.InlineSelect}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return _index37.Input}}),Object.defineProperty(exports,"KeyboardAwareScrollView",{enumerable:!0,get:function(){return _index38.KeyboardAwareScrollView}}),Object.defineProperty(exports,"KeyboardToolbar",{enumerable:!0,get:function(){return _index39.KeyboardToolbar}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return _index40.ListItem}}),Object.defineProperty(exports,"LoaderOverlay",{enumerable:!0,get:function(){return _index41.LoaderOverlay}}),Object.defineProperty(exports,"MODAL_DISMISS_GRACE_MS",{enumerable:!0,get:function(){return _index43.MODAL_DISMISS_GRACE_MS}}),Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return _index42.Markdown}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _index43.Modal}}),Object.defineProperty(exports,"Notation",{enumerable:!0,get:function(){return _index44.Notation}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return _index45.NumberInput}}),Object.defineProperty(exports,"OTPInput",{enumerable:!0,get:function(){return _index47.OTPInput}}),Object.defineProperty(exports,"OptionSheet",{enumerable:!0,get:function(){return _index46.OptionSheet}}),Object.defineProperty(exports,"PhoneNumberInput",{enumerable:!0,get:function(){return _index48.PhoneNumberInput}}),Object.defineProperty(exports,"PickerTrigger",{enumerable:!0,get:function(){return _index49.PickerTrigger}}),Object.defineProperty(exports,"ProfileCompletion",{enumerable:!0,get:function(){return _index50.ProfileCompletion}}),Object.defineProperty(exports,"ProfilePicker",{enumerable:!0,get:function(){return _index51.ProfilePicker}}),Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return _index52.ProgressBar}}),Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return _index53.ProgressRing}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _index54.Radio}}),Object.defineProperty(exports,"RadioDot",{enumerable:!0,get:function(){return _index54.RadioDot}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return _index54.RadioGroup}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function(){return _index55.Rating}}),Object.defineProperty(exports,"Repeater",{enumerable:!0,get:function(){return _index56.Repeater}}),Object.defineProperty(exports,"RichTextEditor",{enumerable:!0,get:function(){return _index57.RichTextEditor}}),Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return _index11.Row}}),Object.defineProperty(exports,"SearchBar",{enumerable:!0,get:function(){return _index58.SearchBar}}),Object.defineProperty(exports,"SectionHeader",{enumerable:!0,get:function(){return _index59.SectionHeader}}),Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return _index60.SegmentedControl}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _index61.Select}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return _index62.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return _index62.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonClockProvider",{enumerable:!0,get:function(){return _index62.SkeletonClockProvider}}),Object.defineProperty(exports,"SkeletonContent",{enumerable:!0,get:function(){return _index62.SkeletonContent}}),Object.defineProperty(exports,"SkeletonList",{enumerable:!0,get:function(){return _index62.SkeletonList}}),Object.defineProperty(exports,"SkeletonProvider",{enumerable:!0,get:function(){return _index62.SkeletonProvider}}),Object.defineProperty(exports,"SkeletonSkip",{enumerable:!0,get:function(){return _index62.SkeletonSkip}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return _index62.SkeletonText}}),Object.defineProperty(exports,"SlideToConfirm",{enumerable:!0,get:function(){return _index65.SlideToConfirm}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return _index63.Slider}}),Object.defineProperty(exports,"SliderField",{enumerable:!0,get:function(){return _index64.SliderField}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return _index11.Spacer}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return _index66.Spinner}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return _index11.Stack}}),Object.defineProperty(exports,"StatTile",{enumerable:!0,get:function(){return _index67.StatTile}}),Object.defineProperty(exports,"StatusBadge",{enumerable:!0,get:function(){return _index68.StatusBadge}}),Object.defineProperty(exports,"Stepper",{enumerable:!0,get:function(){return _index69.Stepper}}),Object.defineProperty(exports,"Swipeable",{enumerable:!0,get:function(){return _index70.Swipeable}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return _index71.Switch}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return _index72.Tabs}}),Object.defineProperty(exports,"TagInput",{enumerable:!0,get:function(){return _index73.TagInput}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return _index74.Text}}),Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:function(){return _index76.TimePicker}}),Object.defineProperty(exports,"Timeline",{enumerable:!0,get:function(){return _index75.Timeline}}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return _index77.Toast}}),Object.defineProperty(exports,"ToastHost",{enumerable:!0,get:function(){return _index77.ToastHost}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return _index77.ToastProvider}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return _index78.Tooltip}}),Object.defineProperty(exports,"Tour",{enumerable:!0,get:function(){return _index79.Tour}}),Object.defineProperty(exports,"ZoomableImage",{enumerable:!0,get:function(){return _index80.ZoomableImage}}),Object.defineProperty(exports,"applyMarkdownAction",{enumerable:!0,get:function(){return _index57.applyMarkdownAction}}),Object.defineProperty(exports,"authedImageCacheStats",{enumerable:!0,get:function(){return _index6.authedImageCacheStats}}),Object.defineProperty(exports,"cleanDecimalText",{enumerable:!0,get:function(){return _index21.cleanDecimalText}}),Object.defineProperty(exports,"clearAuthedImageCache",{enumerable:!0,get:function(){return _index6.clearAuthedImageCache}}),Object.defineProperty(exports,"formatE164",{enumerable:!0,get:function(){return _index48.formatE164}}),Object.defineProperty(exports,"formatFileSize",{enumerable:!0,get:function(){return _index28.formatFileSize}}),Object.defineProperty(exports,"getAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.getAuthedImageCacheLimit}}),Object.defineProperty(exports,"loader",{enumerable:!0,get:function(){return _index41.loader}}),Object.defineProperty(exports,"parseDecimalText",{enumerable:!0,get:function(){return _index21.parseDecimalText}}),Object.defineProperty(exports,"parseE164",{enumerable:!0,get:function(){return _index48.parseE164}}),Object.defineProperty(exports,"parseNotation",{enumerable:!0,get:function(){return _index44.parseNotation}}),Object.defineProperty(exports,"setAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.setAuthedImageCacheLimit}}),Object.defineProperty(exports,"sym",{enumerable:!0,get:function(){return _index44.sym}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return _index77.toast}}),Object.defineProperty(exports,"useBottomSheet",{enumerable:!0,get:function(){return _index10.useBottomSheet}}),Object.defineProperty(exports,"useErrorHandler",{enumerable:!0,get:function(){return _index27.useErrorHandler}}),Object.defineProperty(exports,"useLoader",{enumerable:!0,get:function(){return _index41.useLoader}}),Object.defineProperty(exports,"useReduceMotion",{enumerable:!0,get:function(){return _index62.useReduceMotion}}),Object.defineProperty(exports,"useSkeletonClock",{enumerable:!0,get:function(){return _index62.useSkeletonClock}}),Object.defineProperty(exports,"useSkeletonDefaults",{enumerable:!0,get:function(){return _index62.useSkeletonDefaults}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return _index77.useToast}}),Object.defineProperty(exports,"withErrorBoundary",{enumerable:!0,get:function(){return _index27.withErrorBoundary}});var _index=require("./Accordion/index.js"),_index2=require("./AmountSlider/index.js"),_index3=require("./AnimatePresence/index.js"),_index4=require("./AppBar/index.js"),_index5=require("./AsyncBlock/index.js"),_index6=require("./AuthedImage/index.js"),_index7=require("./Autocomplete/index.js"),_index8=require("./Avatar/index.js"),_index9=require("./Badge/index.js"),_index0=require("./Banner/index.js"),_index1=require("./BottomNavigation/index.js"),_index10=require("./BottomSheet/index.js"),_index11=require("./Box/index.js"),_index12=require("./Button/index.js"),_index13=require("./Card/index.js"),_index14=require("./Carousel/index.js"),_index15=require("./Checkbox/index.js"),_index16=require("./Chip/index.js"),_index17=require("./ChoiceGroup/index.js"),_index18=require("./Confetti/index.js"),_index19=require("./DatePicker/index.js"),_index20=require("./DateRangePicker/index.js"),_index21=require("./DecimalInput/index.js"),_index22=require("./Descriptions/index.js"),_index23=require("./Dialog/index.js"),_index24=require("./Divider/index.js"),_index25=require("./Drawer/index.js"),_index26=require("./EmptyState/index.js"),_index27=require("./ErrorBoundary/index.js"),_index28=require("./FilePicker/index.js"),_index29=require("./FileViewer/index.js"),_index30=require("./FloatingActionButton/index.js"),_index31=require("./ForceUpdateDialog/index.js"),_index32=require("./FormField/index.js"),_index33=require("./IconBadge/index.js"),_index34=require("./IconButton/index.js"),_index35=require("./ImageGallery/index.js"),_index36=require("./InlineSelect/index.js"),_index37=require("./Input/index.js"),_index38=require("./KeyboardAwareScrollView/index.js"),_index39=require("./KeyboardToolbar/index.js"),_index40=require("./ListItem/index.js"),_index41=require("./LoaderOverlay/index.js"),_index42=require("./Markdown/index.js"),_index43=require("./Modal/index.js"),_index44=require("./Notation/index.js"),_index45=require("./NumberInput/index.js"),_index46=require("./OptionSheet/index.js"),_index47=require("./OTPInput/index.js"),_index48=require("./PhoneNumberInput/index.js"),_index49=require("./PickerTrigger/index.js"),_index50=require("./ProfileCompletion/index.js"),_index51=require("./ProfilePicker/index.js"),_index52=require("./ProgressBar/index.js"),_index53=require("./ProgressRing/index.js"),_index54=require("./Radio/index.js"),_index55=require("./Rating/index.js"),_index56=require("./Repeater/index.js"),_index57=require("./RichTextEditor/index.js"),_index58=require("./SearchBar/index.js"),_index59=require("./SectionHeader/index.js"),_index60=require("./SegmentedControl/index.js"),_index61=require("./Select/index.js"),_index62=require("./Skeleton/index.js"),_index63=require("./Slider/index.js"),_index64=require("./SliderField/index.js"),_index65=require("./SlideToConfirm/index.js"),_index66=require("./Spinner/index.js"),_index67=require("./StatTile/index.js"),_index68=require("./StatusBadge/index.js"),_index69=require("./Stepper/index.js"),_index70=require("./Swipeable/index.js"),_index71=require("./Switch/index.js"),_index72=require("./Tabs/index.js"),_index73=require("./TagInput/index.js"),_index74=require("./Text/index.js"),_index75=require("./Timeline/index.js"),_index76=require("./TimePicker/index.js"),_index77=require("./Toast/index.js"),_index78=require("./Tooltip/index.js"),_index79=require("./Tour/index.js"),_index80=require("./ZoomableImage/index.js");
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ALL_CALLING_CODES",{enumerable:!0,get:function(){return _index49.ALL_CALLING_CODES}}),Object.defineProperty(exports,"Accordion",{enumerable:!0,get:function(){return _index.Accordion}}),Object.defineProperty(exports,"AccordionGroup",{enumerable:!0,get:function(){return _index.AccordionGroup}}),Object.defineProperty(exports,"AmountSlider",{enumerable:!0,get:function(){return _index2.AmountSlider}}),Object.defineProperty(exports,"AnimatePresence",{enumerable:!0,get:function(){return _index3.AnimatePresence}}),Object.defineProperty(exports,"AppBar",{enumerable:!0,get:function(){return _index4.AppBar}}),Object.defineProperty(exports,"AsyncBlock",{enumerable:!0,get:function(){return _index5.AsyncBlock}}),Object.defineProperty(exports,"AuthedImage",{enumerable:!0,get:function(){return _index6.AuthedImage}}),Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return _index7.Autocomplete}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _index8.Avatar}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return _index8.AvatarGroup}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return _index9.Badge}}),Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return _index0.Banner}}),Object.defineProperty(exports,"BottomNavigation",{enumerable:!0,get:function(){return _index1.BottomNavigation}}),Object.defineProperty(exports,"BottomSheet",{enumerable:!0,get:function(){return _index10.BottomSheet}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return _index11.Box}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return _index12.Button}}),Object.defineProperty(exports,"Calendar",{enumerable:!0,get:function(){return _index13.Calendar}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return _index14.Card}}),Object.defineProperty(exports,"Carousel",{enumerable:!0,get:function(){return _index15.Carousel}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return _index16.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return _index17.Chip}}),Object.defineProperty(exports,"ChoiceGroup",{enumerable:!0,get:function(){return _index18.ChoiceGroup}}),Object.defineProperty(exports,"Confetti",{enumerable:!0,get:function(){return _index19.Confetti}}),Object.defineProperty(exports,"DEFAULT_CALLING_CODES",{enumerable:!0,get:function(){return _index49.DEFAULT_CALLING_CODES}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function(){return _index20.DatePicker}}),Object.defineProperty(exports,"DateRangePicker",{enumerable:!0,get:function(){return _index21.DateRangePicker}}),Object.defineProperty(exports,"DecimalInput",{enumerable:!0,get:function(){return _index22.DecimalInput}}),Object.defineProperty(exports,"Descriptions",{enumerable:!0,get:function(){return _index23.Descriptions}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return _index24.Dialog}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return _index25.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return _index26.Drawer}}),Object.defineProperty(exports,"EmptyState",{enumerable:!0,get:function(){return _index27.EmptyState}}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _index28.ErrorBoundary}}),Object.defineProperty(exports,"FilePicker",{enumerable:!0,get:function(){return _index29.FilePicker}}),Object.defineProperty(exports,"FileViewer",{enumerable:!0,get:function(){return _index30.FileViewer}}),Object.defineProperty(exports,"FloatingActionButton",{enumerable:!0,get:function(){return _index31.FloatingActionButton}}),Object.defineProperty(exports,"FloatingActionButtonGroup",{enumerable:!0,get:function(){return _index31.FloatingActionButtonGroup}}),Object.defineProperty(exports,"ForceUpdateDialog",{enumerable:!0,get:function(){return _index32.ForceUpdateDialog}}),Object.defineProperty(exports,"FormField",{enumerable:!0,get:function(){return _index33.FormField}}),Object.defineProperty(exports,"IconBadge",{enumerable:!0,get:function(){return _index34.IconBadge}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return _index35.IconButton}}),Object.defineProperty(exports,"ImageGallery",{enumerable:!0,get:function(){return _index36.ImageGallery}}),Object.defineProperty(exports,"InlineSelect",{enumerable:!0,get:function(){return _index37.InlineSelect}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return _index38.Input}}),Object.defineProperty(exports,"KeyboardAwareScrollView",{enumerable:!0,get:function(){return _index39.KeyboardAwareScrollView}}),Object.defineProperty(exports,"KeyboardToolbar",{enumerable:!0,get:function(){return _index40.KeyboardToolbar}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return _index41.ListItem}}),Object.defineProperty(exports,"LoaderOverlay",{enumerable:!0,get:function(){return _index42.LoaderOverlay}}),Object.defineProperty(exports,"MODAL_DISMISS_GRACE_MS",{enumerable:!0,get:function(){return _index44.MODAL_DISMISS_GRACE_MS}}),Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return _index43.Markdown}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _index44.Modal}}),Object.defineProperty(exports,"Notation",{enumerable:!0,get:function(){return _index45.Notation}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return _index46.NumberInput}}),Object.defineProperty(exports,"OTPInput",{enumerable:!0,get:function(){return _index48.OTPInput}}),Object.defineProperty(exports,"OptionSheet",{enumerable:!0,get:function(){return _index47.OptionSheet}}),Object.defineProperty(exports,"PhoneNumberInput",{enumerable:!0,get:function(){return _index49.PhoneNumberInput}}),Object.defineProperty(exports,"PickerTrigger",{enumerable:!0,get:function(){return _index50.PickerTrigger}}),Object.defineProperty(exports,"ProfileCompletion",{enumerable:!0,get:function(){return _index51.ProfileCompletion}}),Object.defineProperty(exports,"ProfilePicker",{enumerable:!0,get:function(){return _index52.ProfilePicker}}),Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return _index53.ProgressBar}}),Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return _index54.ProgressRing}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _index55.Radio}}),Object.defineProperty(exports,"RadioDot",{enumerable:!0,get:function(){return _index55.RadioDot}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return _index55.RadioGroup}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function(){return _index56.Rating}}),Object.defineProperty(exports,"Repeater",{enumerable:!0,get:function(){return _index57.Repeater}}),Object.defineProperty(exports,"RichTextEditor",{enumerable:!0,get:function(){return _index58.RichTextEditor}}),Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return _index11.Row}}),Object.defineProperty(exports,"SearchBar",{enumerable:!0,get:function(){return _index59.SearchBar}}),Object.defineProperty(exports,"SectionHeader",{enumerable:!0,get:function(){return _index60.SectionHeader}}),Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return _index61.SegmentedControl}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _index62.Select}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return _index63.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return _index63.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonClockProvider",{enumerable:!0,get:function(){return _index63.SkeletonClockProvider}}),Object.defineProperty(exports,"SkeletonContent",{enumerable:!0,get:function(){return _index63.SkeletonContent}}),Object.defineProperty(exports,"SkeletonList",{enumerable:!0,get:function(){return _index63.SkeletonList}}),Object.defineProperty(exports,"SkeletonProvider",{enumerable:!0,get:function(){return _index63.SkeletonProvider}}),Object.defineProperty(exports,"SkeletonSkip",{enumerable:!0,get:function(){return _index63.SkeletonSkip}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return _index63.SkeletonText}}),Object.defineProperty(exports,"SlideToConfirm",{enumerable:!0,get:function(){return _index66.SlideToConfirm}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return _index64.Slider}}),Object.defineProperty(exports,"SliderField",{enumerable:!0,get:function(){return _index65.SliderField}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return _index11.Spacer}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return _index67.Spinner}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return _index11.Stack}}),Object.defineProperty(exports,"StatTile",{enumerable:!0,get:function(){return _index68.StatTile}}),Object.defineProperty(exports,"StatusBadge",{enumerable:!0,get:function(){return _index69.StatusBadge}}),Object.defineProperty(exports,"Stepper",{enumerable:!0,get:function(){return _index70.Stepper}}),Object.defineProperty(exports,"Swipeable",{enumerable:!0,get:function(){return _index71.Swipeable}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return _index72.Switch}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return _index73.Tabs}}),Object.defineProperty(exports,"TagInput",{enumerable:!0,get:function(){return _index74.TagInput}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return _index75.Text}}),Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:function(){return _index77.TimePicker}}),Object.defineProperty(exports,"Timeline",{enumerable:!0,get:function(){return _index76.Timeline}}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return _index78.Toast}}),Object.defineProperty(exports,"ToastHost",{enumerable:!0,get:function(){return _index78.ToastHost}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return _index78.ToastProvider}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return _index79.Tooltip}}),Object.defineProperty(exports,"Tour",{enumerable:!0,get:function(){return _index80.Tour}}),Object.defineProperty(exports,"ZoomableImage",{enumerable:!0,get:function(){return _index81.ZoomableImage}}),Object.defineProperty(exports,"applyMarkdownAction",{enumerable:!0,get:function(){return _index58.applyMarkdownAction}}),Object.defineProperty(exports,"authedImageCacheStats",{enumerable:!0,get:function(){return _index6.authedImageCacheStats}}),Object.defineProperty(exports,"cleanDecimalText",{enumerable:!0,get:function(){return _index22.cleanDecimalText}}),Object.defineProperty(exports,"clearAuthedImageCache",{enumerable:!0,get:function(){return _index6.clearAuthedImageCache}}),Object.defineProperty(exports,"formatE164",{enumerable:!0,get:function(){return _index49.formatE164}}),Object.defineProperty(exports,"formatFileSize",{enumerable:!0,get:function(){return _index29.formatFileSize}}),Object.defineProperty(exports,"getAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.getAuthedImageCacheLimit}}),Object.defineProperty(exports,"loader",{enumerable:!0,get:function(){return _index42.loader}}),Object.defineProperty(exports,"parseDecimalText",{enumerable:!0,get:function(){return _index22.parseDecimalText}}),Object.defineProperty(exports,"parseE164",{enumerable:!0,get:function(){return _index49.parseE164}}),Object.defineProperty(exports,"parseNotation",{enumerable:!0,get:function(){return _index45.parseNotation}}),Object.defineProperty(exports,"setAuthedImageCacheLimit",{enumerable:!0,get:function(){return _index6.setAuthedImageCacheLimit}}),Object.defineProperty(exports,"sym",{enumerable:!0,get:function(){return _index45.sym}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return _index78.toast}}),Object.defineProperty(exports,"useBottomSheet",{enumerable:!0,get:function(){return _index10.useBottomSheet}}),Object.defineProperty(exports,"useErrorHandler",{enumerable:!0,get:function(){return _index28.useErrorHandler}}),Object.defineProperty(exports,"useLoader",{enumerable:!0,get:function(){return _index42.useLoader}}),Object.defineProperty(exports,"useReduceMotion",{enumerable:!0,get:function(){return _index63.useReduceMotion}}),Object.defineProperty(exports,"useSkeletonClock",{enumerable:!0,get:function(){return _index63.useSkeletonClock}}),Object.defineProperty(exports,"useSkeletonDefaults",{enumerable:!0,get:function(){return _index63.useSkeletonDefaults}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return _index78.useToast}}),Object.defineProperty(exports,"withErrorBoundary",{enumerable:!0,get:function(){return _index28.withErrorBoundary}});var _index=require("./Accordion/index.js"),_index2=require("./AmountSlider/index.js"),_index3=require("./AnimatePresence/index.js"),_index4=require("./AppBar/index.js"),_index5=require("./AsyncBlock/index.js"),_index6=require("./AuthedImage/index.js"),_index7=require("./Autocomplete/index.js"),_index8=require("./Avatar/index.js"),_index9=require("./Badge/index.js"),_index0=require("./Banner/index.js"),_index1=require("./BottomNavigation/index.js"),_index10=require("./BottomSheet/index.js"),_index11=require("./Box/index.js"),_index12=require("./Button/index.js"),_index13=require("./Calendar/index.js"),_index14=require("./Card/index.js"),_index15=require("./Carousel/index.js"),_index16=require("./Checkbox/index.js"),_index17=require("./Chip/index.js"),_index18=require("./ChoiceGroup/index.js"),_index19=require("./Confetti/index.js"),_index20=require("./DatePicker/index.js"),_index21=require("./DateRangePicker/index.js"),_index22=require("./DecimalInput/index.js"),_index23=require("./Descriptions/index.js"),_index24=require("./Dialog/index.js"),_index25=require("./Divider/index.js"),_index26=require("./Drawer/index.js"),_index27=require("./EmptyState/index.js"),_index28=require("./ErrorBoundary/index.js"),_index29=require("./FilePicker/index.js"),_index30=require("./FileViewer/index.js"),_index31=require("./FloatingActionButton/index.js"),_index32=require("./ForceUpdateDialog/index.js"),_index33=require("./FormField/index.js"),_index34=require("./IconBadge/index.js"),_index35=require("./IconButton/index.js"),_index36=require("./ImageGallery/index.js"),_index37=require("./InlineSelect/index.js"),_index38=require("./Input/index.js"),_index39=require("./KeyboardAwareScrollView/index.js"),_index40=require("./KeyboardToolbar/index.js"),_index41=require("./ListItem/index.js"),_index42=require("./LoaderOverlay/index.js"),_index43=require("./Markdown/index.js"),_index44=require("./Modal/index.js"),_index45=require("./Notation/index.js"),_index46=require("./NumberInput/index.js"),_index47=require("./OptionSheet/index.js"),_index48=require("./OTPInput/index.js"),_index49=require("./PhoneNumberInput/index.js"),_index50=require("./PickerTrigger/index.js"),_index51=require("./ProfileCompletion/index.js"),_index52=require("./ProfilePicker/index.js"),_index53=require("./ProgressBar/index.js"),_index54=require("./ProgressRing/index.js"),_index55=require("./Radio/index.js"),_index56=require("./Rating/index.js"),_index57=require("./Repeater/index.js"),_index58=require("./RichTextEditor/index.js"),_index59=require("./SearchBar/index.js"),_index60=require("./SectionHeader/index.js"),_index61=require("./SegmentedControl/index.js"),_index62=require("./Select/index.js"),_index63=require("./Skeleton/index.js"),_index64=require("./Slider/index.js"),_index65=require("./SliderField/index.js"),_index66=require("./SlideToConfirm/index.js"),_index67=require("./Spinner/index.js"),_index68=require("./StatTile/index.js"),_index69=require("./StatusBadge/index.js"),_index70=require("./Stepper/index.js"),_index71=require("./Swipeable/index.js"),_index72=require("./Switch/index.js"),_index73=require("./Tabs/index.js"),_index74=require("./TagInput/index.js"),_index75=require("./Text/index.js"),_index76=require("./Timeline/index.js"),_index77=require("./TimePicker/index.js"),_index78=require("./Toast/index.js"),_index79=require("./Tooltip/index.js"),_index80=require("./Tour/index.js"),_index81=require("./ZoomableImage/index.js");

package/lib/commonjs/form/FormContext.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Form=void 0,exports.useFormContext=useFormContext,exports.useOptionalFormContext=useOptionalFormContext;var _react=~~_interopRequireWildcard(~~require("react")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,u={__proto__:null,default:e};if(null===e\|\|"object"!=typeof e&&"function"!=typeof e)return u;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,u)}for(const ~~t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get\|\|i.set)?n(u,t,i):u[t]=e[t]);return u})(e,t)}const~~ FormContext=(0,_react.createContext)(null),Form=({form:e,children:t})=>(0,_jsxRuntime.jsx)(FormContext.Provider,{value:e,children:t});function useFormContext(){const e=(0,_react.useContext)(FormContext);if(!e)throw new Error("useFormContext / useField / <FormField name> must be rendered inside a <Form> from @webority/mobile-ui.");return e}function useOptionalFormContext(){return(0,_react.useContext)(FormContext)}exports.Form=Form,Form.displayName="Form";
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Form=void 0,exports.useFormContext=useFormContext,exports.useOptionalFormContext=useOptionalFormContext;var _react=require("react"),_jsxRuntime=require("react/jsx-runtime");const FormContext=(0,_react.createContext)(null),Form=({form:e,children:t})=>(0,_jsxRuntime.jsx)(FormContext.Provider,{value:e,children:t});function useFormContext(){const e=(0,_react.useContext)(FormContext);if(!e)throw new Error("useFormContext / useField / <FormField name> must be rendered inside a <Form> from @webority/mobile-ui.");return e}function useOptionalFormContext(){return(0,_react.useContext)(FormContext)}exports.Form=Form,Form.displayName="Form";

package/lib/commonjs/network/NetworkStatusBanner.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.NetworkStatusBanner=void 0;var _mobileCore=require("@webority/mobile-core"),_react=~~_interopRequireWildcard(~~require("react")),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_index=require("../theme/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,n,i={__proto__:null,default:e};if(null===e\|\|"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const ~~t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get\|\|n.set)?o(i,t,n):i[t]=e[t]);return i})(e,t)}const~~ NetworkStatusBanner=({message:e="You are offline. Some features may be unavailable.",position:t="top",style:r,disabled:a=!1,safeArea:o=!0})=>{const n=(0,_index.useTheme)(),i=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),u=o?"top"===t?i.top:i.bottom:0,[s,l]=(0,_react.useState)(0),c=s>0?s:56+u,{isConnected:d,isInternetReachable:p}=(0,_mobileCore.useNetworkStatus)(),f=!(a\|\|d&&!1!==p),_=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current,m=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;(0,_react.useEffect)(()=>{_reactNative.Animated.parallel([_reactNative.Animated.timing(_,{toValue:f?1:0,duration:n.motion.duration.normal,useNativeDriver:!0}),_reactNative.Animated.timing(m,{toValue:f?1:0,duration:n.motion.duration.normal,useNativeDriver:!0})]).start()},[f,_,m,n.motion.duration.normal]);const v=(0,_react.useMemo)(()=>buildStyles(),[]),b=_.interpolate({inputRange:[0,1],outputRange:["top"===t?-c:c,0]});return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:f?"auto":"none",accessibilityRole:"alert",accessibilityLiveRegion:f?"polite":"none",onLayout:e=>l(e.nativeEvent.layout.height),style:[v.container,"top"===t?v.top:v.bottom,"top"===t?{paddingTop:10+u}:{paddingBottom:10+u},{backgroundColor:n.colors.error,opacity:m,transform:[{translateY:b}]},r],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:n.colors.onError,fontSize:n.typography.fontSize.sm,...(0,_index.fontFor)(n,"semibold"),textAlign:"center"},numberOfLines:2,children:e})})};exports.NetworkStatusBanner=NetworkStatusBanner;const buildStyles=()=>_reactNative.StyleSheet.create({container:{position:"absolute",left:0,right:0,paddingVertical:10,paddingHorizontal:16,zIndex:1e3,elevation:8},top:{top:0},bottom:{bottom:0}});var _default=exports.default=NetworkStatusBanner;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.NetworkStatusBanner=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"),_jsxRuntime=require("react/jsx-runtime");const NetworkStatusBanner=({message:e="You are offline. Some features may be unavailable.",position:t="top",style:a,disabled:r=!1,safeArea:o=!0})=>{const i=(0,_index.useTheme)(),n=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),s=o?"top"===t?n.top:n.bottom:0,[u,l]=(0,_react.useState)(0),c=u>0?u:56+s,{isConnected:d,isInternetReachable:m}=(0,_mobileCore.useNetworkStatus)(),p=!(r\|\|d&&!1!==m),_=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current,v=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;(0,_react.useEffect)(()=>{_reactNative.Animated.parallel([_reactNative.Animated.timing(_,{toValue:p?1:0,duration:i.motion.duration.normal,useNativeDriver:!0}),_reactNative.Animated.timing(v,{toValue:p?1:0,duration:i.motion.duration.normal,useNativeDriver:!0})]).start()},[p,_,v,i.motion.duration.normal]);const f=(0,_react.useMemo)(()=>buildStyles(),[]),b=_.interpolate({inputRange:[0,1],outputRange:["top"===t?-c:c,0]});return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:p?"auto":"none",accessibilityRole:"alert",accessibilityLiveRegion:p?"polite":"none",onLayout:e=>l(e.nativeEvent.layout.height),style:[f.container,"top"===t?f.top:f.bottom,"top"===t?{paddingTop:10+s}:{paddingBottom:10+s},{backgroundColor:i.colors.error,opacity:v,transform:[{translateY:b}]},a],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:i.colors.onError,fontSize:i.typography.fontSize.sm,...(0,_index.fontFor)(i,"semibold"),textAlign:"center"},numberOfLines:2,children:e})})};exports.NetworkStatusBanner=NetworkStatusBanner;const buildStyles=()=>_reactNative.StyleSheet.create({container:{position:"absolute",left:0,right:0,paddingVertical:10,paddingHorizontal:16,zIndex:1e3,elevation:8},top:{top:0},bottom:{bottom:0}});var _default=exports.default=NetworkStatusBanner;

package/lib/commonjs/theme/ThemeContext.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useThemeMode=exports.useTheme=exports.ThemeProvider=void 0;var _mobileCore=require("@webority/mobile-core"),_react=~~_interopRequireWildcard(~~require("react")),_reactNative=require("react-native"),_useReducedMotion=require("../hooks/useReducedMotion.js"),_merge=require("./merge.js"),_tokens=require("./tokens.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var n,s,i={__proto__:null,default:e};if(null===e\|\|"object"!=typeof e&&"function"!=typeof e)return i;if(n=r?o:t){if(n.has(e))return n.get(e);n.set(e,i)}for(const ~~r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(s.get\|\|s.set)?n(i,r,s):i[r]=e[r]);return i})(e,r)}const~~ REDUCED_SPRING={damping:100,stiffness:1e3,mass:1},collapseMotion=e=>({...e,duration:{instant:0,fast:0,normal:0,slow:0,slower:0},spring:{gentle:REDUCED_SPRING,bouncy:REDUCED_SPRING,snappy:REDUCED_SPRING}}),isPreference=e=>"light"===e\|\|"dark"===e\|\|"system"===e,defaultValue={theme:_tokens.lightTheme,mode:"light",preference:"system",setPreference:()=>{},toggleColorMode:()=>{}},ThemeContext=(0,_react.createContext)(defaultValue),ThemeProvider=({children:e,initialPreference:r="system",persistKey:t,lightOverrides:o,darkOverrides:n})=>{const[s,i]=(0,_react.useState)(r),a=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{if(!t)return;let e=!0;return _mobileCore.Storage.getItem(t).then(r=>{e&&!a.current&&isPreference(r)&&i(r)}),()=>{e=!1}},[t]);const c=(0,_react.useCallback)(e=>{a.current=!0,i(e)},[]);(0,_react.useEffect)(()=>{t&&a.current&&_mobileCore.Storage.setItem(t,s)},[t,s]);const[u,d]=(0,_react.useState)(()=>_reactNative.Appearance.getColorScheme()??"light");(0,_react.useEffect)(()=>{const e=_reactNative.Appearance.addChangeListener(({colorScheme:e})=>{d(e??"light")});return()=>e.remove()},[]);const l="system"===s?u:s,m=(0,_useReducedMotion.useReducedMotion)(),_=(0,_react.useMemo)(()=>{const e="dark"===l?_tokens.darkTheme:_tokens.lightTheme,r="dark"===l?n:o,t=r?(0,_merge.mergeTheme)(e,r):e;return m?{...t,motion:collapseMotion(t.motion)}:t},[l,o,n,m]),f=(0,_react.useMemo)(()=>({theme:_,mode:l,preference:s,setPreference:c,toggleColorMode:()=>c(e=>"system"===e?"dark"===u?"light":"dark":"dark"===e?"light":"dark")}),[_,l,s,u,c]);return(0,_jsxRuntime.jsx)(ThemeContext.Provider,{value:f,children:e})};exports.ThemeProvider=ThemeProvider;const useTheme=()=>(0,_react.useContext)(ThemeContext).theme;exports.useTheme=useTheme;const useThemeMode=()=>{const e=(0,_react.useContext)(ThemeContext);return{mode:e.mode,preference:e.preference,setPreference:e.setPreference,toggleColorMode:e.toggleColorMode}};exports.useThemeMode=useThemeMode;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useThemeMode=exports.useTheme=exports.ThemeProvider=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_useReducedMotion=require("../hooks/useReducedMotion.js"),_merge=require("./merge.js"),_tokens=require("./tokens.js"),_jsxRuntime=require("react/jsx-runtime");const REDUCED_SPRING={damping:100,stiffness:1e3,mass:1},collapseMotion=e=>({...e,duration:{instant:0,fast:0,normal:0,slow:0,slower:0},spring:{gentle:REDUCED_SPRING,bouncy:REDUCED_SPRING,snappy:REDUCED_SPRING}}),isPreference=e=>"light"===e\|\|"dark"===e\|\|"system"===e,defaultValue={theme:_tokens.lightTheme,mode:"light",preference:"system",setPreference:()=>{},toggleColorMode:()=>{}},ThemeContext=(0,_react.createContext)(defaultValue),ThemeProvider=({children:e,initialPreference:r="system",persistKey:t,lightOverrides:o,darkOverrides:s})=>{const[n,c]=(0,_react.useState)(r),a=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{if(!t)return;let e=!0;return _mobileCore.Storage.getItem(t).then(r=>{e&&!a.current&&isPreference(r)&&c(r)}),()=>{e=!1}},[t]);const i=(0,_react.useCallback)(e=>{a.current=!0,c(e)},[]);(0,_react.useEffect)(()=>{t&&a.current&&_mobileCore.Storage.setItem(t,n)},[t,n]);const[u,m]=(0,_react.useState)(()=>_reactNative.Appearance.getColorScheme()??"light");(0,_react.useEffect)(()=>{const e=_reactNative.Appearance.addChangeListener(({colorScheme:e})=>{m(e??"light")});return()=>e.remove()},[]);const d="system"===n?u:n,l=(0,_useReducedMotion.useReducedMotion)(),h=(0,_react.useMemo)(()=>{const e="dark"===d?_tokens.darkTheme:_tokens.lightTheme,r="dark"===d?s:o,t=r?(0,_merge.mergeTheme)(e,r):e;return l?{...t,motion:collapseMotion(t.motion)}:t},[d,o,s,l]),_=(0,_react.useMemo)(()=>({theme:h,mode:d,preference:n,setPreference:i,toggleColorMode:()=>i(e=>"system"===e?"dark"===u?"light":"dark":"dark"===e?"light":"dark")}),[h,d,n,u,i]);return(0,_jsxRuntime.jsx)(ThemeContext.Provider,{value:_,children:e})};exports.ThemeProvider=ThemeProvider;const useTheme=()=>(0,_react.useContext)(ThemeContext).theme;exports.useTheme=useTheme;const useThemeMode=()=>{const e=(0,_react.useContext)(ThemeContext);return{mode:e.mode,preference:e.preference,setPreference:e.setPreference,toggleColorMode:e.toggleColorMode}};exports.useThemeMode=useThemeMode;

package/lib/commonjs/theme/merge.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mergeTheme=void 0;const isPlainObject=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),deepMerge=(e,r)=>{if(!isPlainObject(e)\|\|!isPlainObject(r))return void 0!==r?r:e;const t={...e};for(const i of Object.keys(r)){const s=r[i],o=e[i];isPlainObject(s)&&isPlainObject(o)?t[i]=deepMerge(o,s):void 0!==s&&(t[i]=s)}~~return~~ t},mergeTheme=(e,r)=>deepMerge(e,r);exports.mergeTheme=mergeTheme;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mergeTheme=void 0;var _toneInk=require("./toneInk.js");const isPlainObject=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),deepMerge=(e,r)=>{if(!isPlainObject(e)\|\|!isPlainObject(r))return void 0!==r?r:e;const o={...e};for(const t of Object.keys(r)){const s=r[t],n=e[t];isPlainObject(s)&&isPlainObject(n)?o[t]=deepMerge(n,s):void 0!==s&&(o[t]=s)}return o},TONES=["primary","success","warning","error","info"],ON_INK={primary:"onPrimary",success:"onSuccess",warning:"onWarning",error:"onError",info:"onInfo"},withDerivedTones=(e,r,o)=>{const t=o?.colors;if(!t\|\|!e?.colors?.toneText)return e;const{background:s}=e.colors,n=[s.primary,s.secondary,s.tertiary],i={},c={};let l={};for(const o of TONES){const s="string"==typeof t[o];let a=e.colors[o];if(s\|\|"string"==typeof t[ON_INK[o]]){const r=(0,_toneInk.deriveSolidFill)(a,e.colors[ON_INK[o]]);r!==a&&(i[o]=r,a=r)}if(s&&"string"!=typeof t.toneText?.[o]&&(c[o]=(0,_toneInk.deriveToneInk)(a,n,r.mode)),"primary"===o&&(s\|\|void 0!==i.primary)){const o=(0,_toneInk.deriveStateFills)(a,e.colors.onPrimary,{fill:r.colors.primary,hover:r.colors.primaryHover,pressed:r.colors.primaryPressed});l={..."string"==typeof t.primaryHover?{}:{primaryHover:o.hover},..."string"==typeof t.primaryPressed?{}:{primaryPressed:o.pressed}}}}return 0===Object.keys(i).length&&0===Object.keys(c).length&&0===Object.keys(l).length?e:{...e,colors:{...e.colors,...i,...l,toneText:{...e.colors.toneText,...c}}}},mergeTheme=(e,r)=>{const o=deepMerge(e,r);return withDerivedTones(o,e,r)};exports.mergeTheme=mergeTheme;

package/lib/commonjs/theme/textStyle.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fontFor=void 0;const FAMILY_KEY={normal:"regular",medium:"medium",semibold:"semibold",bold:"bold"},fontFor=(o,t)=>{const e=o.typography.fontFamily?.[FAMILY_KEY[t]];return e?{fontFamily:e}:{fontWeight:o.typography.fontWeight[t]}};exports.fontFor=fontFor;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fontFor=void 0;const FAMILY_KEY={normal:"regular",medium:"medium",semibold:"semibold",bold:"bold"},fontFor=(o,t,e)=>{const r="display"===e?o.typography.fontFamily?.display:void 0;if(r)return{fontFamily:r};const i=o.typography.fontFamily?.[FAMILY_KEY[t]];return i?{fontFamily:i}:{fontWeight:o.typography.fontWeight[t]}};exports.fontFor=fontFor;

package/lib/commonjs/theme/tokens.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.lightTheme=exports.darkTheme=void 0;var _squircle=require("../utils/squircle.js");const typography={fontSize:{xs:11,sm:13,base:15,lg:17,xl:20,"2xl":24,"3xl":30,"4xl":36},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{tight:1.2,normal:1.4,relaxed:1.6},letterSpacing:{tight:-.2,normal:0,wide:.4}},spacing={none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius={none:0,xs:4,sm:6,md:10,lg:14,xl:20,"2xl":28,full:9999},FIELD_RADIUS=10,fieldSizes={sm:{paddingHorizontal:12,paddingVertical:10,minHeight:38,fontSize:13,borderRadius:10,iconSize:14,labelFontSize:11,labelGap:4,messageFontSize:11,messageGap:2},md:{paddingHorizontal:14,paddingVertical:13,minHeight:44,fontSize:14,borderRadius:10,iconSize:16,labelFontSize:12,labelGap:4,messageFontSize:12,messageGap:2},lg:{paddingHorizontal:16,paddingVertical:15,minHeight:52,fontSize:16,borderRadius:10,iconSize:18,labelFontSize:13,labelGap:4,messageFontSize:13,messageGap:2}},components={button:{xs:{paddingHorizontal:10,paddingVertical:4,minHeight:28,fontSize:12,borderRadius:8},sm:{paddingHorizontal:12,paddingVertical:6,minHeight:34,fontSize:14,borderRadius:10},md:{paddingHorizontal:16,paddingVertical:9,minHeight:42,fontSize:16,borderRadius:12},lg:{paddingHorizontal:20,paddingVertical:12,minHeight:50,fontSize:18,borderRadius:14},xl:{paddingHorizontal:24,paddingVertical:14,minHeight:58,fontSize:20,borderRadius:16}},input:{sm:{...fieldSizes.sm,multilineMinHeight:72},md:{...fieldSizes.md,multilineMinHeight:92},lg:{...fieldSizes.lg,multilineMinHeight:110}},searchBar:{sm:{borderRadius:radius.full},md:{borderRadius:radius.full},lg:{borderRadius:radius.full}},emptyState:{sm:{iconSize:48,titleFontSize:"lg",descriptionFontSize:"sm",paddingVertical:"lg"},md:{iconSize:64,titleFontSize:"xl",descriptionFontSize:"base",paddingVertical:"xl"},lg:{iconSize:80,titleFontSize:"2xl",descriptionFontSize:"base",paddingVertical:"2xl"}},field:{defaultVariant:"outlined",sm:fieldSizes.sm,md:fieldSizes.md,lg:fieldSizes.lg},listItem:{sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},badge:{sm:{fontSize:10,minWidth:16,height:16,paddingHorizontal:5,dotSize:8},md:{fontSize:11,minWidth:20,height:20,paddingHorizontal:6,dotSize:10},borderWidth:1.5,anchorOffset:4},chip:{sm:{paddingHorizontal:10,paddingVertical:4,fontSize:12,minHeight:26,closeSize:16,closeFontSize:12,gap:6},md:{paddingHorizontal:12,paddingVertical:6,fontSize:13,minHeight:32,closeSize:18,closeFontSize:13,gap:8}},checkbox:{sm:{boxSize:16},md:{boxSize:20},lg:{boxSize:24},labelGap:10},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},labelGap:10},switch:{sm:{trackWidth:42,trackHeight:26,thumbSize:22,padding:2},md:{trackWidth:51,trackHeight:31,thumbSize:27,padding:2},lg:{trackWidth:60,trackHeight:36,thumbSize:32,padding:2},thumbColor:"#FFFFFF"},otpInput:{sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},dialog:{iconWrapperSize:48,iconWrapperBorderRadius:24,actionButtonMinHeight:44},toast:{iconCircleSize:28,iconCircleBorderRadius:14,iconGlyphFontSize:16,tintBarWidth:4},formField:{inlineLabelWidth:"35%"}},motion={duration:{instant:80,fast:160,normal:240,slow:360,slower:500},easing:{standard:[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]},spring:{gentle:{damping:26,stiffness:240,mass:.9},bouncy:{damping:16,stiffness:200,mass:.7},snappy:{damping:20,stiffness:300,mass:.7}}},lightShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.08,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.1,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.14,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.18,shadowRadius:32,elevation:20}},darkShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.3,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.55,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.7,shadowRadius:32,elevation:20}},lightTheme=exports.lightTheme={mode:"light",colors:{primary:"#5B5BD6",primaryHover:"#4F4FBF",primaryPressed:"#4040A8",primaryMuted:"#EEEEFC",secondary:"#F4F4F8",secondaryHover:"#E9E9F0",success:"#~~1FAD66~~",warning:"#F59E0B",error:"#~~E5484D~~",info:"#~~3B82F6~~",onPrimary:"#FFFFFF",onSecondary:"#0F0F1A",onSuccess:"#FFFFFF",onWarning:"#0F0F1A",onError:"#FFFFFF",onInfo:"#FFFFFF",onOverlay:"#FFFFFF",text:{primary:"#0F0F1A",secondary:"#52525B",tertiary:"#~~8B8B95~~",inverse:"#FFFFFF",strong:"#252F4A",disabled:"#B4B4BB",link:"#5B5BD6"},background:{primary:"#FFFFFF",secondary:"#F8F8FB",tertiary:"#F1F1F5",elevated:"#FFFFFF",overlay:"rgba(15, 15, 26, 0.5)",inverse:"#0F0F1A"},border:{primary:"#E5E5EC",secondary:"#EFEFF3",focus:"#5B5BD6",error:"#E5484D",width:1},field:{background:"#F9FBFC",backgroundFocused:"#FFFFFF",backgroundDisabled:"#F5F6FA",border:"#EBEDF3",borderFocused:"#BED2F9",borderError:"#FDBFCE",label:"#242F4A",text:"#252F4A",textDisabled:"#C4CADA",placeholder:"#~~99A1B7~~",placeholderDisabled:"#C4CADA",icon:"#~~99A1B7~~",iconFocused:"#4B5675",iconDisabled:"#C4CADA",caret:"#5B8DEE",message:"#~~E82545~~"},surface:{pressed:"rgba(15, 15, 26, 0.06)",hovered:"rgba(15, 15, 26, 0.04)",selected:"rgba(91, 91, 214, 0.1)",disabled:"#F1F1F5"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#EBEDF3",highlight:"#F5F6FA"},avatarPalette:["#5B5BD6","#0A7979","#A45A05","#CD226E","#2462EB","#7C3AED","#047C57","#D42222"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:_squircle.SQUIRCLE_SMOOTHING,shadows:lightShadows,motion:motion,components:components,gradients:{}},darkTheme=exports.darkTheme={mode:"dark",colors:{primary:"#7C7CE8",primaryHover:"#9292EE",primaryPressed:"#A8A8F2",primaryMuted:"#1F1F3D",secondary:"#1F1F26",secondaryHover:"#2A2A33",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA",onPrimary:"#0F0F1A",onSecondary:"#FAFAFA",onSuccess:"#0F0F1A",onWarning:"#0F0F1A",onError:"#0F0F1A",onInfo:"#0F0F1A",onOverlay:"#FFFFFF",text:{primary:"#FAFAFA",secondary:"#B4B4BB",tertiary:"#~~71717A~~",inverse:"#0F0F1A",strong:"#E2E2E2",disabled:"#52525B",link:"#9292EE"},background:{primary:"#0B0B12",secondary:"#13131C",tertiary:"#1C1C26",elevated:"#1C1C26",overlay:"rgba(0, 0, 0, 0.65)",inverse:"#FAFAFA"},border:{primary:"#27272F",secondary:"#1C1C26",focus:"#7C7CE8",error:"#F87171",width:1},field:{background:"#13131C",backgroundFocused:"#0B0B12",backgroundDisabled:"#1C1C26",border:"#27272F",borderFocused:"#3D5FB0",borderError:"#8A2F42",label:"#E4E6EE",text:"#FAFAFA",textDisabled:"#52525B",placeholder:"#~~71717A~~",placeholderDisabled:"#52525B",icon:"#8B8B95",iconFocused:"#D4D4DB",iconDisabled:"#52525B",caret:"#7C9EF0",message:"#F87171"},surface:{pressed:"rgba(255, 255, 255, 0.08)",hovered:"rgba(255, 255, 255, 0.05)",selected:"rgba(124, 124, 232, 0.18)",disabled:"#1C1C26"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#1C1C26",highlight:"#27272F"},avatarPalette:["#8B8BEE","#2DD4BF","#FCD34D","#F472B6","#60A5FA","#A78BFA","#34D399","#F87171"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:_squircle.SQUIRCLE_SMOOTHING,shadows:darkShadows,motion:motion,components:components,gradients:{}};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.lightTheme=exports.darkTheme=void 0;var _squircle=require("../utils/squircle.js");const typography={fontSize:{xs:11,sm:13,base:15,lg:17,xl:20,"2xl":24,"3xl":30,"4xl":36},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{tight:1.2,normal:1.4,relaxed:1.6},letterSpacing:{tight:-.2,normal:0,wide:.4}},spacing={none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius={none:0,xs:4,sm:6,md:10,lg:14,xl:20,"2xl":28,full:9999},FIELD_RADIUS=10,fieldSizes={sm:{paddingHorizontal:12,paddingVertical:10,minHeight:38,fontSize:13,borderRadius:10,iconSize:14,labelFontSize:11,labelGap:4,messageFontSize:11,messageGap:2},md:{paddingHorizontal:14,paddingVertical:13,minHeight:44,fontSize:14,borderRadius:10,iconSize:16,labelFontSize:12,labelGap:4,messageFontSize:12,messageGap:2},lg:{paddingHorizontal:16,paddingVertical:15,minHeight:52,fontSize:16,borderRadius:10,iconSize:18,labelFontSize:13,labelGap:4,messageFontSize:13,messageGap:2}},components={button:{xs:{paddingHorizontal:10,paddingVertical:4,minHeight:28,fontSize:12,borderRadius:8},sm:{paddingHorizontal:12,paddingVertical:6,minHeight:34,fontSize:14,borderRadius:10},md:{paddingHorizontal:16,paddingVertical:9,minHeight:42,fontSize:16,borderRadius:12},lg:{paddingHorizontal:20,paddingVertical:12,minHeight:50,fontSize:18,borderRadius:14},xl:{paddingHorizontal:24,paddingVertical:14,minHeight:58,fontSize:20,borderRadius:16}},input:{sm:{...fieldSizes.sm,multilineMinHeight:72},md:{...fieldSizes.md,multilineMinHeight:92},lg:{...fieldSizes.lg,multilineMinHeight:110}},searchBar:{sm:{borderRadius:radius.full},md:{borderRadius:radius.full},lg:{borderRadius:radius.full}},emptyState:{sm:{iconSize:48,titleFontSize:"lg",descriptionFontSize:"sm",paddingVertical:"lg"},md:{iconSize:64,titleFontSize:"xl",descriptionFontSize:"base",paddingVertical:"xl"},lg:{iconSize:80,titleFontSize:"2xl",descriptionFontSize:"base",paddingVertical:"2xl"}},field:{defaultVariant:"outlined",sm:fieldSizes.sm,md:fieldSizes.md,lg:fieldSizes.lg},listItem:{sm:{paddingVertical:"sm",titleFontSize:"sm",subtitleFontSize:"xs",minHeight:44},md:{paddingVertical:"md",titleFontSize:"base",subtitleFontSize:"sm",minHeight:56},lg:{paddingVertical:"lg",titleFontSize:"lg",subtitleFontSize:"sm",minHeight:72}},badge:{sm:{fontSize:10,minWidth:16,height:16,paddingHorizontal:5,dotSize:8},md:{fontSize:11,minWidth:20,height:20,paddingHorizontal:6,dotSize:10},borderWidth:1.5,anchorOffset:4},chip:{sm:{paddingHorizontal:10,paddingVertical:4,fontSize:12,minHeight:26,closeSize:16,closeFontSize:12,gap:6},md:{paddingHorizontal:12,paddingVertical:6,fontSize:13,minHeight:32,closeSize:18,closeFontSize:13,gap:8}},checkbox:{sm:{boxSize:16},md:{boxSize:20},lg:{boxSize:24},labelGap:10},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},labelGap:10},switch:{sm:{trackWidth:42,trackHeight:26,thumbSize:22,padding:2},md:{trackWidth:51,trackHeight:31,thumbSize:27,padding:2},lg:{trackWidth:60,trackHeight:36,thumbSize:32,padding:2},thumbColor:"#FFFFFF"},otpInput:{sm:{cell:36,fontSize:16,borderRadius:8,gap:8},md:{cell:48,fontSize:20,borderRadius:10,gap:10},lg:{cell:56,fontSize:24,borderRadius:12,gap:12}},dialog:{iconWrapperSize:48,iconWrapperBorderRadius:24,actionButtonMinHeight:44},toast:{iconCircleSize:28,iconCircleBorderRadius:14,iconGlyphFontSize:16,tintBarWidth:0},banner:{tintBarWidth:0},formField:{inlineLabelWidth:"35%"}},motion={duration:{instant:80,fast:160,normal:240,slow:360,slower:500},easing:{standard:[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]},spring:{gentle:{damping:26,stiffness:240,mass:.9},bouncy:{damping:16,stiffness:200,mass:.7},snappy:{damping:20,stiffness:300,mass:.7}}},lightShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.04,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.08,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.1,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.14,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.18,shadowRadius:32,elevation:20}},darkShadows={none:{},xs:{shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.3,shadowRadius:2,elevation:1},sm:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:2},md:{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:8,elevation:4},lg:{shadowColor:"#000",shadowOffset:{width:0,height:8},shadowOpacity:.55,shadowRadius:16,elevation:8},xl:{shadowColor:"#000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12},"2xl":{shadowColor:"#000",shadowOffset:{width:0,height:20},shadowOpacity:.7,shadowRadius:32,elevation:20}},lightTheme=exports.lightTheme={mode:"light",colors:{primary:"#5B5BD6",primaryHover:"#4F4FBF",primaryPressed:"#4040A8",primaryMuted:"#EEEEFC",secondary:"#F4F4F8",secondaryHover:"#E9E9F0",success:"#18864F",warning:"#F59E0B",error:"#E12C32",info:"#1B6EF5",onPrimary:"#FFFFFF",onSecondary:"#0F0F1A",onSuccess:"#FFFFFF",onWarning:"#0F0F1A",onError:"#FFFFFF",onInfo:"#FFFFFF",onOverlay:"#FFFFFF",toneText:{primary:"#4F4FD3",success:"#147042",warning:"#8F5C06",error:"#BC1B20",info:"#0958D9"},text:{primary:"#0F0F1A",secondary:"#52525B",tertiary:"#62626B",inverse:"#FFFFFF",strong:"#252F4A",disabled:"#B4B4BB",link:"#5B5BD6"},background:{primary:"#FFFFFF",secondary:"#F8F8FB",tertiary:"#F1F1F5",elevated:"#FFFFFF",overlay:"rgba(15, 15, 26, 0.5)",inverse:"#0F0F1A"},border:{primary:"#E5E5EC",secondary:"#EFEFF3",focus:"#5B5BD6",error:"#E5484D",width:1},field:{background:"#F9FBFC",backgroundFocused:"#FFFFFF",backgroundDisabled:"#F5F6FA",border:"#EBEDF3",borderFocused:"#BED2F9",borderError:"#FDBFCE",label:"#242F4A",text:"#252F4A",textDisabled:"#C4CADA",placeholder:"#626D8B",placeholderDisabled:"#C4CADA",icon:"#7A849F",iconFocused:"#4B5675",iconDisabled:"#C4CADA",caret:"#5B8DEE",message:"#D81736"},surface:{pressed:"rgba(15, 15, 26, 0.06)",hovered:"rgba(15, 15, 26, 0.04)",selected:"rgba(91, 91, 214, 0.1)",disabled:"#F1F1F5"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#EBEDF3",highlight:"#F5F6FA"},avatarPalette:["#5B5BD6","#0A7979","#A45A05","#CD226E","#2462EB","#7C3AED","#047C57","#D42222"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:_squircle.SQUIRCLE_SMOOTHING,shadows:lightShadows,motion:motion,components:components,gradients:{}},darkTheme=exports.darkTheme={mode:"dark",colors:{primary:"#7C7CE8",primaryHover:"#9292EE",primaryPressed:"#A8A8F2",primaryMuted:"#1F1F3D",secondary:"#1F1F26",secondaryHover:"#2A2A33",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA",onPrimary:"#0F0F1A",onSecondary:"#FAFAFA",onSuccess:"#0F0F1A",onWarning:"#0F0F1A",onError:"#0F0F1A",onInfo:"#0F0F1A",onOverlay:"#FFFFFF",toneText:{primary:"#8989EA",success:"#30C780",warning:"#FBBF24",error:"#F87171",info:"#60A5FA"},text:{primary:"#FAFAFA",secondary:"#B4B4BB",tertiary:"#919199",inverse:"#0F0F1A",strong:"#E2E2E2",disabled:"#52525B",link:"#9292EE"},background:{primary:"#0B0B12",secondary:"#13131C",tertiary:"#1C1C26",elevated:"#1C1C26",overlay:"rgba(0, 0, 0, 0.65)",inverse:"#FAFAFA"},border:{primary:"#27272F",secondary:"#1C1C26",focus:"#7C7CE8",error:"#F87171",width:1},field:{background:"#13131C",backgroundFocused:"#0B0B12",backgroundDisabled:"#1C1C26",border:"#27272F",borderFocused:"#3D5FB0",borderError:"#8A2F42",label:"#E4E6EE",text:"#FAFAFA",textDisabled:"#52525B",placeholder:"#84848D",placeholderDisabled:"#52525B",icon:"#8B8B95",iconFocused:"#D4D4DB",iconDisabled:"#52525B",caret:"#7C9EF0",message:"#F87171"},surface:{pressed:"rgba(255, 255, 255, 0.08)",hovered:"rgba(255, 255, 255, 0.05)",selected:"rgba(124, 124, 232, 0.18)",disabled:"#1C1C26"},glass:{fill:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.45)",on:"#0F0F1A",badge:"#FFFFFF"},skeleton:{background:"#1C1C26",highlight:"#27272F"},avatarPalette:["#8B8BEE","#2DD4BF","#FCD34D","#F472B6","#60A5FA","#A78BFA","#34D399","#F87171"]},typography:typography,spacing:spacing,radius:radius,cornerSmoothing:_squircle.SQUIRCLE_SMOOTHING,shadows:darkShadows,motion:motion,components:components,gradients:{}};

package/lib/commonjs/theme/toneInk.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.deriveToneInk=exports.deriveStateFills=exports.deriveSolidFill=exports.contrastRatio=void 0;var _color=require("../utils/color.js");const HEX=/^#([0-9a-f]{6})$/i,TARGET=4.55,TINT_OPACITY=.14,STEP=.0025,channelsOf=e=>{const t=Number.parseInt(e.slice(1,7),16);return[t>>16&255,t>>8&255,255&t]},luminance=e=>{const[t,r,n]=channelsOf(e).map(e=>{const t=e/255;return t<=.03928?t/12.92:((t+.055)/1.055)**2.4});return.2126*t+.7152*r+.0722*n},contrastRatio=(e,t)=>{const[r,n]=[luminance(e),luminance(t)].sort((e,t)=>t-e);return(r+.05)/(n+.05)};exports.contrastRatio=contrastRatio;const toHsl=e=>{const[t,r,n]=channelsOf(e).map(e=>e/255),o=Math.max(t,r,n),s=Math.min(t,r,n),i=o-s,l=(o+s)/2;if(0===i)return[0,0,l];return[60*(o===t?((r-n)/i+6)%6:o===r?(n-t)/i+2:(t-r)/i+4),l>.5?i/(2-o-s):i/(o+s),l]},fromHsl=([e,t,r])=>{const n=t*Math.min(r,1-r),channel=t=>{const o=(t+e/30)%12,s=r-n*Math.max(-1,Math.min(o-3,9-o,1));return Math.round(255*s).toString(16).padStart(2,"0")};return`#${channel(0)}${channel(8)}${channel(4)}`.toUpperCase()},moveUntil=(e,t,r)=>{const[n,o,s]=toHsl(e);let i=e;for(let e=s+t*STEP;e>=0&&e<=1;e+=t*STEP)if(i=fromHsl([n,o,e]),r(i))return i;return i},deriveToneInk=(e,t,r)=>{if(!HEX.test(e))return e;const n=t.filter(e=>HEX.test(e));if(0===n.length)return e;const o=n.flatMap(t=>[t,(0,_color.blendOf)(e,.14,t,t)]),reads=e=>o.every(t=>contrastRatio(e,t)>=4.55);return reads(e)?e:moveUntil(e,"dark"===r?1:-1,reads)};exports.deriveToneInk=deriveToneInk;const deriveSolidFill=(e,t)=>{if(!HEX.test(e)||!HEX.test(t))return e;const reads=e=>contrastRatio(e,t)>=4.55;return reads(e)?e:moveUntil(e,luminance(t)>luminance(e)?-1:1,reads)};exports.deriveSolidFill=deriveSolidFill;const deriveStateFills=(e,t,r)=>{if(![e,t,r.fill,r.hover,r.pressed].every(e=>HEX.test(e)))return{hover:r.hover,pressed:r.pressed};const[n,o,s]=toHsl(e),i=toHsl(r.fill)[2],l=[Math.abs(toHsl(r.hover)[2]-i),Math.abs(toHsl(r.pressed)[2]-i)],a=luminance(t)>luminance(e)?-1:1,c=(e=>l.every(t=>s+e*t>=0&&s+e*t<=1))(a)?a:1===a?-1:1,at=e=>fromHsl([n,o,Math.max(0,Math.min(1,s+c*e))]);return{hover:at(l[0]),pressed:at(l[1])}};exports.deriveStateFills=deriveStateFills;

package/lib/commonjs/utils/ariaState.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ariaFromState=void 0;const ariaFromState=e=>({"aria-busy":e?.busy,"aria-checked":e?.checked,"aria-disabled":e?.disabled,"aria-expanded":e?.expanded,"aria-selected":e?.selected});exports.ariaFromState=ariaFromState;

package/lib/module/components/Accordion/Accordion.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import ~~React,~~{createContext,useCallback,useContext,useEffect,useMemo,useRef,useState}from"react";import{Animated,Easing,LayoutAnimation,Pressable,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{defaultIcons}from"../AppIcon/defaultIcons.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const AccordionGroupContext=createContext(null),useAccordionGroup=()=>useContext(AccordionGroupContext),AccordionGroup=({children:e,allowMultiple:t=!1,defaultExpandedKeys:o,expandedKeys:n,onChange:i,style:r,testID:s})=>{const a=void 0!==n,[l,c]=useState(o??[]),d=a?n:l,u=useCallback(e=>{a\|\|c(e),i?.(e)},[a,i]),p=useCallback(e=>{let o;o=d.includes(e)?d.filter(t=>t!==e):t?[...d,e]:[e],u(o)},[d,t,u]),m=useCallback(e=>d.includes(e),[d]),g=useMemo(()=>({isExpanded:m,toggle:p,allowMultiple:t}),[m,p,t]);return _jsx(AccordionGroupContext.Provider,{value:g,children:_jsx(View,{style:r,testID:s,children:e})})};AccordionGroup.displayName="AccordionGroup";const Chevron=({rotate:e,color:t})=>{const o=useTheme();return _jsx(Animated.View,{style:[chevronStyles.icon,{transform:[{rotate:e}]}],accessible:!1,children:(o.icons?.chevronDown??defaultIcons.chevronDown)({size:16,color:t})})},chevronStyles=StyleSheet.create({icon:{width:16,height:16,alignItems:"center",justifyContent:"center"}}),Accordion=e=>{const{title:t,children:o,id:n,expanded:i,defaultExpanded:r=!1,onChange:s,icon:a,disabled:l=!1,variant:c="plain",accessibilityLabel:d,style:u,headerStyle:p,contentStyle:m,contentWrapperStyle:g,containerStyle:h,testID:y,loading:x=!1,haptic:f}=e,b=useTheme(),A=useMemo(()=>buildStyles(b),[b]),S=useAccordionGroup(),v=void 0!==i,[j,V]=useState(r),C=S&&n?S.isExpanded(n):null,w=null!==C?C:v?!!i:j,[k,_]=useState(null),R=useRef(createAnimatedValue(w?1:0)).current,E=useRef(createAnimatedValue(w?1:0)).current,I=useRef(createAnimatedValue(w?1:0)).current,D=useRef(w);useEffect(()=>{if(D.current===w)return;D.current=w;const e=Animated.parallel([Animated.timing(R,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1}),Animated.timing(E,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1}),Animated.timing(I,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1})]);return e.start(),()=>e.stop()},[w,R,E,I,b.motion]);const z=useCallback(e=>{const t=e.nativeEvent.layout.height;t>0&&t!==k&&_(t)},[k]),G=useCallback(()=>{if(l)return;const e=resolveHaptic(f,"selection");if(e&&triggerHaptic(e),S&&n)return S.toggle(n),void s?.(!w);v\|\|V(!w),s?.(!w)},[l,S,n,w,v,s,f]),L=I.interpolate({inputRange:[0,1],outputRange:["0deg","180deg"]}),H=null===k?void 0:R.interpolate({inputRange:[0,1],outputRange:[0,k]}),N="card"===c?[A.card,b.shadows.sm,{backgroundColor:b.colors.background.elevated,borderRadius:b.radius.md,...smoothCorners}]:null;return x?_jsx(AccordionSkeleton,{...e}):_jsxs(View,{style:[N,u,h],testID:y,children:[_jsxs(Pressable,{onPress:G,disabled:l,accessibilityRole:"button",accessibilityLabel:d??t,accessibilityState:{expanded:w,disabled:l},style:({pressed:e})=>[A.header,p,{opacity:l?.55:e?.85:1}],children:[a?_jsx(View,{style:A.iconLeft,children:a}):null,_jsx(Text,{style:[A.title,{color:l?b.colors.text.disabled:b.colors.text.primary,fontSize:b.typography.fontSize.base,fontWeight:b.typography.fontWeight.semibold}],numberOfLines:2,children:t}),_jsx(Chevron,{rotate:L,color:l?b.colors.text.disabled:b.colors.text.secondary})]}),null===k?_jsx(View,{style:A.measurer,pointerEvents:"none",onLayout:z,children:_jsx(View,{style:[A.content,m],children:o})}):null,_jsx(Animated.View,{style:[A.contentWrapper,null===k?{height:0,opacity:0}:{height:H,opacity:E},g],children:_jsx(View,{onLayout:z,style:[A.content,m],children:o})})]})};Accordion.displayName="Accordion";const AccordionSkeleton=({variant:e="plain",style:t})=>{const o=useTheme();return _jsx(View,{style:["card"===e?{paddingHorizontal:o.spacing.md,paddingVertical:o.spacing.sm,backgroundColor:o.colors.background.elevated,borderRadius:o.radius.md,...smoothCorners}:{paddingVertical:o.spacing.sm},t],accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:_jsxs(View,{style:{flexDirection:"row",alignItems:"center"},children:[_jsx(Skeleton,{shape:"text",width:"60%",height:18,style:{flex:1}}),_jsx(Skeleton,{width:16,height:16,radius:"sm",style:{marginLeft:o.spacing.sm}})]})})};AccordionSkeleton.displayName="AccordionSkeleton",Accordion.Skeleton=AccordionSkeleton;const buildStyles=e=>StyleSheet.create({card:{paddingHorizontal:e.spacing.md,paddingVertical:e.components.accordion?.cardPaddingVertical??4,marginVertical:e.spacing.xs},header:{flexDirection:"row",alignItems:"center",paddingVertical:e.spacing.sm},iconLeft:{marginRight:e.spacing.sm},title:{flex:1},contentWrapper:{overflow:"hidden"},content:{paddingBottom:e.spacing.sm},measurer:{position:"absolute",opacity:0,left:0,right:0,top:0,zIndex:-1}});export{Accordion,AccordionGroup};export default Accordion;
1	+ "use strict";import{createContext,useCallback,useContext,useEffect,useMemo,useRef,useState}from"react";import{Animated,Easing,LayoutAnimation,Pressable,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{defaultIcons}from"../AppIcon/defaultIcons.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const AccordionGroupContext=createContext(null),useAccordionGroup=()=>useContext(AccordionGroupContext),AccordionGroup=({children:e,allowMultiple:t=!1,defaultExpandedKeys:n,expandedKeys:o,onChange:i,style:r,testID:a})=>{const s=void 0!==o,[l,c]=useState(n??[]),d=s?o:l,u=useCallback(e=>{s\|\|c(e),i?.(e)},[s,i]),p=useCallback(e=>{let n;n=d.includes(e)?d.filter(t=>t!==e):t?[...d,e]:[e],u(n)},[d,t,u]),m=useCallback(e=>d.includes(e),[d]),g=useMemo(()=>({isExpanded:m,toggle:p,allowMultiple:t}),[m,p,t]);return _jsx(AccordionGroupContext.Provider,{value:g,children:_jsx(View,{style:r,testID:a,children:e})})};AccordionGroup.displayName="AccordionGroup";const Chevron=({rotate:e,color:t})=>{const n=useTheme();return _jsx(Animated.View,{style:[chevronStyles.icon,{transform:[{rotate:e}]}],accessible:!1,children:(n.icons?.chevronDown??defaultIcons.chevronDown)({size:16,color:t})})},chevronStyles=StyleSheet.create({icon:{width:16,height:16,alignItems:"center",justifyContent:"center"}}),Accordion=e=>{const{title:t,children:n,id:o,expanded:i,defaultExpanded:r=!1,onChange:a,icon:s,disabled:l=!1,variant:c="plain",accessibilityLabel:d,style:u,headerStyle:p,contentStyle:m,contentWrapperStyle:g,containerStyle:h,testID:y,loading:x=!1,haptic:f}=e,b=useTheme(),A=useMemo(()=>buildStyles(b),[b]),S=useAccordionGroup(),v=void 0!==i,[j,V]=useState(r),C=S&&o?S.isExpanded(o):null,w=null!==C?C:v?!!i:j,[k,_]=useState(null),R=useRef(createAnimatedValue(w?1:0)).current,E=useRef(createAnimatedValue(w?1:0)).current,I=useRef(createAnimatedValue(w?1:0)).current,D=useRef(w);useEffect(()=>{if(D.current===w)return;D.current=w;const e=Animated.parallel([Animated.timing(R,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1}),Animated.timing(E,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1}),Animated.timing(I,{toValue:w?1:0,duration:b.motion.duration.normal,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!1})]);return e.start(),()=>e.stop()},[w,R,E,I,b.motion]);const z=useCallback(e=>{const t=e.nativeEvent.layout.height;t>0&&t!==k&&_(t)},[k]),G=useCallback(()=>{if(l)return;const e=resolveHaptic(f,"selection");if(e&&triggerHaptic(e),S&&o)return S.toggle(o),void a?.(!w);v\|\|V(!w),a?.(!w)},[l,S,o,w,v,a,f]),L=I.interpolate({inputRange:[0,1],outputRange:["0deg","180deg"]}),H=null===k?void 0:R.interpolate({inputRange:[0,1],outputRange:[0,k]}),N="card"===c?[A.card,b.shadows.sm,{backgroundColor:b.colors.background.elevated,borderRadius:b.radius.md,...smoothCorners}]:null;return x?_jsx(AccordionSkeleton,{...e}):_jsxs(View,{style:[N,u,h],testID:y,children:[_jsxs(Pressable,{onPress:G,disabled:l,accessibilityRole:"button",accessibilityLabel:d??t,accessibilityState:{expanded:w,disabled:l},"aria-expanded":w,"aria-disabled":l,style:({pressed:e})=>[A.header,p,{opacity:l?.55:e?.85:1}],children:[s?_jsx(View,{style:A.iconLeft,children:s}):null,_jsx(Text,{style:[A.title,{color:l?b.colors.text.disabled:b.colors.text.primary,fontSize:b.typography.fontSize.base,fontWeight:b.typography.fontWeight.semibold}],numberOfLines:2,children:t}),_jsx(Chevron,{rotate:L,color:l?b.colors.text.disabled:b.colors.text.secondary})]}),null===k?_jsx(View,{style:A.measurer,pointerEvents:"none",onLayout:z,children:_jsx(View,{style:[A.content,m],children:n})}):null,_jsx(Animated.View,{style:[A.contentWrapper,null===k?{height:0,opacity:0}:{height:H,opacity:E},g],children:_jsx(View,{onLayout:z,style:[A.content,m],children:n})})]})};Accordion.displayName="Accordion";const AccordionSkeleton=({variant:e="plain",style:t})=>{const n=useTheme();return _jsx(View,{style:["card"===e?{paddingHorizontal:n.spacing.md,paddingVertical:n.spacing.sm,backgroundColor:n.colors.background.elevated,borderRadius:n.radius.md,...smoothCorners}:{paddingVertical:n.spacing.sm},t],accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:_jsxs(View,{style:{flexDirection:"row",alignItems:"center"},children:[_jsx(Skeleton,{shape:"text",width:"60%",height:18,style:{flex:1}}),_jsx(Skeleton,{width:16,height:16,radius:"sm",style:{marginLeft:n.spacing.sm}})]})})};AccordionSkeleton.displayName="AccordionSkeleton",Accordion.Skeleton=AccordionSkeleton;const buildStyles=e=>StyleSheet.create({card:{paddingHorizontal:e.spacing.md,paddingVertical:e.components.accordion?.cardPaddingVertical??4,marginVertical:e.spacing.xs},header:{flexDirection:"row",alignItems:"center",paddingVertical:e.spacing.sm},iconLeft:{marginRight:e.spacing.sm},title:{flex:1},contentWrapper:{overflow:"hidden"},content:{paddingBottom:e.spacing.sm},measurer:{position:"absolute",opacity:0,left:0,right:0,top:0,zIndex:-1}});export{Accordion,AccordionGroup};export default Accordion;

package/lib/module/components/AnimatePresence/AnimatePresence.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import ~~React from"react";import~~ Animated,{FadeIn,FadeInDown,FadeInUp,FadeOut,FadeOutDown,FadeOutUp,ZoomIn,ZoomOut}from"react-native-reanimated";import{useReducedMotion}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";const AnimatePresence=({children:e,preset:t="fade",duration:n,style:a,testID:o})=>{const r=useTheme(),i=useReducedMotion();if(!(null!=e&&!1!==e))return null;const d=n??r.motion.duration.normal;let s,u;if(!i)switch(t){case"scale":s=ZoomIn.duration(d),u=ZoomOut.duration(d);break;case"slide-up":s=FadeInUp.duration(d),u=FadeOutDown.duration(d);break;case"slide-down":s=FadeInDown.duration(d),u=FadeOutUp.duration(d);break;default:s=FadeIn.duration(d),u=FadeOut.duration(d)}return _jsx(Animated.View,{entering:s,exiting:u,style:a,testID:o,children:e})};AnimatePresence.displayName="AnimatePresence";export{AnimatePresence};export default AnimatePresence;
1	+ "use strict";import Animated,{FadeIn,FadeInDown,FadeInUp,FadeOut,FadeOutDown,FadeOutUp,ZoomIn,ZoomOut}from"react-native-reanimated";import{useReducedMotion}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{jsx as _jsx}from"react/jsx-runtime";const AnimatePresence=({children:e,preset:t="fade",duration:n,style:a,testID:o})=>{const i=useTheme(),r=useReducedMotion();if(!(null!=e&&!1!==e))return null;const d=n??i.motion.duration.normal;let s,u;if(!r)switch(t){case"scale":s=ZoomIn.duration(d),u=ZoomOut.duration(d);break;case"slide-up":s=FadeInUp.duration(d),u=FadeOutDown.duration(d);break;case"slide-down":s=FadeInDown.duration(d),u=FadeOutUp.duration(d);break;default:s=FadeIn.duration(d),u=FadeOut.duration(d)}return _jsx(Animated.View,{entering:s,exiting:u,style:a,testID:o,children:e})};AnimatePresence.displayName="AnimatePresence";export{AnimatePresence};export default AnimatePresence;

package/lib/module/components/AppBar/AppBar.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import ~~React,~~{forwardRef,useMemo}from"react";import{Animated,Pressable,StyleSheet,Text,View}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{usePressAnimation}from"../../hooks/usePressAnimation.js";import{fontFor,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{AppIcon}from"../AppIcon/AppIcon.js";import{Text as ThemedText}from"../Text/Text.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const variantSize=(t,e)=>{switch(e){case"compact":return{height:44,titleSize:t.typography.fontSize.lg,titleWeight:"semibold",alignBottom:!1};case"large":return{height:96,titleSize:t.typography.fontSize["2xl"],titleWeight:"bold",alignBottom:!0};default:return{height:56,titleSize:t.typography.fontSize.lg,titleWeight:"semibold",alignBottom:!1}}},ActionButton=({action:t,side:e,badgeStyle:i,haptic:o,flush:n})=>{const r=useTheme(),{scale:a,pressIn:l,pressOut:s}=usePressAnimation({enabled:!0}),c=useMemo(()=>buildActionStyles(r),[r]),p=t.badge,d=void 0!==p&&0!==p,m=void 0!==t.text;return _jsx(Animated.View,{style:{transform:[{scale:a}]},children:_jsxs(Pressable,{onPress:()=>{const e=resolveHaptic(o,"selection");e&&triggerHaptic(e),t.onPress()},onPressIn:l,onPressOut:s,accessibilityRole:"button",accessibilityLabel:t.accessibilityLabel??t.text,testID:t.testID,android_ripple:{color:r.colors.surface.pressed,borderless:!m},style:({pressed:t})=>[m?c.textButton:c.actionButton,n?null:"left"===e?c.actionLeft:c.actionRight,t&&!m?c.actionPressed:null,t&&m?c.textPressed:null],children:[m?_jsx(Text,{style:c.actionText,numberOfLines:1,children:t.text}):_jsx(View,{style:c.iconWrap,children:t.icon}),d?_jsx(View,{style:[c.badge,i],pointerEvents:"none",children:_jsx(Text,{style:c.badgeText,numberOfLines:1,children:String(p)})}):null,t.dot?_jsx(View,{testID:t.testID?`${t.testID}-dot`:"appbar-action-dot",style:c.dot,pointerEvents:"none"}):null]})})},COLLAPSE_RANGE=60,LARGE_TITLE_SCALE_END=.71,AppBar=forwardRef((t,e)=>{const{title:i,subtitle:o,titleAlignment:n="left",leftAction:r,rightActions:a,leading:l,trailing:s,onBack:c,gutter:p,titleVariant:d,titleOffset:m,height:g,divider:u,variant:h="default",transparent:f=!1,scrollY:x,style:y,containerStyle:b,titleStyle:S,subtitleStyle:B,badgeStyle:A,haptic:j,testID:T}=t,w=useTheme(),z=useSafeAreaInsets(),C=useMemo(()=>variantSize(w,h),[w,h]),_=useMemo(()=>buildStyles(w),[w]),I="large"===h&&void 0!==x,R=w.components.appBar?.iconSize??24,v=w.components.appBar?.actionButtonSize??44,W=r??(c?{icon:_jsx(AppIcon,{name:"arrow-left",size:R,color:w.colors.text.primary}),onPress:c,accessibilityLabel:"Back"}:void 0),L=s?void 0:a?.[a.length-1],opticalInset=t=>void 0===t?0:void 0!==t.text?w.spacing.sm:Math.max((v-R)/2,0),V=void 0===p?null:{paddingLeft:Math.max(p-opticalInset(W),0),paddingRight:Math.max(p-opticalInset(L),0)},O=void 0!==m,P=Boolean(W)\|\|Boolean(l),H=u??!f,D=w.components.appBar?.dividerWidth??StyleSheet.hairlineWidth,E=w.components.appBar?.collapseTranslateDistance??-20,M=useMemo(()=>{if(!x)return null;const t={inputRange:[0,60],extrapolate:"clamp"};return{titleScale:x.interpolate({...t,outputRange:[1,.71]}),titleTranslateY:x.interpolate({...t,outputRange:[0,E]}),titleTranslateX:x.interpolate({...t,outputRange:"center"===n?[0,0]:[0,8]}),subtitleOpacity:x.interpolate({inputRange:[0,30],outputRange:[1,0],extrapolate:"clamp"}),barHeight:x.interpolate({...t,outputRange:[96,56]}),borderOpacity:x.interpolate({...t,outputRange:[0,1]})}},[x,n,E]),k=I&&M?{transform:[{translateX:M.titleTranslateX},{translateY:M.titleTranslateY},{scale:M.titleScale}]}:null,F=i?d?_jsx(Animated.View,{style:k,children:_jsx(ThemedText,{variant:d,align:"center"===n?"center":"left",accessibilityRole:"header",numberOfLines:1,style:[_.titleVariant,S],children:i})}):_jsx(Animated.Text,{accessibilityRole:"header",style:[_.title,{fontSize:C.titleSize,fontWeight:w.typography.fontWeight[C.titleWeight],textAlign:"center"===n?"center":"left"},k,S],numberOfLines:1,children:i}):null,Y=o?_jsx(Animated.Text,{style:[_.subtitle,{textAlign:"center"===n?"center":"left"},I&&M?{opacity:M.subtitleOpacity}:null,B],numberOfLines:1,children:o}):null,N=_jsxs(View,{style:[_.titleColumn,"center"===n?_.titleColumnCenter:null,C.alignBottom?_.titleColumnBottom:null],children:[F,Y]}),X=I?Animated.View:View,G=I&&M?{height:Animated.add(M.barHeight,new Animated.Value(z.top))}:{height:(g??C.height)+z.top};return _jsxs(X,{ref:e,testID:T,style:[_.root,{paddingTop:z.top,backgroundColor:f?"transparent":w.colors.background.elevated},G,!I&&H?{borderBottomWidth:D,borderBottomColor:w.colors.border.primary}:null,y,b],children:[I&&M&&H?_jsx(Animated.View,{pointerEvents:"none",style:[_.animatedBorder,{backgroundColor:w.colors.border.primary,opacity:M.borderOpacity}]}):null,_jsxs(View,{style:[_.row,C.alignBottom?_.rowAlignBottom:null,V,{flex:1}],children:[_jsxs(View,{style:[_.sideSlot,O?_.sideSlotCompact:null],children:[W?_jsx(ActionButton,{action:W,side:"left",haptic:j,flush:O}):null,l]}),_jsx(View,{pointerEvents:"none",style:[_.center,"center"===n?_.centerAligned:_.centerLeft,O?{paddingLeft:P?m:0,paddingRight:0}:null],children:N}),_jsxs(View,{style:[_.sideSlot,_.sideSlotRight,O?_.sideSlotCompact:null],children:[a?.map((t,e)=>_jsx(ActionButton,{action:t,side:"right",badgeStyle:A,haptic:j,flush:O},`appbar-right-${e}`)),s]})]})]})});AppBar.displayName="AppBar";const buildStyles=t=>StyleSheet.create({root:{width:"100%"},row:{flexDirection:"row",alignItems:"center",paddingHorizontal:t.spacing.xs},rowAlignBottom:{alignItems:"flex-end",paddingBottom:t.spacing.sm},sideSlot:{flexDirection:"row",alignItems:"center",minWidth:t.components.appBar?.sideSlotMinWidth??48},sideSlotRight:{justifyContent:"flex-end"},sideSlotCompact:{minWidth:0},center:{flex:1,paddingHorizontal:t.spacing.xs},centerAligned:{alignItems:"center"},centerLeft:{alignItems:"flex-start"},titleColumn:{flexDirection:"column"},titleColumnCenter:{alignItems:"center"},titleColumnBottom:{justifyContent:"flex-end"},title:{color:t.colors.text.primary},titleVariant:{includeFontPadding:!1,textAlignVertical:"center"},subtitle:{marginTop:t.components.appBar?.subtitleMarginTop??2,color:t.colors.text.tertiary,fontSize:t.typography.fontSize.sm,fontWeight:t.typography.fontWeight.normal},animatedBorder:{position:"absolute",left:0,right:0,bottom:0,height:StyleSheet.hairlineWidth}}),buildActionStyles=t=>StyleSheet.create({actionButton:{width:t.components.appBar?.actionButtonSize??44,height:t.components.appBar?.actionButtonSize??44,borderRadius:t.radius.full,...smoothCorners,alignItems:"center",justifyContent:"center"},actionLeft:{marginRight:t.spacing.xs},actionRight:{marginLeft:t.spacing.xs},actionPressed:{backgroundColor:t.colors.surface.pressed},textButton:{minWidth:44,minHeight:44,paddingHorizontal:t.spacing.sm,alignItems:"center",justifyContent:"center"},textPressed:{opacity:.6},actionText:{color:t.colors.text.link,fontSize:t.typography.fontSize.base,...fontFor(t,"semibold")},dot:{position:"absolute",top:t.components.appBar?.dotOffset??10,right:t.components.appBar?.dotOffset??10,width:t.components.appBar?.dotSize??8,height:t.components.appBar?.dotSize??8,borderRadius:t.radius.full,backgroundColor:t.colors.error},iconWrap:{alignItems:"center",justifyContent:"center"},badge:{position:"absolute",top:t.components.appBar?.badgeOffset??4,right:t.components.appBar?.badgeOffset??4,minWidth:t.components.appBar?.badgeMinWidth??16,height:t.components.appBar?.badgeHeight??16,paddingHorizontal:t.components.appBar?.badgePaddingHorizontal??4,borderRadius:t.radius.full,...smoothCorners,backgroundColor:t.colors.error,alignItems:"center",justifyContent:"center"},badgeText:{color:t.colors.onError,fontSize:t.components.appBar?.badgeFontSize??10,fontWeight:t.typography.fontWeight.semibold,lineHeight:t.components.appBar?.badgeLineHeight??12}});export{AppBar};export default AppBar;
1	+ "use strict";import{forwardRef,useMemo}from"react";import{Animated,Pressable,StyleSheet,Text,View}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";import{usePressAnimation}from"../../hooks/usePressAnimation.js";import{fontFor,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{AppIcon}from"../AppIcon/AppIcon.js";import{Text as ThemedText}from"../Text/Text.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const variantSize=(t,e)=>{switch(e){case"compact":return{height:44,titleSize:t.typography.fontSize.lg,titleWeight:"semibold",alignBottom:!1};case"large":return{height:96,titleSize:t.typography.fontSize["2xl"],titleWeight:"bold",alignBottom:!0};default:return{height:56,titleSize:t.typography.fontSize.lg,titleWeight:"semibold",alignBottom:!1}}},ActionButton=({action:t,side:e,badgeStyle:i,haptic:o,flush:n})=>{const r=useTheme(),{scale:a,pressIn:l,pressOut:s}=usePressAnimation({enabled:!0}),c=useMemo(()=>buildActionStyles(r),[r]),p=t.badge,d=void 0!==p&&0!==p,m=void 0!==t.text;return _jsx(Animated.View,{style:{transform:[{scale:a}]},children:_jsxs(Pressable,{onPress:()=>{const e=resolveHaptic(o,"selection");e&&triggerHaptic(e),t.onPress()},onPressIn:l,onPressOut:s,accessibilityRole:"button",accessibilityLabel:t.accessibilityLabel??t.text,testID:t.testID,android_ripple:{color:r.colors.surface.pressed,borderless:!m},style:({pressed:t})=>[m?c.textButton:c.actionButton,n?null:"left"===e?c.actionLeft:c.actionRight,t&&!m?c.actionPressed:null,t&&m?c.textPressed:null],children:[m?_jsx(Text,{style:c.actionText,numberOfLines:1,children:t.text}):_jsx(View,{style:c.iconWrap,children:t.icon}),d?_jsx(View,{style:[c.badge,i],pointerEvents:"none",children:_jsx(Text,{style:c.badgeText,numberOfLines:1,children:String(p)})}):null,t.dot?_jsx(View,{testID:t.testID?`${t.testID}-dot`:"appbar-action-dot",style:c.dot,pointerEvents:"none"}):null]})})},COLLAPSE_RANGE=60,LARGE_TITLE_SCALE_END=.71,AppBar=forwardRef((t,e)=>{const{title:i,subtitle:o,titleAlignment:n="left",leftAction:r,rightActions:a,leading:l,trailing:s,onBack:c,gutter:p,titleVariant:d,titleOffset:m,height:g,divider:u,variant:h="default",transparent:f=!1,scrollY:x,style:y,containerStyle:b,titleStyle:S,subtitleStyle:B,badgeStyle:A,haptic:j,testID:T}=t,w=useTheme(),z=useSafeAreaInsets(),C=useMemo(()=>variantSize(w,h),[w,h]),_=useMemo(()=>buildStyles(w),[w]),I="large"===h&&void 0!==x,R=w.components.appBar?.iconSize??24,v=w.components.appBar?.actionButtonSize??44,W=r??(c?{icon:_jsx(AppIcon,{name:"arrow-left",size:R,color:w.colors.text.primary}),onPress:c,accessibilityLabel:"Back"}:void 0),L=s?void 0:a?.[a.length-1],opticalInset=t=>void 0===t?0:void 0!==t.text?w.spacing.sm:Math.max((v-R)/2,0),V=void 0===p?null:{paddingLeft:Math.max(p-opticalInset(W),0),paddingRight:Math.max(p-opticalInset(L),0)},O=void 0!==m,P=Boolean(W)\|\|Boolean(l),H=u??!f,D=w.components.appBar?.dividerWidth??StyleSheet.hairlineWidth,E=w.components.appBar?.collapseTranslateDistance??-20,M=useMemo(()=>{if(!x)return null;const t={inputRange:[0,60],extrapolate:"clamp"};return{titleScale:x.interpolate({...t,outputRange:[1,.71]}),titleTranslateY:x.interpolate({...t,outputRange:[0,E]}),titleTranslateX:x.interpolate({...t,outputRange:"center"===n?[0,0]:[0,8]}),subtitleOpacity:x.interpolate({inputRange:[0,30],outputRange:[1,0],extrapolate:"clamp"}),barHeight:x.interpolate({...t,outputRange:[96,56]}),borderOpacity:x.interpolate({...t,outputRange:[0,1]})}},[x,n,E]),k=I&&M?{transform:[{translateX:M.titleTranslateX},{translateY:M.titleTranslateY},{scale:M.titleScale}]}:null,F=i?d?_jsx(Animated.View,{style:k,children:_jsx(ThemedText,{variant:d,align:"center"===n?"center":"left",accessibilityRole:"header",numberOfLines:1,style:[_.titleVariant,S],children:i})}):_jsx(Animated.Text,{accessibilityRole:"header",style:[_.title,{fontSize:C.titleSize,fontWeight:w.typography.fontWeight[C.titleWeight],textAlign:"center"===n?"center":"left"},k,S],numberOfLines:1,children:i}):null,Y=o?_jsx(Animated.Text,{style:[_.subtitle,{textAlign:"center"===n?"center":"left"},I&&M?{opacity:M.subtitleOpacity}:null,B],numberOfLines:1,children:o}):null,N=_jsxs(View,{style:[_.titleColumn,"center"===n?_.titleColumnCenter:null,C.alignBottom?_.titleColumnBottom:null],children:[F,Y]}),X=I?Animated.View:View,G=I&&M?{height:Animated.add(M.barHeight,new Animated.Value(z.top))}:{height:(g??C.height)+z.top};return _jsxs(X,{ref:e,testID:T,style:[_.root,{paddingTop:z.top,backgroundColor:f?"transparent":w.colors.background.elevated},G,!I&&H?{borderBottomWidth:D,borderBottomColor:w.colors.border.primary}:null,y,b],children:[I&&M&&H?_jsx(Animated.View,{pointerEvents:"none",style:[_.animatedBorder,{backgroundColor:w.colors.border.primary,opacity:M.borderOpacity}]}):null,_jsxs(View,{style:[_.row,C.alignBottom?_.rowAlignBottom:null,V,{flex:1}],children:[_jsxs(View,{style:[_.sideSlot,O?_.sideSlotCompact:null],children:[W?_jsx(ActionButton,{action:W,side:"left",haptic:j,flush:O}):null,l]}),_jsx(View,{pointerEvents:"none",style:[_.center,"center"===n?_.centerAligned:_.centerLeft,O?{paddingLeft:P?m:0,paddingRight:0}:null],children:N}),_jsxs(View,{style:[_.sideSlot,_.sideSlotRight,O?_.sideSlotCompact:null],children:[a?.map((t,e)=>_jsx(ActionButton,{action:t,side:"right",badgeStyle:A,haptic:j,flush:O},`appbar-right-${e}`)),s]})]})]})});AppBar.displayName="AppBar";const buildStyles=t=>StyleSheet.create({root:{width:"100%"},row:{flexDirection:"row",alignItems:"center",paddingHorizontal:t.spacing.xs},rowAlignBottom:{alignItems:"flex-end",paddingBottom:t.spacing.sm},sideSlot:{flexDirection:"row",alignItems:"center",minWidth:t.components.appBar?.sideSlotMinWidth??48},sideSlotRight:{justifyContent:"flex-end"},sideSlotCompact:{minWidth:0},center:{flex:1,paddingHorizontal:t.spacing.xs},centerAligned:{alignItems:"center"},centerLeft:{alignItems:"flex-start"},titleColumn:{flexDirection:"column"},titleColumnCenter:{alignItems:"center"},titleColumnBottom:{justifyContent:"flex-end"},title:{color:t.colors.text.primary},titleVariant:{includeFontPadding:!1,textAlignVertical:"center"},subtitle:{marginTop:t.components.appBar?.subtitleMarginTop??2,color:t.colors.text.tertiary,fontSize:t.typography.fontSize.sm,fontWeight:t.typography.fontWeight.normal},animatedBorder:{position:"absolute",left:0,right:0,bottom:0,height:StyleSheet.hairlineWidth}}),buildActionStyles=t=>StyleSheet.create({actionButton:{width:t.components.appBar?.actionButtonSize??44,height:t.components.appBar?.actionButtonSize??44,borderRadius:t.radius.full,...smoothCorners,alignItems:"center",justifyContent:"center"},actionLeft:{marginRight:t.spacing.xs},actionRight:{marginLeft:t.spacing.xs},actionPressed:{backgroundColor:t.colors.surface.pressed},textButton:{minWidth:44,minHeight:44,paddingHorizontal:t.spacing.sm,alignItems:"center",justifyContent:"center"},textPressed:{opacity:.6},actionText:{color:t.colors.text.link,fontSize:t.typography.fontSize.base,...fontFor(t,"semibold")},dot:{position:"absolute",top:t.components.appBar?.dotOffset??10,right:t.components.appBar?.dotOffset??10,width:t.components.appBar?.dotSize??8,height:t.components.appBar?.dotSize??8,borderRadius:t.radius.full,backgroundColor:t.colors.error},iconWrap:{alignItems:"center",justifyContent:"center"},badge:{position:"absolute",top:t.components.appBar?.badgeOffset??4,right:t.components.appBar?.badgeOffset??4,minWidth:t.components.appBar?.badgeMinWidth??16,height:t.components.appBar?.badgeHeight??16,paddingHorizontal:t.components.appBar?.badgePaddingHorizontal??4,borderRadius:t.radius.full,...smoothCorners,backgroundColor:t.colors.error,alignItems:"center",justifyContent:"center"},badgeText:{color:t.colors.onError,fontSize:t.components.appBar?.badgeFontSize??10,fontWeight:t.typography.fontWeight.semibold,lineHeight:t.components.appBar?.badgeLineHeight??12}});export{AppBar};export default AppBar;

package/lib/module/components/AppIcon/AppIcon.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import{Logger}from"@webority/mobile-core";import ~~React,~~{useMemo}from"react";import{SvgXml}from"react-native-svg";import{useTheme}from"../../theme/index.js";import{CATALOG_LOADERS,ICON_NAMES}from"./catalog.g.js";import{CURATED_ICON_NAMES,GLYPHS}from"./glyphs.g.js";import{jsx as _jsx}from"react/jsx-runtime";export{CURATED_ICON_NAMES,ICON_NAMES};export const ICONSAX_SUFFIX="-iconsax";export const APP_ICON_SIZES={xs:14,sm:18,md:22,lg:28,xl:36};const tryRequire=e=>{try{return e()}catch{return null}};let curatedVariants=null;const loadCuratedVariants=()=>(curatedVariants\|\|(curatedVariants=tryRequire(()=>require("./variants.g").VARIANT_GLYPHS)??{}),curatedVariants),shardCache=new Map,loadShard=(e,r)=>{const t=r[0]?.toLowerCase()??"",o=`${e}:${t}`,a=shardCache.get(o);if(void 0!==a)return a;const n=CATALOG_LOADERS[e]?.[t],s=n?tryRequire(n):null;return shardCache.set(o,s),s},warned=new Set,resolveCatalogue=(e,r)=>{const t=loadShard(r,e)?.[e];return t\|\|("linear"===r?null:loadShard("linear",e)?.[e]??null)};export const resolveGlyph=(e,r="linear")=>{if(e.endsWith("-iconsax")){const t=e.slice(0,-8);return t in GLYPHS?resolveCatalogue(t,r):null}const t=GLYPHS[e];return t?"linear"===r?t:loadCuratedVariants()[r]?.[e]??t:resolveCatalogue(e,r)};export const buildIconXml=(e,r,t)=>`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none">${e.replace(/currentColor/g,t)}</svg>`;export const AppIcon=({name:e,size:r="md",color:t,variant:o="linear",style:a,accessibilityLabel:n,testID:s})=>{const l=useTheme(),i="number"==typeof r?r:APP_ICON_SIZES[r],c=t??l.colors.text.primary,u=resolveGlyph(e,o),m=useMemo(()=>u?buildIconXml(u,i,c):null,[u,i,c]);return m?_jsx(SvgXml,{xml:m,width:i,height:i,style:a,accessible:null!=n,accessibilityLabel:n,accessibilityRole:null!=n?"image":void 0,testID:s}):(__DEV__&&!warned.has(e)&&(warned.add(e),Logger.warn(`[AppIcon] Unknown icon "${e}". Names come from webority-ui's icon map and the Iconsax catalogue; run scripts/sync-icons.mjs after adding one there.`)),null)};AppIcon.displayName="AppIcon";export default AppIcon;
1	+ "use strict";import{Logger}from"@webority/mobile-core";import{useMemo}from"react";import{SvgXml}from"react-native-svg";import{useTheme}from"../../theme/index.js";import{CATALOG_LOADERS,ICON_NAMES}from"./catalog.g.js";import{CURATED_ICON_NAMES,GLYPHS}from"./glyphs.g.js";import{jsx as _jsx}from"react/jsx-runtime";export{CURATED_ICON_NAMES,ICON_NAMES};export const ICONSAX_SUFFIX="-iconsax";export const APP_ICON_SIZES={xs:14,sm:18,md:22,lg:28,xl:36};const tryRequire=e=>{try{return e()}catch{return null}};let curatedVariants=null;const loadCuratedVariants=()=>(curatedVariants\|\|(curatedVariants=tryRequire(()=>require("./variants.g").VARIANT_GLYPHS)??{}),curatedVariants),shardCache=new Map,loadShard=(e,r)=>{const t=r[0]?.toLowerCase()??"",o=`${e}:${t}`,a=shardCache.get(o);if(void 0!==a)return a;const n=CATALOG_LOADERS[e]?.[t],s=n?tryRequire(n):null;return shardCache.set(o,s),s},warned=new Set,resolveCatalogue=(e,r)=>{const t=loadShard(r,e)?.[e];return t\|\|("linear"===r?null:loadShard("linear",e)?.[e]??null)};export const resolveGlyph=(e,r="linear")=>{if(e.endsWith("-iconsax")){const t=e.slice(0,-8);return t in GLYPHS?resolveCatalogue(t,r):null}const t=GLYPHS[e];return t?"linear"===r?t:loadCuratedVariants()[r]?.[e]??t:resolveCatalogue(e,r)};export const buildIconXml=(e,r,t)=>`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none">${e.replace(/currentColor/g,t)}</svg>`;export const AppIcon=({name:e,size:r="md",color:t,variant:o="linear",style:a,accessibilityLabel:n,testID:s})=>{const l=useTheme(),i="number"==typeof r?r:APP_ICON_SIZES[r],c=t??l.colors.text.primary,u=resolveGlyph(e,o),m=useMemo(()=>u?buildIconXml(u,i,c):null,[u,i,c]);return m?_jsx(SvgXml,{xml:m,width:i,height:i,style:a,accessible:null!=n,accessibilityLabel:n,accessibilityRole:null!=n?"image":void 0,testID:s}):(__DEV__&&!warned.has(e)&&(warned.add(e),Logger.warn(`[AppIcon] Unknown icon "${e}". Names come from webority-ui's icon map and the Iconsax catalogue; run scripts/sync-icons.mjs after adding one there.`)),null)};AppIcon.displayName="AppIcon";export default AppIcon;

package/lib/module/components/AsyncBlock/AsyncBlock.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import ~~React from"react";import~~{View}from"react-native";import{useTheme}from"../../theme/index.js";import{AppIcon}from"../AppIcon/index.js";import{EmptyState}from"../EmptyState/index.js";import{Spinner}from"../Spinner/index.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const OFFLINE_HINT="Check your connection, then try again.";export const AsyncBlock=({loading:e=!1,error:t,errorVariant:r="default",empty:i=!1,onRetry:n,skeleton:o,emptyTitle:s="Nothing here yet",emptyDescription:c,emptyIcon:l,errorTitle:a="That didn't load",offlineTitle:p="You're offline",retryLabel:m="Try again",children:y,style:d,testID:x})=>{const f=useTheme();if(e)return _jsx(View,{style:d,testID:x,children:o??_jsx(View,{style:{paddingVertical:f.spacing["2xl"],alignItems:"center"},children:_jsx(Spinner,{})})});if(t){const e="offline"===r,i="string"==typeof t?t:e?OFFLINE_HINT:void 0;return _jsxs(View,{style:d,testID:x,children:[_jsx(EmptyState,{icon:e?_jsx(AppIcon,{name:"cloud-cross",size:"xl",color:f.colors.text.tertiary,testID:"async-block-offline-icon"}):void 0,title:e?p:a,description:i,action:n?{label:m,onPress:n}:void 0}),"string"==typeof t?null:t]})}return i?_jsx(View,{style:d,testID:x,children:_jsx(EmptyState,{icon:l,title:s,description:c})}):_jsx(_Fragment,{children:y})};export default AsyncBlock;
1	+ "use strict";import{View}from"react-native";import{useTheme}from"../../theme/index.js";import{AppIcon}from"../AppIcon/index.js";import{EmptyState}from"../EmptyState/index.js";import{Spinner}from"../Spinner/index.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const OFFLINE_HINT="Check your connection, then try again.";export const AsyncBlock=({loading:e=!1,error:t,errorVariant:n="default",empty:r=!1,onRetry:i,skeleton:o,emptyTitle:s="Nothing here yet",emptyDescription:c,emptyIcon:l,errorTitle:a="That didn't load",offlineTitle:p="You're offline",retryLabel:m="Try again",children:y,style:d,testID:x})=>{const f=useTheme();if(e)return _jsx(View,{style:d,testID:x,children:o??_jsx(View,{style:{paddingVertical:f.spacing["2xl"],alignItems:"center"},children:_jsx(Spinner,{})})});if(t){const e="offline"===n,r="string"==typeof t?t:e?OFFLINE_HINT:void 0;return _jsxs(View,{style:d,testID:x,children:[_jsx(EmptyState,{icon:e?_jsx(AppIcon,{name:"cloud-cross",size:"xl",color:f.colors.text.tertiary,testID:"async-block-offline-icon"}):void 0,title:e?p:a,description:r,action:i?{label:m,onPress:i}:void 0}),"string"==typeof t?null:t]})}return r?_jsx(View,{style:d,testID:x,children:_jsx(EmptyState,{icon:l,title:s,description:c})}):_jsx(_Fragment,{children:y})};export default AsyncBlock;

package/lib/module/components/Autocomplete/Autocomplete.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import React,{useCallback,useMemo,useRef,useState}from"react";import{Keyboard,Pressable,ScrollView,StyleSheet,Text,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{Input}from"../Input/index.js";import{Spinner}from"../Spinner/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const defaultGetLabel=e=>"string"==typeof e?e:String(e);function Autocomplete(e){const{options:t,value:o,defaultValue:r,onChangeText:i,onSelect:s,getOptionLabel:l,getOptionKey:n,filter:a,minChars:c=1,maxResults:d=8,emptyText:u="No matches",loading:p=!1,filterMode:m="client",loadingText:h="Searching…",placeholder:x,label:g,error:y,helperText:b,disabled:f=!1,size:S="md",variant:j,haptic:T,style:C,listStyle:w,optionTextStyle:_,testID:v}=e,z=useTheme(),V=useMemo(()=>buildStyles(z),[z]),[k,R]=useControllableState({value:o,defaultValue:r??"",onChange:i}),[I,L]=useState(!1),[H,P]=useState(0),A=useRef(null),F=useCallback(e=>l?l(e):defaultGetLabel(e),[l]),M=useMemo(()=>{if("none"===m)return t.slice(0,d);const e=k.trim();if(e.length<c)return[];const o=e.toLowerCase(),r=a?t=>a(t,e):e=>F(e).toLowerCase().includes(o);return t.filter(r).slice(0,d)},[t,k,c,d,a,F,m]),D=I&&(p\|\|k.trim().length>=c),K=useCallback(e=>{const t=resolveHaptic(T,"selection");t&&triggerHaptic(t),A.current&&clearTimeout(A.current),R(F(e)),L(!1),Keyboard.dismiss(),s(e)},[T,R,F,s]);React.useEffect(()=>()=>{A.current&&clearTimeout(A.current)},[]);const O=useCallback(e=>{P(e.nativeEvent.layout.height)},[]);return _jsxs(View,{style:[V.container,C],testID:v,children:[_jsx(View,{onLayout:O,children:_jsx(Input,{value:k,onChangeText:R,onFocus:()=>{A.current&&clearTimeout(A.current),L(!0)},onBlur:()=>{A.current=setTimeout(()=>L(!1),120)},placeholder:x,label:g,error:y,helperText:b,editable:!f,accessibilityState:{disabled:f},size:S,variant:j,autoCorrect:!1,autoCapitalize:"none"})}),D?_jsx(View,{style:[V.list,{top:H,backgroundColor:z.colors.background.elevated,borderColor:z.colors.border.primary,borderRadius:z.radius.md,...smoothCorners,...z.shadows.lg},w],children:p?_jsxs(View,{style:V.loadingRow,children:[_jsx(Spinner,{size:"sm"}),_jsx(Text,{style:[V.loadingText,{color:z.colors.text.secondary,fontSize:z.typography.fontSize.sm}],children:h})]}):0===M.length?_jsx(Text,{style:[V.empty,{color:z.colors.text.tertiary,fontSize:z.typography.fontSize.sm}],children:u}):_jsx(ScrollView,{keyboardShouldPersistTaps:"handled",style:V.scroll,children:M.map((e,t)=>_jsx(Pressable,{onPress:()=>K(e),android_ripple:{color:z.colors.surface.pressed},style:({pressed:e})=>[V.option,{paddingHorizontal:z.spacing.md,paddingVertical:z.spacing.sm,backgroundColor:e?z.colors.surface.pressed:"transparent"}],accessibilityRole:"button",accessibilityLabel:F(e),accessibilityState:{selected:F(e)===k},children:_jsx(Text,{style:[V.optionText,{color:z.colors.text.primary,fontSize:z.typography.fontSize.base},_],numberOfLines:1,children:F(e)})},n?n(e):`${F(e)}-${t}`))})}):null]})}Autocomplete.displayName="Autocomplete";const buildStyles=e=>StyleSheet.create({container:{width:"100%",position:"relative",zIndex:10},list:{position:"absolute",left:0,right:0,borderWidth:StyleSheet.hairlineWidth,overflow:"hidden",zIndex:20,maxHeight:240},scroll:{maxHeight:240},option:{width:"100%"},optionText:{includeFontPadding:!1},empty:{padding:e.spacing.md,textAlign:"center",includeFontPadding:!1},loadingRow:{flexDirection:"row",alignItems:"center",gap:e.spacing.sm,padding:e.spacing.md},loadingText:{includeFontPadding:!1}});export{Autocomplete};export default Autocomplete;
1	+ "use strict";import React,{useCallback,useMemo,useRef,useState}from"react";import{Keyboard,Pressable,ScrollView,StyleSheet,Text,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{Input}from"../Input/index.js";import{Spinner}from"../Spinner/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const defaultGetLabel=e=>"string"==typeof e?e:String(e);function Autocomplete(e){const{options:t,value:o,defaultValue:r,onChangeText:i,onSelect:s,getOptionLabel:l,getOptionKey:n,filter:a,minChars:c=1,maxResults:d=8,emptyText:u="No matches",loading:p=!1,filterMode:m="client",loadingText:h="Searching…",placeholder:x,label:g,error:y,helperText:b,disabled:f=!1,size:S="md",variant:j,haptic:T,style:C,listStyle:w,optionTextStyle:_,testID:v}=e,z=useTheme(),V=useMemo(()=>buildStyles(z),[z]),[k,R]=useControllableState({value:o,defaultValue:r??"",onChange:i}),[I,L]=useState(!1),[H,P]=useState(0),A=useRef(null),F=useCallback(e=>l?l(e):defaultGetLabel(e),[l]),M=useMemo(()=>{if("none"===m)return t.slice(0,d);const e=k.trim();if(e.length<c)return[];const o=e.toLowerCase(),r=a?t=>a(t,e):e=>F(e).toLowerCase().includes(o);return t.filter(r).slice(0,d)},[t,k,c,d,a,F,m]),D=I&&(p\|\|k.trim().length>=c),K=useCallback(e=>{const t=resolveHaptic(T,"selection");t&&triggerHaptic(t),A.current&&clearTimeout(A.current),R(F(e)),L(!1),Keyboard.dismiss(),s(e)},[T,R,F,s]);React.useEffect(()=>()=>{A.current&&clearTimeout(A.current)},[]);const O=useCallback(e=>{P(e.nativeEvent.layout.height)},[]);return _jsxs(View,{style:[V.container,C],testID:v,children:[_jsx(View,{onLayout:O,children:_jsx(Input,{value:k,onChangeText:R,onFocus:()=>{A.current&&clearTimeout(A.current),L(!0)},onBlur:()=>{A.current=setTimeout(()=>L(!1),120)},placeholder:x,label:g,error:y,helperText:b,editable:!f,accessibilityState:{disabled:f},"aria-disabled":f,size:S,variant:j,autoCorrect:!1,autoCapitalize:"none"})}),D?_jsx(View,{style:[V.list,{top:H,backgroundColor:z.colors.background.elevated,borderColor:z.colors.border.primary,borderRadius:z.radius.md,...smoothCorners,...z.shadows.lg},w],children:p?_jsxs(View,{style:V.loadingRow,children:[_jsx(Spinner,{size:"sm"}),_jsx(Text,{style:[V.loadingText,{color:z.colors.text.secondary,fontSize:z.typography.fontSize.sm}],children:h})]}):0===M.length?_jsx(Text,{style:[V.empty,{color:z.colors.text.tertiary,fontSize:z.typography.fontSize.sm}],children:u}):_jsx(ScrollView,{keyboardShouldPersistTaps:"handled",style:V.scroll,children:M.map((e,t)=>_jsx(Pressable,{onPress:()=>K(e),android_ripple:{color:z.colors.surface.pressed},style:({pressed:e})=>[V.option,{paddingHorizontal:z.spacing.md,paddingVertical:z.spacing.sm,backgroundColor:e?z.colors.surface.pressed:"transparent"}],accessibilityRole:"button",accessibilityLabel:F(e),accessibilityState:{selected:F(e)===k},"aria-selected":F(e)===k,children:_jsx(Text,{style:[V.optionText,{color:z.colors.text.primary,fontSize:z.typography.fontSize.base},_],numberOfLines:1,children:F(e)})},n?n(e):`${F(e)}-${t}`))})}):null]})}Autocomplete.displayName="Autocomplete";const buildStyles=e=>StyleSheet.create({container:{width:"100%",position:"relative",zIndex:10},list:{position:"absolute",left:0,right:0,borderWidth:StyleSheet.hairlineWidth,overflow:"hidden",zIndex:20,maxHeight:240},scroll:{maxHeight:240},option:{width:"100%"},optionText:{includeFontPadding:!1},empty:{padding:e.spacing.md,textAlign:"center",includeFontPadding:!1},loadingRow:{flexDirection:"row",alignItems:"center",gap:e.spacing.sm,padding:e.spacing.md},loadingText:{includeFontPadding:!1}});export{Autocomplete};export default Autocomplete;

package/lib/module/components/Avatar/Avatar.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import{Image}from"expo-image";import ~~React,~~{Children,cloneElement,forwardRef,isValidElement,useEffect,useMemo,useRef,useState}from"react";import{Animated,Easing,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{tintOf}from"../../utils/color.js";import{smoothCorners}from"../../utils/corners.js";import{AppIcon}from"../AppIcon/index.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const SOFT_FILL_OPACITY=.14;export const avatarToneColors=(e,r)=>{const soft=(e,r)=>tintOf(e,.14,r);switch(r){case"primary":return{background:soft(e.colors.primary,e.colors.primaryMuted),color:e.colors.primary};case"secondary":return{background:e.colors.secondary,color:e.colors.onSecondary};case"success":return{background:soft(e.colors.success,e.colors.background.secondary),color:e.colors.success};case"warning":return{background:soft(e.colors.warning,e.colors.background.secondary),color:e.colors.warning};case"error":return{background:soft(e.colors.error,e.colors.background.secondary),color:e.colors.error};case"info":return{background:soft(e.colors.info,e.colors.background.secondary),color:e.colors.info};default:return{background:e.colors.background.tertiary,color:e.colors.text.primary}}};const sizeMap={xs:24,sm:32,md:48,lg:64,xl:80},resolveSize=e=>"number"==typeof e?e:sizeMap[e],resolveRadius=(e,r)=>{switch(e){case"circle":return r/2;case"rounded":return Math.max(6,Math.round(.22r));default:return 0}},initialsFromName=e=>{if(!e)return"";const r=e.trim().split(/\s+/u).filter(Boolean);return 0===r.length?"":1===r.length?r[0].charAt(0).toUpperCase():(r[0].charAt(0)+r[1].charAt(0)).toUpperCase()},hashColor=(e,r)=>{if(!e)return r[0];let t=0;for(let r=0;r<e.length;r+=1)t=(t<<5)-t+e.charCodeAt(r),t\|=0;return r[Math.abs(t)%r.length]},RING_WIDTH=1.5,isRingStatus=e=>"verified"===e\|\|"pending"===e,statusColor=(e,r)=>{switch(r){case"online":case"verified":return e.colors.success;case"busy":return e.colors.error;case"away":case"pending":return e.colors.warning;default:return e.colors.text.tertiary}},Avatar=forwardRef((e,r)=>{const{source:t,ImageComponent:o,name:s,size:a="md",shape:i="circle",status:n=null,statusPosition:l="bottomRight",tone:c,backgroundColor:d,color:u,fontSize:h,loading:m=!1,accessibilityLabel:g,style:b,textStyle:p,testID:y}=e,f=useTheme(),v=f.components.avatar,[x,C]=useState(!1),S=useMemo(()=>resolveSize(a),[a]),A=useMemo(()=>resolveRadius(i,S),[i,S]),w=v?.borderWidth??0,R=v?.borderColor??f.colors.border.primary,j=v?.statusBorderWidth??2,k=v?.statusBorderColor??f.colors.background.elevated,I=useMemo(()=>initialsFromName(s),[s]),M=useMemo(()=>c?avatarToneColors(f,c):null,[f,c]),_=useMemo(()=>d\|\|(M?.background??hashColor(s??"",f.colors.avatarPalette)),[d,M,s,f.colors.avatarPalette]),T=u??M?.color??f.colors.onPrimary,W=!!t&&!x,E=v?.fontSizeRatio??.4,z=h??v?.fontSize??Math.max(10,Math.round(SE)),G=Math.max(8,Math.round(.25S)),V=isRingStatus(n),L=v?.ringWidth??1.5,F=S-2(V?L+(v?.ringGap??L):0),N=V?resolveRadius(i,F):A,D=V?statusColor(f,n):"transparent",$=Math.max(12,Math.round(.32S)),O=Math.max(10,$-4),B=W?f.colors.background.tertiary:_,P=y??"avatar",U=s?`${s}'s avatar`:"Avatar",H=g??("verified"===n?`${U}, verified`:"pending"===n?`${U}, pending verification`:U),Y=_jsxs(View,{ref:r,style:[styles.root,{width:S,height:S,borderRadius:A,...smoothCorners,borderWidth:V?0:w,borderColor:R,backgroundColor:V?"transparent":B},b],accessible:!0,accessibilityRole:"image",accessibilityLabel:H,testID:y,children:[V?_jsx(View,{style:[styles.ring,{borderRadius:A,...smoothCorners,borderWidth:L,borderColor:D}],accessible:!1,pointerEvents:"none",testID:`${P}-ring`}):null,_jsx(View,{style:[styles.picture,{width:F,height:F,borderRadius:N,...smoothCorners,borderWidth:V?w:0,borderColor:R,backgroundColor:V?B:"transparent"}],children:W?(()=>{const e={width:F,height:F,borderRadius:N,...smoothCorners},onError=()=>C(!0);return o?_jsx(o,{source:t,onError:onError,style:e,contentFit:"cover",resizeMode:"cover",accessibilityIgnoresInvertColors:!0}):_jsx(Image,{source:t,onError:onError,style:e,contentFit:"cover",accessibilityIgnoresInvertColors:!0})})():_jsx(Text,{style:[styles.initials,{color:T,fontSize:z,fontWeight:f.typography.fontWeight[v?.fontWeight??"semibold"]},p],numberOfLines:1,allowFontScaling:!1,children:I??" "})}),"verified"===n?_jsx(View,{style:[styles.status,"topRight"===l?styles.badgeTopRight:styles.badgeBottomRight,{width:$,height:$,borderRadius:$/2,...smoothCorners,backgroundColor:k}],accessible:!1,pointerEvents:"none",testID:`${P}-badge`,children:_jsx(AppIcon,{name:"verify",variant:"bold",size:O,color:D})}):null,n&&!V?_jsx(View,{style:[styles.status,"topRight"===l?styles.statusTopRight:styles.statusBottomRight,{width:G,height:G,borderRadius:G/2,...smoothCorners,backgroundColor:statusColor(f,n),borderWidth:j,borderColor:k}],accessible:!1,pointerEvents:"none"}):null]});return m?_jsx(AvatarSkeleton,{...e}):Y});Avatar.displayName="Avatar";const AvatarSkeleton=({size:e="md",shape:r="circle",style:t})=>{const o=resolveSize(e);return _jsx(Skeleton,{shape:"circle"===r?"circle":"rounded"===r?"rounded":"rect",width:o,height:o,style:t})};AvatarSkeleton.displayName="AvatarSkeleton",Avatar.Skeleton=AvatarSkeleton;const styles=StyleSheet.create({root:{alignItems:"center",justifyContent:"center",overflow:"visible",position:"relative"},initials:{textAlign:"center"},ring:{position:"absolute",top:0,right:0,bottom:0,left:0},picture:{alignItems:"center",justifyContent:"center",overflow:"hidden"},status:{position:"absolute"},badgeTopRight:{top:-2,right:-2,alignItems:"center",justifyContent:"center"},badgeBottomRight:{bottom:-2,right:-2,alignItems:"center",justifyContent:"center"},statusTopRight:{top:0,right:0},statusBottomRight:{bottom:0,right:0}}),SPACING_OFFSET={tight:-16,normal:-12,loose:-8},STAGGER_MS=50,ENTRANCE_DURATION_MS=220,AvatarGroupItem=({delay:e,marginLeft:r,borderColor:t,borderWidth:o,children:s})=>{const a=useRef(createAnimatedValue(0)).current;return useEffect(()=>{const r=Animated.timing(a,{toValue:1,duration:220,delay:e,easing:Easing.out(Easing.cubic),useNativeDriver:!0});return r.start(),()=>r.stop()},[e,a]),_jsx(Animated.View,{style:[groupStyles.item,{marginLeft:r,borderColor:t,borderWidth:o,opacity:a}],children:s})},AvatarGroup=e=>{const{children:r,max:t=4,size:o="md",spacing:s="normal",overflowVariant:a="count",accessibilityLabel:i,style:n,testID:l}=e,c=useTheme(),d=useMemo(()=>Children.toArray(r).filter(e=>isValidElement(e)),[r]),u=d.length,h=d.slice(0,t),m=Math.max(0,u-t),g=m>0,b=SPACING_OFFSET[s],p=c.colors.background.elevated,y=i??`Group of ${u} ${1===u?"person":"people"}`,f=useMemo(()=>resolveSize(o),[o]),v=Math.max(10,Math.round(.34f));return _jsxs(View,{style:[groupStyles.row,n],accessible:!0,accessibilityLabel:y,accessibilityRole:"summary",testID:l,children:[h.map((e,r)=>{const t=e.key??`avatar-${r}`;return _jsx(AvatarGroupItem,{delay:50r,marginLeft:0===r?0:b,borderColor:p,borderWidth:1.5,children:cloneElement(e,{size:o})},t)}),g?_jsx(AvatarGroupItem,{delay:50h.length,marginLeft:0===h.length?0:b,borderColor:p,borderWidth:1.5,children:_jsx(View,{style:[groupStyles.overflow,{width:f,height:f,borderRadius:f/2,...smoothCorners,backgroundColor:c.colors.surface.disabled}],accessible:!0,accessibilityRole:"text",accessibilityLabel:"count"===a?`${m} more`:"More avatars",children:_jsx(Text,{style:{color:c.colors.text.secondary,fontSize:v,fontWeight:c.typography.fontWeight.semibold},numberOfLines:1,allowFontScaling:!1,children:"count"===a?`+${m}`:"+"})})},"avatar-overflow"):null]})},groupStyles=StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},item:{borderRadius:9999,...smoothCorners},overflow:{alignItems:"center",justifyContent:"center"}}),AvatarWithGroup=Avatar;AvatarWithGroup.Group=AvatarGroup;export{Avatar,AvatarGroup};export default AvatarWithGroup;
1	+ "use strict";import{Image}from"expo-image";import{Children,cloneElement,forwardRef,isValidElement,useEffect,useMemo,useRef,useState}from"react";import{Animated,Easing,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,useTheme}from"../../theme/index.js";import{tintOf}from"../../utils/color.js";import{smoothCorners}from"../../utils/corners.js";import{AppIcon}from"../AppIcon/index.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const SOFT_FILL_OPACITY=.14;export const avatarToneColors=(e,t)=>{const soft=(e,t)=>tintOf(e,.14,t);switch(t){case"primary":return{background:soft(e.colors.primary,e.colors.primaryMuted),color:e.colors.toneText.primary};case"secondary":return{background:e.colors.secondary,color:e.colors.onSecondary};case"success":return{background:soft(e.colors.success,e.colors.background.secondary),color:e.colors.toneText.success};case"warning":return{background:soft(e.colors.warning,e.colors.background.secondary),color:e.colors.toneText.warning};case"error":return{background:soft(e.colors.error,e.colors.background.secondary),color:e.colors.toneText.error};case"info":return{background:soft(e.colors.info,e.colors.background.secondary),color:e.colors.toneText.info};default:return{background:e.colors.background.tertiary,color:e.colors.text.primary}}};const sizeMap={xs:24,sm:32,md:48,lg:64,xl:80},resolveSize=e=>"number"==typeof e?e:sizeMap[e],resolveRadius=(e,t)=>{switch(e){case"circle":return t/2;case"rounded":return Math.max(6,Math.round(.22t));default:return 0}},initialsFromName=e=>{if(!e)return"";const t=e.trim().split(/\s+/u).filter(Boolean);return 0===t.length?"":1===t.length?t[0].charAt(0).toUpperCase():(t[0].charAt(0)+t[1].charAt(0)).toUpperCase()},hashColor=(e,t)=>{if(!e)return t[0];let r=0;for(let t=0;t<e.length;t+=1)r=(r<<5)-r+e.charCodeAt(t),r\|=0;return t[Math.abs(r)%t.length]},RING_WIDTH=1.5,isRingStatus=e=>"verified"===e\|\|"pending"===e,statusColor=(e,t)=>{switch(t){case"online":case"verified":return e.colors.success;case"busy":return e.colors.error;case"away":case"pending":return e.colors.warning;default:return e.colors.text.tertiary}},Avatar=forwardRef((e,t)=>{const{source:r,ImageComponent:o,name:s,size:a="md",shape:i="circle",status:n=null,statusPosition:l="bottomRight",tone:c,backgroundColor:d,color:u,fontSize:h,loading:m=!1,accessibilityLabel:g,style:b,textStyle:p,testID:y}=e,f=useTheme(),v=f.components.avatar,[x,C]=useState(!1),S=useMemo(()=>resolveSize(a),[a]),A=useMemo(()=>resolveRadius(i,S),[i,S]),w=v?.borderWidth??0,R=v?.borderColor??f.colors.border.primary,j=v?.statusBorderWidth??2,k=v?.statusBorderColor??f.colors.background.elevated,I=useMemo(()=>initialsFromName(s),[s]),M=useMemo(()=>c?avatarToneColors(f,c):null,[f,c]),_=useMemo(()=>d\|\|(M?.background??hashColor(s??"",f.colors.avatarPalette)),[d,M,s,f.colors.avatarPalette]),T=u??M?.color??f.colors.onPrimary,W=!!r&&!x,E=v?.fontSizeRatio??.4,z=h??v?.fontSize??Math.max(10,Math.round(SE)),G=Math.max(8,Math.round(.25S)),V=isRingStatus(n),L=v?.ringWidth??1.5,F=S-2(V?L+(v?.ringGap??L):0),N=V?resolveRadius(i,F):A,D=V?statusColor(f,n):"transparent",$=Math.max(12,Math.round(.32S)),O=Math.max(10,$-4),B=W?f.colors.background.tertiary:_,P=y??"avatar",U=s?`${s}'s avatar`:"Avatar",H=g??("verified"===n?`${U}, verified`:"pending"===n?`${U}, pending verification`:U),Y=_jsxs(View,{ref:t,style:[styles.root,{width:S,height:S,borderRadius:A,...smoothCorners,borderWidth:V?0:w,borderColor:R,backgroundColor:V?"transparent":B},b],accessible:!0,accessibilityRole:"image",accessibilityLabel:H,testID:y,children:[V?_jsx(View,{style:[styles.ring,{borderRadius:A,...smoothCorners,borderWidth:L,borderColor:D}],accessible:!1,pointerEvents:"none",testID:`${P}-ring`}):null,_jsx(View,{style:[styles.picture,{width:F,height:F,borderRadius:N,...smoothCorners,borderWidth:V?w:0,borderColor:R,backgroundColor:V?B:"transparent"}],children:W?(()=>{const e={width:F,height:F,borderRadius:N,...smoothCorners},onError=()=>C(!0);return o?_jsx(o,{source:r,onError:onError,style:e,contentFit:"cover",resizeMode:"cover",accessibilityIgnoresInvertColors:!0}):_jsx(Image,{source:r,onError:onError,style:e,contentFit:"cover",accessibilityIgnoresInvertColors:!0})})():_jsx(Text,{style:[styles.initials,{color:T,fontSize:z,fontWeight:f.typography.fontWeight[v?.fontWeight??"semibold"]},p],numberOfLines:1,allowFontScaling:!1,children:I??" "})}),"verified"===n?_jsx(View,{style:[styles.status,"topRight"===l?styles.badgeTopRight:styles.badgeBottomRight,{width:$,height:$,borderRadius:$/2,...smoothCorners,backgroundColor:k}],accessible:!1,pointerEvents:"none",testID:`${P}-badge`,children:_jsx(AppIcon,{name:"verify",variant:"bold",size:O,color:D})}):null,n&&!V?_jsx(View,{style:[styles.status,"topRight"===l?styles.statusTopRight:styles.statusBottomRight,{width:G,height:G,borderRadius:G/2,...smoothCorners,backgroundColor:statusColor(f,n),borderWidth:j,borderColor:k}],accessible:!1,pointerEvents:"none"}):null]});return m?_jsx(AvatarSkeleton,{...e}):Y});Avatar.displayName="Avatar";const AvatarSkeleton=({size:e="md",shape:t="circle",style:r})=>{const o=resolveSize(e);return _jsx(Skeleton,{shape:"circle"===t?"circle":"rounded"===t?"rounded":"rect",width:o,height:o,style:r})};AvatarSkeleton.displayName="AvatarSkeleton",Avatar.Skeleton=AvatarSkeleton;const styles=StyleSheet.create({root:{alignItems:"center",justifyContent:"center",overflow:"visible",position:"relative"},initials:{textAlign:"center"},ring:{position:"absolute",top:0,right:0,bottom:0,left:0},picture:{alignItems:"center",justifyContent:"center",overflow:"hidden"},status:{position:"absolute"},badgeTopRight:{top:-2,right:-2,alignItems:"center",justifyContent:"center"},badgeBottomRight:{bottom:-2,right:-2,alignItems:"center",justifyContent:"center"},statusTopRight:{top:0,right:0},statusBottomRight:{bottom:0,right:0}}),SPACING_OFFSET={tight:-16,normal:-12,loose:-8},STAGGER_MS=50,ENTRANCE_DURATION_MS=220,AvatarGroupItem=({delay:e,marginLeft:t,borderColor:r,borderWidth:o,children:s})=>{const a=useRef(createAnimatedValue(0)).current;return useEffect(()=>{const t=Animated.timing(a,{toValue:1,duration:220,delay:e,easing:Easing.out(Easing.cubic),useNativeDriver:!0});return t.start(),()=>t.stop()},[e,a]),_jsx(Animated.View,{style:[groupStyles.item,{marginLeft:t,borderColor:r,borderWidth:o,opacity:a}],children:s})},AvatarGroup=e=>{const{children:t,max:r=4,size:o="md",spacing:s="normal",overflowVariant:a="count",accessibilityLabel:i,style:n,testID:l}=e,c=useTheme(),d=useMemo(()=>Children.toArray(t).filter(e=>isValidElement(e)),[t]),u=d.length,h=d.slice(0,r),m=Math.max(0,u-r),g=m>0,b=SPACING_OFFSET[s],p=c.colors.background.elevated,y=i??`Group of ${u} ${1===u?"person":"people"}`,f=useMemo(()=>resolveSize(o),[o]),v=Math.max(10,Math.round(.34f));return _jsxs(View,{style:[groupStyles.row,n],accessible:!0,accessibilityLabel:y,accessibilityRole:"summary",testID:l,children:[h.map((e,t)=>{const r=e.key??`avatar-${t}`;return _jsx(AvatarGroupItem,{delay:50t,marginLeft:0===t?0:b,borderColor:p,borderWidth:1.5,children:cloneElement(e,{size:o})},r)}),g?_jsx(AvatarGroupItem,{delay:50h.length,marginLeft:0===h.length?0:b,borderColor:p,borderWidth:1.5,children:_jsx(View,{style:[groupStyles.overflow,{width:f,height:f,borderRadius:f/2,...smoothCorners,backgroundColor:c.colors.surface.disabled}],accessible:!0,accessibilityRole:"text",accessibilityLabel:"count"===a?`${m} more`:"More avatars",children:_jsx(Text,{style:{color:c.colors.text.secondary,fontSize:v,fontWeight:c.typography.fontWeight.semibold},numberOfLines:1,allowFontScaling:!1,children:"count"===a?`+${m}`:"+"})})},"avatar-overflow"):null]})},groupStyles=StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},item:{borderRadius:9999,...smoothCorners},overflow:{alignItems:"center",justifyContent:"center"}}),AvatarWithGroup=Avatar;AvatarWithGroup.Group=AvatarGroup;export{Avatar,AvatarGroup};export default AvatarWithGroup;

package/lib/module/components/Badge/Badge.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import ~~React,~~{forwardRef,useEffect,useMemo,useRef}from"react";import{Animated,Easing,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,fontFor,setNativeValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const toneFor=(e,t)=>{switch(t){case"primary":return{background:e.colors.primary,text:e.colors.onPrimary};case"success":return{background:e.colors.success,text:e.colors.onSuccess};case"warning":return{background:e.colors.warning,text:e.colors.onWarning};case"info":return{background:e.colors.info,text:e.colors.onInfo};case"neutral":return{background:e.colors.background.tertiary,text:e.colors.text.primary};default:return{background:e.colors.error,text:e.colors.onError}}},sizeMap={sm:{fontSize:10,minWidth:16,height:16,paddingH:5,dot:8},md:{fontSize:11,minWidth:20,height:20,paddingH:6,dot:10}},anchorPosition=(e,t)=>{const o=-t;switch(e){case"topLeft":return{top:o,left:o};case"bottomRight":return{bottom:o,right:o};case"bottomLeft":return{bottom:o,left:o};default:return{top:o,right:o}}},formatValue=(e,t)=>{if(null==e)return null;if("number"==typeof e)return e<=0?null:e>t?`${t}+`:String(e);const o=String(e);return 0===o.length?null:o},Badge=forwardRef((e,t)=>{const{value:o,max:i=99,variant:r="standard",tone:n="error",size:s="sm",invisible:a=!1,loading:d=!1,children:l,anchor:c="topRight",pulse:h=!1,accessibilityLabel:u,style:g,badgeStyle:m,textStyle:f,testID:p}=e,b=useTheme(),x=useMemo(()=>toneFor(b,n),[b,n]),y=b.components.badge?.[s],S={fontSize:y?.fontSize??sizeMap[s].fontSize,minWidth:y?.minWidth??sizeMap[s].minWidth,height:y?.height??sizeMap[s].height,paddingH:y?.paddingHorizontal??sizeMap[s].paddingH,dot:y?.dotSize??sizeMap[s].dot},z=b.components.badge?.borderWidth??1.5,w=b.components.badge?.anchorOffset??4,k="dot"===r?null:formatValue(o,i),j=!a&&("dot"===r\|\|null!==k),v=useRef(createAnimatedValue(1)).current;useEffect(()=>{if(!h\|\|!j)return void setNativeValue(v,1);const e=Animated.loop(Animated.sequence([Animated.timing(v,{toValue:1.15,duration:b.motion.duration.slow,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!0}),Animated.timing(v,{toValue:1,duration:b.motion.duration.slow,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!0})]));return e.start(),()=>{e.stop()}},[h,j,v,b]);const V="dot"===r,W=V?"image":"text",_=u??(V?"Notification indicator":k?`${k} unread`:void 0),B=j?_jsx(Animated.View,{style:[styles.badge,V?{width:S.dot,height:S.dot,borderRadius:S.dot/2,...smoothCorners,paddingHorizontal:0}:{minWidth:S.minWidth,minHeight:S.height,borderRadius:b.radius.full,...smoothCorners,paddingHorizontal:S.paddingH},{backgroundColor:x.background,transform:[{scale:v}]},l?{position:"absolute",borderWidth:z,borderColor:b.colors.background.elevated,...anchorPosition(c,w)}:null,m],accessible:!0,accessibilityRole:W,accessibilityLabel:_,children:V\|\|null===k?null:_jsx(Text,{style:[styles.text,{color:x.text,fontSize:S.fontSize,...fontFor(b,"bold")},f],numberOfLines:1,maxFontSizeMultiplier:b.maxFontSizeMultiplier,children:k??" "})}):null,H=l?_jsxs(View,{ref:t,style:[styles.wrapper,g],testID:p,children:[l,B]}):_jsx(View,{ref:t,style:g,testID:p,children:B});return d?_jsx(BadgeSkeleton,{...e}):H});Badge.displayName="Badge";const BadgeSkeleton=({variant:e="standard",size:t="md",children:o,anchor:i,style:r,badgeStyle:n})=>{const s=sizeMap[t];if("dot"===e)return _jsx(Skeleton,{shape:"circle",width:s.dot,height:s.dot,style:[n,r]});const a=s.height/2;if(void 0!==o){const e="topLeft"===i?{top:-s.height/2,left:-s.height/2}:"bottomRight"===i?{bottom:-s.height/2,right:-s.height/2}:"bottomLeft"===i?{bottom:-s.height/2,left:-s.height/2}:{top:-s.height/2,right:-s.height/2};return _jsxs(View,{style:[styles.wrapper,r],children:[o,_jsx(View,{style:[{position:"absolute"},e],children:_jsx(Skeleton,{width:s.minWidth+s.paddingH,height:s.height,radius:a,style:n})})]})}return _jsx(Skeleton,{width:s.minWidth+s.paddingH,height:s.height,radius:a,style:[n,r]})};BadgeSkeleton.displayName="BadgeSkeleton",Badge.Skeleton=BadgeSkeleton;const styles=StyleSheet.create({wrapper:{position:"relative",alignSelf:"flex-start"},badge:{alignItems:"center",justifyContent:"center",flexDirection:"row"},text:{textAlign:"center",includeFontPadding:!1}});export{Badge};export default Badge;
1	+ "use strict";import{forwardRef,useEffect,useMemo,useRef}from"react";import{Animated,Easing,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,fontFor,setNativeValue,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{Skeleton}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const toneFor=(e,t)=>{switch(t){case"primary":return{background:e.colors.primary,text:e.colors.onPrimary};case"success":return{background:e.colors.success,text:e.colors.onSuccess};case"warning":return{background:e.colors.warning,text:e.colors.onWarning};case"info":return{background:e.colors.info,text:e.colors.onInfo};case"neutral":return{background:e.colors.background.tertiary,text:e.colors.text.primary};default:return{background:e.colors.error,text:e.colors.onError}}},sizeMap={sm:{fontSize:10,minWidth:16,height:16,paddingH:5,dot:8},md:{fontSize:11,minWidth:20,height:20,paddingH:6,dot:10}},anchorPosition=(e,t)=>{const o=-t;switch(e){case"topLeft":return{top:o,left:o};case"bottomRight":return{bottom:o,right:o};case"bottomLeft":return{bottom:o,left:o};default:return{top:o,right:o}}},formatValue=(e,t)=>{if(null==e)return null;if("number"==typeof e)return e<=0?null:e>t?`${t}+`:String(e);const o=String(e);return 0===o.length?null:o},Badge=forwardRef((e,t)=>{const{value:o,max:i=99,variant:r="standard",tone:n="error",size:s="sm",invisible:a=!1,loading:d=!1,children:l,anchor:c="topRight",pulse:h=!1,accessibilityLabel:u,style:g,badgeStyle:m,textStyle:f,testID:p}=e,b=useTheme(),x=useMemo(()=>toneFor(b,n),[b,n]),y=b.components.badge?.[s],S={fontSize:y?.fontSize??sizeMap[s].fontSize,minWidth:y?.minWidth??sizeMap[s].minWidth,height:y?.height??sizeMap[s].height,paddingH:y?.paddingHorizontal??sizeMap[s].paddingH,dot:y?.dotSize??sizeMap[s].dot},z=b.components.badge?.borderWidth??1.5,w=b.components.badge?.anchorOffset??4,k="dot"===r?null:formatValue(o,i),j=!a&&("dot"===r\|\|null!==k),v=useRef(createAnimatedValue(1)).current;useEffect(()=>{if(!h\|\|!j)return void setNativeValue(v,1);const e=Animated.loop(Animated.sequence([Animated.timing(v,{toValue:1.15,duration:b.motion.duration.slow,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!0}),Animated.timing(v,{toValue:1,duration:b.motion.duration.slow,easing:Easing.bezier(...b.motion.easing.standard),useNativeDriver:!0})]));return e.start(),()=>{e.stop()}},[h,j,v,b]);const V="dot"===r,W=V?"image":"text",_=u??(V?"Notification indicator":k?`${k} unread`:void 0),B=j?_jsx(Animated.View,{style:[styles.badge,V?{width:S.dot,height:S.dot,borderRadius:S.dot/2,...smoothCorners,paddingHorizontal:0}:{minWidth:S.minWidth,minHeight:S.height,borderRadius:b.radius.full,...smoothCorners,paddingHorizontal:S.paddingH},{backgroundColor:x.background,transform:[{scale:v}]},l?{position:"absolute",borderWidth:z,borderColor:b.colors.background.elevated,...anchorPosition(c,w)}:null,m],accessible:!0,accessibilityRole:W,accessibilityLabel:_,children:V\|\|null===k?null:_jsx(Text,{style:[styles.text,{color:x.text,fontSize:S.fontSize,...fontFor(b,"bold")},f],numberOfLines:1,maxFontSizeMultiplier:b.maxFontSizeMultiplier,children:k??" "})}):null,H=l?_jsxs(View,{ref:t,style:[styles.wrapper,g],testID:p,children:[l,B]}):_jsx(View,{ref:t,style:g,testID:p,children:B});return d?_jsx(BadgeSkeleton,{...e}):H});Badge.displayName="Badge";const BadgeSkeleton=({variant:e="standard",size:t="md",children:o,anchor:i,style:r,badgeStyle:n})=>{const s=sizeMap[t];if("dot"===e)return _jsx(Skeleton,{shape:"circle",width:s.dot,height:s.dot,style:[n,r]});const a=s.height/2;if(void 0!==o){const e="topLeft"===i?{top:-s.height/2,left:-s.height/2}:"bottomRight"===i?{bottom:-s.height/2,right:-s.height/2}:"bottomLeft"===i?{bottom:-s.height/2,left:-s.height/2}:{top:-s.height/2,right:-s.height/2};return _jsxs(View,{style:[styles.wrapper,r],children:[o,_jsx(View,{style:[{position:"absolute"},e],children:_jsx(Skeleton,{width:s.minWidth+s.paddingH,height:s.height,radius:a,style:n})})]})}return _jsx(Skeleton,{width:s.minWidth+s.paddingH,height:s.height,radius:a,style:[n,r]})};BadgeSkeleton.displayName="BadgeSkeleton",Badge.Skeleton=BadgeSkeleton;const styles=StyleSheet.create({wrapper:{position:"relative",alignSelf:"flex-start"},badge:{alignItems:"center",justifyContent:"center",flexDirection:"row"},text:{textAlign:"center",includeFontPadding:!1}});export{Badge};export default Badge;

package/lib/module/components/Banner/Banner.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import ~~React,~~{forwardRef,useEffect,useMemo,useRef,useState}from"react";import{Animated,Pressable,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,fontFor,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{Skeleton,SkeletonText}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const Banner=forwardRef((e,t)=>{const{title:n,message:o,variant:r="info",icon:i,actions:s,dismissible:a=!1,onDismiss:l,haptic:c,visible:d=!0,animateMount:p=!0,loading:m=!1,accessibilityRole:u="alert",accessibilityLabel:g,style:h,containerStyle:y,iconCircleStyle:b,tintBarStyle:f,closeButtonStyle:x,actionButtonStyle:S,testID:j}=e,w=useTheme(),B=useMemo(()=>buildStyles(w),[w]),R=useMemo(()=>tintFor(w,r),[w,r]),C=useRef(createAnimatedValue(p&&d?-20:0)).current,k=useRef(createAnimatedValue(p&&d?0:d?1:0)).current,[_,v]=useState(d),V=useRef(!0);if(useEffect(()=>{if(V.current&&(V.current=!1,!p))return;let e;return d?(v(!0),e=Animated.parallel([Animated.timing(C,{toValue:0,duration:w.motion.duration.normal,useNativeDriver:!0}),Animated.timing(k,{toValue:1,duration:w.motion.duration.normal,useNativeDriver:!0})]),e.start()):_&&(e=Animated.parallel([Animated.timing(C,{toValue:-20,duration:w.motion.duration.fast,useNativeDriver:!0}),Animated.timing(k,{toValue:0,duration:w.motion.duration.fast,useNativeDriver:!0})]),e.start(()=>{v(!1)})),()=>e?.stop()},[d]),!_)return null;const z=n??" ",T="string"==typeof o?o??" ":"",H="alert"===u?"error"===r?"assertive":"polite":"none",L=_jsxs(Animated.View,{ref:t,accessibilityRole:u,accessibilityLiveRegion:H,accessibilityLabel:g,testID:j,style:[B.container,{backgroundColor:w.colors.background.secondary,borderRadius:w.radius.md,...smoothCorners,padding:w.spacing.md,opacity:k,transform:[{translateY:C}]},h,y],children:[_jsx(View,{style:[B.tintBar,{backgroundColor:R.bar},f]}),_jsxs(View,{style:B.row,children:[!1===i?null:_jsx(View,i?{style:B.iconWrap,children:i}:{style:[B.iconCircle,{backgroundColor:R.bar+"22"},b],children:_jsx(Text,{style:[B.iconGlyph,{color:R.~~glyphColor~~}],accessible:!1,children:R.glyph})}),_jsxs(View,{style:B.textBlock,children:[n\|\|m?_jsx(Text,{style:{color:w.colors.text.primary,fontSize:w.typography.fontSize.base,...fontFor(w,"semibold"),lineHeight:20},numberOfLines:2,children:z}):null,"string"==typeof o\|\|m?_jsx(Text,{style:{color:w.colors.text.secondary,fontSize:w.typography.fontSize.sm,...fontFor(w,"normal"),lineHeight:18,marginTop:n?2:0},children:T\|\|" "}):_jsx(View,{style:{marginTop:n?2:0},children:o})]}),a?_jsx(Pressable,{accessibilityRole:"button",accessibilityLabel:"Dismiss banner",onPress:()=>{const e=resolveHaptic(c,"selection");e&&triggerHaptic(e),l?.()},hitSlop:8,style:({pressed:e})=>[B.closeBtn,{backgroundColor:e?w.colors.surface.pressed:"transparent"},x],children:_jsx(Text,{style:{color:w.colors.text.secondary,fontSize:w.components.banner?.closeGlyphFontSize??18,fontWeight:w.typography.fontWeight.bold,lineHeight:18},accessible:!1,children:"×"})}):null]}),s&&s.length>0?_jsx(View,{style:B.actionsRow,children:s.map((e,t)=>{const n=e.tone??"primary",o=e.variant??"ghost",r="danger"===n?w.colors.error:"neutral"===n?w.colors.text.secondary:R.glyphColor,i="danger"===n?w.colors.onError:"neutral"===n?w.colors.text.inverse:R.on,s="solid"===o;return _jsx(Pressable,{accessibilityRole:"button",accessibilityLabel:e.label,onPress:()=>{const t=resolveHaptic(c,"selection");t&&triggerHaptic(t),e.onPress()},style:({pressed:t})=>[B.actionBtn,"md"===e.size&&B.actionBtnMd,"outline"===o&&{borderWidth:1,borderColor:r},{backgroundColor:s?r:t?w.colors.surface.pressed:"transparent",opacity:s&&t?.85:1},S],children:_jsx(Text,{style:{color:s?i:r,fontSize:w.typography.fontSize.sm,...fontFor(w,"semibold")},~~numberOfLines:1,~~children:e.label})},`${e.label}-${t}`)})}):null]});return m?_jsx(BannerSkeleton,{...e}):L});Banner.displayName="Banner";const BannerSkeleton=({title:e,actions:t,icon:n,containerStyle:o,style:r})=>{const i=useTheme(),s=!1!==n;return _jsxs(View,{style:[{flexDirection:"row",alignItems:"flex-start",backgroundColor:i.colors.background.elevated,borderRadius:i.radius.md,...smoothCorners,padding:i.spacing.md,borderWidth:1,borderColor:i.colors.border.primary},o,r],accessibilityRole:"progressbar",accessibilityState:{busy:!0},children:[s?_jsx(View,{style:{marginRight:i.spacing.sm},children:_jsx(Skeleton,{shape:"circle",width:32,height:32})}):null,_jsxs(View,{style:{flex:1},children:[void 0!==e?_jsx(Skeleton,{shape:"text",width:"55%",height:16,style:{marginBottom:i.spacing.xs}}):null,_jsx(SkeletonText,{lines:2,fontSize:13,lastLineWidth:"70%"}),t&&t.length>0?_jsx(View,{style:{flexDirection:"row",marginTop:i.spacing.sm},children:t.map((e,t)=>_jsx(Skeleton,{width:72,height:28,shape:"rounded",style:{marginRight:i.spacing.sm}},`sk-banner-action-${t}`))}):null]})]})};BannerSkeleton.displayName="BannerSkeleton",Banner.Skeleton=BannerSkeleton;const tintFor=(e,t)=>{switch(t){case"success":return{bar:e.colors.success,glyphColor:e.colors.success,on:e.colors.onSuccess,glyph:"✓"};case"warning":return{bar:e.colors.warning,glyphColor:e.colors.warning,on:e.colors.onWarning,glyph:"⚠"};case"error":return{bar:e.colors.error,glyphColor:e.colors.error,on:e.colors.onError,glyph:"✗"};case"neutral":return{bar:e.colors.text.tertiary,glyphColor:e.colors.text.secondary,on:e.colors.text.inverse,glyph:"i"};default:return{bar:e.colors.primary,glyphColor:e.colors.primary,on:e.colors.onPrimary,glyph:"i"}}},buildStyles=e=>{const t=e.components.banner?.iconCircleSize??28,n=e.components.banner?.closeButtonSize??28;return StyleSheet.create({container:{overflow:"hidden",paddingLeft:e.components.banner?.containerPaddingLeft??e.spacing.md},tintBar:{position:"absolute",left:0,top:0,bottom:0,width:e.components.banner?.tintBarWidth??4},row:{flexDirection:"row",alignItems:"flex-start"},iconWrap:{marginRight:e.components.banner?.iconGap??e.spacing.sm},iconCircle:{width:t,height:t,borderRadius:e.components.banner?.iconCircleRadius??t/2,...smoothCorners,alignItems:"center",justifyContent:"center",marginRight:e.components.banner?.iconGap??e.spacing.sm},iconGlyph:{fontSize:e.components.banner?.iconGlyphFontSize??15,fontWeight:"700",lineHeight:e.components.banner?.iconGlyphLineHeight??17},textBlock:{flex:1,paddingRight:e.components.banner?.textBlockPaddingRight??e.spacing.xs},closeBtn:{width:n,height:n,borderRadius:e.components.banner?.closeButtonRadius??n/2,...smoothCorners,alignItems:"center",justifyContent:"center",marginLeft:e.components.banner?.closeButtonMarginLeft??e.spacing.xxs??4},actionsRow:{flexDirection:"row",justifyContent:"flex-end",marginTop:e.components.banner?.actionsRowMarginTop??e.spacing.xs,~~gap~~:e.components.banner?.actionsRowGap??4},actionBtn:{paddingHorizontal:e.components.banner?.actionButtonPaddingHorizontal??e.spacing.sm,paddingVertical:e.components.banner?.actionButtonPaddingVertical??6,borderRadius:e.components.banner?.actionButtonRadius??e.radius.sm,...smoothCorners,alignItems:"center",justifyContent:"center"},actionBtnMd:{minHeight:44,paddingHorizontal:e.spacing.md}})};export{Banner};export default Banner;
1	+ "use strict";import{forwardRef,useEffect,useMemo,useRef,useState}from"react";import{Animated,Pressable,StyleSheet,Text,View}from"react-native";import{createAnimatedValue,fontFor,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{resolveHaptic,triggerHaptic}from"../../utils/hapticUtils.js";import{Skeleton,SkeletonText}from"../Skeleton/index.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const Banner=forwardRef((e,n)=>{const{title:t,message:o,variant:r="info",icon:i,actions:s,dismissible:a=!1,onDismiss:l,haptic:c,visible:d=!0,animateMount:p=!0,loading:m=!1,accessibilityRole:u="alert",accessibilityLabel:g,style:h,containerStyle:y,iconCircleStyle:b,tintBarStyle:x,closeButtonStyle:f,actionButtonStyle:S,testID:w}=e,j=useTheme(),B=useMemo(()=>buildStyles(j),[j]),k=useMemo(()=>tintFor(j,r),[j,r]),R=useRef(createAnimatedValue(p&&d?-20:0)).current,C=useRef(createAnimatedValue(p&&d?0:d?1:0)).current,[_,v]=useState(d),T=useRef(!0);if(useEffect(()=>{if(T.current&&(T.current=!1,!p))return;let e;return d?(v(!0),e=Animated.parallel([Animated.timing(R,{toValue:0,duration:j.motion.duration.normal,useNativeDriver:!0}),Animated.timing(C,{toValue:1,duration:j.motion.duration.normal,useNativeDriver:!0})]),e.start()):_&&(e=Animated.parallel([Animated.timing(R,{toValue:-20,duration:j.motion.duration.fast,useNativeDriver:!0}),Animated.timing(C,{toValue:0,duration:j.motion.duration.fast,useNativeDriver:!0})]),e.start(()=>{v(!1)})),()=>e?.stop()},[d]),!_)return null;const V=t??" ",z="string"==typeof o?o??" ":"",H="alert"===u?"error"===r?"assertive":"polite":"none",W=_jsxs(Animated.View,{ref:n,accessibilityRole:u,accessibilityLiveRegion:H,accessibilityLabel:g,testID:w,style:[B.container,{backgroundColor:j.colors.background.secondary,borderRadius:j.radius.md,...smoothCorners,padding:j.spacing.md,opacity:C,transform:[{translateY:R}]},h,y],children:[(j.components.banner?.tintBarWidth??0)>0?_jsx(View,{style:[B.tintBar,{backgroundColor:k.bar},x]}):null,_jsxs(View,{style:B.row,children:[!1===i?null:_jsx(View,i?{style:B.iconWrap,children:i}:{style:[B.iconCircle,{backgroundColor:k.bar+"22"},b],children:_jsx(Text,{style:[B.iconGlyph,{color:k.ink}],accessible:!1,children:k.glyph})}),_jsxs(View,{style:B.textBlock,children:[t\|\|m?_jsx(Text,{style:{color:j.colors.text.primary,fontSize:j.typography.fontSize.base,...fontFor(j,"semibold"),lineHeight:20},numberOfLines:2,children:V}):null,"string"==typeof o\|\|m?_jsx(Text,{style:{color:j.colors.text.secondary,fontSize:j.typography.fontSize.sm,...fontFor(j,"normal"),lineHeight:18,marginTop:t?2:0},children:z\|\|" "}):_jsx(View,{style:{marginTop:t?2:0},children:o})]}),a?_jsx(Pressable,{accessibilityRole:"button",accessibilityLabel:"Dismiss banner",onPress:()=>{const e=resolveHaptic(c,"selection");e&&triggerHaptic(e),l?.()},hitSlop:8,style:({pressed:e})=>[B.closeBtn,{backgroundColor:e?j.colors.surface.pressed:"transparent"},f],children:_jsx(Text,{style:{color:j.colors.text.secondary,fontSize:j.components.banner?.closeGlyphFontSize??18,fontWeight:j.typography.fontWeight.bold,lineHeight:18},accessible:!1,children:"×"})}):null]}),s&&s.length>0?_jsx(View,{style:B.actionsRow,children:s.map((e,n)=>{const t=e.tone??"primary",o=e.variant??"ghost",r="danger"===t?j.colors.error:"neutral"===t?j.colors.text.secondary:k.glyphColor,i="danger"===t?j.colors.toneText.error:"neutral"===t?j.colors.text.secondary:k.ink,s="danger"===t?j.colors.onError:"neutral"===t?j.colors.text.inverse:k.on,a="solid"===o;return _jsx(Pressable,{accessibilityRole:"button",accessibilityLabel:e.label,onPress:()=>{const n=resolveHaptic(c,"selection");n&&triggerHaptic(n),e.onPress()},style:({pressed:n})=>[B.actionBtn,"md"===e.size&&B.actionBtnMd,"outline"===o&&{borderWidth:1,borderColor:i},{backgroundColor:a?r:n?j.colors.surface.pressed:"transparent",opacity:a&&n?.85:1},S],children:_jsx(Text,{style:{color:a?s:i,fontSize:j.typography.fontSize.sm,textAlign:"center",...fontFor(j,"semibold")},children:e.label})},`${e.label}-${n}`)})}):null]});return m?_jsx(BannerSkeleton,{...e}):W});Banner.displayName="Banner";const BannerSkeleton=({title:e,actions:n,icon:t,containerStyle:o,style:r})=>{const i=useTheme(),s=!1!==t;return _jsxs(View,{style:[{flexDirection:"row",alignItems:"flex-start",backgroundColor:i.colors.background.elevated,borderRadius:i.radius.md,...smoothCorners,padding:i.spacing.md,borderWidth:1,borderColor:i.colors.border.primary},o,r],accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:[s?_jsx(View,{style:{marginRight:i.spacing.sm},children:_jsx(Skeleton,{shape:"circle",width:32,height:32})}):null,_jsxs(View,{style:{flex:1},children:[void 0!==e?_jsx(Skeleton,{shape:"text",width:"55%",height:16,style:{marginBottom:i.spacing.xs}}):null,_jsx(SkeletonText,{lines:2,fontSize:13,lastLineWidth:"70%"}),n&&n.length>0?_jsx(View,{style:{flexDirection:"row",marginTop:i.spacing.sm},children:n.map((e,n)=>_jsx(Skeleton,{width:72,height:28,shape:"rounded",style:{marginRight:i.spacing.sm}},`sk-banner-action-${n}`))}):null]})]})};BannerSkeleton.displayName="BannerSkeleton",Banner.Skeleton=BannerSkeleton;const tintFor=(e,n)=>{switch(n){case"success":return{bar:e.colors.success,glyphColor:e.colors.success,ink:e.colors.toneText.success,on:e.colors.onSuccess,glyph:"✓"};case"warning":return{bar:e.colors.warning,glyphColor:e.colors.warning,ink:e.colors.toneText.warning,on:e.colors.onWarning,glyph:"⚠"};case"error":return{bar:e.colors.error,glyphColor:e.colors.error,ink:e.colors.toneText.error,on:e.colors.onError,glyph:"✗"};case"neutral":return{bar:e.colors.text.tertiary,glyphColor:e.colors.text.secondary,ink:e.colors.text.secondary,on:e.colors.text.inverse,glyph:"i"};default:return{bar:e.colors.primary,glyphColor:e.colors.primary,ink:e.colors.toneText.primary,on:e.colors.onPrimary,glyph:"i"}}},buildStyles=e=>{const n=e.components.banner?.iconCircleSize??28,t=e.components.banner?.closeButtonSize??28;return StyleSheet.create({container:{overflow:"hidden",paddingLeft:e.components.banner?.containerPaddingLeft??e.spacing.md},tintBar:{position:"absolute",left:0,top:0,bottom:0,width:e.components.banner?.tintBarWidth??0},row:{flexDirection:"row",alignItems:"flex-start"},iconWrap:{marginRight:e.components.banner?.iconGap??e.spacing.sm},iconCircle:{width:n,height:n,borderRadius:e.components.banner?.iconCircleRadius??n/2,...smoothCorners,alignItems:"center",justifyContent:"center",marginRight:e.components.banner?.iconGap??e.spacing.sm},iconGlyph:{fontSize:e.components.banner?.iconGlyphFontSize??15,fontWeight:"700",lineHeight:e.components.banner?.iconGlyphLineHeight??17},textBlock:{flex:1,paddingRight:e.components.banner?.textBlockPaddingRight??e.spacing.xs},closeBtn:{width:t,height:t,borderRadius:e.components.banner?.closeButtonRadius??t/2,...smoothCorners,alignItems:"center",justifyContent:"center",marginLeft:e.components.banner?.closeButtonMarginLeft??e.spacing.xxs??4},actionsRow:{flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-end",marginTop:e.components.banner?.actionsRowMarginTop??e.spacing.xs,columnGap:e.components.banner?.actionsRowGap??e.spacing.xs,rowGap:e.components.banner?.actionsRowGap??e.spacing.xs},actionBtn:{paddingHorizontal:e.components.banner?.actionButtonPaddingHorizontal??e.spacing.sm,paddingVertical:e.components.banner?.actionButtonPaddingVertical??6,borderRadius:e.components.banner?.actionButtonRadius??e.radius.sm,...smoothCorners,maxWidth:"100%",alignItems:"center",justifyContent:"center"},actionBtnMd:{minHeight:44,paddingHorizontal:e.spacing.md}})};export{Banner};export default Banner;