@webority/mobile-ui 0.104.1 → 0.107.0

package/lib/commonjs/components/Chip/Chip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Chip=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.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("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const toneFor=(e,r)=>{switch(r){case"primary":return{base:e.colors["primary-soft"],on:e.colors.primary,ink:e.colors["primary-text"],border:e.colors.primary,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"success":return{base:e.colors["bg-muted"],on:e.colors.success,ink:e.colors["success-text"],border:e.colors.success,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"warning":return{base:e.colors["bg-muted"],on:e.colors.warning,ink:e.colors["warning-text"],border:e.colors.warning,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"danger":return{base:e.colors["bg-muted"],on:e.colors.danger,ink:e.colors["danger-text"],border:e.colors.danger,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"info":return{base:e.colors["bg-muted"],on:e.colors.info,ink:e.colors["info-text"],border:e.colors.info,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};default:return{base:e.colors["bg-muted"],on:e.colors["text-body"],ink:e.colors["text-body"],border:e.colors.border,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary}}},SOFT_FILL_OPACITY=.14,SOFT_SELECTED_FILL_OPACITY=.24,hasChipCount=e=>null!=e&&""!==e,Chip=exports.Chip=(0,_react.forwardRef)((e,r)=>{const{label:t,count:s,selected:o=!1,selectionMode:i="single",onPress:l,onClose:n,leftIcon:c,iconVariant:a,variant:d="filled",tone:u="neutral",size:p="md",disabled:m=!1,loading:h=!1,accessibilityLabel:x,haptic:b,style:y,textStyle:_,containerStyle:g,countStyle:f,closeButtonStyle:S,closeIconStyle:j,testID:C}=e,k=(0,_index.useTheme)(),v=!!l&&!m,I="radio"===i,R=!!l&&(!m||I),w=hasChipCount(s),{style:O,pressIn:z,pressOut:B}=(0,_usePressAnimation.usePressAnimation)({enabled:v}),L=(0,_react.useMemo)(()=>toneFor(k,u),[k,u]),P=(0,_react.useMemo)(()=>(0,_index.resolveChipSize)(k,p),[k,p]),N=Math.max(0,Math.ceil((44-P["min-height"])/2)),M=I?{top:N,bottom:N}:void 0,q="filled"===d,F="soft"===d,T=(()=>{if(F){const e=o?L.selectedOn:L.on,r=o?.24:.14;return(0,_color.tintOf)(e,r,o?L.selectedBg:L.base)}return o?q?L.selectedBg:"transparent":q?L.base:"transparent"})(),A=F?"transparent":o?L.selectedBorder:q?"transparent":L.border,V=m?k.colors["text-disabled"]:o?F?k.colors["text-body"]:L.selectedInk:L.ink,D=q||F?0:k.size.border,handlePress=()=>{if(!v)return;const e=(0,_hapticUtils.resolveHaptic)(b,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),l?.()},H=x??(w?`${t}, ${s}`:t),U=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[c?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginRight:P.gap},children:(0,_slotIcon.renderSlotIcon)(c,{color:V,size:P.icon,disabled:m},a)}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,{color:V,fontSize:P.text,...(0,_index.fontFor)(k,"medium")},_],numberOfLines:1,children:t??" "}),w?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.count,{color:V,fontSize:Math.min(k.text.xs.size,P.text),marginLeft:k.space.xs,...(0,_index.fontFor)(k,"normal")},f],numberOfLines:1,children:s}):null,n?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>{m||(!1!==b&&(0,_hapticUtils.triggerHaptic)("impactLight"),n?.())},disabled:m,accessibilityRole:"button",accessibilityLabel:`Remove ${t}`,accessibilityState:{disabled:m},"aria-disabled":m,hitSlop:6,...(0,_hitSlop.hitSlopMarker)(6),style:({pressed:e})=>[styles.close,{width:P["close-size"],height:P["close-size"],borderRadius:P["close-size"]/2,..._corners.smoothCorners,marginLeft:P.gap,backgroundColor:e?k.colors["surface-pressed"]:k.colors["surface-hover"]},S],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:V,fontSize:P["close-text"],...(0,_index.fontFor)(k,"bold"),lineHeight:P["close-text"]+2},j],maxFontSizeMultiplier:1,children:"×"})}):null]}),E={paddingHorizontal:P["padding-x"],paddingVertical:P["padding-y"],minHeight:P["min-height"],borderRadius:k.radius.pill,..._corners.smoothCorners,overflow:"hidden",backgroundColor:T,borderWidth:D,borderColor:A,opacity:m?.55:1};let $;return $=R?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[O,{alignSelf:"flex-start",borderRadius:k.radius.pill,..._corners.smoothCorners,overflow:"hidden"}],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:r,onPress:handlePress,onPressIn:z,onPressOut:B,disabled:!v,accessibilityRole:I?"radio":"multiple"===i?"checkbox":"button",accessibilityLabel:H,accessibilityState:I||"multiple"===i?{checked:o,disabled:m}:{selected:o,disabled:m},"aria-checked":I||"multiple"===i?o:void 0,"aria-selected":I||"multiple"===i?void 0:o,"aria-disabled":m,hitSlop:M,...M?(0,_hitSlop.hitSlopMarker)(M):{},android_ripple:{color:k.colors["surface-pressed"],borderless:!1},testID:C,style:({pressed:e})=>[styles.base,E,e&&"outlined"===d?{backgroundColor:k.colors["surface-pressed"]}:null,g,y],children:U})}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:r,style:[styles.base,E,g,y],accessible:!0,accessibilityRole:"text",accessibilityLabel:H,accessibilityState:{selected:o,disabled:m},"aria-selected":o,"aria-disabled":m,testID:C,children:U}),h?(0,_jsxRuntime.jsx)(ChipSkeleton,{...e}):$});Chip.displayName="Chip";const ChipSkeleton=({label:e,count:r,size:t="md",leftIcon:s,onClose:o,style:i,containerStyle:l})=>{const n=(0,_index.useTheme)(),c=(0,_index.resolveChipSize)(n,t),a=Math.max(40,Math.min(120,7*(e??"").length)),d=c["min-height"],u=d/2,p=a+2*c["padding-x"]+(hasChipCount(r)?c.gap/2+7*String(r).length:0)+(void 0!==s?c.gap+14:0)+(void 0!==o?c.gap+c["close-size"]:0);return(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:p,height:d,radius:u,style:[{alignSelf:"flex-start"},l,i]})};ChipSkeleton.displayName="ChipSkeleton",Chip.Skeleton=ChipSkeleton;const styles=_reactNative.StyleSheet.create({base:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",justifyContent:"center"},row:{flexDirection:"row",alignItems:"center"},label:{flexShrink:1,textAlign:"center"},count:{flexShrink:0,fontVariant:["tabular-nums"]},close:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Chip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_CHIP_LABELS=exports.Chip=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.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("../Skeleton/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_CHIP_LABELS=exports.DEFAULT_CHIP_LABELS=Object.freeze({remove:e=>`Remove ${e}`}),toneFor=(e,r)=>{switch(r){case"primary":return{base:e.colors["primary-soft"],on:e.colors.primary,ink:e.colors["primary-text"],border:e.colors.primary,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"success":return{base:e.colors["bg-muted"],on:e.colors.success,ink:e.colors["success-text"],border:e.colors.success,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"warning":return{base:e.colors["bg-muted"],on:e.colors.warning,ink:e.colors["warning-text"],border:e.colors.warning,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"danger":return{base:e.colors["bg-muted"],on:e.colors.danger,ink:e.colors["danger-text"],border:e.colors.danger,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};case"info":return{base:e.colors["bg-muted"],on:e.colors.info,ink:e.colors["info-text"],border:e.colors.info,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary};default:return{base:e.colors["bg-muted"],on:e.colors["text-body"],ink:e.colors["text-body"],border:e.colors.border,selectedBg:e.colors["primary-soft"],selectedOn:e.colors.primary,selectedInk:e.colors["primary-text"],selectedBorder:e.colors.primary}}},SOFT_FILL_OPACITY=.14,SOFT_SELECTED_FILL_OPACITY=.24,hasChipCount=e=>null!=e&&""!==e,Chip=exports.Chip=(0,_react.forwardRef)((e,r)=>{const{label:t,count:s,selected:i=!1,selectionMode:o="single",onPress:l,onRemove:n,leftIcon:a,iconVariant:c,variant:d="soft",tone:u="neutral",size:p="md",disabled:m=!1,loading:h=!1,accessibilityLabel:x,haptic:b,style:y,textStyle:_,containerStyle:g,countStyle:f,closeButtonStyle:S,closeIconStyle:v,labels:I,testID:C}=e;(0,_warnInvalidValue.warnInvalidValue)("Chip","variant",e.variant,["solid","soft","outline"]),(0,_warnInvalidValue.warnInvalidValue)("Chip","tone",e.tone,["primary","neutral","success","warning","danger","info"]),(0,_warnInvalidValue.warnInvalidValue)("Chip","size",e.size,["sm","md"]),(0,_warnInvalidValue.warnInvalidValue)("Chip","selectionMode",e.selectionMode,["single","multiple","radio"]);const j=(0,_index.useTheme)(),k=(0,_react.useMemo)(()=>({...DEFAULT_CHIP_LABELS,...I}),[I]),w=!!l&&!m,L="radio"===o,R=!!l&&(!m||L),B=hasChipCount(s),{style:z,pressIn:O,pressOut:P}=(0,_usePressAnimation.usePressAnimation)({enabled:w}),A=(0,_react.useMemo)(()=>toneFor(j,u),[j,u]),V=(0,_react.useMemo)(()=>(0,_index.resolveChipSize)(j,p),[j,p]),M=Math.max(0,Math.ceil((44-V["min-height"])/2)),T=L?{top:M,bottom:M}:void 0,q="solid"===d,E="soft"===d,F=(()=>{if(E){const e=i?A.selectedOn:A.on,r=i?.24:.14;return(0,_color.tintOf)(e,r,i?A.selectedBg:A.base)}return i?q?A.selectedBg:"transparent":q?A.base:"transparent"})(),H=E?"transparent":i?A.selectedBorder:q?"transparent":A.border,D=m?j.colors["text-disabled"]:i?E?j.colors["text-body"]:A.selectedInk:A.ink,N=q||E?0:j.size.border,handlePress=()=>{if(!w)return;const e=(0,_hapticUtils.resolveHaptic)(b,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),l?.()},U=x??(B?`${t}, ${s}`:t),$=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginRight:V.gap},children:(0,_slotIcon.renderSlotIcon)(a,{color:D,size:V.icon,disabled:m},c)}):null,(0,_jsxRuntime.jsx)(_index3.Text,{variant:"label",weight:"medium",numberOfLines:1,style:[styles.label,{color:D,fontSize:V.text,lineHeight:Math.round(V.text*j.leading.body)},_],children:t??" "}),B?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",numberOfLines:1,style:[styles.count,{color:D,fontSize:Math.min(j.text.xs.size,V.text),marginLeft:j.space.xs},f],children:s}):null,n?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>{m||(!1!==b&&(0,_hapticUtils.triggerHaptic)("impactLight"),n?.())},disabled:m,accessibilityRole:"button",accessibilityLabel:k.remove(t),accessibilityState:{disabled:m},"aria-disabled":m,hitSlop:6,...(0,_hitSlop.hitSlopMarker)(6),style:({pressed:e})=>[styles.close,{width:V["close-size"],height:V["close-size"],borderRadius:V["close-size"]/2,..._corners.smoothCorners,marginLeft:V.gap,backgroundColor:e?j.colors["surface-pressed"]:j.colors["surface-hover"]},S],children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"label",weight:"bold",maxFontSizeMultiplier:1,style:[{color:D,fontSize:V["close-text"],lineHeight:V["close-text"]+2},v],children:"×"})}):null]}),Y={paddingHorizontal:V["padding-x"],paddingVertical:V["padding-y"],minHeight:V["min-height"],borderRadius:j.radius.pill,..._corners.smoothCorners,overflow:"hidden",backgroundColor:F,borderWidth:N,borderColor:H,opacity:m?.55:1};let W;return W=R?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[z,{alignSelf:"flex-start",borderRadius:j.radius.pill,..._corners.smoothCorners,overflow:"hidden"}],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:r,onPress:handlePress,onPressIn:O,onPressOut:P,disabled:!w,accessibilityRole:L?"radio":"multiple"===o?"checkbox":"button",accessibilityLabel:U,accessibilityState:L||"multiple"===o?{checked:i,disabled:m}:{selected:i,disabled:m},"aria-checked":L||"multiple"===o?i:void 0,"aria-selected":L||"multiple"===o?void 0:i,"aria-disabled":m,hitSlop:T,...T?(0,_hitSlop.hitSlopMarker)(T):{},android_ripple:{color:j.colors["surface-pressed"],borderless:!1},testID:C,style:({pressed:e})=>[styles.base,Y,e&&"outline"===d?{backgroundColor:j.colors["surface-pressed"]}:null,g,y],children:$})}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:r,style:[styles.base,Y,g,y],accessible:!0,accessibilityRole:"text",accessibilityLabel:U,accessibilityState:{selected:i,disabled:m},"aria-selected":i,"aria-disabled":m,testID:C,children:$}),h?(0,_jsxRuntime.jsx)(ChipSkeleton,{...e}):W});Chip.displayName="Chip";const ChipSkeleton=({label:e,count:r,size:t="md",leftIcon:s,onRemove:i,style:o,containerStyle:l})=>{const n=(0,_index.useTheme)(),a=(0,_index.resolveChipSize)(n,t),c=Math.max(40,Math.min(120,7*(e??"").length)),d=a["min-height"],u=d/2,p=c+2*a["padding-x"]+(hasChipCount(r)?a.gap/2+7*String(r).length:0)+(void 0!==s?a.gap+14:0)+(void 0!==i?a.gap+a["close-size"]:0);return(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:p,height:d,radius:u,style:[{alignSelf:"flex-start"},l,o]})};ChipSkeleton.displayName="ChipSkeleton",Chip.Skeleton=ChipSkeleton;const styles=_reactNative.StyleSheet.create({base:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",justifyContent:"center"},row:{flexDirection:"row",alignItems:"center"},label:{flexShrink:1,textAlign:"center"},count:{flexShrink:0,fontVariant:["tabular-nums"]},close:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Chip;

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

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

package/lib/commonjs/components/ChoiceGroup/ChoiceGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ChoiceGroup=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"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_RadioDot=require("../Radio/RadioDot.js"),_jsxRuntime=require("react/jsx-runtime");const sizeTokensOf=e=>({sm:{paddingHorizontal:e.space.sm,chipPaddingHorizontal:e.space.md,paddingVertical:e.space.xs,fontSize:e.text.sm.size,minHeight:32,iconSize:14},md:{paddingHorizontal:e.space.md,chipPaddingHorizontal:e.space.lg,paddingVertical:e.space.sm,fontSize:e.text.base.size,minHeight:40,iconSize:16},lg:{paddingHorizontal:e.space.lg,chipPaddingHorizontal:e.space.xl,paddingVertical:e.space.md,fontSize:e.text.lg.size,minHeight:48,iconSize:18}}),ChoiceGroup=exports.ChoiceGroup=(0,_react.forwardRef)((e,i)=>{const{options:t,getOptionLabel:r,getOptionValue:o,getOptionDisabled:a,getOptionDescription:s,getOptionIcon:l,getOptionColor:n,renderOption:c,variant:d="card",indicatorPosition:u="trailing",direction:p="row",gap:x,wrap:b=!1,fullWidth:m,disabled:g=!1,size:_="md",labelLines:h=1,descriptionLines:f=2,haptic:j,accessibilityLabel:z,style:y,optionStyle:v,testID:C}=e,R=(0,_index2.useTheme)(),S=(0,_react.useMemo)(()=>buildStyles(R),[R]),H=(0,_react.useMemo)(()=>sizeTokensOf(R)[_],[R,_]),O=(0,_react.useCallback)(e=>r?r(e):e.label??"",[r]),V=(0,_react.useCallback)(e=>o?o(e):e.value,[o]),k=(0,_react.useCallback)(e=>a?a(e):!0===e.disabled,[a]),w=(0,_react.useCallback)(e=>s?s(e):e.description,[s]),D=(0,_react.useCallback)(e=>l?l(e):e.icon,[l]),N=(0,_react.useCallback)(e=>n?n(e):e.color,[n]),L="multiple"===e.selectionMode,{min:q,max:I}=e,[P,T]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??(L?[]:void 0),onChange:e.onChange}),G=Array.isArray(P)?P:[],M=(0,_react.useCallback)(e=>{const i=V(e);if(L){const e=G.includes(i);if(e&&null!=q&&G.length<=q)return;if(!e&&null!=I&&G.length>=I)return;const t=(0,_index3.resolveHaptic)(j,"selection");return t&&(0,_index3.triggerHaptic)(t),void T(e?G.filter(e=>e!==i):[...G,i])}const t=(0,_index3.resolveHaptic)(j,"selection");t&&(0,_index3.triggerHaptic)(t),T(i)},[j,L,q,I,G,T,V]),W=m??("card"===d&&"row"===p&&!b),F=R.radius.md,surfaceFor=(e,i,t)=>i?{borderColor:R.colors.border,backgroundColor:R.colors["surface-disabled"]}:{borderColor:e?t:R.colors.border,backgroundColor:e?(0,_color.tintOf)(t,.12,R.colors["surface-selected"]):R.colors.bg},renderIcon=(e,i,t,r)=>{const o=D(e);if(null==o)return null;const a="string"==typeof o&&i?{name:o,variant:"bold"}:o;return(0,_slotIcon.renderSlotIcon)(a,{color:t,size:H.iconSize,disabled:r})},renderChip=e=>{const{option:i,selected:t,disabled:r,color:o}=e,a=r?R.colors["text-disabled"]:t?o:R.colors["text-body"],s=renderIcon(i,t,a,r);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[S.chip,{minHeight:H.minHeight,paddingHorizontal:H.chipPaddingHorizontal,paddingVertical:H.paddingVertical,borderRadius:R.radius.pill,..._corners.smoothCorners,borderWidth:R.size.border,...surfaceFor(t,r,o),columnGap:R.space.xs}],children:[s?(0,_jsxRuntime.jsx)(_reactNative.View,{children:s}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[S.cardLabel,{color:a,fontSize:H.fontSize,...(0,_index2.fontFor)(R,"medium")}],numberOfLines:h,ellipsizeMode:"tail",children:O(i)})]})},renderDefaultCard=e=>{const{option:i,selected:t,disabled:r,color:o}=e,a=N(i),s=r?R.colors["text-disabled"]:a??R.colors["text-body"],l=w(i),n=renderIcon(i,t,s,r),c=(0,_jsxRuntime.jsx)(_RadioDot.RadioDot,{selected:t,color:o,disabled:r,size:_});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[S.card,{minHeight:H.minHeight,paddingHorizontal:H.paddingHorizontal,paddingVertical:H.paddingVertical,borderRadius:F,..._corners.smoothCorners,borderWidth:R.size.border,...surfaceFor(t,r,o),columnGap:R.space.sm}],children:["leading"===u?c:null,n?(0,_jsxRuntime.jsx)(_reactNative.View,{children:n}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:S.cardTextWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[S.cardLabel,{color:s,fontSize:H.fontSize,...(0,_index2.fontFor)(R,"medium")}],numberOfLines:h,ellipsizeMode:"tail",children:O(i)}),l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[S.cardDescription,{color:t?R.colors["text-muted"]:R.colors["text-subtle"],fontSize:R.text.xs.size}],numberOfLines:f,ellipsizeMode:"tail",children:l}):null]}),"trailing"===u?c:null]})};return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:i,accessibilityRole:L?void 0:"radiogroup",accessibilityLabel:z,accessibilityState:{disabled:g},"aria-disabled":g,testID:C,style:[{flexDirection:p,gap:x??R.space.sm,flexWrap:b?"wrap":"nowrap"},y],children:t.map((e,i)=>{const t=V(e),r=L?G.includes(t):P===t,o=L&&null!=I&&!r&&G.length>=I,a=g||o||k(e),s=N(e)??R.colors.primary,l=c||"card"!==d?void 0:w(e);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>{a||M(e)},disabled:a,accessibilityRole:L?"checkbox":"radio",accessibilityLabel:l?`${O(e)}, ${l}`:O(e),accessibilityState:{checked:r,disabled:a},"aria-checked":r,"aria-disabled":a,style:[W?S.stretchOption:null,{opacity:a&&c?.55:1},v],children:({pressed:t})=>{const o={option:e,index:i,selected:r,pressed:t&&!a,disabled:a,color:s};return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:c?c(o):"chip"===d?renderChip(o):renderDefaultCard(o)})}},String(t))})})});ChoiceGroup.displayName="ChoiceGroup";const buildStyles=e=>_reactNative.StyleSheet.create({stretchOption:{flex:1},card:{flexDirection:"row",alignItems:"center"},chip:{flexDirection:"row",alignItems:"center",justifyContent:"center"},cardTextWrap:{flex:1},cardLabel:{includeFontPadding:!1},cardDescription:{includeFontPadding:!1,marginTop:e.space.xxs}});var _default=exports.default=ChoiceGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ChoiceGroup=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"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_RadioDot=require("../Radio/RadioDot.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const sizeTokensOf=e=>({sm:{paddingHorizontal:e.space.sm,chipPaddingHorizontal:e.space.md,paddingVertical:e.space.xs,fontSize:e.text.sm.size,minHeight:32,iconSize:14},md:{paddingHorizontal:e.space.md,chipPaddingHorizontal:e.space.lg,paddingVertical:e.space.sm,fontSize:e.text.base.size,minHeight:40,iconSize:16},lg:{paddingHorizontal:e.space.lg,chipPaddingHorizontal:e.space.xl,paddingVertical:e.space.md,fontSize:e.text.lg.size,minHeight:48,iconSize:18}}),ChoiceGroup=exports.ChoiceGroup=(0,_react.forwardRef)((e,i)=>{const{options:t,getOptionLabel:r,getOptionValue:o,isOptionDisabled:a,getOptionDescription:n,getOptionIcon:l,getOptionColor:s,renderOption:c,variant:d="card",indicatorPosition:u="trailing",direction:p="row",gap:x,wrap:g=!1,fullWidth:h,disabled:_=!1,size:m="md",labelLines:b,descriptionLines:v=2,haptic:j,accessibilityLabel:f,style:y,optionStyle:z,description:C,helperText:w,error:R,testID:V}=e,S=(0,_index2.useTheme)(),H=(0,_react.useMemo)(()=>buildStyles(S),[S]),I=(0,_react.useMemo)(()=>sizeTokensOf(S)[m],[S,m]);(0,_warnInvalidValue.warnInvalidValue)("ChoiceGroup","variant",e.variant,["card","chip"]),(0,_warnInvalidValue.warnInvalidValue)("ChoiceGroup","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("ChoiceGroup","direction",e.direction,["row","column"]),(0,_warnInvalidValue.warnInvalidValue)("ChoiceGroup","indicatorPosition",e.indicatorPosition,["leading","trailing"]),(0,_warnInvalidValue.warnInvalidValue)("ChoiceGroup","selectionMode",e.selectionMode,["single","multiple"]);const T=(0,_react.useCallback)(e=>r?r(e):e.label??"",[r]),O=(0,_react.useCallback)(e=>o?o(e):e.value,[o]),k=(0,_react.useCallback)(e=>a?a(e):!0===e.disabled,[a]),D=(0,_react.useCallback)(e=>n?n(e):e.description,[n]),q=(0,_react.useCallback)(e=>l?l(e):e.icon,[l]),G=(0,_react.useCallback)(e=>s?s(e):e.color,[s]),L="multiple"===e.selectionMode,{min:M,max:P}=e,[N,W]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??(L?[]:void 0),onChange:e.onChange}),F=Array.isArray(N)?N:[],A=(0,_react.useCallback)(e=>{const i=O(e);if(L){const e=F.includes(i);if(e&&null!=M&&F.length<=M)return;if(!e&&null!=P&&F.length>=P)return;const t=(0,_index3.resolveHaptic)(j,"selection");return t&&(0,_index3.triggerHaptic)(t),void W(e?F.filter(e=>e!==i):[...F,i])}const t=(0,_index3.resolveHaptic)(j,"selection");t&&(0,_index3.triggerHaptic)(t),W(i)},[j,L,M,P,F,W,O]),B=h??("card"===d&&"row"===p&&!g),$=S.radius.md,surfaceFor=(e,i,t)=>i?{borderColor:S.colors.border,backgroundColor:S.colors["surface-disabled"]}:{borderColor:e?t:S.colors.border,backgroundColor:e?(0,_color.tintOf)(t,.12,S.colors["surface-selected"]):S.colors.bg},renderIcon=(e,i,t,r)=>{const o=q(e);if(null==o)return null;const a="string"==typeof o&&i?{name:o,variant:"bold"}:o;return(0,_slotIcon.renderSlotIcon)(a,{color:t,size:I.iconSize,disabled:r})},renderChip=e=>{const{option:i,selected:t,disabled:r,color:o}=e,a=r?S.colors["text-disabled"]:t?o:S.colors["text-body"],n=renderIcon(i,t,a,r);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[H.chip,{minHeight:I.minHeight,paddingHorizontal:I.chipPaddingHorizontal,paddingVertical:I.paddingVertical,borderRadius:S.radius.pill,..._corners.smoothCorners,borderWidth:S.size.border,...surfaceFor(t,r,o),columnGap:S.space.xs}],children:[n?(0,_jsxRuntime.jsx)(_reactNative.View,{children:n}):null,(0,_jsxRuntime.jsx)(_index4.Text,{weight:"medium",numberOfLines:b,ellipsizeMode:"tail",style:[H.cardLabel,{color:a,fontSize:I.fontSize,lineHeight:Math.round(I.fontSize*S.leading.body)}],children:T(i)})]})},renderDefaultCard=e=>{const{option:i,selected:t,disabled:r,color:o}=e,a=G(i),n=r?S.colors["text-disabled"]:a??S.colors["text-body"],l=D(i),s=renderIcon(i,t,n,r),c=(0,_jsxRuntime.jsx)(_RadioDot.RadioDot,{selected:t,color:o,disabled:r,size:m});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[H.card,{minHeight:I.minHeight,paddingHorizontal:I.paddingHorizontal,paddingVertical:I.paddingVertical,borderRadius:$,..._corners.smoothCorners,borderWidth:S.size.border,...surfaceFor(t,r,o),columnGap:S.space.sm}],children:["leading"===u?c:null,s?(0,_jsxRuntime.jsx)(_reactNative.View,{children:s}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:H.cardTextWrap,children:[(0,_jsxRuntime.jsx)(_index4.Text,{weight:"medium",numberOfLines:b,ellipsizeMode:"tail",style:[H.cardLabel,{color:n,fontSize:I.fontSize,lineHeight:Math.round(I.fontSize*S.leading.body)}],children:T(i)}),l?(0,_jsxRuntime.jsx)(_index4.Text,{numberOfLines:v,ellipsizeMode:"tail",style:[H.cardDescription,{color:t?S.colors["text-muted"]:S.colors["text-subtle"],fontSize:S.text.xs.size,lineHeight:Math.round(S.text.xs.size*S.leading.body)}],children:l}):null]}),"trailing"===u?c:null]})},E="string"==typeof R&&""!==R?R:void 0,J=!0===R||void 0!==E?null:w,K=(0,_jsxRuntime.jsx)(_reactNative.View,{ref:i,accessibilityRole:L?void 0:"radiogroup",accessibilityLabel:f,accessibilityState:{disabled:_},"aria-disabled":_,testID:V,style:[{flexDirection:p,gap:x??S.space.sm,flexWrap:g?"wrap":"nowrap"},y],children:t.map((e,i)=>{const t=O(e),r=L?F.includes(t):N===t,o=L&&null!=P&&!r&&F.length>=P,a=_||o||k(e),n=G(e)??S.colors.primary,l=c||"card"!==d?void 0:D(e);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>{a||A(e)},disabled:a,accessibilityRole:L?"checkbox":"radio",accessibilityLabel:l?`${T(e)}, ${l}`:T(e),accessibilityState:{checked:r,disabled:a},"aria-checked":r,"aria-disabled":a,style:[B?H.stretchOption:null,{opacity:a&&c?.55:1},z],children:({pressed:t})=>{const o={option:e,index:i,selected:r,pressed:t&&!a,disabled:a,color:n};return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:c?c(o):"chip"===d?renderChip(o):renderDefaultCard(o)})}},String(t))})});return(0,_ChoiceText.hasChoiceDetail)({description:C,error:E,helperText:J??void 0})?(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[C?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"bodySmall",color:"secondary",style:{marginBottom:S.space.xs},children:C}):null,K,void 0!==E?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"danger",accessibilityLiveRegion:"polite",style:{marginTop:S.space.xs},children:E}):J?(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"tertiary",style:{marginTop:S.space.xs},children:J}):null]}):K});ChoiceGroup.displayName="ChoiceGroup";const buildStyles=e=>_reactNative.StyleSheet.create({stretchOption:{flex:1},card:{flexDirection:"row",alignItems:"center"},chip:{flexDirection:"row",alignItems:"center",justifyContent:"center"},cardTextWrap:{flex:1},cardLabel:{includeFontPadding:!1},cardDescription:{includeFontPadding:!1,marginTop:e.space.xxs}});var _default=exports.default=ChoiceGroup;

package/lib/commonjs/components/Composer/Composer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Composer=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useControllableState=require("../../hooks/useControllableState.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_index2=require("../IconButton/index.js"),_jsxRuntime=require("react/jsx-runtime");const MIN_BOX=44,Composer=exports.Composer=(0,_react.forwardRef)(({onSend:e,value:t,onChangeText:a,placeholder:o="Message",accessibilityLabel:r,sendLabel:i="Send",busy:s=!1,disabled:l=!1,maxLength:n,maxLines:d=5,leading:c,trailing:u,above:b,below:x,keyboardAware:p=!0,keyboardOffset:m,safeArea:_=!0,autoFocus:h,haptic:g,style:v,testID:C},y)=>{const f=(0,_index.useTheme)(),S=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),j=(0,_react.useMemo)(()=>buildStyles(f),[f]),[N,w]=(0,_useControllableState.useControllableState)({value:t,defaultValue:"",onChange:a}),k=N.trim(),q=s||l||""===k,I=_?S.bottom:0,R=m??I,T=(0,_FieldBase.resolveFieldTextStyle)(f,{disabled:l}),B=f.text.base.size,F=Math.round(B*f.leading.body),z=(44-F)/2,D=F*d+2*z,[L,M]=(0,_react.useState)(void 0),V=(0,_react.useCallback)(e=>{const t=e.nativeEvent.contentSize.height+2*z;M(Math.min(Math.max(t,44),D))},[z,D]),A=(0,_react.useCallback)(()=>{q||(w(""),e(k))},[q,w,e,k]),H=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[j.bar,{paddingBottom:f.space.sm+I},v],testID:C,children:[b,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:j.row,children:[c,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.box,l?j.boxDisabled:null],children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:y,value:N,onChangeText:w,multiline:!0,maxLength:n,editable:!l,autoFocus:h,placeholder:o,placeholderTextColor:T.placeholderColor,selectionColor:f.colors["field-caret"],accessibilityLabel:r??o,accessibilityState:{disabled:l},"aria-disabled":l,onContentSizeChange:"web"===_reactNative.Platform.OS?V:void 0,style:[j.input,{color:T.color,...T.weightStyle,fontSize:B,lineHeight:F,paddingVertical:z,maxHeight:D,height:"web"===_reactNative.Platform.OS?L:void 0}],testID:C?`${C}-input`:void 0})}),u,(0,_jsxRuntime.jsx)(_index2.IconButton,{icon:"send",accessibilityLabel:i,variant:"solid",tone:"primary",disabled:q,loading:s,haptic:g,onPress:A,testID:C?`${C}-send`:void 0})]}),x]});return p?(0,_jsxRuntime.jsx)(_reactNativeKeyboardController.KeyboardStickyView,{offset:{closed:0,opened:R},children:H}):H});Composer.displayName="Composer";const buildStyles=e=>_reactNative.StyleSheet.create({bar:{gap:e.space.xs,paddingHorizontal:e.space.md,paddingTop:e.space.sm,backgroundColor:e.colors.bg,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:e.colors["border-subtle"]},row:{flexDirection:"row",alignItems:"flex-end",gap:e.space.sm},box:{flex:1,minHeight:44,justifyContent:"center",backgroundColor:e.colors["field-bg"],borderRadius:e.radius.pill,..._corners.smoothCorners,paddingHorizontal:e.space.md},boxDisabled:{backgroundColor:e.colors["field-bg-disabled"]},input:{margin:e.space.none,paddingHorizontal:e.space.none,includeFontPadding:!1,textAlignVertical:"top"}});var _default=exports.default=Composer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_COMPOSER_LABELS=exports.Composer=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useControllableState=require("../../hooks/useControllableState.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_FieldBase=require("../FieldBase/FieldBase.js"),_index2=require("../IconButton/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_COMPOSER_LABELS=exports.DEFAULT_COMPOSER_LABELS=Object.freeze({send:"Send",message:"Message"}),MIN_BOX=44,Composer=exports.Composer=(0,_react.forwardRef)(({onSend:e,value:t,onChangeText:a,placeholder:o,accessibilityLabel:r,labels:i,loading:s=!1,disabled:l=!1,maxLength:n,maxLines:d=5,leading:c,trailing:u,above:b,below:x,keyboardAware:_=!0,keyboardOffset:p,safeArea:m=!0,autoFocus:g,haptic:h,style:C,testID:S},v)=>{const f=(0,_index.useTheme)(),y=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),j=(0,_react.useMemo)(()=>buildStyles(f),[f]),L=i?{...DEFAULT_COMPOSER_LABELS,...i}:DEFAULT_COMPOSER_LABELS,[A,E]=(0,_useControllableState.useControllableState)({value:t,defaultValue:"",onChange:a}),O=A.trim(),N=s||l||""===O,R=m?y.bottom:0,T=p??R,w=(0,_FieldBase.resolveFieldTextStyle)(f,{disabled:l}),B=f.text.base.size,F=Math.round(B*f.leading.body),D=(44-F)/2,M=F*d+2*D,[k,q]=(0,_react.useState)(void 0),I=(0,_react.useCallback)(e=>{const t=e.nativeEvent.contentSize.height+2*D;q(Math.min(Math.max(t,44),M))},[D,M]),P=(0,_react.useCallback)(()=>{N||(E(""),e(O))},[N,E,e,O]),z=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[j.bar,{paddingBottom:f.space.sm+R},C],testID:S,children:[b,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:j.row,children:[c,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.box,l?j.boxDisabled:null],children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:v,value:A,onChangeText:E,multiline:!0,maxLength:n,editable:!l,autoFocus:g,placeholder:o??L.message,placeholderTextColor:w.placeholderColor,selectionColor:f.colors["field-caret"],accessibilityLabel:r??o??L.message,accessibilityState:{disabled:l},"aria-disabled":l,onContentSizeChange:"web"===_reactNative.Platform.OS?I:void 0,style:[j.input,{color:w.color,...w.weightStyle,fontSize:B,lineHeight:F,paddingVertical:D,maxHeight:M,height:"web"===_reactNative.Platform.OS?k:void 0}],testID:S?`${S}-input`:void 0})}),u,(0,_jsxRuntime.jsx)(_index2.IconButton,{icon:"send",accessibilityLabel:L.send,variant:"solid",tone:"primary",disabled:N,loading:s,haptic:h,onPress:P,testID:S?`${S}-send`:void 0})]}),x]});return _?(0,_jsxRuntime.jsx)(_reactNativeKeyboardController.KeyboardStickyView,{offset:{closed:0,opened:T},children:z}):z});Composer.displayName="Composer";const buildStyles=e=>_reactNative.StyleSheet.create({bar:{gap:e.space.xs,paddingHorizontal:e.space.md,paddingTop:e.space.sm,backgroundColor:e.colors.bg,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:e.colors["border-subtle"]},row:{flexDirection:"row",alignItems:"flex-end",gap:e.space.sm},box:{flex:1,minHeight:44,justifyContent:"center",backgroundColor:e.colors["field-bg"],borderRadius:e.radius.pill,..._corners.smoothCorners,paddingHorizontal:e.space.md},boxDisabled:{backgroundColor:e.colors["field-bg-disabled"]},input:{margin:e.space.none,paddingHorizontal:e.space.none,includeFontPadding:!1,textAlignVertical:"top"}});var _default=exports.default=Composer;

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

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

package/lib/commonjs/components/Confetti/Confetti.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.buildPieces=exports.DEFAULT_PHYSICS=exports.Confetti=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if(!a&&e&&e.__esModule)return e;var t,r,i=Object.defineProperty,s={__proto__:null,default:e};if(Object(e)!==e)return s;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,s)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((t=i&&Object.getOwnPropertyDescriptor(e,r))&&(t.get||t.set)?i(s,r,t):s[r]=e[r]);return s}const TAU=2*Math.PI,DEG=Math.PI/180,SPEED_FACTOR={slow:1.6,normal:1,fast:.6},DEFAULT_PHYSICS=exports.DEFAULT_PHYSICS={velocity:1,drag:1,fallSpeed:1,spread:0},PRESET_SHAPES={pop:["strip","strip","strip","square","circle","triangle","star","streamer"],rain:["strip","strip","strip","circle","square"],fireworks:["circle","circle","star","star","triangle","strip"]},rand=(e,a)=>e+Math.random()*(a-e),pick=e=>e[Math.floor(Math.random()*e.length)]??e[0],commonPiece=(e,a)=>({color:e.colors[a%e.colors.length]??e.colors[0],size:e.baseSize*rand(.6,1.4),shape:pick(e.shapes),rotations:rand(1,5),rotateDir:Math.random()<.5?1:-1,flutterFreq:rand(2,5)}),popPiece=(e,a)=>{const t=e.physics.spread>0?e.physics.spread/2:100,r=(-90+rand(-t,t))*DEG,i=rand(1.8,4.2)*e.physics.velocity;return{...commonPiece(e,a),x0Frac:e.originXFrac,y0Frac:e.originYFrac,vxFrac:Math.cos(r)*i*.7,vyFrac:Math.sin(r)*i,drag:rand(5.5,7.5)*e.physics.drag,terminalFrac:rand(.22,.44)*e.physics.fallSpeed,delay:rand(0,.05),swayAmp:rand(4,16),swayFreq:rand(1,3)}},rainPiece=(e,a)=>({...commonPiece(e,a),x0Frac:Math.random(),y0Frac:-.05,vxFrac:rand(-.12,.12)*e.physics.velocity,vyFrac:rand(.05,.25)*e.physics.velocity,drag:rand(2.5,4)*e.physics.drag,terminalFrac:rand(.95,1.35)*e.physics.fallSpeed,delay:rand(0,.35),swayAmp:rand(10,30),swayFreq:rand(1,3)}),FIREWORK_BURSTS=4,buildFireworks=(e,a)=>{const t=Math.max(1,Math.round(e/4)),r=a.physics.spread>0?a.physics.spread/2:180,i=[];for(let s=0;s<4&&i.length<e;s+=1){const n=rand(.18,.82),c=rand(.18,.52),o=s/4*.5+rand(0,.06);for(let s=0;s<t&&i.length<e;s+=1){const e=rand(-r,r)*DEG,t=rand(1.4,3.4)*a.physics.velocity;i.push({...commonPiece(a,i.length),x0Frac:n,y0Frac:c,vxFrac:Math.cos(e)*t*.7,vyFrac:Math.sin(e)*t,drag:rand(6.5,8.5)*a.physics.drag,terminalFrac:rand(.18,.38)*a.physics.fallSpeed,delay:o,swayAmp:rand(3,12),swayFreq:rand(1,3)})}}return i},buildPieces=(e,a,t)=>{if("fireworks"===a)return buildFireworks(e,t);const r="rain"===a?rainPiece:popPiece;return Array.from({length:e},(e,a)=>r(t,a))};exports.buildPieces=buildPieces;const SHAPE_BOX={strip:{w:1,h:.45},square:{w:1,h:1},circle:{w:1,h:1},triangle:{w:1,h:1},star:{w:1.2,h:1.2},streamer:{w:3,h:1.2}},TRIANGLE_POINTS="50,4 96,96 4,96",STAR_POINTS="50,2 61,36 97,36 68,58 79,94 50,72 21,94 32,58 3,36 39,36",STREAMER_PATH="M2,50 C20,6 44,94 62,50 S92,6 98,50",ShapeBody=({shape:e,color:a})=>"triangle"===e||"star"===e?(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:"100%",height:"100%",viewBox:"0 0 100 100",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Polygon,{points:"star"===e?STAR_POINTS:TRIANGLE_POINTS,fill:a})}):"streamer"===e?(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:STREAMER_PATH,stroke:a,strokeWidth:22,strokeLinecap:"round",fill:"none"})}):null,ConfettiPiece=({piece:e,progress:a,width:t,height:r,fadeOut:i})=>{const s=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const s=1-e.delay,n=s<=0?0:Math.min(1,Math.max(0,(a.value-e.delay)/s)),c=(1-Math.exp(-e.drag*n))/e.drag,o=e.x0Frac*t+e.vxFrac*t*c,d=e.y0Frac*r+e.terminalFrac*r*n+(e.vyFrac-e.terminalFrac)*r*c,l=Math.sin(n*e.swayFreq*TAU)*e.swayAmp,h=e.rotateDir*e.rotations*360*n,p=.35+.65*Math.abs(Math.cos(n*e.flutterFreq*TAU));return{opacity:i?Math.max(0,1-Math.max(0,n-.75)/.25):1,transform:[{translateX:o+l},{translateY:d},{rotate:`${h}deg`},{scaleY:p}]}}),n=SHAPE_BOX[e.shape],c="triangle"===e.shape||"star"===e.shape||"streamer"===e.shape;return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[{position:"absolute",width:e.size*n.w,height:e.size*n.h,borderRadius:"circle"===e.shape?e.size*n.h/2:1,backgroundColor:c?"transparent":e.color},s],children:(0,_jsxRuntime.jsx)(ShapeBody,{shape:e.shape,color:e.color})})},Confetti=exports.Confetti=(0,_react.forwardRef)(({count:e=80,colors:a,preset:t="pop",shapes:r,speed:i="normal",physics:s,origin:n,duration:c=2800,fadeOut:o=!0,autoStart:d=!1,recycle:l=!1,size:h=10,onComplete:p,style:u,testID:_},m)=>{const y=(0,_index2.useTheme)(),v=(0,_index.useReducedMotion)(),g=(0,_reactNative.useWindowDimensions)(),[f,x]=(0,_react.useState)({width:g.width,height:g.height}),[S,w]=(0,_react.useState)(!1),[R,F]=(0,_react.useState)([]),P=(0,_react.useMemo)(()=>a??[y.colors.primary,y.colors.neutral,y.colors.success,y.colors.warning,y.colors.danger,y.colors.info],[a,y.colors]),M=(0,_reactNativeReanimated.useSharedValue)(0),A=c*SPEED_FACTOR[i],E=(0,_react.useCallback)(()=>{w(!1),p?.()},[p]),N=(0,_react.useCallback)(()=>{if(v)return void p?.();(0,_reactNativeReanimated.cancelAnimation)(M),M.value=0,F(buildPieces(e,t,{colors:P,baseSize:h,originXFrac:n?n.x/Math.max(1,f.width):.5,originYFrac:n?n.y/Math.max(1,f.height):.5,physics:{...DEFAULT_PHYSICS,...s},shapes:r??PRESET_SHAPES[t]})),w(!0);const a=(0,_reactNativeReanimated.withTiming)(1,{duration:A,easing:_reactNativeReanimated.Easing.linear},e=>{"worklet";e&&!l&&(0,_reactNativeReanimated.runOnJS)(E)()});M.value=l?(0,_reactNativeReanimated.withRepeat)(a,-1,!1):a},[v,M,A,l,E,p,e,P,t,r,s,h,n,f.width,f.height]),T=(0,_react.useCallback)(()=>{(0,_reactNativeReanimated.cancelAnimation)(M),w(!1)},[M]);(0,_react.useImperativeHandle)(m,()=>({start:N,stop:T}),[N,T]),(0,_react.useEffect)(()=>(d&&N(),()=>(0,_reactNativeReanimated.cancelAnimation)(M)),[]);const j=(0,_react.useCallback)(e=>{const{width:a,height:t}=e.nativeEvent.layout;a>0&&t>0&&x({width:a,height:t})},[]);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_reactNative.StyleSheet.absoluteFill,u],pointerEvents:"none",onLayout:j,testID:_,children:S?R.map((e,a)=>(0,_jsxRuntime.jsx)(ConfettiPiece,{piece:e,progress:M,width:f.width,height:f.height,fadeOut:o},a)):null})});Confetti.displayName="Confetti";var _default=exports.default=Confetti;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.buildPieces=exports.DEFAULT_PHYSICS=exports.Confetti=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if(!a&&e&&e.__esModule)return e;var t,r,i=Object.defineProperty,s={__proto__:null,default:e};if(Object(e)!==e)return s;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,s)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((t=i&&Object.getOwnPropertyDescriptor(e,r))&&(t.get||t.set)?i(s,r,t):s[r]=e[r]);return s}const TAU=2*Math.PI,DEG=Math.PI/180,SPEED_FACTOR={slow:1.6,normal:1,fast:.6},DEFAULT_PHYSICS=exports.DEFAULT_PHYSICS={velocity:1,drag:1,fallSpeed:1,spread:0},PRESET_SHAPES={pop:["strip","strip","strip","square","circle","triangle","star","streamer"],rain:["strip","strip","strip","circle","square"],fireworks:["circle","circle","star","star","triangle","strip"]},rand=(e,a)=>e+Math.random()*(a-e),pick=e=>e[Math.floor(Math.random()*e.length)]??e[0],commonPiece=(e,a)=>({color:e.colors[a%e.colors.length]??e.colors[0],size:e.baseSize*rand(.6,1.4),shape:pick(e.shapes),rotations:rand(1,5),rotateDir:Math.random()<.5?1:-1,flutterFreq:rand(2,5)}),popPiece=(e,a)=>{const t=e.physics.spread>0?e.physics.spread/2:100,r=(-90+rand(-t,t))*DEG,i=rand(1.8,4.2)*e.physics.velocity;return{...commonPiece(e,a),x0Frac:e.originXFrac,y0Frac:e.originYFrac,vxFrac:Math.cos(r)*i*.7,vyFrac:Math.sin(r)*i,drag:rand(5.5,7.5)*e.physics.drag,terminalFrac:rand(.22,.44)*e.physics.fallSpeed,delay:rand(0,.05),swayAmp:rand(4,16),swayFreq:rand(1,3)}},rainPiece=(e,a)=>({...commonPiece(e,a),x0Frac:Math.random(),y0Frac:-.05,vxFrac:rand(-.12,.12)*e.physics.velocity,vyFrac:rand(.05,.25)*e.physics.velocity,drag:rand(2.5,4)*e.physics.drag,terminalFrac:rand(.95,1.35)*e.physics.fallSpeed,delay:rand(0,.35),swayAmp:rand(10,30),swayFreq:rand(1,3)}),FIREWORK_BURSTS=4,buildFireworks=(e,a)=>{const t=Math.max(1,Math.round(e/4)),r=a.physics.spread>0?a.physics.spread/2:180,i=[];for(let s=0;s<4&&i.length<e;s+=1){const n=rand(.18,.82),c=rand(.18,.52),o=s/4*.5+rand(0,.06);for(let s=0;s<t&&i.length<e;s+=1){const e=rand(-r,r)*DEG,t=rand(1.4,3.4)*a.physics.velocity;i.push({...commonPiece(a,i.length),x0Frac:n,y0Frac:c,vxFrac:Math.cos(e)*t*.7,vyFrac:Math.sin(e)*t,drag:rand(6.5,8.5)*a.physics.drag,terminalFrac:rand(.18,.38)*a.physics.fallSpeed,delay:o,swayAmp:rand(3,12),swayFreq:rand(1,3)})}}return i},buildPieces=(e,a,t)=>{if("fireworks"===a)return buildFireworks(e,t);const r="rain"===a?rainPiece:popPiece;return Array.from({length:e},(e,a)=>r(t,a))};exports.buildPieces=buildPieces;const SHAPE_BOX={strip:{w:1,h:.45},square:{w:1,h:1},circle:{w:1,h:1},triangle:{w:1,h:1},star:{w:1.2,h:1.2},streamer:{w:3,h:1.2}},TRIANGLE_POINTS="50,4 96,96 4,96",STAR_POINTS="50,2 61,36 97,36 68,58 79,94 50,72 21,94 32,58 3,36 39,36",STREAMER_PATH="M2,50 C20,6 44,94 62,50 S92,6 98,50",ShapeBody=({shape:e,color:a})=>"triangle"===e||"star"===e?(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:"100%",height:"100%",viewBox:"0 0 100 100",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Polygon,{points:"star"===e?STAR_POINTS:TRIANGLE_POINTS,fill:a})}):"streamer"===e?(0,_jsxRuntime.jsx)(_reactNativeSvg.default,{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:STREAMER_PATH,stroke:a,strokeWidth:22,strokeLinecap:"round",fill:"none"})}):null,ConfettiPiece=({piece:e,progress:a,width:t,height:r,fadeOut:i})=>{const s=(0,_reactNativeReanimated.useAnimatedStyle)(()=>{const s=1-e.delay,n=s<=0?0:Math.min(1,Math.max(0,(a.value-e.delay)/s)),c=(1-Math.exp(-e.drag*n))/e.drag,o=e.x0Frac*t+e.vxFrac*t*c,l=e.y0Frac*r+e.terminalFrac*r*n+(e.vyFrac-e.terminalFrac)*r*c,d=Math.sin(n*e.swayFreq*TAU)*e.swayAmp,h=e.rotateDir*e.rotations*360*n,p=.35+.65*Math.abs(Math.cos(n*e.flutterFreq*TAU));return{opacity:i?Math.max(0,1-Math.max(0,n-.75)/.25):1,transform:[{translateX:o+d},{translateY:l},{rotate:`${h}deg`},{scaleY:p}]}}),n=SHAPE_BOX[e.shape],c="triangle"===e.shape||"star"===e.shape||"streamer"===e.shape;return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[{position:"absolute",width:e.size*n.w,height:e.size*n.h,borderRadius:"circle"===e.shape?e.size*n.h/2:1,backgroundColor:c?"transparent":e.color},s],children:(0,_jsxRuntime.jsx)(ShapeBody,{shape:e.shape,color:e.color})})},Confetti=exports.Confetti=(0,_react.forwardRef)(({count:e=80,colors:a,preset:t="pop",shapes:r,speed:i="normal",physics:s,origin:n,duration:c=2800,fadeOut:o=!0,autoStart:l=!1,recycle:d=!1,size:h=10,onComplete:p,style:u,testID:_},m)=>{(0,_warnInvalidValue.warnInvalidValue)("Confetti","preset",t,["pop","rain","fireworks"]),(0,_warnInvalidValue.warnInvalidValue)("Confetti","speed",i,["slow","normal","fast"]);for(const e of r??[])(0,_warnInvalidValue.warnInvalidValue)("Confetti","shapes",e,["strip","square","circle","triangle","star","streamer"]);const v=(0,_index2.useTheme)(),y=(0,_index.useReducedMotion)(),f=(0,_reactNative.useWindowDimensions)(),[g,w]=(0,_react.useState)({width:f.width,height:f.height}),[x,S]=(0,_react.useState)(!1),[R,F]=(0,_react.useState)([]),P=(0,_react.useMemo)(()=>a??[v.colors.primary,v.colors.neutral,v.colors.success,v.colors.warning,v.colors.danger,v.colors.info],[a,v.colors]),M=(0,_reactNativeReanimated.useSharedValue)(0),A=c*SPEED_FACTOR[i],E=(0,_react.useCallback)(()=>{S(!1),p?.()},[p]),N=(0,_react.useCallback)(()=>{if(y)return void p?.();(0,_reactNativeReanimated.cancelAnimation)(M),M.value=0,F(buildPieces(e,t,{colors:P,baseSize:h,originXFrac:n?n.x/Math.max(1,g.width):.5,originYFrac:n?n.y/Math.max(1,g.height):.5,physics:{...DEFAULT_PHYSICS,...s},shapes:r??PRESET_SHAPES[t]})),S(!0);const a=(0,_reactNativeReanimated.withTiming)(1,{duration:A,easing:_reactNativeReanimated.Easing.linear},e=>{"worklet";e&&!d&&(0,_reactNativeReanimated.runOnJS)(E)()});M.value=d?(0,_reactNativeReanimated.withRepeat)(a,-1,!1):a},[y,M,A,d,E,p,e,P,t,r,s,h,n,g.width,g.height]),T=(0,_react.useCallback)(()=>{(0,_reactNativeReanimated.cancelAnimation)(M),S(!1)},[M]);(0,_react.useImperativeHandle)(m,()=>({start:N,stop:T}),[N,T]),(0,_react.useEffect)(()=>(l&&N(),()=>(0,_reactNativeReanimated.cancelAnimation)(M)),[]);const j=(0,_react.useCallback)(e=>{const{width:a,height:t}=e.nativeEvent.layout;a>0&&t>0&&w({width:a,height:t})},[]);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_reactNative.StyleSheet.absoluteFill,u],pointerEvents:"none",onLayout:j,testID:_,children:x?R.map((e,a)=>(0,_jsxRuntime.jsx)(ConfettiPiece,{piece:e,progress:M,width:g.width,height:g.height,fadeOut:o},a)):null})});Confetti.displayName="Confetti";var _default=exports.default=Confetti;

package/lib/commonjs/components/Confirm/confirm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConfirmHost=ConfirmHost,exports.confirm=confirm;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_index=require("../Dialog/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_CONFIRM_HOST_LABELS={cancel:"Cancel"};let queue=[],hostCount=0,nextId=0;const listeners=new Set,emit=()=>{for(const e of listeners)e()},subscribe=e=>(listeners.add(e),()=>{listeners.delete(e)}),getQueue=()=>queue,settle=(e,t)=>{const o=queue.find(t=>t.id===e);o&&(queue=queue.filter(t=>t.id!==e),emit(),o.resolve(t))};function confirm(e){if(0===hostCount)throw new Error("[@webority/mobile-ui] confirm: mount <ConfirmHost /> once at the app root before calling confirm.");return new Promise(t=>{nextId+=1,queue=[...queue,{id:nextId,options:e,resolve:t}],emit()})}function ConfirmHost({labels:e,testID:t}){const o=(0,_react.useMemo)(()=>({...DEFAULT_CONFIRM_HOST_LABELS,...e}),[e]),n=(0,_react.useSyncExternalStore)(subscribe,getQueue)[0],r=(0,_react.useRef)(void 0);n&&(r.current=n),(0,_react.useEffect)(()=>(hostCount+=1,hostCount>1&&_mobileCore.Logger.warn("[@webority/mobile-ui] ConfirmHost: mounted more than once; mount one at the app root."),()=>{if(hostCount-=1,0===hostCount){const e=queue;queue=[],emit();for(const t of e)t.resolve(!1)}}),[]);const s=n??r.current;return s?(0,_jsxRuntime.jsx)(_index.Dialog,{visible:void 0!==n,onClose:()=>settle(s.id,!1),title:s.options.title,message:s.options.message,dismissOnAction:!1,actions:[{label:o.cancel,tone:"neutral",onPress:()=>settle(s.id,!1)},{label:s.options.confirmLabel,tone:s.options.tone??"primary",onPress:()=>settle(s.id,!0)}],testID:t}):null}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ConfirmHost",{enumerable:!0,get:function(){return _confirm.ConfirmHost}}),Object.defineProperty(exports,"confirm",{enumerable:!0,get:function(){return _confirm.confirm}});var _confirm=require("./confirm.js");

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DatePicker=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index3=require("../PickerTrigger/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");const NAV_BUTTON_SIZE=36,AnimatedGestureRoot=_reactNative.Animated.createAnimatedComponent(_reactNativeGestureHandler.GestureHandlerRootView),GRID_SIZE=12,DECADE_SPAN=10,startOfDay=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),isSameDay=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),toIso=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,addMonths=(e,t)=>new Date(e.getFullYear(),e.getMonth()+t,1),buildMonthMatrix=(e,t)=>{const a=e.getFullYear(),r=e.getMonth(),i=(new Date(a,r,1).getDay()-t+7)%7,s=[];for(let e=0;e<42;e+=1){const t=new Date(a,r,1-i+e);s.push({date:t,inMonth:t.getMonth()===r,iso:toIso(t)})}return s},weekdayLabels=(e,t)=>{const a=new Intl.DateTimeFormat(e,{weekday:"short"}),r=[];for(let e=0;e<7;e+=1){const i=new Date(1970,0,4+(t+e)%7);r.push(a.format(i))}return r},formatMonthYear=(e,t)=>new Intl.DateTimeFormat(t,{month:"long",year:"numeric"}).format(e),decadeStartFor=e=>10*Math.floor(e/10),buildYearCells=e=>{const t=e-4;return Array.from({length:12},(e,a)=>t+a)},buildDecadeCells=e=>{const t=decadeStartFor(e)-40;return Array.from({length:12},(e,a)=>t+10*a)},DatePicker=e=>{const{value:t,onChange:a,onClose:r,minDate:i,maxDate:s,disabledDates:n,mode:o="modal",locale:l="en-IN",weekStartsOn:c=0,title:d="Select Date",confirmLabel:u="Confirm",cancelLabel:m="Cancel",style:_,containerStyle:g,headerLabelStyle:x,navButtonStyle:y,footerButtonStyle:h,haptic:b,testID:p,label:v,placeholder:f,helperText:j,error:N,required:R,disabled:w,size:D,variant:C,clearable:S,onClear:A,formatValue:M,triggerStyle:T}=e,V=void 0!==e.visible,[k,P]=(0,_react.useState)(!1),I=V?e.visible:k,F=V?p:p?`${p}-calendar`:void 0,Y=(0,_index.useTheme)(),L=(0,_usePresenceMotion.usePresenceMotion)(),[z,B]=(0,_ModalSafeArea.useModalInsets)(),$=(0,_react.useMemo)(()=>buildStyles(Y),[Y]),[q,H]=(0,_react.useState)(()=>startOfDay(new Date));(0,_react.useEffect)(()=>{I&&H(startOfDay(new Date))},[I]);const E=t?startOfDay(t):q,[O,W]=(0,_react.useState)(E),[G,X]=(0,_react.useState)(t?startOfDay(t):null),[Z,U]=(0,_react.useState)("days"),J=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,K=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,Q=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,ee=(0,_react.useRef)(0),te=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,ae=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,re=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,ie=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,se=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,ne=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(t){const e=startOfDay(t);X(e),W(e)}else X(null)},[t]);const oe=(0,_react.useMemo)(()=>{const e=new Set;return n?.forEach(t=>{e.add(toIso(startOfDay(t)))}),e},[n]),le=(0,_react.useMemo)(()=>i?startOfDay(i):null,[i]),ce=(0,_react.useMemo)(()=>s?startOfDay(s):null,[s]),de=(0,_react.useCallback)(e=>!!(le&&e.getTime()<le.getTime())||(!!(ce&&e.getTime()>ce.getTime())||!!oe.has(toIso(e))),[le,ce,oe]),ue=(0,_react.useMemo)(()=>buildMonthMatrix(O,c),[O,c]),me=(0,_react.useMemo)(()=>buildYearCells(O.getFullYear()),[O]),ge=(0,_react.useMemo)(()=>buildDecadeCells(O.getFullYear()),[O]),xe=(0,_react.useMemo)(()=>weekdayLabels(l,c),[l,c]),ye=(0,_react.useMemo)(()=>new Intl.DateTimeFormat(l,{weekday:"long",year:"numeric",month:"long",day:"numeric"}),[l]),he=(0,_react.useMemo)(()=>{if("days"===Z)return formatMonthYear(O,l);if("years"===Z){return`${me[0]} - ${me[me.length-1]}`}return`${ge[0]} - ${ge[ge.length-1]+9}`},[O,ge,l,Z,me]),be=(0,_react.useCallback)(e=>!!(le&&e<le.getFullYear())||!!(ce&&e>ce.getFullYear()),[le,ce]),pe=(0,_react.useCallback)(e=>!!(le&&e+10-1<le.getFullYear())||!!(ce&&e>ce.getFullYear()),[le,ce]),ve=(0,_react.useCallback)(e=>{!1!==b&&(0,_index2.triggerHaptic)("impactLight");const t=e>0?1:-1,a=Y.motion.duration.fast,r=Y.motion.duration.fast,[i]=L.range(32*-t,0),[s]=L.range(32*t,0),n=L.reduced?L.duration("fast"):a,o=L.reduced?L.duration("fast"):r;_reactNative.Animated.sequence([_reactNative.Animated.parallel([_reactNative.Animated.timing(te,{toValue:i,duration:a,easing:_reactNative.Easing.out(_reactNative.Easing.quad),useNativeDriver:!0}),_reactNative.Animated.timing(ae,{toValue:0,duration:n,useNativeDriver:!0})]),_reactNative.Animated.timing(te,{toValue:s,duration:0,useNativeDriver:!0}),_reactNative.Animated.parallel([_reactNative.Animated.timing(te,{toValue:0,duration:r,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),_reactNative.Animated.timing(ae,{toValue:1,duration:o,useNativeDriver:!0})])]).start();const c=addMonths(O,e);W(c),_reactNative.AccessibilityInfo.announceForAccessibility(formatMonthYear(c,l))},[O,b,l,ae,te,L,Y.motion.duration.fast]),fe=(0,_react.useCallback)(()=>{"days"!==Z?(!1!==b&&(0,_index2.triggerHaptic)("impactLight"),W("years"===Z?e=>new Date(e.getFullYear()-12,e.getMonth(),1):e=>new Date(e.getFullYear()-120,e.getMonth(),1))):ve(-1)},[ve,Z,b]),je=(0,_react.useCallback)(()=>{"days"!==Z?(!1!==b&&(0,_index2.triggerHaptic)("impactLight"),W("years"===Z?e=>new Date(e.getFullYear()+12,e.getMonth(),1):e=>new Date(e.getFullYear()+120,e.getMonth(),1))):ve(1)},[ve,Z,b]),Ne=(0,_react.useCallback)(()=>{const[e]=L.range(.9,1),t=L.reduced?L.duration("default"):Y.motion.duration.default;(0,_index.setNativeValue)(ie,0),(0,_index.setNativeValue)(se,e),_reactNative.Animated.parallel([_reactNative.Animated.timing(ie,{toValue:1,duration:t,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),_reactNative.Animated.timing(se,{toValue:1,duration:t,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0})]).start()},[ie,se,L,Y.motion.duration.default]),Re=(0,_react.useCallback)(()=>{const e=(0,_index2.resolveHaptic)(b,"selection");if(e&&(0,_index2.triggerHaptic)(e),!L.reduced){const e=80,t=100;_reactNative.Animated.sequence([_reactNative.Animated.timing(ne,{toValue:.96,duration:e,useNativeDriver:!0}),_reactNative.Animated.timing(ne,{toValue:1,duration:t,useNativeDriver:!0})]).start()}U(e=>"days"===e?"years":"years"===e?"decades":"years"),Ne()},[Ne,ne,b,L.reduced]),we=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(b,"selection");t&&(0,_index2.triggerHaptic)(t),W(t=>new Date(e,t.getMonth(),1)),U("days"),Ne()},[Ne,b]),De=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(b,"selection");t&&(0,_index2.triggerHaptic)(t),W(t=>new Date(e+4,t.getMonth(),1)),U("years"),Ne()},[Ne,b]),Ce=(0,_react.useCallback)(e=>{if(de(e.date))return;const t=(0,_index2.resolveHaptic)(b,"selection");t&&(0,_index2.triggerHaptic)(t),X(e.date),e.inMonth||W(new Date(e.date.getFullYear(),e.date.getMonth(),1)),L.reduced||((0,_index.setNativeValue)(re,.7),_reactNative.Animated.spring(re,{toValue:1,damping:Y.motion.spring.bouncy.damping,stiffness:Y.motion.spring.bouncy.stiffness,mass:Y.motion.spring.bouncy.mass,useNativeDriver:!0}).start())},[de,L.reduced,re,Y.motion.spring.bouncy,b]),Se=(0,_react.useCallback)(()=>{V||P(!1),r?.()},[V,r]),Ae=(0,_react.useCallback)(()=>{"modal"===o?_reactNative.Animated.parallel([_reactNative.Animated.timing(J,{toValue:0,duration:L.duration("default"),easing:_reactNative.Easing.bezier(...Y.motion.ease.accelerate),useNativeDriver:!1}),_reactNative.Animated.timing(K,{toValue:0,duration:L.duration("fast"),easing:_reactNative.Easing.bezier(...Y.motion.ease.accelerate),useNativeDriver:!0})]).start(()=>{Se()}):Se()},[J,o,Se,L,K,Y.motion.ease.accelerate]),{handleGesture:Me,opacity:Te}=(0,_useDragToDismiss.useDragToDismiss)({drag:Q,travel:()=>ee.current||320,onDismiss:Ae}),Ve=(0,_react.useMemo)(()=>_reactNative.Animated.multiply(K,Te),[K,Te]),ke=(0,_react.useMemo)(()=>J.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(Y.colors.scrim),Y.colors.scrim]}),[J,Y.colors.scrim]);(0,_react.useEffect)(()=>{if("modal"===o&&I){J.setValue(0),(0,_index.setNativeValue)(K,0),(0,_index.setNativeValue)(Q,0),(0,_index.setNativeValue)(Te,1);const e=L.reduced?_reactNative.Animated.timing(K,{toValue:1,duration:L.duration("default"),useNativeDriver:!0}):_reactNative.Animated.spring(K,{toValue:1,damping:Y.motion.spring.gentle.damping,stiffness:Y.motion.spring.gentle.stiffness,mass:Y.motion.spring.gentle.mass,useNativeDriver:!0}),t=_reactNative.Animated.parallel([_reactNative.Animated.timing(J,{toValue:1,duration:L.duration("default"),easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!1}),e]);return t.start(),()=>t.stop()}},[I,o,J,L,K,Q,Te,Y.motion]);const Pe=(0,_react.useCallback)(()=>{!1!==b&&(0,_index2.triggerHaptic)("selection"),Ae()},[Ae,b]),Ie=(0,_react.useCallback)(()=>{G&&(!1!==b&&(0,_index2.triggerHaptic)("notificationSuccess"),a?.(G),Ae())},[Ae,a,G,b]),Fe=K.interpolate({inputRange:[0,1],outputRange:L.range(320,0)}),Ye=(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.titleRow,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:$.title,accessibilityRole:"header",children:d})}),Le=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[$.card,_,g],accessibilityRole:"modal"===o?void 0:"none",accessible:!1,testID:F,children:["modal"===o?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:Me,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$.grabArea,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.handle}),Ye]})}):Ye,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$.headerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:fe,style:({pressed:e})=>[$.navBtn,e&&$.navBtnPressed,y],accessibilityRole:"button",accessibilityLabel:"days"===Z?"Previous month":"years"===Z?"Previous years":"Previous decades",hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:$.navText,children:"‹"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Re,style:[$.headerLabelWrap,x],accessibilityRole:"button",accessibilityLabel:"days"===Z?`${he}, switch to year selection`:"years"===Z?`${he}, switch to decade selection`:`${he}, switch to year selection`,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[$.headerLabelInner,{transform:[{scale:ne}],opacity:"days"===Z?ae:1}],children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[$.headerLabel,{transform:[{translateX:"days"===Z?te:0}]}],accessibilityLiveRegion:"polite",children:he}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.headerCaret,children:(Y.settings.icons.chevronDown??_defaultIcons.defaultIcons.chevronDown)({size:Y.text.sm.size,color:Y.colors["text-muted"]})})]})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:je,style:({pressed:e})=>[$.navBtn,e&&$.navBtnPressed,y],accessibilityRole:"button",accessibilityLabel:"days"===Z?"Next month":"years"===Z?"Next years":"Next decades",hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:$.navText,children:"›"})})]}),"days"===Z?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.weekdayRow,children:xe.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.weekdayCell,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:$.weekdayText,children:e})},`${e}-${t}`))}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[$.grid,{opacity:ae,transform:[{translateX:te}]}],children:Array.from({length:6}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.gridRow,children:ue.slice(7*t,7*t+7).map(e=>{const t=de(e.date),a=!!G&&isSameDay(e.date,G),r=isSameDay(e.date,q),i=a?Y.colors.primary:"transparent",s=r&&!a?Y.colors.primary:"transparent",n=a?Y.colors["on-primary"]:e.inMonth?t?Y.colors["text-disabled"]:Y.colors["text-body"]:Y.colors["text-subtle"],o=t?.3:e.inMonth?1:.4;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:t,onPress:()=>Ce(e),accessibilityRole:"button",accessibilityLabel:ye.format(e.date),accessibilityState:{selected:a,disabled:t},"aria-selected":a,"aria-disabled":t,style:$.dayCell,children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[$.dayInner,{backgroundColor:i,borderColor:s,borderWidth:r&&!a?1.5:0,opacity:o},a?{transform:[{scale:re}]}:null],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.dayText,{color:n}],children:e.date.getDate()})})},e.iso)})},`r-${t}`))})]}):"years"===Z?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[$.yearGrid,{opacity:ie,transform:[{scale:se}]}],children:Array.from({length:3}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.gridRow,children:me.slice(4*t,4*t+4).map(e=>{const t=be(e),a=!!G&&G.getFullYear()===e,r=q.getFullYear()===e,i=a?Y.colors.primary:"transparent",s=r&&!a?Y.colors.primary:"transparent",n=a?Y.colors["on-primary"]:t?Y.colors["text-disabled"]:Y.colors["text-body"],o=t?.3:1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:t,onPress:()=>we(e),accessibilityRole:"button",accessibilityLabel:`Year ${e}`,accessibilityState:{selected:a,disabled:t},"aria-selected":a,"aria-disabled":t,style:$.yearCell,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[$.yearInner,{backgroundColor:i,borderColor:s,borderWidth:r&&!a?1.5:0,opacity:o}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.yearText,{color:n}],children:e})})},`year-${e}`)})},`yr-${t}`))}):(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[$.yearGrid,{opacity:ie,transform:[{scale:se}]}],children:Array.from({length:3}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:$.gridRow,children:ge.slice(4*t,4*t+4).map(e=>{const t=e+10-1,a=pe(e),r=!!G&&decadeStartFor(G.getFullYear())===e,i=decadeStartFor(q.getFullYear())===e,s=r?Y.colors.primary:"transparent",n=i&&!r?Y.colors.primary:"transparent",o=r?Y.colors["on-primary"]:a?Y.colors["text-disabled"]:Y.colors["text-body"],l=a?.3:1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:a,onPress:()=>De(e),accessibilityRole:"button",accessibilityLabel:`Decade ${e} to ${t}`,accessibilityState:{selected:r,disabled:a},"aria-selected":r,"aria-disabled":a,style:$.yearCell,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[$.yearInner,{backgroundColor:s,borderColor:n,borderWidth:i&&!r?1.5:0,opacity:l}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.yearText,{color:o}],children:`${e}s`}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.decadeRangeText,{color:r?Y.colors["on-primary"]:Y.colors["text-subtle"]}],children:`${e}-${t}`})]})},`decade-${e}`)})},`dec-${t}`))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:$.footer,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Pe,style:({pressed:e})=>[$.footerBtn,$.footerCancel,e&&$.footerBtnPressed,h],accessibilityRole:"button",accessibilityLabel:m,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.footerBtnText,{color:Y.colors["text-muted"]}],children:m})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Ie,disabled:!G,style:({pressed:e})=>[$.footerBtn,$.footerConfirm,{backgroundColor:Y.colors.primary,opacity:G?1:.5},e&&{backgroundColor:Y.colors["primary-hover"]},h],accessibilityRole:"button",accessibilityLabel:u,accessibilityState:{disabled:!G},"aria-disabled":!G,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[$.footerBtnText,{color:Y.colors["on-primary"]}],children:u})})]})]}),ze=t?(M??(e=>e.toLocaleDateString()))(t):void 0,Be=!V;if("inline"===o)return I||Be?Be?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index3.PickerTrigger,{label:v,value:ze,placeholder:f,helperText:j,error:N,required:R,disabled:w,size:D,variant:C,clearable:S,onClear:A,onPress:()=>P(!0),triggerStyle:T,testID:p}),I?Le:null]}):Le:null;const $e=(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:I,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:Ae,children:(0,_jsxRuntime.jsx)(_ModalSafeArea.ModalSafeArea,{onInsets:B,children:(0,_jsxRuntime.jsxs)(AnimatedGestureRoot,{collapsable:!1,style:[$.backdrop,{backgroundColor:ke}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:Ae,accessibilityLabel:"Dismiss"}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[$.sheetWrap,{paddingBottom:Math.max(z.bottom,Y.space.lg),opacity:Ve,transform:[{translateY:_reactNative.Animated.add(Fe,Q)}]}],onLayout:e=>{ee.current=e.nativeEvent.layout.height},accessibilityViewIsModal:!0,accessibilityRole:"none",children:Le}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})});return Be?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index3.PickerTrigger,{label:v,value:ze,placeholder:f,helperText:j,error:N,required:R,disabled:w,size:D,variant:C,clearable:S,onClear:A,onPress:()=>P(!0),triggerStyle:T,testID:p}),$e]}):$e};exports.DatePicker=DatePicker;const buildStyles=e=>{const t=e.shadow.popover;return _reactNative.StyleSheet.create({backdrop:{..._reactNative.StyleSheet.absoluteFill},sheetWrap:{position:"absolute",left:0,right:0,bottom:0,paddingHorizontal:e.space.md,paddingBottom:e.space.lg},card:{backgroundColor:e.colors.surface,borderRadius:e.radius.xl,..._corners.smoothCorners,padding:e.space.lg,shadowColor:t.shadowColor,shadowOffset:t.shadowOffset,shadowOpacity:t.shadowOpacity,shadowRadius:t.shadowRadius,elevation:t.elevation},grabArea:{marginTop:-e.space.lg,paddingTop:e.space.sm},handle:{alignSelf:"center",width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:e.colors["border-subtle"],marginBottom:e.space.sm},titleRow:{marginBottom:e.space.sm},title:{fontSize:e.text.lg.size,fontWeight:e.weight.semibold,color:e.colors["text-body"]},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:e.space.md},navBtn:{width:36,height:36,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"]},navBtnPressed:{backgroundColor:e.colors["surface-pressed"]},navText:{fontSize:e.text["2xl"].size,lineHeight:26,color:e.colors["text-body"],fontWeight:e.weight.semibold},headerLabelWrap:{flex:1,alignItems:"center"},headerLabelInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},headerLabel:{fontSize:e.text.base.size,fontWeight:e.weight.semibold,color:e.colors["text-body"]},headerCaret:{marginLeft:e.space.xs,alignItems:"center",justifyContent:"center"},weekdayRow:{flexDirection:"row",marginBottom:e.space.xs},weekdayCell:{flex:1,alignItems:"center",paddingVertical:e.space.xs},weekdayText:{fontSize:e.text.xs.size,fontWeight:e.weight.medium,color:e.colors["text-subtle"],letterSpacing:e["letter-spacing"].wide},grid:{},gridRow:{flexDirection:"row"},dayCell:{flex:1,aspectRatio:1,alignItems:"center",justifyContent:"center",padding:e.space.xxs},dayInner:{width:"100%",height:"100%",borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},dayText:{fontSize:e.text.sm.size,fontWeight:e.weight.medium},yearGrid:{},yearCell:{flex:1,aspectRatio:1.6,alignItems:"center",justifyContent:"center",padding:e.space.xs},yearInner:{width:"100%",height:"100%",borderRadius:e.radius.lg,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},yearText:{fontSize:e.text.base.size,fontWeight:e.weight.semibold},decadeRangeText:{fontSize:e.text.xs.size,fontWeight:e.weight.medium,marginTop:e.space.xxs},footer:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",marginTop:e.space.lg,gap:e.space.sm},footerBtn:{paddingHorizontal:e.space.lg,paddingVertical:e.space.sm,borderRadius:e.radius.md,..._corners.smoothCorners,minHeight:40,alignItems:"center",justifyContent:"center"},footerCancel:{backgroundColor:"transparent"},footerConfirm:{},footerBtnPressed:{opacity:.85},footerBtnText:{fontSize:e.text.sm.size,fontWeight:e.weight.semibold}})};var _default=exports.default=DatePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DatePicker=exports.DEFAULT_DATE_PICKER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index3=require("../Calendar/index.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index4=require("../PickerTrigger/index.js"),_index5=require("../Text/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");const NAV_BUTTON_SIZE=36,DEFAULT_DATE_PICKER_LABELS=exports.DEFAULT_DATE_PICKER_LABELS=Object.freeze({title:"Select Date",confirm:"Confirm",cancel:"Cancel",dismiss:"Dismiss",previousMonth:"Previous month",nextMonth:"Next month",previousYears:"Previous years",nextYears:"Next years",previousDecades:"Previous decades",nextDecades:"Next decades",switchToYears:"switch to year selection",switchToDecades:"switch to decade selection",year:e=>`Year ${e}`,decade:(e,t)=>`Decade ${e} to ${t}`}),AnimatedGestureRoot=_reactNative.Animated.createAnimatedComponent(_reactNativeGestureHandler.GestureHandlerRootView),GRID_SIZE=12,DECADE_SPAN=10,startOfDay=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),decadeStartFor=e=>10*Math.floor(e/10),buildYearCells=e=>{const t=e-4;return Array.from({length:12},(e,a)=>t+a)},buildDecadeCells=e=>{const t=decadeStartFor(e)-40;return Array.from({length:12},(e,a)=>t+10*a)},DatePicker=e=>{const{value:t,onChange:a,onClose:r,minDate:i,maxDate:s,disabledDates:n,inline:o=!1,locale:l="en-IN",weekStartsOn:c=0,title:d,labels:u,style:_,containerStyle:m,headerLabelStyle:x,navButtonStyle:g,footerButtonStyle:h,haptic:b,testID:y,label:p,placeholder:v,helperText:f,error:j,required:R,disabled:D,size:N,variant:C,clearable:w,onClear:S,formatValue:A,triggerStyle:T}=e,P=o?"inline":"modal",M=(0,_react.useMemo)(()=>u?{...DEFAULT_DATE_PICKER_LABELS,...u}:DEFAULT_DATE_PICKER_LABELS,[u]),V=void 0!==e.visible,[k,L]=(0,_react.useState)(!1),E=V?e.visible:k,I=V?y:y?`${y}-calendar`:void 0,B=(0,_index.useTheme)(),F=(0,_usePresenceMotion.usePresenceMotion)(),[z,Y]=(0,_ModalSafeArea.useModalInsets)(),H=(0,_react.useMemo)(()=>buildStyles(B),[B]),[q,O]=(0,_react.useState)(()=>startOfDay(new Date));(0,_react.useEffect)(()=>{E&&O(startOfDay(new Date))},[E]);const $=t?startOfDay(t):q,[G,W]=(0,_react.useState)($),[U,K]=(0,_react.useState)(t?startOfDay(t):null),[Z,X]=(0,_react.useState)("days"),J=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,Q=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,ee=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,te=(0,_react.useRef)(0),ae=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,re=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,ie=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(t){const e=startOfDay(t);K(e),W(e)}else K(null)},[t]);const se=(0,_react.useMemo)(()=>i?startOfDay(i):null,[i]),ne=(0,_react.useMemo)(()=>s?startOfDay(s):null,[s]),oe=(0,_react.useMemo)(()=>buildYearCells(G.getFullYear()),[G]),le=(0,_react.useMemo)(()=>buildDecadeCells(G.getFullYear()),[G]),ce=(0,_react.useMemo)(()=>{if("years"===Z){return`${oe[0]} - ${oe[oe.length-1]}`}return`${le[0]} - ${le[le.length-1]+9}`},[le,Z,oe]),de=(0,_react.useCallback)(e=>!!(se&&e<se.getFullYear())||!!(ne&&e>ne.getFullYear()),[se,ne]),ue=(0,_react.useCallback)(e=>!!(se&&e+10-1<se.getFullYear())||!!(ne&&e>ne.getFullYear()),[se,ne]),me=(0,_react.useCallback)(()=>{!1!==b&&(0,_index2.triggerHaptic)("impactLight"),W("years"===Z?e=>new Date(e.getFullYear()-12,e.getMonth(),1):e=>new Date(e.getFullYear()-120,e.getMonth(),1))},[Z,b]),xe=(0,_react.useCallback)(()=>{!1!==b&&(0,_index2.triggerHaptic)("impactLight"),W("years"===Z?e=>new Date(e.getFullYear()+12,e.getMonth(),1):e=>new Date(e.getFullYear()+120,e.getMonth(),1))},[Z,b]),ge=(0,_react.useCallback)(()=>{const[e]=F.range(.9,1),t=F.reduced?F.duration("default"):B.motion.duration.default;(0,_index.setNativeValue)(ae,0),(0,_index.setNativeValue)(re,e),_reactNative.Animated.parallel([_reactNative.Animated.timing(ae,{toValue:1,duration:t,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),_reactNative.Animated.timing(re,{toValue:1,duration:t,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0})]).start()},[ae,re,F,B.motion.duration.default]),he=(0,_react.useCallback)(()=>{const e=(0,_index2.resolveHaptic)(b,"selection");if(e&&(0,_index2.triggerHaptic)(e),!F.reduced){const e=80,t=100;_reactNative.Animated.sequence([_reactNative.Animated.timing(ie,{toValue:.96,duration:e,useNativeDriver:!0}),_reactNative.Animated.timing(ie,{toValue:1,duration:t,useNativeDriver:!0})]).start()}X(e=>"days"===e?"years":"years"===e?"decades":"years"),ge()},[ge,ie,b,F.reduced]),be=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(b,"selection");t&&(0,_index2.triggerHaptic)(t),W(t=>new Date(e,t.getMonth(),1)),X("days"),ge()},[ge,b]),ye=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(b,"selection");t&&(0,_index2.triggerHaptic)(t),W(t=>new Date(e+4,t.getMonth(),1)),X("years"),ge()},[ge,b]),pe=(0,_react.useCallback)(e=>{K(e.start)},[]),ve=(0,_react.useCallback)(()=>{V||L(!1),r?.()},[V,r]),fe=(0,_react.useCallback)(()=>{"modal"===P?_reactNative.Animated.parallel([_reactNative.Animated.timing(J,{toValue:0,duration:F.duration("default"),easing:_reactNative.Easing.bezier(...B.motion.ease.accelerate),useNativeDriver:!1}),_reactNative.Animated.timing(Q,{toValue:0,duration:F.duration("fast"),easing:_reactNative.Easing.bezier(...B.motion.ease.accelerate),useNativeDriver:!0})]).start(()=>{ve()}):ve()},[J,P,ve,F,Q,B.motion.ease.accelerate]),{handleGesture:je,opacity:Re}=(0,_useDragToDismiss.useDragToDismiss)({drag:ee,travel:()=>te.current||320,onDismiss:fe}),De=(0,_react.useMemo)(()=>_reactNative.Animated.multiply(Q,Re),[Q,Re]),Ne=(0,_react.useMemo)(()=>J.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(B.colors.scrim),B.colors.scrim]}),[J,B.colors.scrim]);(0,_react.useEffect)(()=>{if("modal"===P&&E){J.setValue(0),(0,_index.setNativeValue)(Q,0),(0,_index.setNativeValue)(ee,0),(0,_index.setNativeValue)(Re,1);const e=F.reduced?_reactNative.Animated.timing(Q,{toValue:1,duration:F.duration("default"),useNativeDriver:!0}):_reactNative.Animated.spring(Q,{toValue:1,damping:B.motion.spring.gentle.damping,stiffness:B.motion.spring.gentle.stiffness,mass:B.motion.spring.gentle.mass,useNativeDriver:!0}),t=_reactNative.Animated.parallel([_reactNative.Animated.timing(J,{toValue:1,duration:F.duration("default"),easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!1}),e]);return t.start(),()=>t.stop()}},[E,P,J,F,Q,ee,Re,B.motion]);const Ce=(0,_react.useCallback)(()=>{!1!==b&&(0,_index2.triggerHaptic)("selection"),fe()},[fe,b]),we=(0,_react.useCallback)(()=>{U&&(!1!==b&&(0,_index2.triggerHaptic)("notificationSuccess"),a?.(U),fe())},[fe,a,U,b]),Se=Q.interpolate({inputRange:[0,1],outputRange:F.range(320,0)}),Ae=(0,_jsxRuntime.jsx)(_reactNative.View,{style:H.titleRow,children:(0,_jsxRuntime.jsx)(_index5.Text,{style:H.title,variant:"title",accessibilityRole:"header",children:d??M.title})}),Te=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[H.card,_,m],accessibilityRole:"modal"===P?void 0:"none",accessible:!1,testID:I,children:["modal"===P?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:je,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:H.grabArea,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:H.handle}),Ae]})}):Ae,"days"!==Z?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:H.headerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:me,style:({pressed:e})=>[H.navBtn,e&&H.navBtnPressed,g],accessibilityRole:"button",accessibilityLabel:"years"===Z?M.previousYears:M.previousDecades,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsx)(_index5.Text,{style:H.navText,variant:"title",children:"‹"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:he,style:[H.headerLabelWrap,x],accessibilityRole:"button",accessibilityLabel:`${ce}, ${"years"===Z?M.switchToDecades:M.switchToYears}`,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[H.headerLabelInner,{transform:[{scale:ie}]}],children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[H.headerLabel,{transform:[{translateX:0}]}],accessibilityLiveRegion:"polite",children:ce}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:H.headerCaret,children:(B.settings.icons.chevronDown??_defaultIcons.defaultIcons.chevronDown)({size:B.text.sm.size,color:B.colors["text-muted"]})})]})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:xe,style:({pressed:e})=>[H.navBtn,e&&H.navBtnPressed,g],accessibilityRole:"button",accessibilityLabel:"years"===Z?M.nextYears:M.nextDecades,hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),children:(0,_jsxRuntime.jsx)(_index5.Text,{style:H.navText,variant:"title",children:"›"})})]}):null,"days"===Z?(0,_jsxRuntime.jsx)(_index3.Calendar,{selectionMode:"single",value:U?{start:U}:null,onChange:pe,month:G,onMonthChange:W,minDate:i,maxDate:s,disabledDates:n,weekStartsOn:c,locale:l,haptic:b,headerLabelStyle:x,navButtonStyle:g,onTitlePress:he,labels:{previousMonth:M.previousMonth,nextMonth:M.nextMonth},testID:I?`${I}-grid`:void 0}):"years"===Z?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[H.yearGrid,{opacity:ae,transform:[{scale:re}]}],children:Array.from({length:3},(e,t)=>oe.slice(4*t,4*t+4)).map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:H.gridRow,children:e.map(e=>{const t=de(e),a=!!U&&U.getFullYear()===e,r=q.getFullYear()===e,i=a?B.colors.primary:"transparent",s=r&&!a?B.colors.primary:"transparent",n=a?B.colors["on-primary"]:t?B.colors["text-disabled"]:B.colors["text-body"],o=t?.3:1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:t,onPress:()=>be(e),accessibilityRole:"button",accessibilityLabel:M.year(e),accessibilityState:{selected:a,disabled:t},"aria-selected":a,"aria-disabled":t,style:H.yearCell,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[H.yearInner,{backgroundColor:i,borderColor:s,borderWidth:r&&!a?1.5:0,opacity:o}],children:(0,_jsxRuntime.jsx)(_index5.Text,{style:[H.yearText,{color:n}],variant:"body",children:e})})},`year-${e}`)})},`yr-${e[0]}`))}):(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[H.yearGrid,{opacity:ae,transform:[{scale:re}]}],children:Array.from({length:3},(e,t)=>le.slice(4*t,4*t+4)).map(e=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:H.gridRow,children:e.map(e=>{const t=e+10-1,a=ue(e),r=!!U&&decadeStartFor(U.getFullYear())===e,i=decadeStartFor(q.getFullYear())===e,s=r?B.colors.primary:"transparent",n=i&&!r?B.colors.primary:"transparent",o=r?B.colors["on-primary"]:a?B.colors["text-disabled"]:B.colors["text-body"],l=a?.3:1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:a,onPress:()=>ye(e),accessibilityRole:"button",accessibilityLabel:M.decade(e,t),accessibilityState:{selected:r,disabled:a},"aria-selected":r,"aria-disabled":a,style:H.yearCell,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[H.yearInner,{backgroundColor:s,borderColor:n,borderWidth:i&&!r?1.5:0,opacity:l}],children:[(0,_jsxRuntime.jsx)(_index5.Text,{style:[H.yearText,{color:o}],variant:"body",children:`${e}s`}),(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",style:[H.decadeRangeText,{color:r?B.colors["on-primary"]:B.colors["text-subtle"]}],children:`${e}-${t}`})]})},`decade-${e}`)})},`dec-${e[0]}`))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:H.footer,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Ce,style:({pressed:e})=>[H.footerBtn,H.footerCancel,e&&H.footerBtnPressed,h],accessibilityRole:"button",accessibilityLabel:M.cancel,children:(0,_jsxRuntime.jsx)(_index5.Text,{style:[H.footerBtnText,{color:B.colors["text-muted"]}],variant:"label",weight:"semibold",children:M.cancel})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:we,disabled:!U,style:({pressed:e})=>[H.footerBtn,H.footerConfirm,{backgroundColor:B.colors.primary,opacity:U?1:.5},e&&{backgroundColor:B.colors["primary-hover"]},h],accessibilityRole:"button",accessibilityLabel:M.confirm,accessibilityState:{disabled:!U},"aria-disabled":!U,children:(0,_jsxRuntime.jsx)(_index5.Text,{style:[H.footerBtnText,{color:B.colors["on-primary"]}],variant:"label",weight:"semibold",children:M.confirm})})]})]}),Pe=t?(A??(e=>e.toLocaleDateString()))(t):void 0,Me=!V;if("inline"===P)return E||Me?Me?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index4.PickerTrigger,{label:p,value:Pe,placeholder:v,helperText:f,error:j,required:R,disabled:D,size:N,variant:C,clearable:w,onClear:S,onPress:()=>L(!0),triggerStyle:T,testID:y}),E?Te:null]}):Te:null;const Ve=(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:E,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:fe,children:(0,_jsxRuntime.jsx)(_ModalSafeArea.ModalSafeArea,{onInsets:Y,children:(0,_jsxRuntime.jsxs)(AnimatedGestureRoot,{collapsable:!1,style:[H.backdrop,{backgroundColor:Ne}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:fe,accessibilityLabel:M.dismiss}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[H.sheetWrap,{paddingBottom:Math.max(z.bottom,B.space.lg),opacity:De,transform:[{translateY:_reactNative.Animated.add(Se,ee)}]}],onLayout:e=>{te.current=e.nativeEvent.layout.height},accessibilityViewIsModal:!0,accessibilityRole:"none",children:Te}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})});return Me?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index4.PickerTrigger,{label:p,value:Pe,placeholder:v,helperText:f,error:j,required:R,disabled:D,size:N,variant:C,clearable:w,onClear:S,onPress:()=>L(!0),triggerStyle:T,testID:y}),Ve]}):Ve};exports.DatePicker=DatePicker;const buildStyles=e=>{const t=e.shadow.popover;return _reactNative.StyleSheet.create({backdrop:{..._reactNative.StyleSheet.absoluteFill},sheetWrap:{position:"absolute",left:0,right:0,bottom:0,paddingHorizontal:e.space.md,paddingBottom:e.space.lg},card:{backgroundColor:e.colors.surface,borderRadius:e.radius.xl,..._corners.smoothCorners,padding:e.space.lg,shadowColor:t.shadowColor,shadowOffset:t.shadowOffset,shadowOpacity:t.shadowOpacity,shadowRadius:t.shadowRadius,elevation:t.elevation},grabArea:{marginTop:-e.space.lg,paddingTop:e.space.sm},handle:{alignSelf:"center",width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:e.colors["border-subtle"],marginBottom:e.space.sm},titleRow:{marginBottom:e.space.sm},title:{fontSize:e.text.lg.size,lineHeight:Math.round(e.text.lg.size*e.leading.body),fontWeight:e.weight.semibold,color:e.colors["text-body"]},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:e.space.md},navBtn:{width:36,height:36,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"]},navBtnPressed:{backgroundColor:e.colors["surface-pressed"]},navText:{fontSize:e.text["2xl"].size,lineHeight:26,color:e.colors["text-body"],fontWeight:e.weight.semibold},headerLabelWrap:{flex:1,alignItems:"center"},headerLabelInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},headerLabel:{fontSize:e.text.base.size,fontWeight:e.weight.semibold,color:e.colors["text-body"]},headerCaret:{marginLeft:e.space.xs,alignItems:"center",justifyContent:"center"},gridRow:{flexDirection:"row"},yearGrid:{},yearCell:{flex:1,aspectRatio:1.6,alignItems:"center",justifyContent:"center",padding:e.space.xs},yearInner:{width:"100%",height:"100%",borderRadius:e.radius.lg,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},yearText:{fontSize:e.text.base.size,lineHeight:Math.round(e.text.base.size*e.leading.body),fontWeight:e.weight.semibold},decadeRangeText:{fontSize:e.text.xs.size,lineHeight:Math.round(e.text.xs.size*e.leading.body),fontWeight:e.weight.medium,marginTop:e.space.xxs},footer:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",marginTop:e.space.lg,gap:e.space.sm},footerBtn:{paddingHorizontal:e.space.lg,paddingVertical:e.space.sm,borderRadius:e.radius.md,..._corners.smoothCorners,minHeight:40,alignItems:"center",justifyContent:"center"},footerCancel:{backgroundColor:"transparent"},footerConfirm:{},footerBtnPressed:{opacity:.85},footerBtnText:{fontSize:e.text.sm.size,lineHeight:Math.round(e.text.sm.size*e.leading.body),fontWeight:e.weight.semibold}})};var _default=exports.default=DatePicker;

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

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

package/lib/commonjs/components/DateRangePicker/DateRangePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DateRangePicker=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_index3=require("../Calendar/index.js"),_calendarDates=require("../Calendar/calendarDates.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index4=require("../PickerTrigger/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");const AnimatedGestureRoot=_reactNative.Animated.createAnimatedComponent(_reactNativeGestureHandler.GestureHandlerRootView),formatRangePart=(e,t)=>new Intl.DateTimeFormat(t,{weekday:"short",day:"numeric",month:"short"}).format(e),DateRangePicker=exports.DateRangePicker=(0,_react.forwardRef)((e,t)=>{const{visible:a,value:r,onChange:s,onClose:i,label:n,placeholder:o,helperText:l,error:c,required:d,disabled:u,size:m,variant:_,clearable:g,onClear:x,formatValue:f,triggerStyle:p,minDate:v,maxDate:b,disabledDates:h,markedDates:y,strikeMarkedInRange:R,locale:j="en-IN",weekStartsOn:D=0,title:N="Select Date Range",confirmLabel:S="Confirm",cancelLabel:C="Cancel",maxRange:k,haptic:w,style:P,containerStyle:T,headerLabelStyle:A,navButtonStyle:M,footerButtonStyle:V,testID:q}=e,B=void 0!==a,[O,I]=(0,_react.useState)(!1),z=B?a:O,H=B?q:q?`${q}-calendar`:void 0,L=(0,_index.useTheme)(),G=(0,_usePresenceMotion.usePresenceMotion)(),[E,$]=(0,_ModalSafeArea.useModalInsets)(),W=(0,_react.useMemo)(()=>buildStyles(L),[L]),[F,Y]=(0,_react.useState)(()=>(0,_calendarDates.startOfMonth)(r.start??new Date)),[J,K]=(0,_react.useState)(r.start?(0,_calendarDates.startOfDay)(r.start):null),[Q,U]=(0,_react.useState)(r.end?(0,_calendarDates.startOfDay)(r.end):null),X=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,Z=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,ee=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,te=(0,_react.useRef)(0);(0,_react.useEffect)(()=>{if(r.start){const e=(0,_calendarDates.startOfDay)(r.start);K(e),Y((0,_calendarDates.startOfMonth)(e))}else K(null);r.end?U((0,_calendarDates.startOfDay)(r.end)):U(null)},[r.start,r.end]);const ae=(0,_react.useCallback)(e=>{if(e.end&&k&&(0,_calendarDates.daysBetween)(e.start,e.end)+1>k)return!1!==w&&(0,_index2.triggerHaptic)("notificationWarning"),K(e.end),void U(null);K(e.start),U(e.end??null)},[k,w]),re=(0,_react.useCallback)(()=>{B?i?.():I(!1)},[B,i]),se=(0,_react.useCallback)(()=>{_reactNative.Animated.parallel([_reactNative.Animated.timing(X,{toValue:0,duration:G.duration("default"),easing:_reactNative.Easing.bezier(...L.motion.ease.accelerate),useNativeDriver:!1}),_reactNative.Animated.timing(Z,{toValue:0,duration:G.duration("fast"),easing:_reactNative.Easing.bezier(...L.motion.ease.accelerate),useNativeDriver:!0})]).start(()=>{re()})},[X,re,G,Z,L.motion.ease.accelerate]),{handleGesture:ie,opacity:ne}=(0,_useDragToDismiss.useDragToDismiss)({drag:ee,travel:()=>te.current||320,onDismiss:se}),oe=(0,_react.useMemo)(()=>_reactNative.Animated.multiply(Z,ne),[Z,ne]),le=(0,_react.useMemo)(()=>X.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(L.colors.scrim),L.colors.scrim]}),[X,L.colors.scrim]);(0,_react.useEffect)(()=>{let e;if(z){X.setValue(0),(0,_index.setNativeValue)(Z,0),(0,_index.setNativeValue)(ee,0),(0,_index.setNativeValue)(ne,1);const t=G.reduced?_reactNative.Animated.timing(Z,{toValue:1,duration:G.duration("default"),useNativeDriver:!0}):_reactNative.Animated.spring(Z,{toValue:1,damping:L.motion.spring.gentle.damping,stiffness:L.motion.spring.gentle.stiffness,mass:L.motion.spring.gentle.mass,useNativeDriver:!0});e=_reactNative.Animated.parallel([_reactNative.Animated.timing(X,{toValue:1,duration:G.duration("default"),easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!1}),t]),e.start()}return()=>e?.stop()},[z,X,G,Z,ee,ne,L.motion]);const ce=(0,_react.useCallback)(()=>{!1!==w&&(0,_index2.triggerHaptic)("selection"),se()},[se,w]),de=(0,_react.useCallback)(()=>{J&&Q&&(!1!==w&&(0,_index2.triggerHaptic)("notificationSuccess"),s?.({start:J,end:Q}),se())},[se,s,J,Q,w]),ue=Z.interpolate({inputRange:[0,1],outputRange:G.range(320,0)}),me=(0,_react.useMemo)(()=>J&&Q?`${formatRangePart(J,j)} — ${formatRangePart(Q,j)}`:J?`${formatRangePart(J,j)} — …`:"—",[J,Q,j]),ge=!J||!Q,xe=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[W.card,P,T],ref:t,accessible:!1,testID:H,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:ie,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.grabArea,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.handle}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.titleRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:W.title,accessibilityRole:"header",children:N}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:W.subtitle,accessibilityLiveRegion:"polite",children:me})]})]})}),(0,_jsxRuntime.jsx)(_index3.Calendar,{mode:"range",value:J?{start:J,end:Q??void 0}:null,onChange:ae,month:F,onMonthChange:Y,minDate:v,maxDate:b,disabledDates:h,markedDates:y,strikeMarkedInRange:R,weekStartsOn:D,locale:j,haptic:w,headerLabelStyle:A,navButtonStyle:M,testID:H?`${H}-grid`:void 0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.footer,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:ce,style:({pressed:e})=>[W.footerBtn,W.footerCancel,e&&W.footerBtnPressed,V],accessibilityRole:"button",accessibilityLabel:C,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.footerBtnText,{color:L.colors["text-muted"]}],children:C})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:de,disabled:ge,style:({pressed:e})=>[W.footerBtn,W.footerConfirm,{backgroundColor:L.colors.primary,opacity:ge?.5:1},e&&{backgroundColor:L.colors["primary-hover"]},V],accessibilityRole:"button",accessibilityLabel:S,accessibilityState:{disabled:ge},"aria-disabled":ge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.footerBtnText,{color:L.colors["on-primary"]}],children:S})})]})]}),fe=(0,_react.useMemo)(()=>{if(!r.start||!r.end)return"";const e={start:r.start,end:r.end};return f?f(e):`${e.start.toLocaleDateString()} – ${e.end.toLocaleDateString()}`},[r.start,r.end,f]);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[B?null:(0,_jsxRuntime.jsx)(_index4.PickerTrigger,{label:n,placeholder:o,helperText:l,error:c,required:d,disabled:u,size:m,variant:_,clearable:g,onClear:x,value:fe,onPress:()=>I(!0),triggerStyle:p,testID:q}),(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:z,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:se,children:(0,_jsxRuntime.jsx)(_ModalSafeArea.ModalSafeArea,{onInsets:$,children:(0,_jsxRuntime.jsxs)(AnimatedGestureRoot,{collapsable:!1,style:[W.backdrop,{backgroundColor:le}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:se,accessibilityLabel:"Dismiss"}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[W.sheetWrap,{paddingBottom:Math.max(E.bottom,L.space.lg),opacity:oe,transform:[{translateY:_reactNative.Animated.add(ue,ee)}]}],onLayout:e=>{te.current=e.nativeEvent.layout.height},accessibilityViewIsModal:!0,accessibilityRole:"none",children:xe}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})})]})});DateRangePicker.displayName="DateRangePicker";const buildStyles=e=>{const t=e.shadow.popover;return _reactNative.StyleSheet.create({backdrop:{..._reactNative.StyleSheet.absoluteFill},sheetWrap:{position:"absolute",left:0,right:0,bottom:0,paddingHorizontal:e.space.md,paddingBottom:e.space.lg},card:{backgroundColor:e.colors.surface,borderRadius:e.radius.xl,..._corners.smoothCorners,padding:e.space.lg,shadowColor:t.shadowColor,shadowOffset:t.shadowOffset,shadowOpacity:t.shadowOpacity,shadowRadius:t.shadowRadius,elevation:t.elevation},grabArea:{marginTop:-e.space.lg,paddingTop:e.space.sm},handle:{alignSelf:"center",width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:e.colors["border-subtle"],marginBottom:e.space.sm},titleRow:{marginBottom:e.space.sm},title:{fontSize:e.text.lg.size,fontWeight:e.weight.semibold,color:e.colors["text-body"]},subtitle:{marginTop:e.space.xxs,fontSize:e.text.sm.size,color:e.colors["text-muted"]},footer:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",marginTop:e.space.lg,gap:e.space.sm},footerBtn:{paddingHorizontal:e.space.lg,paddingVertical:e.space.sm,borderRadius:e.radius.md,..._corners.smoothCorners,minHeight:40,alignItems:"center",justifyContent:"center"},footerCancel:{backgroundColor:"transparent"},footerConfirm:{},footerBtnPressed:{opacity:.85},footerBtnText:{fontSize:e.text.sm.size,fontWeight:e.weight.semibold}})};var _default=exports.default=DateRangePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DateRangePicker=exports.DEFAULT_DATE_RANGE_PICKER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_index3=require("../Calendar/index.js"),_calendarDates=require("../Calendar/calendarDates.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_index4=require("../PickerTrigger/index.js"),_index5=require("../Text/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_DATE_RANGE_PICKER_LABELS=exports.DEFAULT_DATE_RANGE_PICKER_LABELS=Object.freeze({title:"Select Date Range",confirm:"Confirm",cancel:"Cancel",dismiss:"Dismiss"}),AnimatedGestureRoot=_reactNative.Animated.createAnimatedComponent(_reactNativeGestureHandler.GestureHandlerRootView),formatRangePart=(e,t)=>new Intl.DateTimeFormat(t,{weekday:"short",day:"numeric",month:"short"}).format(e),DateRangePicker=exports.DateRangePicker=(0,_react.forwardRef)((e,t)=>{const{visible:a,value:r,onChange:i,onClose:s,label:n,placeholder:o,helperText:l,error:c,required:d,disabled:u,size:m,variant:_,clearable:g,onClear:x,formatValue:f,triggerStyle:p,minDate:b,maxDate:h,disabledDates:v,marks:R,locale:y="en-IN",weekStartsOn:j=0,title:D,labels:N,maxRange:S,haptic:A,style:C,containerStyle:T,headerLabelStyle:P,navButtonStyle:w,footerButtonStyle:k,testID:M}=e,E=void 0!==a,[B,V]=(0,_react.useState)(!1),L=E?a:B,q=E?M:M?`${M}-calendar`:void 0,z=(0,_index.useTheme)(),I=(0,_usePresenceMotion.usePresenceMotion)(),[O,H]=(0,_ModalSafeArea.useModalInsets)(),G=(0,_react.useMemo)(()=>buildStyles(z),[z]),F=(0,_react.useMemo)(()=>({...DEFAULT_DATE_RANGE_PICKER_LABELS,...N}),[N]),[$,W]=(0,_react.useState)(()=>(0,_calendarDates.startOfMonth)(r.start??new Date)),[K,U]=(0,_react.useState)(r.start?(0,_calendarDates.startOfDay)(r.start):null),[Y,J]=(0,_react.useState)(r.end?(0,_calendarDates.startOfDay)(r.end):null),Q=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,X=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,Z=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,ee=(0,_react.useRef)(0);(0,_react.useEffect)(()=>{if(r.start){const e=(0,_calendarDates.startOfDay)(r.start);U(e),W((0,_calendarDates.startOfMonth)(e))}else U(null);r.end?J((0,_calendarDates.startOfDay)(r.end)):J(null)},[r.start,r.end]);const te=(0,_react.useCallback)(e=>{if(e.end&&S&&(0,_calendarDates.daysBetween)(e.start,e.end)+1>S)return!1!==A&&(0,_index2.triggerHaptic)("notificationWarning"),U(e.end),void J(null);U(e.start),J(e.end??null)},[S,A]),ae=(0,_react.useCallback)(()=>{E?s?.():V(!1)},[E,s]),re=(0,_react.useCallback)(()=>{_reactNative.Animated.parallel([_reactNative.Animated.timing(Q,{toValue:0,duration:I.duration("default"),easing:_reactNative.Easing.bezier(...z.motion.ease.accelerate),useNativeDriver:!1}),_reactNative.Animated.timing(X,{toValue:0,duration:I.duration("fast"),easing:_reactNative.Easing.bezier(...z.motion.ease.accelerate),useNativeDriver:!0})]).start(()=>{ae()})},[Q,ae,I,X,z.motion.ease.accelerate]),{handleGesture:ie,opacity:se}=(0,_useDragToDismiss.useDragToDismiss)({drag:Z,travel:()=>ee.current||320,onDismiss:re}),ne=(0,_react.useMemo)(()=>_reactNative.Animated.multiply(X,se),[X,se]),oe=(0,_react.useMemo)(()=>Q.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(z.colors.scrim),z.colors.scrim]}),[Q,z.colors.scrim]);(0,_react.useEffect)(()=>{let e;if(L){Q.setValue(0),(0,_index.setNativeValue)(X,0),(0,_index.setNativeValue)(Z,0),(0,_index.setNativeValue)(se,1);const t=I.reduced?_reactNative.Animated.timing(X,{toValue:1,duration:I.duration("default"),useNativeDriver:!0}):_reactNative.Animated.spring(X,{toValue:1,damping:z.motion.spring.gentle.damping,stiffness:z.motion.spring.gentle.stiffness,mass:z.motion.spring.gentle.mass,useNativeDriver:!0});e=_reactNative.Animated.parallel([_reactNative.Animated.timing(Q,{toValue:1,duration:I.duration("default"),easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!1}),t]),e.start()}return()=>e?.stop()},[L,Q,I,X,Z,se,z.motion]);const le=(0,_react.useCallback)(()=>{!1!==A&&(0,_index2.triggerHaptic)("selection"),re()},[re,A]),ce=(0,_react.useCallback)(()=>{K&&Y&&(!1!==A&&(0,_index2.triggerHaptic)("notificationSuccess"),i?.({start:K,end:Y}),re())},[re,i,K,Y,A]),de=X.interpolate({inputRange:[0,1],outputRange:I.range(320,0)}),ue=(0,_react.useMemo)(()=>K&&Y?`${formatRangePart(K,y)} — ${formatRangePart(Y,y)}`:K?`${formatRangePart(K,y)} — …`:"—",[K,Y,y]),me=!K||!Y,ge=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[G.card,C,T],ref:t,accessible:!1,testID:q,children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:ie,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:G.grabArea,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:G.handle}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:G.titleRow,children:[(0,_jsxRuntime.jsx)(_index5.Text,{variant:"title",style:G.title,accessibilityRole:"header",children:D??F.title}),(0,_jsxRuntime.jsx)(_index5.Text,{variant:"bodySmall",style:G.subtitle,accessibilityLiveRegion:"polite",children:ue})]})]})}),(0,_jsxRuntime.jsx)(_index3.Calendar,{selectionMode:"range",value:K?{start:K,end:Y??void 0}:null,onChange:te,month:$,onMonthChange:W,minDate:b,maxDate:h,disabledDates:v,marks:R,weekStartsOn:j,locale:y,haptic:A,headerLabelStyle:P,navButtonStyle:w,testID:q?`${q}-grid`:void 0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:G.footer,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:le,style:({pressed:e})=>[G.footerBtn,G.footerCancel,e&&G.footerBtnPressed,k],accessibilityRole:"button",accessibilityLabel:F.cancel,children:(0,_jsxRuntime.jsx)(_index5.Text,{variant:"label",weight:"semibold",style:[G.footerBtnText,{color:z.colors["text-muted"]}],children:F.cancel})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:ce,disabled:me,style:({pressed:e})=>[G.footerBtn,G.footerConfirm,{backgroundColor:z.colors.primary,opacity:me?.5:1},e&&{backgroundColor:z.colors["primary-hover"]},k],accessibilityRole:"button",accessibilityLabel:F.confirm,accessibilityState:{disabled:me},"aria-disabled":me,children:(0,_jsxRuntime.jsx)(_index5.Text,{variant:"label",weight:"semibold",style:[G.footerBtnText,{color:z.colors["on-primary"]}],children:F.confirm})})]})]}),xe=(0,_react.useMemo)(()=>{if(!r.start||!r.end)return"";const e={start:r.start,end:r.end};return f?f(e):`${e.start.toLocaleDateString()} – ${e.end.toLocaleDateString()}`},[r.start,r.end,f]);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[E?null:(0,_jsxRuntime.jsx)(_index4.PickerTrigger,{label:n,placeholder:o,helperText:l,error:c,required:d,disabled:u,size:m,variant:_,clearable:g,onClear:x,value:xe,onPress:()=>V(!0),triggerStyle:p,testID:M}),(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:L,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:re,children:(0,_jsxRuntime.jsx)(_ModalSafeArea.ModalSafeArea,{onInsets:H,children:(0,_jsxRuntime.jsxs)(AnimatedGestureRoot,{collapsable:!1,style:[G.backdrop,{backgroundColor:oe}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:re,accessibilityLabel:F.dismiss}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[G.sheetWrap,{paddingBottom:Math.max(O.bottom,z.space.lg),opacity:ne,transform:[{translateY:_reactNative.Animated.add(de,Z)}]}],onLayout:e=>{ee.current=e.nativeEvent.layout.height},accessibilityViewIsModal:!0,accessibilityRole:"none",children:ge}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})})]})});DateRangePicker.displayName="DateRangePicker";const buildStyles=e=>{const t=e.shadow.popover;return _reactNative.StyleSheet.create({backdrop:{..._reactNative.StyleSheet.absoluteFill},sheetWrap:{position:"absolute",left:0,right:0,bottom:0,paddingHorizontal:e.space.md,paddingBottom:e.space.lg},card:{backgroundColor:e.colors.surface,borderRadius:e.radius.xl,..._corners.smoothCorners,padding:e.space.lg,shadowColor:t.shadowColor,shadowOffset:t.shadowOffset,shadowOpacity:t.shadowOpacity,shadowRadius:t.shadowRadius,elevation:t.elevation},grabArea:{marginTop:-e.space.lg,paddingTop:e.space.sm},handle:{alignSelf:"center",width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:e.colors["border-subtle"],marginBottom:e.space.sm},titleRow:{marginBottom:e.space.sm},title:{fontSize:e.text.lg.size,lineHeight:Math.round(e.text.lg.size*e.leading.body),fontWeight:e.weight.semibold,color:e.colors["text-body"]},subtitle:{marginTop:e.space.xxs,fontSize:e.text.sm.size,lineHeight:Math.round(e.text.sm.size*e.leading.body),color:e.colors["text-muted"]},footer:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",marginTop:e.space.lg,gap:e.space.sm},footerBtn:{paddingHorizontal:e.space.lg,paddingVertical:e.space.sm,borderRadius:e.radius.md,..._corners.smoothCorners,minHeight:40,alignItems:"center",justifyContent:"center"},footerCancel:{backgroundColor:"transparent"},footerConfirm:{},footerBtnPressed:{opacity:.85},footerBtnText:{fontSize:e.text.sm.size,lineHeight:Math.round(e.text.sm.size*e.leading.body),fontWeight:e.weight.semibold}})};var _default=exports.default=DateRangePicker;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.dayLabel=exports.DateSeparator=exports.DEFAULT_DATE_SEPARATOR_LABELS=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_DATE_SEPARATOR_LABELS=exports.DEFAULT_DATE_SEPARATOR_LABELS=Object.freeze({today:"Today",yesterday:"Yesterday"}),DAY_MS=864e5,dayLabel=(e,t={})=>{const r=(0,_mobileCore.formatDate)(e,{empty:""});if(!r)return"";const a={...DEFAULT_DATE_SEPARATOR_LABELS,...t.labels},o=t.now??new Date;return r===(0,_mobileCore.formatDate)(o)?a.today:r===(0,_mobileCore.formatDate)(new Date(o.getTime()-DAY_MS))?a.yesterday:r};exports.dayLabel=dayLabel;const DateSeparator=({date:e,label:t,emphasis:r=!1,labels:a,now:o,style:i,testID:s})=>{const l=(0,_index.useTheme)(),n=(0,_react.useMemo)(()=>buildStyles(l),[l]),c=t??(void 0===e?"":dayLabel(e,{now:o,labels:a})),d=r?l.colors.primary:l.colors["border-subtle"];return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[n.row,i],testID:s,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[n.rule,{backgroundColor:d}]}),(0,_jsxRuntime.jsx)(_index2.Text,{variant:"caption",weight:r?"semibold":"medium",color:r?l.colors["primary-text"]:"secondary",accessibilityRole:"header",children:c}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[n.rule,{backgroundColor:d}]})]})};exports.DateSeparator=DateSeparator;const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:e.space.sm,paddingVertical:e.space.sm},rule:{flex:1,height:_reactNative.StyleSheet.hairlineWidth}});var _default=exports.default=DateSeparator;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.dayLabel=exports.DateSeparator=exports.DEFAULT_DATE_SEPARATOR_LABELS=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_DATE_SEPARATOR_LABELS=exports.DEFAULT_DATE_SEPARATOR_LABELS=Object.freeze({today:"Today",yesterday:"Yesterday"}),DAY_MS=864e5,dayLabel=(e,t={})=>{const r=(0,_mobileCore.formatDate)(e,{empty:""});if(!r)return"";const a={...DEFAULT_DATE_SEPARATOR_LABELS,...t.labels},o=t.now??new Date;return r===(0,_mobileCore.formatDate)(o)?a.today:r===(0,_mobileCore.formatDate)(new Date(o.getTime()-DAY_MS))?a.yesterday:r};exports.dayLabel=dayLabel;const DateSeparator=({date:e,label:t,emphasis:r=!1,labels:a,now:o,style:i,testID:s})=>{const l=(0,_index.useTheme)(),d=(0,_react.useMemo)(()=>buildStyles(l),[l]),c=t??(void 0===e?"":dayLabel(e,{now:o,labels:a})),n=r?l.colors.primary:l.colors["border-subtle"];return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[d.row,i],testID:s,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[d.rule,{backgroundColor:n}]}),(0,_jsxRuntime.jsx)(_index2.Text,{variant:"caption",weight:r?"semibold":"medium",color:r?void 0:"secondary",style:r?{color:l.colors["primary-text"]}:void 0,accessibilityRole:"header",children:c}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[d.rule,{backgroundColor:n}]})]})};exports.DateSeparator=DateSeparator;const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:e.space.sm,paddingVertical:e.space.sm},rule:{flex:1,height:_reactNative.StyleSheet.hairlineWidth}});var _default=exports.default=DateSeparator;

package/lib/commonjs/components/DecimalInput/DecimalInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DecimalInput=void 0,exports.cleanDecimalText=cleanDecimalText,exports.default=void 0,exports.isUnclearDecimalComma=isUnclearDecimalComma,exports.parseDecimalText=parseDecimalText,exports.pointDecimalText=pointDecimalText;var _react=require("react"),_reactNative=require("react-native"),_index=require("../Input/index.js"),_jsxRuntime=require("react/jsx-runtime");function cleanDecimalText(e,{whole:t,signed:a,decimals:r,allowExponent:n}={}){const i=String(e??"");if(n)return i.replace(/[^\d.eE+-]/g,"");const l=Boolean(a)&&i.replace(/[^\d.,-]/g,"").startsWith("-");let c=i.replace(t?/\D/g:/[^\d.,]/g,"");const o=c.search(/[.,]/);if(-1!==o){const e=c.slice(o+1).replace(/[.,]/g,"");c=c.slice(0,o+1)+(null==r?e:e.slice(0,r))}return(l?"-":"")+c}function isUnclearDecimalComma(e){return/,\d{3}$/.test(String(e??""))}function pointDecimalText(e){return isUnclearDecimalComma(e)?e:e.replace(",",".")}function parseDecimalText(e){if(isUnclearDecimalComma(e))return"";const t=pointDecimalText(e);if(""===t||"-"===t||"."===t||"-."===t)return"";const a=Number(t);return Number.isFinite(a)?a:""}const textOf=e=>null==e||""===e?"":String(e);function keyboardFor({whole:e,signed:t,allowExponent:a}){return a?"ios"===_reactNative.Platform.OS?"numbers-and-punctuation":"default":t?"numeric":e?"number-pad":"decimal-pad"}const DecimalInput=exports.DecimalInput=(0,_react.forwardRef)((e,t)=>{const{symbol:a,value:r,onChange:n,onBlur:i,min:l,max:c,whole:o=!1,signed:s=!1,decimals:m,allowExponent:u=!1,numeric:p=!1,unclearCommaMessage:d="Use a point for the decimal mark. A comma before three digits could mean thousands.",error:x,readOnly:D=!1,disabled:f=!1,...T}=e,[g,b]=(0,_react.useState)(textOf(r));(0,_react.useEffect)(()=>{p&&b(e=>parseDecimalText(e)===r?e:textOf(r))},[p,r]);const v=D||f,_={whole:o,signed:s,decimals:m,allowExponent:u},h=p?g:textOf(r);return(0,_jsxRuntime.jsx)(_index.Input,{prefix:a,keyboardType:keyboardFor(_),autoCapitalize:"none",autoCorrect:!1,readOnly:D,disabled:f,...T,ref:t,error:x??(isUnclearDecimalComma(h)?d:void 0),value:h,onChangeText:v?void 0:e=>{const t=cleanDecimalText(e,_),a=u?""===t?"":Number(t):parseDecimalText(t);""!==a&&Number.isFinite(a)&&(null!=c&&a>c||null!=l&&a<l)||(p?(b(t),n?.(parseDecimalText(t))):n?.(t))},onBlur:v?void 0:e=>{const t=pointDecimalText(h);t!==h&&(p?b(t):n?.(t)),i?.(e)}})});DecimalInput.displayName="DecimalInput";var _default=exports.default=DecimalInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DecimalInput=exports.DEFAULT_DECIMAL_INPUT_LABELS=void 0,exports.cleanDecimalText=cleanDecimalText,exports.default=void 0,exports.isUnclearDecimalComma=isUnclearDecimalComma,exports.parseDecimalText=parseDecimalText,exports.pointDecimalText=pointDecimalText;var _react=require("react"),_reactNative=require("react-native"),_index=require("../Input/index.js"),_jsxRuntime=require("react/jsx-runtime");function cleanDecimalText(e,{whole:t,signed:a,decimals:r,allowExponent:n}={}){const l=String(e??"");if(n)return l.replace(/[^\d.eE+-]/g,"");const i=Boolean(a)&&l.replace(/[^\d.,-]/g,"").startsWith("-");let o=l.replace(t?/\D/g:/[^\d.,]/g,"");const c=o.search(/[.,]/);if(-1!==c){const e=o.slice(c+1).replace(/[.,]/g,"");o=o.slice(0,c+1)+(null==r?e:e.slice(0,r))}return(i?"-":"")+o}function isUnclearDecimalComma(e){return/,\d{3}$/.test(String(e??""))}function pointDecimalText(e){return isUnclearDecimalComma(e)?e:e.replace(",",".")}function parseDecimalText(e){if(isUnclearDecimalComma(e))return"";const t=pointDecimalText(e);if(""===t||"-"===t||"."===t||"-."===t)return"";const a=Number(t);return Number.isFinite(a)?a:""}const textOf=e=>null==e?"":String(e),toNull=e=>""===e?null:e;function keyboardFor({whole:e,signed:t,allowExponent:a}){return a?"ios"===_reactNative.Platform.OS?"numbers-and-punctuation":"default":t?"numeric":e?"number-pad":"decimal-pad"}const DEFAULT_DECIMAL_INPUT_LABELS=exports.DEFAULT_DECIMAL_INPUT_LABELS={unclearComma:"Use a point for the decimal mark. A comma before three digits could mean thousands."},DecimalInput=exports.DecimalInput=(0,_react.forwardRef)((e,t)=>{const{symbol:a,value:r,onChange:n,onBlur:l,min:i,max:o,whole:c=!1,signed:s=!1,decimals:m,allowExponent:u=!1,labels:p,error:d,readOnly:x=!1,disabled:D=!1,...f}=e,_=(0,_react.useMemo)(()=>({...DEFAULT_DECIMAL_INPUT_LABELS,...p}),[p]),[T,E]=(0,_react.useState)(textOf(r));(0,_react.useEffect)(()=>{E(e=>toNull(parseDecimalText(e))===(r??null)?e:textOf(r))},[r]);const C=x||D,I={whole:c,signed:s,decimals:m,allowExponent:u},L=T;return(0,_jsxRuntime.jsx)(_index.Input,{prefix:a,keyboardType:keyboardFor(I),autoCapitalize:"none",autoCorrect:!1,readOnly:x,disabled:D,...f,ref:t,error:d??(isUnclearDecimalComma(L)?_.unclearComma:void 0),value:L,onChangeText:C?void 0:e=>{const t=cleanDecimalText(e,I),a=u?""===t?"":Number(t):parseDecimalText(t);""!==a&&Number.isFinite(a)&&(null!=o&&a>o||null!=i&&a<i)||(E(t),n?.(toNull(parseDecimalText(t))))},onBlur:C?void 0:e=>{const t=pointDecimalText(L);t!==L&&E(t),l?.(e)}})});DecimalInput.displayName="DecimalInput";var _default=exports.default=DecimalInput;

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

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

package/lib/commonjs/components/Descriptions/Descriptions.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Descriptions=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_Notation=require("../Notation/Notation.js"),_Text=require("../Text/Text.js"),_jsxRuntime=require("react/jsx-runtime");const EMPTY_VALUE="-",rowKey=(e,t)=>e.key??("string"==typeof e.label?`${e.label}-${t}`:`row-${t}`),isEmptyValue=e=>null==e||""===e||Array.isArray(e)&&!e.length,isInlineText=e=>"string"==typeof e||"number"==typeof e||(0,_react.isValidElement)(e)&&e.type===_Notation.Notation||Array.isArray(e)&&e.length>0&&e.every(isInlineText),Descriptions=({items:e,columns:t=1,size:r="md",bordered:l=!1,title:i,variant:o="list",style:s,testID:a})=>{const n=(0,_index.useTheme)(),x=(0,_react.useMemo)(()=>buildStyles(n),[n]),u="sm"===r?n.text.xs.size:n.text.sm.size,c="sm"===r?n.text.sm.size:n.text.base.size,d="sm"===r?n.space.xs:n.space.sm,m="summary"===o,_=(0,_react.useMemo)(()=>({fontSize:u,color:n.colors["text-subtle"]}),[u,n.colors["text-subtle"]]),y=(0,_react.useMemo)(()=>({fontSize:c,color:n.colors["text-muted"]}),[c,n.colors["text-muted"]]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[m?null:{gap:d},s],testID:a,children:[i?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.title,{fontSize:n.text.lg.size,color:n.colors["text-body"]}],children:i}):null,e.map((e,r)=>{const i=isEmptyValue(e.value),o=2===t&&!e.full,s=i?n.colors["text-subtle"]:(0,_Text.resolveColor)(n,e.tone??"primary"),a=(0,_index.fontFor)(n,e.strong?"semibold":"normal"),v=i||isInlineText(e.value),b=i?"-":"string"==typeof e.value?e.value:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:{fontSize:c,color:s},children:e.value});return m?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[x.summaryRow,{paddingVertical:d,borderBottomColor:n.colors["border-subtle"]}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.summaryLabel,{fontSize:c,color:n.colors["text-muted"]}],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:y,children:e.label})}),v?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.summaryValue,{fontSize:c,color:s},a],children:b}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:x.summaryValueView,children:e.value})]},rowKey(e,r)):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[o?x.rowSide:x.rowStack,{paddingVertical:d},l&&r>0?x.bordered:null,l&&r>0?{borderTopColor:n.colors["border-subtle"]}:null],children:["string"==typeof e.label?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.label,{fontSize:u,color:n.colors["text-subtle"]},o?x.labelSide:null],children:e.label}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:o?x.labelSide:null,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.label,{fontSize:u,color:n.colors["text-subtle"]}],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:_,children:e.label})})}),v?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[x.value,{fontSize:c,color:s},e.strong?a:null,o?x.valueSide:null],children:b}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:o?x.valueSide:null,children:e.value})]},rowKey(e,r))})]})};exports.Descriptions=Descriptions;const buildStyles=e=>_reactNative.StyleSheet.create({title:{...(0,_index.fontFor)(e,"semibold")},rowStack:{gap:e.space.xxs},rowSide:{flexDirection:"row",alignItems:"flex-start",gap:e.space.md},bordered:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth},label:{...(0,_index.fontFor)(e,"semibold")},labelSide:{flex:4},value:{...(0,_index.fontFor)(e,"normal")},valueSide:{flex:6},summaryRow:{flexDirection:"row",alignItems:"center",gap:e.space.md,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth},summaryLabel:{flex:1,...(0,_index.fontFor)(e,"normal")},summaryValue:{textAlign:"right",flexShrink:1,maxWidth:"60%"},summaryValueView:{flexShrink:1,maxWidth:"60%",alignItems:"flex-end"}});var _default=exports.default=Descriptions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Descriptions=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_Notation=require("../Notation/Notation.js"),_Text=require("../Text/Text.js"),_jsxRuntime=require("react/jsx-runtime");const EMPTY_VALUE="-",rowKey=(e,t)=>e.key??("string"==typeof e.label?`${e.label}-${t}`:`row-${t}`),isEmptyValue=e=>null==e||""===e||Array.isArray(e)&&!e.length,isInlineText=e=>"string"==typeof e||"number"==typeof e||(0,_react.isValidElement)(e)&&e.type===_Notation.Notation||Array.isArray(e)&&e.length>0&&e.every(isInlineText),Descriptions=({items:e,columns:t=1,size:l="md",bordered:i=!1,title:r,variant:s="list",style:a,testID:o})=>{(0,_warnInvalidValue.warnInvalidValue)("Descriptions","size",l,["sm","md"]),(0,_warnInvalidValue.warnInvalidValue)("Descriptions","variant",s,["list","summary"]),(0,_warnInvalidValue.warnInvalidValue)("Descriptions","columns",t,[1,2]);const n=(0,_index.useTheme)(),u=(0,_react.useMemo)(()=>buildStyles(n),[n]),x="sm"===l?n.text.xs.size:n.text.sm.size,c="sm"===l?n.text.sm.size:n.text.base.size,d="sm"===l?n.space.xs:n.space.sm,m="summary"===s,_=(0,_react.useMemo)(()=>({fontSize:x,color:n.colors["text-subtle"]}),[x,n.colors["text-subtle"]]),v=(0,_react.useMemo)(()=>({fontSize:c,color:n.colors["text-muted"]}),[c,n.colors["text-muted"]]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[m?null:{gap:d},a],testID:o,children:[r?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.title,{fontSize:n.text.lg.size,color:n.colors["text-body"]}],children:r}):null,e.map((e,l)=>{const r=isEmptyValue(e.value),s=2===t&&!e.full,a=r?n.colors["text-subtle"]:(0,_Text.resolveColor)(n,e.tone??"primary"),o=(0,_index.fontFor)(n,e.strong?"semibold":"normal"),y=r||isInlineText(e.value),b=r?"-":"string"==typeof e.value?e.value:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:{fontSize:c,color:a},children:e.value});return m?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[u.summaryRow,{paddingVertical:d,borderBottomColor:n.colors["border-subtle"]}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.summaryLabel,{fontSize:c,color:n.colors["text-muted"]}],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:v,children:e.label})}),y?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.summaryValue,{fontSize:c,color:a},o],children:b}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:u.summaryValueView,children:e.value})]},rowKey(e,l)):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[s?u.rowSide:u.rowStack,{paddingVertical:d},i&&l>0?u.bordered:null,i&&l>0?{borderTopColor:n.colors["border-subtle"]}:null],children:["string"==typeof e.label?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.label,{fontSize:x,color:n.colors["text-subtle"]},s?u.labelSide:null],children:e.label}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:s?u.labelSide:null,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.label,{fontSize:x,color:n.colors["text-subtle"]}],children:(0,_jsxRuntime.jsx)(_Notation.NotationInkContext.Provider,{value:_,children:e.label})})}),y?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[u.value,{fontSize:c,color:a},e.strong?o:null,s?u.valueSide:null],children:b}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:s?u.valueSide:null,children:e.value})]},rowKey(e,l))})]})};exports.Descriptions=Descriptions;const buildStyles=e=>_reactNative.StyleSheet.create({title:{...(0,_index.fontFor)(e,"semibold")},rowStack:{gap:e.space.xxs},rowSide:{flexDirection:"row",alignItems:"flex-start",gap:e.space.md},bordered:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth},label:{...(0,_index.fontFor)(e,"semibold")},labelSide:{flex:4},value:{...(0,_index.fontFor)(e,"normal")},valueSide:{flex:6},summaryRow:{flexDirection:"row",alignItems:"center",gap:e.space.md,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth},summaryLabel:{flex:1,...(0,_index.fontFor)(e,"normal")},summaryValue:{textAlign:"right",flexShrink:1,maxWidth:"60%"},summaryValueView:{flexShrink:1,maxWidth:"60%",alignItems:"flex-end"}});var _default=exports.default=Descriptions;

package/lib/commonjs/components/Dialog/Dialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Dialog=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Modal=require("../Modal/Modal.js"),_jsxRuntime=require("react/jsx-runtime");const Dialog=e=>{const{visible:t,onClose:o,title:r,message:i,children:l,icon:a,variant:n="default",actions:s,dismissOnAction:c=!0,accessibilityLabel:d,contentStyle:u,containerStyle:b,titleStyle:g,messageStyle:m,iconWrapperStyle:x,actionsRowStyle:_,actionButtonStyle:p,actionTextStyle:y,haptic:h,testID:C}=e,f=(0,_index.useTheme)(),j=(0,_react.useMemo)(()=>buildStyles(f),[f]),S=(0,_react.useMemo)(()=>discFor(f,n),[f,n]),v=f.components.dialog["icon-wrapper-size"],R=f.components.dialog["action-button-min-height"],w=Boolean(s&&s.length>0),D=f.text.base.size*f.leading.body,k=s?s.map(e=>e.label).join("\n"):"",[M,N]=(0,_react.useState)(null),z=null!==M&&M===k,B=(0,_react.useRef)(null),I=(0,_react.useCallback)(e=>{e.nativeEvent.layout.height>1.5*D&&N(k)},[D,k]),W=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.width,o=B.current;B.current=t,null!==o&&Math.abs(o-t)>.5&&N(null)},[]),q=(0,_react.useCallback)(e=>{if(e.loading||e.disabled)return;const t=(0,_hapticUtils.resolveHaptic)(h,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),c?(o(),setTimeout(e.onPress,_Modal.MODAL_DISMISS_GRACE_MS)):e.onPress()},[c,o,h]);return(0,_jsxRuntime.jsx)(_Modal.Modal,{visible:t,onRequestClose:o,haptic:h,presentation:"centered",accessibilityLabel:d??r,contentStyle:u,testID:C,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{accessibilityRole:"alert",accessibilityLabel:d??r,style:[j.container,b],children:[a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.iconWrapper,{width:v,height:v,borderRadius:f.radius.pill,..._corners.smoothCorners,backgroundColor:S,marginBottom:f.space.md},x],children:a}):null,r?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[j.title,{color:f.colors["text-body"],fontSize:f.text.xl.size,...(0,_index.fontFor)(f,"semibold"),marginBottom:i||null!=l?f.space.sm:f.space.md},g],accessibilityRole:"header",children:r}):null,i?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[j.message,{color:f.colors["text-muted"],fontSize:f.text.base.size,lineHeight:f.text.base.size*f.leading.body,marginBottom:null!=l?f.space.md:w?f.space.lg:0},m],children:i}):null,null!=l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginBottom:w?f.space.lg:0},children:l}):null,s&&s.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.actionsRow,z?j.actionsRowStacked:null,_],onLayout:W,children:s.map((e,t)=>{const o=e.tone??"primary",r=Boolean(e.disabled),i=actionStyleFor(f,o,r),l=t===s.length-1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>q(e),disabled:e.loading||r,accessibilityRole:"button",accessibilityLabel:e.label,accessibilityState:{busy:e.loading,disabled:Boolean(e.loading)||r},"aria-busy":e.loading,"aria-disabled":Boolean(e.loading)||r,style:({pressed:t})=>[j.actionButton,{flex:z?0:1,minHeight:R,backgroundColor:i.backgroundColor,borderColor:i.borderColor,borderWidth:i.borderWidth,borderRadius:f.radius.md,..._corners.smoothCorners,paddingVertical:f.space.sm,paddingHorizontal:f.space.md,marginRight:l||z?0:f.space.sm,opacity:e.loading?.7:t&&!r?.85:1},p],children:e.loading?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:i.textColor}):(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:I,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:i.textColor,fontSize:f.text.base.size,...(0,_index.fontFor)(f,"semibold"),textAlign:"center"},y],children:e.label})})},`${e.label}-${t}`)})}):null]})})};exports.Dialog=Dialog,Dialog.displayName="Dialog";const SOFT_DISC_OPACITY=.14,discFor=(e,t)=>{const o=e.colors["bg-subtle"];switch(t){case"success":return(0,_color.tintOf)(e.colors.success,.14,o);case"warning":return(0,_color.tintOf)(e.colors.warning,.14,o);case"danger":return(0,_color.tintOf)(e.colors.danger,.14,o);case"info":return(0,_color.tintOf)(e.colors.info,.14,o);default:return e.colors["primary-soft"]}},actionStyleFor=(e,t,o)=>{if(o)return{backgroundColor:"neutral"===t?"transparent":e.colors["surface-disabled"],borderColor:"neutral"===t?e.colors.border:"transparent",borderWidth:"neutral"===t?1:0,textColor:e.colors["text-disabled"]};switch(t){case"primary":return{backgroundColor:e.colors.primary,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-primary"]};case"info":return{backgroundColor:e.colors.info,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-info"]};case"danger":return{backgroundColor:e.colors.danger,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-danger"]};default:return{backgroundColor:"transparent",borderColor:e.colors.border,borderWidth:1,textColor:e.colors["text-body"]}}},buildStyles=e=>_reactNative.StyleSheet.create({container:{alignItems:"stretch"},iconWrapper:{alignItems:"center",justifyContent:"center",alignSelf:"center"},title:{textAlign:"center"},message:{textAlign:"center"},actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"stretch"},actionsRowStacked:{flexDirection:"column",rowGap:e.space.sm},actionButton:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Dialog;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Dialog=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../AppIcon/index.js"),_Modal=require("../Modal/Modal.js"),_jsxRuntime=require("react/jsx-runtime");const DIALOG_TONES=["primary","success","warning","danger","info","neutral"],DIALOG_ILLUSTRATION_SIZE=120,STATUS_MARK={success:"check-circle",warning:"alert-triangle",danger:"alert-circle",info:"info-circle"},Dialog=e=>{const{visible:t,onClose:r,title:o,message:n,children:i,icon:l,illustration:a,tone:s="neutral",actions:c,dismissOnAction:d=!0,accessibilityLabel:u,contentStyle:g,containerStyle:b,titleStyle:_,messageStyle:m,iconWrapperStyle:x,actionsRowStyle:p,actionButtonStyle:h,actionTextStyle:y,haptic:j,testID:C}=e;(0,_warnInvalidValue.warnInvalidValue)("Dialog","tone",e.tone,DIALOG_TONES);const S=(0,_index.useTheme)(),f=(0,_react.useMemo)(()=>buildStyles(S),[S]),v=(0,_react.useMemo)(()=>discFor(S,s),[S,s]),w=S.components.dialog["icon-wrapper-size"],R=S.components.dialog["action-button-min-height"],I=Boolean(c&&c.length>0),A=S.text.base.size*S.leading.body,D=c?c.map(e=>e.label).join("\n"):"",[N,T]=(0,_react.useState)(null),M=null!==N&&N===D,O=(0,_react.useRef)(null),k=(0,_react.useCallback)(e=>{e.nativeEvent.layout.height>1.5*A&&T(D)},[A,D]),V=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.width,r=O.current;O.current=t,null!==r&&Math.abs(r-t)>.5&&T(null)},[]),z=(0,_react.useCallback)(e=>{if(e.loading||e.disabled)return;const t=(0,_hapticUtils.resolveHaptic)(j,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),d?(r(),setTimeout(e.onPress,_Modal.MODAL_DISMISS_GRACE_MS)):e.onPress()},[d,r,j]),L=null==l&&null==a&&STATUS_MARK[s]?(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:STATUS_MARK[s],size:Math.round(w/2),color:S.colors[s]}):null,B=l??L;return(0,_jsxRuntime.jsx)(_Modal.Modal,{visible:t,onClose:r,haptic:j,presentation:"centered",accessibilityLabel:u??o,contentStyle:g,testID:C,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{accessibilityRole:"alert",accessibilityLabel:u??o,style:[f.container,b],children:[null!=a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{alignItems:"center",marginBottom:S.space.md},children:(0,_react.isValidElement)(a)?a:(0,_jsxRuntime.jsx)(_reactNative.Image,{source:a,style:{width:120,height:120},resizeMode:"contain",accessibilityIgnoresInvertColors:!0})}):null,B?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[f.iconWrapper,{width:w,height:w,borderRadius:S.radius.pill,..._corners.smoothCorners,backgroundColor:v,marginBottom:S.space.md},x],children:B}):null,o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[f.title,{color:S.colors["text-body"],fontSize:S.text.xl.size,...(0,_index.fontFor)(S,"semibold"),marginBottom:n||null!=i?S.space.sm:S.space.md},_],accessibilityRole:"header",children:o}):null,n?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[f.message,{color:S.colors["text-muted"],fontSize:S.text.base.size,lineHeight:S.text.base.size*S.leading.body,marginBottom:null!=i?S.space.md:I?S.space.lg:0},m],children:n}):null,null!=i?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginBottom:I?S.space.lg:0},children:i}):null,c&&c.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[f.actionsRow,M?f.actionsRowStacked:null,p],onLayout:V,children:c.map((e,t)=>{(0,_warnInvalidValue.warnInvalidValue)("Dialog","actions[].tone",e.tone,DIALOG_TONES);const r=e.tone??"primary",o=Boolean(e.disabled),n=actionStyleFor(S,r,o),i=t===c.length-1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>z(e),disabled:e.loading||o,accessibilityRole:"button",accessibilityLabel:e.label,accessibilityState:{busy:e.loading,disabled:Boolean(e.loading)||o},"aria-busy":e.loading,"aria-disabled":Boolean(e.loading)||o,style:({pressed:t})=>[f.actionButton,{flex:M?0:1,minHeight:R,backgroundColor:n.backgroundColor,borderColor:n.borderColor,borderWidth:n.borderWidth,borderRadius:S.radius.md,..._corners.smoothCorners,paddingVertical:S.space.sm,paddingHorizontal:S.space.md,marginRight:i||M?0:S.space.sm,opacity:e.loading?.7:t&&!o?.85:1},h],children:e.loading?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:n.textColor}):(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:k,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:n.textColor,fontSize:S.text.base.size,...(0,_index.fontFor)(S,"semibold"),textAlign:"center"},y],children:e.label})})},`${e.label}-${t}`)})}):null]})})};exports.Dialog=Dialog,Dialog.displayName="Dialog";const SOFT_DISC_OPACITY=.14,discFor=(e,t)=>{const r=e.colors["bg-subtle"];switch(t){case"success":return(0,_color.tintOf)(e.colors.success,.14,r);case"warning":return(0,_color.tintOf)(e.colors.warning,.14,r);case"danger":return(0,_color.tintOf)(e.colors.danger,.14,r);case"info":return(0,_color.tintOf)(e.colors.info,.14,r);default:return e.colors["primary-soft"]}},actionStyleFor=(e,t,r)=>{if(r)return{backgroundColor:"neutral"===t?"transparent":e.colors["surface-disabled"],borderColor:"neutral"===t?e.colors.border:"transparent",borderWidth:"neutral"===t?1:0,textColor:e.colors["text-disabled"]};switch(t){case"primary":return{backgroundColor:e.colors.primary,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-primary"]};case"info":return{backgroundColor:e.colors.info,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-info"]};case"success":return{backgroundColor:e.colors.success,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-success"]};case"warning":return{backgroundColor:e.colors.warning,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-warning"]};case"danger":return{backgroundColor:e.colors.danger,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-danger"]};default:return{backgroundColor:"transparent",borderColor:e.colors.border,borderWidth:1,textColor:e.colors["text-body"]}}},buildStyles=e=>_reactNative.StyleSheet.create({container:{alignItems:"stretch"},iconWrapper:{alignItems:"center",justifyContent:"center",alignSelf:"center"},title:{textAlign:"center"},message:{textAlign:"center"},actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"stretch"},actionsRowStacked:{flexDirection:"column",rowGap:e.space.sm},actionButton:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Dialog;

package/lib/commonjs/components/Divider/Divider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Divider=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_jsxRuntime=require("react/jsx-runtime");const spacingFor=(e,t)=>{switch(t){case"sm":return e.space.sm;case"md":return e.space.md;case"lg":return e.space.lg;default:return 0}},Divider=exports.Divider=(0,_react.forwardRef)((e,t)=>{const{orientation:i="horizontal",thickness:r=1,color:a,spacing:n="none",inset:s=0,label:o,labelPosition:l="center",style:c,testID:u}=e,d=(0,_index.useTheme)(),m=a??d.colors.border,x=spacingFor(d,n),h=(0,_react.useMemo)(()=>buildStyles(d),[d]);if("vertical"===i)return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"none",testID:u,style:[h.vertical,{width:r,backgroundColor:m,marginHorizontal:x,marginTop:s},c]});if(o){const e="start"===l?0:1,i="end"===l?0:1;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessibilityRole:"none",testID:u,style:[h.horizontalRow,{marginVertical:x,marginLeft:s},c],children:[e>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.horizontalLine,{height:r,backgroundColor:m,flex:e}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:h.label,numberOfLines:1,children:o}),i>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.horizontalLine,{height:r,backgroundColor:m,flex:i}]}):null]})}return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"none",testID:u,style:[h.horizontalLine,{height:r,backgroundColor:m,marginVertical:x,marginLeft:s},c]})});Divider.displayName="Divider";const buildStyles=e=>_reactNative.StyleSheet.create({horizontalRow:{flexDirection:"row",alignItems:"center",width:"100%"},horizontalLine:{width:"100%",alignSelf:"stretch"},vertical:{alignSelf:"stretch"},label:{marginHorizontal:e.space.sm,color:e.colors["text-subtle"],fontSize:e.text.sm.size,fontWeight:e.weight.medium}});var _default=exports.default=Divider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Divider=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_jsxRuntime=require("react/jsx-runtime");const spacingFor=(e,i)=>{switch(i){case"sm":return e.space.sm;case"md":return e.space.md;case"lg":return e.space.lg;default:return 0}},Divider=exports.Divider=(0,_react.forwardRef)((e,i)=>{const{orientation:t="horizontal",thickness:r=1,color:a,spacing:n="none",inset:l=0,label:s,labelPosition:o="center",style:c,testID:u}=e;(0,_warnInvalidValue.warnInvalidValue)("Divider","orientation",e.orientation,["horizontal","vertical"]),(0,_warnInvalidValue.warnInvalidValue)("Divider","spacing",e.spacing,["none","sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Divider","labelPosition",e.labelPosition,["start","center","end"]);const d=(0,_index.useTheme)(),v=a??d.colors.border,m=spacingFor(d,n),h=(0,_react.useMemo)(()=>buildStyles(d),[d]);if("vertical"===t)return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:i,accessibilityRole:"none",testID:u,style:[h.vertical,{width:r,backgroundColor:v,marginHorizontal:m,marginTop:l},c]});if(s){const e="start"===o?0:1,t="end"===o?0:1;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:i,accessibilityRole:"none",testID:u,style:[h.horizontalRow,{marginVertical:m,marginLeft:l},c],children:[e>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.horizontalLine,{height:r,backgroundColor:v,flex:e}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:h.label,numberOfLines:1,children:s}),t>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[h.horizontalLine,{height:r,backgroundColor:v,flex:t}]}):null]})}return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:i,accessibilityRole:"none",testID:u,style:[h.horizontalLine,{height:r,backgroundColor:v,marginVertical:m,marginLeft:l},c]})});Divider.displayName="Divider";const buildStyles=e=>_reactNative.StyleSheet.create({horizontalRow:{flexDirection:"row",alignItems:"center",width:"100%"},horizontalLine:{width:"100%",alignSelf:"stretch"},vertical:{alignSelf:"stretch"},label:{marginHorizontal:e.space.sm,color:e.colors["text-subtle"],fontSize:e.text.sm.size,fontWeight:e.weight.medium}});var _default=exports.default=Divider;

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

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

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

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