@workday/canvas-kit-mcp 15.1.9 → 15.1.11
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.
- package/dist/apps/status-indicator.html +175 -84
- package/dist/apps/tooltip.html +1 -1
- package/dist/cli.js +3 -3
- package/dist/cli.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/apps/tooltip.html
CHANGED
|
@@ -287,7 +287,7 @@ ${s}
|
|
|
287
287
|
* screenfull
|
|
288
288
|
* v5.2.0 - 2021-11-03
|
|
289
289
|
* (c) Sindre Sorhus; MIT License
|
|
290
|
-
*/(function(e){(function(){var t=typeof window<"u"&&typeof window.document<"u"?window.document:{},n=e.exports,a=function(){for(var o,s=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],l=0,c=s.length,u={};l<c;l++)if(o=s[l],o&&o[1]in t){for(l=0;l<o.length;l++)u[s[0][l]]=o[l];return u}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},i={request:function(o,s){return new Promise((function(l,c){var u=(function(){this.off("change",u),l()}).bind(this);this.on("change",u),o=o||t.documentElement;var d=o[a.requestFullscreen](s);d instanceof Promise&&d.then(u).catch(c)}).bind(this))},exit:function(){return new Promise((function(o,s){if(!this.isFullscreen){o();return}var l=(function(){this.off("change",l),o()}).bind(this);this.on("change",l);var c=t[a.exitFullscreen]();c instanceof Promise&&c.then(l).catch(s)}).bind(this))},toggle:function(o,s){return this.isFullscreen?this.exit():this.request(o,s)},onchange:function(o){this.on("change",o)},onerror:function(o){this.on("error",o)},on:function(o,s){var l=r[o];l&&t.addEventListener(l,s,!1)},off:function(o,s){var l=r[o];l&&t.removeEventListener(l,s,!1)},raw:a};if(!a){n?e.exports={isEnabled:!1}:window.screenfull={isEnabled:!1};return}Object.defineProperties(i,{isFullscreen:{get:function(){return!!t[a.fullscreenElement]}},element:{enumerable:!0,get:function(){return t[a.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return!!t[a.fullscreenEnabled]}}}),n?e.exports=i:window.screenfull=i})()})(GM);var NJ=GM.exports;const rr=Zc(NJ),CJ={lightest:"lightest",lighter:"lighter",light:"light",main:"base",dark:"dark",darkest:"darkest",contrast:"accent"},PA={lightest:"25",lighter:"50",light:"200",main:"600",dark:"700",darkest:"800"},OJ={primary:"primary",error:"critical",success:"positive",alert:"caution",neutral:"neutral"},$J={focusOutline:Nt.focus,alertInner:Nt.caution.inner,alertOuter:Nt.caution.outer,errorInner:Nt.critical},LJ=sa({[Nt.alertInner]:qc,[Nt.alertOuter]:Gc,[Nt.errorInner]:wM,[Nt.focusOutline]:cM,[kr.accent]:Un,[kr.darkest]:OM,[kr.dark]:CM,[kr.base]:NM,[kr.light]:AM,[kr.lighter]:RM,[kr.lightest]:xM,[jt.accent]:Un,[jt.darkest]:bM,[jt.dark]:vM,[jt.base]:hM,[jt.light]:gM,[jt.lighter]:mM,[jt.lightest]:fM,[Et.accent]:Un,[Et.darkest]:IM,[Et.dark]:TM,[Et.base]:kM,[Et.light]:_M,[Et.lighter]:EM,[Et.lightest]:SM,[_t.accent]:yM,[_t.darkest]:iM,[_t.dark]:Gc,[_t.base]:qc,[_t.light]:aM,[_t.lighter]:rM,[_t.lightest]:nM,[tt.accent]:Un,[tt.darkest]:pM,[tt.dark]:dM,[tt.base]:uM,[tt.light]:lM,[tt.lighter]:sM,[tt.lightest]:oM,[$M.primary]:`linear-gradient(90deg, ${tt.base} 0%, ${tt.dark} 100%)`,[O.brand.focus.primary]:Nt.focusOutline,[O.brand.border.primary]:Nt.focusOutline,[O.brand.accent.primary]:tt.base,[O.brand.accent.action]:tt.base,[O.brand.accent.critical]:Et.base,[O.brand.accent.caution]:_t.base,[O.brand.accent.positive]:jt.base,[O.brand.fg.primary.default]:tt.base,[O.brand.fg.primary.strong]:tt.dark,[O.brand.fg.critical.default]:Et.base,[O.brand.fg.critical.strong]:Et.dark,[O.brand.fg.caution.default]:_t.darkest,[O.brand.fg.caution.strong]:_t.darkest,[O.brand.fg.positive.default]:jt.base,[O.brand.fg.positive.strong]:jt.dark,[O.brand.fg.selected]:tt.dark,[O.brand.focus.critical]:Et.dark,[O.brand.border.critical]:Et.base,...O.brand.focus.caution?{[O.brand.focus.caution.inner]:Nt.alertInner,[O.brand.focus.caution.outer]:_t.dark}:{},[O.brand.border.caution]:_t.dark,[O.brand.surface.primary.default]:tt.lightest,[O.brand.surface.primary.strong]:tt.lighter,[O.brand.surface.critical.default]:Et.lightest,[O.brand.surface.critical.strong]:Et.lighter,[O.brand.surface.caution.default]:_t.lightest,[O.brand.surface.caution.strong]:_t.lighter,[O.brand.surface.positive.default]:jt.lightest,[O.brand.surface.positive.strong]:jt.lighter,[O.brand.surface.selected]:tt.lighter}),DJ=(e,t)=>{const n=rJ(e),a=(t.className||"").split(" ").concat(LJ).join(" "),r=t.style||{},{palette:i}=n.canvas;return["common","primary","error","alert","success","neutral"].forEach(o=>{o==="common"?["focusOutline","alertInner","alertOuter","errorInner"].forEach(s=>{if(i.common[s]!==qn.palette.common[s]){const l=Sb(i.common[s]);r[Nt[s]]=l,r[$J[s]]=l,s==="focusOutline"&&(r[O.brand.focus.primary]=l,r[O.brand.border.primary]=l),s==="alertInner"&&(r[O.brand.focus.caution.inner]=l),s==="alertOuter"&&(r[O.brand.border.caution]=l),s==="errorInner"&&(r[O.brand.focus.critical]=l,r[O.brand.border.critical]=l)}}):["lightest","lighter","light","main","dark","darkest","contrast"].forEach(s=>{var l,c,u,d,p;if(i[o][s]!==qn.palette[o][s]){const g=Sb(i[o][s]);if(r[IA[o][CJ[s]]]=g,s!=="contrast"&&s in PA){const v=OJ[o],b=PA[s],I=IA[v+b];if(I&&(r[I]=g),s==="main"){const h=O.brand.accent[v];h&&(r[h]=g);const f=(l=O.brand.fg[v])==null?void 0:l.default;if(f&&(r[f]=g),v==="primary"&&!(i.common.focusOutline!==qn.palette.common.focusOutline)){const y=O.brand.focus.primary;r[y]=g}}else if(s==="dark"){const h=(c=O.brand.fg[v])==null?void 0:c.strong;if(h&&(r[h]=g),v==="primary"){const f=O.brand.fg.selected;r[f]=g}if(v==="critical"){const f=O.brand.focus.critical;r[f]=g;const m=O.brand.border.critical;r[m]=g}if(v==="caution"){const f=(u=O.brand.focus.caution)==null?void 0:u.outer;r[f]=g;const m=O.brand.border.caution;r[m]=g}}else if(s==="lighter"){const h=(d=O.brand.surface[v])==null?void 0:d.strong;if(h&&(r[h]=g),v==="primary"){const f=O.brand.surface.selected;r[f]=g}}else if(s==="lightest"){const h=(p=O.brand.surface[v])==null?void 0:p.default;h&&(r[h]=g)}}}})}),{...t,className:a,style:r}},HM=Be({vars:{width:"",height:"",size:""},base:({height:e,size:t,width:n})=>({display:"inline-block","> svg":{display:"block",width:F(n,t),height:F(e,t)}}),modifiers:{shouldMirror:{true:{transform:"scaleX(-1)"}},shouldMirrorInRTL:{true:{"&:dir(rtl)":{transform:"scaleX(-1)"}}}}}),PJ=(e,t)=>e?e in t?t[e]:typeof e=="number"?ke(e):e:"",MJ=Ie("span")({displayName:"Svg",Component:({shouldMirror:e,shouldMirrorInRTL:t,src:n,type:a,...r},i,o)=>(n==null?void 0:n.type)!==a?(console.error(`Icon type "${n.type}" does not match expected type "${a}"`),null):E.jsx(o,{ref:i,dangerouslySetInnerHTML:{__html:n.svg},...hn(r,HM({shouldMirror:e,shouldMirrorInRTL:t}))})}),ka={System:"system"},UJ={name:"configure",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-configure" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M2 6.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5zM9 14.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5zM16 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5z" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M5.5 3a.5.5 0 0 1 .5.5V5h1.5A1.5 1.5 0 0 1 9 6.5v3A1.5 1.5 0 0 1 7.5 11H6v9.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V11H2.5A1.5 1.5 0 0 1 1 9.5v-3A1.5 1.5 0 0 1 2.5 5H4V3.5a.5.5 0 0 1 .5-.5zM3 9h4V7H3zM12.5 3a.5.5 0 0 1 .5.5V13h1.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5H13v1.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V19H9.5A1.5 1.5 0 0 1 8 17.5v-3A1.5 1.5 0 0 1 9.5 13H11V3.5a.5.5 0 0 1 .5-.5zM10 17h4v-2h-4z" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M19.5 3a.5.5 0 0 1 .5.5V6h1.5A1.5 1.5 0 0 1 23 7.5v3a1.5 1.5 0 0 1-1.5 1.5H20v8.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V12h-1.5a1.5 1.5 0 0 1-1.5-1.5v-3A1.5 1.5 0 0 1 16.5 6H18V3.5a.5.5 0 0 1 .5-.5zM17 10h4V8h-4z" class="wd-icon-fill"/></svg>',filename:"wd-icon-configure.svg",category:"Core",tags:["config","settings","preferences","sound board","configure"]},FJ={name:"exclamation-circle",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-exclamation-circle" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 15.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5M12.5 6a.5.5 0 0 1 .5.5v1.34l-.179 6.175a.5.5 0 0 1-.499.485h-.644a.5.5 0 0 1-.5-.485L11 7.84V6.5a.5.5 0 0 1 .5-.5z" class="wd-icon-accent"/></svg>',filename:"wd-icon-exclamation-circle.svg",category:"Notification",tags:["error","important","mark","feedback"]},zJ={name:"exclamation-triangle",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-exclamation-triangle" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M2.866 19h18.268a.5.5 0 0 0 .433-.75L12.433 2.43a.5.5 0 0 0-.866 0L2.433 18.25a.5.5 0 0 0 .433.75" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M10.82 1.754a1.5 1.5 0 0 1 2.36 0l.119.176 9.134 15.82a1.5 1.5 0 0 1-1.3 2.25H2.867a1.5 1.5 0 0 1-1.299-2.25l9.134-15.82zM3.73 18H20.27L12 3.68z" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 14.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5M12.5 8a.5.5 0 0 1 .5.5v1.34l-.17 3.683a.5.5 0 0 1-.5.477h-.66a.5.5 0 0 1-.5-.477L11 9.84V8.5a.5.5 0 0 1 .5-.5z" class="wd-icon-accent"/></svg>',filename:"wd-icon-exclamation-triangle.svg",category:"Notification",tags:["alert","important","mark","feedback"]},jJ={name:"info",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-info" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M12.625 10a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1.25a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5zM12 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" class="wd-icon-accent"/></svg>',filename:"wd-icon-info.svg",category:"Core",tags:["i","help","help text","mobile","information","more"]},BJ={name:"reset",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-reset" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="oklch(0.3523 0 0 / 1)" d="M2.761 15.827A9.998 9.998 0 0 1 5.974 4.021l-3.088-.346a.5.5 0 0 1-.44-.553l.111-.994a.5.5 0 0 1 .553-.441l5.962.67a.5.5 0 0 1 .441.552l-.669 5.963a.5.5 0 0 1-.553.44l-.994-.11a.5.5 0 0 1-.441-.553l.342-3.044a7.998 7.998 0 1 0 11.454 10.84A8 8 0 0 0 12.5 4.015.526.526 0 0 1 12 3.5v-1c0-.276.225-.5.5-.487a10.001 10.001 0 0 1 7.815 15.543A10.001 10.001 0 0 1 2.76 15.827" class="wd-icon-fill"/></svg>',filename:"wd-icon-reset.svg",category:"Core",tags:["redo","again"]},WM={name:"x",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-x" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="oklch(0.3523 0 0 / 1)" d="M18.94 3.646a.5.5 0 0 1 .706 0l.707.707a.5.5 0 0 1 0 .707L13.414 12l6.94 6.94a.5.5 0 0 1 0 .706l-.708.707a.5.5 0 0 1-.707 0L12 13.414l-6.939 6.94a.5.5 0 0 1-.707 0l-.707-.708a.5.5 0 0 1 0-.707l6.94-6.94-6.94-6.939a.5.5 0 0 1 0-.707l.707-.707a.5.5 0 0 1 .707 0l6.94 6.94z" class="wd-icon-fill"/></svg>',filename:"wd-icon-x.svg",category:"Core",tags:["close","exit","X"]},V=Be({extends:HM,vars:{color:"",accentColor:"",backgroundColor:""},base:({size:e,accentColor:t,backgroundColor:n,color:a})=>({"& svg":{width:F(e,lr.systemIcon.size.lg),height:F(e,lr.systemIcon.size.lg)},".wd-icon .wd-icon-fill":{fill:F(a,lr.systemIcon.color.fill)},".wd-icon .wd-icon-accent, & .wd-icon-accent2":{fill:F(t,F(a,lr.systemIcon.color.accent))},".wd-icon .wd-icon-background":{fill:F(n,"transparent")},"@media (prefers-contrast: more)":{".wd-icon .wd-icon-fill, .wd-icon .wd-icon-accent":{color:"currentColor",fill:"currentColor"}}}),modifiers:{}}),q_=Ie("span")({displayName:"SystemIcon",Component:({accent:e,background:t,color:n,icon:a,size:r,...i},o,s)=>E.jsx(MJ,{as:s,src:a,type:ka.System,ref:o,...hn(i,V({size:PJ(r,lr.systemIcon.size),color:n,accentColor:e,backgroundColor:t}))})}),VM=B_({defaultConfig:{variant:"informational",emphasis:"low"}})(e=>({state:{variant:e.variant,emphasis:e.emphasis},events:{}})),qJ=e=>iJ[e]||Wn(e),GJ=e=>oJ[e],HJ=e=>sJ[e]||Wn(e),WJ=e=>lJ[e]||Wn(e),VJ=e=>U_.properties.fontFamilies[e]||Wn(e),ZJ=e=>U_.properties.fontSizes[e]||Wn(e),YJ=e=>U_.properties.fontWeights[e]||Wn(e);function pt(e){return e.reduce((t={},n)=>{const a=r=>n.properties.reduce((i={},o)=>{if(n.system==="color")return{...i,[o]:qJ(r)};if(n.system==="depth"){const s=GJ(r);return{...i,...s}}return n.system==="font"?{...i,[o]:VJ(r)}:n.system==="fontSize"?{...i,[o]:ZJ(r)}:n.system==="fontWeight"?{...i,[o]:YJ(r)}:n.system==="shape"?{...i,[o]:HJ(r)}:n.system==="space"?{...i,[o]:WJ(r)}:{...i,[o]:r}},{});return{...t,[n.name]:a}},{})}function Qt(e){return t=>{let n={};for(const a in t)if(a in t&&a in e){const r=e[a],i=t[a],o=r(i);n={...n,...o};continue}return n}}const ZM=[{name:"background",properties:["background"],system:"color"},{name:"backgroundAttachment",properties:["backgroundAttachment"],system:"none"},{name:"backgroundColor",properties:["backgroundColor"],system:"color"},{name:"backgroundImage",properties:["backgroundImage"],system:"none"},{name:"backgroundPosition",properties:["backgroundPosition"],system:"none"},{name:"backgroundRepeat",properties:["backgroundRepeat"],system:"none"},{name:"backgroundSize",properties:["backgroundSize"],system:"none"}],KJ=pt(ZM),XJ=Qt(KJ),YM=[{name:"borderColor",properties:["borderColor"],system:"color"},{name:"borderTopColor",properties:["borderTopColor"],system:"color"},{name:"borderRightColor",properties:["borderRightColor"],system:"color"},{name:"borderBottomColor",properties:["borderBottomColor"],system:"color"},{name:"borderLeftColor",properties:["borderLeftColor"],system:"color"},{name:"borderInlineStartColor",properties:["borderInlineStartColor"],system:"color"},{name:"borderInlineEndColor",properties:["borderInlineEndColor"],system:"color"}],JJ=pt(YM),KM=[{name:"borderCollapse",properties:["borderCollapse"],system:"none"},{name:"borderSpacing",properties:["borderSpacing"],system:"none"},{name:"borderStyle",properties:["borderStyle"],system:"none"},{name:"borderTopStyle",properties:["borderTopStyle"],system:"none"},{name:"borderRightStyle",properties:["borderRightStyle"],system:"none"},{name:"borderBottomStyle",properties:["borderBottomStyle"],system:"none"},{name:"borderLeftStyle",properties:["borderLeftStyle"],system:"none"},{name:"borderInlineStartStyle",properties:["borderInlineStartStyle"],system:"none"},{name:"borderInlineEndStyle",properties:["borderInlineEndStyle"],system:"none"}],QJ=pt(KM),XM=[{name:"borderRadius",properties:["borderRadius"],system:"shape"},{name:"borderTopLeftRadius",properties:["borderTopLeftRadius"],system:"shape"},{name:"borderTopRightRadius",properties:["borderTopRightRadius"],system:"shape"},{name:"borderBottomLeftRadius",properties:["borderBottomLeftRadius"],system:"shape"},{name:"borderBottomRightRadius",properties:["borderBottomRightRadius"],system:"shape"}],eQ=pt(XM),JM=[{name:"border",properties:["border"],system:"none"},{name:"borderTop",properties:["borderTop"],system:"none"},{name:"borderRight",properties:["borderRight"],system:"none"},{name:"borderBottom",properties:["borderBottom"],system:"none"},{name:"borderLeft",properties:["borderLeft"],system:"none"},{name:"borderInlineStart",properties:["borderInlineStart"],system:"none"},{name:"borderInlineEnd",properties:["borderInlineEnd"],system:"none"}],tQ=pt(JM),QM=[{name:"borderWidth",properties:["borderWidth"],system:"none"},{name:"borderTopWidth",properties:["borderTopWidth"],system:"none"},{name:"borderRightWidth",properties:["borderRightWidth"],system:"none"},{name:"borderBottomWidth",properties:["borderBottomWidth"],system:"none"},{name:"borderLeftWidth",properties:["borderLeftWidth"],system:"none"},{name:"borderInlineStartWidth",properties:["borderInlineStartWidth"],system:"none"},{name:"borderInlineEndWidth",properties:["borderInlineEndWidth"],system:"none"}],nQ=pt(QM),rQ=Qt({...JJ,...QJ,...eQ,...tQ,...nQ}),aQ=[...YM,...KM,...XM,...JM,...QM],eU=[{name:"backgroundColor",properties:["backgroundColor"],system:"color"},{name:"color",properties:["color"],system:"color"},{name:"opacity",properties:["opacity"],system:"none"}],iQ=pt(eU),oQ=Qt(iQ),tU=[{name:"boxShadow",properties:["boxShadow"],system:"none"},{name:"depth",properties:["boxShadow"],system:"depth"}],sQ=pt(tU),lQ=Qt(sQ),nU=[{name:"flex",properties:["flex"],system:"none"},{name:"flexGrow",properties:["flexGrow"],system:"none"},{name:"flexShrink",properties:["flexShrink"],system:"none"},{name:"flexBasis",properties:["flexBasis"],system:"none"},{name:"justifySelf",properties:["justifySelf"],system:"none"},{name:"alignSelf",properties:["alignSelf"],system:"none"},{name:"order",properties:["order"],system:"none"}],cQ=pt(nU),uQ=Qt(cQ),rU=[{name:"gridColumnStart",properties:["gridColumnStart"],system:"none"},{name:"gridColumnEnd",properties:["gridColumnEnd"],system:"none"},{name:"gridRowStart",properties:["gridRowStart"],system:"none"},{name:"gridRowEnd",properties:["gridRowEnd"],system:"none"},{name:"gridColumn",properties:["gridColumn"],system:"none"},{name:"gridRow",properties:["gridRow"],system:"none"},{name:"gridArea",properties:["gridArea"],system:"none"},{name:"justifySelf",properties:["justifySelf"],system:"none"},{name:"alignSelf",properties:["alignSelf"],system:"none"},{name:"placeSelf",properties:["placeSelf"],system:"none"}],dQ=pt(rU),pQ=Qt(dQ),aU=[{name:"display",properties:["display"],system:"none"},{name:"height",properties:["height"],system:"space"},{name:"listStyle",properties:["listStyle"],system:"none"},{name:"maxHeight",properties:["maxHeight"],system:"space"},{name:"maxWidth",properties:["maxWidth"],system:"space"},{name:"minHeight",properties:["minHeight"],system:"space"},{name:"minWidth",properties:["minWidth"],system:"space"},{name:"overflow",properties:["overflow"],system:"none"},{name:"overflowX",properties:["overflowX"],system:"none"},{name:"overflowY",properties:["overflowY"],system:"none"},{name:"verticalAlign",properties:["verticalAlign"],system:"none"},{name:"width",properties:["width"],system:"space"}],fQ=pt(aU),mQ=Qt(fQ),iU=[{name:"animation",properties:["animation"],system:"none"},{name:"appearance",properties:["appearance"],system:"none"},{name:"boxSizing",properties:["boxSizing"],system:"none"},{name:"content",properties:["content"],system:"none"},{name:"cursor",properties:["cursor"],system:"none"},{name:"fill",properties:["fill"],system:"none"},{name:"float",properties:["float"],system:"none"},{name:"objectFit",properties:["objectFit"],system:"none"},{name:"objectPosition",properties:["objectPosition"],system:"none"},{name:"outline",properties:["outline"],system:"none"},{name:"outlineOffset",properties:["outlineOffset"],system:"none"},{name:"overflowWrap",properties:["overflowWrap"],system:"none"},{name:"pointerEvents",properties:["pointerEvents"],system:"none"},{name:"resize",properties:["resize"],system:"none"},{name:"stroke",properties:["stroke"],system:"none"},{name:"transform",properties:["transform"],system:"none"},{name:"transition",properties:["transition"],system:"none"},{name:"userSelect",properties:["userSelect"],system:"none"},{name:"visibility",properties:["visibility"],system:"none"}],gQ=pt(iU),hQ=Qt(gQ),oU=[{name:"position",properties:["position"],system:"none"},{name:"zIndex",properties:["zIndex"],system:"none"},{name:"top",properties:["top"],system:"none"},{name:"right",properties:["right"],system:"none"},{name:"bottom",properties:["bottom"],system:"none"},{name:"left",properties:["left"],system:"none"},{name:"inset",properties:["inset"],system:"none"},{name:"insetInlineStart",properties:["insetInlineStart"],system:"none"},{name:"insetInlineEnd",properties:["insetInlineEnd"],system:"none"}],vQ=pt(oU),bQ=Qt(vQ),sU=[{name:"marginInlineStart",properties:["marginInlineStart"],system:"space"},{name:"marginInlineEnd",properties:["marginInlineEnd"],system:"space"},{name:"paddingInlineStart",properties:["paddingInlineStart"],system:"space"},{name:"paddingInlineEnd",properties:["paddingInlineEnd"],system:"space"},{name:"margin",properties:["margin"],system:"space"},{name:"marginX",properties:["marginInline"],system:"space"},{name:"marginY",properties:["marginBlock"],system:"space"},{name:"marginTop",properties:["marginTop"],system:"space"},{name:"marginRight",properties:["marginRight"],system:"space"},{name:"marginBottom",properties:["marginBottom"],system:"space"},{name:"marginLeft",properties:["marginLeft"],system:"space"},{name:"padding",properties:["padding"],system:"space"},{name:"paddingX",properties:["paddingInline"],system:"space"},{name:"paddingY",properties:["paddingBlock"],system:"space"},{name:"paddingTop",properties:["paddingTop"],system:"space"},{name:"paddingRight",properties:["paddingRight"],system:"space"},{name:"paddingBottom",properties:["paddingBottom"],system:"space"},{name:"paddingLeft",properties:["paddingLeft"],system:"space"}],yQ=pt(sU),SQ=Qt(yQ),lU=[{name:"fontFamily",properties:["fontFamily"],system:"font"},{name:"fontSize",properties:["fontSize"],system:"fontSize"},{name:"fontStyle",properties:["fontStyle"],system:"none"},{name:"fontWeight",properties:["fontWeight"],system:"fontWeight"},{name:"lineHeight",properties:["lineHeight"],system:"none"},{name:"letterSpacing",properties:["letterSpacing"],system:"none"},{name:"textAlign",properties:["textAlign"],system:"none"},{name:"textDecoration",properties:["textDecoration"],system:"none"},{name:"textOverflow",properties:["textOverflow"],system:"none"},{name:"textTransform",properties:["textTransform"],system:"none"},{name:"textShadow",properties:["textShadow"],system:"none"},{name:"whiteSpace",properties:["whiteSpace"],system:"none"},{name:"wordBreak",properties:["wordBreak"],system:"none"}],EQ=pt(lU),_Q=Qt(EQ),wQ=["display","color","height","overflow","width","border","background","fontSize","fontWeight","fontFamily","letterSpacing","lineHeight","textAlign","opacity","textDecoration","textOverflow","textTransform","textShadow","whiteSpace","wordBreak"],kQ=e=>GP(e)&&!wQ.includes(e),G_=e=>[{boxSizing:"border-box"},XJ,rQ,oQ,lQ,uQ,pQ,mQ,hQ,bQ,SQ,_Q].reduce((t,n)=>{const a=typeof n=="function"?n(e):n;for(const r in a)t[r]=a[r];return t},{}),TQ=Yo("div",{shouldForwardProp:kQ})(G_),IQ=Yo("div")(G_),H_=Ie("div")({displayName:"Box",Component:({children:e,...t},n,a)=>{const r=UM(()=>typeof a=="string"?TQ:IQ);return E.jsx(r,{as:a,ref:n,...hn(t),children:e})}}),cU=[{name:"alignContent",properties:["alignContent"],system:"none"},{name:"alignItems",properties:["alignItems"],system:"none"},{name:"display",properties:["display"],system:"none"},{name:"flexDirection",properties:["flexDirection"],system:"none"},{name:"flexWrap",properties:["flexWrap"],system:"none"},{name:"justifyContent",properties:["justifyContent"],system:"none"},{name:"justifyItems",properties:["justifyItems"],system:"none"},{name:"gap",properties:["gap"],system:"space"},{name:"columnGap",properties:["columnGap"],system:"space"},{name:"rowGap",properties:["rowGap"],system:"space"}],xQ=pt(cU),uU=Qt(xQ),dU=[{name:"gridGap",properties:["gridGap"],system:"space"},{name:"gridRowGap",properties:["gridRowGap"],system:"space"},{name:"gridColumnGap",properties:["gridColumnGap"],system:"space"},{name:"alignContent",properties:["alignContent"],system:"none"},{name:"alignItems",properties:["alignItems"],system:"none"},{name:"display",properties:["display"],system:"none"},{name:"justifyContent",properties:["justifyContent"],system:"none"},{name:"justifyItems",properties:["justifyItems"],system:"none"},{name:"gridTemplateAreas",properties:["gridTemplateAreas"],system:"none"},{name:"gridTemplate",properties:["gridTemplate"],system:"none"},{name:"gridTemplateColumns",properties:["gridTemplateColumns"],system:"none"},{name:"gridTemplateRows",properties:["gridTemplateRows"],system:"none"},{name:"gridPlaceItems",properties:["gridPlaceItems"],system:"none"},{name:"gridAutoColumns",properties:["gridAutoColumns"],system:"none"},{name:"gridAutoRows",properties:["gridAutoRows"],system:"none"},{name:"gridAutoFlow",properties:["gridAutoFlow"],system:"none"},{name:"gridArea",properties:["gridArea"],system:"none"},{name:"grid",properties:["grid"],system:"none"}],RQ=pt(dU),AQ=Qt(RQ),NQ=[...ZM,...aQ,...eU,...tU,...cU,...nU,...dU,...rU,...aU,...iU,...oU,...sU,...lU].reduce((e,t)=>(e[t.name]=!0,e),{});function CQ(e){return NQ[e]||!1}function vn(e,t){const n={};let a=!1;const r=Object.keys(e).reduce((o,s)=>(CQ(s)?(a=!0,n[s]=e[s]):o[s]=e[s],o),{});let i={};return a&&(i={...G_(n),...uU(n),...AQ(n)}),hn(r,[t,i])}const OQ=Yo(H_)({display:"flex"},uU),$Q=Ie("div")({displayName:"Flex",Component:({children:e,...t},n,a)=>E.jsx(OQ,{as:a,ref:n,...t,children:e}),subComponents:{Item:H_}}),Vr=Be({base:{},modifiers:{typeLevel:{"title.large":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.title.lg,lineHeight:w.lineHeight.title.lg,color:O.fg.strong},"title.medium":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.title.md,lineHeight:w.lineHeight.title.md,color:O.fg.strong},"title.small":{fontFamily:nt.default,fontWeight:Ke.bold,lineHeight:w.lineHeight.title.sm,fontSize:w.fontSize.title.sm,color:O.fg.strong},"heading.large":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.heading.lg,lineHeight:w.lineHeight.heading.lg,color:O.fg.strong},"heading.medium":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.heading.md,lineHeight:w.lineHeight.heading.md,color:O.fg.strong},"heading.small":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.heading.sm,lineHeight:w.lineHeight.heading.sm,color:O.fg.strong},"body.large":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.body.lg,lineHeight:w.lineHeight.body.lg,color:O.fg.default},"body.medium":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.body.md,lineHeight:w.lineHeight.body.md,color:O.fg.default},"body.small":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.body.sm,lineHeight:w.lineHeight.body.sm,letterSpacing:w.letterSpacing.body.sm,color:O.fg.default},"subtext.large":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,color:O.fg.default},"subtext.medium":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.md,lineHeight:w.lineHeight.subtext.md,letterSpacing:w.letterSpacing.subtext.md,color:O.fg.default},"subtext.small":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.sm,lineHeight:w.lineHeight.subtext.sm,letterSpacing:w.letterSpacing.subtext.sm,color:O.fg.default}},variant:{error:{color:w.color.brand.fg.critical.default},hint:{color:O.fg.muted.default},inverse:{color:O.fg.inverse}}}}),LQ=Ie("span")({displayName:"Text",Component:({children:e,typeLevel:t,variant:n,...a},r,i)=>E.jsx(i,{ref:r,...vn(a,Vr({typeLevel:t,variant:n})),children:e})}),DQ=Be({extends:Vr,base:{}});Ie("p")({displayName:"Subtext",Component:({size:e,variant:t,...n},a,r)=>{const i=`subtext.${e}`;return E.jsx(r,{ref:a,...vn(n,DQ({typeLevel:i,variant:t}))})}});const PQ=Be({extends:Vr,base:{}});Ie("p")({displayName:"BodyText",Component:({size:e,variant:t,...n},a,r)=>{const i=`body.${e}`;return E.jsx(r,{ref:a,...vn(n,PQ({typeLevel:i,variant:t}))})}});const MQ=Be({extends:Vr,base:{}}),UQ=Ie("h2")({displayName:"Heading",Component:({size:e,variant:t,...n},a,r)=>{const i=`heading.${e}`;return E.jsx(r,{ref:a,...vn(n,MQ({typeLevel:i,variant:t}))})}}),FQ=Be({extends:Vr,base:{}});Ie("h1")({displayName:"Title",Component:({size:e,variant:t,...n},a,r)=>{const i=`title.${e}`;return E.jsx(r,{ref:a,...vn(n,FQ({typeLevel:i,variant:t}))})}});const zQ=Be({base:()=>({fontFamily:nt.default,fontWeight:Ke.normal,lineHeight:w.lineHeight.subtext.lg,fontSize:w.fontSize.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,color:O.fg.default,gridColumn:"2",marginBlockEnd:w.gap.sm})}),jQ=Ie("div")({displayName:"Body",Component:({...e},t,n)=>E.jsx(LQ,{as:n,ref:t,...hn(e,zQ())})}),BQ=Be({base:()=>({fontFamily:nt.default,fontWeight:Ke.bold,lineHeight:w.lineHeight.body.sm,fontSize:w.fontSize.body.sm,letterSpacing:w.letterSpacing.body.sm,color:O.fg.default,gridColumn:"2",margin:0})}),qQ=Ie("h3")({displayName:"Heading",Component:({size:e="small",...t},n,a)=>E.jsx(UQ,{as:a,ref:n,size:e,...hn(t,BQ())})}),GQ={informational:jJ,caution:zJ,critical:FJ},HQ=BM("span")({displayName:"Icon",modelHook:VM})(({icon:e,...t},n,a)=>E.jsx(q_,{as:n,icon:e||GQ[a.state.variant],"data-part":"information-highlight-icon",...t})),WQ=sa({position:"relative",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"}),VQ=Ie("span")({displayName:"ButtonLabel",Component:({children:e,...t},n,a)=>E.jsx(H_,{as:a,ref:n,...hn(t,WQ),children:e})}),ZQ=Be({base:{display:"inline-block"},modifiers:{size:{extraSmall:{[V.vars.size]:lr.systemIcon.size.xs},small:{[V.vars.size]:lr.systemIcon.size.md},medium:{[V.vars.size]:lr.systemIcon.size.md},large:{[V.vars.size]:lr.systemIcon.size.lg}}}}),YQ=Ie("span")({Component:({icon:e,size:t="medium",shouldMirrorIcon:n=!1,shouldMirrorIconInRTL:a=!1,...r},i,o)=>e===void 0?null:E.jsx(q_,{ref:i,as:o,icon:e,shouldMirror:n,shouldMirrorInRTL:a,...hn(r,ZQ({size:t}))})}),Z={default:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),focus:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),hover:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),active:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),disabled:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius")},j=Be({vars:{background:"",border:"",boxShadowInner:"",boxShadowOuter:"",label:"",opacity:"",borderRadius:""},base:({background:e,border:t,boxShadowInner:n,boxShadowOuter:a,label:r,opacity:i,borderRadius:o})=>({fontFamily:nt.default,fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,fontWeight:Ke.bold,backgroundColor:F(Z.default.background,F(e,"transparent")),color:F(Z.default.label,F(r,O.fg.strong)),borderWidth:ke(1),borderStyle:"solid",gap:w.gap.sm,borderColor:F(Z.default.border,F(t,"transparent")),cursor:"pointer",display:"inline-flex",boxShadow:"none",alignItems:"center",justifyContent:"center",outline:`${ke(2)} transparent`,whiteSpace:"nowrap",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",borderRadius:F(Z.default.borderRadius,F(o,w.shape.full)),position:"relative",verticalAlign:"middle",overflow:"hidden",[V.vars.color]:F(Z.default.icon,O.fg.strong),transition:"box-shadow 120ms linear, border 120ms linear, background-color 120ms linear, color 120ms linear","&:disabled, &:disabled:active, &.disabled":{cursor:"default",boxShadow:"none",opacity:F(Z.default.opacity,F(i,ur.full))},"&:focus-visible, &.focus":{backgroundColor:F(Z.focus.background,F(e,"transparent")),borderColor:F(Z.focus.border,F(t,"transparent")),color:F(Z.focus.label,F(r,O.fg.strong)),[V.vars.color]:F(Z.focus.icon,O.fg.strong),outline:`${ke(2)} solid transparent`,outlineOffset:ke(2),boxShadow:`0 0 0 ${ke(2)} ${F(Z.focus.boxShadowInner,F(n,w.color.border.inverse.default))},0 0 0 ${ke(4)} ${F(Z.focus.boxShadowOuter,F(a,w.color.brand.focus.primary))}`},"&:hover, &.hover":{backgroundColor:F(Z.hover.background,F(e,w.color.surface.contrast.strong)),borderColor:F(Z.hover.border,F(t,"transparent")),color:F(Z.hover.label,F(r,O.fg.stronger)),[V.vars.color]:F(Z.hover.icon,O.fg.stronger)},"&:hover:active":{transitionDuration:"40ms"},"&:active, &.active":{backgroundColor:F(Z.active.background,F(e,"transparent")),borderColor:F(Z.active.border,F(t,"transparent")),color:F(Z.active.label,F(r,O.fg.strong)),[V.vars.color]:F(Z.active.icon,O.fg.strong)},"&:disabled, &.disabled":{backgroundColor:F(Z.disabled.background,F(e,"transparent")),borderColor:F(Z.disabled.border,F(t,"transparent")),color:F(Z.disabled.label,F(r,O.fg.strong)),[V.vars.color]:F(Z.disabled.icon,"currentColor")},"@media (prefers-contrast: more)":{'&[aria-pressed="true"]':{outline:`${ke(2)} solid transparent`,outlineOffset:`-${ke(1)}`},'&[aria-pressed="true"]:focus-visible, &[aria-pressed="true"].focus':{outline:`${ke(4)} double transparent`,outlineOffset:0}},svg:{pointerEvents:"none"}}),modifiers:{size:{large:{fontSize:w.fontSize.body.sm,lineHeight:w.lineHeight.body.sm,letterSpacing:w.letterSpacing.body.sm,height:w.size.lg,paddingInline:w.padding.xxl,minWidth:nr.size1400},medium:{fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,minWidth:nr.size1200,paddingInline:w.padding.xl,height:w.size.md},small:{fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,height:w.size.sm,minWidth:nr.size1000,paddingInline:w.padding.md,gap:w.gap.xs},extraSmall:{fontSize:w.fontSize.subtext.md,lineHeight:w.lineHeight.subtext.md,letterSpacing:w.letterSpacing.subtext.md,height:w.size.xs,minWidth:"auto",paddingInline:w.padding.sm,gap:w.gap.xs}},grow:{true:{width:"100%",maxWidth:"100%"}},iconPosition:{only:{padding:0},start:{},end:{}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:w.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xl,paddingInlineEnd:w.padding.xxl}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:w.padding.xxl,paddingInlineEnd:w.padding.xl}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:w.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:w.padding.lg,paddingInlineEnd:w.padding.xl}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:w.padding.xl,paddingInlineEnd:w.padding.lg}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:w.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.md}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:w.padding.md,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:w.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}}]}),jl=Ie("button")({displayName:"BaseButton",Component:({children:e,size:t,fillIcon:n,grow:a,iconPosition:r,icon:i,colors:o,...s},l,c)=>E.jsx(c,{ref:l,type:"button",...vn(s,[j({size:t,iconPosition:r,grow:a}),Z.default((o==null?void 0:o.default)||{}),Z.focus((o==null?void 0:o.focus)||{}),Z.hover((o==null?void 0:o.hover)||{}),Z.active((o==null?void 0:o.active)||{}),Z.disabled((o==null?void 0:o.disabled)||{})]),children:e}),subComponents:{Icon:YQ,Label:VQ}}),KQ=Be({base:{fontFamily:nt.default,textDecoration:"underline",color:w.color.fg.info.default,cursor:"pointer",borderRadius:ke(2),padding:`0 ${ke(2)} `,margin:"0 -2px",transition:"color 0.15s,background-color 0.15s",wordBreak:"break-word","&:hover, &.hover":{color:w.color.fg.info.strong,background:w.color.surface.alt.default},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${ke(2)} ${w.color.brand.focus.primary}`,outline:"none"},"&:active, &.active":{color:w.color.fg.info.strong,background:w.color.surface.alt.default}},modifiers:{variant:{inverse:{color:O.fg.inverse,"&:hover, &.hover":{color:O.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${ke(2)} ${O.fg.inverse}`},"&:active, &.active":{color:w.color.fg.info.strong,background:w.color.surface.navigation}},standalone:{textDecoration:"none"},standaloneInverse:{textDecoration:"none",color:O.fg.inverse,"&:hover, &.hover":{color:O.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${ke(2)} ${w.color.focus.inverse}`},"&:active, &.active":{color:w.color.fg.info.strong,background:w.color.surface.navigation}}}}}),XQ=Ie("a")({displayName:"Hyperlink",Component:({children:e,variant:t,...n},a,r)=>E.jsx(r,{ref:a,...hn(n,KQ({variant:t})),children:e})}),W_=Ie("button")({displayName:"Button",Component:({children:e,icon:t,colors:n,iconPosition:a,shouldMirrorIcon:r,shouldMirrorIconInRTL:i,size:o="medium",...s},l,c)=>{const u=a||(t?e?"start":"only":void 0);return E.jsxs(jl,{as:c,ref:l,size:o,icon:t,colors:n,iconPosition:u,...s,children:[t&&u==="start"&&E.jsx(jl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i}),e&&E.jsx(jl.Label,{children:e}),t&&u&&["only","end"].includes(u)&&E.jsx(jl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i})]})}}),JQ=Be({extends:j,base:{[j.vars.background]:w.color.surface.transparent,[j.vars.borderRadius]:w.shape.full,[j.vars.border]:O.border.input.default,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.default,[j.vars.label]:O.fg.strong,[j.vars.boxShadowInner]:w.color.focus.inverse,[j.vars.boxShadowOuter]:w.color.brand.focus.primary,[V.vars.color]:F(Z.focus.icon,"currentColor")},"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.label]:O.fg.strong,[j.vars.border]:w.color.border.input.hover,[V.vars.color]:F(Z.hover.icon,"currentColor")},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.label]:O.fg.strong,[j.vars.border]:w.color.border.input.hover,[V.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{variant:{inverse:{[j.vars.background]:w.color.surface.transparent,[j.vars.border]:w.color.border.inverse.default,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.border]:w.color.border.inverse.default,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.inverse,[j.vars.border]:O.border.transparent,[j.vars.label]:O.fg.contrast.default,[j.vars.boxShadowInner]:O.border.contrast.default,[j.vars.boxShadowOuter]:w.color.focus.inverse,[V.vars.color]:F(Z.focus.icon,"currentColor")},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.border]:w.color.border.inverse.default,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor")}}}}}),ra=Ie("button")({displayName:"SecondaryButton",Component:({children:e,variant:t,size:n,iconPosition:a,grow:r,cs:i,...o},s,l)=>E.jsx(W_,{as:l,ref:s,iconPosition:a,size:n,grow:r,cs:[JQ({variant:t,iconPosition:a,grow:r,size:n}),i],...o,children:e})}),QQ=Be({extends:j,base:{paddingInline:w.padding.xs,minWidth:"auto",borderWidth:ke(2),[j.vars.borderRadius]:w.shape.full,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.focus.icon,"currentColor"),[j.vars.border]:O.border.transparent,[j.vars.label]:O.fg.contrast.default,...AA({width:2,separation:0,innerColor:w.color.focus.inverse,outerColor:w.color.brand.focus.primary})},"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.label]:O.fg.strong,[V.vars.color]:O.fg.strong,textDecoration:"underline"},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.label]:O.fg.strong,[V.vars.color]:F(Z.active.icon,"currentColor"),textDecoration:"underline"},"&:disabled, &.disabled":{textDecoration:"none",[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{iconPosition:{only:{padding:0,[V.vars.color]:F(Z.default.icon,O.fg.default),"&:focus-visible, &.focus":{[V.vars.color]:F(Z.focus.icon,O.fg.strong)},"&:hover, &.hover":{[V.vars.color]:F(Z.hover.icon,O.fg.strong)},"&:active, &.active":{[V.vars.color]:F(Z.active.icon,O.fg.strong)},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[V.vars.color]:F(Z.disabled.icon,O.fg.default)}},start:{},end:{}},variant:{inverse:{[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.inverse,[j.vars.label]:O.fg.contrast.default,[V.vars.color]:F(Z.focus.icon,"currentColor"),...AA({width:2,separation:2,innerColor:O.border.contrast.default,outerColor:w.color.focus.inverse})},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor")}}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:w.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:w.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:w.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:w.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xxs,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.xxs}}]}),V_=Ie("button")({displayName:"TertiaryButton",Component:({children:e,icon:t,size:n="medium",variant:a,iconPosition:r,grow:i,cs:o,...s},l,c)=>{const u=r||(t?e?"start":"only":void 0);return E.jsx(W_,{as:c,ref:l,icon:t,size:n,iconPosition:r,grow:i,cs:[QQ({size:n,variant:a,grow:i,iconPosition:u}),o],...s,children:e})}}),eee=Be({extends:j,base:{[j.vars.background]:w.color.brand.accent.critical,[j.vars.borderRadius]:w.shape.full,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,O.fg.inverse),"&:focus-visible, &.focus":{[j.vars.background]:w.color.brand.accent.critical,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.focus.icon,O.fg.inverse),[j.vars.boxShadowInner]:w.color.focus.inverse,[j.vars.boxShadowOuter]:w.color.brand.focus.primary},"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.brand.accent.critical,mixinColor:w.color.accent.overlay.mixin,mixinValue:w.opacity.accent.hover}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.hover.icon,O.fg.inverse)},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.brand.accent.critical,mixinColor:w.color.accent.overlay.mixin,mixinValue:w.opacity.accent.pressed}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.active.icon,O.fg.inverse)},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.brand.accent.critical,[V.vars.color]:F(Z.disabled.icon,O.fg.inverse),[j.vars.label]:O.fg.inverse}}}),pU=Ie("button")({displayName:"DeleteButton",Component:({children:e,size:t,iconPosition:n,grow:a,cs:r,...i},o,s)=>E.jsx(W_,{as:s,ref:o,size:t,grow:a,iconPosition:n,cs:[eee({size:t,iconPosition:n}),r],...i,children:e})}),tee=Be({base:()=>({fontFamily:nt.default,fontWeight:Ke.bold,lineHeight:w.lineHeight.subtext.lg,fontSize:w.fontSize.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,gridColumn:"2",justifySelf:"start",color:O.fg.default})}),nee=Ie("a")({displayName:"Link",Component:({...e},t,n)=>E.jsx(XQ,{as:n,ref:t,...hn(e,tee())})}),ree=Be({base:{display:"grid",gridTemplateColumns:"min-content",gap:`${w.gap.sm} ${w.gap.md}`,padding:w.padding.md,borderRadius:w.shape.sm,outline:`${ke(1)} solid transparent`,borderInlineStart:`${nr.size50} solid transparent`},modifiers:{informational:{low:{borderInlineStartColor:w.color.border.info.default,backgroundColor:w.color.surface.alt.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.info.default,[V.vars.backgroundColor]:w.color.fg.info.default}},high:{borderInlineStartColor:w.color.border.info.default,backgroundColor:w.color.surface.info.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.info.default,[V.vars.backgroundColor]:w.color.fg.info.default}}},caution:{low:{borderInlineStartColor:w.color.border.warning,backgroundColor:w.color.surface.alt.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.warning.default,[V.vars.backgroundColor]:w.color.fg.warning.default}},high:{borderInlineStartColor:w.color.border.warning,backgroundColor:w.color.surface.warning.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.warning.default,[V.vars.backgroundColor]:w.color.fg.warning.default}}},critical:{low:{borderInlineStartColor:w.color.border.danger,backgroundColor:w.color.surface.alt.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.danger.default,[V.vars.backgroundColor]:w.color.fg.danger.default}},high:{borderInlineStartColor:w.color.border.danger,backgroundColor:w.color.surface.danger.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.danger.default,[V.vars.backgroundColor]:w.color.fg.danger.default}}}}}),wr=jM("section")({displayName:"InformationHighlight",modelHook:VM,subComponents:{Icon:HQ,Heading:qQ,Body:jQ,Link:nee}})(({...e},t,n)=>E.jsx(t,{...hn(e,ree({[n.state.variant]:n.state.emphasis}))})),aee=Ie("span")({displayName:"StatusIndicatorIcon",Component:(e,t,n)=>{var a;return(a=e.icon)!=null&&a.type?E.jsx(q_,{as:n,ref:t,size:20,role:"img",...e}):null}}),iee=Be({extends:Vr,base:{fontWeight:Ke.bold,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",textTransform:"capitalize",color:"inherit"},defaultModifiers:{typeLevel:"subtext.large"}}),oee=Ie("span")({displayName:"StatusIndicator.Label",Component:({children:e,typeLevel:t,...n},a,r)=>E.jsx(r,{ref:a,...vn(n,iee({typeLevel:t})),children:e})}),see={blue:"info",green:"positive",orange:"caution",red:"critical",gray:"neutral"},lee=Be({base:{display:"inline-flex",gap:w.gap.xs,maxWidth:ke(200),alignItems:"center",borderRadius:w.shape.sm,height:w.size.xxs,padding:`0 ${w.padding.xs}`,outline:`${ke(1)} solid transparent`,[V.vars.color]:"currentColor"},modifiers:{variant:{info:{color:w.color.fg.info.strong,backgroundColor:w.color.surface.info.strong},positive:{color:w.color.fg.success.strong,backgroundColor:w.color.surface.success.strong},caution:{color:w.color.fg.warning.strong,backgroundColor:w.color.surface.warning.strong},critical:{color:w.color.fg.danger.strong,backgroundColor:w.color.surface.danger.strong},neutral:{color:O.fg.muted.strong,backgroundColor:w.color.surface.alt.strong},transparent:{color:O.fg.inverse,backgroundColor:w.color.surface.contrast.default}},emphasis:{low:{},high:{}}},compound:[{modifiers:{variant:"info",emphasis:"high"},styles:{backgroundColor:w.color.accent.info,color:O.fg.inverse}},{modifiers:{variant:"positive",emphasis:"high"},styles:{backgroundColor:w.color.accent.success,color:O.fg.inverse}},{modifiers:{variant:"caution",emphasis:"high"},styles:{backgroundColor:w.color.accent.warning,color:O.fg.contrast.default}},{modifiers:{variant:"critical",emphasis:"high"},styles:{backgroundColor:w.color.accent.danger,color:O.fg.inverse}},{modifiers:{variant:"neutral",emphasis:"high"},styles:{backgroundColor:w.color.accent.muted.default,color:O.fg.inverse}}],defaultModifiers:{variant:"neutral",emphasis:"low"}}),Oa=Ie("div")({displayName:"StatusIndicator",subComponents:{Label:oee,Icon:aee},Component:({variant:e,emphasis:t,children:n,...a},r,i)=>E.jsx(i,{ref:r,...vn(a,lee({variant:see[e]||e,emphasis:t})),children:n})});var cee=function(e){return Object.prototype.hasOwnProperty.call(e,"props")},uee=function(e,t){return e+Xo(t)},Xo=function(e){return e===null||typeof e=="boolean"||typeof e>"u"?"":typeof e=="number"?e.toString():typeof e=="string"?e:Array.isArray(e)?e.reduce(uee,""):cee(e)&&Object.prototype.hasOwnProperty.call(e.props,"children")?Xo(e.props.children):""};Xo.default=Xo;var dee=Xo;const pee=Zc(dee),fee=Be({extends:Vr,base:{},defaultModifiers:{typeLevel:"subtext.large"}}),mee=Ie("div")({displayName:"Card.Body",Component:({children:e,...t},n,a)=>E.jsx(a,{ref:n,...vn(t,fee()),children:e})}),gee=Be({extends:Vr,base:{color:O.fg.strong,fontWeight:Ke.bold,marginBlock:w.padding.none},defaultModifiers:{typeLevel:"body.large"}}),hee=Ie("h3")({displayName:"Card.Heading",Component:({children:e,...t},n,a)=>E.jsx(a,{ref:n,...vn(t,gee()),children:e})}),vee=Be({base:{display:"flex",flexDirection:"column",gap:w.gap.lg,padding:w.padding.xl,backgroundColor:w.color.surface.default,borderRadius:w.shape.xxl,border:`${ke(1)} solid ${w.color.border.default}`},modifiers:{variant:{borderless:{borderColor:"transparent"},tonal:{backgroundColor:w.color.surface.alt.default,borderColor:O.border.transparent}}}}),MA=Ie("div")({displayName:"Card",Component:({children:e,variant:t,...n},a,r)=>E.jsx(r,{ref:a,...vn(n,vee({variant:t})),children:e}),subComponents:{Heading:hee,Body:mee}});function bee(e){return e.length?e[e.length-1]:null}function fU(e,t){const{min:n,max:a}=Z_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function fv(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(fU(a,t))})}function yee(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function See(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:yee(a.owner,t)})).filter(a=>a.parent===e.element)}function mU(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?mU(e[a],n.join(".")):e[a]}function gU(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),gU(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const hU=e=>{if(typeof window<"u")return mU(window,e)},vU=(e,t)=>{typeof window<"u"&&gU(window,e,t)},UA=(e,t)=>{var a;let n=(a=e.container)==null?void 0:a.call(e);return n===document.body&&(n=t==null?void 0:t.ownerDocument.body),n||document.body},Z_=hU("workday.__popupStack")||{description:"Global popup stack from @workday/canvas-kit/popup-stack",container:e=>(e==null?void 0:e.ownerDocument.body)||document.body,items:[],zIndex:{min:30,max:50,getValue:fU},_adapter:{}};vU("workday.__popupStack",Z_);const ar=hU("workday.__popupStackOfStacks")||[Z_];ar.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";vU("workday.__popupStackOfStacks",ar);function Jn(){return ar[ar.length-1]}const Ct={createContainer(){var n;const e=Jn();if((n=e._adapter)!=null&&n.createContainer)return e._adapter.createContainer();const t=document.createElement("div");return t.style.position="relative",t},add(e){var n;const t=Jn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),UA(t,e.owner).appendChild(e.element),fv(Ct.getElements())},remove(e){var n;const t=ar.find(a=>!!Ct.getElements(a).find(r=>r===e));if(t){if((n=t._adapter)!=null&&n.remove){t._adapter.remove(e);return}const a=t.items.find(r=>r.element===e);t.items=t.items.filter(r=>r.element!==e),UA(t,a==null?void 0:a.owner).removeChild(e),fv(Ct.getElements(t))}},isTopmost(e){var a;const t=Jn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=bee(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Jn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Jn();if((a=t._adapter)!=null&&a.bringToTop){t._adapter.bringToTop(e);return}const n=t.items.find(r=>r.element===e);if(n)t.items=[...t.items.filter(r=>r!==n),n],See(n,t.items).forEach(r=>{Ct.bringToTop(r.element)}),fv(Ct.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Jn();if((i=n._adapter)!=null&&i.contains)return n._adapter.contains(e,t);const a=n.items.find(o=>o.element===e);if(a)return r(a,t);return!1;function r(o,s,l=0){var u;if(l>30)return!1;if(o.element===s||o.owner===s||o.element.contains(s)||(u=o.owner)!=null&&u.contains(s))return!0;const c=n.items.find(d=>d.owner&&o.element.contains(d.owner));return c?r(c,s,l+1):!1}},pushStackContext(e){var a,r;const t=Jn();if((a=t._adapter)!=null&&a.pushStackContext)return t._adapter.pushStackContext(e);if(((r=t.container)==null?void 0:r.call(t))===e)return;const n={items:[],zIndex:t.zIndex,container:()=>e,_adapter:{}};ar.push(n)},popStackContext(e){var n,a;const t=Jn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&ar.length>1&&ar.pop()},transferToCurrentContext(e){var a;const t=Jn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;ar.find(r=>!!r.items.find(i=>i.element===e.element))&&Ct.remove(e.element),Ct.add(e)}};let Bl=null;rr.isEnabled&&rr.on("change",()=>{rr.isFullscreen?rr.element&&(Bl=rr.element,Ct.pushStackContext(Bl)):Bl&&Ct.popStackContext(Bl)});const mv=B_({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=FM(e.id),[n,a]=K.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),FA=()=>{},bU=B_({defaultContext:{state:{},events:{show:FA,hide:FA}},defaultConfig:{...mv.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:mv.requiredConfig})(e=>{const t=te.useRef(null),n=te.useRef(null),[a,r]=te.useState("bottom"),i=mv(e),o={...i.state,stackRef:t,targetRef:n,initialFocusRef:e.initialFocusRef,returnFocusRef:e.returnFocusRef,placement:a},s={...i.events,updatePlacement(l){r(l.placement)}};return{state:o,events:s}});bU.Context;const Eee=Nd()(e=>{const t=K.useCallback(a=>{e.state.stackRef.current&&document.contains(a.target)&&!Ct.contains(e.state.stackRef.current,a.target)&&e.events.hide(a)},[e.events,e.state.stackRef]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{var a;if(n)return document.addEventListener("mousedown",t),(a=e.state.stackRef.current)==null||a.setAttribute("data-behavior-click-outside-close","always"),()=>{document.removeEventListener("mousedown",t)}},[e.state.stackRef,n,t]),{}}),_ee=Nd()(e=>{const t=K.useCallback(a=>{(a.key==="Esc"||a.key==="Escape")&&Ct.isTopmost(e.state.stackRef.current)&&e.events.hide(a)},[e.state.stackRef,e.events]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{if(n)return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[t,n]),{}}),wee=Nd()(e=>{const t=K.useCallback(a=>{rr.isFullscreen||e.events.hide(a)},[e.events]),n=e.state.visibility!=="hidden";return K.useEffect(()=>{if(n&&rr.isEnabled)return rr.on("change",t),()=>{rr.off("change",t)}},[t,n]),{}});function yU(e){if(e===document.body||!e.parentElement)return e;const t=getComputedStyle(e);return t.overflowY==="scroll"||t.overflowY==="auto"||t.overflowX==="scroll"||t.overflowX==="auto"?e:yU(e.parentElement)}const kee=Nd()(e=>{const t=e.state.visibility!=="hidden",n=K.useCallback(a=>{a[0].intersectionRatio<.5&&e.events.hide()},[e.events]);return K.useLayoutEffect(()=>{if(!t||!e.state.targetRef.current)return;const a=e.state.targetRef.current,r=yU(a),i=new IntersectionObserver(n,{root:r,threshold:.5});return i.observe(e.state.targetRef.current),()=>{i.disconnect()}},[n,e.state.targetRef,t]),{}}),Tee=(e,t)=>{const{elementRef:n,localRef:a}=j_(e),r=K.useContext(D_),{style:i}=DJ(r,{}),o=K.useRef(!0),[s]=K.useState(()=>{if(o.current){const l=Ct.createContainer();return n(l),o.current=!1,l}return a.current});return K.useLayoutEffect(()=>{const l=a.current;if(!l)return;const c=Object.keys(i);if(c.length!==0)for(const u of c)l.style.setProperty(u,i[u])},[a,i]),K.useLayoutEffect(()=>{if(s!==a.current)throw Error("The 'ref' passed to usePopupStack should not be applied to a React element. This will cause a runtime error where the PopupStack and React compete for the element. Instead use ReactDOM.createPortal(<YourComponent />, ref.current)");const l=t?"current"in t?t.current||void 0:t:void 0,c=a.current;return Ct.add({element:c,owner:l}),()=>{Ct.remove(c)}},[a,t,s]),K.useLayoutEffect(()=>{var u,d;let c=(t?"current"in t?t.current:t:void 0)??void 0;if(c==null&&typeof document<"u"){const p=document.activeElement,g=a.current;c=(p&&g&&!g.contains(p)?p:document.body).closest("[dir]")??document.documentElement}if(c){const p=c.getAttribute("dir");(p!=null?p.toLowerCase()==="rtl":vJ(c))?(u=a.current)==null||u.setAttribute("dir","rtl"):(d=a.current)==null||d.setAttribute("dir","ltr")}},[a,t]),a},SU=e=>{const[t,n]=e.split("-");return{vertical:t==="top"?"bottom":t==="bottom"||n==="end"?"top":n==="start"?"bottom":"center",horizontal:t==="left"?"right":t==="right"||n==="end"?"left":n==="start"?"right":"center"}};var dn="top",Rn="bottom",An="right",pn="left",Y_="auto",pl=[dn,Rn,An,pn],ki="start",K_="end",Iee="clippingParents",EU="viewport",io="popper",xee="reference",zA=pl.reduce(function(e,t){return e.concat([t+"-"+ki,t+"-"+K_])},[]),_U=[].concat(pl,[Y_]).reduce(function(e,t){return e.concat([t,t+"-"+ki,t+"-"+K_])},[]),Ree="beforeRead",Aee="read",Nee="afterRead",Cee="beforeMain",Oee="main",$ee="afterMain",Lee="beforeWrite",Dee="write",Pee="afterWrite",Mee=[Ree,Aee,Nee,Cee,Oee,$ee,Lee,Dee,Pee];function Nn(e){return e?(e.nodeName||"").toLowerCase():null}function Cn(e){if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Jo(e){var t=Cn(e).Element;return e instanceof t||e instanceof Element}function Vn(e){var t=Cn(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Uee(e){var t=Cn(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Fee(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var a=t.styles[n]||{},r=t.attributes[n]||{},i=t.elements[n];!Vn(i)||!Nn(i)||(Object.assign(i.style,a),Object.keys(r).forEach(function(o){var s=r[o];s===!1?i.removeAttribute(o):i.setAttribute(o,s===!0?"":s)}))})}function zee(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(a){var r=t.elements[a],i=t.attributes[a]||{},o=Object.keys(t.styles.hasOwnProperty(a)?t.styles[a]:n[a]),s=o.reduce(function(l,c){return l[c]="",l},{});!Vn(r)||!Nn(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const jee={name:"applyStyles",enabled:!0,phase:"write",fn:Fee,effect:zee,requires:["computeStyles"]};function Gn(e){return e.split("-")[0]}function X_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function wU(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&Uee(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function dr(e){return Cn(e).getComputedStyle(e)}function Bee(e){return["table","td","th"].indexOf(Nn(e))>=0}function Er(e){return((Jo(e)?e.ownerDocument:e.document)||window.document).documentElement}function Cd(e){return Nn(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||Er(e)}function jA(e){if(!Vn(e)||dr(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=Er(t);if(Nn(t)==="body"&&dr(t).position==="static"&&dr(n).position!=="static")return n}return t}function qee(e){for(var t=Cd(e);Vn(t)&&["html","body"].indexOf(Nn(t))<0;){var n=dr(t);if(n.transform!=="none"||n.perspective!=="none"||n.willChange&&n.willChange!=="auto")return t;t=t.parentNode}return null}function fl(e){for(var t=Cn(e),n=jA(e);n&&Bee(n)&&dr(n).position==="static";)n=jA(n);return n&&Nn(n)==="body"&&dr(n).position==="static"?t:n||qee(e)||t}function J_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ic(e,t,n){return Math.max(e,Math.min(t,n))}function kU(){return{top:0,right:0,bottom:0,left:0}}function TU(e){return Object.assign(Object.assign({},kU()),e)}function IU(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function Gee(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=Gn(n.placement),s=J_(o),l=[pn,An].indexOf(o)>=0,c=l?"height":"width";if(!(!r||!i)){var u=n.modifiersData[a+"#persistent"].padding,d=X_(r),p=s==="y"?dn:pn,g=s==="y"?Rn:An,v=n.rects.reference[c]+n.rects.reference[s]-i[s]-n.rects.popper[c],b=i[s]-n.rects.reference[s],I=fl(r),h=I?s==="y"?I.clientHeight||0:I.clientWidth||0:0,f=v/2-b/2,m=u[p],y=h-d[c]-u[g],_=h/2-d[c]/2+f,k=ic(m,_,y),T=s;n.modifiersData[a]=(t={},t[T]=k,t.centerOffset=k-_,t)}}function Hee(e){var t=e.state,n=e.options,a=e.name,r=n.element,i=r===void 0?"[data-popper-arrow]":r,o=n.padding,s=o===void 0?0:o;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||wU(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:TU(typeof s!="number"?s:IU(s,pl))}))}const Wee={name:"arrow",enabled:!0,phase:"main",fn:Gee,effect:Hee,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var Vee={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Zee(e){var t=e.x,n=e.y,a=window,r=a.devicePixelRatio||1;return{x:Math.round(t*r)/r||0,y:Math.round(n*r)/r||0}}function BA(e){var t,n=e.popper,a=e.popperRect,r=e.placement,i=e.offsets,o=e.position,s=e.gpuAcceleration,l=e.adaptive,c=Zee(i),u=c.x,d=c.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),v=pn,b=dn,I=window;if(l){var h=fl(n);h===Cn(n)&&(h=Er(n)),r===dn&&(b=Rn,d-=h.clientHeight-a.height,d*=s?1:-1),r===pn&&(v=An,u-=h.clientWidth-a.width,u*=s?1:-1)}var f=Object.assign({position:o},l&&Vee);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[b]=g?"0":"",m[v]=p?"0":"",m.transform=(I.devicePixelRatio||1)<2?"translate("+u+"px, "+d+"px)":"translate3d("+u+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[b]=g?d+"px":"",t[v]=p?u+"px":"",t.transform="",t))}function Yee(e){var t=e.state,n=e.options,a=n.gpuAcceleration,r=a===void 0?!0:a,i=n.adaptive,o=i===void 0?!0:i,s={placement:Gn(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign(Object.assign({},t.styles.popper),BA(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign(Object.assign({},t.styles.arrow),BA(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1})))),t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-placement":t.placement})}const Kee={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Yee,data:{}};var ql={passive:!0};function Xee(e){var t=e.state,n=e.instance,a=e.options,r=a.scroll,i=r===void 0?!0:r,o=a.resize,s=o===void 0?!0:o,l=Cn(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ql)}),s&&l.addEventListener("resize",n.update,ql),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ql)}),s&&l.removeEventListener("resize",n.update,ql)}}const Jee={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Xee,data:{}};var Qee={left:"right",right:"left",bottom:"top",top:"bottom"};function oc(e){return e.replace(/left|right|bottom|top/g,function(t){return Qee[t]})}var ete={start:"end",end:"start"};function qA(e){return e.replace(/start|end/g,function(t){return ete[t]})}function Qo(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function Q_(e){var t=Cn(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function ew(e){return Qo(Er(e)).left+Q_(e).scrollLeft}function tte(e){var t=Cn(e),n=Er(e),a=t.visualViewport,r=n.clientWidth,i=n.clientHeight,o=0,s=0;return a&&(r=a.width,i=a.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=a.offsetLeft,s=a.offsetTop)),{width:r,height:i,x:o+ew(e),y:s}}function nte(e){var t=Er(e),n=Q_(e),a=e.ownerDocument.body,r=Math.max(t.scrollWidth,t.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),i=Math.max(t.scrollHeight,t.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),o=-n.scrollLeft+ew(e),s=-n.scrollTop;return dr(a||t).direction==="rtl"&&(o+=Math.max(t.clientWidth,a?a.clientWidth:0)-r),{width:r,height:i,x:o,y:s}}function tw(e){var t=dr(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function xU(e){return["html","body","#document"].indexOf(Nn(e))>=0?e.ownerDocument.body:Vn(e)&&tw(e)?e:xU(Cd(e))}function ko(e,t){t===void 0&&(t=[]);var n=xU(e),a=Nn(n)==="body",r=Cn(n),i=a?[r].concat(r.visualViewport||[],tw(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(ko(Cd(i)))}function _b(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function rte(e){var t=Qo(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function GA(e,t){return t===EU?_b(tte(e)):Vn(t)?rte(t):_b(nte(Er(e)))}function ate(e){var t=ko(Cd(e)),n=["absolute","fixed"].indexOf(dr(e).position)>=0,a=n&&Vn(e)?fl(e):e;return Jo(a)?t.filter(function(r){return Jo(r)&&wU(r,a)&&Nn(r)!=="body"}):[]}function ite(e,t,n){var a=t==="clippingParents"?ate(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var c=GA(e,l);return s.top=Math.max(c.top,s.top),s.right=Math.min(c.right,s.right),s.bottom=Math.min(c.bottom,s.bottom),s.left=Math.max(c.left,s.left),s},GA(e,i));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function es(e){return e.split("-")[1]}function RU(e){var t=e.reference,n=e.element,a=e.placement,r=a?Gn(a):null,i=a?es(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case dn:l={x:o,y:t.y-n.height};break;case Rn:l={x:o,y:t.y+t.height};break;case An:l={x:t.x+t.width,y:s};break;case pn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var c=r?J_(r):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case ki:l[c]=Math.floor(l[c])-Math.floor(t[u]/2-n[u]/2);break;case K_:l[c]=Math.floor(l[c])+Math.ceil(t[u]/2-n[u]/2);break}}return l}function Ti(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=a===void 0?e.placement:a,i=n.boundary,o=i===void 0?Iee:i,s=n.rootBoundary,l=s===void 0?EU:s,c=n.elementContext,u=c===void 0?io:c,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,v=g===void 0?0:g,b=TU(typeof v!="number"?v:IU(v,pl)),I=u===io?xee:io,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?I:u],y=ite(Jo(m)?m:m.contextElement||Er(e.elements.popper),o,l),_=Qo(h),k=RU({reference:_,element:f,placement:r}),T=_b(Object.assign(Object.assign({},f),k)),C=u===io?T:_,$={top:y.top-C.top+b.top,bottom:C.bottom-y.bottom+b.bottom,left:y.left-C.left+b.left,right:C.right-y.right+b.right},P=e.modifiersData.offset;if(u===io&&P){var G=P[r];Object.keys($).forEach(function(ee){var ne=[An,Rn].indexOf(ee)>=0?1:-1,ve=[dn,Rn].indexOf(ee)>=0?"y":"x";$[ee]+=G[ve]*ne})}return $}function ote(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=n.boundary,i=n.rootBoundary,o=n.padding,s=n.flipVariations,l=n.allowedAutoPlacements,c=l===void 0?_U:l,u=es(a),d=u?s?zA:zA.filter(function(v){return es(v)===u}):pl,p=d.filter(function(v){return c.indexOf(v)>=0});p.length===0&&(p=d);var g=p.reduce(function(v,b){return v[b]=Ti(e,{placement:b,boundary:r,rootBoundary:i,padding:o})[Gn(b)],v},{});return Object.keys(g).sort(function(v,b){return g[v]-g[b]})}function ste(e){if(Gn(e)===Y_)return[];var t=oc(e);return[qA(e),t,qA(t)]}function lte(e){var t=e.state,n=e.options,a=e.name;if(!t.modifiersData[a]._skip){for(var r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!0:o,l=n.fallbackPlacements,c=n.padding,u=n.boundary,d=n.rootBoundary,p=n.altBoundary,g=n.flipVariations,v=g===void 0?!0:g,b=n.allowedAutoPlacements,I=t.options.placement,h=Gn(I),f=h===I,m=l||(f||!v?[oc(I)]:ste(I)),y=[I].concat(m).reduce(function(me,Ce){return me.concat(Gn(Ce)===Y_?ote(t,{placement:Ce,boundary:u,rootBoundary:d,padding:c,flipVariations:v,allowedAutoPlacements:b}):Ce)},[]),_=t.rects.reference,k=t.rects.popper,T=new Map,C=!0,$=y[0],P=0;P<y.length;P++){var G=y[P],ee=Gn(G),ne=es(G)===ki,ve=[dn,Rn].indexOf(ee)>=0,Ee=ve?"width":"height",fe=Ti(t,{placement:G,boundary:u,rootBoundary:d,altBoundary:p,padding:c}),_e=ve?ne?An:pn:ne?Rn:dn;_[Ee]>k[Ee]&&(_e=oc(_e));var D=oc(_e),z=[];if(i&&z.push(fe[ee]<=0),s&&z.push(fe[_e]<=0,fe[D]<=0),z.every(function(me){return me})){$=G,C=!1;break}T.set(G,z)}if(C)for(var B=v?3:1,H=function(Ce){var $e=y.find(function(Ye){var en=T.get(Ye);if(en)return en.slice(0,Ce).every(function(Ta){return Ta})});if($e)return $=$e,"break"},Y=B;Y>0;Y--){var Ge=H(Y);if(Ge==="break")break}t.placement!==$&&(t.modifiersData[a]._skip=!0,t.placement=$,t.reset=!0)}}const cte={name:"flip",enabled:!0,phase:"main",fn:lte,requiresIfExists:["offset"],data:{_skip:!1}};function HA(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function WA(e){return[dn,An,Rn,pn].some(function(t){return e[t]>=0})}function ute(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=Ti(t,{elementContext:"reference"}),s=Ti(t,{altBoundary:!0}),l=HA(o,a),c=HA(s,r,i),u=WA(l),d=WA(c);t.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-reference-hidden":u,"data-popper-escaped":d})}const dte={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:ute};function pte(e,t,n){var a=Gn(e),r=[pn,dn].indexOf(a)>=0?-1:1,i=typeof n=="function"?n(Object.assign(Object.assign({},t),{},{placement:e})):n,o=i[0],s=i[1];return o=o||0,s=(s||0)*r,[pn,An].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function fte(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=_U.reduce(function(u,d){return u[d]=pte(d,t.rects,i),u},{}),s=o[t.placement],l=s.x,c=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[a]=o}const mte={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:fte};function gte(e){var t=e.state,n=e.name;t.modifiersData[n]=RU({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const hte={name:"popperOffsets",enabled:!0,phase:"read",fn:gte,data:{}};function vte(e){return e==="x"?"y":"x"}function bte(e){var t=e.state,n=e.options,a=e.name,r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!1:o,l=n.boundary,c=n.rootBoundary,u=n.altBoundary,d=n.padding,p=n.tether,g=p===void 0?!0:p,v=n.tetherOffset,b=v===void 0?0:v,I=Ti(t,{boundary:l,rootBoundary:c,padding:d,altBoundary:u}),h=Gn(t.placement),f=es(t.placement),m=!f,y=J_(h),_=vte(y),k=t.modifiersData.popperOffsets,T=t.rects.reference,C=t.rects.popper,$=typeof b=="function"?b(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):b,P={x:0,y:0};if(k){if(i){var G=y==="y"?dn:pn,ee=y==="y"?Rn:An,ne=y==="y"?"height":"width",ve=k[y],Ee=k[y]+I[G],fe=k[y]-I[ee],_e=g?-C[ne]/2:0,D=f===ki?T[ne]:C[ne],z=f===ki?-C[ne]:-T[ne],B=t.elements.arrow,H=g&&B?X_(B):{width:0,height:0},Y=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:kU(),Ge=Y[G],me=Y[ee],Ce=ic(0,T[ne],H[ne]),$e=m?T[ne]/2-_e-Ce-Ge-$:D-Ce-Ge-$,Ye=m?-T[ne]/2+_e+Ce+me+$:z+Ce+me+$,en=t.elements.arrow&&fl(t.elements.arrow),Ta=en?y==="y"?en.clientTop||0:en.clientLeft||0:0,Ia=t.modifiersData.offset?t.modifiersData.offset[t.placement][y]:0,xa=k[y]+$e-Ia-Ta,Od=k[y]+Ye-Ia,Ra=ic(g?Math.min(Ee,xa):Ee,ve,g?Math.max(fe,Od):fe);k[y]=Ra,P[y]=Ra-ve}if(s){var GU=y==="x"?dn:pn,HU=y==="x"?Rn:An,ml=k[_],WU=ml+I[GU],VU=ml-I[HU],ow=ic(WU,ml,VU);k[_]=ow,P[_]=ow-ml}t.modifiersData[a]=P}}const yte={name:"preventOverflow",enabled:!0,phase:"main",fn:bte,requiresIfExists:["offset"]};function Ste(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Ete(e){return e===Cn(e)||!Vn(e)?Q_(e):Ste(e)}function _te(e,t,n){n===void 0&&(n=!1);var a=Er(t),r=Qo(e),i=Vn(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((Nn(t)!=="body"||tw(a))&&(o=Ete(t)),Vn(t)?(s=Qo(t),s.x+=t.clientLeft,s.y+=t.clientTop):a&&(s.x=ew(a))),{x:r.left+o.scrollLeft-s.x,y:r.top+o.scrollTop-s.y,width:r.width,height:r.height}}function wte(e){var t=new Map,n=new Set,a=[];e.forEach(function(i){t.set(i.name,i)});function r(i){n.add(i.name);var o=[].concat(i.requires||[],i.requiresIfExists||[]);o.forEach(function(s){if(!n.has(s)){var l=t.get(s);l&&r(l)}}),a.push(i)}return e.forEach(function(i){n.has(i.name)||r(i)}),a}function kte(e){var t=wte(e);return Mee.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function Tte(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function Ite(e){var t=e.reduce(function(n,a){var r=n[a.name];return n[a.name]=r?Object.assign(Object.assign(Object.assign({},r),a),{},{options:Object.assign(Object.assign({},r.options),a.options),data:Object.assign(Object.assign({},r.data),a.data)}):a,n},{});return Object.keys(t).map(function(n){return t[n]})}var VA={placement:"bottom",modifiers:[],strategy:"absolute"};function ZA(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(a){return!(a&&typeof a.getBoundingClientRect=="function")})}function xte(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?VA:r;return function(s,l,c){c===void 0&&(c=i);var u={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},VA),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:u,setOptions:function(h){b(),u.options=Object.assign(Object.assign(Object.assign({},i),u.options),h),u.scrollParents={reference:Jo(s)?ko(s):s.contextElement?ko(s.contextElement):[],popper:ko(l)};var f=kte(Ite([].concat(a,u.options.modifiers)));return u.orderedModifiers=f.filter(function(m){return m.enabled}),v(),g.update()},forceUpdate:function(){if(!p){var h=u.elements,f=h.reference,m=h.popper;if(ZA(f,m)){u.rects={reference:_te(f,fl(m),u.options.strategy==="fixed"),popper:X_(m)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach(function(P){return u.modifiersData[P.name]=Object.assign({},P.data)});for(var y=0;y<u.orderedModifiers.length;y++){if(u.reset===!0){u.reset=!1,y=-1;continue}var _=u.orderedModifiers[y],k=_.fn,T=_.options,C=T===void 0?{}:T,$=_.name;typeof k=="function"&&(u=k({state:u,options:C,name:$,instance:g})||u)}}}},update:Tte(function(){return new Promise(function(I){g.forceUpdate(),I(u)})}),destroy:function(){b(),p=!0}};if(!ZA(s,l))return g;g.setOptions(c).then(function(I){!p&&c.onFirstUpdate&&c.onFirstUpdate(I)});function v(){u.orderedModifiers.forEach(function(I){var h=I.name,f=I.options,m=f===void 0?{}:f,y=I.effect;if(typeof y=="function"){var _=y({state:u,name:h,instance:g,options:m}),k=function(){};d.push(_||k)}})}function b(){d.forEach(function(I){return I()}),d=[]}return g}}var Rte=[Jee,hte,Kee,jee,mte,cte,yte,Wee,dte],Ate=xte({defaultModifiers:Rte});const Nte=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","auto","auto-start","auto-end"],Cte=e=>{const[t,n]=e.split("-");let a;switch(t){case"top":a="bottom";break;case"bottom":a="top";break;case"left":a="right";break;case"right":a="left";break;default:a="auto"}return n&&(a=Nte.find(r=>r.includes(`${a}-${n}`))??a),a},AU=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=Ti({...t,placement:e[0]}),o=/left|right/.test(e[0].split("-")[0])?"horizontal":"vertical",s=(i.top>0||i.bottom>0||i.left>0||i.right>0)&&(o==="horizontal"?r.height/2-i.top<a.height||r.height/2-i.bottom<a.height:r.width-i.left<a.width||r.width-i.right<a.width),l=e[0].split("-")[0];return!s&&i[l]<=0?e[0]:AU(e.slice(1),t,n)},YA="fallbackModifier",KA={name:YA,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,Cte(n),...a||[]],i=AU(r,e,n);e.placement!==i&&(e.modifiersData[YA]._skip=!0,e.placement=i,e.reset=!0)}},nw=["top","right","bottom","left"],rw=te.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?E.jsx(Lte,{ref:a,portal:e,...n}):null),Ote=e=>{if(e!==null)return"current"in e?e.current||void 0:e},$te={},Lte=te.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=$te,placement:a="bottom",fallbackPlacements:r=nw,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},c)=>{const u=te.useRef(!0),{localRef:d,elementRef:p}=j_(l),[g,v]=te.useState(a),b=Tee(c,e),I=te.useRef(a);I.current=g;const h=te.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){v(m.placement),i==null||i(m.placement)}}),[v,i]);te.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:Ote(e??null);if(!m){console.warn("Popper: neither anchorElement or getAnchorClientRect was defined. A valid anchorElement or getAnchorClientRect callback must be provided to render a Popper");return}if(b.current){const y=Ate(m,b.current,{placement:a,...n,modifiers:[h,{...KA,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(y),()=>{y==null||y.destroy()}}},[e,t,b]),te.useLayoutEffect(()=>{var m;u.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...KA,options:{fallbackPlacements:r}},...n.modifiers||[]]}),u.current=!1},[n,a,r,h,d]);const f=E.jsx(E.Fragment,{children:Dte(o)?o({placement:g}):o});return s?mO.createPortal(f,b.current):f});function Dte(e){return typeof e=="function"}const XA={vertical:"bottom",horizontal:"center"},wb=Da("positionX","positionY"),Pte=VX({"0%":{opacity:0,transform:`translate(${wb.positionX}, ${wb.positionY})`},"100%":{opacity:1,transform:"translate(0)"}}),Mte=Be({vars:{tooltipTransformOriginHorizontal:"",tooltipTransformOriginVertical:""},base:({tooltipTransformOriginHorizontal:e,tooltipTransformOriginVertical:t})=>({fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.md,lineHeight:w.lineHeight.subtext.md,letterSpacing:w.letterSpacing.subtext.md,display:"inline-flex",position:"relative",padding:w.padding.sm,color:O.fg.inverse,animationName:Pte,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${t} ${e}`,a:{color:O.fg.inverse,textDecoration:"underline"},"&:before":{content:'""',borderRadius:w.shape.md,outline:`${ke(1)} solid transparent`,outlineOffset:`-${ke(1)}`,zIndex:-1,margin:w.gap.xs,backgroundColor:w.color.surface.contrast.default,position:"absolute",top:0,left:0,right:0,bottom:0,boxShadow:LM[2]},"[data-popper-reference-hidden] &":{visibility:"hidden",pointerEvents:"none"},'[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &':{left:tr.negate(nr.size50)},'[data-popper-placement="top-end"] &, [data-popper-placement="bottom-end"] &':{right:tr.negate(nr.size50)},'[data-popper-placement="left-start"] &, [data-popper-placement="right-start"] &':{top:tr.negate(nr.size50)},'[data-popper-placement="left-end"] &, [data-popper-placement="right-end"] &':{bottom:tr.negate(nr.size50)}}),modifiers:{elementHasFocus:{true:{padding:tr.subtract(w.padding.md,tr.divide(w.padding.xxs,2)),"&:before":{margin:nr.size75}}}}}),aw=Ie("div")({displayName:"TooltipContainer",Component:({children:e,transformOrigin:t=XA,elementHasFocus:n=!1,...a},r,i)=>{const o=hJ(t||XA,w.gap.sm);return E.jsx(i,{ref:r,...vn(a,[Mte({tooltipTransformOriginHorizontal:t==null?void 0:t.horizontal,tooltipTransformOriginVertical:t==null?void 0:t.vertical,elementHasFocus:n}),wb({positionX:o.x,positionY:o.y})]),children:e})}}),JA=(e,t=0)=>{const n=te.useRef(),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return te.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},Ute=e=>{const t=e.tagName.toLowerCase(),n=e.getAttribute("tabindex");switch(t){case"button":case"input":case"select":case"textarea":case"details":return!0;default:return n?Number(n)>=0:!1}};function iw({type:e="label",titleText:t="",showDelay:n=300,hideDelay:a=100}={}){const r=te.useRef(!1),i=bU(),[o,s]=te.useState(null),l=FM(),c=JA(i.events.hide,a),u=JA(i.events.show,n),d=()=>{c.start(),u.clear()},p=()=>{u.start(),c.clear()},g=f=>{s(f.currentTarget),p()},v=f=>{r.current||g(f),r.current=!1},b=f=>{r.current=!0,Ute(f.currentTarget)&&i.events.hide()};_ee(i),Eee(i),wee(i),kee(i);const I=i.state.visibility!=="hidden",h={"aria-describedby":e==="describe"&&I?l:void 0,"aria-description":e==="description"?t:void 0,"aria-label":e==="label"?t:void 0,onMouseEnter:g,onMouseLeave:d,onMouseDown:b,onFocus:v,onBlur:d};return h["aria-describedby"]===void 0&&delete h["aria-describedby"],{targetProps:h,popperProps:{open:I,anchorElement:o,ref:i.state.stackRef},tooltipProps:{id:e==="describe"&&I?l:void 0,role:"tooltip",onMouseEnter:p,onMouseLeave:d}}}function Fte(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=F_(t[r],e[r]):a[r]=t[r],a),{})}const Hn=Ie("div")({displayName:"Tooltip",Component({type:e="label",placement:t="top",title:n,children:a,showDelay:r=300,hideDelay:i=100,fallbackPlacements:o=nw,...s}){const l=pee(n),{targetProps:c,popperProps:u,tooltipProps:d}=iw({type:e,titleText:l,showDelay:r,hideDelay:i}),[p,g]=te.useState(!1),{localRef:v}=j_();return te.useEffect(()=>{const b=v.current;if(!b)return;const I=()=>{g(b.matches(":focus-visible")||b.classList.contains("focus"))};return I(),b.addEventListener("focus",I),b.addEventListener("blur",I),()=>{b.removeEventListener("focus",I),b.removeEventListener("blur",I)}},[v]),E.jsxs(te.Fragment,{children:[te.cloneElement(a,{...c,...Fte(a.props,c),.../^(muted|describe)$/.test(e)&&a.props["aria-label"]?{"aria-label":a.props["aria-label"]}:{}}),E.jsx(rw,{placement:t,fallbackPlacements:o,...u,children:({placement:b})=>{const I=SU(b);return E.jsx(aw,{transformOrigin:I,...hn(s),...d,elementHasFocus:p,children:n})}})]})}}),NU=e=>{const t=getComputedStyle(e);if(t.overflow==="auto"||t.overflow==="scroll"||t.overflow==="clip"||t.overflow==="hidden")return e;if(e.children){for(let n=0;n<e.children.length;n++){const a=NU(e.children[n]);if(a)return a}return null}return null},CU=e=>{const t=getComputedStyle(e);if(t.textOverflow==="ellipsis"||Number(t.webkitLineClamp)>0)return e;for(let n=0;n<e.children.length;n++){const a=CU(e.children[n]);if(a)return a}return null},QA=e=>{const t=CU(e)||NU(e);return t?t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight:!1};function zte(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=F_(t[r],e[r]):a[r]=t[r],a),{})}const Qr=({placement:e="top",fallbackPlacements:t=nw,children:n,showDelay:a,hideDelay:r,...i})=>{const[o,s]=te.useState(""),{targetProps:l,popperProps:c,tooltipProps:u}=iw({type:"muted",showDelay:a,hideDelay:r}),d=g=>{const v=g.currentTarget;s(v instanceof HTMLElement?v.innerText:""),QA(v)&&l.onMouseEnter(g)},p=g=>{const v=g.currentTarget;s(v instanceof HTMLElement?v.innerText:""),QA(v)&&l.onFocus(g)};return E.jsxs(te.Fragment,{children:[te.cloneElement(n,{...l,onMouseEnter:d,onFocus:p,"aria-label":void 0,...zte({...l,onMouseEnter:d,onFocus:p},n.props)}),E.jsx(rw,{placement:e,fallbackPlacements:t,...c,children:({placement:g})=>{const v=SU(g);return E.jsx(aw,{transformOrigin:v,...u,...i,children:o})}})]})},OU=()=>E.jsx(K.Fragment,{children:E.jsx(Hn,{type:"describe",title:E.jsxs("div",{children:["This is a ",E.jsx("em",{children:"custom"})," tooltip with ",E.jsx("strong",{children:"custom HTML"})]}),children:E.jsx(ra,{children:"Hover Me"})})});OU.__RAW__=`import React from 'react';
|
|
290
|
+
*/(function(e){(function(){var t=typeof window<"u"&&typeof window.document<"u"?window.document:{},n=e.exports,a=function(){for(var o,s=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],l=0,c=s.length,u={};l<c;l++)if(o=s[l],o&&o[1]in t){for(l=0;l<o.length;l++)u[s[0][l]]=o[l];return u}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},i={request:function(o,s){return new Promise((function(l,c){var u=(function(){this.off("change",u),l()}).bind(this);this.on("change",u),o=o||t.documentElement;var d=o[a.requestFullscreen](s);d instanceof Promise&&d.then(u).catch(c)}).bind(this))},exit:function(){return new Promise((function(o,s){if(!this.isFullscreen){o();return}var l=(function(){this.off("change",l),o()}).bind(this);this.on("change",l);var c=t[a.exitFullscreen]();c instanceof Promise&&c.then(l).catch(s)}).bind(this))},toggle:function(o,s){return this.isFullscreen?this.exit():this.request(o,s)},onchange:function(o){this.on("change",o)},onerror:function(o){this.on("error",o)},on:function(o,s){var l=r[o];l&&t.addEventListener(l,s,!1)},off:function(o,s){var l=r[o];l&&t.removeEventListener(l,s,!1)},raw:a};if(!a){n?e.exports={isEnabled:!1}:window.screenfull={isEnabled:!1};return}Object.defineProperties(i,{isFullscreen:{get:function(){return!!t[a.fullscreenElement]}},element:{enumerable:!0,get:function(){return t[a.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return!!t[a.fullscreenEnabled]}}}),n?e.exports=i:window.screenfull=i})()})(GM);var NJ=GM.exports;const rr=Zc(NJ),CJ={lightest:"lightest",lighter:"lighter",light:"light",main:"base",dark:"dark",darkest:"darkest",contrast:"accent"},PA={lightest:"25",lighter:"50",light:"200",main:"600",dark:"700",darkest:"800"},OJ={primary:"primary",error:"critical",success:"positive",alert:"caution",neutral:"neutral"},$J={focusOutline:Nt.focus,alertInner:Nt.caution.inner,alertOuter:Nt.caution.outer,errorInner:Nt.critical},LJ=sa({[Nt.alertInner]:qc,[Nt.alertOuter]:Gc,[Nt.errorInner]:wM,[Nt.focusOutline]:cM,[kr.accent]:Un,[kr.darkest]:OM,[kr.dark]:CM,[kr.base]:NM,[kr.light]:AM,[kr.lighter]:RM,[kr.lightest]:xM,[jt.accent]:Un,[jt.darkest]:bM,[jt.dark]:vM,[jt.base]:hM,[jt.light]:gM,[jt.lighter]:mM,[jt.lightest]:fM,[Et.accent]:Un,[Et.darkest]:IM,[Et.dark]:TM,[Et.base]:kM,[Et.light]:_M,[Et.lighter]:EM,[Et.lightest]:SM,[_t.accent]:yM,[_t.darkest]:iM,[_t.dark]:Gc,[_t.base]:qc,[_t.light]:aM,[_t.lighter]:rM,[_t.lightest]:nM,[tt.accent]:Un,[tt.darkest]:pM,[tt.dark]:dM,[tt.base]:uM,[tt.light]:lM,[tt.lighter]:sM,[tt.lightest]:oM,[$M.primary]:`linear-gradient(90deg, ${tt.base} 0%, ${tt.dark} 100%)`,[O.brand.focus.primary]:Nt.focusOutline,[O.brand.border.primary]:Nt.focusOutline,[O.brand.accent.primary]:tt.base,[O.brand.accent.action]:tt.base,[O.brand.accent.critical]:Et.base,[O.brand.accent.caution]:_t.base,[O.brand.accent.positive]:jt.base,[O.brand.fg.primary.default]:tt.base,[O.brand.fg.primary.strong]:tt.dark,[O.brand.fg.critical.default]:Et.base,[O.brand.fg.critical.strong]:Et.dark,[O.brand.fg.caution.default]:_t.darkest,[O.brand.fg.caution.strong]:_t.darkest,[O.brand.fg.positive.default]:jt.base,[O.brand.fg.positive.strong]:jt.dark,[O.brand.fg.selected]:tt.dark,[O.brand.focus.critical]:Et.dark,[O.brand.border.critical]:Et.base,...O.brand.focus.caution?{[O.brand.focus.caution.inner]:Nt.alertInner,[O.brand.focus.caution.outer]:_t.dark}:{},[O.brand.border.caution]:_t.dark,[O.brand.surface.primary.default]:tt.lightest,[O.brand.surface.primary.strong]:tt.lighter,[O.brand.surface.critical.default]:Et.lightest,[O.brand.surface.critical.strong]:Et.lighter,[O.brand.surface.caution.default]:_t.lightest,[O.brand.surface.caution.strong]:_t.lighter,[O.brand.surface.positive.default]:jt.lightest,[O.brand.surface.positive.strong]:jt.lighter,[O.brand.surface.selected]:tt.lighter}),DJ=(e,t)=>{const n=rJ(e),a=(t.className||"").split(" ").concat(LJ).join(" "),r=t.style||{},{palette:i}=n.canvas;return["common","primary","error","alert","success","neutral"].forEach(o=>{o==="common"?["focusOutline","alertInner","alertOuter","errorInner"].forEach(s=>{if(i.common[s]!==qn.palette.common[s]){const l=Sb(i.common[s]);r[Nt[s]]=l,r[$J[s]]=l,s==="focusOutline"&&(r[O.brand.focus.primary]=l,r[O.brand.border.primary]=l),s==="alertInner"&&(r[O.brand.focus.caution.inner]=l),s==="alertOuter"&&(r[O.brand.border.caution]=l),s==="errorInner"&&(r[O.brand.focus.critical]=l,r[O.brand.border.critical]=l)}}):["lightest","lighter","light","main","dark","darkest","contrast"].forEach(s=>{var l,c,u,d,p;if(i[o][s]!==qn.palette[o][s]){const g=Sb(i[o][s]);if(r[IA[o][CJ[s]]]=g,s!=="contrast"&&s in PA){const v=OJ[o],b=PA[s],I=IA[v+b];if(I&&(r[I]=g),s==="main"){const h=O.brand.accent[v];h&&(r[h]=g);const f=(l=O.brand.fg[v])==null?void 0:l.default;if(f&&(r[f]=g),v==="primary"&&!(i.common.focusOutline!==qn.palette.common.focusOutline)){const y=O.brand.focus.primary;r[y]=g}}else if(s==="dark"){const h=(c=O.brand.fg[v])==null?void 0:c.strong;if(h&&(r[h]=g),v==="primary"){const f=O.brand.fg.selected;r[f]=g}if(v==="critical"){const f=O.brand.focus.critical;r[f]=g;const m=O.brand.border.critical;r[m]=g}if(v==="caution"){const f=(u=O.brand.focus.caution)==null?void 0:u.outer;r[f]=g;const m=O.brand.border.caution;r[m]=g}}else if(s==="lighter"){const h=(d=O.brand.surface[v])==null?void 0:d.strong;if(h&&(r[h]=g),v==="primary"){const f=O.brand.surface.selected;r[f]=g}}else if(s==="lightest"){const h=(p=O.brand.surface[v])==null?void 0:p.default;h&&(r[h]=g)}}}})}),{...t,className:a,style:r}},HM=Be({vars:{width:"",height:"",size:""},base:({height:e,size:t,width:n})=>({display:"inline-block","> svg":{display:"block",width:F(n,t),height:F(e,t)}}),modifiers:{shouldMirror:{true:{transform:"scaleX(-1)"}},shouldMirrorInRTL:{true:{"&:dir(rtl)":{transform:"scaleX(-1)"}}}}}),PJ=(e,t)=>e?e in t?t[e]:typeof e=="number"?ke(e):e:"",MJ=Ie("span")({displayName:"Svg",Component:({shouldMirror:e,shouldMirrorInRTL:t,src:n,type:a,...r},i,o)=>(n==null?void 0:n.type)!==a?(console.error(`Icon type "${n.type}" does not match expected type "${a}"`),null):E.jsx(o,{ref:i,dangerouslySetInnerHTML:{__html:n.svg},...hn(r,HM({shouldMirror:e,shouldMirrorInRTL:t}))})}),ka={System:"system"},UJ={name:"configure",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-configure" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M2 6.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5zM9 14.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5zM16 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5z" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M5.5 3a.5.5 0 0 1 .5.5V5h1.5A1.5 1.5 0 0 1 9 6.5v3A1.5 1.5 0 0 1 7.5 11H6v9.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V11H2.5A1.5 1.5 0 0 1 1 9.5v-3A1.5 1.5 0 0 1 2.5 5H4V3.5a.5.5 0 0 1 .5-.5zM3 9h4V7H3zM12.5 3a.5.5 0 0 1 .5.5V13h1.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5H13v1.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V19H9.5A1.5 1.5 0 0 1 8 17.5v-3A1.5 1.5 0 0 1 9.5 13H11V3.5a.5.5 0 0 1 .5-.5zM10 17h4v-2h-4z" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M19.5 3a.5.5 0 0 1 .5.5V6h1.5A1.5 1.5 0 0 1 23 7.5v3a1.5 1.5 0 0 1-1.5 1.5H20v8.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V12h-1.5a1.5 1.5 0 0 1-1.5-1.5v-3A1.5 1.5 0 0 1 16.5 6H18V3.5a.5.5 0 0 1 .5-.5zM17 10h4V8h-4z" class="wd-icon-fill"/></svg>',filename:"wd-icon-configure.svg",category:"Core",tags:["config","settings","preferences","sound board","configure"]},FJ={name:"exclamation-circle",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-exclamation-circle" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 15.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5M12.5 6a.5.5 0 0 1 .5.5v1.34l-.179 6.175a.5.5 0 0 1-.499.485h-.644a.5.5 0 0 1-.5-.485L11 7.84V6.5a.5.5 0 0 1 .5-.5z" class="wd-icon-accent"/></svg>',filename:"wd-icon-exclamation-circle.svg",category:"Notification",tags:["error","important","mark","feedback"]},zJ={name:"exclamation-triangle",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-exclamation-triangle" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M2.866 19h18.268a.5.5 0 0 0 .433-.75L12.433 2.43a.5.5 0 0 0-.866 0L2.433 18.25a.5.5 0 0 0 .433.75" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M10.82 1.754a1.5 1.5 0 0 1 2.36 0l.119.176 9.134 15.82a1.5 1.5 0 0 1-1.3 2.25H2.867a1.5 1.5 0 0 1-1.299-2.25l9.134-15.82zM3.73 18H20.27L12 3.68z" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 14.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5M12.5 8a.5.5 0 0 1 .5.5v1.34l-.17 3.683a.5.5 0 0 1-.5.477h-.66a.5.5 0 0 1-.5-.477L11 9.84V8.5a.5.5 0 0 1 .5-.5z" class="wd-icon-accent"/></svg>',filename:"wd-icon-exclamation-triangle.svg",category:"Notification",tags:["alert","important","mark","feedback"]},jJ={name:"info",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-info" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="transparent" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10" class="wd-icon-background"/><path fill="oklch(0.3523 0 0 / 1)" d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18" class="wd-icon-fill"/><path fill="oklch(0.3523 0 0 / 1)" d="M12.625 10a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1.25a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5zM12 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" class="wd-icon-accent"/></svg>',filename:"wd-icon-info.svg",category:"Core",tags:["i","help","help text","mobile","information","more"]},BJ={name:"reset",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-reset" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="oklch(0.3523 0 0 / 1)" d="M2.761 15.827A9.998 9.998 0 0 1 5.974 4.021l-3.088-.346a.5.5 0 0 1-.44-.553l.111-.994a.5.5 0 0 1 .553-.441l5.962.67a.5.5 0 0 1 .441.552l-.669 5.963a.5.5 0 0 1-.553.44l-.994-.11a.5.5 0 0 1-.441-.553l.342-3.044a7.998 7.998 0 1 0 11.454 10.84A8 8 0 0 0 12.5 4.015.526.526 0 0 1 12 3.5v-1c0-.276.225-.5.5-.487a10.001 10.001 0 0 1 7.815 15.543A10.001 10.001 0 0 1 2.76 15.827" class="wd-icon-fill"/></svg>',filename:"wd-icon-reset.svg",category:"Core",tags:["redo","again"]},WM={name:"x",type:ka.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-x" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="oklch(0.3523 0 0 / 1)" d="M18.94 3.646a.5.5 0 0 1 .706 0l.707.707a.5.5 0 0 1 0 .707L13.414 12l6.94 6.94a.5.5 0 0 1 0 .706l-.708.707a.5.5 0 0 1-.707 0L12 13.414l-6.939 6.94a.5.5 0 0 1-.707 0l-.707-.708a.5.5 0 0 1 0-.707l6.94-6.94-6.94-6.939a.5.5 0 0 1 0-.707l.707-.707a.5.5 0 0 1 .707 0l6.94 6.94z" class="wd-icon-fill"/></svg>',filename:"wd-icon-x.svg",category:"Core",tags:["close","exit","X"]},V=Be({extends:HM,vars:{color:"",accentColor:"",backgroundColor:""},base:({size:e,accentColor:t,backgroundColor:n,color:a})=>({"& svg":{width:F(e,lr.systemIcon.size.lg),height:F(e,lr.systemIcon.size.lg)},".wd-icon .wd-icon-fill":{fill:F(a,lr.systemIcon.color.fill)},".wd-icon .wd-icon-accent, & .wd-icon-accent2":{fill:F(t,F(a,lr.systemIcon.color.accent))},".wd-icon .wd-icon-background":{fill:F(n,"transparent")},"@media (prefers-contrast: more)":{".wd-icon .wd-icon-fill, .wd-icon .wd-icon-accent":{color:"currentColor",fill:"currentColor"}}}),modifiers:{}}),q_=Ie("span")({displayName:"SystemIcon",Component:({accent:e,background:t,color:n,icon:a,size:r,...i},o,s)=>E.jsx(MJ,{as:s,src:a,type:ka.System,ref:o,...hn(i,V({size:PJ(r,lr.systemIcon.size),color:n,accentColor:e,backgroundColor:t}))})}),VM=B_({defaultConfig:{variant:"informational",emphasis:"low"}})(e=>({state:{variant:e.variant,emphasis:e.emphasis},events:{}})),qJ=e=>iJ[e]||Wn(e),GJ=e=>oJ[e],HJ=e=>sJ[e]||Wn(e),WJ=e=>lJ[e]||Wn(e),VJ=e=>U_.properties.fontFamilies[e]||Wn(e),ZJ=e=>U_.properties.fontSizes[e]||Wn(e),YJ=e=>U_.properties.fontWeights[e]||Wn(e);function pt(e){return e.reduce((t={},n)=>{const a=r=>n.properties.reduce((i={},o)=>{if(n.system==="color")return{...i,[o]:qJ(r)};if(n.system==="depth"){const s=GJ(r);return{...i,...s}}return n.system==="font"?{...i,[o]:VJ(r)}:n.system==="fontSize"?{...i,[o]:ZJ(r)}:n.system==="fontWeight"?{...i,[o]:YJ(r)}:n.system==="shape"?{...i,[o]:HJ(r)}:n.system==="space"?{...i,[o]:WJ(r)}:{...i,[o]:r}},{});return{...t,[n.name]:a}},{})}function Qt(e){return t=>{let n={};for(const a in t)if(a in t&&a in e){const r=e[a],i=t[a],o=r(i);n={...n,...o};continue}return n}}const ZM=[{name:"background",properties:["background"],system:"color"},{name:"backgroundAttachment",properties:["backgroundAttachment"],system:"none"},{name:"backgroundColor",properties:["backgroundColor"],system:"color"},{name:"backgroundImage",properties:["backgroundImage"],system:"none"},{name:"backgroundPosition",properties:["backgroundPosition"],system:"none"},{name:"backgroundRepeat",properties:["backgroundRepeat"],system:"none"},{name:"backgroundSize",properties:["backgroundSize"],system:"none"}],KJ=pt(ZM),XJ=Qt(KJ),YM=[{name:"borderColor",properties:["borderColor"],system:"color"},{name:"borderTopColor",properties:["borderTopColor"],system:"color"},{name:"borderRightColor",properties:["borderRightColor"],system:"color"},{name:"borderBottomColor",properties:["borderBottomColor"],system:"color"},{name:"borderLeftColor",properties:["borderLeftColor"],system:"color"},{name:"borderInlineStartColor",properties:["borderInlineStartColor"],system:"color"},{name:"borderInlineEndColor",properties:["borderInlineEndColor"],system:"color"}],JJ=pt(YM),KM=[{name:"borderCollapse",properties:["borderCollapse"],system:"none"},{name:"borderSpacing",properties:["borderSpacing"],system:"none"},{name:"borderStyle",properties:["borderStyle"],system:"none"},{name:"borderTopStyle",properties:["borderTopStyle"],system:"none"},{name:"borderRightStyle",properties:["borderRightStyle"],system:"none"},{name:"borderBottomStyle",properties:["borderBottomStyle"],system:"none"},{name:"borderLeftStyle",properties:["borderLeftStyle"],system:"none"},{name:"borderInlineStartStyle",properties:["borderInlineStartStyle"],system:"none"},{name:"borderInlineEndStyle",properties:["borderInlineEndStyle"],system:"none"}],QJ=pt(KM),XM=[{name:"borderRadius",properties:["borderRadius"],system:"shape"},{name:"borderTopLeftRadius",properties:["borderTopLeftRadius"],system:"shape"},{name:"borderTopRightRadius",properties:["borderTopRightRadius"],system:"shape"},{name:"borderBottomLeftRadius",properties:["borderBottomLeftRadius"],system:"shape"},{name:"borderBottomRightRadius",properties:["borderBottomRightRadius"],system:"shape"}],eQ=pt(XM),JM=[{name:"border",properties:["border"],system:"none"},{name:"borderTop",properties:["borderTop"],system:"none"},{name:"borderRight",properties:["borderRight"],system:"none"},{name:"borderBottom",properties:["borderBottom"],system:"none"},{name:"borderLeft",properties:["borderLeft"],system:"none"},{name:"borderInlineStart",properties:["borderInlineStart"],system:"none"},{name:"borderInlineEnd",properties:["borderInlineEnd"],system:"none"}],tQ=pt(JM),QM=[{name:"borderWidth",properties:["borderWidth"],system:"none"},{name:"borderTopWidth",properties:["borderTopWidth"],system:"none"},{name:"borderRightWidth",properties:["borderRightWidth"],system:"none"},{name:"borderBottomWidth",properties:["borderBottomWidth"],system:"none"},{name:"borderLeftWidth",properties:["borderLeftWidth"],system:"none"},{name:"borderInlineStartWidth",properties:["borderInlineStartWidth"],system:"none"},{name:"borderInlineEndWidth",properties:["borderInlineEndWidth"],system:"none"}],nQ=pt(QM),rQ=Qt({...JJ,...QJ,...eQ,...tQ,...nQ}),aQ=[...YM,...KM,...XM,...JM,...QM],eU=[{name:"backgroundColor",properties:["backgroundColor"],system:"color"},{name:"color",properties:["color"],system:"color"},{name:"opacity",properties:["opacity"],system:"none"}],iQ=pt(eU),oQ=Qt(iQ),tU=[{name:"boxShadow",properties:["boxShadow"],system:"none"},{name:"depth",properties:["boxShadow"],system:"depth"}],sQ=pt(tU),lQ=Qt(sQ),nU=[{name:"flex",properties:["flex"],system:"none"},{name:"flexGrow",properties:["flexGrow"],system:"none"},{name:"flexShrink",properties:["flexShrink"],system:"none"},{name:"flexBasis",properties:["flexBasis"],system:"none"},{name:"justifySelf",properties:["justifySelf"],system:"none"},{name:"alignSelf",properties:["alignSelf"],system:"none"},{name:"order",properties:["order"],system:"none"}],cQ=pt(nU),uQ=Qt(cQ),rU=[{name:"gridColumnStart",properties:["gridColumnStart"],system:"none"},{name:"gridColumnEnd",properties:["gridColumnEnd"],system:"none"},{name:"gridRowStart",properties:["gridRowStart"],system:"none"},{name:"gridRowEnd",properties:["gridRowEnd"],system:"none"},{name:"gridColumn",properties:["gridColumn"],system:"none"},{name:"gridRow",properties:["gridRow"],system:"none"},{name:"gridArea",properties:["gridArea"],system:"none"},{name:"justifySelf",properties:["justifySelf"],system:"none"},{name:"alignSelf",properties:["alignSelf"],system:"none"},{name:"placeSelf",properties:["placeSelf"],system:"none"}],dQ=pt(rU),pQ=Qt(dQ),aU=[{name:"display",properties:["display"],system:"none"},{name:"height",properties:["height"],system:"space"},{name:"listStyle",properties:["listStyle"],system:"none"},{name:"maxHeight",properties:["maxHeight"],system:"space"},{name:"maxWidth",properties:["maxWidth"],system:"space"},{name:"minHeight",properties:["minHeight"],system:"space"},{name:"minWidth",properties:["minWidth"],system:"space"},{name:"overflow",properties:["overflow"],system:"none"},{name:"overflowX",properties:["overflowX"],system:"none"},{name:"overflowY",properties:["overflowY"],system:"none"},{name:"verticalAlign",properties:["verticalAlign"],system:"none"},{name:"width",properties:["width"],system:"space"}],fQ=pt(aU),mQ=Qt(fQ),iU=[{name:"animation",properties:["animation"],system:"none"},{name:"appearance",properties:["appearance"],system:"none"},{name:"boxSizing",properties:["boxSizing"],system:"none"},{name:"content",properties:["content"],system:"none"},{name:"cursor",properties:["cursor"],system:"none"},{name:"fill",properties:["fill"],system:"none"},{name:"float",properties:["float"],system:"none"},{name:"objectFit",properties:["objectFit"],system:"none"},{name:"objectPosition",properties:["objectPosition"],system:"none"},{name:"outline",properties:["outline"],system:"none"},{name:"outlineOffset",properties:["outlineOffset"],system:"none"},{name:"overflowWrap",properties:["overflowWrap"],system:"none"},{name:"pointerEvents",properties:["pointerEvents"],system:"none"},{name:"resize",properties:["resize"],system:"none"},{name:"stroke",properties:["stroke"],system:"none"},{name:"transform",properties:["transform"],system:"none"},{name:"transition",properties:["transition"],system:"none"},{name:"userSelect",properties:["userSelect"],system:"none"},{name:"visibility",properties:["visibility"],system:"none"}],gQ=pt(iU),hQ=Qt(gQ),oU=[{name:"position",properties:["position"],system:"none"},{name:"zIndex",properties:["zIndex"],system:"none"},{name:"top",properties:["top"],system:"none"},{name:"right",properties:["right"],system:"none"},{name:"bottom",properties:["bottom"],system:"none"},{name:"left",properties:["left"],system:"none"},{name:"inset",properties:["inset"],system:"none"},{name:"insetInlineStart",properties:["insetInlineStart"],system:"none"},{name:"insetInlineEnd",properties:["insetInlineEnd"],system:"none"}],vQ=pt(oU),bQ=Qt(vQ),sU=[{name:"marginInlineStart",properties:["marginInlineStart"],system:"space"},{name:"marginInlineEnd",properties:["marginInlineEnd"],system:"space"},{name:"paddingInlineStart",properties:["paddingInlineStart"],system:"space"},{name:"paddingInlineEnd",properties:["paddingInlineEnd"],system:"space"},{name:"margin",properties:["margin"],system:"space"},{name:"marginX",properties:["marginInline"],system:"space"},{name:"marginY",properties:["marginBlock"],system:"space"},{name:"marginTop",properties:["marginTop"],system:"space"},{name:"marginRight",properties:["marginRight"],system:"space"},{name:"marginBottom",properties:["marginBottom"],system:"space"},{name:"marginLeft",properties:["marginLeft"],system:"space"},{name:"padding",properties:["padding"],system:"space"},{name:"paddingX",properties:["paddingInline"],system:"space"},{name:"paddingY",properties:["paddingBlock"],system:"space"},{name:"paddingTop",properties:["paddingTop"],system:"space"},{name:"paddingRight",properties:["paddingRight"],system:"space"},{name:"paddingBottom",properties:["paddingBottom"],system:"space"},{name:"paddingLeft",properties:["paddingLeft"],system:"space"}],yQ=pt(sU),SQ=Qt(yQ),lU=[{name:"fontFamily",properties:["fontFamily"],system:"font"},{name:"fontSize",properties:["fontSize"],system:"fontSize"},{name:"fontStyle",properties:["fontStyle"],system:"none"},{name:"fontWeight",properties:["fontWeight"],system:"fontWeight"},{name:"lineHeight",properties:["lineHeight"],system:"none"},{name:"letterSpacing",properties:["letterSpacing"],system:"none"},{name:"textAlign",properties:["textAlign"],system:"none"},{name:"textDecoration",properties:["textDecoration"],system:"none"},{name:"textOverflow",properties:["textOverflow"],system:"none"},{name:"textTransform",properties:["textTransform"],system:"none"},{name:"textShadow",properties:["textShadow"],system:"none"},{name:"whiteSpace",properties:["whiteSpace"],system:"none"},{name:"wordBreak",properties:["wordBreak"],system:"none"}],EQ=pt(lU),_Q=Qt(EQ),wQ=["display","color","height","overflow","width","border","background","fontSize","fontWeight","fontFamily","letterSpacing","lineHeight","textAlign","opacity","textDecoration","textOverflow","textTransform","textShadow","whiteSpace","wordBreak"],kQ=e=>GP(e)&&!wQ.includes(e),G_=e=>[{boxSizing:"border-box"},XJ,rQ,oQ,lQ,uQ,pQ,mQ,hQ,bQ,SQ,_Q].reduce((t,n)=>{const a=typeof n=="function"?n(e):n;for(const r in a)t[r]=a[r];return t},{}),TQ=Yo("div",{shouldForwardProp:kQ})(G_),IQ=Yo("div")(G_),H_=Ie("div")({displayName:"Box",Component:({children:e,...t},n,a)=>{const r=UM(()=>typeof a=="string"?TQ:IQ);return E.jsx(r,{as:a,ref:n,...hn(t),children:e})}}),cU=[{name:"alignContent",properties:["alignContent"],system:"none"},{name:"alignItems",properties:["alignItems"],system:"none"},{name:"display",properties:["display"],system:"none"},{name:"flexDirection",properties:["flexDirection"],system:"none"},{name:"flexWrap",properties:["flexWrap"],system:"none"},{name:"justifyContent",properties:["justifyContent"],system:"none"},{name:"justifyItems",properties:["justifyItems"],system:"none"},{name:"gap",properties:["gap"],system:"space"},{name:"columnGap",properties:["columnGap"],system:"space"},{name:"rowGap",properties:["rowGap"],system:"space"}],xQ=pt(cU),uU=Qt(xQ),dU=[{name:"gridGap",properties:["gridGap"],system:"space"},{name:"gridRowGap",properties:["gridRowGap"],system:"space"},{name:"gridColumnGap",properties:["gridColumnGap"],system:"space"},{name:"alignContent",properties:["alignContent"],system:"none"},{name:"alignItems",properties:["alignItems"],system:"none"},{name:"display",properties:["display"],system:"none"},{name:"justifyContent",properties:["justifyContent"],system:"none"},{name:"justifyItems",properties:["justifyItems"],system:"none"},{name:"gridTemplateAreas",properties:["gridTemplateAreas"],system:"none"},{name:"gridTemplate",properties:["gridTemplate"],system:"none"},{name:"gridTemplateColumns",properties:["gridTemplateColumns"],system:"none"},{name:"gridTemplateRows",properties:["gridTemplateRows"],system:"none"},{name:"gridPlaceItems",properties:["gridPlaceItems"],system:"none"},{name:"gridAutoColumns",properties:["gridAutoColumns"],system:"none"},{name:"gridAutoRows",properties:["gridAutoRows"],system:"none"},{name:"gridAutoFlow",properties:["gridAutoFlow"],system:"none"},{name:"gridArea",properties:["gridArea"],system:"none"},{name:"grid",properties:["grid"],system:"none"}],RQ=pt(dU),AQ=Qt(RQ),NQ=[...ZM,...aQ,...eU,...tU,...cU,...nU,...dU,...rU,...aU,...iU,...oU,...sU,...lU].reduce((e,t)=>(e[t.name]=!0,e),{});function CQ(e){return NQ[e]||!1}function vn(e,t){const n={};let a=!1;const r=Object.keys(e).reduce((o,s)=>(CQ(s)?(a=!0,n[s]=e[s]):o[s]=e[s],o),{});let i={};return a&&(i={...G_(n),...uU(n),...AQ(n)}),hn(r,[t,i])}const OQ=Yo(H_)({display:"flex"},uU),$Q=Ie("div")({displayName:"Flex",Component:({children:e,...t},n,a)=>E.jsx(OQ,{as:a,ref:n,...t,children:e}),subComponents:{Item:H_}}),Vr=Be({base:{},modifiers:{typeLevel:{"title.large":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.title.lg,lineHeight:w.lineHeight.title.lg,color:O.fg.strong},"title.medium":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.title.md,lineHeight:w.lineHeight.title.md,color:O.fg.strong},"title.small":{fontFamily:nt.default,fontWeight:Ke.bold,lineHeight:w.lineHeight.title.sm,fontSize:w.fontSize.title.sm,color:O.fg.strong},"heading.large":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.heading.lg,lineHeight:w.lineHeight.heading.lg,color:O.fg.strong},"heading.medium":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.heading.md,lineHeight:w.lineHeight.heading.md,color:O.fg.strong},"heading.small":{fontFamily:nt.default,fontWeight:Ke.bold,fontSize:w.fontSize.heading.sm,lineHeight:w.lineHeight.heading.sm,color:O.fg.strong},"body.large":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.body.lg,lineHeight:w.lineHeight.body.lg,color:O.fg.default},"body.medium":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.body.md,lineHeight:w.lineHeight.body.md,color:O.fg.default},"body.small":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.body.sm,lineHeight:w.lineHeight.body.sm,letterSpacing:w.letterSpacing.body.sm,color:O.fg.default},"subtext.large":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,color:O.fg.default},"subtext.medium":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.md,lineHeight:w.lineHeight.subtext.md,letterSpacing:w.letterSpacing.subtext.md,color:O.fg.default},"subtext.small":{fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.sm,lineHeight:w.lineHeight.subtext.sm,letterSpacing:w.letterSpacing.subtext.sm,color:O.fg.default}},variant:{error:{color:w.color.brand.fg.critical.default},hint:{color:O.fg.muted.default},inverse:{color:O.fg.inverse}}}}),LQ=Ie("span")({displayName:"Text",Component:({children:e,typeLevel:t,variant:n,...a},r,i)=>E.jsx(i,{ref:r,...vn(a,Vr({typeLevel:t,variant:n})),children:e})}),DQ=Be({extends:Vr,base:{}});Ie("p")({displayName:"Subtext",Component:({size:e,variant:t,...n},a,r)=>{const i=`subtext.${e}`;return E.jsx(r,{ref:a,...vn(n,DQ({typeLevel:i,variant:t}))})}});const PQ=Be({extends:Vr,base:{}});Ie("p")({displayName:"BodyText",Component:({size:e,variant:t,...n},a,r)=>{const i=`body.${e}`;return E.jsx(r,{ref:a,...vn(n,PQ({typeLevel:i,variant:t}))})}});const MQ=Be({extends:Vr,base:{}}),UQ=Ie("h2")({displayName:"Heading",Component:({size:e,variant:t,...n},a,r)=>{const i=`heading.${e}`;return E.jsx(r,{ref:a,...vn(n,MQ({typeLevel:i,variant:t}))})}}),FQ=Be({extends:Vr,base:{}});Ie("h1")({displayName:"Title",Component:({size:e,variant:t,...n},a,r)=>{const i=`title.${e}`;return E.jsx(r,{ref:a,...vn(n,FQ({typeLevel:i,variant:t}))})}});const zQ=Be({base:()=>({fontFamily:nt.default,fontWeight:Ke.normal,lineHeight:w.lineHeight.subtext.lg,fontSize:w.fontSize.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,color:O.fg.default,gridColumn:"2",marginBlockEnd:w.gap.sm})}),jQ=Ie("div")({displayName:"Body",Component:({...e},t,n)=>E.jsx(LQ,{as:n,ref:t,...hn(e,zQ())})}),BQ=Be({base:()=>({fontFamily:nt.default,fontWeight:Ke.bold,lineHeight:w.lineHeight.body.sm,fontSize:w.fontSize.body.sm,letterSpacing:w.letterSpacing.body.sm,color:O.fg.default,gridColumn:"2",margin:0})}),qQ=Ie("h3")({displayName:"Heading",Component:({size:e="small",...t},n,a)=>E.jsx(UQ,{as:a,ref:n,size:e,...hn(t,BQ())})}),GQ={informational:jJ,caution:zJ,critical:FJ},HQ=BM("span")({displayName:"Icon",modelHook:VM})(({icon:e,...t},n,a)=>E.jsx(q_,{as:n,icon:e||GQ[a.state.variant],"data-part":"information-highlight-icon",...t})),WQ=sa({position:"relative",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"}),VQ=Ie("span")({displayName:"ButtonLabel",Component:({children:e,...t},n,a)=>E.jsx(H_,{as:a,ref:n,...hn(t,WQ),children:e})}),ZQ=Be({base:{display:"inline-block"},modifiers:{size:{extraSmall:{[V.vars.size]:lr.systemIcon.size.xs},small:{[V.vars.size]:lr.systemIcon.size.md},medium:{[V.vars.size]:lr.systemIcon.size.md},large:{[V.vars.size]:lr.systemIcon.size.lg}}}}),YQ=Ie("span")({Component:({icon:e,size:t="medium",shouldMirrorIcon:n=!1,shouldMirrorIconInRTL:a=!1,...r},i,o)=>e===void 0?null:E.jsx(q_,{ref:i,as:o,icon:e,shouldMirror:n,shouldMirrorInRTL:a,...hn(r,ZQ({size:t}))})}),Z={default:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),focus:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),hover:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),active:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),disabled:Da("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius")},j=Be({vars:{background:"",border:"",boxShadowInner:"",boxShadowOuter:"",label:"",opacity:"",borderRadius:""},base:({background:e,border:t,boxShadowInner:n,boxShadowOuter:a,label:r,opacity:i,borderRadius:o})=>({fontFamily:nt.default,fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,fontWeight:Ke.bold,backgroundColor:F(Z.default.background,F(e,"transparent")),color:F(Z.default.label,F(r,O.fg.strong)),borderWidth:ke(1),borderStyle:"solid",gap:w.gap.sm,borderColor:F(Z.default.border,F(t,"transparent")),cursor:"pointer",display:"inline-flex",boxShadow:"none",alignItems:"center",justifyContent:"center",outline:`${ke(2)} transparent`,whiteSpace:"nowrap",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",borderRadius:F(Z.default.borderRadius,F(o,w.shape.full)),position:"relative",verticalAlign:"middle",overflow:"hidden",[V.vars.color]:F(Z.default.icon,O.fg.strong),transition:"box-shadow 120ms linear, border 120ms linear, background-color 120ms linear, color 120ms linear","&:disabled, &:disabled:active, &.disabled":{cursor:"default",boxShadow:"none",opacity:F(Z.default.opacity,F(i,ur.full))},"&:focus-visible, &.focus":{backgroundColor:F(Z.focus.background,F(e,"transparent")),borderColor:F(Z.focus.border,F(t,"transparent")),color:F(Z.focus.label,F(r,O.fg.strong)),[V.vars.color]:F(Z.focus.icon,O.fg.strong),outline:`${ke(2)} solid transparent`,outlineOffset:ke(2),boxShadow:`0 0 0 ${ke(2)} ${F(Z.focus.boxShadowInner,F(n,w.color.border.inverse.default))},0 0 0 ${ke(4)} ${F(Z.focus.boxShadowOuter,F(a,w.color.brand.focus.primary))}`},"&:hover, &.hover":{backgroundColor:F(Z.hover.background,F(e,w.color.surface.contrast.strong)),borderColor:F(Z.hover.border,F(t,"transparent")),color:F(Z.hover.label,F(r,O.fg.stronger)),[V.vars.color]:F(Z.hover.icon,O.fg.stronger)},"&:hover:active":{transitionDuration:"40ms"},"&:active, &.active":{backgroundColor:F(Z.active.background,F(e,"transparent")),borderColor:F(Z.active.border,F(t,"transparent")),color:F(Z.active.label,F(r,O.fg.strong)),[V.vars.color]:F(Z.active.icon,O.fg.strong)},"&:disabled, &.disabled":{backgroundColor:F(Z.disabled.background,F(e,"transparent")),borderColor:F(Z.disabled.border,F(t,"transparent")),color:F(Z.disabled.label,F(r,O.fg.strong)),[V.vars.color]:F(Z.disabled.icon,"currentColor")},"@media (prefers-contrast: more)":{'&[aria-pressed="true"]':{outline:`${ke(2)} solid transparent`,outlineOffset:`-${ke(1)}`},'&[aria-pressed="true"]:focus-visible, &[aria-pressed="true"].focus':{outline:`${ke(4)} double transparent`,outlineOffset:0}},svg:{pointerEvents:"none"}}),modifiers:{size:{large:{fontSize:w.fontSize.body.sm,lineHeight:w.lineHeight.body.sm,letterSpacing:w.letterSpacing.body.sm,height:w.size.lg,paddingInline:w.padding.xxl,minWidth:nr.size1400},medium:{fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,minWidth:nr.size1200,paddingInline:w.padding.xl,height:w.size.md},small:{fontSize:w.fontSize.subtext.lg,lineHeight:w.lineHeight.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,height:w.size.sm,minWidth:nr.size1000,paddingInline:w.padding.md,gap:w.gap.xs},extraSmall:{fontSize:w.fontSize.subtext.md,lineHeight:w.lineHeight.subtext.md,letterSpacing:w.letterSpacing.subtext.md,height:w.size.xs,minWidth:"auto",paddingInline:w.padding.sm,gap:w.gap.xs}},grow:{true:{width:"100%",maxWidth:"100%"}},iconPosition:{only:{padding:0},start:{},end:{}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:w.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xl,paddingInlineEnd:w.padding.xxl}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:w.padding.xxl,paddingInlineEnd:w.padding.xl}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:w.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:w.padding.lg,paddingInlineEnd:w.padding.xl}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:w.padding.xl,paddingInlineEnd:w.padding.lg}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:w.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.md}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:w.padding.md,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:w.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}}]}),jl=Ie("button")({displayName:"BaseButton",Component:({children:e,size:t,fillIcon:n,grow:a,iconPosition:r,icon:i,colors:o,...s},l,c)=>E.jsx(c,{ref:l,type:"button",...vn(s,[j({size:t,iconPosition:r,grow:a}),Z.default((o==null?void 0:o.default)||{}),Z.focus((o==null?void 0:o.focus)||{}),Z.hover((o==null?void 0:o.hover)||{}),Z.active((o==null?void 0:o.active)||{}),Z.disabled((o==null?void 0:o.disabled)||{})]),children:e}),subComponents:{Icon:YQ,Label:VQ}}),KQ=Be({base:{fontFamily:nt.default,textDecoration:"underline",color:w.color.fg.info.default,cursor:"pointer",borderRadius:ke(2),padding:`0 ${ke(2)} `,margin:"0 -2px",transition:"color 0.15s,background-color 0.15s",wordBreak:"break-word","&:hover, &.hover":{color:w.color.fg.info.strong,background:w.color.surface.alt.default},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${ke(2)} ${w.color.brand.focus.primary}`,outline:"none"},"&:active, &.active":{color:w.color.fg.info.strong,background:w.color.surface.alt.default}},modifiers:{variant:{inverse:{color:O.fg.inverse,"&:hover, &.hover":{color:O.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${ke(2)} ${O.fg.inverse}`},"&:active, &.active":{color:w.color.fg.info.strong,background:w.color.surface.navigation}},standalone:{textDecoration:"none"},standaloneInverse:{textDecoration:"none",color:O.fg.inverse,"&:hover, &.hover":{color:O.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${ke(2)} ${w.color.focus.inverse}`},"&:active, &.active":{color:w.color.fg.info.strong,background:w.color.surface.navigation}}}}}),XQ=Ie("a")({displayName:"Hyperlink",Component:({children:e,variant:t,...n},a,r)=>E.jsx(r,{ref:a,...hn(n,KQ({variant:t})),children:e})}),W_=Ie("button")({displayName:"Button",Component:({children:e,icon:t,colors:n,iconPosition:a,shouldMirrorIcon:r,shouldMirrorIconInRTL:i,size:o="medium",...s},l,c)=>{const u=a||(t?e?"start":"only":void 0);return E.jsxs(jl,{as:c,ref:l,size:o,icon:t,colors:n,iconPosition:u,...s,children:[t&&u==="start"&&E.jsx(jl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i}),e&&E.jsx(jl.Label,{children:e}),t&&u&&["only","end"].includes(u)&&E.jsx(jl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i})]})}}),JQ=Be({extends:j,base:{[j.vars.background]:w.color.surface.transparent,[j.vars.borderRadius]:w.shape.full,[j.vars.border]:O.border.input.default,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.default,[j.vars.label]:O.fg.strong,[j.vars.boxShadowInner]:w.color.focus.inverse,[j.vars.boxShadowOuter]:w.color.brand.focus.primary,[V.vars.color]:F(Z.focus.icon,"currentColor")},"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.label]:O.fg.strong,[j.vars.border]:w.color.border.input.hover,[V.vars.color]:F(Z.hover.icon,"currentColor")},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.label]:O.fg.strong,[j.vars.border]:w.color.border.input.hover,[V.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{variant:{inverse:{[j.vars.background]:w.color.surface.transparent,[j.vars.border]:w.color.border.inverse.default,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.border]:w.color.border.inverse.default,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.inverse,[j.vars.border]:O.border.transparent,[j.vars.label]:O.fg.contrast.default,[j.vars.boxShadowInner]:O.border.contrast.default,[j.vars.boxShadowOuter]:w.color.focus.inverse,[V.vars.color]:F(Z.focus.icon,"currentColor")},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.border]:w.color.border.inverse.default,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor")}}}}}),ra=Ie("button")({displayName:"SecondaryButton",Component:({children:e,variant:t,size:n,iconPosition:a,grow:r,cs:i,...o},s,l)=>E.jsx(W_,{as:l,ref:s,iconPosition:a,size:n,grow:r,cs:[JQ({variant:t,iconPosition:a,grow:r,size:n}),i],...o,children:e})}),QQ=Be({extends:j,base:{paddingInline:w.padding.xs,minWidth:"auto",borderWidth:ke(2),[j.vars.borderRadius]:w.shape.full,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.focus.icon,"currentColor"),[j.vars.border]:O.border.transparent,[j.vars.label]:O.fg.contrast.default,...AA({width:2,separation:0,innerColor:w.color.focus.inverse,outerColor:w.color.brand.focus.primary})},"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.label]:O.fg.strong,[V.vars.color]:O.fg.strong,textDecoration:"underline"},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.label]:O.fg.strong,[V.vars.color]:F(Z.active.icon,"currentColor"),textDecoration:"underline"},"&:disabled, &.disabled":{textDecoration:"none",[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.default,[V.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{iconPosition:{only:{padding:0,[V.vars.color]:F(Z.default.icon,O.fg.default),"&:focus-visible, &.focus":{[V.vars.color]:F(Z.focus.icon,O.fg.strong)},"&:hover, &.hover":{[V.vars.color]:F(Z.hover.icon,O.fg.strong)},"&:active, &.active":{[V.vars.color]:F(Z.active.icon,O.fg.strong)},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[V.vars.color]:F(Z.disabled.icon,O.fg.default)}},start:{},end:{}},variant:{inverse:{[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.hover}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[j.vars.background]:w.color.surface.inverse,[j.vars.label]:O.fg.contrast.default,[V.vars.color]:F(Z.focus.icon,"currentColor"),...AA({width:2,separation:2,innerColor:O.border.contrast.default,outerColor:w.color.focus.inverse})},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.surface.transparent,mixinColor:w.color.surface.overlay.mixin,mixinValue:w.opacity.surface.pressed}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.surface.transparent,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,"currentColor")}}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:w.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:w.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:w.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.sm}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:w.padding.sm,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:w.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:w.padding.xxs,paddingInlineEnd:w.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:w.padding.xs,paddingInlineEnd:w.padding.xxs}}]}),V_=Ie("button")({displayName:"TertiaryButton",Component:({children:e,icon:t,size:n="medium",variant:a,iconPosition:r,grow:i,cs:o,...s},l,c)=>{const u=r||(t?e?"start":"only":void 0);return E.jsx(W_,{as:c,ref:l,icon:t,size:n,iconPosition:r,grow:i,cs:[QQ({size:n,variant:a,grow:i,iconPosition:u}),o],...s,children:e})}}),eee=Be({extends:j,base:{[j.vars.background]:w.color.brand.accent.critical,[j.vars.borderRadius]:w.shape.full,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.default.icon,O.fg.inverse),"&:focus-visible, &.focus":{[j.vars.background]:w.color.brand.accent.critical,[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.focus.icon,O.fg.inverse),[j.vars.boxShadowInner]:w.color.focus.inverse,[j.vars.boxShadowOuter]:w.color.brand.focus.primary},"&:hover, &.hover":{[j.vars.background]:Fn.darken({color:w.color.brand.accent.critical,mixinColor:w.color.accent.overlay.mixin,mixinValue:w.opacity.accent.hover}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.hover.icon,O.fg.inverse)},"&:active, &.active":{[j.vars.background]:Fn.darken({color:w.color.brand.accent.critical,mixinColor:w.color.accent.overlay.mixin,mixinValue:w.opacity.accent.pressed}),[j.vars.label]:O.fg.inverse,[V.vars.color]:F(Z.active.icon,O.fg.inverse)},"&:disabled, &.disabled":{[j.vars.opacity]:ur.disabled,[j.vars.background]:w.color.brand.accent.critical,[V.vars.color]:F(Z.disabled.icon,O.fg.inverse),[j.vars.label]:O.fg.inverse}}}),pU=Ie("button")({displayName:"DeleteButton",Component:({children:e,size:t,iconPosition:n,grow:a,cs:r,...i},o,s)=>E.jsx(W_,{as:s,ref:o,size:t,grow:a,iconPosition:n,cs:[eee({size:t,iconPosition:n}),r],...i,children:e})}),tee=Be({base:()=>({fontFamily:nt.default,fontWeight:Ke.bold,lineHeight:w.lineHeight.subtext.lg,fontSize:w.fontSize.subtext.lg,letterSpacing:w.letterSpacing.subtext.lg,gridColumn:"2",justifySelf:"start",color:O.fg.default})}),nee=Ie("a")({displayName:"Link",Component:({...e},t,n)=>E.jsx(XQ,{as:n,ref:t,...hn(e,tee())})}),ree=Be({base:{display:"grid",gridTemplateColumns:"min-content",gap:`${w.gap.sm} ${w.gap.md}`,padding:w.padding.md,borderRadius:w.shape.sm,outline:`${ke(1)} solid transparent`,borderInlineStart:`${nr.size50} solid transparent`},modifiers:{informational:{low:{borderInlineStartColor:w.color.border.info.default,backgroundColor:w.color.surface.alt.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.info.default,[V.vars.backgroundColor]:w.color.fg.info.default}},high:{borderInlineStartColor:w.color.border.info.default,backgroundColor:w.color.surface.info.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.info.default,[V.vars.backgroundColor]:w.color.fg.info.default}}},caution:{low:{borderInlineStartColor:w.color.border.warning,backgroundColor:w.color.surface.alt.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.warning.default,[V.vars.backgroundColor]:w.color.fg.warning.default}},high:{borderInlineStartColor:w.color.border.warning,backgroundColor:w.color.surface.warning.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.warning.default,[V.vars.backgroundColor]:w.color.fg.warning.default}}},critical:{low:{borderInlineStartColor:w.color.border.danger,backgroundColor:w.color.surface.alt.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.danger.default,[V.vars.backgroundColor]:w.color.fg.danger.default}},high:{borderInlineStartColor:w.color.border.danger,backgroundColor:w.color.surface.danger.default,'& [data-part="information-highlight-icon"]':{[V.vars.accentColor]:O.fg.inverse,[V.vars.color]:w.color.fg.danger.default,[V.vars.backgroundColor]:w.color.fg.danger.default}}}}}),wr=jM("section")({displayName:"InformationHighlight",modelHook:VM,subComponents:{Icon:HQ,Heading:qQ,Body:jQ,Link:nee}})(({...e},t,n)=>E.jsx(t,{...hn(e,ree({[n.state.variant]:n.state.emphasis}))})),aee=Ie("span")({displayName:"StatusIndicatorIcon",Component:(e,t,n)=>{var a;return(a=e.icon)!=null&&a.type?E.jsx(q_,{as:n,ref:t,size:20,...e}):null}}),iee=Be({extends:Vr,base:{fontWeight:Ke.bold,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",textTransform:"capitalize",color:"inherit"},defaultModifiers:{typeLevel:"subtext.large"}}),oee=Ie("span")({displayName:"StatusIndicator.Label",Component:({children:e,typeLevel:t,...n},a,r)=>E.jsx(r,{ref:a,...vn(n,iee({typeLevel:t})),children:e})}),see={blue:"info",green:"positive",orange:"caution",red:"critical",gray:"neutral"},lee=Be({base:{display:"inline-flex",gap:w.gap.xs,maxWidth:ke(200),alignItems:"center",borderRadius:w.shape.sm,height:w.size.xxs,padding:`0 ${w.padding.xs}`,outline:`${ke(1)} solid transparent`,[V.vars.color]:"currentColor"},modifiers:{variant:{info:{color:w.color.fg.info.strong,backgroundColor:w.color.surface.info.strong},positive:{color:w.color.fg.success.strong,backgroundColor:w.color.surface.success.strong},caution:{color:w.color.fg.warning.strong,backgroundColor:w.color.surface.warning.strong},critical:{color:w.color.fg.danger.strong,backgroundColor:w.color.surface.danger.strong},neutral:{color:O.fg.muted.strong,backgroundColor:w.color.surface.alt.strong},transparent:{color:O.fg.inverse,backgroundColor:w.color.surface.contrast.default}},emphasis:{low:{},high:{}}},compound:[{modifiers:{variant:"info",emphasis:"high"},styles:{backgroundColor:w.color.accent.info,color:O.fg.inverse}},{modifiers:{variant:"positive",emphasis:"high"},styles:{backgroundColor:w.color.accent.success,color:O.fg.inverse}},{modifiers:{variant:"caution",emphasis:"high"},styles:{backgroundColor:w.color.accent.warning,color:O.fg.contrast.default}},{modifiers:{variant:"critical",emphasis:"high"},styles:{backgroundColor:w.color.accent.danger,color:O.fg.inverse}},{modifiers:{variant:"neutral",emphasis:"high"},styles:{backgroundColor:w.color.accent.muted.default,color:O.fg.inverse}}],defaultModifiers:{variant:"neutral",emphasis:"low"}}),Oa=Ie("div")({displayName:"StatusIndicator",subComponents:{Label:oee,Icon:aee},Component:({variant:e,emphasis:t,children:n,...a},r,i)=>E.jsx(i,{ref:r,...vn(a,lee({variant:see[e]||e,emphasis:t})),children:n})});var cee=function(e){return Object.prototype.hasOwnProperty.call(e,"props")},uee=function(e,t){return e+Xo(t)},Xo=function(e){return e===null||typeof e=="boolean"||typeof e>"u"?"":typeof e=="number"?e.toString():typeof e=="string"?e:Array.isArray(e)?e.reduce(uee,""):cee(e)&&Object.prototype.hasOwnProperty.call(e.props,"children")?Xo(e.props.children):""};Xo.default=Xo;var dee=Xo;const pee=Zc(dee),fee=Be({extends:Vr,base:{},defaultModifiers:{typeLevel:"subtext.large"}}),mee=Ie("div")({displayName:"Card.Body",Component:({children:e,...t},n,a)=>E.jsx(a,{ref:n,...vn(t,fee()),children:e})}),gee=Be({extends:Vr,base:{color:O.fg.strong,fontWeight:Ke.bold,marginBlock:w.padding.none},defaultModifiers:{typeLevel:"body.large"}}),hee=Ie("h3")({displayName:"Card.Heading",Component:({children:e,...t},n,a)=>E.jsx(a,{ref:n,...vn(t,gee()),children:e})}),vee=Be({base:{display:"flex",flexDirection:"column",gap:w.gap.lg,padding:w.padding.xl,backgroundColor:w.color.surface.default,borderRadius:w.shape.xxl,border:`${ke(1)} solid ${w.color.border.default}`},modifiers:{variant:{borderless:{borderColor:"transparent"},tonal:{backgroundColor:w.color.surface.alt.default,borderColor:O.border.transparent}}}}),MA=Ie("div")({displayName:"Card",Component:({children:e,variant:t,...n},a,r)=>E.jsx(r,{ref:a,...vn(n,vee({variant:t})),children:e}),subComponents:{Heading:hee,Body:mee}});function bee(e){return e.length?e[e.length-1]:null}function fU(e,t){const{min:n,max:a}=Z_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function fv(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(fU(a,t))})}function yee(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function See(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:yee(a.owner,t)})).filter(a=>a.parent===e.element)}function mU(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?mU(e[a],n.join(".")):e[a]}function gU(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),gU(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const hU=e=>{if(typeof window<"u")return mU(window,e)},vU=(e,t)=>{typeof window<"u"&&gU(window,e,t)},UA=(e,t)=>{var a;let n=(a=e.container)==null?void 0:a.call(e);return n===document.body&&(n=t==null?void 0:t.ownerDocument.body),n||document.body},Z_=hU("workday.__popupStack")||{description:"Global popup stack from @workday/canvas-kit/popup-stack",container:e=>(e==null?void 0:e.ownerDocument.body)||document.body,items:[],zIndex:{min:30,max:50,getValue:fU},_adapter:{}};vU("workday.__popupStack",Z_);const ar=hU("workday.__popupStackOfStacks")||[Z_];ar.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";vU("workday.__popupStackOfStacks",ar);function Jn(){return ar[ar.length-1]}const Ct={createContainer(){var n;const e=Jn();if((n=e._adapter)!=null&&n.createContainer)return e._adapter.createContainer();const t=document.createElement("div");return t.style.position="relative",t},add(e){var n;const t=Jn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),UA(t,e.owner).appendChild(e.element),fv(Ct.getElements())},remove(e){var n;const t=ar.find(a=>!!Ct.getElements(a).find(r=>r===e));if(t){if((n=t._adapter)!=null&&n.remove){t._adapter.remove(e);return}const a=t.items.find(r=>r.element===e);t.items=t.items.filter(r=>r.element!==e),UA(t,a==null?void 0:a.owner).removeChild(e),fv(Ct.getElements(t))}},isTopmost(e){var a;const t=Jn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=bee(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Jn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Jn();if((a=t._adapter)!=null&&a.bringToTop){t._adapter.bringToTop(e);return}const n=t.items.find(r=>r.element===e);if(n)t.items=[...t.items.filter(r=>r!==n),n],See(n,t.items).forEach(r=>{Ct.bringToTop(r.element)}),fv(Ct.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Jn();if((i=n._adapter)!=null&&i.contains)return n._adapter.contains(e,t);const a=n.items.find(o=>o.element===e);if(a)return r(a,t);return!1;function r(o,s,l=0){var u;if(l>30)return!1;if(o.element===s||o.owner===s||o.element.contains(s)||(u=o.owner)!=null&&u.contains(s))return!0;const c=n.items.find(d=>d.owner&&o.element.contains(d.owner));return c?r(c,s,l+1):!1}},pushStackContext(e){var a,r;const t=Jn();if((a=t._adapter)!=null&&a.pushStackContext)return t._adapter.pushStackContext(e);if(((r=t.container)==null?void 0:r.call(t))===e)return;const n={items:[],zIndex:t.zIndex,container:()=>e,_adapter:{}};ar.push(n)},popStackContext(e){var n,a;const t=Jn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&ar.length>1&&ar.pop()},transferToCurrentContext(e){var a;const t=Jn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;ar.find(r=>!!r.items.find(i=>i.element===e.element))&&Ct.remove(e.element),Ct.add(e)}};let Bl=null;rr.isEnabled&&rr.on("change",()=>{rr.isFullscreen?rr.element&&(Bl=rr.element,Ct.pushStackContext(Bl)):Bl&&Ct.popStackContext(Bl)});const mv=B_({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=FM(e.id),[n,a]=K.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),FA=()=>{},bU=B_({defaultContext:{state:{},events:{show:FA,hide:FA}},defaultConfig:{...mv.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:mv.requiredConfig})(e=>{const t=te.useRef(null),n=te.useRef(null),[a,r]=te.useState("bottom"),i=mv(e),o={...i.state,stackRef:t,targetRef:n,initialFocusRef:e.initialFocusRef,returnFocusRef:e.returnFocusRef,placement:a},s={...i.events,updatePlacement(l){r(l.placement)}};return{state:o,events:s}});bU.Context;const Eee=Nd()(e=>{const t=K.useCallback(a=>{e.state.stackRef.current&&document.contains(a.target)&&!Ct.contains(e.state.stackRef.current,a.target)&&e.events.hide(a)},[e.events,e.state.stackRef]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{var a;if(n)return document.addEventListener("mousedown",t),(a=e.state.stackRef.current)==null||a.setAttribute("data-behavior-click-outside-close","always"),()=>{document.removeEventListener("mousedown",t)}},[e.state.stackRef,n,t]),{}}),_ee=Nd()(e=>{const t=K.useCallback(a=>{(a.key==="Esc"||a.key==="Escape")&&Ct.isTopmost(e.state.stackRef.current)&&e.events.hide(a)},[e.state.stackRef,e.events]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{if(n)return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[t,n]),{}}),wee=Nd()(e=>{const t=K.useCallback(a=>{rr.isFullscreen||e.events.hide(a)},[e.events]),n=e.state.visibility!=="hidden";return K.useEffect(()=>{if(n&&rr.isEnabled)return rr.on("change",t),()=>{rr.off("change",t)}},[t,n]),{}});function yU(e){if(e===document.body||!e.parentElement)return e;const t=getComputedStyle(e);return t.overflowY==="scroll"||t.overflowY==="auto"||t.overflowX==="scroll"||t.overflowX==="auto"?e:yU(e.parentElement)}const kee=Nd()(e=>{const t=e.state.visibility!=="hidden",n=K.useCallback(a=>{a[0].intersectionRatio<.5&&e.events.hide()},[e.events]);return K.useLayoutEffect(()=>{if(!t||!e.state.targetRef.current)return;const a=e.state.targetRef.current,r=yU(a),i=new IntersectionObserver(n,{root:r,threshold:.5});return i.observe(e.state.targetRef.current),()=>{i.disconnect()}},[n,e.state.targetRef,t]),{}}),Tee=(e,t)=>{const{elementRef:n,localRef:a}=j_(e),r=K.useContext(D_),{style:i}=DJ(r,{}),o=K.useRef(!0),[s]=K.useState(()=>{if(o.current){const l=Ct.createContainer();return n(l),o.current=!1,l}return a.current});return K.useLayoutEffect(()=>{const l=a.current;if(!l)return;const c=Object.keys(i);if(c.length!==0)for(const u of c)l.style.setProperty(u,i[u])},[a,i]),K.useLayoutEffect(()=>{if(s!==a.current)throw Error("The 'ref' passed to usePopupStack should not be applied to a React element. This will cause a runtime error where the PopupStack and React compete for the element. Instead use ReactDOM.createPortal(<YourComponent />, ref.current)");const l=t?"current"in t?t.current||void 0:t:void 0,c=a.current;return Ct.add({element:c,owner:l}),()=>{Ct.remove(c)}},[a,t,s]),K.useLayoutEffect(()=>{var u,d;let c=(t?"current"in t?t.current:t:void 0)??void 0;if(c==null&&typeof document<"u"){const p=document.activeElement,g=a.current;c=(p&&g&&!g.contains(p)?p:document.body).closest("[dir]")??document.documentElement}if(c){const p=c.getAttribute("dir");(p!=null?p.toLowerCase()==="rtl":vJ(c))?(u=a.current)==null||u.setAttribute("dir","rtl"):(d=a.current)==null||d.setAttribute("dir","ltr")}},[a,t]),a},SU=e=>{const[t,n]=e.split("-");return{vertical:t==="top"?"bottom":t==="bottom"||n==="end"?"top":n==="start"?"bottom":"center",horizontal:t==="left"?"right":t==="right"||n==="end"?"left":n==="start"?"right":"center"}};var dn="top",Rn="bottom",An="right",pn="left",Y_="auto",pl=[dn,Rn,An,pn],ki="start",K_="end",Iee="clippingParents",EU="viewport",io="popper",xee="reference",zA=pl.reduce(function(e,t){return e.concat([t+"-"+ki,t+"-"+K_])},[]),_U=[].concat(pl,[Y_]).reduce(function(e,t){return e.concat([t,t+"-"+ki,t+"-"+K_])},[]),Ree="beforeRead",Aee="read",Nee="afterRead",Cee="beforeMain",Oee="main",$ee="afterMain",Lee="beforeWrite",Dee="write",Pee="afterWrite",Mee=[Ree,Aee,Nee,Cee,Oee,$ee,Lee,Dee,Pee];function Nn(e){return e?(e.nodeName||"").toLowerCase():null}function Cn(e){if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Jo(e){var t=Cn(e).Element;return e instanceof t||e instanceof Element}function Vn(e){var t=Cn(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Uee(e){var t=Cn(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Fee(e){var t=e.state;Object.keys(t.elements).forEach(function(n){var a=t.styles[n]||{},r=t.attributes[n]||{},i=t.elements[n];!Vn(i)||!Nn(i)||(Object.assign(i.style,a),Object.keys(r).forEach(function(o){var s=r[o];s===!1?i.removeAttribute(o):i.setAttribute(o,s===!0?"":s)}))})}function zee(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(a){var r=t.elements[a],i=t.attributes[a]||{},o=Object.keys(t.styles.hasOwnProperty(a)?t.styles[a]:n[a]),s=o.reduce(function(l,c){return l[c]="",l},{});!Vn(r)||!Nn(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const jee={name:"applyStyles",enabled:!0,phase:"write",fn:Fee,effect:zee,requires:["computeStyles"]};function Gn(e){return e.split("-")[0]}function X_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function wU(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&Uee(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function dr(e){return Cn(e).getComputedStyle(e)}function Bee(e){return["table","td","th"].indexOf(Nn(e))>=0}function Er(e){return((Jo(e)?e.ownerDocument:e.document)||window.document).documentElement}function Cd(e){return Nn(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||Er(e)}function jA(e){if(!Vn(e)||dr(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=Er(t);if(Nn(t)==="body"&&dr(t).position==="static"&&dr(n).position!=="static")return n}return t}function qee(e){for(var t=Cd(e);Vn(t)&&["html","body"].indexOf(Nn(t))<0;){var n=dr(t);if(n.transform!=="none"||n.perspective!=="none"||n.willChange&&n.willChange!=="auto")return t;t=t.parentNode}return null}function fl(e){for(var t=Cn(e),n=jA(e);n&&Bee(n)&&dr(n).position==="static";)n=jA(n);return n&&Nn(n)==="body"&&dr(n).position==="static"?t:n||qee(e)||t}function J_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ic(e,t,n){return Math.max(e,Math.min(t,n))}function kU(){return{top:0,right:0,bottom:0,left:0}}function TU(e){return Object.assign(Object.assign({},kU()),e)}function IU(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function Gee(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=Gn(n.placement),s=J_(o),l=[pn,An].indexOf(o)>=0,c=l?"height":"width";if(!(!r||!i)){var u=n.modifiersData[a+"#persistent"].padding,d=X_(r),p=s==="y"?dn:pn,g=s==="y"?Rn:An,v=n.rects.reference[c]+n.rects.reference[s]-i[s]-n.rects.popper[c],b=i[s]-n.rects.reference[s],I=fl(r),h=I?s==="y"?I.clientHeight||0:I.clientWidth||0:0,f=v/2-b/2,m=u[p],y=h-d[c]-u[g],_=h/2-d[c]/2+f,k=ic(m,_,y),T=s;n.modifiersData[a]=(t={},t[T]=k,t.centerOffset=k-_,t)}}function Hee(e){var t=e.state,n=e.options,a=e.name,r=n.element,i=r===void 0?"[data-popper-arrow]":r,o=n.padding,s=o===void 0?0:o;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||wU(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:TU(typeof s!="number"?s:IU(s,pl))}))}const Wee={name:"arrow",enabled:!0,phase:"main",fn:Gee,effect:Hee,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var Vee={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Zee(e){var t=e.x,n=e.y,a=window,r=a.devicePixelRatio||1;return{x:Math.round(t*r)/r||0,y:Math.round(n*r)/r||0}}function BA(e){var t,n=e.popper,a=e.popperRect,r=e.placement,i=e.offsets,o=e.position,s=e.gpuAcceleration,l=e.adaptive,c=Zee(i),u=c.x,d=c.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),v=pn,b=dn,I=window;if(l){var h=fl(n);h===Cn(n)&&(h=Er(n)),r===dn&&(b=Rn,d-=h.clientHeight-a.height,d*=s?1:-1),r===pn&&(v=An,u-=h.clientWidth-a.width,u*=s?1:-1)}var f=Object.assign({position:o},l&&Vee);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[b]=g?"0":"",m[v]=p?"0":"",m.transform=(I.devicePixelRatio||1)<2?"translate("+u+"px, "+d+"px)":"translate3d("+u+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[b]=g?d+"px":"",t[v]=p?u+"px":"",t.transform="",t))}function Yee(e){var t=e.state,n=e.options,a=n.gpuAcceleration,r=a===void 0?!0:a,i=n.adaptive,o=i===void 0?!0:i,s={placement:Gn(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign(Object.assign({},t.styles.popper),BA(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign(Object.assign({},t.styles.arrow),BA(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1})))),t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-placement":t.placement})}const Kee={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Yee,data:{}};var ql={passive:!0};function Xee(e){var t=e.state,n=e.instance,a=e.options,r=a.scroll,i=r===void 0?!0:r,o=a.resize,s=o===void 0?!0:o,l=Cn(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ql)}),s&&l.addEventListener("resize",n.update,ql),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ql)}),s&&l.removeEventListener("resize",n.update,ql)}}const Jee={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Xee,data:{}};var Qee={left:"right",right:"left",bottom:"top",top:"bottom"};function oc(e){return e.replace(/left|right|bottom|top/g,function(t){return Qee[t]})}var ete={start:"end",end:"start"};function qA(e){return e.replace(/start|end/g,function(t){return ete[t]})}function Qo(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function Q_(e){var t=Cn(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function ew(e){return Qo(Er(e)).left+Q_(e).scrollLeft}function tte(e){var t=Cn(e),n=Er(e),a=t.visualViewport,r=n.clientWidth,i=n.clientHeight,o=0,s=0;return a&&(r=a.width,i=a.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=a.offsetLeft,s=a.offsetTop)),{width:r,height:i,x:o+ew(e),y:s}}function nte(e){var t=Er(e),n=Q_(e),a=e.ownerDocument.body,r=Math.max(t.scrollWidth,t.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),i=Math.max(t.scrollHeight,t.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0),o=-n.scrollLeft+ew(e),s=-n.scrollTop;return dr(a||t).direction==="rtl"&&(o+=Math.max(t.clientWidth,a?a.clientWidth:0)-r),{width:r,height:i,x:o,y:s}}function tw(e){var t=dr(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function xU(e){return["html","body","#document"].indexOf(Nn(e))>=0?e.ownerDocument.body:Vn(e)&&tw(e)?e:xU(Cd(e))}function ko(e,t){t===void 0&&(t=[]);var n=xU(e),a=Nn(n)==="body",r=Cn(n),i=a?[r].concat(r.visualViewport||[],tw(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(ko(Cd(i)))}function _b(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function rte(e){var t=Qo(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function GA(e,t){return t===EU?_b(tte(e)):Vn(t)?rte(t):_b(nte(Er(e)))}function ate(e){var t=ko(Cd(e)),n=["absolute","fixed"].indexOf(dr(e).position)>=0,a=n&&Vn(e)?fl(e):e;return Jo(a)?t.filter(function(r){return Jo(r)&&wU(r,a)&&Nn(r)!=="body"}):[]}function ite(e,t,n){var a=t==="clippingParents"?ate(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var c=GA(e,l);return s.top=Math.max(c.top,s.top),s.right=Math.min(c.right,s.right),s.bottom=Math.min(c.bottom,s.bottom),s.left=Math.max(c.left,s.left),s},GA(e,i));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function es(e){return e.split("-")[1]}function RU(e){var t=e.reference,n=e.element,a=e.placement,r=a?Gn(a):null,i=a?es(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case dn:l={x:o,y:t.y-n.height};break;case Rn:l={x:o,y:t.y+t.height};break;case An:l={x:t.x+t.width,y:s};break;case pn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var c=r?J_(r):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case ki:l[c]=Math.floor(l[c])-Math.floor(t[u]/2-n[u]/2);break;case K_:l[c]=Math.floor(l[c])+Math.ceil(t[u]/2-n[u]/2);break}}return l}function Ti(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=a===void 0?e.placement:a,i=n.boundary,o=i===void 0?Iee:i,s=n.rootBoundary,l=s===void 0?EU:s,c=n.elementContext,u=c===void 0?io:c,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,v=g===void 0?0:g,b=TU(typeof v!="number"?v:IU(v,pl)),I=u===io?xee:io,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?I:u],y=ite(Jo(m)?m:m.contextElement||Er(e.elements.popper),o,l),_=Qo(h),k=RU({reference:_,element:f,placement:r}),T=_b(Object.assign(Object.assign({},f),k)),C=u===io?T:_,$={top:y.top-C.top+b.top,bottom:C.bottom-y.bottom+b.bottom,left:y.left-C.left+b.left,right:C.right-y.right+b.right},P=e.modifiersData.offset;if(u===io&&P){var G=P[r];Object.keys($).forEach(function(ee){var ne=[An,Rn].indexOf(ee)>=0?1:-1,ve=[dn,Rn].indexOf(ee)>=0?"y":"x";$[ee]+=G[ve]*ne})}return $}function ote(e,t){t===void 0&&(t={});var n=t,a=n.placement,r=n.boundary,i=n.rootBoundary,o=n.padding,s=n.flipVariations,l=n.allowedAutoPlacements,c=l===void 0?_U:l,u=es(a),d=u?s?zA:zA.filter(function(v){return es(v)===u}):pl,p=d.filter(function(v){return c.indexOf(v)>=0});p.length===0&&(p=d);var g=p.reduce(function(v,b){return v[b]=Ti(e,{placement:b,boundary:r,rootBoundary:i,padding:o})[Gn(b)],v},{});return Object.keys(g).sort(function(v,b){return g[v]-g[b]})}function ste(e){if(Gn(e)===Y_)return[];var t=oc(e);return[qA(e),t,qA(t)]}function lte(e){var t=e.state,n=e.options,a=e.name;if(!t.modifiersData[a]._skip){for(var r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!0:o,l=n.fallbackPlacements,c=n.padding,u=n.boundary,d=n.rootBoundary,p=n.altBoundary,g=n.flipVariations,v=g===void 0?!0:g,b=n.allowedAutoPlacements,I=t.options.placement,h=Gn(I),f=h===I,m=l||(f||!v?[oc(I)]:ste(I)),y=[I].concat(m).reduce(function(me,Ce){return me.concat(Gn(Ce)===Y_?ote(t,{placement:Ce,boundary:u,rootBoundary:d,padding:c,flipVariations:v,allowedAutoPlacements:b}):Ce)},[]),_=t.rects.reference,k=t.rects.popper,T=new Map,C=!0,$=y[0],P=0;P<y.length;P++){var G=y[P],ee=Gn(G),ne=es(G)===ki,ve=[dn,Rn].indexOf(ee)>=0,Ee=ve?"width":"height",fe=Ti(t,{placement:G,boundary:u,rootBoundary:d,altBoundary:p,padding:c}),_e=ve?ne?An:pn:ne?Rn:dn;_[Ee]>k[Ee]&&(_e=oc(_e));var D=oc(_e),z=[];if(i&&z.push(fe[ee]<=0),s&&z.push(fe[_e]<=0,fe[D]<=0),z.every(function(me){return me})){$=G,C=!1;break}T.set(G,z)}if(C)for(var B=v?3:1,H=function(Ce){var $e=y.find(function(Ye){var en=T.get(Ye);if(en)return en.slice(0,Ce).every(function(Ta){return Ta})});if($e)return $=$e,"break"},Y=B;Y>0;Y--){var Ge=H(Y);if(Ge==="break")break}t.placement!==$&&(t.modifiersData[a]._skip=!0,t.placement=$,t.reset=!0)}}const cte={name:"flip",enabled:!0,phase:"main",fn:lte,requiresIfExists:["offset"],data:{_skip:!1}};function HA(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function WA(e){return[dn,An,Rn,pn].some(function(t){return e[t]>=0})}function ute(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=Ti(t,{elementContext:"reference"}),s=Ti(t,{altBoundary:!0}),l=HA(o,a),c=HA(s,r,i),u=WA(l),d=WA(c);t.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-reference-hidden":u,"data-popper-escaped":d})}const dte={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:ute};function pte(e,t,n){var a=Gn(e),r=[pn,dn].indexOf(a)>=0?-1:1,i=typeof n=="function"?n(Object.assign(Object.assign({},t),{},{placement:e})):n,o=i[0],s=i[1];return o=o||0,s=(s||0)*r,[pn,An].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function fte(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=_U.reduce(function(u,d){return u[d]=pte(d,t.rects,i),u},{}),s=o[t.placement],l=s.x,c=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[a]=o}const mte={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:fte};function gte(e){var t=e.state,n=e.name;t.modifiersData[n]=RU({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const hte={name:"popperOffsets",enabled:!0,phase:"read",fn:gte,data:{}};function vte(e){return e==="x"?"y":"x"}function bte(e){var t=e.state,n=e.options,a=e.name,r=n.mainAxis,i=r===void 0?!0:r,o=n.altAxis,s=o===void 0?!1:o,l=n.boundary,c=n.rootBoundary,u=n.altBoundary,d=n.padding,p=n.tether,g=p===void 0?!0:p,v=n.tetherOffset,b=v===void 0?0:v,I=Ti(t,{boundary:l,rootBoundary:c,padding:d,altBoundary:u}),h=Gn(t.placement),f=es(t.placement),m=!f,y=J_(h),_=vte(y),k=t.modifiersData.popperOffsets,T=t.rects.reference,C=t.rects.popper,$=typeof b=="function"?b(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):b,P={x:0,y:0};if(k){if(i){var G=y==="y"?dn:pn,ee=y==="y"?Rn:An,ne=y==="y"?"height":"width",ve=k[y],Ee=k[y]+I[G],fe=k[y]-I[ee],_e=g?-C[ne]/2:0,D=f===ki?T[ne]:C[ne],z=f===ki?-C[ne]:-T[ne],B=t.elements.arrow,H=g&&B?X_(B):{width:0,height:0},Y=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:kU(),Ge=Y[G],me=Y[ee],Ce=ic(0,T[ne],H[ne]),$e=m?T[ne]/2-_e-Ce-Ge-$:D-Ce-Ge-$,Ye=m?-T[ne]/2+_e+Ce+me+$:z+Ce+me+$,en=t.elements.arrow&&fl(t.elements.arrow),Ta=en?y==="y"?en.clientTop||0:en.clientLeft||0:0,Ia=t.modifiersData.offset?t.modifiersData.offset[t.placement][y]:0,xa=k[y]+$e-Ia-Ta,Od=k[y]+Ye-Ia,Ra=ic(g?Math.min(Ee,xa):Ee,ve,g?Math.max(fe,Od):fe);k[y]=Ra,P[y]=Ra-ve}if(s){var GU=y==="x"?dn:pn,HU=y==="x"?Rn:An,ml=k[_],WU=ml+I[GU],VU=ml-I[HU],ow=ic(WU,ml,VU);k[_]=ow,P[_]=ow-ml}t.modifiersData[a]=P}}const yte={name:"preventOverflow",enabled:!0,phase:"main",fn:bte,requiresIfExists:["offset"]};function Ste(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Ete(e){return e===Cn(e)||!Vn(e)?Q_(e):Ste(e)}function _te(e,t,n){n===void 0&&(n=!1);var a=Er(t),r=Qo(e),i=Vn(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((Nn(t)!=="body"||tw(a))&&(o=Ete(t)),Vn(t)?(s=Qo(t),s.x+=t.clientLeft,s.y+=t.clientTop):a&&(s.x=ew(a))),{x:r.left+o.scrollLeft-s.x,y:r.top+o.scrollTop-s.y,width:r.width,height:r.height}}function wte(e){var t=new Map,n=new Set,a=[];e.forEach(function(i){t.set(i.name,i)});function r(i){n.add(i.name);var o=[].concat(i.requires||[],i.requiresIfExists||[]);o.forEach(function(s){if(!n.has(s)){var l=t.get(s);l&&r(l)}}),a.push(i)}return e.forEach(function(i){n.has(i.name)||r(i)}),a}function kte(e){var t=wte(e);return Mee.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function Tte(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function Ite(e){var t=e.reduce(function(n,a){var r=n[a.name];return n[a.name]=r?Object.assign(Object.assign(Object.assign({},r),a),{},{options:Object.assign(Object.assign({},r.options),a.options),data:Object.assign(Object.assign({},r.data),a.data)}):a,n},{});return Object.keys(t).map(function(n){return t[n]})}var VA={placement:"bottom",modifiers:[],strategy:"absolute"};function ZA(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some(function(a){return!(a&&typeof a.getBoundingClientRect=="function")})}function xte(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?VA:r;return function(s,l,c){c===void 0&&(c=i);var u={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},VA),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:u,setOptions:function(h){b(),u.options=Object.assign(Object.assign(Object.assign({},i),u.options),h),u.scrollParents={reference:Jo(s)?ko(s):s.contextElement?ko(s.contextElement):[],popper:ko(l)};var f=kte(Ite([].concat(a,u.options.modifiers)));return u.orderedModifiers=f.filter(function(m){return m.enabled}),v(),g.update()},forceUpdate:function(){if(!p){var h=u.elements,f=h.reference,m=h.popper;if(ZA(f,m)){u.rects={reference:_te(f,fl(m),u.options.strategy==="fixed"),popper:X_(m)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach(function(P){return u.modifiersData[P.name]=Object.assign({},P.data)});for(var y=0;y<u.orderedModifiers.length;y++){if(u.reset===!0){u.reset=!1,y=-1;continue}var _=u.orderedModifiers[y],k=_.fn,T=_.options,C=T===void 0?{}:T,$=_.name;typeof k=="function"&&(u=k({state:u,options:C,name:$,instance:g})||u)}}}},update:Tte(function(){return new Promise(function(I){g.forceUpdate(),I(u)})}),destroy:function(){b(),p=!0}};if(!ZA(s,l))return g;g.setOptions(c).then(function(I){!p&&c.onFirstUpdate&&c.onFirstUpdate(I)});function v(){u.orderedModifiers.forEach(function(I){var h=I.name,f=I.options,m=f===void 0?{}:f,y=I.effect;if(typeof y=="function"){var _=y({state:u,name:h,instance:g,options:m}),k=function(){};d.push(_||k)}})}function b(){d.forEach(function(I){return I()}),d=[]}return g}}var Rte=[Jee,hte,Kee,jee,mte,cte,yte,Wee,dte],Ate=xte({defaultModifiers:Rte});const Nte=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","auto","auto-start","auto-end"],Cte=e=>{const[t,n]=e.split("-");let a;switch(t){case"top":a="bottom";break;case"bottom":a="top";break;case"left":a="right";break;case"right":a="left";break;default:a="auto"}return n&&(a=Nte.find(r=>r.includes(`${a}-${n}`))??a),a},AU=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=Ti({...t,placement:e[0]}),o=/left|right/.test(e[0].split("-")[0])?"horizontal":"vertical",s=(i.top>0||i.bottom>0||i.left>0||i.right>0)&&(o==="horizontal"?r.height/2-i.top<a.height||r.height/2-i.bottom<a.height:r.width-i.left<a.width||r.width-i.right<a.width),l=e[0].split("-")[0];return!s&&i[l]<=0?e[0]:AU(e.slice(1),t,n)},YA="fallbackModifier",KA={name:YA,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,Cte(n),...a||[]],i=AU(r,e,n);e.placement!==i&&(e.modifiersData[YA]._skip=!0,e.placement=i,e.reset=!0)}},nw=["top","right","bottom","left"],rw=te.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?E.jsx(Lte,{ref:a,portal:e,...n}):null),Ote=e=>{if(e!==null)return"current"in e?e.current||void 0:e},$te={},Lte=te.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=$te,placement:a="bottom",fallbackPlacements:r=nw,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},c)=>{const u=te.useRef(!0),{localRef:d,elementRef:p}=j_(l),[g,v]=te.useState(a),b=Tee(c,e),I=te.useRef(a);I.current=g;const h=te.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){v(m.placement),i==null||i(m.placement)}}),[v,i]);te.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:Ote(e??null);if(!m){console.warn("Popper: neither anchorElement or getAnchorClientRect was defined. A valid anchorElement or getAnchorClientRect callback must be provided to render a Popper");return}if(b.current){const y=Ate(m,b.current,{placement:a,...n,modifiers:[h,{...KA,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(y),()=>{y==null||y.destroy()}}},[e,t,b]),te.useLayoutEffect(()=>{var m;u.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...KA,options:{fallbackPlacements:r}},...n.modifiers||[]]}),u.current=!1},[n,a,r,h,d]);const f=E.jsx(E.Fragment,{children:Dte(o)?o({placement:g}):o});return s?mO.createPortal(f,b.current):f});function Dte(e){return typeof e=="function"}const XA={vertical:"bottom",horizontal:"center"},wb=Da("positionX","positionY"),Pte=VX({"0%":{opacity:0,transform:`translate(${wb.positionX}, ${wb.positionY})`},"100%":{opacity:1,transform:"translate(0)"}}),Mte=Be({vars:{tooltipTransformOriginHorizontal:"",tooltipTransformOriginVertical:""},base:({tooltipTransformOriginHorizontal:e,tooltipTransformOriginVertical:t})=>({fontFamily:nt.default,fontWeight:Ke.normal,fontSize:w.fontSize.subtext.md,lineHeight:w.lineHeight.subtext.md,letterSpacing:w.letterSpacing.subtext.md,display:"inline-flex",position:"relative",padding:w.padding.sm,color:O.fg.inverse,animationName:Pte,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${t} ${e}`,a:{color:O.fg.inverse,textDecoration:"underline"},"&:before":{content:'""',borderRadius:w.shape.md,outline:`${ke(1)} solid transparent`,outlineOffset:`-${ke(1)}`,zIndex:-1,margin:w.gap.xs,backgroundColor:w.color.surface.contrast.default,position:"absolute",top:0,left:0,right:0,bottom:0,boxShadow:LM[2]},"[data-popper-reference-hidden] &":{visibility:"hidden",pointerEvents:"none"},'[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &':{left:tr.negate(nr.size50)},'[data-popper-placement="top-end"] &, [data-popper-placement="bottom-end"] &':{right:tr.negate(nr.size50)},'[data-popper-placement="left-start"] &, [data-popper-placement="right-start"] &':{top:tr.negate(nr.size50)},'[data-popper-placement="left-end"] &, [data-popper-placement="right-end"] &':{bottom:tr.negate(nr.size50)}}),modifiers:{elementHasFocus:{true:{padding:tr.subtract(w.padding.md,tr.divide(w.padding.xxs,2)),"&:before":{margin:nr.size75}}}}}),aw=Ie("div")({displayName:"TooltipContainer",Component:({children:e,transformOrigin:t=XA,elementHasFocus:n=!1,...a},r,i)=>{const o=hJ(t||XA,w.gap.sm);return E.jsx(i,{ref:r,...vn(a,[Mte({tooltipTransformOriginHorizontal:t==null?void 0:t.horizontal,tooltipTransformOriginVertical:t==null?void 0:t.vertical,elementHasFocus:n}),wb({positionX:o.x,positionY:o.y})]),children:e})}}),JA=(e,t=0)=>{const n=te.useRef(),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return te.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},Ute=e=>{const t=e.tagName.toLowerCase(),n=e.getAttribute("tabindex");switch(t){case"button":case"input":case"select":case"textarea":case"details":return!0;default:return n?Number(n)>=0:!1}};function iw({type:e="label",titleText:t="",showDelay:n=300,hideDelay:a=100}={}){const r=te.useRef(!1),i=bU(),[o,s]=te.useState(null),l=FM(),c=JA(i.events.hide,a),u=JA(i.events.show,n),d=()=>{c.start(),u.clear()},p=()=>{u.start(),c.clear()},g=f=>{s(f.currentTarget),p()},v=f=>{r.current||g(f),r.current=!1},b=f=>{r.current=!0,Ute(f.currentTarget)&&i.events.hide()};_ee(i),Eee(i),wee(i),kee(i);const I=i.state.visibility!=="hidden",h={"aria-describedby":e==="describe"&&I?l:void 0,"aria-description":e==="description"?t:void 0,"aria-label":e==="label"?t:void 0,onMouseEnter:g,onMouseLeave:d,onMouseDown:b,onFocus:v,onBlur:d};return h["aria-describedby"]===void 0&&delete h["aria-describedby"],{targetProps:h,popperProps:{open:I,anchorElement:o,ref:i.state.stackRef},tooltipProps:{id:e==="describe"&&I?l:void 0,role:"tooltip",onMouseEnter:p,onMouseLeave:d}}}function Fte(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=F_(t[r],e[r]):a[r]=t[r],a),{})}const Hn=Ie("div")({displayName:"Tooltip",Component({type:e="label",placement:t="top",title:n,children:a,showDelay:r=300,hideDelay:i=100,fallbackPlacements:o=nw,...s}){const l=pee(n),{targetProps:c,popperProps:u,tooltipProps:d}=iw({type:e,titleText:l,showDelay:r,hideDelay:i}),[p,g]=te.useState(!1),{localRef:v}=j_();return te.useEffect(()=>{const b=v.current;if(!b)return;const I=()=>{g(b.matches(":focus-visible")||b.classList.contains("focus"))};return I(),b.addEventListener("focus",I),b.addEventListener("blur",I),()=>{b.removeEventListener("focus",I),b.removeEventListener("blur",I)}},[v]),E.jsxs(te.Fragment,{children:[te.cloneElement(a,{...c,...Fte(a.props,c),.../^(muted|describe)$/.test(e)&&a.props["aria-label"]?{"aria-label":a.props["aria-label"]}:{}}),E.jsx(rw,{placement:t,fallbackPlacements:o,...u,children:({placement:b})=>{const I=SU(b);return E.jsx(aw,{transformOrigin:I,...hn(s),...d,elementHasFocus:p,children:n})}})]})}}),NU=e=>{const t=getComputedStyle(e);if(t.overflow==="auto"||t.overflow==="scroll"||t.overflow==="clip"||t.overflow==="hidden")return e;if(e.children){for(let n=0;n<e.children.length;n++){const a=NU(e.children[n]);if(a)return a}return null}return null},CU=e=>{const t=getComputedStyle(e);if(t.textOverflow==="ellipsis"||Number(t.webkitLineClamp)>0)return e;for(let n=0;n<e.children.length;n++){const a=CU(e.children[n]);if(a)return a}return null},QA=e=>{const t=CU(e)||NU(e);return t?t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight:!1};function zte(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=F_(t[r],e[r]):a[r]=t[r],a),{})}const Qr=({placement:e="top",fallbackPlacements:t=nw,children:n,showDelay:a,hideDelay:r,...i})=>{const[o,s]=te.useState(""),{targetProps:l,popperProps:c,tooltipProps:u}=iw({type:"muted",showDelay:a,hideDelay:r}),d=g=>{const v=g.currentTarget;s(v instanceof HTMLElement?v.innerText:""),QA(v)&&l.onMouseEnter(g)},p=g=>{const v=g.currentTarget;s(v instanceof HTMLElement?v.innerText:""),QA(v)&&l.onFocus(g)};return E.jsxs(te.Fragment,{children:[te.cloneElement(n,{...l,onMouseEnter:d,onFocus:p,"aria-label":void 0,...zte({...l,onMouseEnter:d,onFocus:p},n.props)}),E.jsx(rw,{placement:e,fallbackPlacements:t,...c,children:({placement:g})=>{const v=SU(g);return E.jsx(aw,{transformOrigin:v,...u,...i,children:o})}})]})},OU=()=>E.jsx(K.Fragment,{children:E.jsx(Hn,{type:"describe",title:E.jsxs("div",{children:["This is a ",E.jsx("em",{children:"custom"})," tooltip with ",E.jsx("strong",{children:"custom HTML"})]}),children:E.jsx(ra,{children:"Hover Me"})})});OU.__RAW__=`import React from 'react';
|
|
291
291
|
|
|
292
292
|
import {SecondaryButton} from '@workday/canvas-kit-react/button';
|
|
293
293
|
import {Tooltip} from '@workday/canvas-kit-react/tooltip';
|
package/dist/cli.js
CHANGED
|
@@ -18,7 +18,7 @@ import { z } from "zod";
|
|
|
18
18
|
// package.json
|
|
19
19
|
var package_default = {
|
|
20
20
|
name: "@workday/canvas-kit-mcp",
|
|
21
|
-
version: "15.1.
|
|
21
|
+
version: "15.1.11",
|
|
22
22
|
description: "MCP package for Canvas Kit",
|
|
23
23
|
author: "Workday, Inc. (https://www.workday.com)",
|
|
24
24
|
license: "Apache-2.0",
|
|
@@ -574,8 +574,8 @@ var stories_config_default = {
|
|
|
574
574
|
title: "Preview/Status Indicator",
|
|
575
575
|
storybookUrl: "https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs",
|
|
576
576
|
mdxPath: "modules/preview-react/status-indicator/stories/StatusIndicator.mdx",
|
|
577
|
-
mdxProse: "# Canvas Kit Status Indicator\n\nStatus Indicators help the user quickly identify the status of a task, action, or page element.\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-preview-react\n```\n\n## Usage\n\n### Basic Example\n\n`StatusIndicator` includes a container `StatusIndicator` component and the following subcomponents\nwhich can be composed in a variety of ways: `StatusIndicator.Label` and `StatusIndicator.Icon`.\n\nA basic `StatusIndicator` with a `StatusIndicator.Label` will render text with a gray background and\nlow emphasis.\n```tsx\nimport React from 'react';\n\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\n\nexport const Basic = () => {\n return (\n <StatusIndicator>\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n </StatusIndicator>\n );\n};\n```\n\n### Emphasis\n\nSet the `emphasis` prop of `StatusIndicator` to adjust the contrast between the text and background\ncolor. Emphasis is typically used to convey more visual urgency.\n\n`emphasis` accepts `high` or `low`.\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {Flex} from '@workday/canvas-kit-react/layout';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nconst parentContainerStyles = createStyles({\n gap: system.gap.md,\n});\n\nexport const Emphasis = () => {\n return (\n <Flex cs={parentContainerStyles}>\n <StatusIndicator emphasis=\"high\">\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>High Emphasis</StatusIndicator.Label>\n </StatusIndicator>\n <StatusIndicator emphasis=\"low\">\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>Low Emphasis</StatusIndicator.Label>\n </StatusIndicator>\n </Flex>\n );\n};\n```\n\n### Icon\n\nUse `StatusIndicator.Icon` to add an icon to the `StatusIndicator` as a visual decorator. The\nposition of the icon may be adjusted depending on where you place it in the markup.\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {Flex} from '@workday/canvas-kit-react/layout';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nconst parentContainerStyles = createStyles({\n gap: system.gap.md,\n});\n\nexport const Icon = () => {\n return (\n <Flex cs={parentContainerStyles}>\n <StatusIndicator>\n <StatusIndicator.Icon aria-label=\"unpublished\" icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n </StatusIndicator>\n <StatusIndicator variant=\"positive\">\n <StatusIndicator.Label>published</StatusIndicator.Label>\n <StatusIndicator.Icon aria-label=\"published\" icon={cloudArrowUpIcon} />\n </StatusIndicator>\n </Flex>\n );\n};\n```\n\n### Overflow\n\nWe **strongly** discourage using text in a `StatusIndicator` which will cause it to exceed its\nmaximum width of `200px`. In situations where this cannot be avoided and text must be overflowed, we\nsuggest wrapping `StatusIndicator` in an `OverflowTooltip` and applying `tabIndex={0}` to it so the\noverflowed text is accessible via keyboard and mouse. You may also override the default `maxWidth`\nof `StatusIndicator` via [style props](/get-started/for-developers/documentation/style-props/).\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {OverflowTooltip} from '@workday/canvas-kit-react/tooltip';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {base} from '@workday/canvas-tokens-web';\n\nconst statusIndicatorStyles = createStyles({\n maxWidth: base.size1200,\n});\n\nexport const Overflow = () => {\n return (\n <OverflowTooltip>\n <StatusIndicator tabIndex={0} cs={statusIndicatorStyles}>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>\n Your workbook is currently in process of saving\n </StatusIndicator.Label>\n </StatusIndicator>\n </OverflowTooltip>\n );\n};\n```\n\n### Variants\n\nSet the `variant` prop of `StatusIndicator` to adjust its background color. `variant` accepts the\nfollowing values:\n\n- `gray`\n- `orange`\n- `blue`\n- `green`\n- `red`\n- `transparent`\n\nThe background color dictated by the `variant` will be dark or light based on the `emphasis`.\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {Flex} from '@workday/canvas-kit-react/layout';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nconst styleOverrides = {\n parentContainerStyles: createStyles({\n gap: system.gap.md,\n flexDirection: 'column',\n }),\n innerContainerStyles: createStyles({\n gap: system.gap.md,\n }),\n};\n\nexport const Variants = () => {\n return (\n <Flex cs={styleOverrides.parentContainerStyles}>\n <Flex cs={styleOverrides.innerContainerStyles}>\n <StatusIndicator>\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant=\"caution\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant=\"info\">\n <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant=\"positive\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant=\"critical\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant=\"transparent\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n </Flex>\n <Flex cs={styleOverrides.innerContainerStyles}>\n <StatusIndicator emphasis=\"high\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis=\"high\" variant=\"caution\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis=\"high\" variant=\"info\">\n <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis=\"high\" variant=\"positive\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis=\"high\" variant=\"critical\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis=\"high\" variant=\"transparent\">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n </Flex>\n </Flex>\n );\n};\n```\n\n### Custom Example\n\nYou can customize both the icon and color of the `StatusIndicator` to create a custom variant.\n```tsx\nimport React from 'react';\n\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {systemIconStencil} from '@workday/canvas-kit-react/icon';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {documentSparkleIcon} from '@workday/canvas-system-icons-web';\nimport {base, system} from '@workday/canvas-tokens-web';\n\nconst customStyles = createStyles({\n background: base.blue900,\n [systemIconStencil.vars.color]: system.color.fg.inverse,\n color: system.color.fg.inverse,\n});\n\nexport const Custom = () => {\n return (\n <StatusIndicator cs={customStyles}>\n <StatusIndicator.Icon icon={documentSparkleIcon} size=\"xxs\" />\n <StatusIndicator.Label>AI Content</StatusIndicator.Label>\n </StatusIndicator>\n );\n};\n```\n\n### Custom Styles\n\nStatus Indicator and its subcomponents support custom styling via the `cs` prop. For more\ninformation, check our\n[\"How To Customize Styles\"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).\n\n## Component API\n\n",
|
|
578
|
-
accessibilityProse: ""
|
|
577
|
+
mdxProse: '# Canvas Kit Status Indicator\n\nStatus Indicators help the user quickly identify the status of a task, action, or page element.\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-preview-react\n```\n\n## Usage\n\n### Basic Example\n\n`StatusIndicator` includes a container `StatusIndicator` component and the following subcomponents\nwhich can be composed in a variety of ways: `StatusIndicator.Label` and `StatusIndicator.Icon`.\n\nA basic `StatusIndicator` with a `StatusIndicator.Label` will render text with a gray background and\nlow emphasis.\n```tsx\nimport React from \'react\';\n\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\n\nexport const Basic = () => {\n return (\n <StatusIndicator>\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n </StatusIndicator>\n );\n};\n```\n\n### Emphasis\n\nSet the `emphasis` prop of `StatusIndicator` to adjust the contrast between the text and background\ncolor. Emphasis is typically used to convey more visual urgency.\n\n`emphasis` accepts `high` or `low`.\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {Flex} from \'@workday/canvas-kit-react/layout\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {system} from \'@workday/canvas-tokens-web\';\n\nconst parentContainerStyles = createStyles({\n gap: system.gap.md,\n});\n\nexport const Emphasis = () => {\n return (\n <Flex cs={parentContainerStyles}>\n <StatusIndicator emphasis="high">\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>High Emphasis</StatusIndicator.Label>\n </StatusIndicator>\n <StatusIndicator emphasis="low">\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>Low Emphasis</StatusIndicator.Label>\n </StatusIndicator>\n </Flex>\n );\n};\n```\n\n### Icon\n\nUse `StatusIndicator.Icon` to add an icon to the `StatusIndicator` as a visual decorator. The\nposition of the icon may be adjusted depending on where you place it in the markup.\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {Flex} from \'@workday/canvas-kit-react/layout\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {system} from \'@workday/canvas-tokens-web\';\n\nconst parentContainerStyles = createStyles({\n gap: system.gap.md,\n});\n\nexport const Icon = () => {\n return (\n <Flex cs={parentContainerStyles}>\n <StatusIndicator>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n </StatusIndicator>\n <StatusIndicator variant="positive">\n <StatusIndicator.Label>published</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n </Flex>\n );\n};\n```\n\n> **Accessibility Note**: In this example, the icon is used as a decoration and is intentionally\n> hidden from screen readers. If you\'re using icons to convey additional information, add\n> `role="img"` and a translated `aria-label` string to `StatusIndicator.Icon`.\n\n### Overflow\n\nWe **strongly** discourage using text in a `StatusIndicator` which will cause it to exceed its\nmaximum width of `200px`. In situations where this cannot be avoided and text must be overflowed, we\nsuggest wrapping `StatusIndicator` in an `OverflowTooltip` and applying `tabIndex={0}` to it so the\noverflowed text is accessible via keyboard and mouse. You may also override the default `maxWidth`\nof `StatusIndicator` via [style props](/get-started/for-developers/documentation/style-props/).\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {OverflowTooltip} from \'@workday/canvas-kit-react/tooltip\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {base} from \'@workday/canvas-tokens-web\';\n\nconst statusIndicatorStyles = createStyles({\n maxWidth: base.size1200,\n});\n\nexport const Overflow = () => {\n return (\n <OverflowTooltip>\n <StatusIndicator tabIndex={0} cs={statusIndicatorStyles}>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>\n Your workbook is currently in process of saving\n </StatusIndicator.Label>\n </StatusIndicator>\n </OverflowTooltip>\n );\n};\n```\n\n### Variants\n\nSet the `variant` prop of `StatusIndicator` to adjust its background color. `variant` accepts the\nfollowing values:\n\n- `neutral` (default; `gray` is a deprecated alias)\n- `caution` (`orange` is a deprecated alias)\n- `info` (`blue` is a deprecated alias)\n- `positive` (`green` is a deprecated alias)\n- `critical` (`red` is a deprecated alias)\n- `transparent`\n\nThe background color dictated by the `variant` will be dark or light based on the `emphasis`.\n`variant` and `emphasis` change color only\u2014they do not change the accessible name. Put the status\nmeaning in **`StatusIndicator.Label`**.\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {Flex} from \'@workday/canvas-kit-react/layout\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {system} from \'@workday/canvas-tokens-web\';\n\nconst styleOverrides = {\n parentContainerStyles: createStyles({\n gap: system.gap.md,\n flexDirection: \'column\',\n }),\n innerContainerStyles: createStyles({\n gap: system.gap.md,\n }),\n};\n\nexport const Variants = () => {\n return (\n <Flex cs={styleOverrides.parentContainerStyles}>\n <Flex cs={styleOverrides.innerContainerStyles}>\n <StatusIndicator>\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant="caution">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant="info">\n <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant="positive">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant="critical">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator variant="transparent">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n </Flex>\n <Flex cs={styleOverrides.innerContainerStyles}>\n <StatusIndicator emphasis="high">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis="high" variant="caution">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis="high" variant="info">\n <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis="high" variant="positive">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis="high" variant="critical">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n <StatusIndicator emphasis="high" variant="transparent">\n <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n </StatusIndicator>\n </Flex>\n </Flex>\n );\n};\n```\n\n### Custom Example\n\nYou can customize both the icon and color of the `StatusIndicator` to create a custom variant.\n```tsx\nimport React from \'react\';\n\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {systemIconStencil} from \'@workday/canvas-kit-react/icon\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {documentSparkleIcon} from \'@workday/canvas-system-icons-web\';\nimport {base, system} from \'@workday/canvas-tokens-web\';\n\nconst customStyles = createStyles({\n background: base.blue900,\n [systemIconStencil.vars.color]: system.color.fg.inverse,\n color: system.color.fg.inverse,\n});\n\nexport const Custom = () => {\n return (\n <StatusIndicator cs={customStyles}>\n <StatusIndicator.Icon icon={documentSparkleIcon} size="xxs" />\n <StatusIndicator.Label>AI Content</StatusIndicator.Label>\n </StatusIndicator>\n );\n};\n```\n\n### Custom Styles\n\nStatus Indicator and its subcomponents support custom styling via the `cs` prop. For more\ninformation, check our\n["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).\n\n## Accessibility\n\n`StatusIndicator` is a compact, **non-interactive** status label. The accessibility goal is that\nassistive technology users get the same status meaning as sighted users from\n**`StatusIndicator.Label`** text\u2014not from color, emphasis, or a decorative icon.\n\n### Minimum Accessible Structure\n\nThe following matches the [Basic Example](#basic-example): a container and a visible label. Icon is\noptional.\n\n```tsx\n\n<StatusIndicator>\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\nAlways include **`StatusIndicator.Label`** with concise text that names the status. Do not rely on\n**`variant`**, **`emphasis`**, or **`StatusIndicator.Icon`** as the only indicator of meaning.\n\n### Built-in Behaviors\n\nCanvas Kit applies visual layout and color through `statusIndicatorStencil` when you compose\n**`StatusIndicator`**, **`StatusIndicator.Label`**, and optionally **`StatusIndicator.Icon`**. It\ndoes **not** apply `role="img"` or an accessible name on the icon. **Do not duplicate them** in\nconsuming code. Only add icon ARIA when the informative-icon requirement below applies.\n\n**ARIA and DOM** (_applied by subcomponents_):\n\n- **`StatusIndicator`**: renders a `div` (override with `as` if needed). Default `maxWidth` is\n `200px`. Default `variant` is `neutral`; default `emphasis` is `low`. No ARIA role is set.\n- **`StatusIndicator.Label`**: renders a `span` with bold subtext, `white-space: nowrap`,\n `overflow: hidden`, and `text-overflow: ellipsis`. Truncation is visual; the full text remains in\n the accessibility tree.\n- **`StatusIndicator.Icon`**: renders `SystemIcon` at size `20`. It does **not** set `role="img"` or\n `aria-label`. If `icon.type` is missing, the icon renders nothing.\n\n**Keyboard** (_not a control by default_):\n\n- **`StatusIndicator`** is not in the tab order. There is no built-in keyboard behavior.\n\n**Screen reader expectations** (_when built-in behaviors are used as intended_):\n\n- Assistive technology should announce the **`StatusIndicator.Label`** text as the content of the\n indicator\n- `variant` and `emphasis` are **not** announced\n- A decorative **`StatusIndicator.Icon`** (no `role="img"`) should not add a separate accessible\n name\n- [**OverflowTooltip**](https://workday.github.io/canvas-kit/?path=/docs/components-popups-tooltip--docs#tooltips-on-overflowing-content)\n uses `type="muted"` and does not set `aria-label` on the target\u2014the accessible name stays the\n element\'s text content\n\n### Accessibility Requirements\n\nRequired in application code for an accessible Status Indicator. Rows marked _(conditional)_ apply\nonly when the situation matches\u2014otherwise omit.\n\n**If no design spec is provided:** include a visible **`StatusIndicator.Label`**; keep the icon\ndecorative (omit `role="img"` and `aria-label`); omit `tabIndex` and **`OverflowTooltip`**. Prefer\nshort label text so truncation is unnecessary.\n\n| Requirement | How to satisfy |\n| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| Visible status text | **`StatusIndicator.Label`** with translated text that names the status (for example, "Unpublished", not color alone) |\n| Color is not the only indicator | Use **`variant`** / **`emphasis`** only as visual reinforcement of the label. See [Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only](https://www.w3.org/WAI/WCAG22/Techniques/failures/F81) |\n| Decorative icon _(conditional)_ | **`StatusIndicator.Icon`** with `icon={...}` and **no** `role="img"` when the icon only supports the label visually |\n| Informative icon _(conditional)_ | On **`StatusIndicator.Icon`**, set `role="img"` and a translated `aria-label` that adds meaning **beyond** the label text |\n| Overflowed label _(conditional)_ | Avoid exceeding the `200px` max width. If truncation cannot be avoided, wrap **`StatusIndicator`** in **`OverflowTooltip`** and set `tabIndex={0}` so keyboard and mouse users can reveal the full text. See the [Overflow example](#overflow) |\n\n**Informative icon** _(conditional)_:\n\n```tsx\n\n<StatusIndicator>\n <StatusIndicator.Icon role="img" aria-label="Waiting to sync" icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\n**Summary for code generation:**\n\n- **REQUIRED:** visible **`StatusIndicator.Label`** whose text conveys the status\n- **CONDITIONAL:** `role="img"` + translated `aria-label` on **`StatusIndicator.Icon`**,\n **`OverflowTooltip`** + `tabIndex={0}`\n\n### Anti-Patterns\n\nDo **not** generate code that does the following (see **Accessibility Requirements** above for what\nto supply instead):\n\n- Omit **`StatusIndicator.Label`** or use an empty label, relying on `variant`, `emphasis`, or an\n icon for meaning\n- Set `role="img"` on a decorative **`StatusIndicator.Icon`**, or set `role="img"` without a\n translated `aria-label`\u2014that can expose an unnamed image to assistive technology. See **Decorative\n icon** and **Informative icon** in **Accessibility Requirements**\n- Duplicate the label text as `aria-label` on the icon when the icon adds no extra meaning\n- Add `role="status"`, `aria-live`, or `aria-label` on **`StatusIndicator`** by default\u2014Canvas Kit\n does not wire these, and they change how assistive technology treats a static label. If a design\n requires announcing asynchronous updates, see\n [ARIA Live Regions](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-aria-live-regions--docs)\n- Truncate label text without **`OverflowTooltip`** and `tabIndex={0}` when keyboard users must read\n the overflow\n\n## Component API\n\n',
|
|
578
|
+
accessibilityProse: '## Accessibility\n\n`StatusIndicator` is a compact, **non-interactive** status label. The accessibility goal is that\nassistive technology users get the same status meaning as sighted users from\n**`StatusIndicator.Label`** text\u2014not from color, emphasis, or a decorative icon.\n\n### Minimum Accessible Structure\n\nThe following matches the [Basic Example](#basic-example): a container and a visible label. Icon is\noptional.\n\n```tsx\n\n<StatusIndicator>\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\nAlways include **`StatusIndicator.Label`** with concise text that names the status. Do not rely on\n**`variant`**, **`emphasis`**, or **`StatusIndicator.Icon`** as the only indicator of meaning.\n\n### Built-in Behaviors\n\nCanvas Kit applies visual layout and color through `statusIndicatorStencil` when you compose\n**`StatusIndicator`**, **`StatusIndicator.Label`**, and optionally **`StatusIndicator.Icon`**. It\ndoes **not** apply `role="img"` or an accessible name on the icon. **Do not duplicate them** in\nconsuming code. Only add icon ARIA when the informative-icon requirement below applies.\n\n**ARIA and DOM** (_applied by subcomponents_):\n\n- **`StatusIndicator`**: renders a `div` (override with `as` if needed). Default `maxWidth` is\n `200px`. Default `variant` is `neutral`; default `emphasis` is `low`. No ARIA role is set.\n- **`StatusIndicator.Label`**: renders a `span` with bold subtext, `white-space: nowrap`,\n `overflow: hidden`, and `text-overflow: ellipsis`. Truncation is visual; the full text remains in\n the accessibility tree.\n- **`StatusIndicator.Icon`**: renders `SystemIcon` at size `20`. It does **not** set `role="img"` or\n `aria-label`. If `icon.type` is missing, the icon renders nothing.\n\n**Keyboard** (_not a control by default_):\n\n- **`StatusIndicator`** is not in the tab order. There is no built-in keyboard behavior.\n\n**Screen reader expectations** (_when built-in behaviors are used as intended_):\n\n- Assistive technology should announce the **`StatusIndicator.Label`** text as the content of the\n indicator\n- `variant` and `emphasis` are **not** announced\n- A decorative **`StatusIndicator.Icon`** (no `role="img"`) should not add a separate accessible\n name\n- [**OverflowTooltip**](https://workday.github.io/canvas-kit/?path=/docs/components-popups-tooltip--docs#tooltips-on-overflowing-content)\n uses `type="muted"` and does not set `aria-label` on the target\u2014the accessible name stays the\n element\'s text content\n\n### Accessibility Requirements\n\nRequired in application code for an accessible Status Indicator. Rows marked _(conditional)_ apply\nonly when the situation matches\u2014otherwise omit.\n\n**If no design spec is provided:** include a visible **`StatusIndicator.Label`**; keep the icon\ndecorative (omit `role="img"` and `aria-label`); omit `tabIndex` and **`OverflowTooltip`**. Prefer\nshort label text so truncation is unnecessary.\n\n| Requirement | How to satisfy |\n| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| Visible status text | **`StatusIndicator.Label`** with translated text that names the status (for example, "Unpublished", not color alone) |\n| Color is not the only indicator | Use **`variant`** / **`emphasis`** only as visual reinforcement of the label. See [Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only](https://www.w3.org/WAI/WCAG22/Techniques/failures/F81) |\n| Decorative icon _(conditional)_ | **`StatusIndicator.Icon`** with `icon={...}` and **no** `role="img"` when the icon only supports the label visually |\n| Informative icon _(conditional)_ | On **`StatusIndicator.Icon`**, set `role="img"` and a translated `aria-label` that adds meaning **beyond** the label text |\n| Overflowed label _(conditional)_ | Avoid exceeding the `200px` max width. If truncation cannot be avoided, wrap **`StatusIndicator`** in **`OverflowTooltip`** and set `tabIndex={0}` so keyboard and mouse users can reveal the full text. See the [Overflow example](#overflow) |\n\n**Informative icon** _(conditional)_:\n\n```tsx\n\n<StatusIndicator>\n <StatusIndicator.Icon role="img" aria-label="Waiting to sync" icon={cloudArrowUpIcon} />\n <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\n**Summary for code generation:**\n\n- **REQUIRED:** visible **`StatusIndicator.Label`** whose text conveys the status\n- **CONDITIONAL:** `role="img"` + translated `aria-label` on **`StatusIndicator.Icon`**,\n **`OverflowTooltip`** + `tabIndex={0}`\n\n### Anti-Patterns\n\nDo **not** generate code that does the following (see **Accessibility Requirements** above for what\nto supply instead):\n\n- Omit **`StatusIndicator.Label`** or use an empty label, relying on `variant`, `emphasis`, or an\n icon for meaning\n- Set `role="img"` on a decorative **`StatusIndicator.Icon`**, or set `role="img"` without a\n translated `aria-label`\u2014that can expose an unnamed image to assistive technology. See **Decorative\n icon** and **Informative icon** in **Accessibility Requirements**\n- Duplicate the label text as `aria-label` on the icon when the icon adds no extra meaning\n- Add `role="status"`, `aria-live`, or `aria-label` on **`StatusIndicator`** by default\u2014Canvas Kit\n does not wire these, and they change how assistive technology treats a static label. If a design\n requires announcing asynchronous updates, see\n [ARIA Live Regions](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-aria-live-regions--docs)\n- Truncate label text without **`OverflowTooltip`** and `tabIndex={0}` when keyboard users must read\n the overflow'
|
|
579
579
|
},
|
|
580
580
|
radio: {
|
|
581
581
|
title: "Preview/Inputs/Radio",
|