@webority/mobile-ui 0.106.0 → 0.108.0

package/lib/commonjs/components/Drawer/Drawer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Drawer=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,i=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=i&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?i(n,r,a):n[r]=e[r]);return n}const DEFAULT_CLOSE_VELOCITY_THRESHOLD=1e3,DEFAULT_DRAG_ACTIVATION_OFFSET=10,Drawer=exports.Drawer=(0,_react.forwardRef)((e,t)=>{const{visible:a,defaultVisible:r=!1,onChange:i,side:n="left",width:o,enableSwipe:s=!0,enableBackdropPress:c=!0,backdropOpacity:l=.5,haptic:u,containerStyle:d,children:_,accessibilityLabel:v,testID:p}=e,h=(0,_index.useTheme)(),f=(0,_usePresenceMotion.usePresenceMotion)(),m=f.reduced,b=f.duration("default"),g=f.duration("fast"),N=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),R="boolean"==typeof a,[w,S]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window"));(0,_react.useEffect)(()=>{const e=_reactNative.Dimensions.addEventListener("change",({window:e})=>S(e));return()=>e.remove()},[]);const y="left"===n||"right"===n,E=(0,_react.useMemo)(()=>resolveSize(o,y,w),[o,y,w]),M=(0,_react.useMemo)(()=>{switch(n){case"left":case"top":return-E;case"right":case"bottom":return E}},[n,E]),x=(0,_reactNativeReanimated.useSharedValue)(r?0:M),O=(0,_reactNativeReanimated.useSharedValue)(r?0:M),C=(0,_reactNativeReanimated.useSharedValue)(r?1:0),[j,k]=(0,_react.useState)(r),D=(0,_reactNativeReanimated.useSharedValue)(r);(0,_react.useEffect)(()=>{j||m||(x.value=M,O.value=M)},[M,j,x,O,m]);const P=h.motion.spring.snappy,T=(0,_react.useCallback)(()=>{if(m)return x.value=0,void(C.value=(0,_reactNativeReanimated.withTiming)(1,{duration:b,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION}));C.value=1,x.value=(0,_reactNativeReanimated.withSpring)(0,P)},[x,C,P,m,b]),L=(0,_react.useCallback)(()=>{m?C.value=(0,_reactNativeReanimated.withTiming)(0,{duration:g,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION},e=>{"worklet";e&&(x.value=M)}):x.value=(0,_reactNativeReanimated.withSpring)(M,P)},[x,C,M,P,m,g]),I=(0,_react.useCallback)(e=>{k(t=>t===e?t:(i?.(e),e)),D.value=e},[i,D]),V=(0,_react.useCallback)(()=>{I(!0),T()},[I,T]),q=(0,_react.useCallback)(()=>{I(!1),L()},[I,L]),A=(0,_react.useCallback)(()=>{j?q():V()},[j,V,q]);(0,_react.useImperativeHandle)(t,()=>({open:V,close:q,toggle:A}),[V,q,A]),(0,_react.useEffect)(()=>{R&&a!==j&&(a?V():q())},[a]);const F=(0,_react.useMemo)(()=>{const e=M,t=n,a=s;let r=_reactNativeGestureHandler.Gesture.Pan();return r=y?r.activeOffsetX([-10,10]).failOffsetY([-15,15]):r.activeOffsetY([-10,10]).failOffsetX([-15,15]),r.onStart(()=>{"worklet";a&&(O.value=x.value)}).onUpdate(t=>{"worklet";if(!a)return;const r=y?t.translationX:t.translationY,i=O.value+r,n=Math.min(0,e),o=Math.max(0,e);x.value=i<n?n+.25*(i-n):i>o?o+.25*(i-o):i}).onEnd(r=>{"worklet";if(!a)return;const i=y?r.velocityX:r.velocityY,n=x.value;let o=!1;o="left"===t||"top"===t?i<-1e3:i>1e3;const s=Math.abs(e),c=Math.abs(n)/s;o||c>.5?((0,_reactNativeReanimated.runOnJS)(I)(!1),m?C.value=(0,_reactNativeReanimated.withTiming)(0,{duration:g,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION},t=>{"worklet";t&&(x.value=e)}):x.value=(0,_reactNativeReanimated.withSpring)(e,P)):((0,_reactNativeReanimated.runOnJS)(I)(!0),m?(x.value=0,C.value=(0,_reactNativeReanimated.withTiming)(1,{duration:b,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION})):x.value=(0,_reactNativeReanimated.withSpring)(0,P))})},[M,O,s,y,x,C,I,n,P,m,b,g]),H=(0,_reactNativeReanimated.useAnimatedStyle)(()=>y?{opacity:C.value,transform:[{translateX:x.value}]}:{opacity:C.value,transform:[{translateY:x.value}]}),U=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:(0,_reactNativeReanimated.interpolate)(x.value,[M,0],[0,l],_reactNativeReanimated.Extrapolation.CLAMP)*C.value,pointerEvents:Math.abs(x.value-M)<.5?"none":"auto"}),[M,l]),G=(0,_react.useMemo)(()=>buildStyles(h),[h]),Y=(0,_react.useCallback)(()=>{if(!c)return;const e=(0,_index2.resolveHaptic)(u,"selection");e&&(0,_index2.triggerHaptic)(e),q()},[c,q,u]),X=(0,_react.useMemo)(()=>{switch(n){case"left":return{position:"absolute",top:0,bottom:0,left:0,width:E,paddingTop:N.top,paddingBottom:N.bottom,paddingLeft:N.left};case"right":return{position:"absolute",top:0,bottom:0,right:0,width:E,paddingTop:N.top,paddingBottom:N.bottom,paddingRight:N.right};case"top":return{position:"absolute",top:0,left:0,right:0,height:E,paddingTop:N.top,paddingLeft:N.left,paddingRight:N.right};case"bottom":return{position:"absolute",bottom:0,left:0,right:0,height:E,paddingBottom:N.bottom,paddingLeft:N.left,paddingRight:N.right}}},[n,E,N]),B=(0,_react.useRef)(r);return j&&(B.current=!0),B.current?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,pointerEvents:"box-none",testID:p,accessibilityViewIsModal:j,children:[(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[G.backdrop,{backgroundColor:h.colors.scrim},U],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:Y,accessibilityRole:"button",accessibilityLabel:"Close drawer",disabled:!c||!j})}),(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:F,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{accessibilityRole:"alert",accessibilityLabel:v??"Drawer",style:[X,{backgroundColor:h.colors.surface,...h.shadow.modal},d,H],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:G.content,children:_})})})]}):null});Drawer.displayName="Drawer";const resolveSize=(e,t,a)=>{if("number"==typeof e)return e;if("string"==typeof e){const r=parseFloat(e);if(Number.isNaN(r))return t?280:Math.round(.4*a.height);return r/100*(t?a.width:a.height)}return t?280:Math.round(.4*a.height)},buildStyles=e=>_reactNative.StyleSheet.create({backdrop:{..._reactNative.StyleSheet.absoluteFill},content:{flex:1}});var _default=exports.default=Drawer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Drawer=exports.DEFAULT_DRAWER_LABELS=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,i=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=i&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?i(n,r,a):n[r]=e[r]);return n}const DEFAULT_DRAWER_LABELS=exports.DEFAULT_DRAWER_LABELS={close:"Close drawer",drawer:"Drawer"},DEFAULT_CLOSE_VELOCITY_THRESHOLD=1e3,DEFAULT_DRAG_ACTIVATION_OFFSET=10,Drawer=exports.Drawer=(0,_react.forwardRef)((e,t)=>{const{visible:a,defaultVisible:r=!1,onVisibleChange:i,side:n="left",width:o,enableSwipe:s=!0,enableBackdropPress:c=!0,backdropOpacity:l=.5,haptic:u,containerStyle:d,children:_,accessibilityLabel:v,labels:p,testID:h}=e,f=(0,_index.useTheme)();(0,_warnInvalidValue.warnInvalidValue)("Drawer","side",e.side,["left","right","top","bottom"]);const m=(0,_react.useMemo)(()=>({...DEFAULT_DRAWER_LABELS,...p}),[p]),b=(0,_usePresenceMotion.usePresenceMotion)(),R=b.reduced,g=b.duration("default"),w=b.duration("fast"),N=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),E="boolean"==typeof a,[S,y]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window"));(0,_react.useEffect)(()=>{const e=_reactNative.Dimensions.addEventListener("change",({window:e})=>y(e));return()=>e.remove()},[]);const x="left"===n||"right"===n,M=(0,_react.useMemo)(()=>resolveSize(o,x,S),[o,x,S]),D=(0,_react.useMemo)(()=>{switch(n){case"left":case"top":return-M;case"right":case"bottom":return M}},[n,M]),O=(0,_reactNativeReanimated.useSharedValue)(r?0:D),C=(0,_reactNativeReanimated.useSharedValue)(r?0:D),L=(0,_reactNativeReanimated.useSharedValue)(r?1:0),[A,T]=(0,_react.useState)(r),j=(0,_reactNativeReanimated.useSharedValue)(r);(0,_react.useEffect)(()=>{A||R||(O.value=D,C.value=D)},[D,A,O,C,R]);const k=f.motion.spring.snappy,P=(0,_react.useCallback)(()=>{if(R)return O.value=0,void(L.value=(0,_reactNativeReanimated.withTiming)(1,{duration:g,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION}));L.value=1,O.value=(0,_reactNativeReanimated.withSpring)(0,k)},[O,L,k,R,g]),V=(0,_react.useCallback)(()=>{R?L.value=(0,_reactNativeReanimated.withTiming)(0,{duration:w,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION},e=>{"worklet";e&&(O.value=D)}):O.value=(0,_reactNativeReanimated.withSpring)(D,k)},[O,L,D,k,R,w]),I=(0,_react.useCallback)(e=>{T(t=>t===e?t:(i?.(e),e)),j.value=e},[i,j]),q=(0,_react.useCallback)(()=>{I(!0),P()},[I,P]),F=(0,_react.useCallback)(()=>{I(!1),V()},[I,V]),U=(0,_react.useCallback)(()=>{A?F():q()},[A,q,F]);(0,_react.useImperativeHandle)(t,()=>({open:q,close:F,toggle:U}),[q,F,U]),(0,_react.useEffect)(()=>{E&&a!==A&&(a?q():F())},[a]);const B=(0,_react.useMemo)(()=>{const e=D,t=n,a=s;let r=_reactNativeGestureHandler.Gesture.Pan();return r=x?r.activeOffsetX([-10,10]).failOffsetY([-15,15]):r.activeOffsetY([-10,10]).failOffsetX([-15,15]),r.onStart(()=>{"worklet";a&&(C.value=O.value)}).onUpdate(t=>{"worklet";if(!a)return;const r=x?t.translationX:t.translationY,i=C.value+r,n=Math.min(0,e),o=Math.max(0,e);O.value=i<n?n+.25*(i-n):i>o?o+.25*(i-o):i}).onEnd(r=>{"worklet";if(!a)return;const i=x?r.velocityX:r.velocityY,n=O.value;let o=!1;o="left"===t||"top"===t?i<-1e3:i>1e3;const s=Math.abs(e),c=Math.abs(n)/s;o||c>.5?((0,_reactNativeReanimated.runOnJS)(I)(!1),R?L.value=(0,_reactNativeReanimated.withTiming)(0,{duration:w,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION},t=>{"worklet";t&&(O.value=e)}):O.value=(0,_reactNativeReanimated.withSpring)(e,k)):((0,_reactNativeReanimated.runOnJS)(I)(!0),R?(O.value=0,L.value=(0,_reactNativeReanimated.withTiming)(1,{duration:g,reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION})):O.value=(0,_reactNativeReanimated.withSpring)(0,k))})},[D,C,s,x,O,L,I,n,k,R,g,w]),H=(0,_reactNativeReanimated.useAnimatedStyle)(()=>x?{opacity:L.value,transform:[{translateX:O.value}]}:{opacity:L.value,transform:[{translateY:O.value}]}),W=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({opacity:(0,_reactNativeReanimated.interpolate)(O.value,[D,0],[0,l],_reactNativeReanimated.Extrapolation.CLAMP)*L.value,pointerEvents:Math.abs(O.value-D)<.5?"none":"auto"}),[D,l]),G=(0,_react.useMemo)(()=>buildStyles(f),[f]),Y=(0,_react.useCallback)(()=>{if(!c)return;const e=(0,_index2.resolveHaptic)(u,"selection");e&&(0,_index2.triggerHaptic)(e),F()},[c,F,u]),X=(0,_react.useMemo)(()=>{switch(n){case"left":return{position:"absolute",top:0,bottom:0,left:0,width:M,paddingTop:N.top,paddingBottom:N.bottom,paddingLeft:N.left};case"right":return{position:"absolute",top:0,bottom:0,right:0,width:M,paddingTop:N.top,paddingBottom:N.bottom,paddingRight:N.right};case"top":return{position:"absolute",top:0,left:0,right:0,height:M,paddingTop:N.top,paddingLeft:N.left,paddingRight:N.right};case"bottom":return{position:"absolute",bottom:0,left:0,right:0,height:M,paddingBottom:N.bottom,paddingLeft:N.left,paddingRight:N.right}}},[n,M,N]),z=(0,_react.useRef)(r);return A&&(z.current=!0),z.current?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,pointerEvents:"box-none",testID:h,accessibilityViewIsModal:A,children:[(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[G.backdrop,{backgroundColor:f.colors.scrim},W],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:Y,accessibilityRole:"button",accessibilityLabel:m.close,disabled:!c||!A})}),(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:B,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{accessibilityRole:"alert",accessibilityLabel:v??m.drawer,style:[X,{backgroundColor:f.colors.surface,...f.shadow.modal},d,H],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:G.content,children:_})})})]}):null});Drawer.displayName="Drawer";const resolveSize=(e,t,a)=>{if("number"==typeof e)return e;if("string"==typeof e){const r=parseFloat(e);if(Number.isNaN(r))return t?280:Math.round(.4*a.height);return r/100*(t?a.width:a.height)}return t?280:Math.round(.4*a.height)},buildStyles=e=>_reactNative.StyleSheet.create({backdrop:{..._reactNative.StyleSheet.absoluteFill},content:{flex:1}});var _default=exports.default=Drawer;

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

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

package/lib/commonjs/components/EmptyState/EmptyState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.EmptyState=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");const ActionButton=({action:e,variant:t})=>{const r=(0,_index.useTheme)(),{style:i,pressIn:s,pressOut:o}=(0,_usePressAnimation.usePressAnimation)({enabled:!0}),n=(0,_react.useMemo)(()=>buildActionStyles(r),[r]),a="primary"===t,l=(0,_SquircleFill.useSquircle)(!0,r.radius.md),fillFor=e=>a?e?r.colors["primary-hover"]:r.colors.primary:e?r.colors["surface-pressed"]:"transparent";return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:i,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>{(0,_hapticUtils.triggerHaptic)("selection"),e.onPress()},onPressIn:s,onPressOut:o,accessibilityRole:"button",accessibilityLabel:e.accessibilityLabel??e.label,accessibilityHint:e.accessibilityHint,testID:e.testID,onLayout:l.onLayout,style:({pressed:e})=>[n.button,a?n.buttonPrimary:n.buttonSecondary,e&&!l.active?a?n.buttonPrimaryPressed:n.buttonSecondaryPressed:null,l.active?n.buttonSquircleHost:null],children:({pressed:t})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[l.active&&l.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:l.size.width,height:l.size.height,radius:r.radius.md,fill:fillFor(t),stroke:a?void 0:r.colors.border,strokeWidth:a?0:1,outset:a?0:1}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[n.buttonText,a?n.buttonTextPrimary:n.buttonTextSecondary],numberOfLines:1,children:e.label})]})})})},EmptyState=exports.EmptyState=(0,_react.forwardRef)((e,t)=>{const{icon:r,title:i,description:s,action:o,secondaryAction:n,size:a="md",fill:l=!1,style:c,testID:u}=e,d=(0,_index.useTheme)(),m=(0,_react.useMemo)(()=>(0,_index.resolveEmptyStateSize)(d,a),[d,a]),y=(0,_react.useMemo)(()=>buildStyles(d),[d]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessibilityRole:"summary",testID:u,style:[y.root,{paddingVertical:m["padding-y"]},l?y.fill:null,c],children:[r?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[y.iconCircle,{width:m.icon,height:m.icon,marginBottom:m["title-gap"],borderRadius:d.radius.pill,..._corners.smoothCorners}],children:r}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[y.title,{fontSize:m["title-text"],...(0,_index.fontFor)(d,"semibold")}],children:i}),s?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[y.description,{fontSize:m["description-text"],marginTop:m["description-gap"]}],children:s}):null,o||n?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:y.actions,children:[o?(0,_jsxRuntime.jsx)(ActionButton,{action:o,variant:"primary"}):null,n?(0,_jsxRuntime.jsx)(ActionButton,{action:n,variant:"secondary"}):null]}):null]})});EmptyState.displayName="EmptyState";const buildStyles=e=>_reactNative.StyleSheet.create({root:{alignItems:"center",justifyContent:"center",paddingHorizontal:e.space.lg},fill:{flexGrow:1},iconCircle:{backgroundColor:e.colors["surface-disabled"],alignItems:"center",justifyContent:"center"},title:{color:e.colors["text-body"],textAlign:"center"},description:{color:e.colors["text-muted"],textAlign:"center",maxWidth:320,lineHeight:e.text.base.size*e.leading.body},actions:{flexDirection:"row",alignItems:"center",gap:e.space.sm,marginTop:e.space.lg}}),buildActionStyles=e=>_reactNative.StyleSheet.create({button:{paddingHorizontal:e.space.lg,paddingVertical:e.space.sm,minHeight:42,borderRadius:e.radius.md,..._corners.smoothCorners,overflow:"hidden",alignItems:"center",justifyContent:"center",flexDirection:"row"},buttonPrimary:{backgroundColor:e.colors.primary},buttonPrimaryPressed:{backgroundColor:e.colors["primary-hover"]},buttonSecondary:{backgroundColor:"transparent",borderWidth:1,borderColor:e.colors.border},buttonSecondaryPressed:{backgroundColor:e.colors["surface-pressed"]},buttonSquircleHost:{backgroundColor:"transparent",borderColor:"transparent",overflow:"visible"},buttonText:{fontSize:e.text.base.size,...(0,_index.fontFor)(e,"semibold")},buttonTextPrimary:{color:e.colors["on-primary"]},buttonTextSecondary:{color:e.colors["text-body"]}});var _default=exports.default=EmptyState;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.EmptyState=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");const ActionButton=({action:e,variant:t})=>{const i=(0,_index.useTheme)(),{style:r,pressIn:s,pressOut:o}=(0,_usePressAnimation.usePressAnimation)({enabled:!0}),n=(0,_react.useMemo)(()=>buildActionStyles(i),[i]),a="primary"===t,l=(0,_SquircleFill.useSquircle)(!0,i.radius.md),fillFor=e=>a?e?i.colors["primary-hover"]:i.colors.primary:e?i.colors["surface-pressed"]:"transparent";return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:r,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>{(0,_hapticUtils.triggerHaptic)("selection"),e.onPress()},onPressIn:s,onPressOut:o,accessibilityRole:"button",accessibilityLabel:e.accessibilityLabel??e.label,accessibilityHint:e.accessibilityHint,testID:e.testID,onLayout:l.onLayout,style:({pressed:e})=>[n.button,a?n.buttonPrimary:n.buttonSecondary,e&&!l.active?a?n.buttonPrimaryPressed:n.buttonSecondaryPressed:null,l.active?n.buttonSquircleHost:null],children:({pressed:t})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[l.active&&l.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:l.size.width,height:l.size.height,radius:i.radius.md,fill:fillFor(t),stroke:a?void 0:i.colors.border,strokeWidth:a?0:1}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[n.buttonText,a?n.buttonTextPrimary:n.buttonTextSecondary],numberOfLines:1,children:e.label})]})})})},EmptyState=exports.EmptyState=(0,_react.forwardRef)((e,t)=>{const i=(0,_index.useTheme)(),r=Object.keys(i.components["empty-state"]);(0,_warnInvalidValue.warnInvalidValue)("EmptyState","size",e.size,r);const{icon:s,illustration:o,title:n,description:a,action:l,secondaryAction:c,size:u="md",fill:d=!1,style:m,testID:y}=e,x=r.includes(u)?u:"md",b=(0,_react.useMemo)(()=>(0,_index.resolveEmptyStateSize)(i,x),[i,x]),p=(0,_react.useMemo)(()=>buildStyles(i),[i]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessibilityRole:"summary",testID:y,style:[p.root,{paddingVertical:b["padding-y"]},d?p.fill:null,m],children:[null!=o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginBottom:b["title-gap"]},children:(0,_react.isValidElement)(o)?o:(0,_jsxRuntime.jsx)(_reactNative.Image,{source:o,style:{width:b["illustration-size"],height:b["illustration-size"]},resizeMode:"contain",accessibilityIgnoresInvertColors:!0})}):s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[p.iconCircle,{width:b.icon,height:b.icon,marginBottom:b["title-gap"],borderRadius:i.radius.pill,..._corners.smoothCorners}],children:s}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[p.title,{fontSize:b["title-text"],...(0,_index.fontFor)(i,"semibold")}],children:n}),a?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[p.description,{fontSize:b["description-text"],marginTop:b["description-gap"]}],children:a}):null,l||c?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:p.actions,children:[l?(0,_jsxRuntime.jsx)(ActionButton,{action:l,variant:"primary"}):null,c?(0,_jsxRuntime.jsx)(ActionButton,{action:c,variant:"secondary"}):null]}):null]})});EmptyState.displayName="EmptyState";const buildStyles=e=>_reactNative.StyleSheet.create({root:{alignItems:"center",justifyContent:"center",paddingHorizontal:e.space.lg},fill:{flexGrow:1},iconCircle:{backgroundColor:e.colors["surface-disabled"],alignItems:"center",justifyContent:"center"},title:{color:e.colors["text-body"],textAlign:"center"},description:{color:e.colors["text-muted"],textAlign:"center",maxWidth:320,lineHeight:e.text.base.size*e.leading.body},actions:{flexDirection:"row",alignItems:"center",gap:e.space.sm,marginTop:e.space.lg}}),buildActionStyles=e=>_reactNative.StyleSheet.create({button:{paddingHorizontal:e.space.lg,paddingVertical:e.space.sm,minHeight:42,borderRadius:e.radius.md,..._corners.smoothCorners,overflow:"hidden",alignItems:"center",justifyContent:"center",flexDirection:"row"},buttonPrimary:{backgroundColor:e.colors.primary},buttonPrimaryPressed:{backgroundColor:e.colors["primary-hover"]},buttonSecondary:{backgroundColor:"transparent",borderWidth:1,borderColor:e.colors.border},buttonSecondaryPressed:{backgroundColor:e.colors["surface-pressed"]},buttonSquircleHost:{backgroundColor:"transparent",borderColor:"transparent",overflow:"visible"},buttonText:{fontSize:e.text.base.size,...(0,_index.fontFor)(e,"semibold")},buttonTextPrimary:{color:e.colors["on-primary"]},buttonTextSecondary:{color:e.colors["text-body"]}});var _default=exports.default=EmptyState;

package/lib/commonjs/components/ErrorBoundary/ErrorBoundary.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../EmptyState/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,o,s=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((t=s&&Object.getOwnPropertyDescriptor(e,o))&&(t.get||t.set)?s(n,o,t):n[o]=e[o]);return n}const COMPONENT_STACK_LIMIT=500,DEFAULT_TITLE="Something went wrong",DEFAULT_MESSAGE="An unexpected error occurred. Please try again.",hasResetKeysChanged=(e,r)=>e!==r&&(!e||!r||e.length!==r.length||e.some((e,t)=>e!==r[t])),DefaultFallback=({error:e,reset:r,title:t,message:o,testID:s})=>{const n=(0,_index.useTheme)(),i=(0,_react.useMemo)(()=>buildStyles(n),[n]),a="undefined"!=typeof __DEV__&&__DEV__;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:i.root,testID:s,children:[(0,_jsxRuntime.jsx)(_index2.EmptyState,{title:t??DEFAULT_TITLE,description:o??DEFAULT_MESSAGE,action:{label:"Try again",onPress:r,testID:s?`${s}-retry`:void 0}}),a?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:i.devError,testID:s?`${s}-dev-error`:void 0,children:e.message}):null]})},buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1,alignItems:"center",justifyContent:"center",backgroundColor:e.colors.bg,padding:e.space.lg},devError:{marginTop:e.space.md,color:e.colors["danger-text"],fontSize:e.text.sm.size,textAlign:"center"}});class ErrorBoundary extends _react.default.Component{state={error:null};static getDerivedStateFromError(e){return{error:e}}componentDidUpdate(e){this.state.error&&hasResetKeysChanged(e.resetKeys,this.props.resetKeys)&&this.reset()}componentDidCatch(e,r){const t=(r.componentStack??"").slice(0,500);_mobileCore.Logger.recordError(e,{errorType:"RenderError",componentStack:t});try{this.props.onError?.(e,{componentStack:t})}catch(e){_mobileCore.Logger.error("[@webority/mobile-ui] ErrorBoundary onError threw; the boundary itself is unaffected.",e)}}reset=()=>{this.setState({error:null}),this.props.onReset?.()};render(){const{error:e}=this.state;if(!e)return this.props.children;const{fallback:r,title:t,message:o,testID:s}=this.props;return void 0!==r?"function"==typeof r?r(e,this.reset):r:(0,_jsxRuntime.jsx)(DefaultFallback,{error:e,reset:this.reset,title:t,message:o,testID:s})}}exports.ErrorBoundary=ErrorBoundary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=exports.DEFAULT_ERROR_BOUNDARY_LABELS=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../EmptyState/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,o,s=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((t=s&&Object.getOwnPropertyDescriptor(e,o))&&(t.get||t.set)?s(n,o,t):n[o]=e[o]);return n}const COMPONENT_STACK_LIMIT=500,DEFAULT_ERROR_BOUNDARY_LABELS=exports.DEFAULT_ERROR_BOUNDARY_LABELS={title:"Something went wrong",message:"An unexpected error occurred. Please try again.",retry:"Try again"},hasResetKeysChanged=(e,r)=>e!==r&&(!e||!r||e.length!==r.length||e.some((e,t)=>e!==r[t])),DefaultFallback=({error:e,reset:r,title:t,message:o,labels:s,testID:n})=>{const i=(0,_index.useTheme)(),a=(0,_react.useMemo)(()=>buildStyles(i),[i]),c="undefined"!=typeof __DEV__&&__DEV__;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.root,testID:n,children:[(0,_jsxRuntime.jsx)(_index2.EmptyState,{title:t??s.title,description:o??s.message,action:{label:s.retry,onPress:r,testID:n?`${n}-retry`:void 0}}),c?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:a.devError,testID:n?`${n}-dev-error`:void 0,children:e.message}):null]})},buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1,alignItems:"center",justifyContent:"center",backgroundColor:e.colors.bg,padding:e.space.lg},devError:{marginTop:e.space.md,color:e.colors["danger-text"],fontSize:e.text.sm.size,textAlign:"center"}});class ErrorBoundary extends _react.default.Component{state={error:null};static getDerivedStateFromError(e){return{error:e}}componentDidUpdate(e){this.state.error&&hasResetKeysChanged(e.resetKeys,this.props.resetKeys)&&this.reset()}componentDidCatch(e,r){const t=(r.componentStack??"").slice(0,500);_mobileCore.Logger.recordError(e,{errorType:"RenderError",componentStack:t});try{this.props.onError?.(e,{componentStack:t})}catch(e){_mobileCore.Logger.error("[@webority/mobile-ui] ErrorBoundary onError threw; the boundary itself is unaffected.",e)}}reset=()=>{this.setState({error:null}),this.props.onReset?.()};render(){const{error:e}=this.state;if(!e)return this.props.children;const{fallback:r,title:t,message:o,labels:s,testID:n}=this.props;if(void 0!==r)return"function"==typeof r?r(e,this.reset):r;const i={...DEFAULT_ERROR_BOUNDARY_LABELS,...s};return(0,_jsxRuntime.jsx)(DefaultFallback,{error:e,reset:this.reset,title:t,message:o,labels:i,testID:n})}}exports.ErrorBoundary=ErrorBoundary;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _ErrorBoundary.ErrorBoundary}}),Object.defineProperty(exports,"useErrorHandler",{enumerable:!0,get:function(){return _useErrorHandler.useErrorHandler}}),Object.defineProperty(exports,"withErrorBoundary",{enumerable:!0,get:function(){return _withErrorBoundary.withErrorBoundary}});var _ErrorBoundary=require("./ErrorBoundary.js"),_useErrorHandler=require("./useErrorHandler.js"),_withErrorBoundary=require("./withErrorBoundary.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_ERROR_BOUNDARY_LABELS",{enumerable:!0,get:function(){return _ErrorBoundary.DEFAULT_ERROR_BOUNDARY_LABELS}}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _ErrorBoundary.ErrorBoundary}}),Object.defineProperty(exports,"useErrorHandler",{enumerable:!0,get:function(){return _useErrorHandler.useErrorHandler}}),Object.defineProperty(exports,"withErrorBoundary",{enumerable:!0,get:function(){return _withErrorBoundary.withErrorBoundary}});var _ErrorBoundary=require("./ErrorBoundary.js"),_useErrorHandler=require("./useErrorHandler.js"),_withErrorBoundary=require("./withErrorBoundary.js");

package/lib/commonjs/components/FieldBase/ChoiceText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.hasChoiceDetail=exports.ChoiceText=void 0;var _reactNative=require("react-native"),_index=require("../../theme/index.js"),_Notation=require("../Notation/Notation.js"),_FieldBase=require("./FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const hasChoiceDetail=(e,t)=>(0,_FieldBase.hasFieldText)(e)||(0,_FieldBase.hasFieldText)(t);exports.hasChoiceDetail=hasChoiceDetail;const ChoiceText=({label:e,description:t,error:i,disabled:s=!1,labelLines:o,descriptionLines:l,style:n,labelStyle:a})=>{const r=(0,_index.useTheme)(),x=s?r.colors["text-disabled"]:r.colors["text-body"],c=s?r.colors["text-disabled"]:r.colors["text-muted"],d=r.text.sm.size,_=(0,_Notation.useNotationInk)(a,r.text.base.size,x),u=(0,_Notation.useNotationInk)(void 0,d,c),h=(0,_Notation.useNotationInk)(void 0,d,r.colors["field-message"]);return(0,_FieldBase.hasFieldText)(e)||(0,_FieldBase.hasFieldText)(t)||(0,_FieldBase.hasFieldText)(i)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.column,n],children:[(0,_FieldBase.hasFieldText)(e)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:x,fontSize:r.text.base.size,...(0,_index.fontFor)(r,"normal")},a],numberOfLines:o,children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:_,children:e})}):null,(0,_FieldBase.hasFieldText)(t)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:c,fontSize:d,marginTop:r.space.xxs,...(0,_index.fontFor)(r,"normal")},numberOfLines:l,children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:u,children:t})}):null,(0,_FieldBase.hasFieldText)(i)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.errorRow,{marginTop:r.space.xs,columnGap:r.space.xs}],accessibilityLiveRegion:"polite",children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldErrorGlyph,{size:d,color:r.colors["field-message"]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{flexShrink:1,color:r.colors["field-message"],fontSize:d,...(0,_index.fontFor)(r,"normal")},children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:h,children:i})})]}):null]}):null};exports.ChoiceText=ChoiceText;const styles=_reactNative.StyleSheet.create({column:{flexShrink:1},errorRow:{flexDirection:"row",alignItems:"center"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.hasChoiceDetail=exports.ChoiceText=void 0;var _reactNative=require("react-native"),_index=require("../../theme/index.js"),_Notation=require("../Notation/Notation.js"),_FieldBase=require("./FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const hasChoiceDetail=({description:e,error:t,helperText:i})=>(0,_FieldBase.hasFieldText)(e)||(0,_FieldBase.hasFieldText)(t)||(0,_FieldBase.hasFieldText)(i);exports.hasChoiceDetail=hasChoiceDetail;const ChoiceText=({label:e,helperText:t,description:i,error:o,disabled:s=!1,style:r,labelStyle:l})=>{const n=(0,_index.useTheme)(),a=s?n.colors["text-disabled"]:n.colors["text-body"],x=s?n.colors["text-disabled"]:n.colors["text-muted"],c=n.text.sm.size,d=(0,_Notation.useNotationInk)(l,n.text.base.size,a),_=(0,_Notation.useNotationInk)(void 0,c,x),h=(0,_Notation.useNotationInk)(void 0,c,x),u=(0,_Notation.useNotationInk)(void 0,c,n.colors["field-message"]);return(0,_FieldBase.hasFieldText)(e)||hasChoiceDetail({description:i,error:o,helperText:t})?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.column,r],children:[(0,_FieldBase.hasFieldText)(e)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:a,fontSize:n.text.base.size,...(0,_index.fontFor)(n,"normal")},l],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:d,children:e})}):null,(0,_FieldBase.hasFieldText)(t)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:x,fontSize:c,marginTop:n.space.xxs,...(0,_index.fontFor)(n,"normal")},children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:_,children:t})}):null,(0,_FieldBase.hasFieldText)(i)?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:x,fontSize:c,marginTop:n.space.xxs,...(0,_index.fontFor)(n,"normal")},children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:h,children:i})}):null,(0,_FieldBase.hasFieldText)(o)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.errorRow,{marginTop:n.space.xs,columnGap:n.space.xs}],accessibilityLiveRegion:"polite",children:[(0,_jsxRuntime.jsx)(_FieldBase.FieldErrorGlyph,{size:c,color:n.colors["field-message"]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{flexShrink:1,color:n.colors["field-message"],fontSize:c,...(0,_index.fontFor)(n,"normal")},children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:u,children:o})})]}):null]}):null};exports.ChoiceText=ChoiceText;const styles=_reactNative.StyleSheet.create({column:{flexShrink:1},errorRow:{flexDirection:"row",alignItems:"center"}});

package/lib/commonjs/components/FieldBase/FieldBase.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveVariantColors=exports.resolveFieldTextStyle=exports.pickRepresentativeBorderColor=exports.hasFieldText=exports.fieldTextAsString=exports.default=exports.RequiredPlaceholder=exports.RequiredMark=exports.FieldMessage=exports.FieldLabel=exports.FieldErrorGlyph=exports.FieldBase=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_ariaState=require("../../utils/ariaState.js"),_corners=require("../../utils/corners.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_Notation=require("../Notation/Notation.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");const expandColorSides=e=>"string"==typeof e?{top:e,right:e,bottom:e,left:e}:{top:e.top??"transparent",right:e.right??"transparent",bottom:e.bottom??"transparent",left:e.left??"transparent"},expandWidthSides=e=>"number"==typeof e?{top:e,right:e,bottom:e,left:e}:{top:e.top??0,right:e.right??0,bottom:e.bottom??0,left:e.left??0},pickRepresentativeBorderColor=e=>{for(const t of["bottom","top","left","right"]){const r=e[t];if(r&&"transparent"!==r)return r}return e.bottom};exports.pickRepresentativeBorderColor=pickRepresentativeBorderColor;const resolveFieldTextStyle=(e,t={})=>{const{disabled:r=!1}=t;return{color:r?e.colors["field-text-disabled"]:e.colors["field-text"],placeholderColor:r?e.colors["field-placeholder-disabled"]:e.colors["field-placeholder"],weightStyle:(0,_index.fontFor)(e,"normal")}};exports.resolveFieldTextStyle=resolveFieldTextStyle;const RequiredMark=()=>{const e=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:e.colors["danger-text"]},children:` ${e.settings.components.field?.requiredMarker??"*"}`})};exports.RequiredMark=RequiredMark;const RequiredPlaceholder=({text:e,color:t,fontSize:r,weightStyle:o,align:i="center",paddingTop:l,textAlign:s})=>(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{justifyContent:"top"===i?"flex-start":"center",paddingTop:l}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{accessible:!1,numberOfLines:1,style:{color:t,fontSize:r,...o,includeFontPadding:!1,textAlign:s},children:[e,(0,_jsxRuntime.jsx)(RequiredMark,{})]})});exports.RequiredPlaceholder=RequiredPlaceholder;const FieldErrorGlyph=({size:e,color:t})=>{const r=(0,_index.useTheme)().settings.icons.error??_defaultIcons.defaultIcons.error;return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:r({size:e,color:t})})};exports.FieldErrorGlyph=FieldErrorGlyph;const hasFieldText=e=>null!=e&&!1!==e&&!0!==e&&""!==e;exports.hasFieldText=hasFieldText;const fieldTextAsString=e=>"string"==typeof e?e:void 0;exports.fieldTextAsString=fieldTextAsString;const FieldLabel=({children:e,size:t="md",required:r=!1,help:o,color:i,style:l})=>{const s=(0,_index.useTheme)(),n=(0,_index.resolveFieldSize)(s,t),a=hasFieldText(o),d=(0,_Notation.useNotationInk)(l,n["label-text"],i??s.colors["field-label"]),c=(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[familyStyles.label,{color:i??s.colors["field-label"],fontSize:n["label-text"],...(0,_index.fontFor)(s,"semibold"),marginBottom:a?s.space.none:n["label-gap"]},a?familyStyles.labelShrink:null,l],children:[(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:d,children:e}),r?(0,_jsxRuntime.jsx)(RequiredMark,{}):null]});return a?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[familyStyles.labelRow,{marginBottom:n["label-gap"]}],children:[c,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[familyStyles.help,{marginLeft:s.space.xs}],children:o})]}):c};exports.FieldLabel=FieldLabel;const FieldMessage=({text:e,error:t=!1,size:r="md",style:o})=>{const i=(0,_index.useTheme)(),l=(0,_index.resolveFieldSize)(i,r),s=t?i.colors["field-message"]:i.colors["text-muted"],n=(0,_Notation.useNotationInk)(o,l["message-text"],s);return hasFieldText(e)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[familyStyles.messageRow,{marginTop:l["message-gap"],columnGap:i.space.xs}],accessibilityLiveRegion:t?"polite":"none",children:[t?(0,_jsxRuntime.jsx)(FieldErrorGlyph,{size:l["message-text"],color:s}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[familyStyles.messageText,{color:s,fontSize:l["message-text"],...(0,_index.fontFor)(i,"normal")},o],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:n,children:e})})]}):null};exports.FieldMessage=FieldMessage;const familyStyles=_reactNative.StyleSheet.create({label:{includeFontPadding:!1},labelShrink:{flexShrink:1},labelRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0,alignItems:"center",justifyContent:"center"},messageRow:{flexDirection:"row",alignItems:"center"},messageText:{flexShrink:1,includeFontPadding:!1}}),resolveVariantColors=(e,t)=>{let r,o,i,l,s;"outlined"===t?(r=e.colors["field-bg"],o=e.colors["field-bg-focus"],i=e.colors["field-bg-disabled"],l=e.colors["field-border"],s=e.size.border):"underline"===t?(r="transparent",o=void 0,i="transparent",l={bottom:e.colors["field-border"]},s={bottom:e.size.border}):(r=e.colors["field-bg"],o=void 0,i=e.colors["field-bg-disabled"],l="transparent",s=0);const wrapToIdleShape=e=>"string"==typeof l?e:{bottom:e},n=expandColorSides(l),a=expandColorSides(wrapToIdleShape(e.colors["field-border-focus"]));return{backgroundIdleEmpty:r,backgroundIdleFilled:r,backgroundFocused:o,backgroundError:void 0,backgroundDisabled:i,borderIdle:n,borderFocused:a,borderError:expandColorSides(wrapToIdleShape(e.colors["field-border-error"])),borderDisabled:expandColorSides(l),borderWidth:expandWidthSides(s),borderFocusedRepresentative:pickRepresentativeBorderColor(a)}};exports.resolveVariantColors=resolveVariantColors;const FieldBase=e=>{const{size:t="md",variant:r,focused:o=!1,disabled:i=!1,error:l=!1,filled:s=!1,leading:n,leadingDivider:a=!1,trailing:d,slotAlign:c="center",slotLineHeight:u,topNotch:b,children:p,onPress:x,pressFeedback:g=!0,minHeight:m,maxHeight:h,width:f,height:_,paddingHorizontal:R,paddingLeft:y,paddingRight:v,paddingVertical:j,borderRadius:S,borderTopLeftRadius:F,borderTopRightRadius:C,borderBottomLeftRadius:T,borderBottomRightRadius:k,borderWidth:N,borderTopWidth:q,borderRightWidth:w,borderBottomWidth:I,borderLeftWidth:L,gap:B,style:V,testID:z,accessibilityRole:M,accessibilityLabel:E,accessibilityState:W,accessibilityHint:D}=e,P=(0,_index.useTheme)(),A=(0,_react.useMemo)(()=>buildStyles(),[]),H=r??P.settings.components.field?.defaultVariant??"outlined",G=(0,_index.resolveFieldSize)(P,t),O=(0,_react.useMemo)(()=>resolveVariantColors(P,H),[P,H]),$=l?2:o?1:0,J=(0,_react.useRef)((0,_index.createAnimatedValue)($)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(J,{toValue:$,duration:P.motion.duration.fast,easing:_reactNative.Easing.bezier(...P.motion.ease["in-out"]),useNativeDriver:!1});return e.start(),()=>e.stop()},[$,J,P.motion.duration.fast,P.motion.ease["in-out"]]);const K=[0,1,2],Q=s?O.backgroundIdleFilled:O.backgroundIdleEmpty,U=O.backgroundFocused??Q,X=O.backgroundError??Q,Y=i?O.backgroundDisabled:J.interpolate({inputRange:K,outputRange:[Q,U,X]}),Z=O.borderIdle,ee=O.borderFocused,te=O.borderError,re={top:q,right:w,bottom:I,left:L},oe={top:re.top??N??O.borderWidth.top,right:re.right??N??O.borderWidth.right,bottom:re.bottom??N??O.borderWidth.bottom,left:re.left??N??O.borderWidth.left},ie={minHeight:_??m??G["min-height"],maxHeight:h,paddingHorizontal:R??G["padding-x"],paddingVertical:j??G["padding-y"],paddingLeft:y??R??G["padding-x"],paddingRight:v??R??G["padding-x"],backgroundColor:Y,columnGap:B??P.space.md,alignItems:"top"===c?"flex-start":"center"},le="underline"===H,se=le?P.radius.none:S??G.radius,ne=le?{tl:P.radius.none,tr:P.radius.none,bl:P.radius.none,br:P.radius.none}:{tl:F??se,tr:C??se,bl:T??se,br:k??se};ie.borderTopLeftRadius=ne.tl,ie.borderTopRightRadius=ne.tr,ie.borderBottomLeftRadius=ne.bl,ie.borderBottomRightRadius=ne.br,ie.borderCurve=_corners.smoothCorners.borderCurve,ie.borderTopWidth=oe.top,ie.borderRightWidth=oe.right,ie.borderBottomWidth=oe.bottom,ie.borderLeftWidth=oe.left;const sideColor=e=>J.interpolate({inputRange:K,outputRange:[Z[e],ee[e],te[e]]}),sameOnEverySide=e=>e.top===e.right&&e.top===e.bottom&&e.top===e.left,ae=!le&&ne.tl===ne.tr&&ne.tl===ne.bl&&ne.tl===ne.br&&sameOnEverySide(oe)&&sameOnEverySide(Z)&&sameOnEverySide(ee)&&sameOnEverySide(te)&&sameOnEverySide(O.borderDisabled),de=(0,_SquircleFill.useSquircle)(ae,ne.tl);if(de.active)ie.backgroundColor="transparent",ie.borderTopColor="transparent",ie.borderRightColor="transparent",ie.borderBottomColor="transparent",ie.borderLeftColor="transparent";else if(i){const e=O.borderDisabled;ie.borderTopColor=e.top,ie.borderRightColor=e.right,ie.borderBottomColor=e.bottom,ie.borderLeftColor=e.left}else ie.borderTopColor=sideColor("top"),ie.borderRightColor=sideColor("right"),ie.borderBottomColor=sideColor("bottom"),ie.borderLeftColor=sideColor("left");const ce=i?O.borderDisabled.top:sideColor("top"),ue=(0,_react.useRef)($);ue.current=$,(0,_react.useEffect)(()=>{J.setValue(ue.current)},[O,J]),void 0!==f&&(ie.width=f),void 0!==_&&(ie.height=_);const be={disabled:i,...W},pe="top"===c,xe=pe?{alignSelf:"flex-start",marginTop:Math.max(0,((u??G.icon)-G.icon)/2)}:null,ge=_??m??G["min-height"],me=(()=>{if(!b)return 0;const e=Math.min(ne.tl,ge/2),t=b.left;return e<=0||t>=e?0:Math.ceil(e-Math.sqrt(e*e-(e-t)*(e-t)))})(),he=b&&oe.top>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:{position:"absolute",top:-oe.top,left:b.left-oe.left,width:b.width,height:oe.top+me,backgroundColor:Y}}):null,renderInner=e=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[de.active&&de.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:de.size.width,height:de.size.height,radius:ne.tl,fill:e&&!i?P.colors["surface-pressed"]:Y,stroke:ce,strokeWidth:oe.top,outset:oe.top}):null,he,null!=n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.slot,xe],children:n}):null,null!=n&&a?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[A.divider,xe,{height:G.icon,backgroundColor:P.colors["field-border"]}]}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.content,pe?A.contentTop:null],children:p}),null!=d?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.slot,xe],children:d}):null]}),fe=(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{onLayout:de.onLayout,style:[A.box,ie,V],accessibilityRole:M,accessibilityLabel:E,accessibilityHint:D,accessibilityState:be,...(0,_ariaState.ariaFromState)(be),testID:z,children:renderInner(!1)});return x&&!g?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:x,disabled:i,accessible:!1,children:fe}):x?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:x,disabled:i,accessibilityRole:M??"button",accessibilityLabel:E,accessibilityHint:D,accessibilityState:be,...(0,_ariaState.ariaFromState)(be),testID:z,children:({pressed:e})=>(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{onLayout:de.onLayout,style:[A.box,ie,!e||i||de.active?null:{backgroundColor:P.colors["surface-pressed"]},V],children:renderInner(e)})}):fe};exports.FieldBase=FieldBase,FieldBase.displayName="FieldBase";const buildStyles=()=>_reactNative.StyleSheet.create({box:{flexDirection:"row",alignItems:"center",overflow:"visible"},slot:{alignItems:"center",justifyContent:"center"},divider:{width:1,alignSelf:"center"},content:{flex:1,flexDirection:"row",alignItems:"center"},contentTop:{alignItems:"flex-start"}});var _default=exports.default=FieldBase;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveVariantColors=exports.resolveFieldTextStyle=exports.pickRepresentativeBorderColor=exports.hasFieldText=exports.fieldTextAsString=exports.default=exports.RequiredPlaceholder=exports.RequiredMark=exports.FieldMessage=exports.FieldLabel=exports.FieldErrorGlyph=exports.FieldBase=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_ariaState=require("../../utils/ariaState.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_Notation=require("../Notation/Notation.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");const expandColorSides=e=>"string"==typeof e?{top:e,right:e,bottom:e,left:e}:{top:e.top??"transparent",right:e.right??"transparent",bottom:e.bottom??"transparent",left:e.left??"transparent"},expandWidthSides=e=>"number"==typeof e?{top:e,right:e,bottom:e,left:e}:{top:e.top??0,right:e.right??0,bottom:e.bottom??0,left:e.left??0},pickRepresentativeBorderColor=e=>{for(const t of["bottom","top","left","right"]){const r=e[t];if(r&&"transparent"!==r)return r}return e.bottom};exports.pickRepresentativeBorderColor=pickRepresentativeBorderColor;const resolveFieldTextStyle=(e,t={})=>{const{disabled:r=!1}=t;return{color:r?e.colors["field-text-disabled"]:e.colors["field-text"],placeholderColor:r?e.colors["field-placeholder-disabled"]:e.colors["field-placeholder"],weightStyle:(0,_index.fontFor)(e,"normal")}};exports.resolveFieldTextStyle=resolveFieldTextStyle;const RequiredMark=()=>{const e=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:e.colors["danger-text"]},children:` ${e.settings.components.field?.requiredMarker??"*"}`})};exports.RequiredMark=RequiredMark;const RequiredPlaceholder=({text:e,color:t,fontSize:r,weightStyle:o,align:i="center",paddingTop:l,textAlign:s})=>(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[_reactNative.StyleSheet.absoluteFill,{justifyContent:"top"===i?"flex-start":"center",paddingTop:l}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{accessible:!1,numberOfLines:1,style:{color:t,fontSize:r,...o,includeFontPadding:!1,textAlign:s},children:[e,(0,_jsxRuntime.jsx)(RequiredMark,{})]})});exports.RequiredPlaceholder=RequiredPlaceholder;const FieldErrorGlyph=({size:e,color:t})=>{const r=(0,_index.useTheme)().settings.icons.error??_defaultIcons.defaultIcons.error;return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:r({size:e,color:t})})};exports.FieldErrorGlyph=FieldErrorGlyph;const hasFieldText=e=>null!=e&&!1!==e&&!0!==e&&""!==e;exports.hasFieldText=hasFieldText;const fieldTextAsString=e=>"string"==typeof e?e:void 0;exports.fieldTextAsString=fieldTextAsString;const FieldLabel=({children:e,size:t="md",required:r=!1,help:o,color:i,style:l})=>{const s=(0,_index.useTheme)(),n=(0,_index.resolveFieldSize)(s,t),a=hasFieldText(o),d=(0,_Notation.useNotationInk)(l,n["label-text"],i??s.colors["field-label"]),c=(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[familyStyles.label,{color:i??s.colors["field-label"],fontSize:n["label-text"],...(0,_index.fontFor)(s,"semibold"),marginBottom:a?s.space.none:n["label-gap"]},a?familyStyles.labelShrink:null,l],children:[(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:d,children:e}),r?(0,_jsxRuntime.jsx)(RequiredMark,{}):null]});return a?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[familyStyles.labelRow,{marginBottom:n["label-gap"]}],children:[c,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[familyStyles.help,{marginLeft:s.space.xs}],children:o})]}):c};exports.FieldLabel=FieldLabel;const FieldMessage=({text:e,error:t=!1,size:r="md",style:o})=>{const i=(0,_index.useTheme)(),l=(0,_index.resolveFieldSize)(i,r),s=t?i.colors["field-message"]:i.colors["text-muted"],n=(0,_Notation.useNotationInk)(o,l["message-text"],s);return hasFieldText(e)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[familyStyles.messageRow,{marginTop:l["message-gap"],columnGap:i.space.xs}],accessibilityLiveRegion:t?"polite":"none",children:[t?(0,_jsxRuntime.jsx)(FieldErrorGlyph,{size:l["message-text"],color:s}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[familyStyles.messageText,{color:s,fontSize:l["message-text"],...(0,_index.fontFor)(i,"normal")},o],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:n,children:e})})]}):null};exports.FieldMessage=FieldMessage;const familyStyles=_reactNative.StyleSheet.create({label:{includeFontPadding:!1},labelShrink:{flexShrink:1},labelRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0,alignItems:"center",justifyContent:"center"},messageRow:{flexDirection:"row",alignItems:"center"},messageText:{flexShrink:1,includeFontPadding:!1}}),resolveVariantColors=(e,t)=>{let r,o,i,l,s;"outline"===t?(r=e.colors["field-bg"],o=e.colors["field-bg-focus"],i=e.colors["field-bg-disabled"],l=e.colors["field-border"],s=e.size.border):"underline"===t?(r="transparent",o=void 0,i="transparent",l={bottom:e.colors["field-border"]},s={bottom:e.size.border}):(r=e.colors["field-bg"],o=void 0,i=e.colors["field-bg-disabled"],l="transparent",s=0);const wrapToIdleShape=e=>"string"==typeof l?e:{bottom:e},n=expandColorSides(l),a=expandColorSides(wrapToIdleShape(e.colors["field-border-focus"]));return{backgroundIdleEmpty:r,backgroundIdleFilled:r,backgroundFocused:o,backgroundError:void 0,backgroundDisabled:i,borderIdle:n,borderFocused:a,borderError:expandColorSides(wrapToIdleShape(e.colors["field-border-error"])),borderDisabled:expandColorSides(l),borderWidth:expandWidthSides(s),borderFocusedRepresentative:pickRepresentativeBorderColor(a)}};exports.resolveVariantColors=resolveVariantColors;const FieldBase=e=>{(0,_warnInvalidValue.warnInvalidValue)("FieldBase","variant",e.variant,["outline","filled","underline"]),(0,_warnInvalidValue.warnInvalidValue)("FieldBase","size",e.size,["sm","md","lg"]);const{size:t="md",variant:r,focused:o=!1,disabled:i=!1,error:l=!1,filled:s=!1,leading:n,leadingDivider:a=!1,trailing:d,slotAlign:c="center",slotLineHeight:u,topNotch:b,children:p,onPress:x,pressFeedback:g=!0,minHeight:m,maxHeight:h,width:f,height:_,paddingHorizontal:v,paddingLeft:R,paddingRight:y,paddingVertical:j,borderRadius:S,borderTopLeftRadius:F,borderTopRightRadius:C,borderBottomLeftRadius:T,borderBottomRightRadius:k,borderWidth:N,borderTopWidth:w,borderRightWidth:I,borderBottomWidth:q,borderLeftWidth:V,gap:L,style:B,testID:z,accessibilityRole:M,accessibilityLabel:E,accessibilityState:W,accessibilityHint:D}=e,P=(0,_index.useTheme)(),A=(0,_react.useMemo)(()=>buildStyles(),[]),H=r??P.settings.components.field?.defaultVariant??"outline",G=(0,_index.resolveFieldSize)(P,t),O=(0,_react.useMemo)(()=>resolveVariantColors(P,H),[P,H]),$=l?2:o?1:0,J=(0,_react.useRef)((0,_index.createAnimatedValue)($)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(J,{toValue:$,duration:P.motion.duration.fast,easing:_reactNative.Easing.bezier(...P.motion.ease["in-out"]),useNativeDriver:!1});return e.start(),()=>e.stop()},[$,J,P.motion.duration.fast,P.motion.ease["in-out"]]);const K=[0,1,2],Q=s?O.backgroundIdleFilled:O.backgroundIdleEmpty,U=O.backgroundFocused??Q,X=O.backgroundError??Q,Y=i?O.backgroundDisabled:J.interpolate({inputRange:K,outputRange:[Q,U,X]}),Z=O.borderIdle,ee=O.borderFocused,te=O.borderError,re={top:w,right:I,bottom:q,left:V},oe={top:re.top??N??O.borderWidth.top,right:re.right??N??O.borderWidth.right,bottom:re.bottom??N??O.borderWidth.bottom,left:re.left??N??O.borderWidth.left},ie={minHeight:_??m??G["min-height"],maxHeight:h,paddingHorizontal:v??G["padding-x"],paddingVertical:j??G["padding-y"],paddingLeft:R??v??G["padding-x"],paddingRight:y??v??G["padding-x"],backgroundColor:Y,columnGap:L??P.space.md,alignItems:"top"===c?"flex-start":"center"},le="underline"===H,se=le?P.radius.none:S??G.radius,ne=le?{tl:P.radius.none,tr:P.radius.none,bl:P.radius.none,br:P.radius.none}:{tl:F??se,tr:C??se,bl:T??se,br:k??se};ie.borderTopLeftRadius=ne.tl,ie.borderTopRightRadius=ne.tr,ie.borderBottomLeftRadius=ne.bl,ie.borderBottomRightRadius=ne.br,ie.borderCurve=_corners.smoothCorners.borderCurve,ie.borderTopWidth=oe.top,ie.borderRightWidth=oe.right,ie.borderBottomWidth=oe.bottom,ie.borderLeftWidth=oe.left;const sideColor=e=>J.interpolate({inputRange:K,outputRange:[Z[e],ee[e],te[e]]}),sameOnEverySide=e=>e.top===e.right&&e.top===e.bottom&&e.top===e.left,ae=!le&&ne.tl===ne.tr&&ne.tl===ne.bl&&ne.tl===ne.br&&sameOnEverySide(oe)&&sameOnEverySide(Z)&&sameOnEverySide(ee)&&sameOnEverySide(te)&&sameOnEverySide(O.borderDisabled),de=(0,_SquircleFill.useSquircle)(ae,ne.tl);if(de.active)ie.backgroundColor="transparent",ie.borderTopColor="transparent",ie.borderRightColor="transparent",ie.borderBottomColor="transparent",ie.borderLeftColor="transparent";else if(i){const e=O.borderDisabled;ie.borderTopColor=e.top,ie.borderRightColor=e.right,ie.borderBottomColor=e.bottom,ie.borderLeftColor=e.left}else ie.borderTopColor=sideColor("top"),ie.borderRightColor=sideColor("right"),ie.borderBottomColor=sideColor("bottom"),ie.borderLeftColor=sideColor("left");const ce=i?O.borderDisabled.top:sideColor("top"),ue=(0,_react.useRef)($);ue.current=$,(0,_react.useEffect)(()=>{J.setValue(ue.current)},[O,J]),void 0!==f&&(ie.width=f),void 0!==_&&(ie.height=_);const be={disabled:i,...W},pe="top"===c,xe=pe?{alignSelf:"flex-start",marginTop:Math.max(0,((u??G.icon)-G.icon)/2)}:null,ge=_??m??G["min-height"],me=(()=>{if(!b)return 0;const e=Math.min(ne.tl,ge/2),t=b.left;return e<=0||t>=e?0:Math.ceil(e-Math.sqrt(e*e-(e-t)*(e-t)))})(),he=b&&oe.top>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:{position:"absolute",top:-oe.top,left:b.left-oe.left,width:b.width,height:oe.top+me,backgroundColor:Y}}):null,renderInner=e=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[de.active&&de.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:de.size.width,height:de.size.height,radius:ne.tl,fill:e&&!i?P.colors["surface-pressed"]:Y,stroke:ce,strokeWidth:oe.top}):null,he,null!=n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.slot,xe],children:n}):null,null!=n&&a?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[A.divider,xe,{height:G.icon,backgroundColor:P.colors["field-border"]}]}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.content,pe?A.contentTop:null],children:p}),null!=d?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.slot,xe],children:d}):null]}),fe=(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{onLayout:de.onLayout,style:[A.box,ie,B],accessibilityRole:M,accessibilityLabel:E,accessibilityHint:D,accessibilityState:be,...(0,_ariaState.ariaFromState)(be),testID:z,children:renderInner(!1)});return x&&!g?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:x,disabled:i,accessible:!1,children:fe}):x?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:x,disabled:i,accessibilityRole:M??"button",accessibilityLabel:E,accessibilityHint:D,accessibilityState:be,...(0,_ariaState.ariaFromState)(be),testID:z,children:({pressed:e})=>(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{onLayout:de.onLayout,style:[A.box,ie,!e||i||de.active?null:{backgroundColor:P.colors["surface-pressed"]},B],children:renderInner(e)})}):fe};exports.FieldBase=FieldBase,FieldBase.displayName="FieldBase";const buildStyles=()=>_reactNative.StyleSheet.create({box:{flexDirection:"row",alignItems:"center",overflow:"visible"},slot:{alignItems:"center",justifyContent:"center"},divider:{width:1,alignSelf:"center"},content:{flex:1,flexDirection:"row",alignItems:"center"},contentTop:{alignItems:"flex-start"}});var _default=exports.default=FieldBase;

package/lib/commonjs/components/FieldBase/useFloatingLabel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFloatingLabel=exports.FLOATED_LABEL_SCALE=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_Notation=require("../Notation/Notation.js"),_FieldBase=require("./FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const FLOATED_LABEL_SCALE=exports.FLOATED_LABEL_SCALE=.85,FLOATED_LABEL_LIFT=1,useFloatingLabel=({label:e,enabled:t,floated:i,required:n=!1,variant:a,sizeTokens:r,leadingOffset:o,trailingOffset:s=0,textAlign:l="left",paddingLeft:u,lineHeight:d,restNudge:c=0,floatTrim:_=0,color:g,style:x})=>{const h=(0,_index.useTheme)(),L=(0,_react.useRef)((0,_index.createAnimatedValue)(i?1:0)).current,f=(0,_react.useRef)((0,_index.createAnimatedValue)(i?1:0)).current,p="outlined"===a,[m,A]=(0,_react.useState)(null);return(0,_react.useEffect)(()=>{const e=i?1:0,timing=(t,i)=>_reactNative.Animated.timing(t,{toValue:e,duration:h.motion.duration.fast,easing:_reactNative.Easing.bezier(...h.motion.ease["in-out"]),useNativeDriver:i});p||f.setValue(e);const t=p?_reactNative.Animated.parallel([timing(L,!0),timing(f,!1)]):timing(L,!0);return t.start(),()=>t.stop()},[i,p,L,f,h.motion.duration.fast,h.motion.ease["in-out"]]),(0,_react.useMemo)(()=>{if(!t||!(0,_FieldBase.hasFieldText)(e))return{node:null,topNotch:void 0};const i=d??m?.height??r.text,a=null!=d?r["padding-y"]+c:Math.max(0,(r["min-height"]-i)/2),v=-(a+i/2+1-_),E=L.interpolate({inputRange:[0,1],outputRange:[0,v]}),F=L.interpolate({inputRange:[0,1],outputRange:[1,FLOATED_LABEL_SCALE]}),N=-o,R=L.interpolate({inputRange:[0,1],outputRange:[0,N]}),S="right"===l?{right:r["padding-x"]+s,transformOrigin:"right center"}:"center"===l?{alignSelf:"center",transformOrigin:"center"}:{left:u+o,transformOrigin:"left center"},j=h.space.xs,O=m?m.width*FLOATED_LABEL_SCALE:0,T=m?"right"===l?m.width-O:"center"===l?(m.width-O)/2:0:0,b=p&&m?{left:m.x+N+T-j,width:f.interpolate({inputRange:[0,1],outputRange:[0,O+2*j]})}:void 0,y=_reactNative.StyleSheet.flatten(x),B={fontSize:y?.fontSize??r.text,color:y?.color??g};return{node:(0,_jsxRuntime.jsxs)(_reactNative.Animated.Text,{pointerEvents:"none",onLayout:e=>{const{x:t,width:i,height:n}=e.nativeEvent.layout;A(e=>e&&e.x===t&&e.width===i&&e.height===n?e:{x:t,width:i,height:n})},style:[styles.label,S,{top:a,color:g,fontSize:r.text,lineHeight:d,...(0,_index.fontFor)(h,"medium"),transform:[{translateX:R},{translateY:E},{scale:F}]},x],children:[(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:B,children:e}),n?(0,_jsxRuntime.jsx)(_FieldBase.RequiredMark,{}):null]}),topNotch:b}},[t,e,n,p,r,o,s,l,u,d,c,_,g,x,L,f,m,h])};exports.useFloatingLabel=useFloatingLabel;const styles=_reactNative.StyleSheet.create({label:{position:"absolute",zIndex:1}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFloatingLabel=exports.FLOATED_LABEL_SCALE=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_Notation=require("../Notation/Notation.js"),_FieldBase=require("./FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const FLOATED_LABEL_SCALE=exports.FLOATED_LABEL_SCALE=.85,FLOATED_LABEL_LIFT=1,useFloatingLabel=({label:e,enabled:t,floated:i,required:n=!1,variant:a,sizeTokens:r,leadingOffset:o,trailingOffset:s=0,textAlign:l="left",paddingLeft:u,lineHeight:d,restNudge:c=0,floatTrim:_=0,color:g,style:x})=>{const h=(0,_index.useTheme)(),L=(0,_react.useRef)((0,_index.createAnimatedValue)(i?1:0)).current,f=(0,_react.useRef)((0,_index.createAnimatedValue)(i?1:0)).current,p="outline"===a,[m,A]=(0,_react.useState)(null);return(0,_react.useEffect)(()=>{const e=i?1:0,timing=(t,i)=>_reactNative.Animated.timing(t,{toValue:e,duration:h.motion.duration.fast,easing:_reactNative.Easing.bezier(...h.motion.ease["in-out"]),useNativeDriver:i});p||f.setValue(e);const t=p?_reactNative.Animated.parallel([timing(L,!0),timing(f,!1)]):timing(L,!0);return t.start(),()=>t.stop()},[i,p,L,f,h.motion.duration.fast,h.motion.ease["in-out"]]),(0,_react.useMemo)(()=>{if(!t||!(0,_FieldBase.hasFieldText)(e))return{node:null,topNotch:void 0};const i=d??m?.height??r.text,a=null!=d?r["padding-y"]+c:Math.max(0,(r["min-height"]-i)/2),v=-(a+i/2+1-_),E=L.interpolate({inputRange:[0,1],outputRange:[0,v]}),F=L.interpolate({inputRange:[0,1],outputRange:[1,FLOATED_LABEL_SCALE]}),N=-o,R=L.interpolate({inputRange:[0,1],outputRange:[0,N]}),S="right"===l?{right:r["padding-x"]+s,transformOrigin:"right center"}:"center"===l?{alignSelf:"center",transformOrigin:"center"}:{left:u+o,transformOrigin:"left center"},j=h.space.xs,O=m?m.width*FLOATED_LABEL_SCALE:0,T=m?"right"===l?m.width-O:"center"===l?(m.width-O)/2:0:0,b=p&&m?{left:m.x+N+T-j,width:f.interpolate({inputRange:[0,1],outputRange:[0,O+2*j]})}:void 0,y=_reactNative.StyleSheet.flatten(x),B={fontSize:y?.fontSize??r.text,color:y?.color??g};return{node:(0,_jsxRuntime.jsxs)(_reactNative.Animated.Text,{pointerEvents:"none",onLayout:e=>{const{x:t,width:i,height:n}=e.nativeEvent.layout;A(e=>e&&e.x===t&&e.width===i&&e.height===n?e:{x:t,width:i,height:n})},style:[styles.label,S,{top:a,color:g,fontSize:r.text,lineHeight:d,...(0,_index.fontFor)(h,"medium"),transform:[{translateX:R},{translateY:E},{scale:F}]},x],children:[(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:B,children:e}),n?(0,_jsxRuntime.jsx)(_FieldBase.RequiredMark,{}):null]}),topNotch:b}},[t,e,n,p,r,o,s,l,u,d,c,_,g,x,L,f,m,h])};exports.useFloatingLabel=useFloatingLabel;const styles=_reactNative.StyleSheet.create({label:{position:"absolute",zIndex:1}});

package/lib/commonjs/components/FilePicker/FilePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchesAccept=exports.formatFileSize=exports.default=exports.FilePicker=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index4=require("../FieldBase/index.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_index5=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");let fileIdSeq=0;const nextFileId=()=>"wfp-"+ ++fileIdSeq,DEFAULT_LABELS={trigger:"Attach file",addMore:"Add more",sheetTitle:"Add from",removeFile:e=>`Remove ${e}`,retry:"Retry upload",errorTooMany:e=>`You can attach up to ${e} files.`,errorTooLarge:(e,t)=>`${e} is larger than ${t} MB.`,errorWrongType:e=>`${e} is not an accepted file type.`},formatFileSize=e=>{if(void 0===e||e<=0)return"";const t=["B","KB","MB","GB"];let r=e,i=0;for(;r>=1024&&i<t.length-1;)r/=1024,i+=1;return`${r>=10||0===i?Math.round(r):Math.round(10*r)/10} ${t[i]}`};exports.formatFileSize=formatFileSize;const matchesAccept=(e,t)=>!t||0===t.length||!!e&&t.some(t=>"*/*"===t||"*"===t||(t.endsWith("/*")?e.startsWith(t.slice(0,t.length-1)):e===t));exports.matchesAccept=matchesAccept;const isImage=e=>!0===e.type?.startsWith("image/")||!e.type&&/\.(png|jpe?g|gif|webp|heic)$/i.test(e.name),imageSourceOf=e=>e.thumbnailUrl??(isImage(e)?e.uri??e.url:void 0),extensionOf=e=>{const t=e.lastIndexOf(".");return t<=0||t===e.length-1?"FILE":e.slice(t+1).toUpperCase().slice(0,4)},FilePicker=exports.FilePicker=(0,_react.forwardRef)((e,t)=>{const{files:r,defaultFiles:i,onChange:s,sources:o,maxFiles:n,maxSizeMB:l,accept:a,validate:c,process:d,variant:u="card",renderFile:x,renderTrigger:m,disabled:h=!1,helperText:g,error:p,labels:_,haptic:b,onPick:y,onRemove:f,onError:j,onFilePress:v,onRetry:R,style:S,accessibilityLabel:T,testID:C}=e,F=(0,_index2.useTheme)(),w=(0,_react.useMemo)(()=>buildStyles(F),[F]),z=(0,_react.useMemo)(()=>({...DEFAULT_LABELS,..._}),[_]),N=F.radius.md,P=F.colors.primary,[k,I]=(0,_index.useControllableState)({value:r,defaultValue:i??[],onChange:s}),O=(0,_react.useRef)(k);O.current=k;const V=(0,_react.useCallback)(e=>{O.current=e,I(e)},[I]),[M,B]=(0,_react.useState)(null),[L,A]=(0,_react.useState)(!1),$=p??M??void 0,q="number"==typeof n&&k.length>=n,H=(0,_react.useCallback)((e,t)=>{0!==e.length&&(B(e[0]),e.forEach(e=>{j?.(e,t)}),!1!==b&&(0,_index3.triggerHaptic)("notificationError"))},[j,b]),E=(0,_react.useCallback)(async e=>{let t;try{t=await e.pick()}catch(e){return void H([e instanceof Error?e.message:String(e)])}if(!t||0===t.length)return;const r=[];let i=t.map(e=>({id:nextFileId(),name:e.name??e.uri.split("/").pop()??"file",uri:e.uri,type:e.type,size:e.size,meta:e.meta,status:"idle"}));if("number"==typeof n){const e=Math.max(0,n-O.current.length);i.length>e&&(r.push(z.errorTooMany(n)),i=i.slice(0,e))}const s=[];for(const e of i){if("number"==typeof l&&"number"==typeof e.size&&e.size>1024*l*1024){r.push(z.errorTooLarge(e.name,l));continue}if(!matchesAccept(e.type,a)){r.push(z.errorWrongType(e.name));continue}const t=c?.(e);t?r.push(t):s.push(e)}if(H(r),0===s.length)return;if(!d){V([...O.current,...s]),B(r.length>0?r[0]:null);const e=(0,_index3.resolveHaptic)(b,"selection");return e&&(0,_index3.triggerHaptic)(e),void y?.(s)}const o=s.map(e=>({...e,status:"processing"}));V([...O.current,...o]);const u=[];for(const e of o)try{const t=await d({...e,status:"idle"}),r={...t,id:e.id,status:t.status??"idle"};V(O.current.map(t=>t.id===e.id?r:t)),u.push(r)}catch(t){V(O.current.filter(t=>t.id!==e.id)),H([t instanceof Error?t.message:String(t)],e)}if(u.length>0){0===r.length&&B(null);const e=(0,_index3.resolveHaptic)(b,"selection");e&&(0,_index3.triggerHaptic)(e),y?.(u)}},[n,l,a,c,d,z,H,V,y,b]),W=(0,_react.useCallback)(e=>{if(h||q)return;const t=e?o.find(t=>t.key===e):1===o.length?o[0]:void 0;t?E(t):o.length>1&&A(!0)},[h,q,o,E]),D=(0,_react.useCallback)(e=>{if(h)return;V(O.current.filter(t=>t.id!==e.id)),B(null);const t=(0,_index3.resolveHaptic)(b,"selection");t&&(0,_index3.triggerHaptic)(t),f?.(e)},[h,V,f,b]),U=(0,_react.useCallback)(()=>{V([]),B(null)},[V]);(0,_react.useImperativeHandle)(t,()=>({open:W,clear:U}),[W,U]);const G=0===k.length?z.trigger:`${k.length} file${1===k.length?"":"s"} attached`,K=T??`Attachments. ${G}`,statusText=e=>{switch(e.status){case"processing":return"Processing…";case"uploading":return`Uploading ${Math.round(100*(e.progress??0))}%`;case"done":return"Uploaded";case"error":return e.error??"Failed";default:return""}},fileA11yLabel=e=>[e.name,formatFileSize(e.size),statusText(e)].filter(Boolean).join(", "),Y=F.settings.icons.attachment??_defaultIcons.defaultIcons.attachment,renderStatusOverlay=e=>{if("processing"===e.status)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:(0,_jsxRuntime.jsx)(_index5.Spinner,{size:"sm"})});if("uploading"===e.status){const t=Math.round(100*(e.progress??0));return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.tileOverlayText,{color:F.colors["on-scrim"]}],children:`${t}%`}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileProgressTrack,{backgroundColor:F.colors.border}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileProgressFill,{width:`${t}%`,backgroundColor:F.colors.primary}]})})]})}return"done"===e.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.doneBadge,{backgroundColor:F.colors.success}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.doneBadgeText,{color:F.colors["on-success"]}],children:"✓"})}):null},renderThumbnail=e=>{const t=imageSourceOf(e);return t?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:t},style:w.thumbnailImage}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.extensionTile,{backgroundColor:F.colors["bg-subtle"]}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.extensionText,{color:F.colors["text-muted"],...(0,_index2.fontFor)(F,"semibold")}],children:extensionOf(e.name)})})},removeButton=e=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>D(e),disabled:h,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:z.removeFile(e.name),style:[w.removeButton,{backgroundColor:F.colors.scrim}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.removeButtonText,{color:F.colors["on-scrim"]}],children:"×"})}),retryButton=e=>R&&"error"===e.status?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>R(e),disabled:h,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:z.retry,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.retryText,{color:F.colors.primary}],children:"↻"})}):null,renderOneFile=(e,t)=>{const r={file:e,index:t,disabled:h,remove:()=>D(e),retry:R?()=>R(e):void 0},i=x?x(r):"card"===u?(e=>{const{file:t}=e;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.tile,{width:84,height:84,borderRadius:N,..._corners.smoothCorners,borderColor:"error"===t.status?F.colors.danger:F.colors.border}],children:[renderThumbnail(t),renderStatusOverlay(t),"error"===t.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:retryButton(t)}):null,removeButton(t)]})})(r):(e=>{const{file:t}=e,r=statusText(t);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.listRow,{borderRadius:N,..._corners.smoothCorners,borderColor:"error"===t.status?F.colors.danger:F.colors.border,backgroundColor:F.colors.bg}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.listThumb,{borderRadius:F.radius.sm,..._corners.smoothCorners}],children:[renderThumbnail(t),"processing"===t.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:(0,_jsxRuntime.jsx)(_index5.Spinner,{size:"sm"})}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.listTextWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"middle",style:[w.listName,{color:F.colors["text-body"],fontSize:F.text.sm.size,...(0,_index2.fontFor)(F,"medium")}],children:t.name}),(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,style:[w.listSubtitle,{color:"error"===t.status?F.colors["danger-text"]:F.colors["text-subtle"],fontSize:F.text.xs.size}],children:[formatFileSize(t.size),r].filter(Boolean).join(" · ")}),"uploading"===t.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.listProgressTrack,{backgroundColor:F.colors.border}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.listProgressFill,{width:`${Math.round(100*(t.progress??0))}%`,backgroundColor:F.colors.primary}]})}):null]}),retryButton(t),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>D(t),disabled:h,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:z.removeFile(t.name),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.listRemoveText,{color:F.colors["text-subtle"]}],children:"×"})})]})})(r);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:v?()=>v(e):void 0,disabled:h||!v,accessibilityLabel:fileA11yLabel(e),children:i},e.id)},J={open:W,disabled:h||q,fileCount:k.length,atCapacity:q},dashedTrigger=e=>(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>W(),disabled:h||q,accessibilityRole:"button",accessibilityLabel:K,accessibilityState:{disabled:h||q},"aria-disabled":h||q,style:({pressed:t})=>[w.trigger,e?w.triggerCompact:null,{borderRadius:N,..._corners.smoothCorners,borderColor:P,backgroundColor:t?F.colors["surface-pressed"]:F.colors.bg,opacity:h||q?.55:1}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.triggerRow,children:[Y?Y({size:16,color:F.colors.primary}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.triggerText,{color:F.colors.primary,fontSize:F.text.sm.size,...(0,_index2.fontFor)(F,"medium")}],children:0===k.length?z.trigger:z.addMore})]}),!e&&g?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.helperText,{color:F.colors["text-subtle"],fontSize:F.text.xs.size}],children:g}):null]}),Q=(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>W(),disabled:h||q,accessibilityRole:"button",accessibilityLabel:z.addMore,style:({pressed:e})=>[w.tile,w.addTile,{width:84,height:84,borderRadius:N,..._corners.smoothCorners,borderColor:P,backgroundColor:e?F.colors["surface-pressed"]:"transparent",opacity:h||q?.55:1}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.addTileText,{color:F.colors.primary}],children:"+"})});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.container,S],testID:C,accessibilityLabel:K,children:["card"===u?0===k.length?m?m(J):dashedTrigger(!1):(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:[w.strip,{columnGap:F.space.sm}],children:[k.map(renderOneFile),m?m(J):q||h?null:Q]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{rowGap:F.space.sm},children:[m?m(J):q?null:dashedTrigger(k.length>0),k.map(renderOneFile)]}),(0,_index4.hasFieldText)($)?(0,_jsxRuntime.jsx)(_reactNative.Text,{accessibilityLiveRegion:"polite",style:[w.errorText,{color:F.colors["danger-text"],fontSize:F.text.xs.size,marginTop:F.space.xxs}],children:$}):null,(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{open:L,onClose:()=>A(!1),title:z.sheetTitle,options:o,labelOf:e=>e.label,getValue:e=>e.key,disabledOf:()=>!1,descriptionOf:e=>e.description,iconOf:e=>e.icon,isSelected:()=>!1,onSelect:e=>{A(!1),E(e)}})]})});FilePicker.displayName="FilePicker";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},trigger:{borderWidth:1,borderStyle:"dashed",alignItems:"center",minHeight:48,paddingVertical:e.space.md,paddingHorizontal:e.space.lg},triggerCompact:{minHeight:40,paddingVertical:e.space.sm},triggerRow:{flexDirection:"row",alignItems:"center",columnGap:e.space.sm},triggerText:{includeFontPadding:!1},helperText:{includeFontPadding:!1,marginTop:e.space.xs,textAlign:"center"},strip:{paddingVertical:e.space.xxs},tile:{borderWidth:1,overflow:"hidden"},addTile:{borderStyle:"dashed",alignItems:"center",justifyContent:"center"},addTileText:{fontSize:e.text["3xl"].size,includeFontPadding:!1},thumbnailImage:{width:"100%",height:"100%",resizeMode:"cover"},extensionTile:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center"},extensionText:{fontSize:e.text.sm.size,letterSpacing:1,includeFontPadding:!1},tileOverlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center"},tileOverlayText:{fontSize:e.text.sm.size,includeFontPadding:!1,marginBottom:e.space.xs},tileProgressTrack:{position:"absolute",left:8,right:8,bottom:8,height:3,borderRadius:e.radius.pill,..._corners.smoothCorners,overflow:"hidden"},tileProgressFill:{height:"100%",borderRadius:e.radius.pill,..._corners.smoothCorners},doneBadge:{position:"absolute",right:4,bottom:4,width:18,height:18,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},doneBadgeText:{fontSize:e.text.xs.size,includeFontPadding:!1},removeButton:{position:"absolute",top:4,right:4,width:20,height:20,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},removeButtonText:{fontSize:e.text.sm.size,lineHeight:15,includeFontPadding:!1},retryText:{fontSize:e.text.xl.size,includeFontPadding:!1},listRow:{flexDirection:"row",alignItems:"center",borderWidth:1,padding:e.space.sm,columnGap:e.space.sm},listThumb:{width:40,height:40,overflow:"hidden"},listTextWrap:{flex:1},listName:{includeFontPadding:!1},listSubtitle:{includeFontPadding:!1,marginTop:e.space.xxs},listProgressTrack:{height:3,borderRadius:e.radius.pill,..._corners.smoothCorners,overflow:"hidden",marginTop:e.space.xs},listProgressFill:{height:"100%",borderRadius:e.radius.pill,..._corners.smoothCorners},listRemoveText:{fontSize:e.text["2xl"].size,includeFontPadding:!1,paddingHorizontal:e.space.xs},errorText:{includeFontPadding:!1}});var _default=exports.default=FilePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchesAccept=exports.formatFileSize=exports.default=exports.FilePicker=exports.DEFAULT_FILE_PICKER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index4=require("../FieldBase/index.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_index5=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");let fileIdSeq=0;const nextFileId=()=>"wfp-"+ ++fileIdSeq,DEFAULT_FILE_PICKER_LABELS=exports.DEFAULT_FILE_PICKER_LABELS={trigger:"Attach file",addMore:"Add more",sheetTitle:"Add from",removeFile:e=>`Remove ${e}`,retry:"Retry upload",attachments:"Attachments",attached:e=>`${e} file${1===e?"":"s"} attached`,processing:"Processing…",uploading:e=>`Uploading ${e}%`,uploaded:"Uploaded",failed:"Failed",errorTooMany:e=>`You can attach up to ${e} files.`,errorTooLarge:(e,t)=>`${e} is larger than ${t} MB.`,errorWrongType:e=>`${e} is not an accepted file type.`},formatFileSize=e=>{if(void 0===e||e<=0)return"";const t=["B","KB","MB","GB"];let r=e,i=0;for(;r>=1024&&i<t.length-1;)r/=1024,i+=1;return`${r>=10||0===i?Math.round(r):Math.round(10*r)/10} ${t[i]}`};exports.formatFileSize=formatFileSize;const matchesAccept=(e,t)=>!t||0===t.length||!!e&&t.some(t=>"*/*"===t||"*"===t||(t.endsWith("/*")?e.startsWith(t.slice(0,t.length-1)):e===t));exports.matchesAccept=matchesAccept;const isImage=e=>!0===e.type?.startsWith("image/")||!e.type&&/\.(png|jpe?g|gif|webp|heic)$/i.test(e.name),imageSourceOf=e=>e.thumbnailUrl??(isImage(e)?e.uri??e.url:void 0),extensionOf=e=>{const t=e.lastIndexOf(".");return t<=0||t===e.length-1?"FILE":e.slice(t+1).toUpperCase().slice(0,4)},FilePicker=exports.FilePicker=(0,_react.forwardRef)((e,t)=>{(0,_warnInvalidValue.warnInvalidValue)("FilePicker","variant",e.variant,["card","list"]);const{files:r,defaultFiles:i,onChange:s,sources:o,maxFiles:n,maxSizeMB:l,accept:a,validate:c,process:d,variant:u="card",renderFile:x,renderTrigger:m,disabled:h=!1,helperText:g,error:p,labels:_,haptic:b,onPick:y,onRemove:f,onError:j,onFilePress:v,onRetry:R,style:S,accessibilityLabel:T,testID:C}=e,F=(0,_index2.useTheme)(),w=(0,_react.useMemo)(()=>buildStyles(F),[F]),P=(0,_react.useMemo)(()=>({...DEFAULT_FILE_PICKER_LABELS,..._}),[_]),N=F.radius.md,z=F.colors.primary,[I,k]=(0,_index.useControllableState)({value:r,defaultValue:i??[],onChange:s}),L=(0,_react.useRef)(I);L.current=I;const V=(0,_react.useCallback)(e=>{L.current=e,k(e)},[k]),[O,B]=(0,_react.useState)(null),[E,M]=(0,_react.useState)(!1),A=p??O??void 0,$="number"==typeof n&&I.length>=n,q=(0,_react.useCallback)((e,t)=>{0!==e.length&&(B(e[0]),e.forEach(e=>{j?.(e,t)}),!1!==b&&(0,_index3.triggerHaptic)("notificationError"))},[j,b]),H=(0,_react.useCallback)(async e=>{let t;try{t=await e.pick()}catch(e){return void q([e instanceof Error?e.message:String(e)])}if(!t||0===t.length)return;const r=[];let i=t.map(e=>({id:nextFileId(),name:e.name??e.uri.split("/").pop()??"file",uri:e.uri,type:e.type,bytes:e.size,meta:e.meta,status:"idle"}));if("number"==typeof n){const e=Math.max(0,n-L.current.length);i.length>e&&(r.push(P.errorTooMany(n)),i=i.slice(0,e))}const s=[];for(const e of i){if("number"==typeof l&&"number"==typeof e.bytes&&e.bytes>1024*l*1024){r.push(P.errorTooLarge(e.name,l));continue}if(!matchesAccept(e.type,a)){r.push(P.errorWrongType(e.name));continue}const t=c?.(e);t?r.push(t):s.push(e)}if(q(r),0===s.length)return;if(!d){V([...L.current,...s]),B(r.length>0?r[0]:null);const e=(0,_index3.resolveHaptic)(b,"selection");return e&&(0,_index3.triggerHaptic)(e),void y?.(s)}const o=s.map(e=>({...e,status:"processing"}));V([...L.current,...o]);const u=[];for(const e of o)try{const t=await d({...e,status:"idle"}),r={...t,id:e.id,status:t.status??"idle"};V(L.current.map(t=>t.id===e.id?r:t)),u.push(r)}catch(t){V(L.current.filter(t=>t.id!==e.id)),q([t instanceof Error?t.message:String(t)],e)}if(u.length>0){0===r.length&&B(null);const e=(0,_index3.resolveHaptic)(b,"selection");e&&(0,_index3.triggerHaptic)(e),y?.(u)}},[n,l,a,c,d,P,q,V,y,b]),W=(0,_react.useCallback)(e=>{if(h||$)return;const t=e?o.find(t=>t.key===e):1===o.length?o[0]:void 0;t?H(t):o.length>1&&M(!0)},[h,$,o,H]),D=(0,_react.useCallback)(e=>{if(h)return;V(L.current.filter(t=>t.id!==e.id)),B(null);const t=(0,_index3.resolveHaptic)(b,"selection");t&&(0,_index3.triggerHaptic)(t),f?.(e)},[h,V,f,b]),U=(0,_react.useCallback)(()=>{V([]),B(null)},[V]);(0,_react.useImperativeHandle)(t,()=>({open:W,clear:U}),[W,U]);const G=0===I.length?P.trigger:P.attached(I.length),K=T??`${P.attachments}. ${G}`,statusText=e=>{switch(e.status){case"processing":return P.processing;case"uploading":return P.uploading(Math.round(100*(e.progress??0)));case"done":return P.uploaded;case"error":return e.error??P.failed;default:return""}},fileA11yLabel=e=>[e.name,formatFileSize(e.bytes),statusText(e)].filter(Boolean).join(", "),Y=F.settings.icons.attachment??_defaultIcons.defaultIcons.attachment,renderStatusOverlay=e=>{if("processing"===e.status)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:(0,_jsxRuntime.jsx)(_index5.Spinner,{size:"sm"})});if("uploading"===e.status){const t=Math.round(100*(e.progress??0));return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.tileOverlayText,{color:F.colors["on-scrim"]}],children:`${t}%`}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileProgressTrack,{backgroundColor:F.colors.border}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileProgressFill,{width:`${t}%`,backgroundColor:F.colors.primary}]})})]})}return"done"===e.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.doneBadge,{backgroundColor:F.colors.success}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.doneBadgeText,{color:F.colors["on-success"]}],children:"✓"})}):null},renderThumbnail=e=>{const t=imageSourceOf(e);return t?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:t},style:w.thumbnailImage}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.extensionTile,{backgroundColor:F.colors["bg-subtle"]}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.extensionText,{color:F.colors["text-muted"],...(0,_index2.fontFor)(F,"semibold")}],children:extensionOf(e.name)})})},removeButton=e=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>D(e),disabled:h,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:P.removeFile(e.name),style:[w.removeButton,{backgroundColor:F.colors.scrim}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.removeButtonText,{color:F.colors["on-scrim"]}],children:"×"})}),retryButton=e=>R&&"error"===e.status?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>R(e),disabled:h,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:P.retry,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.retryText,{color:F.colors.primary}],children:"↻"})}):null,renderOneFile=(e,t)=>{const r={file:e,index:t,disabled:h,remove:()=>D(e),retry:R?()=>R(e):void 0},i=x?x(r):"card"===u?(e=>{const{file:t}=e;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.tile,{width:84,height:84,borderRadius:N,..._corners.smoothCorners,borderColor:"error"===t.status?F.colors.danger:F.colors.border}],children:[renderThumbnail(t),renderStatusOverlay(t),"error"===t.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:retryButton(t)}):null,removeButton(t)]})})(r):(e=>{const{file:t}=e,r=statusText(t);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.listRow,{borderRadius:N,..._corners.smoothCorners,borderColor:"error"===t.status?F.colors.danger:F.colors.border,backgroundColor:F.colors.bg}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.listThumb,{borderRadius:F.radius.sm,..._corners.smoothCorners}],children:[renderThumbnail(t),"processing"===t.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tileOverlay,{backgroundColor:F.colors.scrim}],children:(0,_jsxRuntime.jsx)(_index5.Spinner,{size:"sm"})}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.listTextWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"middle",style:[w.listName,{color:F.colors["text-body"],fontSize:F.text.sm.size,...(0,_index2.fontFor)(F,"medium")}],children:t.name}),(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,style:[w.listSubtitle,{color:"error"===t.status?F.colors["danger-text"]:F.colors["text-subtle"],fontSize:F.text.xs.size}],children:[formatFileSize(t.bytes),r].filter(Boolean).join(" · ")}),"uploading"===t.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.listProgressTrack,{backgroundColor:F.colors.border}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.listProgressFill,{width:`${Math.round(100*(t.progress??0))}%`,backgroundColor:F.colors.primary}]})}):null]}),retryButton(t),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>D(t),disabled:h,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:P.removeFile(t.name),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.listRemoveText,{color:F.colors["text-subtle"]}],children:"×"})})]})})(r);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:v?()=>v(e):void 0,disabled:h||!v,accessibilityLabel:fileA11yLabel(e),children:i},e.id)},J={open:W,disabled:h||$,fileCount:I.length,atCapacity:$},dashedTrigger=e=>(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>W(),disabled:h||$,accessibilityRole:"button",accessibilityState:{disabled:h||$},"aria-disabled":h||$,style:({pressed:t})=>[w.trigger,e?w.triggerCompact:null,{borderRadius:N,..._corners.smoothCorners,borderColor:z,backgroundColor:t?F.colors["surface-pressed"]:F.colors.bg,opacity:h||$?.55:1}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.triggerRow,children:[Y?Y({size:16,color:F.colors.primary}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.triggerText,{color:F.colors.primary,fontSize:F.text.sm.size,...(0,_index2.fontFor)(F,"medium")}],children:0===I.length?P.trigger:P.addMore})]}),!e&&g?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.helperText,{color:F.colors["text-subtle"],fontSize:F.text.xs.size}],children:g}):null]}),Q=(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>W(),disabled:h||$,accessibilityRole:"button",accessibilityLabel:P.addMore,style:({pressed:e})=>[w.tile,w.addTile,{width:84,height:84,borderRadius:N,..._corners.smoothCorners,borderColor:z,backgroundColor:e?F.colors["surface-pressed"]:"transparent",opacity:h||$?.55:1}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.addTileText,{color:F.colors.primary}],children:"+"})});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.container,S],testID:C,accessibilityLabel:K,children:["card"===u?0===I.length?m?m(J):dashedTrigger(!1):(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:[w.strip,{columnGap:F.space.sm}],children:[I.map(renderOneFile),m?m(J):$||h?null:Q]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{rowGap:F.space.sm},children:[m?m(J):$?null:dashedTrigger(I.length>0),I.map(renderOneFile)]}),(0,_index4.hasFieldText)(A)?(0,_jsxRuntime.jsx)(_reactNative.Text,{accessibilityLiveRegion:"polite",style:[w.errorText,{color:F.colors["danger-text"],fontSize:F.text.xs.size,marginTop:F.space.xxs}],children:A}):null,(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{visible:E,onClose:()=>M(!1),title:P.sheetTitle,options:o,getOptionLabel:e=>e.label,getOptionValue:e=>e.key,getOptionDescription:e=>e.description,getOptionIcon:e=>e.icon,onChange:(e,t)=>{M(!1),H(t)}})]})});FilePicker.displayName="FilePicker";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},trigger:{borderWidth:1,borderStyle:"dashed",alignItems:"center",minHeight:48,paddingVertical:e.space.md,paddingHorizontal:e.space.lg},triggerCompact:{minHeight:40,paddingVertical:e.space.sm},triggerRow:{flexDirection:"row",alignItems:"center",columnGap:e.space.sm},triggerText:{includeFontPadding:!1},helperText:{includeFontPadding:!1,marginTop:e.space.xs,textAlign:"center"},strip:{paddingVertical:e.space.xxs},tile:{borderWidth:1,overflow:"hidden"},addTile:{borderStyle:"dashed",alignItems:"center",justifyContent:"center"},addTileText:{fontSize:e.text["3xl"].size,includeFontPadding:!1},thumbnailImage:{width:"100%",height:"100%",resizeMode:"cover"},extensionTile:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center"},extensionText:{fontSize:e.text.sm.size,letterSpacing:1,includeFontPadding:!1},tileOverlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center"},tileOverlayText:{fontSize:e.text.sm.size,includeFontPadding:!1,marginBottom:e.space.xs},tileProgressTrack:{position:"absolute",left:8,right:8,bottom:8,height:3,borderRadius:e.radius.pill,..._corners.smoothCorners,overflow:"hidden"},tileProgressFill:{height:"100%",borderRadius:e.radius.pill,..._corners.smoothCorners},doneBadge:{position:"absolute",right:4,bottom:4,width:18,height:18,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},doneBadgeText:{fontSize:e.text.xs.size,includeFontPadding:!1},removeButton:{position:"absolute",top:4,right:4,width:20,height:20,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},removeButtonText:{fontSize:e.text.sm.size,lineHeight:15,includeFontPadding:!1},retryText:{fontSize:e.text.xl.size,includeFontPadding:!1},listRow:{flexDirection:"row",alignItems:"center",borderWidth:1,padding:e.space.sm,columnGap:e.space.sm},listThumb:{width:40,height:40,overflow:"hidden"},listTextWrap:{flex:1},listName:{includeFontPadding:!1},listSubtitle:{includeFontPadding:!1,marginTop:e.space.xxs},listProgressTrack:{height:3,borderRadius:e.radius.pill,..._corners.smoothCorners,overflow:"hidden",marginTop:e.space.xs},listProgressFill:{height:"100%",borderRadius:e.radius.pill,..._corners.smoothCorners},listRemoveText:{fontSize:e.text["2xl"].size,includeFontPadding:!1,paddingHorizontal:e.space.xs},errorText:{includeFontPadding:!1}});var _default=exports.default=FilePicker;

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

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

package/lib/commonjs/components/FilterChipRow/FilterChipRow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FilterChipRow=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../Chip/index.js"),_jsxRuntime=require("react/jsx-runtime");const FilterChipRowItem=(0,_react.memo)(({itemKey:e,label:t,count:r,disabled:a,selected:i,size:n,variant:c,tone:l,haptic:o,onSelect:s,onItemLayout:u})=>{const d=(0,_react.useCallback)(()=>s(e),[s,e]),p=(0,_react.useCallback)(t=>u(e,t.nativeEvent.layout),[u,e]);return(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:p,collapsable:!1,children:(0,_jsxRuntime.jsx)(_index3.Chip,{label:t,count:r,selected:i,selectionMode:"radio",disabled:a,size:n,variant:c,tone:l,haptic:!i&&o,onPress:d})})});FilterChipRowItem.displayName="FilterChipRowItem";const FilterChipRow=exports.FilterChipRow=(0,_react.forwardRef)((e,t)=>{const{items:r,value:a,onChange:i,bleed:n=0,size:c,variant:l,tone:o,haptic:s,accessibilityLabel:u,style:d,contentContainerStyle:p,testID:h}=e,_=(0,_index2.useTheme)(),x=(0,_index.useReducedMotion)(),m=(0,_react.useRef)(null),v=(0,_react.useRef)({viewport:0,content:0,chips:{},revealed:null}),w=(0,_react.useRef)(a),b=(0,_react.useRef)(i);(0,_react.useEffect)(()=>{b.current=i},[i]);const y=(0,_react.useCallback)((e,t)=>{const r=v.current,a=r.chips[e];if(!a||0===r.viewport||0===r.content)return;const i=a.x+a.width/2-r.viewport/2,n=Math.min(Math.max(i,0),Math.max(r.content-r.viewport,0));m.current?.scrollTo({x:n,animated:t&&!x}),r.revealed=e},[x]),C=(0,_react.useCallback)(()=>{v.current.revealed!==w.current&&y(w.current,!1)},[y]);(0,_react.useEffect)(()=>{w.current=a,y(a,!0)},[a,y]);const R=(0,_react.useCallback)(e=>{v.current.viewport=e.nativeEvent.layout.width,C()},[C]),f=(0,_react.useCallback)(e=>{v.current.content=e,C()},[C]),j=(0,_react.useCallback)((e,t)=>{v.current.chips[e]={x:t.x,width:t.width},C()},[C]),k=(0,_react.useCallback)(e=>{e!==w.current?b.current(e):y(e,!0)},[y]),F=(0,_react.useMemo)(()=>[styles.row,{paddingHorizontal:n,columnGap:_.space.xs},p],[n,_.space.xs,p]);return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"radiogroup",accessibilityLabel:u,testID:h,style:[n>0?{marginHorizontal:-n}:null,d],children:(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{ref:m,horizontal:!0,showsHorizontalScrollIndicator:!1,keyboardShouldPersistTaps:"handled",contentContainerStyle:F,onLayout:R,onContentSizeChange:f,children:r.map(e=>(0,_jsxRuntime.jsx)(FilterChipRowItem,{itemKey:e.key,label:e.label,count:e.count,disabled:e.disabled,selected:e.key===a,size:c,variant:l,tone:o,haptic:s,onSelect:k,onItemLayout:j},e.key))})})});FilterChipRow.displayName="FilterChipRow";const styles=_reactNative.StyleSheet.create({row:{alignItems:"center"}});var _default=exports.default=FilterChipRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FilterChipRow=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index3=require("../Chip/index.js"),_jsxRuntime=require("react/jsx-runtime");const FilterChipRowItem=(0,_react.memo)(({itemKey:e,label:t,count:a,disabled:r,selected:i,size:n,variant:l,tone:o,haptic:s,onSelect:c,onItemLayout:u})=>{const d=(0,_react.useCallback)(()=>c(e),[c,e]),p=(0,_react.useCallback)(t=>u(e,t.nativeEvent.layout),[u,e]);return(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:p,collapsable:!1,children:(0,_jsxRuntime.jsx)(_index3.Chip,{label:t,count:a,selected:i,selectionMode:"radio",disabled:r,size:n,variant:l,tone:o,haptic:!i&&s,onPress:d})})});FilterChipRowItem.displayName="FilterChipRowItem";const FilterChipRow=exports.FilterChipRow=(0,_react.forwardRef)((e,t)=>{const{items:a,value:r,onChange:i,bleed:n=0,size:l,variant:o,tone:s,haptic:c,accessibilityLabel:u,style:d,contentContainerStyle:p,testID:h}=e;(0,_warnInvalidValue.warnInvalidValue)("FilterChipRow","size",e.size,["sm","md"]),(0,_warnInvalidValue.warnInvalidValue)("FilterChipRow","variant",e.variant,["solid","soft","outline"]),(0,_warnInvalidValue.warnInvalidValue)("FilterChipRow","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const _=(0,_index2.useTheme)(),w=(0,_index.useReducedMotion)(),v=(0,_react.useRef)(null),m=(0,_react.useRef)({viewport:0,content:0,chips:{},revealed:null}),x=(0,_react.useRef)(r),C=(0,_react.useRef)(i);(0,_react.useEffect)(()=>{C.current=i},[i]);const y=(0,_react.useCallback)((e,t)=>{const a=m.current,r=a.chips[e];if(!r||0===a.viewport||0===a.content)return;const i=r.x+r.width/2-a.viewport/2,n=Math.min(Math.max(i,0),Math.max(a.content-a.viewport,0));v.current?.scrollTo({x:n,animated:t&&!w}),a.revealed=e},[w]),R=(0,_react.useCallback)(()=>{m.current.revealed!==x.current&&y(x.current,!1)},[y]);(0,_react.useEffect)(()=>{x.current=r,y(r,!0)},[r,y]);const b=(0,_react.useCallback)(e=>{m.current.viewport=e.nativeEvent.layout.width,R()},[R]),f=(0,_react.useCallback)(e=>{m.current.content=e,R()},[R]),I=(0,_react.useCallback)((e,t)=>{m.current.chips[e]={x:t.x,width:t.width},R()},[R]),j=(0,_react.useCallback)(e=>{e!==x.current?C.current(e):y(e,!0)},[y]),k=(0,_react.useMemo)(()=>[styles.row,{paddingHorizontal:n,columnGap:_.space.xs},p],[n,_.space.xs,p]);return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"radiogroup",accessibilityLabel:u,testID:h,style:[n>0?{marginHorizontal:-n}:null,d],children:(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{ref:v,horizontal:!0,showsHorizontalScrollIndicator:!1,keyboardShouldPersistTaps:"handled",contentContainerStyle:k,onLayout:b,onContentSizeChange:f,children:a.map(e=>(0,_jsxRuntime.jsx)(FilterChipRowItem,{itemKey:e.key,label:e.label,count:e.count,disabled:e.disabled,selected:e.key===r,size:l,variant:o,tone:s,haptic:c,onSelect:j,onItemLayout:I},e.key))})})});FilterChipRow.displayName="FilterChipRow";const styles=_reactNative.StyleSheet.create({row:{alignItems:"center"}});var _default=exports.default=FilterChipRow;

package/lib/commonjs/components/FloatingActionButton/FloatingActionButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FloatingActionButtonGroup=exports.FloatingActionButton=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var n,i,r=Object.defineProperty,a={__proto__:null,default:e};if(Object(e)!==e)return a;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,a)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((n=r&&Object.getOwnPropertyDescriptor(e,i))&&(n.get||n.set)?r(a,i,n):a[i]=e[i]);return a}const toneBackground=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"neutral":return e.colors["bg-muted"];default:return e.colors.primary}},pressedTintFor=(e,t)=>"neutral"===t?e.colors["surface-pressed"]:_color.ACCENT_PRESSED_TINT,toneForeground=(e,t)=>{if("neutral"===t)return e.colors["text-body"];switch(t){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];default:return e.colors["on-primary"]}},FloatingActionButton=exports.FloatingActionButton=(0,_react.forwardRef)((e,t)=>{const{icon:n,onPress:i,label:r,collapsed:a=!1,size:o="md",tone:s="primary",position:c,bottomOffset:l,disabled:u=!1,hideOnScroll:d=!1,isScrolling:m=!1,accessibilityLabel:_,accessibilityHint:p,haptic:b,style:f,containerStyle:g,labelStyle:h,testID:v}=e,y=(0,_index.useTheme)(),x=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),R=(0,_react.useMemo)(()=>(0,_index.resolveFloatingActionButtonSize)(y,o),[y,o]),j=(0,_react.useMemo)(()=>buildStyles(y),[y]),{scale:w,opacity:N,pressIn:A,pressOut:S}=(0,_usePressAnimation.usePressAnimation)({enabled:!u}),C=(0,_usePresenceMotion.usePresenceMotion)(),E=y.space[y.components["floating-action-button"]["edge-offset"]],P=y.space[y.components["floating-action-button"]["bottom-offset"]],I=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,k=C.duration("default");(0,_react.useEffect)(()=>{if(!d)return void(0,_index.setNativeValue)(I,1);const e=_reactNative.Animated.timing(I,{toValue:m?0:1,duration:k,easing:_reactNative.Easing.bezier(...y.motion.ease["in-out"]),useNativeDriver:!0});return e.start(),()=>e.stop()},[d,m,I,k,y.motion.ease["in-out"]]);const F=R.diameter+(l??P)+x.bottom+E,V=I.interpolate({inputRange:[0,1],outputRange:C.range(F,0)}),D=(0,_react.useMemo)(()=>_reactNative.Animated.multiply(I,N),[I,N]),M=n,B="string"==typeof r&&r.length>0,O=B&&a,T=C.reduced,L=y.space.sm,q=R["label-padding-x"],z=y.motion.duration.fast,$=y.motion.ease["in-out"],H=(0,_reactNativeReanimated.useSharedValue)(O?1:0),[G,U]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{const e=O?1:0;return H.value=T?e:(0,_reactNativeReanimated.withTiming)(e,{duration:z,easing:_reactNativeReanimated.Easing.bezier(...$)}),()=>(0,_reactNativeReanimated.cancelAnimation)(H)},[O,T,H,z,$]);const W=(0,_react.useCallback)(e=>{const t=Math.ceil(e);U(e=>e===t?e:t)},[]),Y=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({paddingHorizontal:q*(1-H.value)})),Q=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=Math.max(0,1-2*H.value);return null===G?H.value>=1?{opacity:e,width:0}:{opacity:e}:{opacity:e,width:(G+L)*(1-H.value)}}),X=u?y.colors["surface-disabled"]:toneBackground(y,s),J=u?y.colors["text-disabled"]:toneForeground(y,s),K=(0,_react.useMemo)(()=>{if(!c)return null;const e=(l??P)+x.bottom;switch(c){case"bottomLeft":return{position:"absolute",bottom:e,left:E};case"bottomCenter":return{position:"absolute",bottom:e,alignSelf:"center"};default:return{position:"absolute",bottom:e,right:E}}},[c,l,x.bottom,P,E]);return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[K,{transform:[{translateY:V},{scale:w}],opacity:D},g,f],pointerEvents:d&&m?"none":"auto",children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:e=>{if(u)return;const t=(0,_hapticUtils.resolveHaptic)(b,"impactLight");t&&(0,_hapticUtils.triggerHaptic)(t),i()},onPressIn:A,onPressOut:S,disabled:u,accessibilityRole:"button",accessibilityLabel:_,accessibilityHint:p,accessibilityState:{disabled:u},"aria-disabled":u,testID:v,style:[j.base,B?{height:R.diameter,minWidth:R.diameter,borderRadius:R.diameter/2,..._corners.smoothCorners}:{width:R.diameter,height:R.diameter,borderRadius:R.diameter/2,..._corners.smoothCorners},y.shadow.popover,{backgroundColor:X,opacity:u?.55:1}],children:({pressed:e})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[e&&!u?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:"fab-pressed",style:[j.pressedTint,{backgroundColor:pressedTintFor(y,s),borderRadius:R.diameter/2,..._corners.smoothCorners}]}):null,B?(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[j.extendedRow,Y],children:[M,(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[j.labelClip,Q],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{onLayout:e=>W(e.nativeEvent.layout.width),style:[j.label,{color:J,fontSize:R.text,fontWeight:y.weight.semibold,marginLeft:L},h],numberOfLines:1,children:r})})]}):M]})})})});FloatingActionButton.displayName="FloatingActionButton";const buildStyles=e=>_reactNative.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",justifyContent:"center",overflow:"hidden"},pressedTint:{position:"absolute",top:0,right:0,bottom:0,left:0},extendedRow:{flexDirection:"row",alignItems:"center"},labelClip:{flexDirection:"row",overflow:"hidden"},label:{includeFontPadding:!1,flexShrink:0}}),FAB_GROUP_MIN_ACTIONS=2,FAB_GROUP_MAX_ACTIONS=6,FAB_GROUP_RANGE="2 to 6",describeActionProblem=e=>e.length<2?`was given ${e.length} action(s); a menu holds 2 to 6.`:e.length>6?`was given ${e.length} actions; a menu holds 2 to 6, so only the first 6 are drawn.`:e.some(e=>"string"!=typeof e.label||""===e.label.trim())?"has an action without a visible `label`; every menu action needs one.":"",FloatingActionButtonGroup=e=>{const{primaryIcon:t,primaryActiveIcon:n,actions:i,open:r,defaultOpen:a=!1,onOpenChange:o,position:s="bottomRight",bottomOffset:c,size:l="md",accessibilityLabel:u="Quick actions",haptic:d,hideOnScroll:m=!1,isScrolling:_=!1,containerStyle:p,secondaryActionStyle:b,labelPillStyle:f,labelStyle:g,testID:h}=e,v=(0,_index.useTheme)(),y=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),x=(0,_react.useMemo)(()=>(0,_index.resolveFloatingActionButtonSize)(v,l),[v,l]),R=(0,_react.useMemo)(()=>buildGroupStyles(v),[v]),j=(0,_usePresenceMotion.usePresenceMotion)(),w=j.duration("default"),N=v.space[v.components["floating-action-button"]["edge-offset"]],A=v.space[v.components["floating-action-button"]["bottom-offset"]],S=v.space[v.components["floating-action-button"]["secondary-gap"]],C=v.components["floating-action-button"]["stagger-ms"],E=(0,_react.useMemo)(()=>i.slice(0,6),[i]),P=E.length,I=(0,_react.useMemo)(()=>E.map((e,t)=>({action:e,index:t})).reverse(),[E]),k=__DEV__?describeActionProblem(i):"";(0,_react.useEffect)(()=>{__DEV__&&k&&_mobileCore.Logger.warn(`[@webority/mobile-ui] FloatingActionButtonGroup ${k}`)},[k]);const F="boolean"==typeof r,[V,D]=(0,_react.useState)(a),M=F?r:V,B=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(!m)return void(0,_index.setNativeValue)(B,1);const e=_reactNative.Animated.timing(B,{toValue:_?0:1,duration:w,easing:_reactNative.Easing.bezier(...v.motion.ease["in-out"]),useNativeDriver:!0});return e.start(),()=>e.stop()},[m,_,B,w,v.motion.ease["in-out"]]);const O=m&&_;(0,_react.useEffect)(()=>{O&&M&&(F||D(!1),o?.(!1))},[O,M,F,o]);const T=x.diameter+(c??A)+y.bottom+N,L=B.interpolate({inputRange:[0,1],outputRange:j.range(T,0)}),q=B,z=(0,_react.useRef)((0,_index.createAnimatedValue)(M?1:0)).current,$=(0,_react.useRef)([]),[H,G]=(0,_react.useState)(0);(0,_react.useEffect)(()=>{const e=$.current;if(e.length!==P){if(e.length<P){const t=e.slice();for(let n=e.length;n<P;n+=1)t.push(new _reactNative.Animated.Value(M?1:0));$.current=t}else $.current=e.slice(0,P);G(e=>e+1)}},[P]),(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(z,{toValue:M?1:0,duration:w,easing:_reactNative.Easing.bezier(...v.motion.ease["in-out"]),useNativeDriver:!0});e.start();const t=$.current.map(e=>_reactNative.Animated.timing(e,{toValue:M?1:0,duration:w,easing:_reactNative.Easing.bezier(...v.motion.ease["in-out"]),useNativeDriver:!0})),n=M?t:[...t].reverse(),i=_reactNative.Animated.stagger(C,n);return i.start(),()=>{e.stop(),i.stop()}},[M,z,w,v.motion.ease["in-out"],P,H,C]);const U=(0,_react.useCallback)(e=>{const t=(0,_hapticUtils.resolveHaptic)(d,"impactLight");t&&(0,_hapticUtils.triggerHaptic)(t),F||D(e),o?.(e)},[F,o,d]),W=(0,_react.useRef)(null),Y=(0,_react.useRef)(M),Q=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{if(Y.current===M)return;Y.current=M;const e=Q.current;if(Q.current=!1,O||e)return;const t=W.current;t&&("web"===_reactNative.Platform.OS?t.focus?.():_reactNative.AccessibilityInfo.sendAccessibilityEvent(t,"focus"));const n=1===P?"action":"actions";(0,_announce.announce)(M?`${u}, expanded, ${P} ${n}`:`${u}, collapsed`)},[M,O,u,P]);const X=(0,_react.useCallback)(()=>{U(!M)},[M,U]),J=(0,_react.useCallback)(e=>{!1!==d&&(0,_hapticUtils.triggerHaptic)("selection"),Q.current=!0,e.onPress(),F||D(!1),o?.(!1)},[F,o,d]),K=(0,_react.useCallback)(()=>{M&&U(!1)},[M,U]);(0,_react.useEffect)(()=>{if(!M)return;const e=_reactNative.BackHandler.addEventListener("hardwareBackPress",()=>(U(!1),!0));return()=>e.remove()},[M,U]),(0,_react.useEffect)(()=>{if(!M||"web"!==_reactNative.Platform.OS)return;const onKeyDown=e=>{"Escape"===e.key&&U(!1)};return window.addEventListener("keydown",onKeyDown),()=>window.removeEventListener("keydown",onKeyDown)},[M,U]);const Z=(0,_react.useMemo)(()=>{const e=(c??A)+y.bottom;switch(s){case"bottomLeft":return{position:"absolute",bottom:e,left:N,alignItems:"flex-start"};case"bottomCenter":return{position:"absolute",bottom:e,alignSelf:"center",alignItems:"center"};default:return{position:"absolute",bottom:e,right:N,alignItems:"flex-end"}}},[s,c,y.bottom,A,N]),slotOffset=e=>-(x.diameter+S)*(e+1),ee=(0,_react.useMemo)(()=>{switch(s){case"bottomLeft":return{left:0,right:0,justifyContent:"flex-start"};case"bottomCenter":return{left:0,right:0,justifyContent:"center"};default:return{left:0,right:0,justifyContent:"flex-end"}}},[s]),te=.78*x.diameter,ne=(0,_react.useMemo)(()=>{const e=te+v.space.sm;switch(s){case"bottomLeft":return{left:e,alignItems:"flex-start"};case"bottomCenter":return{right:x.diameter/2+te/2+v.space.sm,alignItems:"flex-end"};default:return{right:e,alignItems:"flex-end"}}},[s,te,x.diameter,v.space.sm]),ie=z.interpolate({inputRange:[0,1],outputRange:[0,.4]}),re=z.interpolate(j.reduced?{inputRange:[0,.5,.5001,1],outputRange:["0deg","0deg","45deg","45deg"]}:{inputRange:[0,1],outputRange:["0deg","45deg"]});return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[M?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:M?"auto":"none",style:[_reactNative.StyleSheet.absoluteFill,{backgroundColor:v.colors.scrim,opacity:ie}],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:K,accessibilityElementsHidden:!0,importantForAccessibility:"no",testID:h?`${h}-backdrop`:void 0})}):null,(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{pointerEvents:O?"none":"box-none",style:[Z,{transform:[{translateY:L}],opacity:q},p],accessibilityRole:"menu",testID:h,children:[I.map(({action:e,index:t})=>{const n=$.current[t];if(!n)return null;const i=n.interpolate({inputRange:[0,1],outputRange:j.range(0,slotOffset(t))}),r=n.interpolate({inputRange:[0,1],outputRange:j.range(.6,1)}),a=toneBackground(v,e.tone??"primary"),o=toneForeground(v,e.tone??"primary"),s=e.label?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[R.labelSlot,ne],testID:h?`${h}-label-${e.key}`:void 0,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[R.labelPill,v.shadow.card,{backgroundColor:v.colors.surface,paddingHorizontal:v.space.sm,paddingVertical:v.space.xs,borderRadius:v.radius.sm,..._corners.smoothCorners},f],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:v.colors["text-body"],fontSize:v.text.sm.size,fontWeight:v.weight.medium},g],numberOfLines:1,children:e.label})})}):null;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{pointerEvents:M?"auto":"none",accessibilityElementsHidden:!M,importantForAccessibility:M?"auto":"no-hide-descendants","aria-hidden":!M,style:[R.secondaryRow,ee,{position:"absolute",bottom:0,opacity:n,transform:[{translateY:i},{scale:r}]}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>J(e),focusable:M,accessibilityRole:"menuitem",accessibilityLabel:e.accessibilityLabel,style:[R.fabBase,v.shadow.elevated,{width:te,height:te,borderRadius:te/2,..._corners.smoothCorners,backgroundColor:a},b],testID:h?`${h}-action-${e.key}`:void 0,children:({pressed:t})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[t?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:"fab-pressed",style:[R.pressedTint,{backgroundColor:pressedTintFor(v,e.tone??"primary"),borderRadius:te/2,..._corners.smoothCorners}]}):null,_react.default.isValidElement(e.icon)?e.icon:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:o},children:String(e.icon??"")})]})}),s]},e.key)}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:W,onPress:X,accessibilityRole:"button",accessibilityLabel:u,accessibilityState:{expanded:M},"aria-expanded":M,style:[R.fabBase,v.shadow.popover,{width:x.diameter,height:x.diameter,borderRadius:x.diameter/2,..._corners.smoothCorners,backgroundColor:v.colors.primary}],testID:h?`${h}-primary`:void 0,children:({pressed:e})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[e?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:"fab-pressed",style:[R.pressedTint,{backgroundColor:_color.ACCENT_PRESSED_TINT,borderRadius:x.diameter/2,..._corners.smoothCorners}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:n?void 0:{transform:[{rotate:re}]},children:M&&n?n:t})]})})]})]})};exports.FloatingActionButtonGroup=FloatingActionButtonGroup;const buildGroupStyles=e=>_reactNative.StyleSheet.create({fabBase:{flexDirection:"row",alignItems:"center",justifyContent:"center",overflow:"hidden"},pressedTint:{position:"absolute",top:0,right:0,bottom:0,left:0},secondaryRow:{flexDirection:"row",alignItems:"center"},labelSlot:{position:"absolute",top:0,bottom:0,justifyContent:"center"},labelPill:{alignSelf:"auto"}});var _default=exports.default=FloatingActionButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FloatingActionButtonGroup=exports.FloatingActionButton=exports.DEFAULT_FLOATING_ACTION_BUTTON_GROUP_LABELS=void 0;var cache,_mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var n,o,i=Object.defineProperty,a={__proto__:null,default:e};if(Object(e)!==e)return a;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,a)}for(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((n=i&&Object.getOwnPropertyDescriptor(e,o))&&(n.get||n.set)?i(a,o,n):a[o]=e[o]);return a}const FAB_SIZES=["sm","md","lg"],FAB_TONES=["primary","success","warning","danger","info","neutral"],FAB_POSITIONS=["bottomRight","bottomLeft","bottomCenter"],toneBackground=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors["bg-muted"];default:return e.colors.primary}},pressedTintFor=(e,t)=>"neutral"===t?e.colors["surface-pressed"]:_color.ACCENT_PRESSED_TINT,toneForeground=(e,t)=>{if("neutral"===t)return e.colors["text-body"];switch(t){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];case"info":return e.colors["on-info"];default:return e.colors["on-primary"]}},FloatingActionButton=exports.FloatingActionButton=(0,_react.forwardRef)((e,t)=>{const{icon:n,onPress:o,label:i,collapsed:a=!1,size:r="md",tone:s="primary",position:c,bottomOffset:l,disabled:u=!1,hideOnScroll:d=!1,isScrolling:m=!1,accessibilityLabel:_,accessibilityHint:p,haptic:b,style:f,containerStyle:g,labelStyle:h,testID:v}=e;(0,_warnInvalidValue.warnInvalidValue)("FloatingActionButton","size",e.size,FAB_SIZES),(0,_warnInvalidValue.warnInvalidValue)("FloatingActionButton","tone",e.tone,FAB_TONES),(0,_warnInvalidValue.warnInvalidValue)("FloatingActionButton","position",e.position,FAB_POSITIONS);const x=(0,_index.useTheme)(),y=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),A=(0,_react.useMemo)(()=>(0,_index.resolveFloatingActionButtonSize)(x,r),[x,r]),R=(0,_react.useMemo)(()=>buildStyles(x),[x]),{scale:w,opacity:N,pressIn:S,pressOut:I}=(0,_usePressAnimation.usePressAnimation)({enabled:!u}),j=(0,_usePresenceMotion.usePresenceMotion)(),E=x.space[x.components["floating-action-button"]["edge-offset"]],F=x.space[x.components["floating-action-button"]["bottom-offset"]],C=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,B=j.duration("default");(0,_react.useEffect)(()=>{if(!d)return void(0,_index.setNativeValue)(C,1);const e=_reactNative.Animated.timing(C,{toValue:m?0:1,duration:B,easing:_reactNative.Easing.bezier(...x.motion.ease["in-out"]),useNativeDriver:!0});return e.start(),()=>e.stop()},[d,m,C,B,x.motion.ease["in-out"]]);const P=A.diameter+(l??F)+y.bottom+E,T=C.interpolate({inputRange:[0,1],outputRange:j.range(P,0)}),O=(0,_react.useMemo)(()=>_reactNative.Animated.multiply(C,N),[C,N]),V="string"==typeof i&&i.length>0,L=V&&a,k=j.reduced,D=x.space.sm,M=A["label-padding-x"],G=x.motion.duration.fast,U=x.motion.ease["in-out"],z=(0,_reactNativeReanimated.useSharedValue)(L?1:0),[q,$]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{const e=L?1:0;return z.value=k?e:(0,_reactNativeReanimated.withTiming)(e,{duration:G,easing:_reactNativeReanimated.Easing.bezier(...U)}),()=>(0,_reactNativeReanimated.cancelAnimation)(z)},[L,k,z,G,U]);const H=(0,_react.useCallback)(e=>{const t=Math.ceil(e);$(e=>e===t?e:t)},[]),W=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({paddingHorizontal:M*(1-z.value)})),Y=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=Math.max(0,1-2*z.value);return null===q?z.value>=1?{opacity:e,width:0}:{opacity:e}:{opacity:e,width:(q+D)*(1-z.value)}}),Z=u?x.colors["surface-disabled"]:toneBackground(x,s),Q=u?x.colors["text-disabled"]:toneForeground(x,s),X=(0,_slotIcon.renderSlotIcon)(n,{color:Q,size:A.icon,disabled:u}),J=(0,_react.useMemo)(()=>{if(!c)return null;const e=(l??F)+y.bottom;switch(c){case"bottomLeft":return{position:"absolute",bottom:e,left:E};case"bottomCenter":return{position:"absolute",bottom:e,alignSelf:"center"};default:return{position:"absolute",bottom:e,right:E}}},[c,l,y.bottom,F,E]);return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[J,{transform:[{translateY:T},{scale:w}],opacity:O},g,f],pointerEvents:d&&m?"none":"auto",children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:e=>{if(u)return;const t=(0,_hapticUtils.resolveHaptic)(b,"impactLight");t&&(0,_hapticUtils.triggerHaptic)(t),o()},onPressIn:S,onPressOut:I,disabled:u,accessibilityRole:"button",accessibilityLabel:_,accessibilityHint:p,accessibilityState:{disabled:u},"aria-disabled":u,testID:v,style:[R.base,V?{height:A.diameter,minWidth:A.diameter,borderRadius:A.diameter/2,..._corners.smoothCorners}:{width:A.diameter,height:A.diameter,borderRadius:A.diameter/2,..._corners.smoothCorners},x.shadow.popover,{backgroundColor:Z,opacity:u?.55:1}],children:({pressed:e})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[e&&!u?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:"fab-pressed",style:[R.pressedTint,{backgroundColor:pressedTintFor(x,s),borderRadius:A.diameter/2,..._corners.smoothCorners}]}):null,V?(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[R.extendedRow,W],children:[X,(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[R.labelClip,Y],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{onLayout:e=>H(e.nativeEvent.layout.width),style:[R.label,{color:Q,fontSize:A.text,fontWeight:x.weight.semibold,marginLeft:D},h],numberOfLines:1,children:i})})]}):X]})})})});FloatingActionButton.displayName="FloatingActionButton";const buildStyles=e=>_reactNative.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",justifyContent:"center",overflow:"hidden"},pressedTint:{position:"absolute",top:0,right:0,bottom:0,left:0},extendedRow:{flexDirection:"row",alignItems:"center"},labelClip:{flexDirection:"row",overflow:"hidden"},label:{includeFontPadding:!1,flexShrink:0}}),FAB_GROUP_MIN_ACTIONS=2,FAB_GROUP_MAX_ACTIONS=6,FAB_GROUP_RANGE="2 to 6",describeActionProblem=e=>e.length<2?`was given ${e.length} action(s); a menu holds 2 to 6.`:e.length>6?`was given ${e.length} actions; a menu holds 2 to 6, so only the first 6 are drawn.`:e.some(e=>"string"!=typeof e.label||""===e.label.trim())?"has an action without a visible `label`; every menu action needs one.":"",DEFAULT_FLOATING_ACTION_BUTTON_GROUP_LABELS=exports.DEFAULT_FLOATING_ACTION_BUTTON_GROUP_LABELS={quickActions:"Quick actions",expanded:(e,t)=>`${e}, expanded, ${t} ${1===t?"action":"actions"}`,collapsed:e=>`${e}, collapsed`},FloatingActionButtonGroup=e=>{const{primaryIcon:t,primaryActiveIcon:n,actions:o,expanded:i,defaultExpanded:a=!1,onExpandedChange:r,labels:s,position:c="bottomRight",bottomOffset:l,size:u="md",accessibilityLabel:d,haptic:m,hideOnScroll:_=!1,isScrolling:p=!1,containerStyle:b,secondaryActionStyle:f,labelPillStyle:g,labelStyle:h,testID:v}=e;(0,_warnInvalidValue.warnInvalidValue)("FloatingActionButtonGroup","size",e.size,FAB_SIZES),(0,_warnInvalidValue.warnInvalidValue)("FloatingActionButtonGroup","position",e.position,FAB_POSITIONS);const x=(0,_react.useMemo)(()=>({...DEFAULT_FLOATING_ACTION_BUTTON_GROUP_LABELS,...s}),[s]),y=d??x.quickActions,A=(0,_index.useTheme)(),R=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),w=(0,_react.useMemo)(()=>(0,_index.resolveFloatingActionButtonSize)(A,u),[A,u]),N=(0,_react.useMemo)(()=>buildGroupStyles(A),[A]),S=(0,_usePresenceMotion.usePresenceMotion)(),I=S.duration("default"),j=A.space[A.components["floating-action-button"]["edge-offset"]],E=A.space[A.components["floating-action-button"]["bottom-offset"]],F=A.space[A.components["floating-action-button"]["secondary-gap"]],C=A.components["floating-action-button"]["stagger-ms"],B=(0,_react.useMemo)(()=>o.slice(0,6),[o]),P=B.length,T=(0,_react.useMemo)(()=>B.map((e,t)=>({action:e,index:t})).reverse(),[B]);o.forEach(e=>{(0,_warnInvalidValue.warnInvalidValue)("FloatingActionButtonGroup","actions[].tone",e.tone,FAB_TONES)});const O=__DEV__?describeActionProblem(o):"";(0,_react.useEffect)(()=>{__DEV__&&O&&_mobileCore.Logger.warn(`[@webority/mobile-ui] FloatingActionButtonGroup ${O}`)},[O]);const V="boolean"==typeof i,[L,k]=(0,_react.useState)(a),D=V?i:L,M=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(!_)return void(0,_index.setNativeValue)(M,1);const e=_reactNative.Animated.timing(M,{toValue:p?0:1,duration:I,easing:_reactNative.Easing.bezier(...A.motion.ease["in-out"]),useNativeDriver:!0});return e.start(),()=>e.stop()},[_,p,M,I,A.motion.ease["in-out"]]);const G=_&&p;(0,_react.useEffect)(()=>{G&&D&&(V||k(!1),r?.(!1))},[G,D,V,r]);const U=w.diameter+(l??E)+R.bottom+j,z=M.interpolate({inputRange:[0,1],outputRange:S.range(U,0)}),q=M,$=(0,_react.useRef)((0,_index.createAnimatedValue)(D?1:0)).current,H=(0,_react.useRef)([]),[W,Y]=(0,_react.useState)(0);(0,_react.useEffect)(()=>{const e=H.current;if(e.length!==P){if(e.length<P){const t=e.slice();for(let n=e.length;n<P;n+=1)t.push(new _reactNative.Animated.Value(D?1:0));H.current=t}else H.current=e.slice(0,P);Y(e=>e+1)}},[P]),(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing($,{toValue:D?1:0,duration:I,easing:_reactNative.Easing.bezier(...A.motion.ease["in-out"]),useNativeDriver:!0});e.start();const t=H.current.map(e=>_reactNative.Animated.timing(e,{toValue:D?1:0,duration:I,easing:_reactNative.Easing.bezier(...A.motion.ease["in-out"]),useNativeDriver:!0})),n=D?t:[...t].reverse(),o=_reactNative.Animated.stagger(C,n);return o.start(),()=>{e.stop(),o.stop()}},[D,$,I,A.motion.ease["in-out"],P,W,C]);const Z=(0,_react.useCallback)(e=>{const t=(0,_hapticUtils.resolveHaptic)(m,"impactLight");t&&(0,_hapticUtils.triggerHaptic)(t),V||k(e),r?.(e)},[V,r,m]),Q=(0,_react.useRef)(null),X=(0,_react.useRef)(D),J=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{if(X.current===D)return;X.current=D;const e=J.current;if(J.current=!1,G||e)return;const t=Q.current;t&&("web"===_reactNative.Platform.OS?t.focus?.():_reactNative.AccessibilityInfo.sendAccessibilityEvent(t,"focus")),(0,_announce.announce)(D?x.expanded(y,P):x.collapsed(y))},[D,G,y,P,x]);const K=(0,_react.useCallback)(()=>{Z(!D)},[D,Z]),ee=(0,_react.useCallback)(e=>{!1!==m&&(0,_hapticUtils.triggerHaptic)("selection"),J.current=!0,e.onPress(),V||k(!1),r?.(!1)},[V,r,m]),te=(0,_react.useCallback)(()=>{D&&Z(!1)},[D,Z]);(0,_react.useEffect)(()=>{if(!D)return;const e=_reactNative.BackHandler.addEventListener("hardwareBackPress",()=>(Z(!1),!0));return()=>e.remove()},[D,Z]),(0,_react.useEffect)(()=>{if(!D||"web"!==_reactNative.Platform.OS)return;const onKeyDown=e=>{"Escape"===e.key&&Z(!1)};return window.addEventListener("keydown",onKeyDown),()=>window.removeEventListener("keydown",onKeyDown)},[D,Z]);const ne=(0,_react.useMemo)(()=>{const e=(l??E)+R.bottom;switch(c){case"bottomLeft":return{position:"absolute",bottom:e,left:j,alignItems:"flex-start"};case"bottomCenter":return{position:"absolute",bottom:e,alignSelf:"center",alignItems:"center"};default:return{position:"absolute",bottom:e,right:j,alignItems:"flex-end"}}},[c,l,R.bottom,E,j]),slotOffset=e=>-(w.diameter+F)*(e+1),oe=(0,_react.useMemo)(()=>{switch(c){case"bottomLeft":return{left:0,right:0,justifyContent:"flex-start"};case"bottomCenter":return{left:0,right:0,justifyContent:"center"};default:return{left:0,right:0,justifyContent:"flex-end"}}},[c]),ie=.78*w.diameter,ae=(0,_react.useMemo)(()=>{const e=ie+A.space.sm;switch(c){case"bottomLeft":return{left:e,alignItems:"flex-start"};case"bottomCenter":return{right:w.diameter/2+ie/2+A.space.sm,alignItems:"flex-end"};default:return{right:e,alignItems:"flex-end"}}},[c,ie,w.diameter,A.space.sm]),re=$.interpolate({inputRange:[0,1],outputRange:[0,.4]}),se=$.interpolate(S.reduced?{inputRange:[0,.5,.5001,1],outputRange:["0deg","0deg","45deg","45deg"]}:{inputRange:[0,1],outputRange:["0deg","45deg"]});return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[D?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:D?"auto":"none",style:[_reactNative.StyleSheet.absoluteFill,{backgroundColor:A.colors.scrim,opacity:re}],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:te,accessibilityElementsHidden:!0,importantForAccessibility:"no",testID:v?`${v}-backdrop`:void 0})}):null,(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{pointerEvents:G?"none":"box-none",style:[ne,{transform:[{translateY:z}],opacity:q},b],accessibilityRole:"menu",testID:v,children:[T.map(({action:e,index:t})=>{const n=H.current[t];if(!n)return null;const o=n.interpolate({inputRange:[0,1],outputRange:S.range(0,slotOffset(t))}),i=n.interpolate({inputRange:[0,1],outputRange:S.range(.6,1)}),a=toneBackground(A,e.tone??"primary"),r=toneForeground(A,e.tone??"primary"),s=e.label?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[N.labelSlot,ae],testID:v?`${v}-label-${e.key}`:void 0,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[N.labelPill,A.shadow.card,{backgroundColor:A.colors.surface,paddingHorizontal:A.space.sm,paddingVertical:A.space.xs,borderRadius:A.radius.sm,..._corners.smoothCorners},g],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:A.colors["text-body"],fontSize:A.text.sm.size,fontWeight:A.weight.medium},h],numberOfLines:1,children:e.label})})}):null;return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{pointerEvents:D?"auto":"none",accessibilityElementsHidden:!D,importantForAccessibility:D?"auto":"no-hide-descendants","aria-hidden":!D,style:[N.secondaryRow,oe,{position:"absolute",bottom:0,opacity:n,transform:[{translateY:o},{scale:i}]}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>ee(e),focusable:D,accessibilityRole:"menuitem",accessibilityLabel:e.accessibilityLabel,style:[N.fabBase,A.shadow.elevated,{width:ie,height:ie,borderRadius:ie/2,..._corners.smoothCorners,backgroundColor:a},f],testID:v?`${v}-action-${e.key}`:void 0,children:({pressed:t})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[t?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:"fab-pressed",style:[N.pressedTint,{backgroundColor:pressedTintFor(A,e.tone??"primary"),borderRadius:ie/2,..._corners.smoothCorners}]}):null,(0,_slotIcon.renderSlotIcon)(e.icon,{color:r,size:w.icon,disabled:!1})]})}),s]},e.key)}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:Q,onPress:K,accessibilityRole:"button",accessibilityLabel:y,accessibilityState:{expanded:D},"aria-expanded":D,style:[N.fabBase,A.shadow.popover,{width:w.diameter,height:w.diameter,borderRadius:w.diameter/2,..._corners.smoothCorners,backgroundColor:A.colors.primary}],testID:v?`${v}-primary`:void 0,children:({pressed:e})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[e?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:"fab-pressed",style:[N.pressedTint,{backgroundColor:_color.ACCENT_PRESSED_TINT,borderRadius:w.diameter/2,..._corners.smoothCorners}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:n?void 0:{transform:[{rotate:se}]},children:(0,_slotIcon.renderSlotIcon)(D&&n?n:t,{color:A.colors["on-primary"],size:w.icon,disabled:!1})})]})})]})]})};exports.FloatingActionButtonGroup=FloatingActionButtonGroup;const buildGroupStyles=e=>_reactNative.StyleSheet.create({fabBase:{flexDirection:"row",alignItems:"center",justifyContent:"center",overflow:"hidden"},pressedTint:{position:"absolute",top:0,right:0,bottom:0,left:0},secondaryRow:{flexDirection:"row",alignItems:"center"},labelSlot:{position:"absolute",top:0,bottom:0,justifyContent:"center"},labelPill:{alignSelf:"auto"}});var _default=exports.default=FloatingActionButton;

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

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

package/lib/commonjs/components/ForceUpdateDialog/ForceUpdateDialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ForceUpdateDialog=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_index=require("../Dialog/index.js"),_jsxRuntime=require("react/jsx-runtime");const ForceUpdateDialog=({visible:e,onClose:t,mandatory:a=!1,updateUrl:o,title:r="Update available",message:l="A new version of the app is available. Please update to continue using the latest features and security improvements.",updateLabel:i="Update now",laterLabel:s="Later",containerStyle:n,titleStyle:c,messageStyle:d,testID:u})=>{const[p,b]=(0,_react.useState)(!1),g=(0,_react.useCallback)(()=>{b(!0),(async()=>{try{await _mobileCore.VersionCheck.openUpdateUrl(o??null)}catch(e){_mobileCore.Logger.error("[ForceUpdateDialog] Failed to open store URL",e)}finally{b(!1)}})()},[o]),m=(0,_react.useCallback)(()=>{a||t?.()},[a,t]),_=a?[{label:i,onPress:g,tone:"info",loading:p}]:[{label:s,onPress:m,tone:"neutral"},{label:i,onPress:g,tone:"info",loading:p}];return(0,_jsxRuntime.jsx)(_index.Dialog,{visible:e,onClose:m,title:r,message:l,variant:"info",actions:_,dismissOnAction:!1,containerStyle:n,titleStyle:c,messageStyle:d,testID:u})};exports.ForceUpdateDialog=ForceUpdateDialog;var _default=exports.default=ForceUpdateDialog;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ForceUpdateDialog=exports.DEFAULT_FORCE_UPDATE_DIALOG_LABELS=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_index=require("../Dialog/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_FORCE_UPDATE_DIALOG_LABELS=exports.DEFAULT_FORCE_UPDATE_DIALOG_LABELS={title:"Update available",message:"A new version of the app is available. Please update to continue using the latest features and security improvements.",update:"Update now",later:"Later"},ForceUpdateDialog=({visible:e,onClose:t,mandatory:a=!1,updateUrl:o,title:r,message:l,labels:i,containerStyle:s,titleStyle:n,messageStyle:_,testID:c})=>{const[u,d]=(0,_react.useState)(!1),p=(0,_react.useMemo)(()=>({...DEFAULT_FORCE_UPDATE_DIALOG_LABELS,...i}),[i]),D=(0,_react.useCallback)(()=>{d(!0),(async()=>{try{await _mobileCore.VersionCheck.openUpdateUrl(o??null)}catch(e){_mobileCore.Logger.error("[@webority/mobile-ui] ForceUpdateDialog failed to open the store URL.",e)}finally{d(!1)}})()},[o]),U=(0,_react.useCallback)(()=>{a||t?.()},[a,t]),g=a?[{label:p.update,onPress:D,tone:"info",loading:u}]:[{label:p.later,onPress:U,tone:"neutral"},{label:p.update,onPress:D,tone:"info",loading:u}];return(0,_jsxRuntime.jsx)(_index.Dialog,{visible:e,onClose:U,title:r??p.title,message:l??p.message,tone:"info",actions:g,dismissOnAction:!1,containerStyle:s,titleStyle:n,messageStyle:_,testID:c})};exports.ForceUpdateDialog=ForceUpdateDialog;var _default=exports.default=ForceUpdateDialog;

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

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

package/lib/commonjs/components/FormField/FormField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FormField=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_FormContext=require("../../form/FormContext.js"),_index=require("../../theme/index.js"),_index2=require("../FieldBase/index.js"),_Notation=require("../Notation/Notation.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,r,n=Object.defineProperty,l={__proto__:null,default:e};if(Object(e)!==e)return l;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,l)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=n&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?n(l,r,i):l[r]=e[r]);return l}const FormField=exports.FormField=(0,_react.forwardRef)((e,t)=>{const{label:i,help:r,helperText:n,error:l,required:o=!1,name:a,children:s,layout:c="stacked",helperLines:u,labelStyle:d,helperStyle:x,errorStyle:_,containerStyle:m,inputContainerStyle:f,accessibilityLabel:p,testID:h}=e,j=(0,_index.useTheme)(),v=(0,_react.useMemo)(()=>buildStyles(j),[j]),F=(0,_FormContext.useOptionalFormContext)(),y=null!=a&&null!=F,b=y?F.getFieldProps(a):null,N="function"==typeof s,S=y?N?b?.error:void 0:l,R=(0,_index2.fieldTextAsString)(y?b?.error:l),g=(0,_react.useRef)((0,_index.createAnimatedValue)(S?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(g,{toValue:S?1:0,duration:j.motion.duration.fast,useNativeDriver:!0});return e.start(),()=>e.stop()},[S,g,j.motion.duration.fast]);const k=(0,_react.useMemo)(()=>{if(p)return p;const e=(0,_index2.fieldTextAsString)(i);return e?R?`${e}, error: ${R}`:e:void 0},[p,i,R]),I=(0,_Notation.useNotationInk)(d,j.text.sm.size,j.colors["text-muted"]),T=(0,_Notation.useNotationInk)(x,j.text.sm.size,j.colors["text-subtle"]),w=(0,_Notation.useNotationInk)(_,j.text.sm.size,j.colors["danger-text"]),q=(0,_index2.hasFieldText)(i),C=(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[v.label,"inline"!==c||(0,_index2.hasFieldText)(r)?null:v.labelInline,(0,_index2.hasFieldText)(r)?v.labelShrink:null,d],children:[(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:I,children:i}),o?(0,_jsxRuntime.jsx)(_index2.RequiredMark,{}):null]}),z=q?(0,_index2.hasFieldText)(r)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[v.labelRow,"inline"===c?v.labelInline:null],children:[C,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.help,{marginLeft:j.space.xs}],children:r})]}):C:null,O="inline"===c?v.inputInline:v.inputStacked,P=(0,_index2.hasFieldText)(S),V=!P&&(0,_index2.hasFieldText)(n),D=(()=>{if(N)return b?s(b):null;if(y&&b&&_react.default.isValidElement(s)){const e=s,t=e.props.onChangeText,i=e.props.onBlur,r=e.props.onFocus;return _react.default.cloneElement(e,{value:b.value,onChangeText:e=>{b.onChangeText(e),t?.(e)},onBlur:e=>{b.onBlur(),i?.(e)},onFocus:e=>{b.onFocus(),r?.(e)},error:b.error,ref:e=>F.registerField(a,e??null)})}return s})(),L=o&&!q&&_react.default.isValidElement(D)?_react.default.cloneElement(D,{required:!0}):D;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:["inline"===c?v.rootInline:v.rootStacked,m],accessibilityLabel:k,accessibilityHint:R||void 0,testID:h,children:[z,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[O,f],children:L}),V?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[v.helper,x],numberOfLines:u||void 0,children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:T,children:n})}):null,P?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[v.error,{opacity:g},_],numberOfLines:u||void 0,accessibilityLiveRegion:"polite",children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:w,children:S})}):null]})});FormField.displayName="FormField";const buildStyles=e=>_reactNative.StyleSheet.create({rootStacked:{flexDirection:"column",gap:e.space.xs},rootInline:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:e.space.xs},label:{fontSize:e.text.sm.size,...(0,_index.fontFor)(e,"medium"),color:e.colors["text-muted"]},labelShrink:{flexShrink:1},labelRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},labelInline:{width:"35%"},inputStacked:{width:"100%"},inputInline:{flex:1,minWidth:0},helper:{fontSize:e.text.sm.size,color:e.colors["text-subtle"]},error:{fontSize:e.text.sm.size,color:e.colors["danger-text"]}});var _default=exports.default=FormField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.FormField=exports.DEFAULT_FORM_FIELD_LABELS=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../FieldBase/index.js"),_Notation=require("../Notation/Notation.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,r,n=Object.defineProperty,l={__proto__:null,default:e};if(Object(e)!==e)return l;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,l)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=n&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?n(l,r,i):l[r]=e[r]);return l}const DEFAULT_FORM_FIELD_LABELS=exports.DEFAULT_FORM_FIELD_LABELS={labelWithError:(e,t)=>`${e}, error: ${t}`},FormField=exports.FormField=(0,_react.forwardRef)((e,t)=>{(0,_warnInvalidValue.warnInvalidValue)("FormField","layout",e.layout,["stacked","inline"]);const{label:i,help:r,helperText:n,error:l,required:a=!1,children:o,layout:s="stacked",helperLines:c,labelStyle:d,helperStyle:u,errorStyle:x,containerStyle:_,inputContainerStyle:m,accessibilityLabel:h,labels:f,testID:p}=e,F=(0,_index.useTheme)(),v=(0,_react.useMemo)(()=>buildStyles(F),[F]),j=(0,_react.useMemo)(()=>({...DEFAULT_FORM_FIELD_LABELS,...f}),[f]),b=(0,_index2.fieldTextAsString)(l),y=(0,_react.useRef)((0,_index.createAnimatedValue)(l?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.timing(y,{toValue:l?1:0,duration:F.motion.duration.fast,useNativeDriver:!0});return e.start(),()=>e.stop()},[l,y,F.motion.duration.fast]);const N=(0,_react.useMemo)(()=>{if(h)return h;const e=(0,_index2.fieldTextAsString)(i);return e?b?j.labelWithError(e,b):e:void 0},[h,i,b,j]),S=(0,_Notation.useNotationInk)(d,F.text.sm.size,F.colors["text-muted"]),I=(0,_Notation.useNotationInk)(u,F.text.sm.size,F.colors["text-subtle"]),R=(0,_Notation.useNotationInk)(x,F.text.sm.size,F.colors["danger-text"]),L=(0,_index2.hasFieldText)(i),k=(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[v.label,"inline"!==s||(0,_index2.hasFieldText)(r)?null:v.labelInline,(0,_index2.hasFieldText)(r)?v.labelShrink:null,d],children:[(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:S,children:i}),a?(0,_jsxRuntime.jsx)(_index2.RequiredMark,{}):null]}),w=L?(0,_index2.hasFieldText)(r)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[v.labelRow,"inline"===s?v.labelInline:null],children:[k,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[v.help,{marginLeft:F.space.xs}],children:r})]}):k:null,E="inline"===s?v.inputInline:v.inputStacked,T=(0,_index2.hasFieldText)(l),D=!T&&(0,_index2.hasFieldText)(n),g=a&&!L&&_react.default.isValidElement(o)?_react.default.cloneElement(o,{required:!0}):o;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:["inline"===s?v.rootInline:v.rootStacked,_],accessibilityLabel:N,accessibilityHint:b||void 0,testID:p,children:[w,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[E,m],children:g}),D?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[v.helper,u],numberOfLines:c||void 0,children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:I,children:n})}):null,T?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[v.error,{opacity:y},x],numberOfLines:c||void 0,accessibilityLiveRegion:"polite",children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:R,children:l})}):null]})});FormField.displayName="FormField";const buildStyles=e=>_reactNative.StyleSheet.create({rootStacked:{flexDirection:"column",gap:e.space.xs},rootInline:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:e.space.xs},label:{fontSize:e.text.sm.size,...(0,_index.fontFor)(e,"medium"),color:e.colors["text-muted"]},labelShrink:{flexShrink:1},labelRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},labelInline:{width:"35%"},inputStacked:{width:"100%"},inputInline:{flex:1,minWidth:0},helper:{fontSize:e.text.sm.size,color:e.colors["text-subtle"]},error:{fontSize:e.text.sm.size,color:e.colors["danger-text"]}});var _default=exports.default=FormField;

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

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

package/lib/commonjs/components/IconBadge/IconBadge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.IconBadge=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_jsxRuntime=require("react/jsx-runtime");const SIZE_MAP={sm:{diameter:32,icon:16},md:{diameter:40,icon:20},lg:{diameter:56,icon:28}},FILL_OPACITY=.14,inkFor=(e,r)=>{switch(r){case"secondary":return e.colors.neutral;case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors["text-muted"];default:return e.colors.primary}},IconBadge=exports.IconBadge=(0,_react.forwardRef)((e,r)=>{const{icon:t,iconVariant:o,size:s="md",tone:c="primary",accessibilityLabel:i,style:a,testID:n}=e,l=(0,_index.useTheme)(),d=SIZE_MAP[s],u=inkFor(l,c),m="neutral"===c?l.colors["bg-muted"]:(0,_color.tintOf)(u,.14,l.colors["bg-muted"]),_={color:u,size:d.icon,disabled:!1},I=void 0!==i;return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:r,testID:n,accessible:I,accessibilityRole:I?"image":void 0,accessibilityLabel:i,importantForAccessibility:I?"yes":"no",style:[styles.base,{width:d.diameter,height:d.diameter,borderRadius:d.diameter/2,..._corners.smoothCorners,backgroundColor:m},a],children:(0,_slotIcon.renderSlotIcon)(t,_,o)})});IconBadge.displayName="IconBadge";const styles=_reactNative.StyleSheet.create({base:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=IconBadge;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.IconBadge=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_jsxRuntime=require("react/jsx-runtime");const SIZE_MAP={sm:{diameter:32,icon:16},md:{diameter:40,icon:20},lg:{diameter:56,icon:28}},FILL_OPACITY=.14,inkFor=(e,r)=>{switch(r){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors["text-muted"];default:return e.colors.primary}},IconBadge=exports.IconBadge=(0,_react.forwardRef)((e,r)=>{const{icon:a,iconVariant:n,size:t="md",tone:i="primary",accessibilityLabel:o,style:s,testID:c}=e;(0,_warnInvalidValue.warnInvalidValue)("IconBadge","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("IconBadge","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("IconBadge","iconVariant",e.iconVariant,["linear","bold","broken","bulk","outline","twotone"]);const l=(0,_index.useTheme)(),d=SIZE_MAP[t],u=inkFor(l,i),I="neutral"===i?l.colors["bg-muted"]:(0,_color.tintOf)(u,.14,l.colors["bg-muted"]),m={color:u,size:d.icon,disabled:!1},_=void 0!==o;return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:r,testID:c,accessible:_,accessibilityRole:_?"image":void 0,accessibilityLabel:o,importantForAccessibility:_?"yes":"no",style:[styles.base,{width:d.diameter,height:d.diameter,borderRadius:d.diameter/2,..._corners.smoothCorners,backgroundColor:I},s],children:(0,_slotIcon.renderSlotIcon)(a,m,n)})});IconBadge.displayName="IconBadge";const styles=_reactNative.StyleSheet.create({base:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=IconBadge;

package/lib/commonjs/components/IconButton/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.IconButton=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index3=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const GLASS_RIM_WIDTH=1,HIT_SLOP=6,SOFT_FILL_OPACITY=.14,SIZE_MAP={sm:{diameter:32,icon:16},md:{diameter:40,icon:20},lg:{diameter:48,icon:24}},toneFor=(e,s)=>{switch(s){case"secondary":return{base:e.colors.neutral,outline:e.colors.border,on:e.colors["on-neutral"],fg:e.colors.neutral};case"success":return{base:e.colors.success,outline:e.colors.success,on:e.colors["on-success"],fg:e.colors["success-text"]};case"warning":return{base:e.colors.warning,outline:e.colors.warning,on:e.colors["on-warning"],fg:e.colors["warning-text"]};case"danger":return{base:e.colors.danger,outline:e.colors.danger,on:e.colors["on-danger"],fg:e.colors["danger-text"]};case"neutral":return{base:e.colors["bg-muted"],outline:e.colors.border,on:e.colors["text-body"],fg:e.colors["text-body"]};default:return{base:e.colors.primary,outline:e.colors.primary,on:e.colors["on-primary"],fg:e.colors.primary}}},IconButton=exports.IconButton=(0,_react.forwardRef)((e,s)=>{const{icon:r,iconVariant:o,onPress:t,accessibilityLabel:n,tone:i="primary",variant:c="solid",size:l="md",shape:a="circle",active:d=!1,disabled:u=!1,loading:b=!1,haptic:_,style:m,testID:g}=e,p=(0,_index.useTheme)(),x=SIZE_MAP[l],y=u||b,{style:I,pressIn:f,pressOut:h}=(0,_usePressAnimation.usePressAnimation)({scaleTo:.92,enabled:!y}),{base:j,outline:S,on:P,fg:v}=toneFor(p,i),q=d?"solid":c;let A="transparent",w="transparent",R=0,O=y?p.colors["text-disabled"]:v;"solid"===q?(A=y?p.colors["surface-disabled"]:j,O=y?p.colors["text-disabled"]:P):"soft"===q?A=y?p.colors["surface-disabled"]:(0,_color.tintOf)(j,.14,p.colors["bg-subtle"]):"outline"===q?(w=y?p.colors.border:S,R=p.size.border):"glass"===q&&(A=p.colors["glass-fill"],w=p.colors["glass-border"],R=1,O=y?p.colors["text-disabled"]:p.colors["on-glass"]);const B={color:O,size:x.icon,disabled:y},C="circle"===a?x.diameter/2:p.radius.md;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:s,onPress:e=>{if(y)return;const s=(0,_index2.resolveHaptic)(_,"selection");s&&(0,_index2.triggerHaptic)(s),t?.(e)},onPressIn:f,onPressOut:h,disabled:y,accessibilityRole:"button",accessibilityLabel:n,accessibilityState:{disabled:y,selected:d},"aria-disabled":y,"aria-selected":d,hitSlop:6,...(0,_hitSlop.hitSlopMarker)(6),testID:g,style:({pressed:e})=>[styles.base,{width:x.diameter,height:x.diameter,borderRadius:C,..._corners.smoothCorners,backgroundColor:A,borderColor:w,borderWidth:R,opacity:e&&"solid"!==q?.7:1},m],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.content,I],children:b?(0,_jsxRuntime.jsx)(_index3.Spinner,{size:"sm",color:O}):(0,_slotIcon.renderSlotIcon)(r,B,o)})})});IconButton.displayName="IconButton";const styles=_reactNative.StyleSheet.create({base:{alignItems:"center",justifyContent:"center"},content:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=IconButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.IconButton=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index3=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const GLASS_RIM_WIDTH=1,HIT_SLOP=6,SOFT_FILL_OPACITY=.14,SIZE_MAP={sm:{diameter:32,icon:16},md:{diameter:40,icon:20},lg:{diameter:48,icon:24}},toneFor=(e,o)=>{switch(o){case"success":return{base:e.colors.success,outline:e.colors.success,on:e.colors["on-success"],fg:e.colors["success-text"]};case"warning":return{base:e.colors.warning,outline:e.colors.warning,on:e.colors["on-warning"],fg:e.colors["warning-text"]};case"danger":return{base:e.colors.danger,outline:e.colors.danger,on:e.colors["on-danger"],fg:e.colors["danger-text"]};case"info":return{base:e.colors.info,outline:e.colors.info,on:e.colors["on-info"],fg:e.colors["info-text"]};case"neutral":return{base:e.colors["bg-muted"],outline:e.colors.border,on:e.colors["text-body"],fg:e.colors["text-body"]};default:return{base:e.colors.primary,outline:e.colors.primary,on:e.colors["on-primary"],fg:e.colors.primary}}},IconButton=exports.IconButton=(0,_react.forwardRef)((e,o)=>{const{icon:r,iconVariant:s,onPress:n,accessibilityLabel:t,tone:i="primary",variant:a="solid",size:l="md",shape:c="circle",active:d=!1,disabled:u=!1,loading:b=!1,haptic:_,style:I,testID:g}=e;(0,_warnInvalidValue.warnInvalidValue)("IconButton","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("IconButton","variant",e.variant,["solid","soft","outline","ghost","glass"]),(0,_warnInvalidValue.warnInvalidValue)("IconButton","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("IconButton","shape",e.shape,["circle","rounded"]),(0,_warnInvalidValue.warnInvalidValue)("IconButton","iconVariant",e.iconVariant,["linear","bold","broken","bulk","outline","twotone"]);const m=(0,_index.useTheme)(),p=SIZE_MAP[l],x=u||b,{style:f,pressIn:v,pressOut:y}=(0,_usePressAnimation.usePressAnimation)({scaleTo:.92,enabled:!x}),{base:w,outline:h,on:j,fg:S}=toneFor(m,i),V=d?"solid":a;let P="transparent",q="transparent",B=0,A=x?m.colors["text-disabled"]:S;"solid"===V?(P=x?m.colors["surface-disabled"]:w,A=x?m.colors["text-disabled"]:j):"soft"===V?P=x?m.colors["surface-disabled"]:(0,_color.tintOf)(w,.14,m.colors["bg-subtle"]):"outline"===V?(q=x?m.colors.border:h,B=m.size.border):"glass"===V&&(P=m.colors["glass-fill"],q=m.colors["glass-border"],B=1,A=x?m.colors["text-disabled"]:m.colors["on-glass"]);const R={color:A,size:p.icon,disabled:x},O="circle"===c?p.diameter/2:m.radius.md;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:o,onPress:e=>{if(x)return;const o=(0,_index2.resolveHaptic)(_,"selection");o&&(0,_index2.triggerHaptic)(o),n?.(e)},onPressIn:v,onPressOut:y,disabled:x,accessibilityRole:"button",accessibilityLabel:t,accessibilityState:{disabled:x,selected:d},"aria-disabled":x,"aria-selected":d,hitSlop:6,...(0,_hitSlop.hitSlopMarker)(6),testID:g,style:({pressed:e})=>[styles.base,{width:p.diameter,height:p.diameter,borderRadius:O,..._corners.smoothCorners,backgroundColor:P,borderColor:q,borderWidth:B,opacity:e&&"solid"!==V?.7:1},I],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.content,f],children:b?(0,_jsxRuntime.jsx)(_index3.Spinner,{size:"sm",color:A}):(0,_slotIcon.renderSlotIcon)(r,R,s)})})});IconButton.displayName="IconButton";const styles=_reactNative.StyleSheet.create({base:{alignItems:"center",justifyContent:"center"},content:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=IconButton;