@webority/mobile-ui 0.106.0 → 0.108.0

package/lib/module/theme/tokens.generated.js

@@ -1 +1 @@
-"use strict";export const COLOR_NAMES=["bg","bg-subtle","bg-muted","surface","surface-inverse","surface-dark","surface-dark-border","on-surface-dark","on-surface-dark-muted","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"];export const SPACE_NAMES=["none","xxs","xs","sm","md","lg","xl","2xl","3xl","4xl"];export const RADIUS_NAMES=["none","sm","md","lg","xl","pill"];export const TEXT_NAMES=["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl"];export const WEIGHT_NAMES=["normal","medium","semibold","bold"];export const LEADING_NAMES=["heading","body","display"];export const LETTER_SPACING_NAMES=["tight","normal","wide"];export const FONT_NAMES=["ui","display","mono"];export const SHADOW_NAMES=["card","elevated","popover","modal","drawer"];export const DURATION_NAMES=["instant","fast","default","slow","slower"];export const EASE_NAMES=["in-out","accelerate","decelerate","sharp"];export const SIZE_NAMES=["border"];export const 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"}};export const lightTokens={mode:"light",colors:{bg:"#ffffff","bg-subtle":"#f8f8fb","bg-muted":"#f1f1f5",surface:"#ffffff","surface-inverse":"#0f0f1a","surface-dark":"#071437","surface-dark-border":"#2a3553","on-surface-dark":"#ffffff","on-surface-dark-muted":"#babdc7",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},sm:{size:13},base:{size:15},lg:{size:17},xl:{size:20},"2xl":{size:24},"3xl":{size:30},"4xl":{size:36},"5xl":{size:45},"6xl":{size:57},"7xl":{size:64},"8xl":{size:72}},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},leading:{heading:1.2,body:1.4,display:1.2},"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}}};export const darkTokens={mode:"dark",colors:{bg:"#0b0b12","bg-subtle":"#13131c","bg-muted":"#1c1c26",surface:"#1c1c26","surface-inverse":"#fafafa","surface-dark":"#071437","surface-dark-border":"#2a3553","on-surface-dark":"#ffffff","on-surface-dark-muted":"#babdc7",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},sm:{size:13},base:{size:15},lg:{size:17},xl:{size:20},"2xl":{size:24},"3xl":{size:30},"4xl":{size:36},"5xl":{size:45},"6xl":{size:57},"7xl":{size:64},"8xl":{size:72}},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},leading:{heading:1.2,body:1.4,display:1.2},"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}}};
+"use strict";export const COLOR_NAMES=["bg","bg-subtle","bg-muted","surface","surface-inverse","surface-dark","surface-dark-border","on-surface-dark","on-surface-dark-muted","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"];export const SPACE_NAMES=["none","xxs","xs","sm","md","lg","xl","2xl","3xl","4xl"];export const RADIUS_NAMES=["none","sm","md","lg","xl","pill"];export const TEXT_NAMES=["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl"];export const WEIGHT_NAMES=["normal","medium","semibold","bold"];export const LEADING_NAMES=["heading","body","display"];export const LETTER_SPACING_NAMES=["tight","normal","wide"];export const FONT_NAMES=["ui","display","mono"];export const SHADOW_NAMES=["card","elevated","popover","modal","drawer"];export const DURATION_NAMES=["instant","fast","default","slow","slower"];export const EASE_NAMES=["in-out","accelerate","decelerate","sharp"];export const SIZE_NAMES=["border"];export const 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","illustration-size":"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"}};export const lightTokens={mode:"light",colors:{bg:"#ffffff","bg-subtle":"#f8f8fb","bg-muted":"#f1f1f5",surface:"#ffffff","surface-inverse":"#0f0f1a","surface-dark":"#071437","surface-dark-border":"#2a3553","on-surface-dark":"#ffffff","on-surface-dark-muted":"#babdc7",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},sm:{size:13},base:{size:15},lg:{size:17},xl:{size:20},"2xl":{size:24},"3xl":{size:30},"4xl":{size:36},"5xl":{size:45},"6xl":{size:57},"7xl":{size:64},"8xl":{size:72}},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},leading:{heading:1.2,body:1.4,display:1.2},"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,"illustration-size":96,"title-text":"lg","description-text":"sm","padding-y":"lg","title-gap":"md","description-gap":"xs"},md:{icon:64,"illustration-size":160,"title-text":"xl","description-text":"base","padding-y":"xl","title-gap":"md","description-gap":"xs"},lg:{icon:80,"illustration-size":240,"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}}};export const darkTokens={mode:"dark",colors:{bg:"#0b0b12","bg-subtle":"#13131c","bg-muted":"#1c1c26",surface:"#1c1c26","surface-inverse":"#fafafa","surface-dark":"#071437","surface-dark-border":"#2a3553","on-surface-dark":"#ffffff","on-surface-dark-muted":"#babdc7",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},sm:{size:13},base:{size:15},lg:{size:17},xl:{size:20},"2xl":{size:24},"3xl":{size:30},"4xl":{size:36},"5xl":{size:45},"6xl":{size:57},"7xl":{size:64},"8xl":{size:72}},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},leading:{heading:1.2,body:1.4,display:1.2},"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,"illustration-size":96,"title-text":"lg","description-text":"sm","padding-y":"lg","title-gap":"md","description-gap":"xs"},md:{icon:64,"illustration-size":160,"title-text":"xl","description-text":"base","padding-y":"xl","title-gap":"md","description-gap":"xs"},lg:{icon:80,"illustration-size":240,"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/module/utils/placement.js

@@ -1 +1 @@
-"use strict";export const PLACEMENT_GAP=8;export const PLACEMENT_MARGIN=8;export const placementRoom=(t,e,o)=>{const n=o?.gap??8,r=o?.margin??8,a=e.insets.top+r,s=e.height-e.insets.bottom-r;return{above:Math.max(0,t.y-n-a),below:Math.max(0,s-(t.y+t.height+n))}};const resolveSide=(t,e,o)=>{const n=e<=o.above,r=e<=o.below;return"top"===t?n||!r&&o.above>=o.below?"top":"bottom":"bottom"===t?r||!n&&o.below>o.above?"bottom":"top":o.below>=o.above?"bottom":"top"};export const computePlacement=(t,e,o,n,r)=>{const a=r?.gap??8,s=r?.margin??8,h=r?.align??"center",i=placementRoom(t,o,r),c=resolveSide(n,e.height,i),m=o.insets.top+s,l=o.height-o.insets.bottom-s,p="bottom"===c?Math.max(m,t.y+t.height+a):Math.min(l-e.height,t.y-a-e.height),b=o.insets.left+s,x=o.width-o.insets.right-s,u="start"===h?t.x:"end"===h?t.x+t.width-e.width:t.x+t.width/2-e.width/2;return{x:Math.max(b,Math.min(u,x-e.width)),y:p,placement:c}};export const arrowOffset=(t,e,o,n)=>{const r=Math.max(n,o-n);return Math.max(n,Math.min(t-e,r))};let current=null;export const claimAnchoredSurface=t=>{const e=current,o={close:t};return current=o,e&&e.close(),()=>{current===o&&(current=null)}};
+"use strict";export const PLACEMENT_GAP=8;export const PLACEMENT_MARGIN=8;export const placementRoom=(t,e,o)=>{const n=o?.gap??8,r=o?.margin??8,a=e.insets.top+r,s=e.height-e.insets.bottom-r;return{above:Math.max(0,t.y-n-a),below:Math.max(0,s-(t.y+t.height+n))}};export const placementMaxHeight=(t,e)=>"top"===t?e.above:e.below;const resolveSide=(t,e,o)=>{const n=e<=o.above,r=e<=o.below;return"top"===t?n||!r&&o.above>=o.below?"top":"bottom":"bottom"===t?r||!n&&o.below>o.above?"bottom":"top":o.below>=o.above?"bottom":"top"};export const computePlacement=(t,e,o,n,r)=>{const a=r?.gap??8,s=r?.margin??8,h=r?.align??"center",c=placementRoom(t,o,r),i=resolveSide(n,e.height,c),m=o.insets.top+s,l=o.height-o.insets.bottom-s,p="bottom"===i?Math.max(m,t.y+t.height+a):Math.min(l-e.height,t.y-a-e.height),b=o.insets.left+s,x=o.width-o.insets.right-s,u="start"===h?t.x:"end"===h?t.x+t.width-e.width:t.x+t.width/2-e.width/2;return{x:Math.max(b,Math.min(u,x-e.width)),y:p,placement:i}};export const arrowOffset=(t,e,o,n)=>{const r=Math.max(n,o-n);return Math.max(n,Math.min(t-e,r))};let current=null;export const claimAnchoredSurface=t=>{const e=current,o={close:t};return current=o,e&&e.close(),()=>{current===o&&(current=null)}};

package/lib/module/utils/warnInvalidValue.js

@@ -1 +1 @@
-"use strict";const seen=new Set;export function warnInvalidValue(e,n,t,s){if(!__DEV__||null==t)return;const o=s instanceof Set?s:new Set(s);if(o.has(t))return;const i=`${e}.${n}.${String(t)}`;seen.has(i)||(seen.add(i),console.warn(`[@webority/mobile-ui] <${e}> received ${n}="${String(t)}", which is not one of ${[...o].map(e=>`"${e}"`).join(" | ")}. The component fell back to its default, so this renders something other than what the call site asks for.`))}export function resetInvalidValueWarnings(){seen.clear()}
+"use strict";const seen=new Set;export function warnInvalidValue(e,n,t,o){if(!__DEV__||null==t)return;const s=String(t);if(o.some(e=>String(e)===s))return;const i=`${e}.${n}.${s}`;seen.has(i)||(seen.add(i),console.warn(`[@webority/mobile-ui] <${e}> received ${n}="${s}", which is not one of ${o.map(e=>`"${e}"`).join(" | ")}. The component fell back to its default, so this renders something other than what the call site asks for.`))}export function resetInvalidValueWarnings(){seen.clear()}

package/lib/typescript/commonjs/components/AmountSlider/AmountSlider.d.ts

@@ -1,13 +1,16 @@
+import { type NumberGrouping } from "@webority/mobile-core";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils";
 import type { SliderSize, SliderTone, SliderVariant } from "../Slider";
-/**
- * How the big value is scaled for reading.
- *
- * - `indian`: Thousand, Lakh and Crore (`₹ 5 Lakh`, `₹ 1.25 Crore`).
- * - `none`: the whole number with Indian digit grouping (`₹ 5,00,000`).
- */
-export type AmountSliderUnits = "indian" | "none";
+export interface AmountSliderLabels {
+    inputLabel: string;
+    thousand: string;
+    lakh: string;
+    crore: string;
+    million: string;
+    billion: string;
+}
+export declare const DEFAULT_AMOUNT_SLIDER_LABELS: Readonly<AmountSliderLabels>;
 export interface AmountSliderProps {
     value?: number;
     defaultValue?: number;
@@ -20,13 +23,18 @@ export interface AmountSliderProps {
     size?: SliderSize;
     /** The slider's look. Default `'inset'`, the design this component comes from. */
     variant?: SliderVariant;
-    /** Drawn before the big value. Default `'₹'`; pass `''` for a plain number. */
-    prefix?: string;
-    /** Default `'indian'`. */
-    units?: AmountSliderUnits;
     /**
-     * Text of the input box when it is not being edited. Default: INR with
-     * Indian grouping and no decimals (`₹5,00,000`).
+     * Whether the large amount reads in Thousand, Lakh and Crore or in Thousand,
+     * Million and Billion. Default: the grouping of the configured locale.
+     */
+    units?: ScaleUnits;
+    /** ISO 4217 code of the amount; the symbol drawn before it comes from this. */
+    currency: string;
+    /** Unit words and the input box's label. Omitted keys keep the English defaults. */
+    labels?: Partial<AmountSliderLabels>;
+    /**
+     * Text of the input box when it is not being edited. Default: the currency
+     * with no decimals.
      */
     formatInput?: (value: number) => string;
     /**
@@ -36,10 +44,8 @@ export interface AmountSliderProps {
      */
     animationDuration?: number;
     haptic?: HapticType | false;
-    /** Read out for the slider. The input box reads `inputAccessibilityLabel`. */
+    /** Read out for the slider. The input box reads `labels.inputLabel`. */
     accessibilityLabel?: string;
-    /** Default `'Amount'`. */
-    inputAccessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     headerStyle?: StyleProp<ViewStyle>;
     valueStyle?: StyleProp<TextStyle>;
@@ -52,8 +58,9 @@ interface Scaled {
     amount: number;
     unit: string;
 }
+type ScaleUnits = Exclude<NumberGrouping, "none">;
 /** Splits a value into the number and unit the header shows. */
-export declare const scaleAmount: (value: number, units: AmountSliderUnits) => Scaled;
+export declare const scaleAmount: (value: number, units: ScaleUnits, labels?: AmountSliderLabels) => Scaled;
 declare const AmountSlider: import("react").ForwardRefExoticComponent<AmountSliderProps & import("react").RefAttributes<RNView>>;
 export { AmountSlider };
 export default AmountSlider;

package/lib/typescript/commonjs/components/AmountSlider/index.d.ts

@@ -1,3 +1,3 @@
-export type { AmountSliderProps, AmountSliderUnits } from "./AmountSlider";
-export { AmountSlider, default } from "./AmountSlider";
+export type { AmountSliderLabels, AmountSliderProps } from "./AmountSlider";
+export { AmountSlider, DEFAULT_AMOUNT_SLIDER_LABELS, default } from "./AmountSlider";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/AppBar/AppBar.d.ts

@@ -5,39 +5,44 @@ import type { HapticType } from "../../utils/hapticUtils";
 import type { TextVariant } from "../Text/Text";
 export type AppBarVariant = "default" | "large" | "compact";
 export type AppBarTitleAlignment = "left" | "center";
+export interface AppBarLabels {
+    back: string;
+}
+export declare const DEFAULT_APP_BAR_LABELS: Readonly<AppBarLabels>;
 export interface AppBarAction {
-    /** The glyph. Give `icon` or `text`; with neither the button draws nothing. */
+    /** The glyph. Give `icon` or `label`; with neither the button draws nothing. */
     icon?: React.ReactNode;
     /**
      * A text action: a pill-less label in the link colour, at least 44 by 44.
-     * `accessibilityLabel` defaults to this text. Wins over `icon` when both are set.
+     * `accessibilityLabel` defaults to this label. Wins over `icon` when both are set.
      */
-    text?: string;
+    label?: string;
     /** Draws a small unread dot on the button's corner, with no count. */
     dot?: boolean;
+    /** A count or short text drawn on the button's corner; zero draws nothing. */
+    badge?: number | string;
     onPress: () => void;
     accessibilityLabel?: string;
     testID?: string;
 }
-export interface AppBarRightAction extends AppBarAction {
-    badge?: number | string;
-}
 export interface AppBarProps {
     title?: string;
     /** One line, two on the large variant; longer text ends in an ellipsis. */
     subtitle?: string;
     titleAlignment?: AppBarTitleAlignment;
     leftAction?: AppBarAction;
-    rightActions?: AppBarRightAction[];
+    rightActions?: AppBarAction[];
     /** Any node in the left slot, after `leftAction` (a profile avatar button, say). */
     leading?: React.ReactNode;
     /** Any node in the right slot, after `rightActions`. */
     trailing?: React.ReactNode;
     /**
-     * Draws a back arrow as the left action, labelled "Back", and calls this on press.
+     * Draws a back arrow as the left action, labelled by `labels.back`, and calls this on press.
      * Navigation-agnostic: pass `navigation.goBack`. An explicit `leftAction` wins.
      */
     onBack?: () => void;
+    /** Spoken and visible strings the bar draws itself. Override any key; the rest keep their defaults. */
+    labels?: Partial<AppBarLabels>;
     /**
      * The page gutter: the distance from the screen edge to the VISIBLE edge of the outermost
      * glyph. The bar subtracts the empty space inside an action button (the 44 pt button minus

package/lib/typescript/commonjs/components/AppBar/index.d.ts

@@ -1,3 +1,3 @@
-export type { AppBarAction, AppBarProps, AppBarRightAction, AppBarTitleAlignment, AppBarVariant, } from "./AppBar";
-export { AppBar, default } from "./AppBar";
+export type { AppBarAction, AppBarLabels, AppBarProps, AppBarTitleAlignment, AppBarVariant, } from "./AppBar";
+export { AppBar, DEFAULT_APP_BAR_LABELS, default } from "./AppBar";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/AppIcon/AppIcon.d.ts

@@ -20,6 +20,7 @@
  */
 import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
+import type { Size } from "../../types/vocabulary";
 import type { IconName } from "./catalog.g";
 import { ICON_NAMES } from "./catalog.g";
 import type { CuratedIconName } from "./glyphs.g";
@@ -38,7 +39,7 @@ export type IconsaxShadowedName = `${CuratedIconName}${typeof ICONSAX_SUFFIX}`;
 export type AppIconName = IconName | IconsaxShadowedName;
 /** `linear` is the default Iconsax style; the rest come from the lazy modules. */
 export type IconVariant = "linear" | IconVariantName;
-export type AppIconSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type AppIconSize = Size;
 /** Pixel sizes behind the size tokens; a raw number is accepted too. */
 export declare const APP_ICON_SIZES: Record<AppIconSize, number>;
 export interface AppIconProps {

package/lib/typescript/commonjs/components/AppLockOverlay/AppLockOverlay.d.ts

@@ -0,0 +1,27 @@
+import type { AppLockFailure } from "@webority/mobile-core/appLock";
+import type React from "react";
+export interface AppLockOverlayLabels {
+    title: string;
+    message: string;
+    unlock: string;
+    lockout: string;
+    notEnrolled: string;
+    failed: string;
+}
+export declare const DEFAULT_APP_LOCK_OVERLAY_LABELS: Readonly<AppLockOverlayLabels>;
+export interface AppLockOverlayProps {
+    visible: boolean;
+    onUnlock: () => void;
+    /** The last unlock failure; "cancelled" shows no message. */
+    failure?: AppLockFailure;
+    secondaryAction?: {
+        label: string;
+        onPress: () => void;
+    };
+    brandMark?: React.ReactNode;
+    labels?: Partial<AppLockOverlayLabels>;
+    testID?: string;
+}
+/** Calls `onUnlock` once each time it becomes visible, and again on every press of the unlock button. */
+export declare function AppLockOverlay({ visible, onUnlock, failure, secondaryAction, brandMark, labels: labelOverrides, testID, }: AppLockOverlayProps): React.ReactElement | null;
+//# sourceMappingURL=AppLockOverlay.d.ts.map

package/lib/typescript/commonjs/components/AppLockOverlay/index.d.ts

@@ -0,0 +1,3 @@
+export type { AppLockOverlayLabels, AppLockOverlayProps } from "./AppLockOverlay";
+export { AppLockOverlay, DEFAULT_APP_LOCK_OVERLAY_LABELS } from "./AppLockOverlay";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/AsyncBlock/AsyncBlock.d.ts

@@ -2,6 +2,14 @@ import type React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 /** Which failure the error state describes. */
 export type AsyncBlockErrorVariant = "default" | "offline";
+export interface AsyncBlockLabels {
+    emptyTitle: string;
+    errorTitle: string;
+    offlineTitle: string;
+    offlineHint: string;
+    retry: string;
+}
+export declare const DEFAULT_ASYNC_BLOCK_LABELS: Readonly<AsyncBlockLabels>;
 export interface AsyncBlockProps {
     /** Show the placeholder instead of content. */
     loading?: boolean;
@@ -24,15 +32,16 @@ export interface AsyncBlockProps {
     onRetry?: () => void;
     /** Placeholder shaped like the content. Falls back to a centred Spinner. */
     skeleton?: React.ReactNode;
-    /** Copy for the empty state. */
+    /** Copy for the empty state. Wins over `labels.emptyTitle`. */
     emptyTitle?: string;
     emptyDescription?: string;
     emptyIcon?: React.ReactNode;
-    /** Copy for the error state. The description is `error` when it is a string, else the extracted message. */
+    /** Copy for the error state. The description is `error` when it is a string, else the extracted message. Wins over `labels.errorTitle`. */
     errorTitle?: string;
-    /** Title of the offline error state. */
+    /** Title of the offline error state. Wins over `labels.offlineTitle`. */
     offlineTitle?: string;
-    retryLabel?: string;
+    /** Overrides the built-in copy for the keys given; the title props above win over their matching key. */
+    labels?: Partial<AsyncBlockLabels>;
     /** Rendered as given (no wrapper) once loaded, error-free and non-empty. */
     children?: React.ReactNode;
     /** Style of the loading, error and empty states' wrapper. Content is not wrapped. */

package/lib/typescript/commonjs/components/AsyncBlock/index.d.ts

@@ -1,3 +1,3 @@
-export type { AsyncBlockErrorVariant, AsyncBlockProps } from "./AsyncBlock";
-export { AsyncBlock, default } from "./AsyncBlock";
+export type { AsyncBlockErrorVariant, AsyncBlockLabels, AsyncBlockProps } from "./AsyncBlock";
+export { AsyncBlock, DEFAULT_ASYNC_BLOCK_LABELS, default } from "./AsyncBlock";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/AuthedImage/AuthedImage.d.ts

@@ -3,6 +3,12 @@ import { type ImageProps } from "expo-image";
 import type React from "react";
 /** React Native Image's resize modes, still accepted and mapped onto `contentFit`. */
 export type AuthedImageResizeMode = "cover" | "contain" | "stretch" | "repeat" | "center";
+export interface AuthedImageLabels {
+    loading: string;
+    unavailable: string;
+    unavailableNamed: (name: string) => string;
+}
+export declare const DEFAULT_AUTHED_IMAGE_LABELS: Readonly<AuthedImageLabels>;
 /**
  * Renders with expo-image, so every expo-image prop (`contentFit`,
  * `contentPosition`, `transition`, `cachePolicy`, `recyclingKey` and the rest)
@@ -40,6 +46,8 @@ export interface AuthedImageProps extends Omit<ImageProps, "source" | "onError"
     /** Override the key derived from `uri`. */
     cacheKey?: string;
     testID?: string;
+    /** Text for the loading spinner and the failed-image box. Each key overrides its default. */
+    labels?: Partial<AuthedImageLabels>;
 }
 declare const AuthedImage: React.FC<AuthedImageProps>;
 export { AuthedImage };

package/lib/typescript/commonjs/components/Autocomplete/Autocomplete.d.ts

@@ -2,6 +2,11 @@ import React from "react";
 import type { StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { HapticType } from "../../utils";
 import type { InputSize, InputVariant } from "../Input";
+export interface AutocompleteLabels {
+    empty: string;
+    searching: string;
+}
+export declare const DEFAULT_AUTOCOMPLETE_LABELS: Readonly<AutocompleteLabels>;
 export interface AutocompleteProps<T = string> {
     /** Candidate options to filter. */
     options: ReadonlyArray<T>;
@@ -22,17 +27,17 @@ export interface AutocompleteProps<T = string> {
     minChars?: number;
     /** Cap the number of suggestions shown. Default 8. */
     maxResults?: number;
-    /** Text shown when nothing matches. Default "No matches". */
-    emptyText?: string;
     /** Show a loading spinner in the dropdown — e.g. while fetching remote results. */
     loading?: boolean;
     /** `'client'` filters `options` locally; `'none'` shows them as-is (for server-side search). Default `'client'`. */
     filterMode?: "client" | "none";
-    /** Text beside the loading spinner. Default "Searching…". */
+    /** Text beside the loading spinner. Default `labels.searching`. */
     loadingText?: string;
+    /** Dropdown copy. Missing keys keep `DEFAULT_AUTOCOMPLETE_LABELS`. */
+    labels?: Partial<AutocompleteLabels>;
     placeholder?: string;
     label?: string;
-    error?: React.ReactNode;
+    error?: string | boolean;
     helperText?: string;
     disabled?: boolean;
     size?: InputSize;

package/lib/typescript/commonjs/components/Autocomplete/index.d.ts

@@ -1,3 +1,3 @@
-export type { AutocompleteProps } from "./Autocomplete";
-export { Autocomplete } from "./Autocomplete";
+export type { AutocompleteLabels, AutocompleteProps } from "./Autocomplete";
+export { Autocomplete, DEFAULT_AUTOCOMPLETE_LABELS } from "./Autocomplete";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Avatar/Avatar.d.ts

@@ -1,6 +1,7 @@
 import type React from "react";
 import type { GestureResponderEvent, ImageSourcePropType, ImageStyle, PressableProps, View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { Theme } from "../../theme/types";
+import type { Size, Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils/hapticUtils";
 /**
  * Props passed to a custom {@link AvatarProps.ImageComponent}. The built-in
@@ -18,7 +19,7 @@ export interface AvatarImageProps {
     onError: () => void;
     accessibilityIgnoresInvertColors?: boolean;
 }
-export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | number;
+export type AvatarSize = Size;
 export type AvatarShape = "circle" | "square" | "rounded";
 /**
  * Presence dots (`online`, `offline`, `busy`, `away`) and identity states
@@ -31,15 +32,25 @@ export type AvatarStatusPosition = "topRight" | "bottomRight";
 /**
  * Theme colour of the initials disc: a soft tint of the tone behind initials
  * in the tone, the soft Button's recipe. `neutral` is the quiet grey on
- * primary text; `secondary` is the theme's secondary surface and its ink.
+ * primary text.
  */
-export type AvatarTone = "neutral" | "primary" | "secondary" | "success" | "warning" | "danger" | "info";
+export type AvatarTone = Tone;
 export declare const AVATAR_COLORS: readonly ["avatar-1", "avatar-2", "avatar-3", "avatar-4", "avatar-5", "avatar-6", "avatar-7", "avatar-8"];
 /** The fill and the ink (the tone as text, the `<tone>-text` colour names) of an initials disc in a tone. Shared with ProfilePicker's placeholder. */
 export declare const avatarToneColors: (theme: Theme, tone: AvatarTone) => {
     background: string;
     color: string;
 };
+export interface AvatarLabels {
+    avatar: string;
+    avatarOf: (name: string) => string;
+    verified: string;
+    pendingVerification: string;
+    groupOf: (count: number) => string;
+    moreCount: (count: number) => string;
+    moreAvatars: string;
+}
+export declare const DEFAULT_AVATAR_LABELS: Readonly<AvatarLabels>;
 export interface AvatarProps {
     source?: ImageSourcePropType;
     /**
@@ -99,6 +110,8 @@ export interface AvatarProps {
     hitSlop?: PressableProps["hitSlop"];
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
+    /** Spoken text in its default English. Override any key to translate it or to change its wording. */
+    labels?: Partial<AvatarLabels>;
     testID?: string;
 }
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<RNView>> & {
@@ -114,13 +127,11 @@ export interface AvatarGroupProps {
     overflowVariant?: AvatarGroupOverflowVariant;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
+    /** Spoken text in its default English; passed down to each avatar unless the avatar sets its own. */
+    labels?: Partial<AvatarLabels>;
     testID?: string;
 }
 declare const AvatarGroup: React.FC<AvatarGroupProps>;
-type AvatarComponent = typeof Avatar & {
-    Group: typeof AvatarGroup;
-};
-declare const AvatarWithGroup: AvatarComponent;
 export { Avatar, AvatarGroup };
-export default AvatarWithGroup;
+export default Avatar;
 //# sourceMappingURL=Avatar.d.ts.map

package/lib/typescript/commonjs/components/Avatar/index.d.ts

@@ -1,3 +1,3 @@
-export type { AvatarGroupOverflowVariant, AvatarGroupProps, AvatarGroupSpacing, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusPosition, AvatarTone, } from "./Avatar";
-export { Avatar, AvatarGroup, avatarToneColors, default } from "./Avatar";
+export type { AvatarGroupOverflowVariant, AvatarGroupProps, AvatarGroupSpacing, AvatarImageProps, AvatarLabels, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarStatusPosition, AvatarTone, } from "./Avatar";
+export { Avatar, AvatarGroup, avatarToneColors, DEFAULT_AVATAR_LABELS, default } from "./Avatar";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Badge/Badge.d.ts

@@ -1,9 +1,15 @@
 import type React from "react";
 import type { View as RNView, StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { Size, Tone } from "../../types/vocabulary";
 export type BadgeVariant = "standard" | "dot";
-export type BadgeTone = "primary" | "success" | "warning" | "danger" | "neutral" | "info";
-export type BadgeSize = "sm" | "md";
+export type BadgeTone = Tone;
+export type BadgeSize = Extract<Size, "sm" | "md">;
 export type BadgeAnchor = "topRight" | "topLeft" | "bottomRight" | "bottomLeft";
+export interface BadgeLabels {
+    indicator: string;
+    unread: (count: string) => string;
+}
+export declare const DEFAULT_BADGE_LABELS: Readonly<BadgeLabels>;
 export interface BadgeProps {
     value?: number | string;
     max?: number;
@@ -21,6 +27,7 @@ export interface BadgeProps {
     anchor?: BadgeAnchor;
     pulse?: boolean;
     accessibilityLabel?: string;
+    labels?: Partial<BadgeLabels>;
     style?: StyleProp<ViewStyle>;
     badgeStyle?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;

package/lib/typescript/commonjs/components/Badge/index.d.ts

@@ -1,3 +1,3 @@
-export type { BadgeAnchor, BadgeProps, BadgeSize, BadgeTone, BadgeVariant } from "./Badge";
-export { Badge, default } from "./Badge";
+export type { BadgeAnchor, BadgeLabels, BadgeProps, BadgeSize, BadgeTone, BadgeVariant } from "./Badge";
+export { Badge, DEFAULT_BADGE_LABELS, default } from "./Badge";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Banner/Banner.d.ts

@@ -1,22 +1,24 @@
 import type React from "react";
 import type { View as RNView, StyleProp, ViewStyle } from "react-native";
+import type { FillVariant, Size, Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils/hapticUtils";
-export type BannerVariant = "info" | "success" | "warning" | "danger" | "neutral";
+import type { SlotIcon } from "../AppIcon/slotIcon";
+export type BannerTone = Tone;
 /**
  * How assistive tech treats the banner. `'alert'` announces it as it appears
  * (an error, a lost connection); `'summary'` and `'none'` are for a calm
  * callout that is part of the page and should be read in order, not announced.
  */
 export type BannerRole = "alert" | "summary" | "none";
-export type BannerActionVariant = "solid" | "outline" | "ghost";
-export type BannerActionSize = "sm" | "md";
-export type BannerActionTone = "primary" | "neutral" | "danger";
+export type BannerActionVariant = Extract<FillVariant, "solid" | "outline" | "ghost">;
+export type BannerActionSize = Extract<Size, "sm" | "md">;
+export type BannerActionTone = Tone;
 export interface BannerAction {
     label: string;
     onPress: () => void;
     /**
      * `primary` takes the banner's colour, `neutral` the secondary text colour,
-     * `danger` the error colour whatever the banner variant. Default `primary`.
+     * and every other tone its own colour, whatever the banner's tone. Default `primary`.
      */
     tone?: BannerActionTone;
     /**
@@ -27,14 +29,20 @@ export interface BannerAction {
     /** `md` is a taller button with a 44 pt touch target. Default `sm`. */
     size?: BannerActionSize;
 }
+export interface BannerLabels {
+    dismiss: string;
+}
+export declare const DEFAULT_BANNER_LABELS: Readonly<BannerLabels>;
 export interface BannerProps {
     title?: string;
     message: string | React.ReactNode;
-    variant?: BannerVariant;
-    icon?: React.ReactNode | false;
+    tone?: BannerTone;
+    icon?: SlotIcon | false;
     actions?: BannerAction[];
     dismissible?: boolean;
-    onDismiss?: () => void;
+    onClose?: () => void;
+    /** Copy for the close button's screen-reader name; merged over DEFAULT_BANNER_LABELS. */
+    labels?: Partial<BannerLabels>;
     /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
     haptic?: HapticType | false;
     visible?: boolean;