@webority/mobile-ui 0.104.1 → 0.107.0

package/lib/commonjs/components/BarChart/BarChart.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.BarChart=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_index4=require("../Text/index.js"),_scale=require("./scale.js"),_jsxRuntime=require("react/jsx-runtime");const AUTO_VALUES_MAX_BARS=7,MAX_BAR_WIDTH=40,BAR_SHARE=.6,MIN_BAR_HEIGHT=2,VALUE_LABEL_ROOM=20,PLOT_PAD=6,HEADER_MIN_HEIGHT=48,AXIS_LABEL_MIN_WIDTH=44,CHAR_WIDTH=7,FONT_SCALE_CAP=1.2,toneColor=(e,t)=>"neutral"===t?e.colors["text-muted"]:e.colors[`${t}-text`],safe=e=>Number.isFinite(e)?e:0,defaultFormatValue=e=>(0,_mobileCore.formatNumber)(e),defaultFormatTick=e=>(0,_mobileCore.formatCompactNumber)(e),BarChart=exports.BarChart=(0,_react.forwardRef)((e,t)=>{const{data:r,tone:i="primary",color:a,height:s=160,label:n,summary:l,formatValue:o=defaultFormatValue,formatTick:c=defaultFormatTick,showValues:u,selection:x,defaultSelection:d=null,onSelect:m,haptic:_,style:h,testID:b}=e,y=(0,_index2.useTheme)(),f=r.length,[j,p]=(0,_react.useState)(0),[v,R]=(0,_index.useControllableState)({value:x,defaultValue:d,onChange:m}),g=null!==v&&v>=0&&v<f?v:null,N=(0,_react.useRef)(g);N.current=g;const M=(0,_react.useRef)(-1),S=(0,_index3.resolveHaptic)(_,"tick"),w=(0,_react.useCallback)(()=>{S&&(0,_index3.triggerHaptic)(S)},[S]),C=u??(f>0&&f<=7),T=(0,_react.useMemo)(()=>r.map(e=>safe(e.value)),[r]),A=(0,_react.useMemo)(()=>(0,_scale.barScale)(T),[T]),V=C?20:6,L=C&&A.min<0?20:6,H=Math.max(1,s-V-L),I=(0,_react.useCallback)(e=>V+(A.max-e)/(A.max-A.min)*H,[V,A.max,A.min,H]),k=I(0),B=(0,_react.useMemo)(()=>A.ticks.map(e=>c(e)),[A.ticks,c]),D=Math.ceil(7*Math.max(...B.map(e=>e.length),1)*1.2),E=f>0?j/f:0,O=Math.max(1,Math.ceil(44/Math.max(1,E||44))),$=(0,_react.useCallback)(e=>{const t=r[e];return t.accessibilityLabel??`${t.label}, ${o(T[e])}`},[r,o,T]),q=(0,_react.useMemo)(()=>{let e=-1;return T.forEach((t,r)=>{(-1===e||t>T[e])&&(e=r)}),e},[T]),F=l??(q>=0?`Highest: ${r[q].label}, ${o(T[q])}`:""),G=(0,_react.useRef)({fire:w,setSelected:R,count:f,plotWidth:j});G.current={fire:w,setSelected:R,count:f,plotWidth:j};const W=(0,_react.useMemo)(()=>{const indexAt=e=>{const{count:t,plotWidth:r}=G.current;return 0===t||r<=0||!Number.isFinite(e)?-1:Math.min(t-1,Math.max(0,Math.floor(e/r*t)))},scrubTo=e=>{const t=indexAt(e);t<0||t===M.current||(M.current=t,G.current.fire(),G.current.setSelected(t))},e=_reactNativeGestureHandler.Gesture.Pan().runOnJS(!0).activeOffsetX([-8,8]).failOffsetY([-12,12]).onStart(e=>{M.current=N.current??-1,scrubTo(e.x)}).onUpdate(e=>scrubTo(e.x)).withTestId(b?`${b}-pan`:"bar-chart-pan"),t=_reactNativeGestureHandler.Gesture.Tap().runOnJS(!0).onEnd((e,t)=>{if(!t)return;const r=indexAt(e.x);r<0||(G.current.fire(),M.current=r,G.current.setSelected(r===N.current?null:r))}).withTestId(b?`${b}-tap`:"bar-chart-tap");return _reactNativeGestureHandler.Gesture.Race(e,t)},[b]),P=(0,_react.useCallback)(e=>{if(0===f)return;const t=N.current,r="increment"===e.nativeEvent.actionName?null===t?0:Math.min(f-1,t+1):null===t?f-1:Math.max(0,t-1);r!==t&&(w(),R(r))},[f,w,R]),U=(0,_react.useCallback)(e=>{const t=Math.round(e.nativeEvent.layout.width);p(e=>e===t?e:t)},[]),X=a??toneColor(y,i),z=y.radius.sm,J=n??"Bar chart",Y=0===f?`${J}, no data`:F?`${J}, ${F}`:J,K=null===g?F:$(g),Q=T.map((e,t)=>{const r=Math.min(40,Math.max(4,.6*E)),i=I(e),a=e>=0?i:k,n=0===e?0:Math.max(2,Math.abs(i-k)),l=null!==g&&g!==t;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.slot,{height:s}],children:[j>0&&n>0?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:b?`${b}-bar-${t}`:void 0,style:{position:"absolute",left:(E-r)/2,top:a,width:r,height:n,backgroundColor:X,opacity:l?.4:1,..._corners.smoothCorners,...e>=0?{borderTopLeftRadius:z,borderTopRightRadius:z}:{borderBottomLeftRadius:z,borderBottomRightRadius:z}}}):null,C&&j>0?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",align:"center",numberOfLines:1,maxFontSizeMultiplier:1.2,style:{position:"absolute",left:0,right:0,top:e>=0?i-20+2:i+2},children:c(e)}):null]},t)});return 0===f?(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"image",accessibilityLabel:Y,testID:b,style:[styles.root,h],children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",color:"secondary",children:"No data"})}):(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"adjustable",accessibilityLabel:Y,accessibilityValue:{min:0,max:f-1,now:g??0,text:K},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:P,testID:b,style:[styles.root,h],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.header,{minHeight:48,marginBottom:y.space.sm}],children:null===g?F?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",color:"secondary",children:F}):null:(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",numberOfLines:1,children:r[g].label}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"h3",numberOfLines:1,testID:b?`${b}-callout`:void 0,children:o(T[g])})]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.body,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:D,height:s},children:A.ticks.map((e,t)=>(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"tertiary",align:"right",numberOfLines:1,maxFontSizeMultiplier:1.2,style:{position:"absolute",right:y.space.xs,left:0,top:I(e)-8},children:B[t]},e))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.plotColumn,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:W,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{height:s},onLayout:U,testID:b?`${b}-plot`:void 0,children:[A.ticks.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:{position:"absolute",left:0,right:0,top:I(e)-(0===e?.75:_reactNative.StyleSheet.hairlineWidth),height:0===e?1.5:2*_reactNative.StyleSheet.hairlineWidth,backgroundColor:0===e?y.colors["text-subtle"]:y.colors["border-subtle"]}},e)),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.slots,{height:s}],children:Q})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.axis,children:r.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.axisSlot,children:t%O===0?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:g===t?"primary":"tertiary",weight:g===t?"semibold":void 0,align:"center",numberOfLines:1,maxFontSizeMultiplier:1.2,style:E>0?{width:E*O}:void 0,children:e.axisLabel??e.label}):null},t))})]})]})]})});BarChart.displayName="BarChart";const styles=_reactNative.StyleSheet.create({root:{alignSelf:"stretch"},header:{justifyContent:"center"},body:{flexDirection:"row"},plotColumn:{flex:1},slots:{flexDirection:"row"},slot:{flex:1},axis:{flexDirection:"row"},axisSlot:{flex:1,alignItems:"center",overflow:"visible"}});var _default=exports.default=BarChart;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_BAR_CHART_LABELS=exports.BarChart=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index4=require("../Text/index.js"),_scale=require("./scale.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_BAR_CHART_LABELS=exports.DEFAULT_BAR_CHART_LABELS=Object.freeze({chart:"Bar chart",noData:"no data",highest:(e,t)=>`Highest: ${e}, ${t}`}),AUTO_VALUES_MAX_BARS=7,MAX_BAR_WIDTH=40,BAR_SHARE=.6,MIN_BAR_HEIGHT=2,VALUE_LABEL_ROOM=20,PLOT_PAD=6,HEADER_MIN_HEIGHT=48,AXIS_LABEL_MIN_WIDTH=44,CHAR_WIDTH=7,FONT_SCALE_CAP=1.2,toneColor=(e,t)=>"neutral"===t?e.colors["text-muted"]:e.colors[`${t}-text`],safe=e=>Number.isFinite(e)?e:0,defaultFormatValue=e=>(0,_mobileCore.formatNumber)(e),defaultFormatTick=e=>(0,_mobileCore.formatCompactNumber)(e),BarChart=exports.BarChart=(0,_react.forwardRef)((e,t)=>{const{data:r,tone:a="primary",color:i,height:s=160,label:n,summary:l,formatValue:o=defaultFormatValue,formatTick:c=defaultFormatTick,showValues:u,selection:_,defaultSelection:d=null,onSelect:x,haptic:m,labels:h,style:b,testID:y}=e;(0,_warnInvalidValue.warnInvalidValue)("BarChart","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const f=(0,_react.useMemo)(()=>({...DEFAULT_BAR_CHART_LABELS,...h}),[h]),j=(0,_index2.useTheme)(),p=r.length,[v,R]=(0,_react.useState)(0),[g,A]=(0,_index.useControllableState)({value:_,defaultValue:d,onChange:x}),S=null!==g&&g>=0&&g<p?g:null,w=(0,_react.useRef)(S);w.current=S;const C=(0,_react.useRef)(-1),N=(0,_index3.resolveHaptic)(m,"tick"),T=(0,_react.useCallback)(()=>{N&&(0,_index3.triggerHaptic)(N)},[N]),L=u??(p>0&&p<=7),M=(0,_react.useMemo)(()=>r.map(e=>safe(e.value)),[r]),B=(0,_react.useMemo)(()=>(0,_scale.barScale)(M),[M]),V=L?20:6,E=L&&B.min<0?20:6,H=Math.max(1,s-V-E),I=(0,_react.useCallback)(e=>V+(B.max-e)/(B.max-B.min)*H,[V,B.max,B.min,H]),D=I(0),k=(0,_react.useMemo)(()=>B.ticks.map(e=>c(e)),[B.ticks,c]),O=Math.ceil(7*Math.max(...k.map(e=>e.length),1)*1.2),F=p>0?v/p:0,$=Math.max(1,Math.ceil(44/Math.max(1,F||44))),q=(0,_react.useCallback)(e=>{const t=r[e];return t.accessibilityLabel??`${t.label}, ${o(M[e])}`},[r,o,M]),G=(0,_react.useMemo)(()=>{let e=-1;return M.forEach((t,r)=>{(-1===e||t>M[e])&&(e=r)}),e},[M]),U=l??(G>=0?f.highest(r[G].label,o(M[G])):""),W=(0,_react.useRef)({fire:T,setSelected:A,count:p,plotWidth:v});W.current={fire:T,setSelected:A,count:p,plotWidth:v};const P=(0,_react.useMemo)(()=>{const indexAt=e=>{const{count:t,plotWidth:r}=W.current;return 0===t||r<=0||!Number.isFinite(e)?-1:Math.min(t-1,Math.max(0,Math.floor(e/r*t)))},scrubTo=e=>{const t=indexAt(e);t<0||t===C.current||(C.current=t,W.current.fire(),W.current.setSelected(t))},e=_reactNativeGestureHandler.Gesture.Pan().runOnJS(!0).activeOffsetX([-8,8]).failOffsetY([-12,12]).onStart(e=>{C.current=w.current??-1,scrubTo(e.x)}).onUpdate(e=>scrubTo(e.x)).withTestId(y?`${y}-pan`:"bar-chart-pan"),t=_reactNativeGestureHandler.Gesture.Tap().runOnJS(!0).onEnd((e,t)=>{if(!t)return;const r=indexAt(e.x);r<0||(W.current.fire(),C.current=r,W.current.setSelected(r===w.current?null:r))}).withTestId(y?`${y}-tap`:"bar-chart-tap");return _reactNativeGestureHandler.Gesture.Race(e,t)},[y]),z=(0,_react.useCallback)(e=>{if(0===p)return;const t=w.current,r="increment"===e.nativeEvent.actionName?null===t?0:Math.min(p-1,t+1):null===t?p-1:Math.max(0,t-1);r!==t&&(T(),A(r))},[p,T,A]),X=(0,_react.useCallback)(e=>{const t=Math.round(e.nativeEvent.layout.width);R(e=>e===t?e:t)},[]),J=i??toneColor(j,a),Y=j.radius.sm,K=n??f.chart,Q=0===p?`${K}, ${f.noData}`:U?`${K}, ${U}`:K,Z=null===S?U:q(S),ee=M.map((e,t)=>{const r=Math.min(40,Math.max(4,.6*F)),a=I(e),i=e>=0?a:D,n=0===e?0:Math.max(2,Math.abs(a-D)),l=null!==S&&S!==t;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.slot,{height:s}],children:[v>0&&n>0?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:y?`${y}-bar-${t}`:void 0,style:{position:"absolute",left:(F-r)/2,top:i,width:r,height:n,backgroundColor:J,opacity:l?.4:1,..._corners.smoothCorners,...e>=0?{borderTopLeftRadius:Y,borderTopRightRadius:Y}:{borderBottomLeftRadius:Y,borderBottomRightRadius:Y}}}):null,L&&v>0?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",align:"center",numberOfLines:1,maxFontSizeMultiplier:1.2,style:{position:"absolute",left:0,right:0,top:e>=0?a-20+2:a+2},children:c(e)}):null]},t)});return 0===p?(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"image",accessibilityLabel:Q,testID:y,style:[styles.root,b],children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",color:"secondary",children:"No data"})}):(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessible:!0,accessibilityRole:"adjustable",accessibilityLabel:Q,accessibilityValue:{min:0,max:p-1,now:S??0,text:Z},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:z,testID:y,style:[styles.root,b],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.header,{minHeight:48,marginBottom:j.space.sm}],children:null===S?U?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",color:"secondary",children:U}):null:(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"secondary",numberOfLines:1,children:r[S].label}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"h3",numberOfLines:1,testID:y?`${y}-callout`:void 0,children:o(M[S])})]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.body,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:O,height:s},children:B.ticks.map((e,t)=>(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"tertiary",align:"right",numberOfLines:1,maxFontSizeMultiplier:1.2,style:{position:"absolute",right:j.space.xs,left:0,top:I(e)-8},children:k[t]},e))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.plotColumn,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:P,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{height:s},onLayout:X,testID:y?`${y}-plot`:void 0,children:[B.ticks.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:{position:"absolute",left:0,right:0,top:I(e)-(0===e?.75:_reactNative.StyleSheet.hairlineWidth),height:0===e?1.5:2*_reactNative.StyleSheet.hairlineWidth,backgroundColor:0===e?j.colors["text-subtle"]:j.colors["border-subtle"]}},e)),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.slots,{height:s}],children:ee})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.axis,children:r.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.axisSlot,children:t%$===0?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:S===t?"primary":"tertiary",weight:S===t?"semibold":void 0,align:"center",numberOfLines:1,maxFontSizeMultiplier:1.2,style:F>0?{width:F*$}:void 0,children:e.axisLabel??e.label}):null},t))})]})]})]})});BarChart.displayName="BarChart";const styles=_reactNative.StyleSheet.create({root:{alignSelf:"stretch"},header:{justifyContent:"center"},body:{flexDirection:"row"},plotColumn:{flex:1},slots:{flexDirection:"row"},slot:{flex:1},axis:{flexDirection:"row"},axisSlot:{flex:1,alignItems:"center",overflow:"visible"}});var _default=exports.default=BarChart;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.BottomNavigation=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_shadows=require("../../utils/shadows.js"),_index3=require("../AppIcon/index.js"),_useScreenReaderEnabled=require("./useScreenReaderEnabled.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,a,r=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((i=r&&Object.getOwnPropertyDescriptor(e,a))&&(i.get||i.set)?r(n,a,i):n[a]=e[a]);return n}const DEFAULT_ICON_SIZE=18,DEFAULT_LABEL_MAX_FONT_SCALE=1.2,ICON_WRAP_AIR=4,PILL_AIR=8,DEFAULT_PILL_MAX_WIDTH=64,TILE_MAX_WIDTH=96,DEFAULT_UNDERLINE_HEIGHT=3,DEFAULT_BUBBLE_SIZE=48,DEFAULT_BUBBLE_LIFT=14,DEFAULT_CENTER_SIZE=48,DEFAULT_CENTER_ICON_SIZE=24,CENTER_KEY="__webority_center_action__",EXPANDED_FLEX=1.5,SOLID_INACTIVE_OPACITY=.7,TILE_INSET=2,formatBadge=e=>null==e||!1===e?null:!0===e||"·"===e?{text:"",isDot:!0}:"number"==typeof e?e<=0?null:{text:e>99?"99+":String(e),isDot:!1}:"string"==typeof e?0===e.length?null:{text:e,isDot:!1}:null,badgeAccessibilitySuffix=e=>null==e||!1===e?"":"number"==typeof e?e>0?`, ${e} unread`:"":!0===e||"·"===e?", new updates":"string"==typeof e&&e.length>0?`, ${e}`:"",BottomNavigation=exports.BottomNavigation=(0,_react.forwardRef)((e,t)=>{const{tabs:i,centerAction:a,activeTab:r,onChange:n,haptic:o="selection",showLabels:s=!0,variant:l="pill",indicatorPosition:c="bottom",radius:d,indicatorRadius:u="auto",elevation:p,iconSize:h,marginHorizontal:m,marginVertical:_,paddingHorizontal:g,paddingVertical:x,border:b,minimizeOnScroll:f=!1,scrollDirection:y="idle",accessory:v,style:R,indicatorStyle:j,labelStyle:N,labelMaxFontScale:S,testID:w}=e,E=(0,_index.useTheme)(),I=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),A=(0,_react.useMemo)(()=>buildStyles(E),[E]),C=h??18,L=C+4+8,M=E.space.lg,T=E.space.lg,D=E.radius.xl,k=(0,_useReducedMotion.useReducedMotion)(),V=(0,_useScreenReaderEnabled.useScreenReaderEnabled)(f),[z,B]=_react.default.useState(null);(0,_react.useEffect)(()=>{null!==z&&z!==y&&B(null)},[z,y]);const P=f&&!V&&"down"===y&&null===z,[W,F]=_react.default.useState(P);(0,_react.useEffect)(()=>{W!==P&&(k||"web"===_reactNative.Platform.OS||_reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut),F(P))},[W,P,k]);const H="function"==typeof v?v({minimized:W}):v,O=null!=H&&!1!==H,q=W&&O,[U,$]=_react.default.useState(0),X=O&&!q?U+E.space.xs:0,Z="tile"===l,Y="floating"===l||Z,K="bubble"===l,G="expand"===l,J="solid"===l,Q="pill"===l||Y||J,ee=Math.max(0,i.findIndex(e=>e.key===r)),[te,ie]=_react.default.useState(0),[ae,re]=_react.default.useState(0),ne=a?Math.ceil(i.length/2):i.length,oe=i.length+(a?1:0),[se,le]=_react.default.useState({width:0,height:0}),ce=a?.size??48,de=void 0!==a?.gap,ue=Math.max(0,a?.gap??0),pe=de?(se.width||ce)+2*ue:0,he=de?i.length>0?Math.max(0,te-pe)/i.length:0:oe>0?te/oe:0,me=de?pe:he,ge=(0,_react.useRef)((0,_index.createAnimatedValue)(ee)).current,xe=(0,_react.useRef)({}),be=(0,_react.useRef)({});i.forEach(e=>{xe.current[e.key]||(xe.current[e.key]=new _reactNative.Animated.Value(1)),be.current[e.key]||(be.current[e.key]=(0,_index.createAnimatedValue)(e.key===r?1:0))});const fe=he>0?Z?Math.min(he-4,96):Math.min(he-M,64):0,ye=he>0?(he-fe)/2:0,ve=he>0?(he-48)/2:0,hasLabel=e=>s&&!W&&!1!==e.showLabel&&e.label.trim().length>0,Re=i[ee],je=Re&&!hasLabel(Re)&&ae>0?ae/2:E.space.xs+(C+4)/2,Ne=je-14-24,Se=Math.max(0,ae-4),we=Z?2:je-L/2,Ee=(0,_react.useRef)(ee);(0,_react.useEffect)(()=>{if(Ee.current===ee)return;Ee.current=ee;const e=_reactNative.Animated.spring(ge,{toValue:ee,tension:120,friction:14,useNativeDriver:!0});return e.start(),()=>e.stop()},[ee,ge]);const Ie=Math.max(1,i.length-1),Ae=(0,_react.useMemo)(()=>{const e=[],t=[];for(let i=0;i<=Ie;i++)e.push(i),t.push(i<ne?i*he:i*he+me);return ge.interpolate({inputRange:e,outputRange:t})},[ge,Ie,ne,he,me]),Ce=i.map(e=>e.key).join(" "),Le=K||G;(0,_react.useEffect)(()=>{const e=Ce.split(" ").flatMap(e=>{const t=e===r?1:0,i=be.current[e];return i?Le?[_reactNative.Animated.spring(i,{toValue:t,tension:140,friction:13,useNativeDriver:!1})]:(i.setValue(t),[]):[]});if(0===e.length)return;const t=_reactNative.Animated.parallel(e);return t.start(),()=>t.stop()},[r,Ce,Le]);const popIcon=e=>{_reactNative.Animated.sequence([_reactNative.Animated.timing(e,{toValue:1.15,duration:120,useNativeDriver:!0}),_reactNative.Animated.spring(e,{toValue:1,tension:200,friction:8,useNativeDriver:!0})]).start()},Me=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current,{colors:Te}=E,De=J?Te.primary:Te.surface,ke=J?Te["on-primary"]:Te.primary,Ve=J?Te["on-primary"]:Z?Te["text-body"]:Te["text-subtle"],ze=J?Te["on-primary"]:Te["primary-soft"],Be=J?Te.primary:K?Te["on-primary"]:ke,Pe=m??T,We=_??(Y?T:0),Fe=We>0,He=x??E.space.sm,Oe=g??(Y?E.space.sm:E.space.xs),qe=Fe?He:Math.max(He,I.bottom),Ue=Fe?Math.max(We,I.bottom>0?I.bottom+E.space.sm:0):0,$e="pill"===d,Xe=Y?ae+X+2*He+2*_reactNative.StyleSheet.hairlineWidth:ae+X+He+qe,Ze=$e?ae>0?Xe/2:E.radius.pill:d??(Z?E.radius.pill:Y?D:E.radius.none),Ye=void 0!==d,activeBgRadius=(e,t)=>"number"==typeof u?Math.max(0,Math.min(u,e/2)):"auto"===u&&Ye?Math.min(Ze,e/2):t,Ke="underline"===l?Math.max(Oe,$e&&0===ae?0:Ze):Oe,Ge=p??"none",Je="none"===Ge?void 0:E.shadow[Ge],Qe=void 0===Je?null:(0,_shadows.supportsBoxShadow)()?{boxShadow:(0,_shadows.toBoxShadow)(Je)}:Je,et=b?_reactNative.StyleSheet.hairlineWidth:0,tt=J?Te.primary:Te.border,it=a?.lift??0,at=He+et+X,rt=a&&ae>0?Math.max(0,(se.height||ce)/2+it-ae/2-at):0,nt=a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.centerCell,de?{flex:0,marginHorizontal:ue}:null],pointerEvents:"box-none",children:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>{if(!a)return;const e=a.haptic??o;!1!==e&&(0,_index2.triggerHaptic)(e),popIcon(Me),a.onPress()},onLayout:e=>{const{width:t,height:i}=e.nativeEvent.layout;le(e=>e.width===t&&e.height===i?e:{width:t,height:i})},accessibilityRole:"button",accessibilityLabel:a.label,hitSlop:{top:6,bottom:6,left:6,right:6},...(0,_hitSlop.hitSlopMarker)({top:6,bottom:6,left:6,right:6}),style:({pressed:e})=>[A.centerPressable,{top:-it},e?{opacity:.85}:null],testID:a.testID??(w?`${w}-center`:void 0),children:[a.content?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{transform:[{scale:Me}]},children:a.content}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.centerCircle,{width:ce,height:ce,borderRadius:E.radius.pill,..._corners.smoothCorners,backgroundColor:a.color??Te.primary}],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{transform:[{scale:Me}]},children:(0,_index3.renderSlotIcon)(a.icon??"add",{color:a.iconColor??Te["on-primary"],size:a.iconSize??24,disabled:!1})})}),(ot=a,s&&!W&&ot.label.trim().length>0?(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,maxFontSizeMultiplier:S??E.settings.maxFontSizeMultiplier??1.2,style:[A.label,{color:Ve,opacity:J?.7:1},N],children:a.label}):null)]})},CENTER_KEY):null;var ot;const st=O?(0,_jsxRuntime.jsx)(_reactNative.View,{style:q?A.accessoryInline:A.accessoryStacked,onLayout:e=>$(e.nativeEvent.layout.height),testID:w?`${w}-accessory`:void 0,children:H}):null,lt=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:q?[A.tabRow,A.tabRowInline]:A.tabRow,onLayout:e=>{const{width:t,height:i}=e.nativeEvent.layout;ie(t),re(i)},children:[Q&&fe>0&&(!Z||Se>0)?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[A.pill,{width:fe,height:Z?Se:L,left:ye,top:we,backgroundColor:ze,borderRadius:Z?activeBgRadius(Se,Se/2):activeBgRadius(L,E.radius.pill),..._corners.smoothCorners,transform:[{translateX:Ae}]},j]}):null,K&&he>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[A.bubble,E.shadow.elevated,{width:48,height:48,borderRadius:E.radius.pill,..._corners.smoothCorners,left:ve,top:Ne,backgroundColor:Te.primary,borderColor:Te.surface,transform:[{translateX:Ae}]},j]}):null,(ct=i.map(e=>{const t=e.key===r,i=t?ke:Ve,a=t?Be:Ve,s="string"==typeof e.icon?{name:e.icon,variant:"bold"}:e.icon,l=t?e.activeIcon??s:e.icon,c=xe.current[e.key],d=be.current[e.key],u=formatBadge(e.badge??null),p=badgeAccessibilitySuffix(e.badge??null),h=J&&!t?.7:1,m=K&&t||J?Te.primary:Te.surface,_=hasLabel(e),g=_&&(!G||t),x=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[A.iconWrap,{width:C+4,height:C+4,opacity:h,transform:[{scale:c}]}],children:[(0,_index3.renderSlotIcon)(l,{color:a,size:C,focused:t,disabled:!1}),u?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.isDot?A.badgeDot:A.badgePill,{backgroundColor:Te.danger,borderColor:m}],children:u.isDot?null:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[A.badgeText,{color:Te["on-danger"]}],numberOfLines:1,children:u.text})}):null]}),b=K?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{top:d.interpolate({inputRange:[0,1],outputRange:[0,-14]})},children:x}):x,f=g?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{numberOfLines:1,maxFontSizeMultiplier:S??E.settings.maxFontSizeMultiplier??1.2,style:[A.label,G?A.labelInline:null,{color:i,opacity:G?d:h,fontWeight:t?E.weight.semibold:E.weight.normal},N],children:e.label}):null,v=(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>(e=>{W&&B(y),e.key!==r&&!1!==o&&(0,_index2.triggerHaptic)(o);const t=xe.current[e.key];t&&popIcon(t),n(e.key)})(e),accessibilityRole:"tab",accessibilityState:{selected:t},"aria-selected":t,accessibilityLabel:`${e.label}${p}`,accessibilityHint:`Switches to ${e.label}`,hitSlop:{top:6,bottom:6,left:6,right:6},...(0,_hitSlop.hitSlopMarker)({top:6,bottom:6,left:6,right:6}),style:({pressed:e})=>[A.tab,Z?A.tabTile:null,e?{opacity:.85}:null],testID:w?`${w}-tab-${e.key}`:void 0,children:G?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[A.expandPill,{height:L,paddingHorizontal:t&&_?E.space.md:Math.max(0,(L-(C+4))/2)}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[A.expandFill,{borderRadius:activeBgRadius(L,L/2),..._corners.smoothCorners,backgroundColor:t?Te["primary-soft"]:"transparent"},t?j:null]}),b,f]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[b,f]})},e.key);return G?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{flex:d.interpolate({inputRange:[0,1],outputRange:[1,_?1.5:1]})},children:v},e.key):v}),nt?[...ct.slice(0,ne),nt,...ct.slice(ne)]:ct),"underline"===l&&he>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[A.underline,"top"===c?A.underlineTop:A.underlineBottom,"top"===c?{top:-He-X}:{bottom:-He},{width:he,height:3,backgroundColor:Te.primary,transform:[{translateX:Ae}]},j]}):null]});var ct;return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,testID:w,accessibilityRole:"tablist",style:[A.outer,{paddingHorizontal:Pe,paddingTop:Math.max(We,rt),paddingBottom:Ue},R],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[Y?A.floatingBar:A.dockedBar,q?A.barInline:null,Qe,{backgroundColor:De,borderColor:tt,borderRadius:Ze,..._corners.smoothCorners},Y?{borderWidth:et,paddingHorizontal:Oe,paddingVertical:He}:{borderTopWidth:et,borderBottomWidth:et,borderLeftWidth:et,borderRightWidth:et,paddingHorizontal:Ke,paddingTop:He,paddingBottom:qe}],children:[st,lt]})})});BottomNavigation.displayName="BottomNavigation";const buildStyles=e=>_reactNative.StyleSheet.create({outer:{backgroundColor:"transparent"},dockedBar:{paddingHorizontal:e.space.xs},floatingBar:{paddingVertical:e.space.sm,paddingHorizontal:e.space.sm},tabRow:{flexDirection:"row",alignItems:"stretch",position:"relative"},tabRowInline:{flex:1},barInline:{flexDirection:"row",alignItems:"center"},accessoryStacked:{marginBottom:e.space.xs},accessoryInline:{flexShrink:0,marginRight:e.space.xs},tab:{flex:1,minHeight:44,alignItems:"center",justifyContent:"center",paddingVertical:e.space.xs,gap:e.space.xs},tabTile:{paddingVertical:e.space.sm,gap:e.space.xxs},centerCell:{flex:1,minHeight:44,alignItems:"center",justifyContent:"center"},centerPressable:{alignItems:"center",maxWidth:"100%",gap:e.space.xs},centerCircle:{alignItems:"center",justifyContent:"center"},iconWrap:{alignItems:"center",justifyContent:"center",position:"relative"},label:{fontSize:e.text.xs.size,lineHeight:e.text.xs.size*e.leading.heading,textAlign:"center",includeFontPadding:!1},labelInline:{fontSize:e.text.sm.size,lineHeight:e.text.sm.size*e.leading.heading,flexShrink:1,includeFontPadding:!1},expandPill:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:e.space.xs},expandFill:{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden"},pill:{position:"absolute",left:0},bubble:{position:"absolute",left:0,borderWidth:3},underline:{position:"absolute",left:0,height:3},underlineBottom:{borderTopLeftRadius:e.radius.none,borderTopRightRadius:e.radius.none,..._corners.smoothCorners},underlineTop:{borderBottomLeftRadius:e.radius.none,borderBottomRightRadius:e.radius.none,..._corners.smoothCorners},badgePill:{position:"absolute",top:-4,right:-8,minWidth:18,height:18,borderRadius:e.radius.pill,..._corners.smoothCorners,paddingHorizontal:e.space.xs,paddingVertical:e.space.xxs,alignItems:"center",justifyContent:"center",borderWidth:1.5},badgeDot:{position:"absolute",top:-2,right:-2,width:10,height:10,borderRadius:e.radius.pill,..._corners.smoothCorners,borderWidth:1.5},badgeText:{fontSize:e.text.xs.size,fontWeight:"700",lineHeight:13,textAlign:"center",includeFontPadding:!1}});var _default=exports.default=BottomNavigation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_BOTTOM_NAVIGATION_LABELS=exports.BottomNavigation=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_shadows=require("../../utils/shadows.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index3=require("../AppIcon/index.js"),_index4=require("../Text/index.js"),_useScreenReaderEnabled=require("./useScreenReaderEnabled.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,a,n=Object.defineProperty,r={__proto__:null,default:e};if(Object(e)!==e)return r;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,r)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((i=n&&Object.getOwnPropertyDescriptor(e,a))&&(i.get||i.set)?n(r,a,i):r[a]=e[a]);return r}const DEFAULT_BOTTOM_NAVIGATION_LABELS=exports.DEFAULT_BOTTOM_NAVIGATION_LABELS=Object.freeze({switchesTo:e=>`Switches to ${e}`,unread:e=>`${e} unread`,newUpdates:"new updates"}),DEFAULT_ICON_SIZE=18,DEFAULT_LABEL_MAX_FONT_SCALE=1.2,ICON_WRAP_AIR=4,PILL_AIR=8,DEFAULT_PILL_MAX_WIDTH=64,TILE_MAX_WIDTH=96,DEFAULT_UNDERLINE_HEIGHT=3,DEFAULT_BUBBLE_SIZE=48,DEFAULT_BUBBLE_LIFT=14,DEFAULT_CENTER_SIZE=48,DEFAULT_CENTER_ICON_SIZE=24,CENTER_KEY="__center_action__",EXPANDED_FLEX=1.5,SOLID_INACTIVE_OPACITY=.7,TILE_INSET=2,formatBadge=e=>null==e||!1===e?null:!0===e||"·"===e?{text:"",isDot:!0}:"number"==typeof e?e<=0?null:{text:e>99?"99+":String(e),isDot:!1}:"string"==typeof e?0===e.length?null:{text:e,isDot:!1}:null,badgeAccessibilitySuffix=(e,t)=>null==e||!1===e?"":"number"==typeof e?e>0?`, ${t.unread(e)}`:"":!0===e||"·"===e?`, ${t.newUpdates}`:"string"==typeof e&&e.length>0?`, ${e}`:"",BottomNavigation=exports.BottomNavigation=(0,_react.forwardRef)((e,t)=>{const{tabs:i,centerAction:a,activeTab:n,onChange:r,haptic:o="selection",showLabels:s=!0,variant:l="pill",indicatorPosition:c="bottom",radius:d,indicatorRadius:u="auto",elevation:p,iconSize:h,marginHorizontal:_,marginVertical:m,paddingHorizontal:g,paddingVertical:x,border:b,minimizeOnScroll:f=!1,scrollDirection:y="idle",accessory:v,style:R,indicatorStyle:N,labelStyle:w,labelMaxFontScale:j,labels:A,testID:I}=e;(0,_warnInvalidValue.warnInvalidValue)("BottomNavigation","variant",e.variant,["pill","underline","floating","bubble","expand","solid","tile"]),(0,_warnInvalidValue.warnInvalidValue)("BottomNavigation","indicatorPosition",e.indicatorPosition,["top","bottom"]);const S=(0,_react.useMemo)(()=>A?{...DEFAULT_BOTTOM_NAVIGATION_LABELS,...A}:DEFAULT_BOTTOM_NAVIGATION_LABELS,[A]),E=(0,_index.useTheme)(),T=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),L=(0,_react.useMemo)(()=>buildStyles(E),[E]),V=h??18,C=V+4+8,M=E.space.lg,B=E.space.lg,D=E.radius.xl,k=(0,_useReducedMotion.useReducedMotion)(),O=(0,_useScreenReaderEnabled.useScreenReaderEnabled)(f),[z,P]=_react.default.useState(null);(0,_react.useEffect)(()=>{null!==z&&z!==y&&P(null)},[z,y]);const F=f&&!O&&"down"===y&&null===z,[H,W]=_react.default.useState(F);(0,_react.useEffect)(()=>{H!==F&&(k||"web"===_reactNative.Platform.OS||_reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut),W(F))},[H,F,k]);const U="function"==typeof v?v({minimized:H}):v,q=null!=U&&!1!==U,$=H&&q,[X,G]=_react.default.useState(0),Z=q&&!$?X+E.space.xs:0,Y="tile"===l,K="floating"===l||Y,J="bubble"===l,Q="expand"===l,ee="solid"===l,te="pill"===l||K||ee,ie=Math.max(0,i.findIndex(e=>e.key===n)),[ae,ne]=_react.default.useState(0),[re,oe]=_react.default.useState(0),se=a?Math.ceil(i.length/2):i.length,le=i.length+(a?1:0),[ce,de]=_react.default.useState({width:0,height:0}),ue=a?.size??48,pe=void 0!==a?.gap,he=Math.max(0,a?.gap??0),me=pe?(ce.width||ue)+2*he:0,ge=pe?i.length>0?Math.max(0,ae-me)/i.length:0:le>0?ae/le:0,xe=pe?me:ge,be=(0,_react.useRef)((0,_index.createAnimatedValue)(ie)).current,fe=(0,_react.useRef)({}),ye=(0,_react.useRef)({});i.forEach(e=>{fe.current[e.key]||(fe.current[e.key]=new _reactNative.Animated.Value(1)),ye.current[e.key]||(ye.current[e.key]=(0,_index.createAnimatedValue)(e.key===n?1:0))});const ve=ge>0?Y?Math.min(ge-4,96):Math.min(ge-M,64):0,Re=ge>0?(ge-ve)/2:0,Ne=ge>0?(ge-48)/2:0,hasLabel=e=>s&&!H&&!1!==e.showLabel&&e.label.trim().length>0,we=i[ie],je=we&&!hasLabel(we)&&re>0?re/2:E.space.xs+(V+4)/2,Ae=je-14-24,Ie=Math.max(0,re-4),Se=Y?2:je-C/2,Ee=(0,_react.useRef)(ie);(0,_react.useEffect)(()=>{if(Ee.current===ie)return;Ee.current=ie;const e=_reactNative.Animated.spring(be,{toValue:ie,tension:120,friction:14,useNativeDriver:!0});return e.start(),()=>e.stop()},[ie,be]);const Te=Math.max(1,i.length-1),Le=(0,_react.useMemo)(()=>{const e=[],t=[];for(let i=0;i<=Te;i++)e.push(i),t.push(i<se?i*ge:i*ge+xe);return be.interpolate({inputRange:e,outputRange:t})},[be,Te,se,ge,xe]),Ve=i.map(e=>e.key).join(" "),Ce=J||Q;(0,_react.useEffect)(()=>{const e=Ve.split(" ").flatMap(e=>{const t=e===n?1:0,i=ye.current[e];return i?Ce?[_reactNative.Animated.spring(i,{toValue:t,tension:140,friction:13,useNativeDriver:!1})]:(i.setValue(t),[]):[]});if(0===e.length)return;const t=_reactNative.Animated.parallel(e);return t.start(),()=>t.stop()},[n,Ve,Ce]);const popIcon=e=>{_reactNative.Animated.sequence([_reactNative.Animated.timing(e,{toValue:1.15,duration:120,useNativeDriver:!0}),_reactNative.Animated.spring(e,{toValue:1,tension:200,friction:8,useNativeDriver:!0})]).start()},Me=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current,{colors:Be}=E,De=ee?Be.primary:Be.surface,ke=ee?Be["on-primary"]:Be.primary,Oe=ee?Be["on-primary"]:Y?Be["text-body"]:Be["text-subtle"],ze=ee?Be["on-primary"]:Be["primary-soft"],Pe=ee?Be.primary:J?Be["on-primary"]:ke,Fe=_??B,He=m??(K?B:0),We=He>0,Ue=x??E.space.sm,qe=g??(K?E.space.sm:E.space.xs),$e=We?Ue:Math.max(Ue,T.bottom),Xe=We?Math.max(He,T.bottom>0?T.bottom+E.space.sm:0):0,Ge="pill"===d,Ze=K?re+Z+2*Ue+2*_reactNative.StyleSheet.hairlineWidth:re+Z+Ue+$e,Ye=Ge?re>0?Ze/2:E.radius.pill:d??(Y?E.radius.pill:K?D:E.radius.none),Ke=void 0!==d,activeBgRadius=(e,t)=>"number"==typeof u?Math.max(0,Math.min(u,e/2)):"auto"===u&&Ke?Math.min(Ye,e/2):t,Je="underline"===l?Math.max(qe,Ge&&0===re?0:Ye):qe,Qe=p??"none",et="none"===Qe?void 0:E.shadow[Qe],tt=void 0===et?null:(0,_shadows.supportsBoxShadow)()?{boxShadow:(0,_shadows.toBoxShadow)(et)}:et,it=b?_reactNative.StyleSheet.hairlineWidth:0,at=ee?Be.primary:Be.border,nt=a?.lift??0,rt=Ue+it+Z,ot=a&&re>0?Math.max(0,(ce.height||ue)/2+nt-re/2-rt):0,st=a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[L.centerCell,pe?{flex:0,marginHorizontal:he}:null],pointerEvents:"box-none",children:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>{if(!a)return;const e=a.haptic??o;!1!==e&&(0,_index2.triggerHaptic)(e),popIcon(Me),a.onPress()},onLayout:e=>{const{width:t,height:i}=e.nativeEvent.layout;de(e=>e.width===t&&e.height===i?e:{width:t,height:i})},accessibilityRole:"button",accessibilityLabel:a.label,hitSlop:{top:6,bottom:6,left:6,right:6},...(0,_hitSlop.hitSlopMarker)({top:6,bottom:6,left:6,right:6}),style:({pressed:e})=>[L.centerPressable,{top:-nt},e?{opacity:.85}:null],testID:a.testID??(I?`${I}-center`:void 0),children:[a.content?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{transform:[{scale:Me}]},children:a.content}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[L.centerCircle,{width:ue,height:ue,borderRadius:E.radius.pill,..._corners.smoothCorners,backgroundColor:a.color??Be.primary}],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{transform:[{scale:Me}]},children:(0,_index3.renderSlotIcon)(a.icon??"add",{color:a.iconColor??Be["on-primary"],size:a.iconSize??24,disabled:!1})})}),(lt=a,s&&!H&&lt.label.trim().length>0?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",numberOfLines:1,maxFontSizeMultiplier:j??E.settings.maxFontSizeMultiplier??1.2,style:[L.label,{color:Oe,opacity:ee?.7:1},w],children:a.label}):null)]})},CENTER_KEY):null;var lt;const ct=q?(0,_jsxRuntime.jsx)(_reactNative.View,{style:$?L.accessoryInline:L.accessoryStacked,onLayout:e=>G(e.nativeEvent.layout.height),testID:I?`${I}-accessory`:void 0,children:U}):null,dt=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$?[L.tabRow,L.tabRowInline]:L.tabRow,onLayout:e=>{const{width:t,height:i}=e.nativeEvent.layout;ne(t),oe(i)},children:[te&&ve>0&&(!Y||Ie>0)?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[L.pill,{width:ve,height:Y?Ie:C,left:Re,top:Se,backgroundColor:ze,borderRadius:Y?activeBgRadius(Ie,Ie/2):activeBgRadius(C,E.radius.pill),..._corners.smoothCorners,transform:[{translateX:Le}]},N]}):null,J&&ge>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[L.bubble,E.shadow.elevated,{width:48,height:48,borderRadius:E.radius.pill,..._corners.smoothCorners,left:Ne,top:Ae,backgroundColor:Be.primary,borderColor:Be.surface,transform:[{translateX:Le}]},N]}):null,(ut=i.map(e=>{const t=e.key===n,i=t?ke:Oe,a=t?Pe:Oe,s="string"==typeof e.icon?{name:e.icon,variant:"bold"}:e.icon,l=t?e.activeIcon??s:e.icon,c=fe.current[e.key],d=ye.current[e.key],u=formatBadge(e.badge??null),p=badgeAccessibilitySuffix(e.badge??null,S),h=ee&&!t?.7:1,_=J&&t||ee?Be.primary:Be.surface,m=hasLabel(e),g=m&&(!Q||t),x=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[L.iconWrap,{width:V+4,height:V+4,opacity:h,transform:[{scale:c}]}],children:[(0,_index3.renderSlotIcon)(l,{color:a,size:V,focused:t,disabled:!1}),u?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.isDot?L.badgeDot:L.badgePill,{backgroundColor:Be.danger,borderColor:_}],children:u.isDot?null:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",weight:"bold",style:[L.badgeText,{color:Be["on-danger"]}],numberOfLines:1,children:u.text})}):null]}),b=J?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{top:d.interpolate({inputRange:[0,1],outputRange:[0,-14]})},children:x}):x,f=g?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{numberOfLines:1,maxFontSizeMultiplier:j??E.settings.maxFontSizeMultiplier??1.2,style:[L.label,Q?L.labelInline:null,{color:i,opacity:Q?d:h,fontWeight:t?E.weight.semibold:E.weight.normal},w],children:e.label}):null,v=(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>(e=>{H&&P(y),e.key!==n&&!1!==o&&(0,_index2.triggerHaptic)(o);const t=fe.current[e.key];t&&popIcon(t),r(e.key)})(e),accessibilityRole:"tab",accessibilityState:{selected:t},"aria-selected":t,accessibilityLabel:`${e.label}${p}`,accessibilityHint:S.switchesTo(e.label),hitSlop:{top:6,bottom:6,left:6,right:6},...(0,_hitSlop.hitSlopMarker)({top:6,bottom:6,left:6,right:6}),style:({pressed:e})=>[L.tab,Y?L.tabTile:null,e?{opacity:.85}:null],testID:I?`${I}-tab-${e.key}`:void 0,children:Q?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[L.expandPill,{height:C,paddingHorizontal:t&&m?E.space.md:Math.max(0,(C-(V+4))/2)}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[L.expandFill,{borderRadius:activeBgRadius(C,C/2),..._corners.smoothCorners,backgroundColor:t?Be["primary-soft"]:"transparent"},t?N:null]}),b,f]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[b,f]})},e.key);return Q?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{flex:d.interpolate({inputRange:[0,1],outputRange:[1,m?1.5:1]})},children:v},e.key):v}),st?[...ut.slice(0,se),st,...ut.slice(se)]:ut),"underline"===l&&ge>0?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[L.underline,"top"===c?L.underlineTop:L.underlineBottom,"top"===c?{top:-Ue-Z}:{bottom:-Ue},{width:ge,height:3,backgroundColor:Be.primary,transform:[{translateX:Le}]},N]}):null]});var ut;return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,testID:I,accessibilityRole:"tablist",style:[L.outer,{paddingHorizontal:Fe,paddingTop:Math.max(He,ot),paddingBottom:Xe},R],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[K?L.floatingBar:L.dockedBar,$?L.barInline:null,tt,{backgroundColor:De,borderColor:at,borderRadius:Ye,..._corners.smoothCorners},K?{borderWidth:it,paddingHorizontal:qe,paddingVertical:Ue}:{borderTopWidth:it,borderBottomWidth:it,borderLeftWidth:it,borderRightWidth:it,paddingHorizontal:Je,paddingTop:Ue,paddingBottom:$e}],children:[ct,dt]})})});BottomNavigation.displayName="BottomNavigation";const buildStyles=e=>_reactNative.StyleSheet.create({outer:{backgroundColor:"transparent"},dockedBar:{paddingHorizontal:e.space.xs},floatingBar:{paddingVertical:e.space.sm,paddingHorizontal:e.space.sm},tabRow:{flexDirection:"row",alignItems:"stretch",position:"relative"},tabRowInline:{flex:1},barInline:{flexDirection:"row",alignItems:"center"},accessoryStacked:{marginBottom:e.space.xs},accessoryInline:{flexShrink:0,marginRight:e.space.xs},tab:{flex:1,minHeight:44,alignItems:"center",justifyContent:"center",paddingVertical:e.space.xs,gap:e.space.xs},tabTile:{paddingVertical:e.space.sm,gap:e.space.xxs},centerCell:{flex:1,minHeight:44,alignItems:"center",justifyContent:"center"},centerPressable:{alignItems:"center",maxWidth:"100%",gap:e.space.xs},centerCircle:{alignItems:"center",justifyContent:"center"},iconWrap:{alignItems:"center",justifyContent:"center",position:"relative"},label:{fontSize:e.text.xs.size,lineHeight:e.text.xs.size*e.leading.heading,textAlign:"center",includeFontPadding:!1},labelInline:{fontSize:e.text.sm.size,lineHeight:e.text.sm.size*e.leading.heading,flexShrink:1,includeFontPadding:!1},expandPill:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:e.space.xs},expandFill:{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden"},pill:{position:"absolute",left:0},bubble:{position:"absolute",left:0,borderWidth:3},underline:{position:"absolute",left:0,height:3},underlineBottom:{borderTopLeftRadius:e.radius.none,borderTopRightRadius:e.radius.none,..._corners.smoothCorners},underlineTop:{borderBottomLeftRadius:e.radius.none,borderBottomRightRadius:e.radius.none,..._corners.smoothCorners},badgePill:{position:"absolute",top:-4,right:-8,minWidth:18,height:18,borderRadius:e.radius.pill,..._corners.smoothCorners,paddingHorizontal:e.space.xs,paddingVertical:e.space.xxs,alignItems:"center",justifyContent:"center",borderWidth:1.5},badgeDot:{position:"absolute",top:-2,right:-2,width:10,height:10,borderRadius:e.radius.pill,..._corners.smoothCorners,borderWidth:1.5},badgeText:{fontSize:e.text.xs.size,lineHeight:13,textAlign:"center",includeFontPadding:!1}});var _default=exports.default=BottomNavigation;

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

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

package/lib/commonjs/components/BottomSheet/BottomSheet.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBottomSheet=exports.default=exports.BottomSheet=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_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"),_corners=require("../../utils/corners.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=n&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(o,r,a):o[r]=e[r]);return o}const TABLET_MIN_SHORT_SIDE=600,DIALOG_MAX_WIDTH=560,BottomSheetContext=(0,_react.createContext)(null),useBottomSheet=()=>{const e=(0,_react.useContext)(BottomSheetContext);if(!e)throw new Error("useBottomSheet must be used inside a <BottomSheet>.");return e};exports.useBottomSheet=useBottomSheet;const SPRING_CONFIG={damping:20,stiffness:240,mass:1},CLOSE_VELOCITY_THRESHOLD=1e3,DRAG_ACTIVATION_OFFSET=10,BottomSheet=exports.BottomSheet=(0,_react.forwardRef)((e,t)=>{const{snapPoints:a,index:r,onChange:n,onAnimate:o,onAfterClose:s,enablePanDownToClose:i=!0,enableBackdropPress:c=!0,confirmDismiss:l,scrollable:u=!1,scrollRef:d,onScroll:_,onContentSizeChange:h,onScrollLayout:m,scrollEventThrottle:v,keyboardBehavior:f="shift",mode:b="modal",presentation:p="sheet",animateMount:S=!0,handleIndicatorStyle:R,containerStyle:x,header:y,footer:N,headerStyle:g,footerStyle:w,children:C,accessibilityLabel:j,accessibilityViewIsModal:M,testID:k}=e,O=(0,_index.useTheme)(),I=(0,_usePresenceMotion.usePresenceMotion)(),T=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),[P,E]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window").height),[A,H]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window").width),B=(0,_react.useCallback)(e=>{const{height:t,width:a}=e.nativeEvent.layout;t>0&&E(e=>e===t?e:t),a>0&&H(e=>e===a?e:a)},[]),D=(0,_reactNative.useWindowDimensions)(),G="dialog"===p||"auto"===p&&Math.min(D.width,D.height)>=600,V=Math.min(560,A-2*O.space.xl),[q,L]=(0,_ModalSafeArea.useModalInsets)(),F="modal"===b?q.top:T.top,J="modal"===b?q.bottom:T.bottom,W=a.includes("content"),[z,K]=useMeasuredHeight(),[Y,$]=useMeasuredHeight(),[U,X,Q]=useMeasuredHeight(),[Z,ee]=useMeasuredHeight(),te=G?O.space.md:z,ae=W?Math.min(te+(null!=y?Y:0)+U+(null!=N?Z:0)+J,P-F):0,re=(0,_react.useCallback)((e,t)=>{W&&Q(t),h?.(e,t)},[W,h,Q]),ne=(0,_react.useMemo)(()=>resolveSnapPoints(a,P,ae),[a,P,ae]),oe=P,se=ne[ne.length-1]??0,ie=(0,_reactNativeReanimated.useSharedValue)(oe),ce=(0,_reactNativeReanimated.useSharedValue)(oe),le=(0,_reactNativeReanimated.useSharedValue)(1),ue=(0,_reactNativeReanimated.useSharedValue)(-1),[de,he]=(0,_react.useState)(-1),me=(0,_react.useRef)(!1),[ve,fe]=(0,_react.useState)(!1),[be,pe]=(0,_react.useState)(!1),Se=(0,_react.useRef)(!1),Re=(0,_react.useRef)(s);Re.current=s;const[xe,ye]=(0,_react.useState)(!1),Ne=(0,_react.useRef)(!S&&"number"==typeof r&&r>=0),ge=(0,_react.useRef)(-1),we=(0,_react.useRef)(!1);we.current="modal"===b?be:xe;const Ce=(0,_react.useRef)(l);Ce.current=l;const je=(0,_react.useRef)(!1),Me=(0,_react.useRef)(!0),ke=(0,_react.useRef)([]),Oe=(0,_react.useCallback)(e=>{const t=ke.current;ke.current=[];for(const a of t)a(e)},[]);(0,_react.useEffect)(()=>(Me.current=!0,()=>{Me.current=!1,Oe(!1)}),[Oe]);const Ie=(0,_react.useCallback)(e=>{if(e<0||e>=ne.length)return oe;const t=ne[e];return G?(P-t)/2:P-t},[ne,P,oe,G]),Te=(0,_react.useCallback)(e=>{ge.current=e;de!==e&&(he(e),ue.value=e,n?.(e))},[de,ue,n]),Pe=(0,_react.useCallback)(()=>{me.current=!1,ue.value<0&&(Se.current=!0,"modal"===b?(fe(!1),"ios"!==_reactNative.Platform.OS&&pe(!1)):ye(!1))},[b,ue]),Ee=(0,_react.useCallback)(()=>{Se.current&&pe(!1)},[]);(0,_react.useEffect)(()=>{("modal"===b?!be:!xe)&&Se.current&&(Se.current=!1,Re.current?.(),Oe(!0))},[b,be,xe,Oe]);const Ae=(0,_react.useCallback)((e,t,a)=>{me.current=!0,o?.(t,a),ie.value=(0,_reactNativeReanimated.withSpring)(e,SPRING_CONFIG,e=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(Pe)()})},[o,ie,Pe]),He=(0,_react.useCallback)(e=>{const t="number"==typeof e?clamp(e,0,ne.length-1):de>=0?de:0,a=ue.value,r=Ie(t);return Se.current=!1,Oe(!1),"modal"===b?(pe(!0),fe(!0)):ye(!0),a<0&&Ne.current?(ie.value=r,le.value=1,Te(t),void o?.(a,t)):a<0&&I.reduced?(ie.value=r,le.value=0,le.value=(0,_reactNativeReanimated.withTiming)(1,{duration:I.duration("fast"),easing:_reactNativeReanimated.Easing.bezier(...O.motion.ease.decelerate),reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION}),Te(t),void o?.(a,t)):(a<0&&(ie.value=oe,le.value=1),Te(t),void Ae(r,a,t))},[Ae,oe,de,ue,b,o,I,le,ne.length,Te,Oe,O.motion.ease.decelerate,ie,Ie]),Be=(0,_react.useCallback)(()=>{if(0===ne.length)return;const e=ue.value,t=Ie(0);Te(0),Ae(t,e,0)},[Ae,ue,ne.length,Te,Ie]),De=(0,_react.useCallback)(()=>new Promise(e=>{if(ge.current<0)return void(we.current?ke.current.push(e):e(!0));ke.current.push(e),Ne.current=!1;const t=ue.value;Te(-1),me.current=!0,o?.(t,-1);const a=I.reduced?le:ie,r=I.reduced?0:oe;a.value=(0,_reactNativeReanimated.withTiming)(r,{duration:I.duration("fast"),easing:_reactNativeReanimated.Easing.bezier(...O.motion.ease.accelerate),reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION},e=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(Pe)()})}),[oe,ue,Pe,o,I,le,Te,ie,O.motion.ease.accelerate]),Ge=(0,_react.useCallback)(async()=>{await De()},[De]),Ve=(0,_react.useCallback)((e,t,a)=>{const r=Ce.current;if(!r)return void e();if(je.current)return void t?.();const n=r();"boolean"!=typeof n?(je.current=!0,a?.(),n.then(a=>{je.current=!1,a&&Me.current&&ge.current>=0?e():t?.()},e=>{throw je.current=!1,e})):(n?e:t)?.()},[]),qe=(0,_react.useCallback)(()=>new Promise(e=>{ge.current<0?De().then(e):Ve(()=>{De().then(e)},()=>e(!1))}),[De,Ve]),Le=(0,_react.useCallback)(()=>{c&&qe()},[c,qe]);(0,_react.useImperativeHandle)(t,()=>({expand:He,collapse:Be,close:Ge,requestClose:qe}),[He,Be,Ge,qe]),(0,_react.useEffect)(()=>{"number"==typeof r&&r!==de&&(-1===r?Ge():He(r))},[r]);const Fe=(0,_react.useRef)({hostHeight:P,contentSnap:ae});(0,_react.useEffect)(()=>{const e=Fe.current;if(e.hostHeight===P&&e.contentSnap===ae)return;if(Fe.current={hostHeight:P,contentSnap:ae},e.hostHeight===P&&ue.value<0)return;const t=Ie(ue.value);ie.value=Ne.current?t:(0,_reactNativeReanimated.withSpring)(t,SPRING_CONFIG)},[P,ae]);const Je=P-se,We=(0,_react.useMemo)(()=>ne.map(e=>P-e),[ne,P]),ze=(0,_react.useCallback)(()=>{const e=ge.current;e<0||Ae(Ie(e),e,e)},[Ae,Ie]),Ke=(0,_react.useCallback)((e,t)=>{const a=ue.value;-1!==e?(Te(e),Ae(t,a,e)):Ve(()=>{_reactNative.Keyboard.dismiss(),(0,_index2.triggerHaptic)("selection"),Ge()},ze,ze)},[Ae,Ge,ue,Ve,Te,ze]),Ye=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Native().withTestId(k?`${k}-content-gesture`:"bottom-sheet-content-gesture"),[k]),$e=(0,_react.useMemo)(()=>{const e=We,t=oe,a=Je,r=i;return _reactNativeGestureHandler.Gesture.Pan().withTestId(k?`${k}-pan-gesture`:"bottom-sheet-pan-gesture").activeOffsetY([-10,10]).failOffsetX([-15,15]).onStart(()=>{"worklet";ce.value=ie.value}).onUpdate(e=>{"worklet";const t=ce.value+e.translationY;ie.value=t<a?a+.25*(t-a):t}).onEnd(a=>{"worklet";const n=ie.value;if(a.velocityY>1e3)return r?void(0,_reactNativeReanimated.runOnJS)(Ke)(-1,t):void(0,_reactNativeReanimated.runOnJS)(Ke)(0,e[0]);let o=0,s=Math.abs(n-e[0]);for(let t=1;t<e.length;t++){const a=Math.abs(n-e[t]);a<s&&(s=a,o=t)}const i=e[0];r&&n-i>80?(0,_reactNativeReanimated.runOnJS)(Ke)(-1,t):(0,_reactNativeReanimated.runOnJS)(Ke)(o,e[o])})},[oe,ce,i,Ke,Je,We,k,ie]),{height:Ue}=(0,_reactNativeKeyboardController.useReanimatedKeyboardAnimation)(),Xe="shift"===f,Qe=(0,_reactNativeReanimated.useDerivedValue)(()=>Xe?Ue.value:0),Ze=ne[de>=0?de:0]??se,et=O.space.md,tt=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{if(G){const e=Qe.value,t=P+e-Ze-et,a=e<0&&ie.value>t?t:ie.value;return{top:a<F?F:a,opacity:le.value}}const e=ie.value+Qe.value,t=Qe.value<0?F:Je;return{top:e<t?t:e,opacity:le.value}}),at=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=Qe.value;if(G){const t=P+e-Ze-et,a=e<0&&ie.value>t?t:ie.value,r=P+e-et-(a<F?F:a);return{height:r<0?0:r>Ze?Ze:r}}const t=e<0?F:Je,a=ie.value+e,r=P+e-(a<t?t:a);return{height:r<0?0:r>se?se:r}}),rt=de>=0,nt=(0,_react.useMemo)(()=>buildStyles(O),[O]),ot=(0,_react.useCallback)(()=>{c&&Ve(()=>{(0,_index2.triggerHaptic)("selection"),Ge()})},[c,Ge,Ve]),st=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Tap().withTestId(k?`${k}-backdrop-gesture`:"bottom-sheet-backdrop-gesture").maxDuration(250).onEnd((_e,e)=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(ot)()}),[ot,k]),it=(0,_react.useMemo)(()=>({snapIndex:de,snapPoints:ne,expand:He,collapse:Be,close:Ge,requestClose:qe}),[de,ne,He,Be,Ge,qe]);if("inline"===b&&!xe)return null;if("modal"===b&&!be)return null;const ct=(0,_jsxRuntime.jsxs)(_reactNative.View,{collapsable:!1,style:["modal"===b?nt.backdropModal:nt.backdropInline,{backgroundColor:O.colors.scrim}],onLayout:B,testID:k,accessibilityViewIsModal:M??rt,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:st,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:_reactNative.StyleSheet.absoluteFill,accessibilityRole:"button",accessibilityLabel:"Close bottom sheet"})}),(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{accessibilityRole:"alert",accessibilityLabel:j,accessibilityViewIsModal:M??rt,accessibilityActions:[{name:"escape",label:"Close bottom sheet"}],onAccessibilityAction:e=>{"escape"===e.nativeEvent.actionName&&Le()},onAccessibilityEscape:Le,style:[nt.sheet,{height:se,backgroundColor:O.colors.surface,borderTopLeftRadius:O.radius.xl,borderTopRightRadius:O.radius.xl,..._corners.smoothCorners,...O.shadow.modal},G?{height:Ze,left:(A-V)/2,right:void 0,width:V,borderBottomLeftRadius:O.radius.xl,borderBottomRightRadius:O.radius.xl}:null,x,tt],children:(0,_jsxRuntime.jsxs)(SheetBody,{style:[nt.body,at],keyboardOffset:Qe,children:[G?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{height:O.space.md}}):(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:$e,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:nt.handleRow,onLayout:W?K:void 0,accessible:!0,accessibilityLabel:"Drag handle",accessibilityHint:"Drag up or down to resize the sheet, or swipe down to close it",testID:k?`${k}-handle`:"bottom-sheet-handle",children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[nt.handle,{backgroundColor:O.colors.border},R]})})}),null!=y&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[nt.header,g],onLayout:W?$:void 0,children:y}),u?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:Ye,children:(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{ref:d,style:nt.scrollContent,onScroll:_,onContentSizeChange:re,onLayout:m,scrollEventThrottle:v,keyboardShouldPersistTaps:"always",keyboardDismissMode:"none",children:C})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:W?[nt.content,{overflow:"visible"}]:nt.content,children:W?(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:X,children:C}):C}),null!=N&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[nt.footer,w],onLayout:W?ee:void 0,children:N})]})})]}),lt=(0,_jsxRuntime.jsx)(BottomSheetContext.Provider,{value:it,children:ct});return"modal"===b?(0,_jsxRuntime.jsx)(_reactNative.Modal,{transparent:!0,visible:ve,onRequestClose:Le,onDismiss:"ios"===_reactNative.Platform.OS?Ee:void 0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",supportedOrientations:["portrait","landscape"],children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:L,children:["android"===_reactNative.Platform.OS?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView,{style:nt.modalRoot,children:lt}):lt,(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})}):lt}),SheetBody=({style:e,keyboardOffset:t,children:a})=>{const r=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)().bottom,n=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=r+t.value;return{paddingBottom:e>0?e:0}});return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[e,n],children:a})};BottomSheet.displayName="BottomSheet";const useMeasuredHeight=()=>{const[e,t]=(0,_react.useState)(0),a=(0,_react.useCallback)(e=>{t(t=>t===e?t:e)},[]);return[e,(0,_react.useCallback)(e=>a(e.nativeEvent.layout.height),[a]),a]},resolveSnapPoints=(e,t,a)=>[...e.map(e=>{if("number"==typeof e)return e;if("content"===e)return a;const r=parseFloat(e);return Number.isNaN(r)?0:r/100*t})].sort((e,t)=>e-t),clamp=(e,t,a)=>Math.min(Math.max(e,t),a),buildStyles=e=>_reactNative.StyleSheet.create({backdropModal:{flex:1},backdropInline:{..._reactNative.StyleSheet.absoluteFill},sheet:{position:"absolute",left:0,right:0,overflow:"hidden"},body:{overflow:"hidden"},handleRow:{alignItems:"center",justifyContent:"center",alignSelf:"stretch",paddingTop:e.space.md,paddingBottom:e.space.xl},header:{},footer:{},handle:{width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners},content:{flex:1,overflow:"hidden"},scrollContent:{flex:1},modalRoot:{flex:1}});var _default=exports.default=BottomSheet;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBottomSheet=exports.default=exports.DEFAULT_BOTTOM_SHEET_LABELS=exports.BottomSheet=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_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"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index3=require("../Text/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=n&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(o,r,a):o[r]=e[r]);return o}const DEFAULT_BOTTOM_SHEET_LABELS=exports.DEFAULT_BOTTOM_SHEET_LABELS=Object.freeze({close:"Close bottom sheet",dragHandle:"Drag handle"}),DEFAULT_SNAP_POINTS=["content"],TABLET_MIN_SHORT_SIDE=600,DIALOG_MAX_WIDTH=560,BottomSheetContext=(0,_react.createContext)(null),useBottomSheet=()=>{const e=(0,_react.useContext)(BottomSheetContext);if(!e)throw new Error("[@webority/mobile-ui] BottomSheet: useBottomSheet must be used inside a <BottomSheet>.");return e};exports.useBottomSheet=useBottomSheet;const SPRING_CONFIG={damping:20,stiffness:240,mass:1},CLOSE_VELOCITY_THRESHOLD=1e3,DRAG_ACTIVATION_OFFSET=10,BottomSheet=e=>{const{snapPoints:t=DEFAULT_SNAP_POINTS,visible:a,onClose:r,snapIndex:n,onSnapChange:o,onAnimate:i,onAfterClose:s,enablePanDownToClose:c=!0,enableBackdropPress:l=!0,onBeforeClose:u,title:d,labels:_,scrollable:h=!1,scrollRef:m,onScroll:v,onContentSizeChange:f,onScrollLayout:b,scrollEventThrottle:S,keyboardBehavior:p="shift",inline:R=!1,presentation:x="sheet",animateMount:y=!0,handleIndicatorStyle:N,containerStyle:g,header:w,footer:j,headerStyle:C,footerStyle:M,children:T,accessibilityLabel:E,accessibilityViewIsModal:k,testID:O}=e;(0,_warnInvalidValue.warnInvalidValue)("BottomSheet","presentation",e.presentation,["sheet","dialog","auto"]),(0,_warnInvalidValue.warnInvalidValue)("BottomSheet","keyboardBehavior",e.keyboardBehavior,["none","shift"]);const I=(0,_react.useMemo)(()=>({...DEFAULT_BOTTOM_SHEET_LABELS,..._}),[_]),B=null!=w||null!=d,A=R?"inline":"modal",P=(0,_index.useTheme)(),H=(0,_usePresenceMotion.usePresenceMotion)(),L=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),[D,V]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window").height),[G,q]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window").width),F=(0,_react.useCallback)(e=>{const{height:t,width:a}=e.nativeEvent.layout;t>0&&V(e=>e===t?e:t),a>0&&q(e=>e===a?e:a)},[]),U=(0,_reactNative.useWindowDimensions)(),J="dialog"===x||"auto"===x&&Math.min(U.width,U.height)>=600,z=Math.min(560,G-2*P.space.xl),[W,K]=(0,_ModalSafeArea.useModalInsets)(),Y="modal"===A?W.top:L.top,$="modal"===A?W.bottom:L.bottom,X=t.includes("content"),[Q,Z]=useMeasuredHeight(),[ee,te]=useMeasuredHeight(),[ae,re,ne]=useMeasuredHeight(),[oe,ie]=useMeasuredHeight(),se=J?P.space.md:Q,ce=X?Math.min(se+(B?ee:0)+ae+(null!=j?oe:0)+$,D-Y):0,le=(0,_react.useCallback)((e,t)=>{X&&ne(t),f?.(e,t)},[X,f,ne]),ue=(0,_react.useMemo)(()=>resolveSnapPoints(t,D,ce),[t,D,ce]),de=D,he=ue[ue.length-1]??0,me=(0,_reactNativeReanimated.useSharedValue)(de),ve=(0,_reactNativeReanimated.useSharedValue)(de),fe=(0,_reactNativeReanimated.useSharedValue)(1),be=(0,_reactNativeReanimated.useSharedValue)(-1),[Se,pe]=(0,_react.useState)(-1),Re=(0,_react.useRef)(!1),[xe,ye]=(0,_react.useState)(!1),[Ne,ge]=(0,_react.useState)(!1),we=(0,_react.useRef)(!1),je=(0,_react.useRef)(s);je.current=s;const[Ce,Me]=(0,_react.useState)(!1),Te=(0,_react.useRef)(!y&&a),Ee=(0,_react.useRef)(-1),ke=(0,_react.useRef)(!1);ke.current="modal"===A?Ne:Ce;const Oe=(0,_react.useRef)(u);Oe.current=u;const Ie=(0,_react.useRef)(r);Ie.current=r;const Be=(0,_react.useRef)(!1),Ae=(0,_react.useRef)(!0),Pe=(0,_react.useRef)([]),He=(0,_react.useCallback)(e=>{const t=Pe.current;Pe.current=[];for(const a of t)a(e)},[]);(0,_react.useEffect)(()=>(Ae.current=!0,()=>{Ae.current=!1,He(!1)}),[He]);const Le=(0,_react.useCallback)(e=>{if(e<0||e>=ue.length)return de;const t=ue[e];return J?(D-t)/2:D-t},[ue,D,de,J]),De=(0,_react.useCallback)(e=>{Ee.current=e;Se!==e&&(pe(e),be.value=e,e>=0&&o?.(e))},[Se,be,o]),Ve=(0,_react.useCallback)(()=>{Re.current=!1,be.value<0&&(we.current=!0,"modal"===A?(ye(!1),"ios"!==_reactNative.Platform.OS&&ge(!1)):Me(!1))},[A,be]),Ge=(0,_react.useCallback)(()=>{we.current&&ge(!1)},[]);(0,_react.useEffect)(()=>{("modal"===A?!Ne:!Ce)&&we.current&&(we.current=!1,je.current?.(),He(!0))},[A,Ne,Ce,He]);const qe=(0,_react.useCallback)((e,t,a)=>{Re.current=!0,i?.(t,a),me.value=(0,_reactNativeReanimated.withSpring)(e,SPRING_CONFIG,e=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(Ve)()})},[i,me,Ve]),Fe=(0,_react.useCallback)(e=>{const t="number"==typeof e?clamp(e,0,ue.length-1):Se>=0?Se:0,a=be.value,r=Le(t);return we.current=!1,He(!1),"modal"===A?(ge(!0),ye(!0)):Me(!0),a<0&&Te.current?(me.value=r,fe.value=1,De(t),void i?.(a,t)):a<0&&H.reduced?(me.value=r,fe.value=0,fe.value=(0,_reactNativeReanimated.withTiming)(1,{duration:H.duration("fast"),easing:_reactNativeReanimated.Easing.bezier(...P.motion.ease.decelerate),reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION}),De(t),void i?.(a,t)):(a<0&&(me.value=de,fe.value=1),De(t),void qe(r,a,t))},[qe,de,Se,be,A,i,H,fe,ue.length,De,He,P.motion.ease.decelerate,me,Le]),Ue=(0,_react.useCallback)(()=>new Promise(e=>{if(Ee.current<0)return void(ke.current?Pe.current.push(e):e(!0));Pe.current.push(e),Te.current=!1;const t=be.value;De(-1),Re.current=!0,i?.(t,-1);const a=H.reduced?fe:me,r=H.reduced?0:de;a.value=(0,_reactNativeReanimated.withTiming)(r,{duration:H.duration("fast"),easing:_reactNativeReanimated.Easing.bezier(...P.motion.ease.accelerate),reduceMotion:_usePresenceMotion.PRESENCE_REDUCE_MOTION},e=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(Ve)()})}),[de,be,Ve,i,H,fe,De,me,P.motion.ease.accelerate]),Je=(0,_react.useCallback)((e,t,a)=>{const r=Oe.current;if(!r)return void e();if(Be.current)return void t?.();const n=r();"boolean"!=typeof n?(Be.current=!0,a?.(),n.then(a=>{Be.current=!1,a&&Ae.current&&Ee.current>=0?e():t?.()},e=>{throw Be.current=!1,e})):(n?e:t)?.()},[]),ze=(0,_react.useCallback)(()=>new Promise(e=>{Ee.current<0?e(!0):Je(()=>{Ie.current(),Ue(),e(!0)},()=>e(!1))}),[Ue,Je]),We=(0,_react.useCallback)(()=>{Ie.current()},[]),Ke=(0,_react.useCallback)(()=>{l&&ze()},[l,ze]),Ye=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{const e=Ye.current!==a;Ye.current=a,e?a?Fe(n??0):Ue():a&&"number"==typeof n&&n!==be.value&&Fe(n)},[a,n]);const $e=(0,_react.useRef)({hostHeight:D,contentSnap:ce});(0,_react.useEffect)(()=>{const e=$e.current;if(e.hostHeight===D&&e.contentSnap===ce)return;if($e.current={hostHeight:D,contentSnap:ce},e.hostHeight===D&&be.value<0)return;const t=Le(be.value);me.value=Te.current?t:(0,_reactNativeReanimated.withSpring)(t,SPRING_CONFIG)},[D,ce]);const Xe=D-he,Qe=(0,_react.useMemo)(()=>ue.map(e=>D-e),[ue,D]),Ze=(0,_react.useCallback)(()=>{const e=Ee.current;e<0||qe(Le(e),e,e)},[qe,Le]),et=(0,_react.useCallback)((e,t)=>{const a=be.value;-1!==e?(De(e),qe(t,a,e)):Je(()=>{_reactNative.Keyboard.dismiss(),(0,_index2.triggerHaptic)("selection"),Ie.current(),Ue()},Ze,Ze)},[qe,Ue,be,Je,De,Ze]),tt=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Native().withTestId(O?`${O}-content-gesture`:"bottom-sheet-content-gesture"),[O]),at=(0,_react.useMemo)(()=>{const e=Qe,t=de,a=Xe,r=c;return _reactNativeGestureHandler.Gesture.Pan().withTestId(O?`${O}-pan-gesture`:"bottom-sheet-pan-gesture").activeOffsetY([-10,10]).failOffsetX([-15,15]).onStart(()=>{"worklet";ve.value=me.value}).onUpdate(e=>{"worklet";const t=ve.value+e.translationY;me.value=t<a?a+.25*(t-a):t}).onEnd(a=>{"worklet";const n=me.value;if(a.velocityY>1e3)return r?void(0,_reactNativeReanimated.runOnJS)(et)(-1,t):void(0,_reactNativeReanimated.runOnJS)(et)(0,e[0]);let o=0,i=Math.abs(n-e[0]);for(let t=1;t<e.length;t++){const a=Math.abs(n-e[t]);a<i&&(i=a,o=t)}const s=e[0];r&&n-s>80?(0,_reactNativeReanimated.runOnJS)(et)(-1,t):(0,_reactNativeReanimated.runOnJS)(et)(o,e[o])})},[de,ve,c,et,Xe,Qe,O,me]),{height:rt}=(0,_reactNativeKeyboardController.useReanimatedKeyboardAnimation)(),nt="shift"===p,ot=(0,_reactNativeReanimated.useDerivedValue)(()=>nt?rt.value:0),it=ue[Se>=0?Se:0]??he,st=P.space.md,ct=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{if(J){const e=ot.value,t=D+e-it-st,a=e<0&&me.value>t?t:me.value;return{top:a<Y?Y:a,opacity:fe.value}}const e=me.value+ot.value,t=ot.value<0?Y:Xe;return{top:e<t?t:e,opacity:fe.value}}),lt=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=ot.value;if(J){const t=D+e-it-st,a=e<0&&me.value>t?t:me.value,r=D+e-st-(a<Y?Y:a);return{height:r<0?0:r>it?it:r}}const t=e<0?Y:Xe,a=me.value+e,r=D+e-(a<t?t:a);return{height:r<0?0:r>he?he:r}}),ut=Se>=0,dt=(0,_react.useMemo)(()=>buildStyles(P),[P]),_t=(0,_react.useCallback)(()=>{l&&Je(()=>{(0,_index2.triggerHaptic)("selection"),Ie.current(),Ue()})},[l,Ue,Je]),ht=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Tap().withTestId(O?`${O}-backdrop-gesture`:"bottom-sheet-backdrop-gesture").maxDuration(250).onEnd((_e,e)=>{"worklet";e&&(0,_reactNativeReanimated.runOnJS)(_t)()}),[_t,O]),mt=(0,_react.useMemo)(()=>({snapIndex:Se,snapPoints:ue,close:We,requestClose:ze}),[Se,ue,We,ze]);if("inline"===A&&!Ce)return null;if("modal"===A&&!Ne)return null;const vt=(0,_jsxRuntime.jsxs)(_reactNative.View,{collapsable:!1,style:["modal"===A?dt.backdropModal:dt.backdropInline,{backgroundColor:P.colors.scrim}],onLayout:F,testID:O,accessibilityViewIsModal:k??ut,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:ht,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:_reactNative.StyleSheet.absoluteFill,accessibilityRole:"button",accessibilityLabel:I.close})}),(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{accessibilityRole:"alert",accessibilityLabel:E,accessibilityViewIsModal:k??ut,accessibilityActions:[{name:"escape",label:I.close}],onAccessibilityAction:e=>{"escape"===e.nativeEvent.actionName&&Ke()},onAccessibilityEscape:Ke,style:[dt.sheet,{height:he,backgroundColor:P.colors.surface,borderTopLeftRadius:P.radius.xl,borderTopRightRadius:P.radius.xl,..._corners.smoothCorners,...P.shadow.modal},J?{height:it,left:(G-z)/2,right:void 0,width:z,borderBottomLeftRadius:P.radius.xl,borderBottomRightRadius:P.radius.xl}:null,g,ct],children:(0,_jsxRuntime.jsxs)(SheetBody,{style:[dt.body,lt],keyboardOffset:ot,children:[J?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{height:P.space.md}}):(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:at,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:dt.handleRow,onLayout:X?Z:void 0,accessible:!0,accessibilityLabel:I.dragHandle,accessibilityHint:"Drag up or down to resize the sheet, or swipe down to close it",testID:O?`${O}-handle`:"bottom-sheet-handle",children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[dt.handle,{backgroundColor:P.colors.border},N]})})}),B&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[dt.header,C],onLayout:X?te:void 0,children:[null!=d?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"title",accessibilityRole:"header",children:d}):null,w]}),h?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:tt,children:(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{ref:m,style:dt.scrollContent,onScroll:v,onContentSizeChange:le,onLayout:b,scrollEventThrottle:S,keyboardShouldPersistTaps:"always",keyboardDismissMode:"none",children:T})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:X?[dt.content,{overflow:"visible"}]:dt.content,children:X?(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:re,children:T}):T}),null!=j&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[dt.footer,M],onLayout:X?ie:void 0,children:j})]})})]}),ft=(0,_jsxRuntime.jsx)(BottomSheetContext.Provider,{value:mt,children:vt});return"modal"===A?(0,_jsxRuntime.jsx)(_reactNative.Modal,{transparent:!0,visible:xe,onRequestClose:Ke,onDismiss:"ios"===_reactNative.Platform.OS?Ge:void 0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",supportedOrientations:["portrait","landscape"],children:(0,_jsxRuntime.jsxs)(_ModalSafeArea.ModalSafeArea,{onInsets:K,children:["android"===_reactNative.Platform.OS?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView,{style:dt.modalRoot,children:ft}):ft,(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})}):ft};exports.BottomSheet=BottomSheet;const SheetBody=({style:e,keyboardOffset:t,children:a})=>{const r=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)().bottom,n=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const e=r+t.value;return{paddingBottom:e>0?e:0}});return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[e,n],children:a})};BottomSheet.displayName="BottomSheet";const useMeasuredHeight=()=>{const[e,t]=(0,_react.useState)(0),a=(0,_react.useCallback)(e=>{t(t=>t===e?t:e)},[]);return[e,(0,_react.useCallback)(e=>a(e.nativeEvent.layout.height),[a]),a]},resolveSnapPoints=(e,t,a)=>[...e.map(e=>{if("number"==typeof e)return e;if("content"===e)return a;const r=parseFloat(e);return Number.isNaN(r)?0:r/100*t})].sort((e,t)=>e-t),clamp=(e,t,a)=>Math.min(Math.max(e,t),a),buildStyles=e=>_reactNative.StyleSheet.create({backdropModal:{flex:1},backdropInline:{..._reactNative.StyleSheet.absoluteFill},sheet:{position:"absolute",left:0,right:0,overflow:"hidden"},body:{overflow:"hidden"},handleRow:{alignItems:"center",justifyContent:"center",alignSelf:"stretch",paddingTop:e.space.md,paddingBottom:e.space.xl},header:{},footer:{},handle:{width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners},content:{flex:1,overflow:"hidden"},scrollContent:{flex:1},modalRoot:{flex:1}});var _default=exports.default=BottomSheet;

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

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

package/lib/commonjs/components/Button/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=void 0,exports.buttonLabelInk=buttonLabelInk,exports.default=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_useFlickGuard=require("../../hooks/useFlickGuard.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_animatedValue=require("../../theme/animatedValue.js"),_ariaState=require("../../utils/ariaState.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index2=require("../Spinner/index.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,o,s=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((r=s&&Object.getOwnPropertyDescriptor(e,o))&&(r.get||r.set)?s(i,o,r):i[o]=e[o]);return i}const Button=exports.Button=(0,_react.forwardRef)((e,t)=>{const{title:r,children:o,variant:s="solid",tone:i="primary",size:n="md",loading:a=!1,disabled:l=!1,fullWidth:c=!1,leftIcon:d,rightIcon:u,iconVariant:b,leftIconBadge:g=!1,haptic:_,rounded:h=!1,gradient:p,style:f,containerStyle:x,textStyle:m,pressAnimation:y,onPress:v,accessibilityLabel:j,accessibilityHint:S,accessibilityState:C,testID:I,onLayout:k,...R}=e;if(__DEV__&&hasTextChild(o))throw new Error('[@webority/mobile-ui] Button was given its label as text children. Pass it as `title` (<Button title="Save" />): text children draw a blank button with no accessible name.');const w=(0,_index.useTheme)(),F=!l&&!a,T={...C,disabled:!F,busy:a},L="link"===s,N=y??(!L&&"scale"),q=(0,_usePressAnimation.usePressAnimation)({preset:N||"scale",enabled:!1!==N&&F}),O=(0,_useFlickGuard.useFlickGuard)(),P=(0,_react.useMemo)(()=>buildStyles(w),[w]),W=(0,_react.useMemo)(()=>(0,_index.resolveButtonSize)(w,n),[w,n]),V=(0,_react.useMemo)(()=>toneFor(w,i),[w,i]),A=(0,_react.useMemo)(()=>variantFor(w,s,V,l),[w,s,V,l]),B=(0,_react.useMemo)(()=>!p||l||"solid"!==s?null:"string"==typeof p?w.settings.gradients[p]??null:p,[p,l,s,w.settings.gradients]),z=_reactNative.StyleSheet.flatten(f)?.borderRadius,D=L?0:"number"==typeof z?z:h?w.radius.pill:W.radius,M=(0,_SquircleFill.useSquircle)(!B&&"link"!==s,D,k),E=(0,_react.useRef)((0,_animatedValue.createAnimatedValue)(0)).current,[H,U]=(0,_react.useState)(0),[G,K]=(0,_react.useState)(null),X=L?e=>U(e.nativeEvent.layout.width):void 0,Y=j??r,J="outline"===s||"ghost"===s,Q=!J&&!L,Z={color:A.textColor,size:W.icon,disabled:l},$=g&&!L&&Boolean(d),ee=w.space.xs,te=W["min-height"]-2*ee-2*A.borderWidth,re={color:A.badgeInk,size:W["badge-icon"],disabled:l},oe=a?(0,_jsxRuntime.jsx)(_index2.Spinner,{variant:"circular",size:"sm",color:$?A.badgeInk:A.textColor,accessibilityLabel:"Loading"}):d?(0,_slotIcon.renderSlotIcon)(d,$?re:Z,b):null,se=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:P.contentRow,children:[$?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"button-icon-badge",style:[P.iconLeft,P.iconBadge,{width:te,height:te,borderRadius:te/2,backgroundColor:A.badgeFill}],children:oe}):oe?(0,_jsxRuntime.jsx)(_reactNative.View,{style:P.iconLeft,children:oe}):null,r?(0,_jsxRuntime.jsxs)(_reactNative.View,{onLayout:X,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[P.label,{color:A.textColor,fontSize:W.text,...(0,_index.fontFor)(w,"semibold")},m],numberOfLines:1,children:r}),L?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",testID:"button-link-underline",style:[P.linkUnderline,{backgroundColor:A.textColor,transform:[{translateX:E.interpolate({inputRange:[0,1],outputRange:[-H/2,0]})},{scaleX:E.interpolate({inputRange:[0,1],outputRange:[0,1]})}]}]}):null]}):o,u?(0,_jsxRuntime.jsx)(_reactNative.View,{style:P.iconRight,children:(0,_slotIcon.renderSlotIcon)(u,Z,b)}):null]}),ie=L?null===G?LINK_HIT_SLOP:Math.max(LINK_HIT_SLOP,touchSlopFor(G)):touchSlopFor(W["min-height"]),ne={top:ie,bottom:ie,left:L?LINK_HIT_SLOP:0,right:L?LINK_HIT_SLOP:0};return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[q.style,c?P.fullWidth:null,x],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:e=>{F&&!O.isFlick(e)&&(q.press(),_&&(0,_hapticUtils.triggerHaptic)(_),v?.(e))},onPressIn:e=>{O.onPressIn(e),q.pressIn(),L&&F&&(E.stopAnimation(),E.setValue(0),_reactNative.Animated.timing(E,{toValue:1,duration:w.motion.duration.slower,easing:_reactNative.Easing.bezier(...w.motion.ease.decelerate),useNativeDriver:!0}).start())},onPressOut:()=>{q.pressOut()},disabled:!F,hitSlop:ne,...(0,_hitSlop.hitSlopMarker)(ne),accessibilityRole:"button",accessibilityLabel:Y,accessibilityHint:S,accessibilityState:T,...(0,_ariaState.ariaFromState)(T),testID:I,onLayout:e=>{M.onLayout(e),L&&K(e.nativeEvent.layout.height)},style:({pressed:e})=>[P.base,{paddingHorizontal:L?0:W["padding-x"],paddingVertical:L?0:$?ee:W["padding-y"],paddingLeft:$?ee:void 0,minHeight:L?void 0:W["min-height"],borderRadius:D,..._corners.smoothCorners,backgroundColor:B||M.active?"transparent":A.backgroundColor,borderWidth:A.borderWidth,borderColor:M.active?"transparent":A.borderColor,opacity:a?.55:1,overflow:M.active||L?"visible":"hidden"},e&&J&&!M.active?{backgroundColor:w.colors["surface-pressed"]}:null,c?P.fullWidth:null,f],...R,"aria-disabled":!F,"aria-busy":a,children:({pressed:e})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[M.active&&M.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:M.size.width,height:M.size.height,radius:D,fill:e&&J?w.colors["surface-pressed"]:A.backgroundColor,stroke:A.borderColor,strokeWidth:A.borderWidth,outset:A.borderWidth}):null,B?(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:B,style:[_reactNative.StyleSheet.absoluteFill,{borderRadius:D,..._corners.smoothCorners}]}):null,e&&Q?M.active&&M.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:M.size.width,height:M.size.height,radius:D,fill:A.pressedTint,outset:A.borderWidth,testID:"button-pressed"}):(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[P.pressedOverlay,{borderRadius:D,backgroundColor:A.pressedTint,..._corners.smoothCorners}],testID:"button-pressed"}):null,se]})})})});Button.displayName="Button";const hasTextChild=e=>_react.default.Children.toArray(e).some(e=>"string"==typeof e||"number"==typeof e),SOFT_FILL_OPACITY=.14,toneFor=(e,t)=>{switch(t){case"primary":return{base:e.colors.primary,outline:e.colors.primary,on:e.colors["on-primary"],fg:e.colors["primary-text"],soft:(0,_color.tintOf)(e.colors.primary,.14,e.colors["primary-soft"])};case"secondary":return{base:e.colors.neutral,outline:e.colors.border,on:e.colors["on-neutral"],fg:e.colors["on-neutral"],soft:e.colors.neutral};case"success":return{base:e.colors.success,outline:e.colors.success,on:e.colors["on-success"],fg:e.colors["success-text"],soft:(0,_color.tintOf)(e.colors.success,.14,e.colors["bg-subtle"])};case"warning":return{base:e.colors.warning,outline:e.colors.warning,on:e.colors["on-warning"],fg:e.colors["warning-text"],soft:(0,_color.tintOf)(e.colors.warning,.14,e.colors["bg-subtle"])};case"danger":return{base:e.colors.danger,outline:e.colors.danger,on:e.colors["on-danger"],fg:e.colors["danger-text"],soft:(0,_color.tintOf)(e.colors.danger,.14,e.colors["bg-subtle"])};default:return{base:e.colors["bg-muted"],outline:e.colors.border,on:e.colors["text-body"],fg:e.colors["text-body"],soft:e.colors["bg-subtle"]}}},BUTTON_BORDER_WIDTH=1,MIN_TOUCH_TARGET=44,LINK_HIT_SLOP=8,touchSlopFor=e=>Math.max(0,Math.ceil((44-e)/2)),variantFor=(e,t,r,o)=>{const s=o?e.colors["text-disabled"]:r.fg,i={badgeFill:e.colors["surface-disabled"],badgeInk:e.colors["text-disabled"]},n=o?i:{badgeFill:r.on,badgeInk:r.base},a=o?i:{badgeFill:r.base,badgeInk:r.on};switch(t){case"solid":return{backgroundColor:o?e.colors["surface-disabled"]:r.base,borderColor:"transparent",borderWidth:1,textColor:o?e.colors["text-disabled"]:r.on,pressedTint:e.colors["surface-pressed"],...n};case"soft":return{backgroundColor:o?e.colors["surface-disabled"]:r.soft,borderColor:"transparent",borderWidth:1,textColor:s,pressedTint:e.colors["surface-pressed"],...a};case"outline":return{backgroundColor:"transparent",borderColor:o?e.colors.border:r.outline,borderWidth:1,textColor:s,pressedTint:e.colors["surface-pressed"],...a};case"ghost":return{backgroundColor:"transparent",borderColor:"transparent",borderWidth:1,textColor:s,pressedTint:e.colors["surface-pressed"],...a};case"link":return{backgroundColor:"transparent",borderColor:"transparent",borderWidth:0,textColor:o?e.colors["text-disabled"]:e.colors.link,pressedTint:e.colors["surface-pressed"],...a};case"glass":return{backgroundColor:e.colors["glass-fill"],borderColor:e.colors["glass-border"],borderWidth:1,textColor:o?e.colors["text-disabled"]:e.colors["on-glass"],pressedTint:_color.ACCENT_PRESSED_TINT,badgeFill:e.colors["glass-badge"],badgeInk:o?e.colors["text-disabled"]:r.base};default:return{backgroundColor:r.base,borderColor:"transparent",borderWidth:1,textColor:r.on,pressedTint:e.colors["surface-pressed"],...n}}};function buttonLabelInk(e,t){return variantFor(t,e.variant??"solid",toneFor(t,e.tone??"primary"),e.disabled??!1).textColor}const buildStyles=e=>_reactNative.StyleSheet.create({pressedOverlay:{position:"absolute",top:0,right:0,bottom:0,left:0},base:{alignItems:"center",justifyContent:"center",flexDirection:"row",overflow:"hidden"},contentRow:{flexDirection:"row",alignItems:"center",justifyContent:"center"},label:{textAlign:"center",includeFontPadding:!1,textAlignVertical:"center"},linkUnderline:{height:1.5,marginTop:1},iconLeft:{marginRight:e.space.sm},iconBadge:{alignItems:"center",justifyContent:"center"},iconRight:{marginLeft:e.space.sm},fullWidth:{alignSelf:"stretch"}});var _default=exports.default=Button;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_BUTTON_LABELS=exports.Button=void 0,exports.buttonLabelInk=buttonLabelInk,exports.default=void 0;var _react=require("react"),_reactNative=require("react-native"),_useFlickGuard=require("../../hooks/useFlickGuard.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_animatedValue=require("../../theme/animatedValue.js"),_ariaState=require("../../utils/ariaState.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index2=require("../Spinner/index.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_BUTTON_LABELS=exports.DEFAULT_BUTTON_LABELS=Object.freeze({loading:"Loading"}),Button=exports.Button=(0,_react.forwardRef)((e,t)=>{const{label:r,variant:o,tone:s="primary",size:i,loading:n=!1,disabled:l=!1,fullWidth:a=!1,leftIcon:c,rightIcon:d,iconVariant:u,leftIconBadge:b=!1,haptic:g,rounded:_=!1,gradient:p,style:h,containerStyle:x,textStyle:m,pressAnimation:f,onPress:v,accessibilityLabel:y,accessibilityHint:S,accessibilityState:I,testID:j,onLayout:C,labels:k,...L}=e;(0,_warnInvalidValue.warnInvalidValue)("Button","variant",e.variant,["solid","soft","outline","ghost","link","glass"]),(0,_warnInvalidValue.warnInvalidValue)("Button","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("Button","size",e.size,["xs","sm","md","lg","xl"]);const T=(0,_index.useTheme)(),w=T.settings.components.button,R=o??w?.defaultVariant??"solid",F=i??w?.defaultSize??"md",N=(0,_react.useMemo)(()=>({...DEFAULT_BUTTON_LABELS,...k}),[k]),q=!l&&!n,O={...I,disabled:!q,busy:n},V="link"===R,A=f??w?.defaultPressAnimation??(!V&&"scale"),B=(0,_usePressAnimation.usePressAnimation)({preset:A||"scale",enabled:!1!==A&&q}),P=(0,_useFlickGuard.useFlickGuard)(),W=(0,_react.useMemo)(()=>buildStyles(T),[T]),z=(0,_react.useMemo)(()=>(0,_index.resolveButtonSize)(T,F),[T,F]),E=(0,_react.useMemo)(()=>toneFor(T,s),[T,s]),D=(0,_react.useMemo)(()=>variantFor(T,R,E,l),[T,R,E,l]),U=(0,_react.useMemo)(()=>!p||l||"solid"!==R?null:"string"==typeof p?T.settings.gradients[p]??null:p,[p,l,R,T.settings.gradients]),H=_reactNative.StyleSheet.flatten(h)?.borderRadius,M=V?0:"number"==typeof H?H:_?T.radius.pill:z.radius,G=(0,_SquircleFill.useSquircle)(!U&&"link"!==R,M,C),K=(0,_react.useRef)((0,_animatedValue.createAnimatedValue)(0)).current,[X,Y]=(0,_react.useState)(0),[J,Q]=(0,_react.useState)(null),Z=V?e=>Y(e.nativeEvent.layout.width):void 0,$=y??r,ee="outline"===R||"ghost"===R,te=!ee&&!V,re={color:D.textColor,size:z.icon,disabled:l},oe=b&&!V&&Boolean(c),se=T.space.xs,ie=z["min-height"]-2*se-2*D.borderWidth,ne={color:D.badgeInk,size:z["badge-icon"],disabled:l},le=n?(0,_jsxRuntime.jsx)(_index2.Spinner,{variant:"circular",size:"sm",color:oe?D.badgeInk:D.textColor,accessibilityLabel:N.loading}):c?(0,_slotIcon.renderSlotIcon)(c,oe?ne:re,u):null,ae=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.contentRow,children:[oe?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"button-icon-badge",style:[W.iconLeft,W.iconBadge,{width:ie,height:ie,borderRadius:ie/2,backgroundColor:D.badgeFill}],children:le}):le?(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.iconLeft,children:le}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{onLayout:Z,children:[(0,_jsxRuntime.jsx)(_index3.Text,{variant:"label",weight:"semibold",numberOfLines:1,style:[W.label,{color:D.textColor,fontSize:z.text,lineHeight:Math.round(z.text*T.leading.body)},m],children:r}),V?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",testID:"button-link-underline",style:[W.linkUnderline,{backgroundColor:D.textColor,transform:[{translateX:K.interpolate({inputRange:[0,1],outputRange:[-X/2,0]})},{scaleX:K.interpolate({inputRange:[0,1],outputRange:[0,1]})}]}]}):null]}),d?(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.iconRight,children:(0,_slotIcon.renderSlotIcon)(d,re,u)}):null]}),ce=V?null===J?LINK_HIT_SLOP:Math.max(LINK_HIT_SLOP,touchSlopFor(J)):touchSlopFor(z["min-height"]),de={top:ce,bottom:ce,left:V?LINK_HIT_SLOP:0,right:V?LINK_HIT_SLOP:0};return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[B.style,a?W.fullWidth:null,x],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:e=>{q&&!P.isFlick(e)&&(B.press(),g&&(0,_hapticUtils.triggerHaptic)(g),v?.(e))},onPressIn:e=>{P.onPressIn(e),B.pressIn(),V&&q&&(K.stopAnimation(),K.setValue(0),_reactNative.Animated.timing(K,{toValue:1,duration:T.motion.duration.slower,easing:_reactNative.Easing.bezier(...T.motion.ease.decelerate),useNativeDriver:!0}).start())},onPressOut:()=>{B.pressOut()},disabled:!q,hitSlop:de,...(0,_hitSlop.hitSlopMarker)(de),accessibilityRole:"button",accessibilityLabel:$,accessibilityHint:S,accessibilityState:O,...(0,_ariaState.ariaFromState)(O),testID:j,onLayout:e=>{G.onLayout(e),V&&Q(e.nativeEvent.layout.height)},style:({pressed:e})=>[W.base,{paddingHorizontal:V?0:z["padding-x"],paddingVertical:V?0:oe?se:z["padding-y"],paddingLeft:oe?se:void 0,minHeight:V?void 0:z["min-height"],borderRadius:M,..._corners.smoothCorners,backgroundColor:U||G.active?"transparent":D.backgroundColor,borderWidth:D.borderWidth,borderColor:G.active?"transparent":D.borderColor,opacity:n?.55:1,overflow:G.active||V?"visible":"hidden"},e&&ee&&!G.active?{backgroundColor:T.colors["surface-pressed"]}:null,a?W.fullWidth:null,h],...L,"aria-disabled":!q,"aria-busy":n,children:({pressed:e})=>(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[G.active&&G.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:G.size.width,height:G.size.height,radius:M,fill:e&&ee?T.colors["surface-pressed"]:D.backgroundColor,stroke:D.borderColor,strokeWidth:D.borderWidth,outset:D.borderWidth}):null,U?(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:U,style:[_reactNative.StyleSheet.absoluteFill,{borderRadius:M,..._corners.smoothCorners}]}):null,e&&te?G.active&&G.size?(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:G.size.width,height:G.size.height,radius:M,fill:D.pressedTint,outset:D.borderWidth,testID:"button-pressed"}):(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[W.pressedOverlay,{borderRadius:M,backgroundColor:D.pressedTint,..._corners.smoothCorners}],testID:"button-pressed"}):null,ae]})})})});Button.displayName="Button";const SOFT_FILL_OPACITY=.14,toneFor=(e,t)=>{switch(t){case"primary":return{base:e.colors.primary,outline:e.colors.primary,on:e.colors["on-primary"],fg:e.colors["primary-text"],soft:(0,_color.tintOf)(e.colors.primary,.14,e.colors["primary-soft"])};case"success":return{base:e.colors.success,outline:e.colors.success,on:e.colors["on-success"],fg:e.colors["success-text"],soft:(0,_color.tintOf)(e.colors.success,.14,e.colors["bg-subtle"])};case"warning":return{base:e.colors.warning,outline:e.colors.warning,on:e.colors["on-warning"],fg:e.colors["warning-text"],soft:(0,_color.tintOf)(e.colors.warning,.14,e.colors["bg-subtle"])};case"danger":return{base:e.colors.danger,outline:e.colors.danger,on:e.colors["on-danger"],fg:e.colors["danger-text"],soft:(0,_color.tintOf)(e.colors.danger,.14,e.colors["bg-subtle"])};case"info":return{base:e.colors.info,outline:e.colors.info,on:e.colors["on-info"],fg:e.colors["info-text"],soft:(0,_color.tintOf)(e.colors.info,.14,e.colors["bg-subtle"])};default:return{base:e.colors["bg-muted"],outline:e.colors.border,on:e.colors["text-body"],fg:e.colors["text-body"],soft:e.colors["bg-subtle"]}}},BUTTON_BORDER_WIDTH=1,MIN_TOUCH_TARGET=44,LINK_HIT_SLOP=8,touchSlopFor=e=>Math.max(0,Math.ceil((44-e)/2)),variantFor=(e,t,r,o)=>{const s=o?e.colors["text-disabled"]:r.fg,i={badgeFill:e.colors["surface-disabled"],badgeInk:e.colors["text-disabled"]},n=o?i:{badgeFill:r.on,badgeInk:r.base},l=o?i:{badgeFill:r.base,badgeInk:r.on};switch(t){case"solid":return{backgroundColor:o?e.colors["surface-disabled"]:r.base,borderColor:"transparent",borderWidth:1,textColor:o?e.colors["text-disabled"]:r.on,pressedTint:e.colors["surface-pressed"],...n};case"soft":return{backgroundColor:o?e.colors["surface-disabled"]:r.soft,borderColor:"transparent",borderWidth:1,textColor:s,pressedTint:e.colors["surface-pressed"],...l};case"outline":return{backgroundColor:"transparent",borderColor:o?e.colors.border:r.outline,borderWidth:1,textColor:s,pressedTint:e.colors["surface-pressed"],...l};case"ghost":return{backgroundColor:"transparent",borderColor:"transparent",borderWidth:1,textColor:s,pressedTint:e.colors["surface-pressed"],...l};case"link":return{backgroundColor:"transparent",borderColor:"transparent",borderWidth:0,textColor:o?e.colors["text-disabled"]:e.colors.link,pressedTint:e.colors["surface-pressed"],...l};case"glass":return{backgroundColor:e.colors["glass-fill"],borderColor:e.colors["glass-border"],borderWidth:1,textColor:o?e.colors["text-disabled"]:e.colors["on-glass"],pressedTint:_color.ACCENT_PRESSED_TINT,badgeFill:e.colors["glass-badge"],badgeInk:o?e.colors["text-disabled"]:r.base};default:return{backgroundColor:r.base,borderColor:"transparent",borderWidth:1,textColor:r.on,pressedTint:e.colors["surface-pressed"],...n}}};function buttonLabelInk(e,t){return variantFor(t,e.variant??"solid",toneFor(t,e.tone??"primary"),e.disabled??!1).textColor}const buildStyles=e=>_reactNative.StyleSheet.create({pressedOverlay:{position:"absolute",top:0,right:0,bottom:0,left:0},base:{alignItems:"center",justifyContent:"center",flexDirection:"row",overflow:"hidden"},contentRow:{flexDirection:"row",alignItems:"center",justifyContent:"center"},label:{textAlign:"center",includeFontPadding:!1,textAlignVertical:"center"},linkUnderline:{height:1.5,marginTop:1},iconLeft:{marginRight:e.space.sm},iconBadge:{alignItems:"center",justifyContent:"center"},iconRight:{marginLeft:e.space.sm},fullWidth:{alignSelf:"stretch"}});var _default=exports.default=Button;

package/lib/commonjs/components/Calendar/Calendar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Calendar=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"),_hitSlop=require("../../utils/hitSlop.js"),_CalendarDay=require("./CalendarDay.js"),_calendarDates=require("./calendarDates.js"),_calendarStyles=require("./calendarStyles.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_TONE={holiday:"danger",event:"primary",pending:"warning"},MAX_DOTS=3,DAY_TEXT_MAX_SCALE=1.5,toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"primary":return e.colors.primary;default:return e.colors["text-muted"]}},toneInk=(e,t)=>"neutral"===t?e.colors["text-muted"]:e.colors[`${t}-text`],Calendar=exports.Calendar=(0,_react.forwardRef)((e,t)=>{const{mode:a="single",value:r,onChange:i,month:n,onMonthChange:s,minDate:l,maxDate:o,disabledDates:c,weekStartsOn:d=0,locale:u="en-IN",markedDates:_,strikeMarkedInRange:m=!1,cellSize:h,haptic:y,accessibilityLabel:x,style:g,headerLabelStyle:p,navButtonStyle:v,testID:D}=e,b=(0,_index2.useTheme)(),f=(0,_index.usePresenceMotion)(),M=(0,_react.useMemo)(()=>(0,_calendarStyles.buildCalendarStyles)(b),[b]),[N,j]=(0,_index.useControllableState)({value:n?(0,_calendarDates.startOfMonth)(n):void 0,defaultValue:(0,_calendarDates.startOfMonth)(r?.start??new Date),onChange:s}),S=12*N.getFullYear()+N.getMonth(),k=r?.start?(0,_calendarDates.startOfDay)(r.start):null,w="range"===a&&r?.end?(0,_calendarDates.startOfDay)(r.end):null,T=k?.getTime()??null,R=w?.getTime()??null,C=(0,_calendarDates.toIso)(new Date),I=l?(0,_calendarDates.startOfDay)(l).getTime():null,L=o?(0,_calendarDates.startOfDay)(o).getTime():null,A=(0,_react.useMemo)(()=>new Set((c??[]).map(e=>(0,_calendarDates.toIso)(e))),[c]),E=(0,_react.useCallback)(e=>null!==I&&e.getTime()<I||null!==L&&e.getTime()>L||A.has((0,_calendarDates.toIso)(e)),[I,L,A]),V=(0,_react.useMemo)(()=>{const e=new Map;for(const t of _??[]){const a=(0,_calendarDates.toIso)(t.date);let r=e.get(a);r||(r={dots:[],holiday:!1,spoken:[]},e.set(a,r));const i=t.tone??DEFAULT_TONE[t.kind],n=toneColor(b,i);r.dots.length<3&&r.dots.push({key:`${t.kind}-${r.dots.length}`,color:n}),"holiday"===t.kind&&(r.holiday=!0,r.holidayInk??=toneInk(b,i)),t.label&&r.spoken.push(t.label),r.spoken.push(t.kind)}return e},[_,b]),O=(0,_react.useMemo)(()=>(0,_calendarDates.buildMonthMatrix)(new Date(Math.floor(S/12),S%12,1),d),[S,d]),F=(0,_react.useMemo)(()=>(0,_calendarDates.weekdayLabels)(u,d),[u,d]),q=(0,_react.useMemo)(()=>new Intl.DateTimeFormat(u,{month:"long",year:"numeric"}),[u]),P=(0,_react.useMemo)(()=>new Intl.DateTimeFormat(u,{weekday:"short",day:"numeric",month:"long"}),[u]),z=q.format(N),B=null===I||(0,_calendarDates.startOfMonth)(new Date(I)).getTime()<N.getTime(),H=null===L||(0,_calendarDates.startOfMonth)(new Date(L)).getTime()>N.getTime(),X=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,$=(0,_react.useRef)((0,_index2.createAnimatedValue)(1)).current,Z=(0,_react.useRef)(null);(0,_react.useEffect)(()=>()=>Z.current?.stop(),[]);const U=(0,_react.useCallback)(e=>{!1!==y&&(0,_index3.triggerHaptic)("impactLight");const t=b.motion.duration.fast,a=b.motion.duration.fast,[r]=f.range(32*-e,0),[i]=f.range(32*e,0),n=f.reduced?f.duration("fast"):t,s=f.reduced?f.duration("fast"):a;Z.current?.stop(),Z.current=_reactNative.Animated.sequence([_reactNative.Animated.parallel([_reactNative.Animated.timing(X,{toValue:r,duration:t,easing:_reactNative.Easing.out(_reactNative.Easing.quad),useNativeDriver:!0}),_reactNative.Animated.timing($,{toValue:0,duration:n,useNativeDriver:!0})]),_reactNative.Animated.timing(X,{toValue:i,duration:0,useNativeDriver:!0}),_reactNative.Animated.parallel([_reactNative.Animated.timing(X,{toValue:0,duration:a,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),_reactNative.Animated.timing($,{toValue:1,duration:s,useNativeDriver:!0})])]),Z.current.start();const l=(0,_calendarDates.addMonths)(N,e);j(l),_reactNative.AccessibilityInfo.announceForAccessibility(q.format(l))},[y,N,$,q,X,f,j,b]),Y=(0,_react.useCallback)(()=>U(-1),[U]),G=(0,_react.useCallback)(()=>U(1),[U]),pressDay=e=>{if(E(e.date))return;const t=(0,_index3.resolveHaptic)(y,"selection");t&&(0,_index3.triggerHaptic)(t);const r=e.date;"single"===a||!k||w||r.getTime()<k.getTime()?i({start:r}):i({start:k,end:r}),e.inMonth||j((0,_calendarDates.startOfMonth)(r))},W=(0,_react.useRef)(pressDay);(0,_react.useLayoutEffect)(()=>{W.current=pressDay});const J=(0,_react.useCallback)(e=>W.current(e),[]),K=void 0===h?void 0:Math.max(h,_calendarStyles.MIN_CELL_SIZE),Q=(0,_react.useMemo)(()=>void 0===K?{flex:1}:{width:K},[K]),ee=(0,_react.useMemo)(()=>void 0===K?{flex:1,aspectRatio:1,minHeight:_calendarStyles.MIN_CELL_SIZE}:{width:K,height:K},[K]),te=Math.max(b.space.sm,(_calendarStyles.MIN_CELL_SIZE-_calendarStyles.NAV_BUTTON_SIZE)/2),ae=Math.min(b.settings.maxFontSizeMultiplier??1.5,1.5),re=[];for(let e=0;e<_calendarDates.GRID_CELLS;e+=7)re.push(O.slice(e,e+7));return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[M.root,g],testID:D,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:M.headerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Y,disabled:!B,style:({pressed:e})=>[M.navBtn,e&&M.navBtnPressed,!B&&M.navBtnDisabled,v],accessibilityRole:"button",accessibilityLabel:"Previous month",accessibilityState:{disabled:!B},"aria-disabled":!B,hitSlop:te,...(0,_hitSlop.hitSlopMarker)(te),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:M.navText,maxFontSizeMultiplier:ae,children:"‹"})}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[M.headerLabelWrap,{opacity:$,transform:[{translateX:X}]},p],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:M.headerLabel,accessibilityRole:"header",accessibilityLabel:x?`${x}, ${z}`:void 0,maxFontSizeMultiplier:b.settings.maxFontSizeMultiplier,children:z})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:G,disabled:!H,style:({pressed:e})=>[M.navBtn,e&&M.navBtnPressed,!H&&M.navBtnDisabled,v],accessibilityRole:"button",accessibilityLabel:"Next month",accessibilityState:{disabled:!H},"aria-disabled":!H,hitSlop:te,...(0,_hitSlop.hitSlopMarker)(te),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:M.navText,maxFontSizeMultiplier:ae,children:"›"})})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:M.weekdayRow,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:F.map(({weekday:e,label:t})=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[M.weekdayCell,Q],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:M.weekdayText,maxFontSizeMultiplier:ae,children:t})},e))}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{opacity:$,transform:[{translateX:X}]},children:re.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:M.gridRow,children:e.map(e=>{const t=e.date.getTime(),r=null!==T&&t===T,i=null!==R&&t===R,n=null!==T&&null!==R&&t>=T&&t<=R,s=n&&!r&&!i,l=e.iso===C,o=V.get(e.iso),c=m&&n&&!0===o?.holiday,d=[P.format(e.date),...o?.spoken??[]];return l&&d.push("today"),"range"===a&&(r&&i?d.push("start and end of your range"):r?d.push("start of your range"):i?d.push("end of your range"):s&&d.push("in your range")),c&&d.push("not counted"),(0,_jsxRuntime.jsx)(_CalendarDay.CalendarDay,{cell:e,accessibilityLabel:d.join(", "),disabled:E(e.date),edge:r||i,mid:s,barLeft:n&&(i||s)&&!(r&&i),barRight:n&&(r||s)&&!(r&&i),today:l,struck:c,dots:o?.dots,inkColor:o?.holidayInk,cellStyle:ee,styles:M,maxFontSizeMultiplier:ae,onPressDay:J},e.iso)})},e[0].iso))})]})});Calendar.displayName="Calendar";var _default=exports.default=Calendar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_CALENDAR_LABELS=exports.Calendar=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"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index4=require("../Text/index.js"),_CalendarDay=require("./CalendarDay.js"),_calendarDates=require("./calendarDates.js"),_calendarStyles=require("./calendarStyles.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_CALENDAR_LABELS=exports.DEFAULT_CALENDAR_LABELS=Object.freeze({previousMonth:"Previous month",nextMonth:"Next month",marked:"Marked"}),MAX_DOTS=3,DAY_TEXT_MAX_SCALE=1.5,toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"primary":return e.colors.primary;default:return e.colors["text-muted"]}},Calendar=exports.Calendar=(0,_react.forwardRef)((e,t)=>{const{selectionMode:a="single",value:r,onChange:i,month:n,onMonthChange:s,minDate:l,maxDate:o,disabledDates:c,weekStartsOn:d=0,locale:u="en-IN",marks:_,cellSize:m,haptic:x,accessibilityLabel:h,onTitlePress:y,labels:v,style:p,headerLabelStyle:g,navButtonStyle:b,testID:D}=e;(0,_warnInvalidValue.warnInvalidValue)("Calendar","selectionMode",e.selectionMode,["single","range"]);const f=(0,_react.useMemo)(()=>({...DEFAULT_CALENDAR_LABELS,...v}),[v]),M=f.marked,j=(0,_index2.useTheme)(),S=(0,_index.usePresenceMotion)(),N=(0,_react.useMemo)(()=>(0,_calendarStyles.buildCalendarStyles)(j),[j]),[L,w]=(0,_index.useControllableState)({value:n?(0,_calendarDates.startOfMonth)(n):void 0,defaultValue:(0,_calendarDates.startOfMonth)(r?.start??new Date),onChange:s}),A=12*L.getFullYear()+L.getMonth(),R=r?.start?(0,_calendarDates.startOfDay)(r.start):null,T="range"===a&&r?.end?(0,_calendarDates.startOfDay)(r.end):null,C=R?.getTime()??null,E=T?.getTime()??null,k=(0,_calendarDates.toIso)(new Date),I=l?(0,_calendarDates.startOfDay)(l).getTime():null,V=o?(0,_calendarDates.startOfDay)(o).getTime():null,q=(0,_react.useMemo)(()=>new Set((c??[]).map(e=>(0,_calendarDates.toIso)(e))),[c]),F=(0,_react.useCallback)(e=>null!==I&&e.getTime()<I||null!==V&&e.getTime()>V||q.has((0,_calendarDates.toIso)(e)),[I,V,q]),O=(0,_react.useMemo)(()=>{const e=new Map;for(const t of _??[]){const a=t.date;let r=e.get(a);r||(r={dots:[],spoken:[]},e.set(a,r)),r.dots.length<3&&r.dots.push({key:`${t.tone}-${r.dots.length}`,color:toneColor(j,t.tone)}),r.spoken.push(t.label??M)}return e},[_,j,M]),P=(0,_react.useMemo)(()=>(0,_calendarDates.buildMonthMatrix)(new Date(Math.floor(A/12),A%12,1),d),[A,d]),B=(0,_react.useMemo)(()=>(0,_calendarDates.weekdayLabels)(u,d),[u,d]),z=(0,_react.useMemo)(()=>new Intl.DateTimeFormat(u,{month:"long",year:"numeric"}),[u]),$=(0,_react.useMemo)(()=>new Intl.DateTimeFormat(u,{weekday:"short",day:"numeric",month:"long"}),[u]),H=z.format(L),U=null===I||(0,_calendarDates.startOfMonth)(new Date(I)).getTime()<L.getTime(),X=null===V||(0,_calendarDates.startOfMonth)(new Date(V)).getTime()>L.getTime(),Z=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,Y=(0,_react.useRef)((0,_index2.createAnimatedValue)(1)).current,G=(0,_react.useRef)(null);(0,_react.useEffect)(()=>()=>G.current?.stop(),[]);const W=(0,_react.useCallback)(e=>{!1!==x&&(0,_index3.triggerHaptic)("impactLight");const t=j.motion.duration.fast,a=j.motion.duration.fast,[r]=S.range(32*-e,0),[i]=S.range(32*e,0),n=S.reduced?S.duration("fast"):t,s=S.reduced?S.duration("fast"):a;G.current?.stop(),G.current=_reactNative.Animated.sequence([_reactNative.Animated.parallel([_reactNative.Animated.timing(Z,{toValue:r,duration:t,easing:_reactNative.Easing.out(_reactNative.Easing.quad),useNativeDriver:!0}),_reactNative.Animated.timing(Y,{toValue:0,duration:n,useNativeDriver:!0})]),_reactNative.Animated.timing(Z,{toValue:i,duration:0,useNativeDriver:!0}),_reactNative.Animated.parallel([_reactNative.Animated.timing(Z,{toValue:0,duration:a,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),_reactNative.Animated.timing(Y,{toValue:1,duration:s,useNativeDriver:!0})])]),G.current.start();const l=(0,_calendarDates.addMonths)(L,e);w(l),_reactNative.AccessibilityInfo.announceForAccessibility(z.format(l))},[x,L,Y,z,Z,S,w,j]),J=(0,_react.useCallback)(()=>W(-1),[W]),K=(0,_react.useCallback)(()=>W(1),[W]),pressDay=e=>{if(F(e.date))return;const t=(0,_index3.resolveHaptic)(x,"selection");t&&(0,_index3.triggerHaptic)(t);const r=e.date;"single"===a||!R||T||r.getTime()<R.getTime()?i({start:r}):i({start:R,end:r}),e.inMonth||w((0,_calendarDates.startOfMonth)(r))},Q=(0,_react.useRef)(pressDay);(0,_react.useLayoutEffect)(()=>{Q.current=pressDay});const ee=(0,_react.useCallback)(e=>Q.current(e),[]),te=void 0===m?void 0:Math.max(m,_calendarStyles.MIN_CELL_SIZE),ae=(0,_react.useMemo)(()=>void 0===te?{flex:1}:{width:te},[te]),re=(0,_react.useMemo)(()=>void 0===te?{flex:1,aspectRatio:1,minHeight:_calendarStyles.MIN_CELL_SIZE}:{width:te,height:te},[te]),ie=Math.max(j.space.sm,(_calendarStyles.MIN_CELL_SIZE-_calendarStyles.NAV_BUTTON_SIZE)/2),ne=Math.min(j.settings.maxFontSizeMultiplier??1.5,1.5),se=[];for(let e=0;e<_calendarDates.GRID_CELLS;e+=7)se.push(P.slice(e,e+7));const le=(0,_jsxRuntime.jsx)(_index4.Text,{variant:"title",accessibilityRole:"header",accessibilityLabel:h?`${h}, ${H}`:void 0,style:N.headerLabel,children:H});return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[N.root,p],testID:D,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:N.headerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:J,disabled:!U,style:({pressed:e})=>[N.navBtn,e&&N.navBtnPressed,!U&&N.navBtnDisabled,b],accessibilityRole:"button",accessibilityLabel:f.previousMonth,accessibilityState:{disabled:!U},"aria-disabled":!U,hitSlop:ie,...(0,_hitSlop.hitSlopMarker)(ie),children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"title",style:N.navText,maxFontSizeMultiplier:ne,children:"‹"})}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[N.headerLabelWrap,{opacity:Y,transform:[{translateX:Z}]},g],children:y?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:y,accessibilityRole:"button",accessibilityLabel:h?`${h}, ${H}`:H,hitSlop:ie,...(0,_hitSlop.hitSlopMarker)(ie),children:le}):le}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:K,disabled:!X,style:({pressed:e})=>[N.navBtn,e&&N.navBtnPressed,!X&&N.navBtnDisabled,b],accessibilityRole:"button",accessibilityLabel:f.nextMonth,accessibilityState:{disabled:!X},"aria-disabled":!X,hitSlop:ie,...(0,_hitSlop.hitSlopMarker)(ie),children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"title",style:N.navText,maxFontSizeMultiplier:ne,children:"›"})})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:N.weekdayRow,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:B.map(({weekday:e,label:t})=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[N.weekdayCell,ae],children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",style:N.weekdayText,maxFontSizeMultiplier:ne,children:t})},e))}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{opacity:Y,transform:[{translateX:Z}]},children:se.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:N.gridRow,children:e.map(e=>{const t=e.date.getTime(),r=null!==C&&t===C,i=null!==E&&t===E,n=null!==C&&null!==E&&t>=C&&t<=E,s=n&&!r&&!i,l=e.iso===k,o=O.get(e.iso),c=[$.format(e.date),...o?.spoken??[]];return l&&c.push("today"),"range"===a&&(r&&i?c.push("start and end of your range"):r?c.push("start of your range"):i?c.push("end of your range"):s&&c.push("in your range")),(0,_jsxRuntime.jsx)(_CalendarDay.CalendarDay,{cell:e,accessibilityLabel:c.join(", "),disabled:F(e.date),edge:r||i,mid:s,barLeft:n&&(i||s)&&!(r&&i),barRight:n&&(r||s)&&!(r&&i),today:l,dots:o?.dots,cellStyle:re,styles:N,maxFontSizeMultiplier:ne,onPressDay:ee},e.iso)})},e[0].iso))})]})});Calendar.displayName="Calendar";var _default=exports.default=Calendar;

package/lib/commonjs/components/Calendar/CalendarDay.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CalendarDay=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_jsxRuntime=require("react/jsx-runtime");const DISABLED_OPACITY=.3,OUTSIDE_MONTH_OPACITY=.4,TODAY_RING_WIDTH=1.5,CalendarDayBase=({cell:e,accessibilityLabel:t,disabled:a,edge:i,mid:r,barLeft:l,barRight:s,today:n,struck:d,dots:o,inkColor:c,cellStyle:y,styles:u,maxFontSizeMultiplier:x,onPressDay:_})=>{const b=(0,_index.useTheme)(),{colors:m}=b,j=i?m["on-primary"]:e.inMonth?a?m["text-disabled"]:c??m["text-body"]:m["text-subtle"],v=n&&!i;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{disabled:a,onPress:()=>_(e),accessibilityRole:"button",accessibilityLabel:t,accessibilityState:{selected:i,disabled:a},"aria-selected":i,"aria-disabled":a,style:[u.dayCell,y],children:[l?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[u.barLeft,u.rangeFill]}):null,s?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[u.barRight,u.rangeFill]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[u.dayInner,i?u.dayEdge:r?u.rangeFill:null,r?u.dayMid:null,v?{borderColor:m.primary,borderWidth:1.5}:null,{opacity:a?.3:e.inMonth?1:.4}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.dayText,{color:j},d?u.dayStruck:null],maxFontSizeMultiplier:x,children:e.date.getDate()}),o&&o.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:u.dots,children:o.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[u.dot,{backgroundColor:i?m["on-primary"]:e.color}]},e.key))}):null]})]})},CalendarDay=exports.CalendarDay=(0,_react.memo)(CalendarDayBase);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CalendarDay=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DISABLED_OPACITY=.3,OUTSIDE_MONTH_OPACITY=.4,TODAY_RING_WIDTH=1.5,CalendarDayBase=({cell:e,accessibilityLabel:t,disabled:a,edge:i,mid:r,barLeft:l,barRight:s,today:n,dots:d,cellStyle:o,styles:c,maxFontSizeMultiplier:x,onPressDay:y})=>{const u=(0,_index.useTheme)(),{colors:_}=u,b=i?_["on-primary"]:e.inMonth?a?_["text-disabled"]:_["text-body"]:_["text-subtle"],m=n&&!i;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{disabled:a,onPress:()=>y(e),accessibilityRole:"button",accessibilityLabel:t,accessibilityState:{selected:i,disabled:a},"aria-selected":i,"aria-disabled":a,style:[c.dayCell,o],children:[l?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[c.barLeft,c.rangeFill]}):null,s?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[c.barRight,c.rangeFill]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[c.dayInner,i?c.dayEdge:r?c.rangeFill:null,r?c.dayMid:null,m?{borderColor:_.primary,borderWidth:1.5}:null,{opacity:a?.3:e.inMonth?1:.4}],children:[(0,_jsxRuntime.jsx)(_index2.Text,{variant:"bodySmall",style:[c.dayText,{color:b}],maxFontSizeMultiplier:x,children:e.date.getDate()}),d&&d.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:c.dots,children:d.map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[c.dot,{backgroundColor:i?_["on-primary"]:e.color}]},e.key))}):null]})]})},CalendarDay=exports.CalendarDay=(0,_react.memo)(CalendarDayBase);

package/lib/commonjs/components/Calendar/calendarStyles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buildCalendarStyles=exports.NAV_BUTTON_SIZE=exports.MIN_CELL_SIZE=void 0;var _reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js");const MIN_CELL_SIZE=exports.MIN_CELL_SIZE=44,NAV_BUTTON_SIZE=exports.NAV_BUTTON_SIZE=36,DOT_SIZE=5,buildCalendarStyles=e=>_reactNative.StyleSheet.create({root:{alignSelf:"stretch"},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:e.space.md},navBtn:{width:NAV_BUTTON_SIZE,height:NAV_BUTTON_SIZE,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"]},navBtnPressed:{backgroundColor:e.colors["surface-pressed"]},navBtnDisabled:{opacity:.4},navText:{fontSize:e.text["2xl"].size,lineHeight:26,color:e.colors["text-body"],...(0,_index.fontFor)(e,"semibold")},headerLabelWrap:{flex:1,alignItems:"center"},headerLabel:{fontSize:e.text.base.size,color:e.colors["text-body"],...(0,_index.fontFor)(e,"semibold")},weekdayRow:{flexDirection:"row",justifyContent:"center",marginBottom:e.space.xs},weekdayCell:{alignItems:"center",paddingVertical:e.space.xs},weekdayText:{fontSize:e.text.xs.size,color:e.colors["text-subtle"],letterSpacing:e["letter-spacing"].wide,...(0,_index.fontFor)(e,"medium")},gridRow:{flexDirection:"row",justifyContent:"center"},dayCell:{alignItems:"center",justifyContent:"center",padding:e.space.none},barLeft:{position:"absolute",left:0,right:"50%",top:"5%",bottom:"5%"},barRight:{position:"absolute",left:"50%",right:0,top:"5%",bottom:"5%"},rangeFill:{backgroundColor:e.colors["primary-soft"]},dayInner:{width:"90%",height:"90%",alignItems:"center",justifyContent:"center",borderRadius:e.radius.pill,..._corners.smoothCorners},dayEdge:{backgroundColor:e.colors.primary},dayMid:{borderRadius:e.radius.none},dayText:{fontSize:e.text.sm.size,...(0,_index.fontFor)(e,"medium")},dayStruck:{textDecorationLine:"line-through"},dots:{position:"absolute",bottom:e.space.xs,flexDirection:"row",gap:e.space.xxs},dot:{width:5,height:5,borderRadius:e.radius.pill,..._corners.smoothCorners}});exports.buildCalendarStyles=buildCalendarStyles;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buildCalendarStyles=exports.NAV_BUTTON_SIZE=exports.MIN_CELL_SIZE=void 0;var _reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js");const MIN_CELL_SIZE=exports.MIN_CELL_SIZE=44,NAV_BUTTON_SIZE=exports.NAV_BUTTON_SIZE=36,DOT_SIZE=5,buildCalendarStyles=e=>_reactNative.StyleSheet.create({root:{alignSelf:"stretch"},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:e.space.md},navBtn:{width:NAV_BUTTON_SIZE,height:NAV_BUTTON_SIZE,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"]},navBtnPressed:{backgroundColor:e.colors["surface-pressed"]},navBtnDisabled:{opacity:.4},navText:{fontSize:e.text["2xl"].size,lineHeight:26,color:e.colors["text-body"],...(0,_index.fontFor)(e,"semibold")},headerLabelWrap:{flex:1,alignItems:"center"},headerLabel:{fontSize:e.text.base.size,color:e.colors["text-body"],...(0,_index.fontFor)(e,"semibold")},weekdayRow:{flexDirection:"row",justifyContent:"center",marginBottom:e.space.xs},weekdayCell:{alignItems:"center",paddingVertical:e.space.xs},weekdayText:{fontSize:e.text.xs.size,color:e.colors["text-subtle"],letterSpacing:e["letter-spacing"].wide,...(0,_index.fontFor)(e,"medium")},gridRow:{flexDirection:"row",justifyContent:"center"},dayCell:{alignItems:"center",justifyContent:"center",padding:e.space.none},barLeft:{position:"absolute",left:0,right:"50%",top:"5%",bottom:"5%"},barRight:{position:"absolute",left:"50%",right:0,top:"5%",bottom:"5%"},rangeFill:{backgroundColor:e.colors["primary-soft"]},dayInner:{width:"90%",height:"90%",alignItems:"center",justifyContent:"center",borderRadius:e.radius.pill,..._corners.smoothCorners},dayEdge:{backgroundColor:e.colors.primary},dayMid:{borderRadius:e.radius.none},dayText:{fontSize:e.text.sm.size,...(0,_index.fontFor)(e,"medium")},dots:{position:"absolute",bottom:e.space.xs,flexDirection:"row",gap:e.space.xxs},dot:{width:5,height:5,borderRadius:e.radius.pill,..._corners.smoothCorners}});exports.buildCalendarStyles=buildCalendarStyles;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Card=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_useControllableState=require("../../hooks/useControllableState.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_shadows=require("../../utils/shadows.js"),_squircle=require("../../utils/squircle.js"),_themeStyles=require("../../utils/themeStyles.js"),_AppIcon=require("../AppIcon/AppIcon.js"),_useContextMenu=require("../Menu/useContextMenu.js"),_index2=require("../Skeleton/index.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,s,r=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(s in e)"default"!==s&&{}.hasOwnProperty.call(e,s)&&((i=r&&Object.getOwnPropertyDescriptor(e,s))&&(i.get||i.set)?r(n,s,i):n[s]=e[s]);return n}const BACKGROUND_TOKENS=["bg","bg-subtle","bg-muted","surface","scrim","surface-inverse"],paddingMap={none:"none",sm:"sm",md:"lg",lg:"xl",xl:"2xl"},Card=exports.Card=_react.default.memo((0,_react.forwardRef)((e,t)=>{const{children:i,variant:s="elevated",elevation:r="card",radius:n="lg",padding:a="md",interactive:o=!1,bg:l,header:c,title:d,titleFont:u="sans",lead:h,action:x,headerActions:m,collapsible:_=!1,collapsed:p,defaultCollapsed:b=!1,onCollapsedChange:g,collapsedSummary:y,onRemove:j,removeLabel:v="Remove",separatorHeight:R=_reactNative.StyleSheet.hairlineWidth,footer:f,imageSource:S,imageHeight:C=160,imageAspectRatio:w,imageOverlay:q,loading:A=!1,gradient:N,onPress:k,haptic:F,contextMenu:T,accessibilityLabel:B,accessibilityHint:P,accessibilityRole:I,style:L,containerStyle:V,headerStyle:H,bodyStyle:M,footerStyle:z,borderRadius:O,testID:W,onLayout:D,...U}=e,E=(0,_index.useTheme)(),G=o||"function"==typeof k,K=(0,_useContextMenu.useContextMenu)(T,{haptic:F||!1,testID:W,accessibilityActions:U.accessibilityActions,onAccessibilityAction:U.onAccessibilityAction}),$=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(t,K.hostRef),[t,K.hostRef]),J=G||K.enabled,{style:Q,pressIn:X,pressOut:Y}=(0,_usePressAnimation.usePressAnimation)({enabled:J}),Z=stylesFor(E),ee=Boolean(S),te=E.space[paddingMap[a]],ie=(0,_react.useMemo)(()=>N?"string"==typeof N?E.settings.gradients[N]??null:N:null,[N,E.settings.gradients]),se="flat"===s,re=se?E.radius.none:O??E.radius[n],ne=resolveBackground(E,l),[ae,oe]=(0,_useControllableState.useControllableState)({value:p,defaultValue:b,onChange:g}),le=_&&ae,ce=hasBuiltInHeaderContent(e),de=Boolean(c)||ce,ue=(0,_SquircleFill.useSquircle)(!ee&&!ie&&!se,re,D),he=_reactNative.StyleSheet.flatten([L,V])??{},xe=he.backgroundColor,me=he.borderColor,pe=xe??ne??("filled"===s?E.colors["bg-subtle"]:E.colors.surface),be="outlined"===s?E.size.border:0,ge=me??E.colors.border,ye="none"===r?void 0:E.shadow[r],je="elevated"===s&&(0,_shadows.supportsBoxShadow)()&&ye?(0,_shadows.toBoxShadow)(ye):void 0,ve=ue.active&&"elevated"===s&&!je,Re=ue.active&&!ve?{backgroundColor:"transparent",borderColor:"transparent"}:null,fe=(0,_react.useMemo)(()=>{const e={borderRadius:ve&&ue.size?(0,_squircle.squircleHostRadius)(ue.size.width,ue.size.height,re):re,..._corners.smoothCorners,padding:ee||ue.active?E.space.none:te,overflow:ue.active?"visible":"hidden"};switch(s){case"flat":return{...e,backgroundColor:ne??E.colors.surface,borderBottomWidth:R,borderBottomColor:E.colors.border};case"outlined":return{...e,backgroundColor:ue.active?"transparent":ne??E.colors.surface,borderWidth:E.size.border,borderColor:ue.active?"transparent":E.colors.border};case"filled":return{...e,backgroundColor:ue.active?"transparent":ne??E.colors["bg-subtle"]};default:return{...e,backgroundColor:ne??E.colors.surface,...je?{boxShadow:je}:ye}}},[E,s,ye,re,ee,te,ue.active,ue.size,je,ve,ne,R]),Se=(0,_react.useMemo)(()=>({..."number"==typeof w?{width:"100%",aspectRatio:w}:{width:"100%",height:C},borderTopLeftRadius:re,borderTopRightRadius:re,borderBottomLeftRadius:E.radius.none,borderBottomRightRadius:E.radius.none,..._corners.smoothCorners}),[E,re,w,C]),Ce="string"==typeof d?d:"",we=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:Z.titleColumn,children:["string"==typeof d?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"title",accessibilityRole:"header",style:titleFaceFor(E,u),children:d}):d,h?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",style:Z.lead,children:h}):null,le&&y?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",style:Z.lead,children:y}):null]}),isCardTextAction(x)?(0,_jsxRuntime.jsx)(CardTextActionButton,{action:x,haptic:F}):x?(0,_jsxRuntime.jsx)(_reactNative.View,{style:Z.actionNode,children:x}):null,m,_?(0,_jsxRuntime.jsx)(CardIconAction,{icon:le?"chevron-down":"chevron-up",label:`${le?"Show":"Hide"} ${Ce}`.trim(),expanded:!le,onPress:()=>oe(!le),haptic:F}):null,j?(0,_jsxRuntime.jsx)(CardIconAction,{icon:"trash",label:v,onPress:j,color:E.colors["danger-text"],haptic:F}):null]}),qe=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[de?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[Z.header,!c&&Z.headerRow,le&&Z.headerFolded,H],children:c??we}):null,le?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[de||f?Z.body:null,M],children:i}),f&&!le?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[Z.footer,z],children:f}):null]}),Ae=ee?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:Z.imageWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:S,resizeMode:"cover",style:Se,accessibilityLabel:"",accessible:!1}),q?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"box-none",style:Z.imageOverlay,children:q}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{padding:te},children:qe})]}):qe,Ne=ie?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:ie,style:_reactNative.StyleSheet.absoluteFill}),Ae]}):ue.active&&ue.size?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:ue.size.width,height:ue.size.height,radius:re,fill:pe,stroke:be?ge:void 0,strokeWidth:be,outset:be}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[Z.squircleClip,{padding:te,borderRadius:ue.size?(0,_squircle.squircleHostRadius)(ue.size.width,ue.size.height,re):re}],children:Ae})]}):Ae;let ke;if(J){const handlePress=e=>{G&&(F&&(0,_hapticUtils.triggerHaptic)(F),k?.(e))};ke=(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:Q,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:$,onPress:handlePress,onPressIn:X,onPressOut:Y,accessibilityRole:I??(G?"button":void 0),accessibilityLabel:B,accessibilityHint:P,testID:W,onLayout:ue.onLayout,style:[fe,L,V,Re],...U,...K.hostProps,children:Ne})})}else ke=(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityLabel:B,accessibilityHint:P,accessibilityRole:I,testID:W,onLayout:ue.onLayout,style:[fe,L,V,Re],...U,children:Ne});return A?(0,_jsxRuntime.jsx)(CardSkeleton,{...e}):K.enabled?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[ke,K.renderSurface((0,_jsxRuntime.jsx)(_reactNative.View,{style:[fe,L,V,Re,Z.preview],children:Ne}))]}):ke}));Card.displayName="Card";const CardSkeleton=({variant:e="elevated",elevation:t,radius:i="lg",padding:s="md",bg:r,header:n,footer:a,imageSource:o,imageHeight:l=160,imageAspectRatio:c,borderRadius:d,containerStyle:u,headerStyle:h,bodyStyle:x,footerStyle:m,style:_,...p})=>{const b=(0,_index.useTheme)(),g=paddingMap[s],y=b.space[g],j="flat"===e?b.radius.none:d??b.radius[i],v=void 0!==n||hasBuiltInHeaderContent(p),R=resolveBackground(b,r)??b.colors.surface,f="outlined"===e?1:0,S="outlined"===e?b.colors.border:void 0;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{backgroundColor:R,borderRadius:j,..._corners.smoothCorners,borderWidth:f,borderColor:S,overflow:"hidden"},u,_],accessibilityRole:"progressbar",accessibilityLabel:"Loading",accessibilityState:{busy:!0},"aria-busy":!0,children:[void 0!==o?(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:"100%",height:c?void 0:l,style:c?{aspectRatio:c,width:"100%"}:void 0}):null,v?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{padding:y,paddingBottom:b.space.sm},h],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"60%",height:18})}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{padding:y},x],children:(0,_jsxRuntime.jsx)(_index2.SkeletonText,{lines:3,fontSize:b.text.base.size,lastLineWidth:"55%"})}),void 0!==a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{padding:y,paddingTop:b.space.sm,flexDirection:"row"},m],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:88,height:32,shape:"rounded"})}):null]})};CardSkeleton.displayName="CardSkeleton",Card.Skeleton=CardSkeleton;const hasBuiltInHeaderContent=e=>Boolean(e.title||e.lead||e.action||e.headerActions||e.collapsible||e.onRemove),isCardTextAction=e=>"object"==typeof e&&null!==e&&!_react.default.isValidElement(e)&&"label"in e&&"onPress"in e,HIT_TARGET=44,CardIconAction=({icon:e,label:t,onPress:i,expanded:s,color:r,haptic:n})=>{const a=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:t,accessibilityState:void 0===s?void 0:{expanded:s},"aria-expanded":s,onPress:()=>{n&&(0,_hapticUtils.triggerHaptic)(n),i()},style:iconActionStyle,children:(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:e,size:20,color:r??a.colors["text-body"]})})},CardTextActionButton=({action:e,haptic:t})=>{const i=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.accessibilityLabel??e.label,onPress:()=>{t&&(0,_hapticUtils.triggerHaptic)(t),e.onPress()},style:textActionStyle,children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"label",weight:"semibold",color:i.colors.primary,children:e.label})})},iconActionStyle={width:44,height:44,alignItems:"center",justifyContent:"center"},textActionStyle={minWidth:44,minHeight:44,alignItems:"center",justifyContent:"center"},titleFaceFor=(e,t)=>"serif"===t?(0,_index.fontFor)(e,"semibold","display"):{fontFamily:void 0,...(0,_index.fontFor)(e,"semibold")},resolveBackground=(e,t)=>{if(null!=t)return BACKGROUND_TOKENS.includes(t)?e.colors[t]:t},buildStyles=e=>_reactNative.StyleSheet.create({header:{marginBottom:e.space.md},headerRow:{flexDirection:"row",alignItems:"center",gap:e.space.sm},headerFolded:{marginBottom:e.space.none},titleColumn:{flex:1},lead:{marginTop:e.space.xs},actionNode:{flexShrink:0},body:{flexShrink:1},footer:{marginTop:e.space.md},imageWrapper:{position:"relative"},imageOverlay:{..._reactNative.StyleSheet.absoluteFill},squircleClip:{flexGrow:1,overflow:"hidden",..._corners.smoothCorners},preview:{margin:e.space.none,marginTop:e.space.none,marginBottom:e.space.none,marginLeft:e.space.none,marginRight:e.space.none,marginStart:e.space.none,marginEnd:e.space.none,marginHorizontal:e.space.none,marginVertical:e.space.none,position:"relative",top:0,left:0,width:"100%",height:"100%"}}),stylesFor=(0,_themeStyles.themeStyles)(buildStyles);var _default=exports.default=Card;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_CARD_LABELS=exports.Card=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_useControllableState=require("../../hooks/useControllableState.js"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_mergeRefs=require("../../utils/mergeRefs.js"),_shadows=require("../../utils/shadows.js"),_squircle=require("../../utils/squircle.js"),_themeStyles=require("../../utils/themeStyles.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_AppIcon=require("../AppIcon/AppIcon.js"),_useContextMenu=require("../Menu/useContextMenu.js"),_index2=require("../Skeleton/index.js"),_SquircleFill=require("../SquircleFill/SquircleFill.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var i,s,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(s in e)"default"!==s&&{}.hasOwnProperty.call(e,s)&&((i=r&&Object.getOwnPropertyDescriptor(e,s))&&(i.get||i.set)?r(a,s,i):a[s]=e[s]);return a}const BACKGROUND_TOKENS=["bg","bg-subtle","bg-muted","surface","scrim","surface-inverse"],DEFAULT_CARD_LABELS=exports.DEFAULT_CARD_LABELS=Object.freeze({remove:"Remove",show:"Show",hide:"Hide",loading:"Loading"}),paddingMap={none:"none",sm:"sm",md:"lg",lg:"xl",xl:"2xl"},Card=exports.Card=_react.default.memo((0,_react.forwardRef)((e,t)=>{const{children:i,variant:s="elevated",elevation:r="card",radius:a="lg",padding:n="md",interactive:o=!1,bg:l,header:d,title:c,titleFont:u="sans",lead:h,action:_,headerActions:x,collapsible:m=!1,collapsed:p,defaultCollapsed:b=!1,onCollapsedChange:g,collapsedSummary:j,onRemove:y,separatorHeight:v=_reactNative.StyleSheet.hairlineWidth,footer:R,imageSource:f,imageHeight:S=160,imageAspectRatio:C,imageOverlay:w,loading:A=!1,gradient:q,onPress:N,haptic:F,contextMenu:L,accessibilityLabel:I,accessibilityHint:k,accessibilityRole:T,style:V,containerStyle:B,headerStyle:P,bodyStyle:D,footerStyle:M,borderRadius:z,testID:H,labels:E,onLayout:O,...W}=e;(0,_warnInvalidValue.warnInvalidValue)("Card","variant",e.variant,["elevated","outline","filled","flat"]),(0,_warnInvalidValue.warnInvalidValue)("Card","radius",e.radius,["sm","md","lg","xl"]),(0,_warnInvalidValue.warnInvalidValue)("Card","padding",e.padding,["none","sm","md","lg","xl"]),(0,_warnInvalidValue.warnInvalidValue)("Card","titleFont",e.titleFont,["sans","serif"]);const U=(0,_index.useTheme)(),G=(0,_react.useMemo)(()=>({...DEFAULT_CARD_LABELS,...E}),[E]),K=o||"function"==typeof N,$=(0,_useContextMenu.useContextMenu)(L,{haptic:F||!1,testID:H,accessibilityActions:W.accessibilityActions,onAccessibilityAction:W.onAccessibilityAction}),J=(0,_react.useMemo)(()=>(0,_mergeRefs.mergeRefs)(t,$.hostRef),[t,$.hostRef]),Q=K||$.enabled,{style:X,pressIn:Y,pressOut:Z}=(0,_usePressAnimation.usePressAnimation)({enabled:Q}),ee=stylesFor(U),te=Boolean(f),ie=U.space[paddingMap[n]],se=(0,_react.useMemo)(()=>q?"string"==typeof q?U.settings.gradients[q]??null:q:null,[q,U.settings.gradients]),re="flat"===s,ae=re?U.radius.none:z??U.radius[a],ne=resolveBackground(U,l),[oe,le]=(0,_useControllableState.useControllableState)({value:p,defaultValue:b,onChange:g}),de=m&&oe,ce=hasBuiltInHeaderContent(e),ue=Boolean(d)||ce,he=(0,_SquircleFill.useSquircle)(!te&&!se&&!re,ae,O),xe=_reactNative.StyleSheet.flatten([V,B])??{},me=xe.backgroundColor,pe=xe.borderColor,be=me??ne??("filled"===s?U.colors["bg-subtle"]:U.colors.surface),ge="outline"===s?U.size.border:0,je=pe??U.colors.border,ye="none"===r?void 0:U.shadow[r],ve="elevated"===s&&(0,_shadows.supportsBoxShadow)()&&ye?(0,_shadows.toBoxShadow)(ye):void 0,Re=he.active&&"elevated"===s&&!ve,fe=he.active&&!Re?{backgroundColor:"transparent",borderColor:"transparent"}:null,Se=(0,_react.useMemo)(()=>{const e={borderRadius:Re&&he.size?(0,_squircle.squircleHostRadius)(he.size.width,he.size.height,ae):ae,..._corners.smoothCorners,padding:te||he.active?U.space.none:ie,overflow:he.active?"visible":"hidden"};switch(s){case"flat":return{...e,backgroundColor:ne??U.colors.surface,borderBottomWidth:v,borderBottomColor:U.colors.border};case"outline":return{...e,backgroundColor:he.active?"transparent":ne??U.colors.surface,borderWidth:U.size.border,borderColor:he.active?"transparent":U.colors.border};case"filled":return{...e,backgroundColor:he.active?"transparent":ne??U.colors["bg-subtle"]};default:return{...e,backgroundColor:ne??U.colors.surface,...ve?{boxShadow:ve}:ye}}},[U,s,ye,ae,te,ie,he.active,he.size,ve,Re,ne,v]),Ce=(0,_react.useMemo)(()=>({..."number"==typeof C?{width:"100%",aspectRatio:C}:{width:"100%",height:S},borderTopLeftRadius:ae,borderTopRightRadius:ae,borderBottomLeftRadius:U.radius.none,borderBottomRightRadius:U.radius.none,..._corners.smoothCorners}),[U,ae,C,S]),we=c??"",Ae=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:ee.titleColumn,children:[c?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"title",accessibilityRole:"header",style:titleFaceFor(U,u),children:c}):null,h?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",style:ee.lead,children:h}):null,de&&j?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",style:ee.lead,children:j}):null]}),isCardTextAction(_)?(0,_jsxRuntime.jsx)(CardTextActionButton,{action:_,haptic:F}):_?(0,_jsxRuntime.jsx)(_reactNative.View,{style:ee.actionNode,children:_}):null,x,m?(0,_jsxRuntime.jsx)(CardIconAction,{icon:de?"chevron-down":"chevron-up",label:`${de?G.show:G.hide} ${we}`.trim(),expanded:!de,onPress:()=>le(!de),haptic:F}):null,y?(0,_jsxRuntime.jsx)(CardIconAction,{icon:"trash",label:G.remove,onPress:y,color:U.colors["danger-text"],haptic:F}):null]}),qe=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[ue?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[ee.header,!d&&ee.headerRow,de&&ee.headerFolded,P],children:d??Ae}):null,de?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[ue||R?ee.body:null,D],children:i}),R&&!de?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[ee.footer,M],children:R}):null]}),Ne=te?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:ee.imageWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:f,resizeMode:"cover",style:Ce,accessibilityLabel:"",accessible:!1}),w?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"box-none",style:ee.imageOverlay,children:w}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{padding:ie},children:qe})]}):qe,Fe=se?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:se,style:_reactNative.StyleSheet.absoluteFill}),Ne]}):he.active&&he.size?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_SquircleFill.SquircleFill,{width:he.size.width,height:he.size.height,radius:ae,fill:be,stroke:ge?je:void 0,strokeWidth:ge,outset:ge}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[ee.squircleClip,{padding:ie,borderRadius:he.size?(0,_squircle.squircleHostRadius)(he.size.width,he.size.height,ae):ae}],children:Ne})]}):Ne;let Le;if(Q){const handlePress=e=>{K&&(F&&(0,_hapticUtils.triggerHaptic)(F),N?.(e))};Le=(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:X,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:J,onPress:handlePress,onPressIn:Y,onPressOut:Z,accessibilityRole:T??(K?"button":void 0),accessibilityLabel:I,accessibilityHint:k,testID:H,onLayout:he.onLayout,style:[Se,V,B,fe],...W,...$.hostProps,children:Fe})})}else Le=(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityLabel:I,accessibilityHint:k,accessibilityRole:T,testID:H,onLayout:he.onLayout,style:[Se,V,B,fe],...W,children:Fe});return A?(0,_jsxRuntime.jsx)(CardSkeleton,{...e}):$.enabled?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[Le,$.renderSurface((0,_jsxRuntime.jsx)(_reactNative.View,{style:[Se,V,B,fe,ee.preview],children:Fe}))]}):Le}));Card.displayName="Card";const CardSkeleton=({variant:e="elevated",elevation:t,radius:i="lg",padding:s="md",bg:r,header:a,footer:n,imageSource:o,imageHeight:l=160,imageAspectRatio:d,borderRadius:c,containerStyle:u,headerStyle:h,bodyStyle:_,footerStyle:x,style:m,labels:p,...b})=>{const g=(0,_index.useTheme)(),j={...DEFAULT_CARD_LABELS,...p},y=paddingMap[s],v=g.space[y],R="flat"===e?g.radius.none:c??g.radius[i],f=void 0!==a||hasBuiltInHeaderContent(b),S=resolveBackground(g,r)??g.colors.surface,C="outline"===e?1:0,w="outline"===e?g.colors.border:void 0;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{backgroundColor:S,borderRadius:R,..._corners.smoothCorners,borderWidth:C,borderColor:w,overflow:"hidden"},u,m],accessibilityRole:"progressbar",accessibilityLabel:j.loading,accessibilityState:{busy:!0},"aria-busy":!0,children:[void 0!==o?(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:"100%",height:d?void 0:l,style:d?{aspectRatio:d,width:"100%"}:void 0}):null,f?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{padding:v,paddingBottom:g.space.sm},h],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"60%",height:18})}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{padding:v},_],children:(0,_jsxRuntime.jsx)(_index2.SkeletonText,{lines:3,fontSize:g.text.base.size,lastLineWidth:"55%"})}),void 0!==n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{padding:v,paddingTop:g.space.sm,flexDirection:"row"},x],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:88,height:32,shape:"rounded"})}):null]})};CardSkeleton.displayName="CardSkeleton",Card.Skeleton=CardSkeleton;const hasBuiltInHeaderContent=e=>Boolean(e.title||e.lead||e.action||e.headerActions||e.collapsible||e.onRemove),isCardTextAction=e=>"object"==typeof e&&null!==e&&!_react.default.isValidElement(e)&&"label"in e&&"onPress"in e,HIT_TARGET=44,CardIconAction=({icon:e,label:t,onPress:i,expanded:s,color:r,haptic:a})=>{const n=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:t,accessibilityState:void 0===s?void 0:{expanded:s},"aria-expanded":s,onPress:()=>{a&&(0,_hapticUtils.triggerHaptic)(a),i()},style:iconActionStyle,children:(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:e,size:20,color:r??n.colors["text-body"]})})},CardTextActionButton=({action:e,haptic:t})=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.accessibilityLabel??e.label,onPress:()=>{t&&(0,_hapticUtils.triggerHaptic)(t),e.onPress()},style:textActionStyle,children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"label",weight:"semibold",color:"brand",children:e.label})}),iconActionStyle={width:44,height:44,alignItems:"center",justifyContent:"center"},textActionStyle={minWidth:44,minHeight:44,alignItems:"center",justifyContent:"center"},titleFaceFor=(e,t)=>"serif"===t?(0,_index.fontFor)(e,"semibold","display"):{fontFamily:void 0,...(0,_index.fontFor)(e,"semibold")},resolveBackground=(e,t)=>{if(null!=t)return BACKGROUND_TOKENS.includes(t)?e.colors[t]:t},buildStyles=e=>_reactNative.StyleSheet.create({header:{marginBottom:e.space.md},headerRow:{flexDirection:"row",alignItems:"center",gap:e.space.sm},headerFolded:{marginBottom:e.space.none},titleColumn:{flex:1},lead:{marginTop:e.space.xs},actionNode:{flexShrink:0},body:{flexShrink:1},footer:{marginTop:e.space.md},imageWrapper:{position:"relative"},imageOverlay:{..._reactNative.StyleSheet.absoluteFill},squircleClip:{flexGrow:1,overflow:"hidden",..._corners.smoothCorners},preview:{margin:e.space.none,marginTop:e.space.none,marginBottom:e.space.none,marginLeft:e.space.none,marginRight:e.space.none,marginStart:e.space.none,marginEnd:e.space.none,marginHorizontal:e.space.none,marginVertical:e.space.none,position:"relative",top:0,left:0,width:"100%",height:"100%"}}),stylesFor=(0,_themeStyles.themeStyles)(buildStyles);var _default=exports.default=Card;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Carousel=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_index3=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const CarouselInner=(0,_react.forwardRef)((e,t)=>{const{data:n,renderItem:r,keyExtractor:a,index:i,defaultIndex:s=0,onIndexChange:l,onScrollOffsetChange:c,autoPlay:o=!1,autoPlayInterval:u=4e3,loop:d=!1,showPagination:m=!0,paginationStyle:h="dots",itemWidth:x="screen",spacing:_=0,containerStyle:g,accessibilityLabel:b,testID:p,showThumbnails:y=!1,haptic:f,renderThumbnail:v,loading:S=!1}=e,j=(0,_index.useTheme)(),R="number"==typeof i,w=d||o,[C,k]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window").width),I="screen"===x?C:x,N=I+_,T=(0,_react.useRef)(null),A=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,E=clamp(R?i:s,0,Math.max(0,n.length-1)),[V,z]=(0,_react.useState)(E),M=(0,_react.useRef)(null),H=(0,_react.useRef)(null),P=(0,_react.useRef)(!1),D=(0,_react.useRef)(V);D.current=V;const $=(0,_react.useCallback)(e=>{const t=clamp(e,0,Math.max(0,n.length-1));z(e=>e===t?e:(l?.(t),t))},[n.length,l]),W=(0,_react.useCallback)((e,t=!0)=>{if(0===n.length)return;const r=clamp(e,0,n.length-1);T.current?.scrollToOffset({offset:r*N,animated:t}),$(r)},[n.length,N,$]),L=(0,_react.useCallback)(()=>{if(0===n.length)return;const e=D.current+1;e>=n.length?w&&W(0,!1):W(e,!0)},[n.length,w,W]),q=(0,_react.useCallback)(()=>{if(0===n.length)return;const e=D.current-1;e<0?w&&W(n.length-1,!1):W(e,!0)},[n.length,w,W]);(0,_react.useImperativeHandle)(t,()=>({scrollTo:W,next:L,prev:q}),[W,L,q]),(0,_react.useEffect)(()=>{R&&i!==V&&W(i,!0)},[i]);const O=(0,_react.useCallback)(()=>{M.current&&(clearInterval(M.current),M.current=null)},[]),F=(0,_react.useCallback)(()=>{!o||n.length<=1||(O(),M.current=setInterval(()=>{if(P.current)return;const e=D.current+1;e>=n.length?W(0,!1):W(e,!0)},u))},[o,u,n.length,W,O]);(0,_react.useEffect)(()=>(F(),()=>{O(),H.current&&clearTimeout(H.current)}),[F,O]),(0,_react.useEffect)(()=>{const e=_reactNative.AppState.addEventListener("change",e=>{"active"!==e?(O(),H.current&&(clearTimeout(H.current),H.current=null)):F()});return()=>e.remove()},[F,O]);const X=m&&n.length>1&&"numbers"!==h||void 0!==c,B=(0,_react.useMemo)(()=>_reactNative.Animated.event([{nativeEvent:{contentOffset:{x:A}}}],{useNativeDriver:!1,listener:c?e=>c(e.nativeEvent.contentOffset.x):void 0}),[A,c]),G=(0,_react.useCallback)(e=>{if(N<=0)return;const t=e.nativeEvent.contentOffset.x,n=Math.round(t/N);$(n)},[N,$]),J=(0,_react.useCallback)(()=>{P.current=!0,O(),H.current&&(clearTimeout(H.current),H.current=null)},[O]),K=(0,_react.useCallback)(()=>{P.current=!1,o&&(H.current&&clearTimeout(H.current),H.current=setTimeout(()=>{F()},1e3))},[o,F]),Q=(0,_react.useCallback)(e=>{switch(e.nativeEvent.actionName){case"increment":L();break;case"decrement":q()}},[L,q]),U=(0,_react.useMemo)(()=>buildStyles(j),[j]),Y=(0,_react.useCallback)(({item:e,index:t})=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:I,marginRight:t===n.length-1?0:_},accessibilityElementsHidden:t!==V,importantForAccessibility:t===V?"yes":"no-hide-descendants",children:r(e,t)}),[r,I,_,n.length,V]),Z=(0,_react.useCallback)((e,t)=>String(t),[]),ee=(0,_react.useCallback)((e,t)=>({length:N,offset:N*t,index:t}),[N]);return S?(0,_jsxRuntime.jsx)(CarouselSkeleton,{...e,containerWidth:C}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[U.container,g],onLayout:e=>k(e.nativeEvent.layout.width),accessibilityRole:"adjustable",accessibilityLabel:b??"Carousel",accessibilityValue:{min:0,max:Math.max(0,n.length-1),now:V,text:`Slide ${V+1} of ${n.length}`},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:Q,testID:p,children:[(0,_jsxRuntime.jsx)(_reactNative.FlatList,{ref:T,data:n,keyExtractor:a??Z,renderItem:Y,horizontal:!0,pagingEnabled:"screen"===x&&0===_,snapToInterval:N,snapToAlignment:"start",decelerationRate:"fast",showsHorizontalScrollIndicator:!1,onScroll:X?B:void 0,scrollEventThrottle:X?16:void 0,onMomentumScrollEnd:G,onScrollBeginDrag:J,onScrollEndDrag:K,getItemLayout:ee,initialScrollIndex:E,bounces:!1}),m&&n.length>1?(0,_jsxRuntime.jsx)(Pagination,{count:n.length,currentIndex:V,scrollX:A,slideStride:N,variant:h,theme:j}):null,y&&n.length>0?(0,_jsxRuntime.jsx)(ThumbnailStrip,{data:n,currentIndex:V,renderThumbnail:v,onSelect:e=>{const t=(0,_index2.resolveHaptic)(f,"selection");t&&(0,_index2.triggerHaptic)(t),W(e,!0)},theme:j}):null]})});CarouselInner.displayName="Carousel";const CarouselSkeleton=({itemWidth:e="screen",showPagination:t=!0,paginationStyle:n="dots",containerStyle:r,containerWidth:a})=>{const i=(0,_index.useTheme)(),s="screen"===e?a||320:e;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[carouselSkeletonStyles.container,r],children:[(0,_jsxRuntime.jsx)(_index3.Skeleton,{width:s,height:160,radius:"md"}),t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[carouselSkeletonStyles.paginationRow,{marginTop:i.space.md}],children:Array.from({length:3}).map((e,t)=>"numbers"===n?(0,_jsxRuntime.jsx)(_index3.Skeleton,{width:24,height:16,radius:"sm",style:{marginHorizontal:i.space.xs}},`sk-pg-${t}`):"bars"===n?(0,_jsxRuntime.jsx)(_index3.Skeleton,{width:20,height:4,radius:"pill",style:{marginHorizontal:i.space.xxs}},`sk-pg-${t}`):(0,_jsxRuntime.jsx)(_index3.Skeleton,{shape:"circle",width:8,height:8,style:{marginHorizontal:i.space.xs}},`sk-pg-${t}`))}):null]})};CarouselSkeleton.displayName="CarouselSkeleton";const carouselSkeletonStyles=_reactNative.StyleSheet.create({container:{alignItems:"center"},paginationRow:{flexDirection:"row",justifyContent:"center"}}),Carousel=exports.Carousel=CarouselInner;Carousel.Skeleton=CarouselSkeleton;const Pagination=({count:e,currentIndex:t,scrollX:n,slideStride:r,variant:a,theme:i})=>{const s=(0,_react.useMemo)(()=>buildPaginationStyles(i),[i]);if("numbers"===a)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:s.numbersWrap,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[s.numbersText,{color:i.colors["text-muted"],fontSize:i.text.sm.size,fontWeight:i.weight.medium}],accessibilityLabel:`Slide ${t+1} of ${e}`,children:`${t+1} / ${e}`})});const l=Array.from({length:e},(e,t)=>t),c="bars"===a,o=c?24:6,u=c?36:16,d=c?3:6;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:s.dotRow,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:l.map(e=>{const a=[(e-1)*r,e*r,(e+1)*r],s=n.interpolate({inputRange:a,outputRange:[o,u,o],extrapolate:"clamp"}),l=n.interpolate({inputRange:a,outputRange:[.5,1,.5],extrapolate:"clamp"});return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[{width:s,height:d,marginHorizontal:i.space.xs,borderRadius:i.radius.pill,..._corners.smoothCorners,backgroundColor:e===t?i.colors.primary:i.colors.border,opacity:l}]},e)})})},ThumbnailStrip=({data:e,currentIndex:t,renderThumbnail:n,onSelect:r,theme:a})=>{const i=(0,_react.useMemo)(()=>buildThumbStyles(a),[a]);return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:i.row,accessibilityRole:"tablist",children:e.map((e,s)=>(0,_jsxRuntime.jsx)(ThumbnailItem,{item:e,index:s,isActive:s===t,renderThumbnail:n,onPress:()=>r(s),theme:a,styles:i},s))})},ThumbnailItem=({item:e,index:t,isActive:n,renderThumbnail:r,onPress:a,theme:i,styles:s})=>{const l=(0,_react.useRef)((0,_index.createAnimatedValue)(n?1.1:1)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(l,{toValue:n?1.1:1,useNativeDriver:!0,friction:6,tension:80});return e.start(),()=>e.stop()},[n,l]);const c=(0,_react.useMemo)(()=>r?r(e,t):e&&"object"==typeof e&&"uri"in e&&"string"==typeof e.uri?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:e.uri},style:s.image,resizeMode:"cover"}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[s.placeholder,{backgroundColor:i.colors["bg-subtle"]}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:i.colors["text-muted"],fontSize:i.text.xs.size,fontWeight:i.weight.semibold},children:t+1})}),[e,t,r,i,s]);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:a,accessibilityRole:"tab",accessibilityState:{selected:n},"aria-selected":n,accessibilityLabel:`Go to slide ${t+1}`,children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[s.thumb,{borderColor:n?i.colors.primary:"transparent",transform:[{scale:l}]}],children:c})})},buildThumbStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.space.sm,paddingVertical:e.space.sm},thumb:{width:40,height:40,marginHorizontal:e.space.xs,borderRadius:e.radius.sm,..._corners.smoothCorners,borderWidth:2,overflow:"hidden"},image:{width:"100%",height:"100%"},placeholder:{flex:1,alignItems:"center",justifyContent:"center"}}),clamp=(e,t,n)=>Math.min(Math.max(e,t),n),buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"}}),buildPaginationStyles=e=>_reactNative.StyleSheet.create({dotRow:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:e.space.md},numbersWrap:{alignItems:"center",justifyContent:"center",paddingVertical:e.space.md},numbersText:{textAlign:"center"}});var _default=exports.default=Carousel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_CAROUSEL_LABELS=exports.Carousel=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index3=require("../Skeleton/index.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_CAROUSEL_LABELS=exports.DEFAULT_CAROUSEL_LABELS=Object.freeze({carousel:"Carousel",slideOf:(e,t)=>`Slide ${e} of ${t}`,goToSlide:e=>`Go to slide ${e}`}),CarouselInner=(0,_react.forwardRef)((e,t)=>{const{data:n,renderItem:r,keyExtractor:a,index:i,defaultIndex:s=0,onIndexChange:l,onScrollOffsetChange:c,autoPlay:o=!1,autoPlayInterval:u=4e3,loop:d=!1,showPagination:m=!0,paginationStyle:h="dots",itemWidth:x="screen",spacing:_=0,containerStyle:g,accessibilityLabel:b,testID:p,showThumbnails:y=!1,haptic:S,renderThumbnail:v,loading:f=!1,labels:j}=e;(0,_warnInvalidValue.warnInvalidValue)("Carousel","paginationStyle",e.paginationStyle,["dots","bars","numbers"]);const R=(0,_react.useMemo)(()=>({...DEFAULT_CAROUSEL_LABELS,...j}),[j]),w=(0,_index.useTheme)(),C="number"==typeof i,T=d||o,[I,E]=(0,_react.useState)(()=>_reactNative.Dimensions.get("window").width),A="screen"===x?I:x,N=A+_,k=(0,_react.useRef)(null),L=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,V=clamp(C?i:s,0,Math.max(0,n.length-1)),[O,D]=(0,_react.useState)(V),M=(0,_react.useRef)(null),P=(0,_react.useRef)(null),H=(0,_react.useRef)(!1),z=(0,_react.useRef)(O);z.current=O;const q=(0,_react.useCallback)(e=>{const t=clamp(e,0,Math.max(0,n.length-1));D(e=>e===t?e:(l?.(t),t))},[n.length,l]),U=(0,_react.useCallback)((e,t=!0)=>{if(0===n.length)return;const r=clamp(e,0,n.length-1);k.current?.scrollToOffset({offset:r*N,animated:t}),q(r)},[n.length,N,q]),F=(0,_react.useCallback)(()=>{if(0===n.length)return;const e=z.current+1;e>=n.length?T&&U(0,!1):U(e,!0)},[n.length,T,U]),W=(0,_react.useCallback)(()=>{if(0===n.length)return;const e=z.current-1;e<0?T&&U(n.length-1,!1):U(e,!0)},[n.length,T,U]);(0,_react.useImperativeHandle)(t,()=>({scrollTo:U,next:F,prev:W}),[U,F,W]),(0,_react.useEffect)(()=>{C&&i!==O&&U(i,!0)},[i]);const B=(0,_react.useCallback)(()=>{M.current&&(clearInterval(M.current),M.current=null)},[]),$=(0,_react.useCallback)(()=>{!o||n.length<=1||(B(),M.current=setInterval(()=>{if(H.current)return;const e=z.current+1;e>=n.length?U(0,!1):U(e,!0)},u))},[o,u,n.length,U,B]);(0,_react.useEffect)(()=>($(),()=>{B(),P.current&&clearTimeout(P.current)}),[$,B]),(0,_react.useEffect)(()=>{const e=_reactNative.AppState.addEventListener("change",e=>{"active"!==e?(B(),P.current&&(clearTimeout(P.current),P.current=null)):$()});return()=>e.remove()},[$,B]);const G=m&&n.length>1&&"numbers"!==h||void 0!==c,K=(0,_react.useMemo)(()=>_reactNative.Animated.event([{nativeEvent:{contentOffset:{x:L}}}],{useNativeDriver:!1,listener:c?e=>c(e.nativeEvent.contentOffset.x):void 0}),[L,c]),X=(0,_react.useCallback)(e=>{if(N<=0)return;const t=e.nativeEvent.contentOffset.x,n=Math.round(t/N);q(n)},[N,q]),J=(0,_react.useCallback)(()=>{H.current=!0,B(),P.current&&(clearTimeout(P.current),P.current=null)},[B]),Q=(0,_react.useCallback)(()=>{H.current=!1,o&&(P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{$()},1e3))},[o,$]),Y=(0,_react.useCallback)(e=>{switch(e.nativeEvent.actionName){case"increment":F();break;case"decrement":W()}},[F,W]),Z=(0,_react.useMemo)(()=>buildStyles(w),[w]),ee=(0,_react.useCallback)(({item:e,index:t})=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:A,marginRight:t===n.length-1?0:_},accessibilityElementsHidden:t!==O,importantForAccessibility:t===O?"yes":"no-hide-descendants",children:r(e,t)}),[r,A,_,n.length,O]),te=(0,_react.useCallback)((e,t)=>String(t),[]),ne=(0,_react.useCallback)((e,t)=>({length:N,offset:N*t,index:t}),[N]);return f?(0,_jsxRuntime.jsx)(CarouselSkeleton,{...e,containerWidth:I}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[Z.container,g],onLayout:e=>E(e.nativeEvent.layout.width),accessibilityRole:"adjustable",accessibilityLabel:b??R.carousel,accessibilityValue:{min:0,max:Math.max(0,n.length-1),now:O,text:R.slideOf(O+1,n.length)},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:Y,testID:p,children:[(0,_jsxRuntime.jsx)(_reactNative.FlatList,{ref:k,data:n,keyExtractor:a??te,renderItem:ee,horizontal:!0,pagingEnabled:"screen"===x&&0===_,snapToInterval:N,snapToAlignment:"start",decelerationRate:"fast",showsHorizontalScrollIndicator:!1,onScroll:G?K:void 0,scrollEventThrottle:G?16:void 0,onMomentumScrollEnd:X,onScrollBeginDrag:J,onScrollEndDrag:Q,getItemLayout:ne,initialScrollIndex:V,bounces:!1}),m&&n.length>1?(0,_jsxRuntime.jsx)(Pagination,{count:n.length,currentIndex:O,scrollX:L,slideStride:N,variant:h,theme:w,labels:R}):null,y&&n.length>0?(0,_jsxRuntime.jsx)(ThumbnailStrip,{data:n,currentIndex:O,renderThumbnail:v,labels:R,onSelect:e=>{const t=(0,_index2.resolveHaptic)(S,"selection");t&&(0,_index2.triggerHaptic)(t),U(e,!0)},theme:w}):null]})});CarouselInner.displayName="Carousel";const CarouselSkeleton=({itemWidth:e="screen",showPagination:t=!0,paginationStyle:n="dots",containerStyle:r,containerWidth:a})=>{const i=(0,_index.useTheme)(),s="screen"===e?a||320:e;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[carouselSkeletonStyles.container,r],children:[(0,_jsxRuntime.jsx)(_index3.Skeleton,{width:s,height:160,radius:"md"}),t?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[carouselSkeletonStyles.paginationRow,{marginTop:i.space.md}],children:SKELETON_PAGINATION_DOTS.map(e=>"numbers"===n?(0,_jsxRuntime.jsx)(_index3.Skeleton,{width:24,height:16,radius:"sm",style:{marginHorizontal:i.space.xs}},e):"bars"===n?(0,_jsxRuntime.jsx)(_index3.Skeleton,{width:20,height:4,radius:"pill",style:{marginHorizontal:i.space.xxs}},e):(0,_jsxRuntime.jsx)(_index3.Skeleton,{shape:"circle",width:8,height:8,style:{marginHorizontal:i.space.xs}},e))}):null]})};CarouselSkeleton.displayName="CarouselSkeleton";const SKELETON_PAGINATION_DOTS=["first","second","third"],carouselSkeletonStyles=_reactNative.StyleSheet.create({container:{alignItems:"center"},paginationRow:{flexDirection:"row",justifyContent:"center"}}),Carousel=exports.Carousel=CarouselInner;Carousel.Skeleton=CarouselSkeleton;const Pagination=({count:e,currentIndex:t,scrollX:n,slideStride:r,variant:a,theme:i,labels:s})=>{const l=(0,_react.useMemo)(()=>buildPaginationStyles(i),[i]);if("numbers"===a)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.numbersWrap,children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",weight:"medium",color:"secondary",style:l.numbersText,accessibilityLabel:s.slideOf(t+1,e),children:`${t+1} / ${e}`})});const c=Array.from({length:e},(e,t)=>t),o="bars"===a,u=o?24:6,d=o?36:16,m=o?3:6;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.dotRow,accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:c.map(e=>{const a=[(e-1)*r,e*r,(e+1)*r],s=n.interpolate({inputRange:a,outputRange:[u,d,u],extrapolate:"clamp"}),l=n.interpolate({inputRange:a,outputRange:[.5,1,.5],extrapolate:"clamp"});return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[{width:s,height:m,marginHorizontal:i.space.xs,borderRadius:i.radius.pill,..._corners.smoothCorners,backgroundColor:e===t?i.colors.primary:i.colors.border,opacity:l}]},e)})})},ThumbnailStrip=({data:e,currentIndex:t,renderThumbnail:n,onSelect:r,theme:a,labels:i})=>{const s=(0,_react.useMemo)(()=>buildThumbStyles(a),[a]);return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:s.row,accessibilityRole:"tablist",children:e.map((e,l)=>(0,_jsxRuntime.jsx)(ThumbnailItem,{item:e,index:l,isActive:l===t,renderThumbnail:n,onPress:()=>r(l),theme:a,styles:s,labels:i},l))})},ThumbnailItem=({item:e,index:t,isActive:n,renderThumbnail:r,onPress:a,theme:i,styles:s,labels:l})=>{const c=(0,_react.useRef)((0,_index.createAnimatedValue)(n?1.1:1)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(c,{toValue:n?1.1:1,useNativeDriver:!0,friction:6,tension:80});return e.start(),()=>e.stop()},[n,c]);const o=(0,_react.useMemo)(()=>r?r(e,t):e&&"object"==typeof e&&"uri"in e&&"string"==typeof e.uri?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:e.uri},style:s.image,resizeMode:"cover"}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[s.placeholder,{backgroundColor:i.colors["bg-subtle"]}],children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",weight:"semibold",color:"secondary",children:t+1})}),[e,t,r,i,s]);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:a,accessibilityRole:"tab",accessibilityState:{selected:n},"aria-selected":n,accessibilityLabel:l.goToSlide(t+1),children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[s.thumb,{borderColor:n?i.colors.primary:"transparent",transform:[{scale:c}]}],children:o})})},buildThumbStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.space.sm,paddingVertical:e.space.sm},thumb:{width:40,height:40,marginHorizontal:e.space.xs,borderRadius:e.radius.sm,..._corners.smoothCorners,borderWidth:2,overflow:"hidden"},image:{width:"100%",height:"100%"},placeholder:{flex:1,alignItems:"center",justifyContent:"center"}}),clamp=(e,t,n)=>Math.min(Math.max(e,t),n),buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"}}),buildPaginationStyles=e=>_reactNative.StyleSheet.create({dotRow:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:e.space.md},numbersWrap:{alignItems:"center",justifyContent:"center",paddingVertical:e.space.md},numbersText:{textAlign:"center"}});var _default=exports.default=Carousel;

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

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

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Checkbox=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,i,s=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)&&((t=s&&Object.getOwnPropertyDescriptor(e,i))&&(t.get||t.set)?s(a,i,t):a[i]=e[i]);return a}const CHECKBOX_SHAPES=["circle"],toneColor=(e,r)=>{switch(r){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},toneOnColor=(e,r)=>{switch(r){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"]}},Checkbox=exports.Checkbox=(0,_react.forwardRef)((e,r)=>{const{checked:t,defaultChecked:i,onChange:s,indeterminate:a=!1,disabled:o=!1,label:n,description:l,error:c,help:d,labelLines:u,size:h="md",tone:p="primary",shape:x,accessibilityLabel:_,haptic:b,style:m,boxStyle:f,indeterminateBarStyle:g,containerStyle:y,labelStyle:j,testID:v,hitSlop:C,...w}=e,[S,k]=(0,_index.useControllableState)({value:t,defaultValue:i??!1,onChange:s}),R=(0,_index2.useTheme)(),T=(0,_react.useMemo)(()=>buildStyles(R),[R]),{"box-size":q}=(0,_react.useMemo)(()=>(0,_index2.resolveCheckboxSize)(R,h),[R,h]),N=R.size.border,B=(0,_index2.spaceOf)(R,R.components.checkbox["label-gap"]),F=toneColor(R,p),M=C??6;(0,_warnInvalidValue.warnInvalidValue)("Checkbox","shape",x,CHECKBOX_SHAPES);const O="circle"===x,V=S||a,I=(0,_react.useRef)((0,_index2.createAnimatedValue)(V?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(I,{toValue:V?1:0,damping:R.motion.spring.snappy.damping,stiffness:R.motion.spring.snappy.stiffness,mass:R.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[V,I,R.motion.spring.snappy]);const L=I.interpolate({inputRange:[0,1],outputRange:[0,1]}),P=_??(0,_FieldBase.fieldTextAsString)(n),D=!0===c||(0,_FieldBase.hasFieldText)(c),H=V?F:o?R.colors.border:D?R.colors["field-border-error"]:R.colors.border,W=V?F:o?R.colors["surface-disabled"]:"transparent",A=o&&!V?R.colors["text-disabled"]:toneOnColor(R,p),E=Math.round(.72*q),z=Math.round(.55*q),U=Math.max(2,Math.round(.12*q)),K=(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:r,onPress:e=>{if(o)return;const r=(0,_hapticUtils.resolveHaptic)(b,"selection");r&&(0,_hapticUtils.triggerHaptic)(r),k(!S),w.onPressOut?.(e)},disabled:o,accessibilityRole:"checkbox",accessibilityLabel:P,accessibilityHint:w.accessibilityHint??(0,_FieldBase.fieldTextAsString)(l),accessibilityState:{checked:a?"mixed":S,disabled:o},"aria-checked":a?"mixed":S,"aria-disabled":o,testID:v,hitSlop:M,...(0,_hitSlop.hitSlopMarker)(M),...w,style:({pressed:e})=>[T.row,(0,_ChoiceText.hasChoiceDetail)(l,c)?T.rowTop:null,(0,_FieldBase.hasFieldText)(d)?T.rowShrink:null,{opacity:o?.55:e?.85:1},y,m],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.box,{width:q,height:q,borderWidth:N,borderRadius:O?q/2:R.radius.sm,...O?{}:_corners.smoothCorners,borderColor:H,backgroundColor:W},f],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[T.glyphWrap,{opacity:I,transform:[{scale:L}]}],children:a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:z,height:U,borderRadius:R.radius.pill,..._corners.smoothCorners,backgroundColor:A},g]}):(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:E,height:E,viewBox:"0 0 24 24",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:A,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})})})}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:n,description:l,error:c,disabled:o,labelLines:u||void 0,descriptionLines:u||void 0,style:{marginLeft:B},labelStyle:j})]});return(0,_FieldBase.hasFieldText)(d)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[T.helpRow,(0,_ChoiceText.hasChoiceDetail)(l,c)?T.rowTop:null],children:[K,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.help,{marginLeft:R.space.xs}],children:d})]}):K});Checkbox.displayName="Checkbox";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"},rowShrink:{flexShrink:1},helpRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},box:{alignItems:"center",justifyContent:"center"},glyphWrap:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Checkbox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Checkbox=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,i,s=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)&&((t=s&&Object.getOwnPropertyDescriptor(e,i))&&(t.get||t.set)?s(a,i,t):a[i]=e[i]);return a}const CHECKBOX_SHAPES=["circle"],toneColor=(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}},toneOnColor=(e,r)=>{switch(r){case"success":return e.colors["on-success"];case"warning":return e.colors["on-warning"];case"danger":return e.colors["on-danger"];case"info":return e.colors["on-info"];case"neutral":return e.colors["on-neutral"];default:return e.colors["on-primary"]}},Checkbox=exports.Checkbox=(0,_react.forwardRef)((e,r)=>{const{checked:t,defaultChecked:i,onChange:s,indeterminate:a=!1,disabled:n=!1,label:o,helperText:l,description:c,error:d,help:u,size:h="md",tone:p="primary",shape:x,accessibilityLabel:_,haptic:b,style:f,boxStyle:m,indeterminateBarStyle:g,containerStyle:y,labelStyle:w,testID:v,hitSlop:C,...j}=e,[S,k]=(0,_index.useControllableState)({value:t,defaultValue:i??!1,onChange:s}),R=(0,_index2.useTheme)(),T=(0,_react.useMemo)(()=>buildStyles(R),[R]),{"box-size":V}=(0,_react.useMemo)(()=>(0,_index2.resolveCheckboxSize)(R,h),[R,h]),I=R.size.border,q=(0,_index2.spaceOf)(R,R.components.checkbox["label-gap"]),N=toneColor(R,p),B=C??6;(0,_warnInvalidValue.warnInvalidValue)("Checkbox","shape",x,CHECKBOX_SHAPES),(0,_warnInvalidValue.warnInvalidValue)("Checkbox","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Checkbox","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const F="circle"===x,M="string"==typeof d?d:void 0,O={description:c,helperText:l,error:M},P=S||a,D=(0,_react.useRef)((0,_index2.createAnimatedValue)(P?1:0)).current;(0,_react.useEffect)(()=>{const e=_reactNative.Animated.spring(D,{toValue:P?1:0,damping:R.motion.spring.snappy.damping,stiffness:R.motion.spring.snappy.stiffness,mass:R.motion.spring.snappy.mass,useNativeDriver:!0});return e.start(),()=>e.stop()},[P,D,R.motion.spring.snappy]);const H=D.interpolate({inputRange:[0,1],outputRange:[0,1]}),W=_??(0,_FieldBase.fieldTextAsString)(o),A=!0===d||(0,_FieldBase.hasFieldText)(d),L=P?N:n?R.colors.border:A?R.colors["field-border-error"]:R.colors.border,z=P?N:n?R.colors["surface-disabled"]:"transparent",E=n&&!P?R.colors["text-disabled"]:toneOnColor(R,p),U=Math.round(.72*V),K=Math.round(.55*V),X=Math.max(2,Math.round(.12*V)),G=(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:r,onPress:e=>{if(n)return;const r=(0,_hapticUtils.resolveHaptic)(b,"selection");r&&(0,_hapticUtils.triggerHaptic)(r),k(!S),j.onPressOut?.(e)},disabled:n,accessibilityRole:"checkbox",accessibilityLabel:W,accessibilityHint:j.accessibilityHint??(0,_FieldBase.fieldTextAsString)(l??c),accessibilityState:{checked:a?"mixed":S,disabled:n},"aria-checked":a?"mixed":S,"aria-disabled":n,testID:v,hitSlop:B,...(0,_hitSlop.hitSlopMarker)(B),...j,style:({pressed:e})=>[T.row,(0,_ChoiceText.hasChoiceDetail)(O)?T.rowTop:null,(0,_FieldBase.hasFieldText)(u)?T.rowShrink:null,{opacity:n?.55:e?.85:1},y,f],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.box,{width:V,height:V,borderWidth:I,borderRadius:F?V/2:R.radius.sm,...F?{}:_corners.smoothCorners,borderColor:L,backgroundColor:z},m],children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[T.glyphWrap,{opacity:D,transform:[{scale:H}]}],children:a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:K,height:X,borderRadius:R.radius.pill,..._corners.smoothCorners,backgroundColor:E},g]}):(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:U,height:U,viewBox:"0 0 24 24",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M5 12.5l4.5 4.5L19 7.5",stroke:E,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})})})}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:o,helperText:l,description:c,error:M,disabled:n,style:{marginLeft:q},labelStyle:w})]});return(0,_FieldBase.hasFieldText)(u)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[T.helpRow,(0,_ChoiceText.hasChoiceDetail)(O)?T.rowTop:null],children:[G,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[T.help,{marginLeft:R.space.xs}],children:u})]}):G});Checkbox.displayName="Checkbox";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"},rowShrink:{flexShrink:1},helpRow:{flexDirection:"row",alignItems:"center"},help:{flexShrink:0},box:{alignItems:"center",justifyContent:"center"},glyphWrap:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Checkbox;