npm - @webority/mobile-ui - Versions diffs - 0.88.1 → 0.90.0 - Mend

@webority/mobile-ui 0.88.1 → 0.90.0

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

Files changed (396) hide show

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

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

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEIGHT_NAMES=exports.TEXT_NAMES=exports.SPACE_NAMES=exports.SIZE_NAMES=exports.SHADOW_NAMES=exports.RADIUS_NAMES=exports.LETTER_SPACING_NAMES=exports.LEADING_NAMES=exports.FONT_NAMES=exports.EASE_NAMES=exports.DURATION_NAMES=exports.COLOR_NAMES=void 0;const COLOR_NAMES=exports.COLOR_NAMES=["bg","bg-subtle","bg-muted","surface","surface-inverse","text","text-body","text-muted","text-subtle","text-inverse","link","border","border-subtle","field-bg","field-border","field-border-focus","focus-ring","scrim","on-scrim","primary","primary-hover","primary-soft","primary-text","on-primary","neutral","neutral-hover","on-neutral","success","success-text","on-success","warning","warning-text","on-warning","danger","danger-border","danger-text","on-danger","info","info-text","on-info","primary-pressed","on-neutral-strong","text-disabled","surface-pressed","surface-hover","surface-selected","surface-disabled","skeleton","skeleton-highlight","glass-fill","glass-border","on-glass","glass-badge","field-bg-focus","field-bg-disabled","field-border-error","field-label","field-text","field-text-disabled","field-placeholder","field-placeholder-disabled","field-icon","field-icon-focus","field-icon-disabled","field-caret","field-message","avatar-1","avatar-2","avatar-3","avatar-4","avatar-5","avatar-6","avatar-7","avatar-8","thumb","success-soft","warning-soft","danger-soft","info-soft","neutral-text","primary-wash","primary-wash-strong"],SPACE_NAMES=exports.SPACE_NAMES=["none","xxs","xs","sm","md","lg","xl","2xl","3xl","4xl"],RADIUS_NAMES=exports.RADIUS_NAMES=["none","sm","md","lg","xl","pill"],TEXT_NAMES=exports.TEXT_NAMES=["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl"],WEIGHT_NAMES=exports.WEIGHT_NAMES=["normal","medium","semibold","bold"],LEADING_NAMES=exports.LEADING_NAMES=["tight","normal","relaxed"],LETTER_SPACING_NAMES=exports.LETTER_SPACING_NAMES=["tight","normal","wide"],FONT_NAMES=exports.FONT_NAMES=["ui","display","mono"],SHADOW_NAMES=exports.SHADOW_NAMES=["card","elevated","popover","modal","drawer"],DURATION_NAMES=exports.DURATION_NAMES=["instant","fast","default","slow","slower"],EASE_NAMES=exports.EASE_NAMES=["in-out","accelerate","decelerate","sharp"],SIZE_NAMES=exports.SIZE_NAMES=["border"];
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.lightTokens=exports.darkTokens=exports.WEIGHT_NAMES=exports.TEXT_NAMES=exports.SPACE_NAMES=exports.SIZE_NAMES=exports.SHADOW_NAMES=exports.RADIUS_NAMES=exports.LETTER_SPACING_NAMES=exports.LEADING_NAMES=exports.FONT_NAMES=exports.EASE_NAMES=exports.DURATION_NAMES=exports.COMPONENT_KINDS=exports.COLOR_NAMES=void 0;const COLOR_NAMES=exports.COLOR_NAMES=["bg","bg-subtle","bg-muted","surface","surface-inverse","text","text-body","text-muted","text-subtle","text-inverse","link","border","border-subtle","field-bg","field-border","field-border-focus","focus-ring","scrim","on-scrim","thumb","primary","primary-hover","primary-soft","primary-text","on-primary","primary-wash","primary-wash-strong","neutral","neutral-hover","neutral-text","on-neutral","success","success-soft","success-text","on-success","warning","warning-soft","warning-text","on-warning","danger","danger-soft","danger-border","danger-text","on-danger","info","info-soft","info-text","on-info","primary-pressed","on-neutral-strong","text-disabled","surface-pressed","surface-hover","surface-selected","surface-disabled","skeleton","skeleton-highlight","glass-fill","glass-border","on-glass","glass-badge","field-bg-focus","field-bg-disabled","field-border-error","field-label","field-text","field-text-disabled","field-placeholder","field-placeholder-disabled","field-icon","field-icon-focus","field-icon-disabled","field-caret","field-message","avatar-1","avatar-2","avatar-3","avatar-4","avatar-5","avatar-6","avatar-7","avatar-8"],SPACE_NAMES=exports.SPACE_NAMES=["none","xxs","xs","sm","md","lg","xl","2xl","3xl","4xl"],RADIUS_NAMES=exports.RADIUS_NAMES=["none","sm","md","lg","xl","pill"],TEXT_NAMES=exports.TEXT_NAMES=["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl"],WEIGHT_NAMES=exports.WEIGHT_NAMES=["normal","medium","semibold","bold"],LEADING_NAMES=exports.LEADING_NAMES=["tight","normal","relaxed"],LETTER_SPACING_NAMES=exports.LETTER_SPACING_NAMES=["tight","normal","wide"],FONT_NAMES=exports.FONT_NAMES=["ui","display","mono"],SHADOW_NAMES=exports.SHADOW_NAMES=["card","elevated","popover","modal","drawer"],DURATION_NAMES=exports.DURATION_NAMES=["instant","fast","default","slow","slower"],EASE_NAMES=exports.EASE_NAMES=["in-out","accelerate","decelerate","sharp"],SIZE_NAMES=exports.SIZE_NAMES=["border"],COMPONENT_KINDS=exports.COMPONENT_KINDS={field:{radius:"radius","padding-x":"space","padding-y":"space","min-height":"px",text:"text",icon:"px","label-text":"text","label-gap":"space","message-text":"text","message-gap":"space"},press:{opacity:"number"},disabled:{opacity:"number"},button:{"padding-x":"space","padding-y":"space","min-height":"px",text:"text",radius:"radius",icon:"px","badge-icon":"px"},input:{"multiline-min-height":"px"},"search-bar":{radius:"radius"},"empty-state":{icon:"px","title-text":"text","description-text":"text","padding-y":"space","title-gap":"space","description-gap":"space"},"list-item":{"padding-y":"space","title-text":"text","subtitle-text":"text","min-height":"px"},badge:{text:"text","min-width":"px",height:"px","padding-x":"space","dot-size":"px","border-width":"px","anchor-offset":"px"},chip:{"padding-x":"space","padding-y":"space",text:"text","min-height":"px","close-size":"px","close-text":"text",gap:"space",icon:"px"},checkbox:{"box-size":"px","label-gap":"space"},radio:{outer:"px",inner:"px","label-gap":"space"},switch:{"track-width":"px","track-height":"px","thumb-size":"px",padding:"space"},"otp-input":{cell:"px",text:"text",radius:"radius",gap:"space"},"segmented-control":{height:"px",text:"text","padding-x":"space",icon:"px","track-padding":"space","underline-height":"px","pill-inset":"space"},tabs:{text:"text","padding-y":"space","padding-x":"space","scrollable-padding-x":"space",icon:"px","icon-gap":"space","track-padding":"space","underline-height":"px","pill-inset":"space","disabled-opacity":"number","badge-gap":"space"},slider:{"track-height":"px","thumb-diameter":"px"},"floating-action-button":{diameter:"px",icon:"px",text:"text","label-padding-x":"space","edge-offset":"space","bottom-offset":"space","secondary-gap":"space","stagger-ms":"ms"},dialog:{"icon-wrapper-size":"px","action-button-min-height":"px"},toast:{"icon-circle-size":"px","icon-glyph-text":"text","tint-bar-width":"px","action-min-height":"px"},banner:{"tint-bar-width":"px"}},lightTokens=exports.lightTokens={mode:"light",colors:{bg:"#ffffff","bg-subtle":"#f8f8fb","bg-muted":"#f1f1f5",surface:"#ffffff","surface-inverse":"#0f0f1a",text:"#252f4a","text-body":"#0f0f1a","text-muted":"#52525b","text-subtle":"#62626b","text-inverse":"#ffffff",link:"#5b5bd6",border:"#e5e5ec","border-subtle":"#efeff3","field-bg":"#f9fbfc","field-border":"#ebedf3","field-border-focus":"#bed2f9","focus-ring":"#5b5bd6",scrim:"#0f0f1a80","on-scrim":"#ffffff",thumb:"#ffffff",primary:"#5b5bd6","primary-hover":"#4f4fbf","primary-soft":"#eeeefc","primary-text":"#4f4fd3","on-primary":"#ffffff","primary-wash":"#5b5bd614","primary-wash-strong":"#5b5bd633",neutral:"#f4f4f8","neutral-hover":"#e9e9f0","neutral-text":"#52525b","on-neutral":"#0f0f1a",success:"#18864f","success-soft":"#e8faee","success-text":"#147042","on-success":"#ffffff",warning:"#f59e0b","warning-soft":"#fff8e6","warning-text":"#8f5c06","on-warning":"#0f0f1a",danger:"#e12c32","danger-soft":"#ffeaef","danger-border":"#e5484d","danger-text":"#bc1b20","on-danger":"#ffffff",info:"#1b6ef5","info-soft":"#e9f3ff","info-text":"#0958d9","on-info":"#ffffff","primary-pressed":"#4040a8","on-neutral-strong":"#ffffff","text-disabled":"#b4b4bb","surface-pressed":"#0f0f1a0f","surface-hover":"#0f0f1a0a","surface-selected":"#5b5bd61a","surface-disabled":"#f1f1f5",skeleton:"#ebedf3","skeleton-highlight":"#f5f6fa","glass-fill":"#ffffff47","glass-border":"#ffffff73","on-glass":"#0f0f1a","glass-badge":"#ffffff","field-bg-focus":"#ffffff","field-bg-disabled":"#f5f6fa","field-border-error":"#fdbfce","field-label":"#242f4a","field-text":"#252f4a","field-text-disabled":"#c4cada","field-placeholder":"#626d8b","field-placeholder-disabled":"#c4cada","field-icon":"#7a849f","field-icon-focus":"#4b5675","field-icon-disabled":"#c4cada","field-caret":"#5b8dee","field-message":"#d81736","avatar-1":"#5b5bd6","avatar-2":"#0a7979","avatar-3":"#a45a05","avatar-4":"#cd226e","avatar-5":"#2462eb","avatar-6":"#7c3aed","avatar-7":"#047c57","avatar-8":"#d42222"},space:{none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius:{none:0,sm:6,md:10,lg:14,xl:20,pill:9999},text:{xs:{size:11,lineHeight:17},sm:{size:13,lineHeight:20},base:{size:15,lineHeight:23},lg:{size:17,lineHeight:24},xl:{size:20,lineHeight:26},"2xl":{size:24,lineHeight:30},"3xl":{size:30,lineHeight:36},"4xl":{size:36,lineHeight:40},"5xl":{size:45,lineHeight:47},"6xl":{size:57,lineHeight:57},"7xl":{size:64,lineHeight:64},"8xl":{size:72,lineHeight:72}},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},leading:{tight:1.2,normal:1.4,relaxed:1.6},"letter-spacing":{tight:-.2,normal:0,wide:.4},font:{ui:{},display:{},mono:{}},shadow:{card:{shadowColor:"#000000",shadowOffset:{width:0,height:2},shadowOpacity:.059,shadowRadius:4,elevation:2},elevated:{shadowColor:"#000000",shadowOffset:{width:0,height:4},shadowOpacity:.078,shadowRadius:8,elevation:4},popover:{shadowColor:"#000000",shadowOffset:{width:0,height:8},shadowOpacity:.102,shadowRadius:16,elevation:8},modal:{shadowColor:"#000000",shadowOffset:{width:0,height:12},shadowOpacity:.141,shadowRadius:24,elevation:12},drawer:{shadowColor:"#000000",shadowOffset:{width:0,height:12},shadowOpacity:.141,shadowRadius:24,elevation:12}},motion:{duration:{instant:80,fast:160,default:240,slow:360,slower:500},ease:{"in-out":[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]}},size:{border:1},components:{field:{sm:{radius:"md","padding-x":"sm","padding-y":"sm","min-height":38,text:"sm",icon:14,"label-text":"xs","label-gap":"xs","message-text":"xs","message-gap":"xxs"},md:{radius:"md","padding-x":"md","padding-y":"md","min-height":44,text:"base",icon:16,"label-text":"sm","label-gap":"xs","message-text":"sm","message-gap":"xxs"},lg:{radius:"md","padding-x":"lg","padding-y":"lg","min-height":52,text:"lg",icon:18,"label-text":"base","label-gap":"xs","message-text":"base","message-gap":"xxs"}},press:{opacity:.85},disabled:{opacity:.55},button:{xs:{"padding-x":"sm","padding-y":"xs","min-height":28,text:"xs",radius:"md",icon:14,"badge-icon":11},sm:{"padding-x":"md","padding-y":"xs","min-height":34,text:"sm",radius:"md",icon:16,"badge-icon":16},md:{"padding-x":"lg","padding-y":"sm","min-height":44,text:"base",radius:"md",icon:18,"badge-icon":18},lg:{"padding-x":"xl","padding-y":"md","min-height":50,text:"lg",radius:"lg",icon:20,"badge-icon":20},xl:{"padding-x":"2xl","padding-y":"md","min-height":58,text:"xl",radius:"lg",icon:22,"badge-icon":22}},input:{sm:{"multiline-min-height":72},md:{"multiline-min-height":92},lg:{"multiline-min-height":110}},"search-bar":{sm:{radius:"pill"},md:{radius:"pill"},lg:{radius:"pill"}},"empty-state":{sm:{icon:48,"title-text":"lg","description-text":"sm","padding-y":"lg","title-gap":"md","description-gap":"xs"},md:{icon:64,"title-text":"xl","description-text":"base","padding-y":"xl","title-gap":"md","description-gap":"xs"},lg:{icon:80,"title-text":"2xl","description-text":"lg","padding-y":"2xl","title-gap":"md","description-gap":"xs"}},"list-item":{sm:{"padding-y":"sm","title-text":"sm","subtitle-text":"xs","min-height":44},md:{"padding-y":"md","title-text":"base","subtitle-text":"sm","min-height":56},lg:{"padding-y":"lg","title-text":"lg","subtitle-text":"base","min-height":72}},badge:{sm:{text:"xs","min-width":16,height:16,"padding-x":"xs","dot-size":8},md:{text:"sm","min-width":20,height:20,"padding-x":"sm","dot-size":10},"border-width":1.5,"anchor-offset":4},chip:{sm:{"padding-x":"sm","padding-y":"xs",text:"xs","min-height":26,"close-size":16,"close-text":"xs",gap:"xs",icon:14},md:{"padding-x":"md","padding-y":"xs",text:"sm","min-height":32,"close-size":18,"close-text":"sm",gap:"sm",icon:16}},checkbox:{sm:{"box-size":16},md:{"box-size":20},lg:{"box-size":24},"label-gap":"sm"},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},"label-gap":"sm"},switch:{sm:{"track-width":42,"track-height":26,"thumb-size":22,padding:"xxs"},md:{"track-width":51,"track-height":31,"thumb-size":27,padding:"xxs"},lg:{"track-width":60,"track-height":36,"thumb-size":32,padding:"xxs"}},"otp-input":{sm:{cell:36,text:"base",radius:"sm",gap:"sm"},md:{cell:48,text:"xl",radius:"md",gap:"sm"},lg:{cell:56,text:"2xl",radius:"lg",gap:"md"}},"segmented-control":{sm:{height:32,text:"sm","padding-x":"sm",icon:14},md:{height:40,text:"base","padding-x":"md",icon:16},lg:{height:48,text:"lg","padding-x":"lg",icon:18},"track-padding":"xs","underline-height":2,"pill-inset":"xs"},tabs:{sm:{text:"sm","padding-y":"sm","padding-x":"xs","scrollable-padding-x":"md",icon:16},md:{text:"base","padding-y":"md","padding-x":"sm","scrollable-padding-x":"lg",icon:18},lg:{text:"lg","padding-y":"lg","padding-x":"md","scrollable-padding-x":"xl",icon:20},"icon-gap":"xs","track-padding":"xs","underline-height":2,"pill-inset":"xs","disabled-opacity":.45,"badge-gap":"xs"},slider:{sm:{"track-height":4,"thumb-diameter":24},md:{"track-height":6,"thumb-diameter":28},lg:{"track-height":8,"thumb-diameter":32}},"floating-action-button":{sm:{diameter:40,icon:18,text:"sm","label-padding-x":"md"},md:{diameter:56,icon:22,text:"base","label-padding-x":"lg"},lg:{diameter:72,icon:28,text:"lg","label-padding-x":"xl"},"edge-offset":"xl","bottom-offset":"xl","secondary-gap":"lg","stagger-ms":50},dialog:{"icon-wrapper-size":48,"action-button-min-height":44},toast:{"icon-circle-size":28,"icon-glyph-text":"lg","tint-bar-width":0,"action-min-height":30},banner:{"tint-bar-width":0}}},darkTokens=exports.darkTokens={mode:"dark",colors:{bg:"#0b0b12","bg-subtle":"#13131c","bg-muted":"#1c1c26",surface:"#1c1c26","surface-inverse":"#fafafa",text:"#e2e2e2","text-body":"#fafafa","text-muted":"#b4b4bb","text-subtle":"#919199","text-inverse":"#0f0f1a",link:"#9292ee",border:"#27272f","border-subtle":"#1c1c26","field-bg":"#13131c","field-border":"#27272f","field-border-focus":"#3d5fb0","focus-ring":"#7c7ce8",scrim:"#000000a6","on-scrim":"#ffffff",thumb:"#ffffff",primary:"#7c7ce8","primary-hover":"#9292ee","primary-soft":"#1f1f3d","primary-text":"#8989ea","on-primary":"#0f0f1a","primary-wash":"#7c7ce814","primary-wash-strong":"#7c7ce833",neutral:"#1f1f26","neutral-hover":"#2a2a33","neutral-text":"#b4b4bb","on-neutral":"#fafafa",success:"#30c780","success-soft":"#04b4402e","success-text":"#30c780","on-success":"#0f0f1a",warning:"#fbbf24","warning-soft":"#dfa0002e","warning-text":"#fbbf24","on-warning":"#0f0f1a",danger:"#f87171","danger-soft":"#e826462e","danger-border":"#f87171","danger-text":"#f87171","on-danger":"#0f0f1a",info:"#60a5fa","info-soft":"#056ee92e","info-text":"#60a5fa","on-info":"#0f0f1a","primary-pressed":"#a8a8f2","on-neutral-strong":"#0f0f1a","text-disabled":"#52525b","surface-pressed":"#ffffff14","surface-hover":"#ffffff0d","surface-selected":"#7c7ce82e","surface-disabled":"#1c1c26",skeleton:"#1c1c26","skeleton-highlight":"#27272f","glass-fill":"#ffffff47","glass-border":"#ffffff73","on-glass":"#0f0f1a","glass-badge":"#ffffff","field-bg-focus":"#0b0b12","field-bg-disabled":"#1c1c26","field-border-error":"#8a2f42","field-label":"#e4e6ee","field-text":"#fafafa","field-text-disabled":"#52525b","field-placeholder":"#84848d","field-placeholder-disabled":"#52525b","field-icon":"#8b8b95","field-icon-focus":"#d4d4db","field-icon-disabled":"#52525b","field-caret":"#7c9ef0","field-message":"#f87171","avatar-1":"#8b8bee","avatar-2":"#2dd4bf","avatar-3":"#fcd34d","avatar-4":"#f472b6","avatar-5":"#60a5fa","avatar-6":"#a78bfa","avatar-7":"#34d399","avatar-8":"#f87171"},space:{none:0,xxs:2,xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48,"4xl":64},radius:{none:0,sm:6,md:10,lg:14,xl:20,pill:9999},text:{xs:{size:11,lineHeight:17},sm:{size:13,lineHeight:20},base:{size:15,lineHeight:23},lg:{size:17,lineHeight:24},xl:{size:20,lineHeight:26},"2xl":{size:24,lineHeight:30},"3xl":{size:30,lineHeight:36},"4xl":{size:36,lineHeight:40},"5xl":{size:45,lineHeight:47},"6xl":{size:57,lineHeight:57},"7xl":{size:64,lineHeight:64},"8xl":{size:72,lineHeight:72}},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},leading:{tight:1.2,normal:1.4,relaxed:1.6},"letter-spacing":{tight:-.2,normal:0,wide:.4},font:{ui:{},display:{},mono:{}},shadow:{card:{shadowColor:"#000000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:2},elevated:{shadowColor:"#000000",shadowOffset:{width:0,height:4},shadowOpacity:.502,shadowRadius:8,elevation:4},popover:{shadowColor:"#000000",shadowOffset:{width:0,height:8},shadowOpacity:.549,shadowRadius:16,elevation:8},modal:{shadowColor:"#000000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12},drawer:{shadowColor:"#000000",shadowOffset:{width:0,height:12},shadowOpacity:.6,shadowRadius:24,elevation:12}},motion:{duration:{instant:80,fast:160,default:240,slow:360,slower:500},ease:{"in-out":[.4,0,.2,1],accelerate:[.4,0,1,1],decelerate:[0,0,.2,1],sharp:[.4,0,.6,1]}},size:{border:1},components:{field:{sm:{radius:"md","padding-x":"sm","padding-y":"sm","min-height":38,text:"sm",icon:14,"label-text":"xs","label-gap":"xs","message-text":"xs","message-gap":"xxs"},md:{radius:"md","padding-x":"md","padding-y":"md","min-height":44,text:"base",icon:16,"label-text":"sm","label-gap":"xs","message-text":"sm","message-gap":"xxs"},lg:{radius:"md","padding-x":"lg","padding-y":"lg","min-height":52,text:"lg",icon:18,"label-text":"base","label-gap":"xs","message-text":"base","message-gap":"xxs"}},press:{opacity:.85},disabled:{opacity:.55},button:{xs:{"padding-x":"sm","padding-y":"xs","min-height":28,text:"xs",radius:"md",icon:14,"badge-icon":11},sm:{"padding-x":"md","padding-y":"xs","min-height":34,text:"sm",radius:"md",icon:16,"badge-icon":16},md:{"padding-x":"lg","padding-y":"sm","min-height":44,text:"base",radius:"md",icon:18,"badge-icon":18},lg:{"padding-x":"xl","padding-y":"md","min-height":50,text:"lg",radius:"lg",icon:20,"badge-icon":20},xl:{"padding-x":"2xl","padding-y":"md","min-height":58,text:"xl",radius:"lg",icon:22,"badge-icon":22}},input:{sm:{"multiline-min-height":72},md:{"multiline-min-height":92},lg:{"multiline-min-height":110}},"search-bar":{sm:{radius:"pill"},md:{radius:"pill"},lg:{radius:"pill"}},"empty-state":{sm:{icon:48,"title-text":"lg","description-text":"sm","padding-y":"lg","title-gap":"md","description-gap":"xs"},md:{icon:64,"title-text":"xl","description-text":"base","padding-y":"xl","title-gap":"md","description-gap":"xs"},lg:{icon:80,"title-text":"2xl","description-text":"lg","padding-y":"2xl","title-gap":"md","description-gap":"xs"}},"list-item":{sm:{"padding-y":"sm","title-text":"sm","subtitle-text":"xs","min-height":44},md:{"padding-y":"md","title-text":"base","subtitle-text":"sm","min-height":56},lg:{"padding-y":"lg","title-text":"lg","subtitle-text":"base","min-height":72}},badge:{sm:{text:"xs","min-width":16,height:16,"padding-x":"xs","dot-size":8},md:{text:"sm","min-width":20,height:20,"padding-x":"sm","dot-size":10},"border-width":1.5,"anchor-offset":4},chip:{sm:{"padding-x":"sm","padding-y":"xs",text:"xs","min-height":26,"close-size":16,"close-text":"xs",gap:"xs",icon:14},md:{"padding-x":"md","padding-y":"xs",text:"sm","min-height":32,"close-size":18,"close-text":"sm",gap:"sm",icon:16}},checkbox:{sm:{"box-size":16},md:{"box-size":20},lg:{"box-size":24},"label-gap":"sm"},radio:{sm:{outer:16,inner:8},md:{outer:20,inner:10},lg:{outer:24,inner:12},"label-gap":"sm"},switch:{sm:{"track-width":42,"track-height":26,"thumb-size":22,padding:"xxs"},md:{"track-width":51,"track-height":31,"thumb-size":27,padding:"xxs"},lg:{"track-width":60,"track-height":36,"thumb-size":32,padding:"xxs"}},"otp-input":{sm:{cell:36,text:"base",radius:"sm",gap:"sm"},md:{cell:48,text:"xl",radius:"md",gap:"sm"},lg:{cell:56,text:"2xl",radius:"lg",gap:"md"}},"segmented-control":{sm:{height:32,text:"sm","padding-x":"sm",icon:14},md:{height:40,text:"base","padding-x":"md",icon:16},lg:{height:48,text:"lg","padding-x":"lg",icon:18},"track-padding":"xs","underline-height":2,"pill-inset":"xs"},tabs:{sm:{text:"sm","padding-y":"sm","padding-x":"xs","scrollable-padding-x":"md",icon:16},md:{text:"base","padding-y":"md","padding-x":"sm","scrollable-padding-x":"lg",icon:18},lg:{text:"lg","padding-y":"lg","padding-x":"md","scrollable-padding-x":"xl",icon:20},"icon-gap":"xs","track-padding":"xs","underline-height":2,"pill-inset":"xs","disabled-opacity":.45,"badge-gap":"xs"},slider:{sm:{"track-height":4,"thumb-diameter":24},md:{"track-height":6,"thumb-diameter":28},lg:{"track-height":8,"thumb-diameter":32}},"floating-action-button":{sm:{diameter:40,icon:18,text:"sm","label-padding-x":"md"},md:{diameter:56,icon:22,text:"base","label-padding-x":"lg"},lg:{diameter:72,icon:28,text:"lg","label-padding-x":"xl"},"edge-offset":"xl","bottom-offset":"xl","secondary-gap":"lg","stagger-ms":50},dialog:{"icon-wrapper-size":48,"action-button-min-height":44},toast:{"icon-circle-size":28,"icon-glyph-text":"lg","tint-bar-width":0,"action-min-height":30},banner:{"tint-bar-width":0}}};

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

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

package/lib/commonjs/utils/color.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tintOf=exports.blendOf=exports.ACCENT_PRESSED_TINT=void 0;const ACCENT_PRESSED_TINT=exports.ACCENT_PRESSED_TINT="rgba(0, 0, 0, 0.12)",tintOf=(t,e,n)=>{const r=/^#([0-9a-f]{6})$/i.exec(t);if(!r)return n;const o=Math.round(255e).toString(16).padStart(2,"0");return`#${r[1]}${o}`};exports.tintOf=tintOf;const channelsOf=t=>{const e=/^#([0-9a-f]{6})$/i.exec(t);if(!e)return null;const n=Number.parseInt(e[1],16);return[n>>16&255,n>>8&255,255&n]},~~blendOf~~=(t,e,n,r)=>{const o=channelsOf(t),s=channelsOf(n);if(!o~~\|\|!s~~)return r;return`#${o.map((t,n)=>Math.round(te+s[n]*(1-e))).map(t=>t.toString(16).padStart(2,"0")).join("")}`.toUpperCase()};exports.blendOf=blendOf;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.withAlpha=exports.transparentOf=exports.tintOf=exports.blendOf=exports.ACCENT_PRESSED_TINT=void 0;const ACCENT_PRESSED_TINT=exports.ACCENT_PRESSED_TINT="rgba(0, 0, 0, 0.12)",tintOf=(t,r,e)=>{const s=/^#([0-9a-f]{6})$/i.exec(t);if(!s)return e;const a=Math.round(255r).toString(16).padStart(2,"0");return`#${s[1]}${a}`};exports.tintOf=tintOf;const channelsOf=t=>{const r=/^#([0-9a-f]{6})$/i.exec(t);if(!r)return null;const e=Number.parseInt(r[1],16);return[e>>16&255,e>>8&255,255&e]},rgbaOf=t=>{const r=/^#([0-9a-f]{3}\|[0-9a-f]{6}\|[0-9a-f]{8})$/i.exec(t);if(r){const t=3===r[1].length?[...r[1]].map(t=>t+t).join(""):r[1],n=r=>Number.parseInt(t.slice(r,r+2),16);return[n(0),n(2),n(4),8===t.length?n(6)/255:1]}const e=/^rgba?$\s([\d.]+)\s,\s([\d.]+)\s,\s([\d.]+)\s(?:,\s([\d.]+)\s)?$$/i.exec(t);return e?[Number(e[1]),Number(e[2]),Number(e[3]),void 0===e[4]?1:Number(e[4])]:null},withAlpha=(t,r)=>{const e=rgbaOf(t);return e?`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${r})`:null};exports.withAlpha=withAlpha;const transparentOf=t=>withAlpha(t,0)??"transparent";exports.transparentOf=transparentOf;const blendOf=(t,r,e,s)=>{const a=channelsOf(t),o=channelsOf(e);if(!a\|\|!o)return s;return`#${a.map((t,e)=>Math.round(tr+o[e]*(1-r))).map(t=>t.toString(16).padStart(2,"0")).join("")}`.toUpperCase()};exports.blendOf=blendOf;

package/lib/module/canvasKit/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";import{createElement}from"react";import{StyleSheet,View}from"react-native";import{useKeyboardState}from"react-native-keyboard-controller";import{darkTheme,lightTheme}from"../theme/index.js";const STATUS_BAR_HEIGHT={Ios:54,Android:24},HOME_AREA_HEIGHT={Ios:34,Android:0},HOME_BAR_WIDTH=134,HOME_BAR_HEIGHT=5,NAV_BAR_HEIGHT=24,NAV_PILL_WIDTH=108,NAV_PILL_HEIGHT=4,KEYBOARD_HEIGHT_IOS=336,KEYBOARD_HEIGHT_ANDROID=300,MARKER={statusBar:"AppStatusBar",homeIndicator:"AppHomeIndicator",navigationBar:"AppNavigationBar",safeArea:"AppSafeArea",keyboardFrame:"AppKeyboardFrame"},wuiMarker=e=>({dataSet:{wui:e}}),paletteFor=e=>"dark"===e?darkTheme:lightTheme,styles=StyleSheet.create({overlayTop:{position:"absolute",top:0,left:0,right:0},overlayBottom:{position:"absolute",bottom:0,left:0,right:0,alignItems:"center",justifyContent:"flex-end"},fill:{flex:1},homeBar:{width:134,height:5},navPill:{width:108,height:4},keyboardPreview:{position:"absolute",bottom:0,left:0,right:0}});export const StatusBar=({os:e,colorMode:o="light"})=>{const t=paletteFor(o);return createElement(View,{...wuiMarker(MARKER.statusBar),accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:[styles.overlayTop,{height:STATUS_BAR_HEIGHT[e],backgroundColor:t.colors.~~background.primary~~}]})};export const HomeIndicator=({os:e,colorMode:o="light"})=>{const t=paletteFor(o);return createElement(View,{...wuiMarker(MARKER.homeIndicator),accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:[styles.overlayBottom,{height:HOME_AREA_HEIGHT[e]}]},"Ios"===e?createElement(View,{style:[styles.homeBar,{backgroundColor:t.colors.text~~.primary~~,borderRadius:t.radius.pill,marginBottom:t.~~spacing~~.sm}]}):null)};export const NavigationBar=({os:e,colorMode:o="light"})=>{if("Android"!==e)return null;const t=paletteFor(o);return createElement(View,{...wuiMarker(MARKER.navigationBar),accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:[styles.overlayBottom,{height:24,justifyContent:"center"}]},createElement(View,{style:[styles.navPill,{backgroundColor:t.colors.text~~.primary~~,borderRadius:t.radius.pill}]}))};export const SafeArea=({os:e,children:o})=>createElement(View,{...wuiMarker(MARKER.safeArea),style:[styles.fill,{paddingTop:STATUS_BAR_HEIGHT[e],paddingBottom:HOME_AREA_HEIGHT[e]}]},o);const KEYBOARD_PREVIEW_HEIGHT={ios:336,android:300};export const KeyboardFrame=({colorMode:e="light",previewOs:o,children:t})=>{const r=paletteFor(e),a=useKeyboardState(e=>Math.max(0,Math.round(e.height)));return createElement(View,{...wuiMarker(MARKER.keyboardFrame),style:[styles.fill,{paddingBottom:a,backgroundColor:r.colors.~~background.primary~~}]},t,o?createElement(View,{pointerEvents:"none",style:[styles.keyboardPreview,{height:KEYBOARD_PREVIEW_HEIGHT[o],backgroundColor:r.colors.~~background.primary~~}]}):null)};const SOURCE="@webority/mobile-ui",osProp={name:"os",type:"enum",enum:["Ios","Android"],required:!0},colorModeProp={name:"colorMode",type:"enum",enum:["light","dark"],required:!1};export const phoneChromeEntries=[{name:"StatusBar",marker:MARKER.statusBar,acceptsChildren:!1,props:[osProp,colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"HomeIndicator",marker:MARKER.homeIndicator,acceptsChildren:!1,props:[osProp,colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"NavigationBar",marker:MARKER.navigationBar,acceptsChildren:!1,props:[osProp,colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"SafeArea",marker:MARKER.safeArea,acceptsChildren:!0,props:[osProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"KeyboardFrame",marker:MARKER.keyboardFrame,acceptsChildren:!0,props:[colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE}];
1	+ "use strict";import{createElement}from"react";import{StyleSheet,View}from"react-native";import{useKeyboardState}from"react-native-keyboard-controller";import{darkTheme,lightTheme}from"../theme/index.js";const STATUS_BAR_HEIGHT={Ios:54,Android:24},HOME_AREA_HEIGHT={Ios:34,Android:0},HOME_BAR_WIDTH=134,HOME_BAR_HEIGHT=5,NAV_BAR_HEIGHT=24,NAV_PILL_WIDTH=108,NAV_PILL_HEIGHT=4,KEYBOARD_HEIGHT_IOS=336,KEYBOARD_HEIGHT_ANDROID=300,MARKER={statusBar:"AppStatusBar",homeIndicator:"AppHomeIndicator",navigationBar:"AppNavigationBar",safeArea:"AppSafeArea",keyboardFrame:"AppKeyboardFrame"},wuiMarker=e=>({dataSet:{wui:e}}),paletteFor=e=>"dark"===e?darkTheme:lightTheme,styles=StyleSheet.create({overlayTop:{position:"absolute",top:0,left:0,right:0},overlayBottom:{position:"absolute",bottom:0,left:0,right:0,alignItems:"center",justifyContent:"flex-end"},fill:{flex:1},homeBar:{width:134,height:5},navPill:{width:108,height:4},keyboardPreview:{position:"absolute",bottom:0,left:0,right:0}});export const StatusBar=({os:e,colorMode:o="light"})=>{const t=paletteFor(o);return createElement(View,{...wuiMarker(MARKER.statusBar),accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:[styles.overlayTop,{height:STATUS_BAR_HEIGHT[e],backgroundColor:t.colors.bg}]})};export const HomeIndicator=({os:e,colorMode:o="light"})=>{const t=paletteFor(o);return createElement(View,{...wuiMarker(MARKER.homeIndicator),accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:[styles.overlayBottom,{height:HOME_AREA_HEIGHT[e]}]},"Ios"===e?createElement(View,{style:[styles.homeBar,{backgroundColor:t.colors["text-body"],borderRadius:t.radius.pill,marginBottom:t.space.sm}]}):null)};export const NavigationBar=({os:e,colorMode:o="light"})=>{if("Android"!==e)return null;const t=paletteFor(o);return createElement(View,{...wuiMarker(MARKER.navigationBar),accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",pointerEvents:"none",style:[styles.overlayBottom,{height:24,justifyContent:"center"}]},createElement(View,{style:[styles.navPill,{backgroundColor:t.colors["text-body"],borderRadius:t.radius.pill}]}))};export const SafeArea=({os:e,children:o})=>createElement(View,{...wuiMarker(MARKER.safeArea),style:[styles.fill,{paddingTop:STATUS_BAR_HEIGHT[e],paddingBottom:HOME_AREA_HEIGHT[e]}]},o);const KEYBOARD_PREVIEW_HEIGHT={ios:336,android:300};export const KeyboardFrame=({colorMode:e="light",previewOs:o,children:t})=>{const r=paletteFor(e),a=useKeyboardState(e=>Math.max(0,Math.round(e.height)));return createElement(View,{...wuiMarker(MARKER.keyboardFrame),style:[styles.fill,{paddingBottom:a,backgroundColor:r.colors.bg}]},t,o?createElement(View,{pointerEvents:"none",style:[styles.keyboardPreview,{height:KEYBOARD_PREVIEW_HEIGHT[o],backgroundColor:r.colors.bg}]}):null)};const SOURCE="@webority/mobile-ui",osProp={name:"os",type:"enum",enum:["Ios","Android"],required:!0},colorModeProp={name:"colorMode",type:"enum",enum:["light","dark"],required:!1};export const phoneChromeEntries=[{name:"StatusBar",marker:MARKER.statusBar,acceptsChildren:!1,props:[osProp,colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"HomeIndicator",marker:MARKER.homeIndicator,acceptsChildren:!1,props:[osProp,colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"NavigationBar",marker:MARKER.navigationBar,acceptsChildren:!1,props:[osProp,colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"SafeArea",marker:MARKER.safeArea,acceptsChildren:!0,props:[osProp],itemsTakeAction:[],takesAction:[],source:SOURCE},{name:"KeyboardFrame",marker:MARKER.keyboardFrame,acceptsChildren:!0,props:[colorModeProp],itemsTakeAction:[],takesAction:[],source:SOURCE}];

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

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

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

	@@ -1 +1 @@
1	- "use strict";import{formatCurrency}from"@webority/mobile-core";import{forwardRef,useMemo,useRef}from"react";import{StyleSheet,Text,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{Input}from"../Input/index.js";import{Slider}from"../Slider/index.js";import{clampValue,RollingText,useValueDraft}from"../Slider/valueText.js";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";const INDIAN_TIERS=[[1e7,"Crore"],[1e5,"Lakh"],[1e3,"Thousand"]];export const scaleAmount=(e,t)=>{if("indian"===t){const t=Math.abs(e);for(const[i,n]of INDIAN_TIERS)if(t>=i)return{amount:e/i,unit:n}}return{amount:e,unit:""}};const formatAmount=(e,t)=>{const i=Math.round(100*e)/100;return t?String(i):formatCurrency(Math.round(e),{currency:"INR",stripSymbol:!0,maximumFractionDigits:0})},defaultFormatInput=e=>formatCurrency(e,{currency:"INR",maximumFractionDigits:0}),AmountSlider=forwardRef((e,t)=>{const{min:i=0,max:n=100,step:o=1,disabled:r=!1,tone:a,size:l,variant:s="inset",prefix:u="₹",units:m="indian",formatInput:c=defaultFormatInput,animationDuration:d,haptic:p,accessibilityLabel:f,inputAccessibilityLabel:y="Amount",style:x,headerStyle:h,valueStyle:S,unitStyle:b,inputStyle:g,sliderStyle:I,testID:v}=e,j=useTheme(),w=useMemo(()=>buildStyles(j),[j]),D=d??j.motion.duration.~~normal~~,[R,T]=useControllableState({value:e.value,defaultValue:e.defaultValue??i,onChange:e.onChange}),A=clampValue(R,i,n),C=useValueDraft({value:A,min:i,max:n,step:o,format:c,onChange:T}),_=scaleAmount(A,m),V=""!==_.unit,$=useRef(A),z=useRef("up");A!==$.current&&(z.current=A>$.current?"up":"down",$.current=A);const N=z.current,F=`${u}${formatAmount(_.amount,V)}${V?` ${_.unit}`:""}`;return _jsxs(View,{ref:t,style:[w.container,x],testID:v,children:[_jsxs(View,{style:[w.header,h],children:[_jsxs(View,{style:w.valueRow,accessible:!0,accessibilityRole:"text",accessibilityLabel:F,children:[u?_jsxs(Text,{style:[w.value,S],children:[u," "]}):null,_jsx(RollingText,{text:formatAmount(_.amount,V),direction:N,duration:D,style:[w.value,S],testID:v?`${v}-value`:void 0}),V?_jsx(RollingText,{text:` ${_.unit}`,direction:N,duration:D,perCharacter:!1,style:[w.unit,b],testID:v?`${v}-unit`:void 0}):null]}),_jsx(Input,{size:"sm",value:C.text,onChangeText:C.onChangeText,onFocus:C.onFocus,onBlur:C.onBlur,onSubmitEditing:C.onBlur,keyboardType:"number-pad",returnKeyType:"done",disabled:r,accessibilityLabel:y,style:[w.input,g],testID:v?`${v}-input`:void 0})]}),_jsx(Slider,{value:A,onChange:T,min:i,max:n,step:o,disabled:r,tone:a,size:l,variant:s,haptic:p,accessibilityLabel:f,style:I,testID:v?`${v}-slider`:void 0})]})});AmountSlider.displayName="AmountSlider";const buildStyles=e=>StyleSheet.create({container:{width:"100%"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:e.~~spacing~~.md},valueRow:{flexDirection:"row",alignItems:"baseline",flexShrink:1},value:{color:e.colors.text~~.primary~~,fontSize:e.~~typography.fontSize~~["3xl"],fontWeight:e.~~typography~~.~~fontWeight.~~bold,fontVariant:["tabular-nums"]},unit:{color:e.colors.text~~.primary~~,fontSize:e.~~typography~~.~~fontSize~~.lg,fontWeight:e.~~typography~~.~~fontWeight.~~semibold},input:{width:"45%",maxWidth:180}});export{AmountSlider};export default AmountSlider;
1	+ "use strict";import{formatCurrency}from"@webority/mobile-core";import{forwardRef,useMemo,useRef}from"react";import{StyleSheet,Text,View}from"react-native";import{useControllableState}from"../../hooks/index.js";import{useTheme}from"../../theme/index.js";import{Input}from"../Input/index.js";import{Slider}from"../Slider/index.js";import{clampValue,RollingText,useValueDraft}from"../Slider/valueText.js";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";const INDIAN_TIERS=[[1e7,"Crore"],[1e5,"Lakh"],[1e3,"Thousand"]];export const scaleAmount=(e,t)=>{if("indian"===t){const t=Math.abs(e);for(const[i,n]of INDIAN_TIERS)if(t>=i)return{amount:e/i,unit:n}}return{amount:e,unit:""}};const formatAmount=(e,t)=>{const i=Math.round(100*e)/100;return t?String(i):formatCurrency(Math.round(e),{currency:"INR",stripSymbol:!0,maximumFractionDigits:0})},defaultFormatInput=e=>formatCurrency(e,{currency:"INR",maximumFractionDigits:0}),AmountSlider=forwardRef((e,t)=>{const{min:i=0,max:n=100,step:o=1,disabled:r=!1,tone:a,size:l,variant:s="inset",prefix:u="₹",units:m="indian",formatInput:c=defaultFormatInput,animationDuration:d,haptic:f,accessibilityLabel:x,inputAccessibilityLabel:p="Amount",style:y,headerStyle:h,valueStyle:b,unitStyle:S,inputStyle:I,sliderStyle:g,testID:v}=e,j=useTheme(),w=useMemo(()=>buildStyles(j),[j]),D=d??j.motion.duration.default,[R,T]=useControllableState({value:e.value,defaultValue:e.defaultValue??i,onChange:e.onChange}),A=clampValue(R,i,n),C=useValueDraft({value:A,min:i,max:n,step:o,format:c,onChange:T}),_=scaleAmount(A,m),V=""!==_.unit,$=useRef(A),z=useRef("up");A!==$.current&&(z.current=A>$.current?"up":"down",$.current=A);const N=z.current,F=`${u}${formatAmount(_.amount,V)}${V?` ${_.unit}`:""}`;return _jsxs(View,{ref:t,style:[w.container,y],testID:v,children:[_jsxs(View,{style:[w.header,h],children:[_jsxs(View,{style:w.valueRow,accessible:!0,accessibilityRole:"text",accessibilityLabel:F,children:[u?_jsxs(Text,{style:[w.value,b],children:[u," "]}):null,_jsx(RollingText,{text:formatAmount(_.amount,V),direction:N,duration:D,style:[w.value,b],testID:v?`${v}-value`:void 0}),V?_jsx(RollingText,{text:` ${_.unit}`,direction:N,duration:D,perCharacter:!1,style:[w.unit,S],testID:v?`${v}-unit`:void 0}):null]}),_jsx(Input,{size:"sm",value:C.text,onChangeText:C.onChangeText,onFocus:C.onFocus,onBlur:C.onBlur,onSubmitEditing:C.onBlur,keyboardType:"number-pad",returnKeyType:"done",disabled:r,accessibilityLabel:p,style:[w.input,I],testID:v?`${v}-input`:void 0})]}),_jsx(Slider,{value:A,onChange:T,min:i,max:n,step:o,disabled:r,tone:a,size:l,variant:s,haptic:f,accessibilityLabel:x,style:g,testID:v?`${v}-slider`:void 0})]})});AmountSlider.displayName="AmountSlider";const buildStyles=e=>StyleSheet.create({container:{width:"100%"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:e.space.md},valueRow:{flexDirection:"row",alignItems:"baseline",flexShrink:1},value:{color:e.colors["text-body"],fontSize:e.text["3xl"].size,fontWeight:e.weight.bold,fontVariant:["tabular-nums"]},unit:{color:e.colors["text-body"],fontSize:e.text.lg.size,fontWeight:e.weight.semibold},input:{width:"45%",maxWidth:180}});export{AmountSlider};export default AmountSlider;

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- "use strict";import{Image}from"expo-image";import{useEffect,useMemo,useRef,useState}from"react";import{StyleSheet,Text,View}from"react-native";import{useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{Spinner}from"../Spinner/index.js";import{acquireFetch,DEFAULT_TTL_MS,deriveCacheKey,isFresh,isPermanentRefusal,readEntry,releaseFetch,removeEntry,touchEntry}from"./authedImageCache.js";import{jsx as _jsx}from"react/jsx-runtime";const CONTENT_FIT={cover:"cover",contain:"contain",stretch:"fill",center:"scale-down",repeat:"cover"},toError=e=>e instanceof Error?e:new Error(String(e)),AuthedImage=e=>{const{uri:t,headers:r,client:o,authenticated:i=!0,ttlMs:a=DEFAULT_TTL_MS,placeholder:s,fallback:n,onLoadStart:c,onLoadEnd:l,onError:d,cacheKey:u,testID:m,accessibilityLabel:h,style:y,resizeMode:f,fadeDuration:g,contentFit:b,transition:p,cachePolicy:E="memory",...I}=e,S=useTheme(),x=useMemo(()=>buildStyles(S),[S]),[v,L]=useState({status:"loading"}),T=useRef({onLoadStart:c,onLoadEnd:l,onError:d});T.current={onLoadStart:c,onLoadEnd:l,onError:d};const j=JSON.stringify(r??{});return useEffect(()=>{let e=!1,r=null;const finish=t=>{e\|\|(L(t),T.current.onLoadEnd?.())};return(async()=>{if(!t){const t=new Error("[@webority/mobile-ui] AuthedImage was given an empty `uri`. Pass the image URL, or render nothing while the URL is still unknown.");return void(e\|\|(L({status:"error"}),T.current.onError?.(t)))}L({status:"loading"}),T.current.onLoadStart?.();const s=deriveCacheKey(t,u),n=await readEntry(s);if(e)return;if(n&&isFresh(n.meta,a))return touchEntry(s),void finish({status:"ready",fileUri:n.fileUri});const c=acquireFetch(s,{uri:t,headers:JSON.parse(j),authenticated:i,client:o});r={key:s,entry:c};try{const e=await c.promise;finish({status:"ready",fileUri:e.fileUri})}catch(t){if(e)return;if(n&&!isPermanentRefusal(t))return void finish({status:"ready",fileUri:n.fileUri});if(n&&(await removeEntry(s),e))return;L({status:"error"}),T.current.onError?.(toError(t)),T.current.onLoadEnd?.()}})(),()=>{e=!0,r&&releaseFetch(r.key,r.entry)}},[t,u,a,i,o,j]),"loading"===v.status?_jsx(View,void 0!==s?{style:y,testID:m,children:s}:{style:[x.placeholder,y],testID:m,children:_jsx(View,{style:x.stateFill,testID:m?`${m}-placeholder`:void 0,pointerEvents:"none",children:_jsx(Spinner,{size:"sm",accessibilityLabel:h??"Loading image"})})}):"error"===v.status?_jsx(View,void 0!==n?{style:y,testID:m,children:n}:{style:[x.fallback,y],testID:m,children:_jsx(View,{accessible:!0,accessibilityRole:"image",accessibilityLabel:h?`${h}, image unavailable`:"Image unavailable",testID:m?`${m}-fallback`:void 0,style:x.stateFill,children:_jsx(Text,{style:x.fallbackText,children:"!"})})}):_jsx(Image,{...I,accessible:!0,accessibilityRole:"image",accessibilityLabel:h,testID:m,style:y,contentFit:b??(f?CONTENT_FIT[f]:void 0),transition:p??g,cachePolicy:E,source:{uri:v.fileUri}})};AuthedImage.displayName="AuthedImage";const buildStyles=e=>StyleSheet.create({placeholder:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors~~.background.secondary~~,borderRadius:e.radius.md,...smoothCorners},fallback:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors~~.background.secondary~~,borderRadius:e.radius.md,...smoothCorners,borderWidth:e.~~colors~~.border~~.width~~,borderColor:e.colors.border~~.secondary~~,padding:e.~~spacing~~.sm},stateFill:{alignItems:"center",flex:1,justifyContent:"center"},fallbackText:{color:e.colors.text~~.tertiary~~,fontSize:e.~~typography~~.~~fontSize~~.lg,fontWeight:e.~~typography~~.~~fontWeight.~~bold}});export{AuthedImage};export default AuthedImage;
1	+ "use strict";import{Image}from"expo-image";import{useEffect,useMemo,useRef,useState}from"react";import{StyleSheet,Text,View}from"react-native";import{useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{Spinner}from"../Spinner/index.js";import{acquireFetch,DEFAULT_TTL_MS,deriveCacheKey,isFresh,isPermanentRefusal,readEntry,releaseFetch,removeEntry,touchEntry}from"./authedImageCache.js";import{jsx as _jsx}from"react/jsx-runtime";const CONTENT_FIT={cover:"cover",contain:"contain",stretch:"fill",center:"scale-down",repeat:"cover"},toError=e=>e instanceof Error?e:new Error(String(e)),AuthedImage=e=>{const{uri:t,headers:r,client:i,authenticated:o=!0,ttlMs:s=DEFAULT_TTL_MS,placeholder:a,fallback:n,onLoadStart:l,onLoadEnd:c,onError:d,cacheKey:u,testID:m,accessibilityLabel:h,style:y,resizeMode:f,fadeDuration:b,contentFit:g,transition:E,cachePolicy:p="memory",...I}=e,x=useTheme(),S=useMemo(()=>buildStyles(x),[x]),[v,L]=useState({status:"loading"}),T=useRef({onLoadStart:l,onLoadEnd:c,onError:d});T.current={onLoadStart:l,onLoadEnd:c,onError:d};const j=JSON.stringify(r??{});return useEffect(()=>{let e=!1,r=null;const finish=t=>{e\|\|(L(t),T.current.onLoadEnd?.())};return(async()=>{if(!t){const t=new Error("[@webority/mobile-ui] AuthedImage was given an empty `uri`. Pass the image URL, or render nothing while the URL is still unknown.");return void(e\|\|(L({status:"error"}),T.current.onError?.(t)))}L({status:"loading"}),T.current.onLoadStart?.();const a=deriveCacheKey(t,u),n=await readEntry(a);if(e)return;if(n&&isFresh(n.meta,s))return touchEntry(a),void finish({status:"ready",fileUri:n.fileUri});const l=acquireFetch(a,{uri:t,headers:JSON.parse(j),authenticated:o,client:i});r={key:a,entry:l};try{const e=await l.promise;finish({status:"ready",fileUri:e.fileUri})}catch(t){if(e)return;if(n&&!isPermanentRefusal(t))return void finish({status:"ready",fileUri:n.fileUri});if(n&&(await removeEntry(a),e))return;L({status:"error"}),T.current.onError?.(toError(t)),T.current.onLoadEnd?.()}})(),()=>{e=!0,r&&releaseFetch(r.key,r.entry)}},[t,u,s,o,i,j]),"loading"===v.status?_jsx(View,void 0!==a?{style:y,testID:m,children:a}:{style:[S.placeholder,y],testID:m,children:_jsx(View,{style:S.stateFill,testID:m?`${m}-placeholder`:void 0,pointerEvents:"none",children:_jsx(Spinner,{size:"sm",accessibilityLabel:h??"Loading image"})})}):"error"===v.status?_jsx(View,void 0!==n?{style:y,testID:m,children:n}:{style:[S.fallback,y],testID:m,children:_jsx(View,{accessible:!0,accessibilityRole:"image",accessibilityLabel:h?`${h}, image unavailable`:"Image unavailable",testID:m?`${m}-fallback`:void 0,style:S.stateFill,children:_jsx(Text,{style:S.fallbackText,children:"!"})})}):_jsx(Image,{...I,accessible:!0,accessibilityRole:"image",accessibilityLabel:h,testID:m,style:y,contentFit:g??(f?CONTENT_FIT[f]:void 0),transition:E??b,cachePolicy:p,source:{uri:v.fileUri}})};AuthedImage.displayName="AuthedImage";const buildStyles=e=>StyleSheet.create({placeholder:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.md,...smoothCorners},fallback:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.md,...smoothCorners,borderWidth:e.size.border,borderColor:e.colors["border-subtle"],padding:e.space.sm},stateFill:{alignItems:"center",flex:1,justifyContent:"center"},fallbackText:{color:e.colors["text-subtle"],fontSize:e.text.lg.size,fontWeight:e.weight.bold}});export{AuthedImage};export default AuthedImage;

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

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

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

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

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

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

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

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

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

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