@workday/canvas-kit-mcp 15.0.5 → 15.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/apps/dialog.html +6 -6
  2. package/dist/apps/modal.html +1 -1
  3. package/dist/apps/popper.html +1 -1
  4. package/dist/apps/popup.html +1 -1
  5. package/dist/apps/toast.html +1 -1
  6. package/dist/cli.js +7 -7
  7. package/dist/cli.js.map +2 -2
  8. package/dist/index.js +7 -7
  9. package/dist/index.js.map +2 -2
  10. package/package.json +2 -2
package/dist/apps/toast.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,u=s.length,c={};l<u;l++)if(o=s[l],o&&o[1]in t){for(l=0;l<o.length;l++)c[s[0][l]]=o[l];return c}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},i={request:function(o,s){return new Promise((function(l,u){var c=(function(){this.off("change",c),l()}).bind(this);this.on("change",c),o=o||t.documentElement;var d=o[a.requestFullscreen](s);d instanceof Promise&&d.then(c).catch(u)}).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 u=t[a.exitFullscreen]();u instanceof Promise&&u.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})()})(NM);var mJ=NM.exports;const Ji=Sb(mJ),gJ={lightest:"lightest",lighter:"lighter",light:"light",main:"base",dark:"dark",darkest:"darkest",contrast:"accent"},x0={lightest:"25",lighter:"50",light:"200",main:"600",dark:"700",darkest:"800"},hJ={primary:"primary",error:"critical",success:"positive",alert:"caution",neutral:"neutral"},vJ={focusOutline:Ot.focus,alertInner:Ot.caution.inner,alertOuter:Ot.caution.outer,errorInner:Ot.critical},bJ=yo({[Ot.alertInner]:zu,[Ot.alertOuter]:Bu,[Ot.errorInner]:dM,[Ot.focusOutline]:XP,[br.accent]:Un,[br.darkest]:SM,[br.dark]:yM,[br.base]:bM,[br.light]:vM,[br.lighter]:hM,[br.lightest]:gM,[jt.accent]:Un,[jt.darkest]:oM,[jt.dark]:iM,[jt.base]:aM,[jt.light]:rM,[jt.lighter]:nM,[jt.lightest]:tM,[Et.accent]:Un,[Et.darkest]:mM,[Et.dark]:fM,[Et.base]:pM,[Et.light]:cM,[Et.lighter]:uM,[Et.lightest]:lM,[_t.accent]:sM,[_t.darkest]:WP,[_t.dark]:Bu,[_t.base]:zu,[_t.light]:VP,[_t.lighter]:HP,[_t.lightest]:GP,[tt.accent]:Un,[tt.darkest]:eM,[tt.dark]:QP,[tt.base]:JP,[tt.light]:KP,[tt.lighter]:YP,[tt.lightest]:ZP,[EM.primary]:`linear-gradient(90deg, ${tt.base} 0%, ${tt.dark} 100%)`,[$.brand.focus.primary]:Ot.focusOutline,[$.brand.border.primary]:Ot.focusOutline,[$.brand.accent.primary]:tt.base,[$.brand.accent.action]:tt.base,[$.brand.accent.critical]:Et.base,[$.brand.accent.caution]:_t.base,[$.brand.accent.positive]:jt.base,[$.brand.fg.primary.default]:tt.base,[$.brand.fg.primary.strong]:tt.dark,[$.brand.fg.critical.default]:Et.base,[$.brand.fg.critical.strong]:Et.dark,[$.brand.fg.caution.default]:_t.darkest,[$.brand.fg.caution.strong]:_t.darkest,[$.brand.fg.positive.default]:jt.base,[$.brand.fg.positive.strong]:jt.dark,[$.brand.fg.selected]:tt.dark,[$.brand.focus.critical]:Et.dark,[$.brand.border.critical]:Et.base,...$.brand.focus.caution?{[$.brand.focus.caution.inner]:Ot.alertInner,[$.brand.focus.caution.outer]:_t.dark}:{},[$.brand.border.caution]:_t.dark,[$.brand.surface.primary.default]:tt.lightest,[$.brand.surface.primary.strong]:tt.lighter,[$.brand.surface.critical.default]:Et.lightest,[$.brand.surface.critical.strong]:Et.lighter,[$.brand.surface.caution.default]:_t.lightest,[$.brand.surface.caution.strong]:_t.lighter,[$.brand.surface.positive.default]:jt.lightest,[$.brand.surface.positive.strong]:jt.lighter,[$.brand.surface.selected]:tt.lighter}),CM=(e,t)=>{const n=BX(e),a=(t.className||"").split(" ").concat(bJ).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]!==In.palette.common[s]){const l=hb(i.common[s]);r[Ot[s]]=l,r[vJ[s]]=l,s==="focusOutline"&&(r[$.brand.focus.primary]=l,r[$.brand.border.primary]=l),s==="alertInner"&&(r[$.brand.focus.caution.inner]=l),s==="alertOuter"&&(r[$.brand.border.caution]=l),s==="errorInner"&&(r[$.brand.focus.critical]=l,r[$.brand.border.critical]=l)}}):["lightest","lighter","light","main","dark","darkest","contrast"].forEach(s=>{var l,u,c,d,p;if(i[o][s]!==In.palette[o][s]){const g=hb(i[o][s]);if(r[b0[o][gJ[s]]]=g,s!=="contrast"&&s in x0){const v=hJ[o],y=x0[s],w=b0[v+y];if(w&&(r[w]=g),s==="main"){const h=$.brand.accent[v];h&&(r[h]=g);const f=(l=$.brand.fg[v])==null?void 0:l.default;if(f&&(r[f]=g),v==="primary"&&!(i.common.focusOutline!==In.palette.common.focusOutline)){const b=$.brand.focus.primary;r[b]=g}}else if(s==="dark"){const h=(u=$.brand.fg[v])==null?void 0:u.strong;if(h&&(r[h]=g),v==="primary"){const f=$.brand.fg.selected;r[f]=g}if(v==="critical"){const f=$.brand.focus.critical;r[f]=g;const m=$.brand.border.critical;r[m]=g}if(v==="caution"){const f=(c=$.brand.focus.caution)==null?void 0:c.outer;r[f]=g;const m=$.brand.border.caution;r[m]=g}}else if(s==="lighter"){const h=(d=$.brand.surface[v])==null?void 0:d.strong;if(h&&(r[h]=g),v==="primary"){const f=$.brand.surface.selected;r[f]=g}}else if(s==="lightest"){const h=(p=$.brand.surface[v])==null?void 0:p.default;h&&(r[h]=g)}}}})}),{...t,className:a,style:r}},yJ=({children:e,theme:t={canvas:{}},...n})=>{var s;const{className:a,...r}=CM(t,n),i=NX(),o={...r,...n};return T.jsx(o7,{value:i,children:T.jsx(d7,{theme:t,children:T.jsx("div",{dir:((s=t==null?void 0:t.canvas)==null?void 0:s.direction)||In.direction,...o,children:e})})})},SJ=e=>qX[e]||qn(e),EJ=e=>GX[e],_J=e=>HX[e]||qn(e),kJ=e=>VX[e]||qn(e),wJ=e=>L_.properties.fontFamilies[e]||qn(e),TJ=e=>L_.properties.fontSizes[e]||qn(e),IJ=e=>L_.properties.fontWeights[e]||qn(e);function dt(e){return e.reduce((t={},n)=>{const a=r=>n.properties.reduce((i={},o)=>{if(n.system==="color")return{...i,[o]:SJ(r)};if(n.system==="depth"){const s=EJ(r);return{...i,...s}}return n.system==="font"?{...i,[o]:wJ(r)}:n.system==="fontSize"?{...i,[o]:TJ(r)}:n.system==="fontWeight"?{...i,[o]:IJ(r)}:n.system==="shape"?{...i,[o]:_J(r)}:n.system==="space"?{...i,[o]:kJ(r)}:{...i,[o]:r}},{});return{...t,[n.name]:a}},{})}function en(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 OM=[{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"}],RJ=dt(OM),xJ=en(RJ),$M=[{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"}],AJ=dt($M),LM=[{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"}],NJ=dt(LM),DM=[{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"}],CJ=dt(DM),PM=[{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"}],OJ=dt(PM),MM=[{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"}],$J=dt(MM),LJ=en({...AJ,...NJ,...CJ,...OJ,...$J}),DJ=[...$M,...LM,...DM,...PM,...MM],UM=[{name:"backgroundColor",properties:["backgroundColor"],system:"color"},{name:"color",properties:["color"],system:"color"},{name:"opacity",properties:["opacity"],system:"none"}],PJ=dt(UM),MJ=en(PJ),FM=[{name:"boxShadow",properties:["boxShadow"],system:"none"},{name:"depth",properties:["boxShadow"],system:"depth"}],UJ=dt(FM),FJ=en(UJ),zM=[{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"}],zJ=dt(zM),BJ=en(zJ),BM=[{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"}],jJ=dt(BM),qJ=en(jJ),jM=[{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"}],GJ=dt(jM),HJ=en(GJ),qM=[{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"}],VJ=dt(qM),WJ=en(VJ),GM=[{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"}],ZJ=dt(GM),YJ=en(ZJ),HM=[{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"}],KJ=dt(HM),XJ=en(KJ),VM=[{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"}],JJ=dt(VM),QJ=en(JJ),eQ=["display","color","height","overflow","width","border","background","fontSize","fontWeight","fontFamily","letterSpacing","lineHeight","textAlign","opacity","textDecoration","textOverflow","textTransform","textShadow","whiteSpace","wordBreak"],tQ=e=>OP(e)&&!eQ.includes(e),F_=e=>[{boxSizing:"border-box"},xJ,LJ,MJ,FJ,BJ,qJ,HJ,WJ,YJ,XJ,QJ].reduce((t,n)=>{const a=typeof n=="function"?n(e):n;for(const r in a)t[r]=a[r];return t},{}),nQ=Wo("div",{shouldForwardProp:tQ})(F_),rQ=Wo("div")(F_),z_=Fe("div")({displayName:"Box",Component:({children:e,...t},n,a)=>{const r=TM(()=>typeof a=="string"?nQ:rQ);return T.jsx(r,{as:a,ref:n,...qr(t),children:e})}}),WM=[{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"}],aQ=dt(WM),ZM=en(aQ),YM=[{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"}],iQ=dt(YM),oQ=en(iQ),sQ=[...OM,...DJ,...UM,...FM,...WM,...zM,...YM,...BM,...jM,...qM,...GM,...HM,...VM].reduce((e,t)=>(e[t.name]=!0,e),{});function lQ(e){return sQ[e]||!1}function pt(e,t){const n={};let a=!1;const r=Object.keys(e).reduce((o,s)=>(lQ(s)?(a=!0,n[s]=e[s]):o[s]=e[s],o),{});let i={};return a&&(i={...F_(n),...ZM(n),...oQ(n)}),qr(r,[t,i])}const uQ=Wo(z_)({display:"flex"},ZM),cQ=Fe("div")({displayName:"Flex",Component:({children:e,...t},n,a)=>T.jsx(uQ,{as:a,ref:n,...t,children:e}),subComponents:{Item:z_}}),ba=Ue({base:{},modifiers:{typeLevel:{"title.large":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.title.lg,lineHeight:I.lineHeight.title.lg,color:$.fg.strong},"title.medium":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.title.md,lineHeight:I.lineHeight.title.md,color:$.fg.strong},"title.small":{fontFamily:kt.default,fontWeight:wt.bold,lineHeight:I.lineHeight.title.sm,fontSize:I.fontSize.title.sm,color:$.fg.strong},"heading.large":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.heading.lg,lineHeight:I.lineHeight.heading.lg,color:$.fg.strong},"heading.medium":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.heading.md,lineHeight:I.lineHeight.heading.md,color:$.fg.strong},"heading.small":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.heading.sm,lineHeight:I.lineHeight.heading.sm,color:$.fg.strong},"body.large":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.body.lg,lineHeight:I.lineHeight.body.lg,color:$.fg.default},"body.medium":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.body.md,lineHeight:I.lineHeight.body.md,color:$.fg.default},"body.small":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.body.sm,lineHeight:I.lineHeight.body.sm,letterSpacing:I.letterSpacing.body.sm,color:$.fg.default},"subtext.large":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,color:$.fg.default},"subtext.medium":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.md,lineHeight:I.lineHeight.subtext.md,letterSpacing:I.letterSpacing.subtext.md,color:$.fg.default},"subtext.small":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.sm,lineHeight:I.lineHeight.subtext.sm,letterSpacing:I.letterSpacing.subtext.sm,color:$.fg.default}},variant:{error:{color:I.color.brand.fg.critical.default},hint:{color:$.fg.muted.default},inverse:{color:$.fg.inverse}}}});Fe("span")({displayName:"Text",Component:({children:e,typeLevel:t,variant:n,...a},r,i)=>T.jsx(i,{ref:r,...pt(a,ba({typeLevel:t,variant:n})),children:e})});const dQ=Ue({extends:ba,base:{}}),pQ=Fe("p")({displayName:"Subtext",Component:({size:e,variant:t,...n},a,r)=>{const i=`subtext.${e}`;return T.jsx(r,{ref:a,...pt(n,dQ({typeLevel:i,variant:t}))})}}),fQ=Ue({extends:ba,base:{}});Fe("p")({displayName:"BodyText",Component:({size:e,variant:t,...n},a,r)=>{const i=`body.${e}`;return T.jsx(r,{ref:a,...pt(n,fQ({typeLevel:i,variant:t}))})}});const mQ=Ue({extends:ba,base:{}});Fe("h2")({displayName:"Heading",Component:({size:e,variant:t,...n},a,r)=>{const i=`heading.${e}`;return T.jsx(r,{ref:a,...pt(n,mQ({typeLevel:i,variant:t}))})}});const gQ=Ue({extends:ba,base:{}});Fe("h1")({displayName:"Title",Component:({size:e,variant:t,...n},a,r)=>{const i=`title.${e}`;return T.jsx(r,{ref:a,...pt(n,gQ({typeLevel:i,variant:t}))})}});const hQ=Ue({extends:ba,base:{},defaultModifiers:{typeLevel:"subtext.large"}}),vQ=Fe("div")({displayName:"Card.Body",Component:({children:e,...t},n,a)=>T.jsx(a,{ref:n,...pt(t,hQ()),children:e})}),bQ=Ue({extends:ba,base:{color:$.fg.strong,fontWeight:wt.bold,marginBlock:I.padding.none},defaultModifiers:{typeLevel:"body.large"}}),yQ=Fe("h3")({displayName:"Card.Heading",Component:({children:e,...t},n,a)=>T.jsx(a,{ref:n,...pt(t,bQ()),children:e})}),SQ=Ue({base:{display:"flex",flexDirection:"column",gap:I.gap.lg,padding:I.padding.xl,backgroundColor:I.color.surface.default,borderRadius:I.shape.xxl,border:`${He(1)} solid ${I.color.border.default}`},modifiers:{variant:{borderless:{borderColor:"transparent"},tonal:{backgroundColor:I.color.surface.alt.default,borderColor:$.border.transparent}}}}),B_=Fe("div")({displayName:"Card",Component:({children:e,variant:t,...n},a,r)=>T.jsx(r,{ref:a,...pt(n,SQ({variant:t})),children:e}),subComponents:{Heading:yQ,Body:vQ}});function EQ(e){return e.length?e[e.length-1]:null}function KM(e,t){const{min:n,max:a}=j_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function cv(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(KM(a,t))})}function _Q(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function kQ(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:_Q(a.owner,t)})).filter(a=>a.parent===e.element)}function XM(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?XM(e[a],n.join(".")):e[a]}function JM(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),JM(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const QM=e=>{if(typeof window<"u")return XM(window,e)},eU=(e,t)=>{typeof window<"u"&&JM(window,e,t)},A0=(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},j_=QM("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:KM},_adapter:{}};eU("workday.__popupStack",j_);const Jn=QM("workday.__popupStackOfStacks")||[j_];Jn.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";eU("workday.__popupStackOfStacks",Jn);function Yn(){return Jn[Jn.length-1]}const rn={createContainer(){var n;const e=Yn();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=Yn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),A0(t,e.owner).appendChild(e.element),cv(rn.getElements())},remove(e){var n;const t=Jn.find(a=>!!rn.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),A0(t,a==null?void 0:a.owner).removeChild(e),cv(rn.getElements(t))}},isTopmost(e){var a;const t=Yn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=EQ(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Yn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Yn();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],kQ(n,t.items).forEach(r=>{rn.bringToTop(r.element)}),cv(rn.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Yn();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 c;if(l>30)return!1;if(o.element===s||o.owner===s||o.element.contains(s)||(c=o.owner)!=null&&c.contains(s))return!0;const u=n.items.find(d=>d.owner&&o.element.contains(d.owner));return u?r(u,s,l+1):!1}},pushStackContext(e){var a,r;const t=Yn();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:{}};Jn.push(n)},popStackContext(e){var n,a;const t=Yn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&Jn.length>1&&Jn.pop()},transferToCurrentContext(e){var a;const t=Yn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;Jn.find(r=>!!r.items.find(i=>i.element===e.element))&&rn.remove(e.element),rn.add(e)}};let Fl=null;Ji.isEnabled&&Ji.on("change",()=>{Ji.isFullscreen?Ji.element&&(Fl=Ji.element,rn.pushStackContext(Fl)):Fl&&rn.popStackContext(Fl)});const dv=U_({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=IM(e.id),[n,a]=ee.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),N0=()=>{},gr=U_({defaultContext:{state:{},events:{show:N0,hide:N0}},defaultConfig:{...dv.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:dv.requiredConfig})(e=>{const t=se.useRef(null),n=se.useRef(null),[a,r]=se.useState("bottom"),i=dv(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}});gr.Context;const wQ=ll()(({state:e})=>({role:"dialog","aria-labelledby":e.id})),tU=ll()(({events:e})=>({onClick:e.hide})),TQ=ll()(({state:e})=>({id:e.id})),IQ=ll()(({state:e,events:t},n)=>{const a=M_(n,e.stackRef),r=ee.useRef(e.placement);r.current=e.placement;const i=ee.useCallback(o=>{o!==r.current&&t.updatePlacement({placement:o})},[t]);return{open:e.visibility!=="hidden",anchorElement:e.targetRef,ref:a,onPlacementChange:i}}),RQ=(e,t)=>{const{elementRef:n,localRef:a}=xM(e),r=ee.useContext(Vo),{style:i}=CM(r,{}),o=ee.useRef(!0),[s]=ee.useState(()=>{if(o.current){const l=rn.createContainer();return n(l),o.current=!1,l}return a.current});return ee.useLayoutEffect(()=>{const l=a.current;if(!l)return;const u=Object.keys(i);if(u.length!==0)for(const c of u)l.style.setProperty(c,i[c])},[a,i]),ee.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,u=a.current;return rn.add({element:u,owner:l}),()=>{rn.remove(u)}},[a,t,s]),ee.useLayoutEffect(()=>{var c,d;let u=(t?"current"in t?t.current:t:void 0)??void 0;if(u==null&&typeof document<"u"){const p=document.activeElement,g=a.current;u=(p&&g&&!g.contains(p)?p:document.body).closest("[dir]")??document.documentElement}if(u){const p=u.getAttribute("dir");(p!=null?p.toLowerCase()==="rtl":tJ(u))?(c=a.current)==null||c.setAttribute("dir","rtl"):(d=a.current)==null||d.setAttribute("dir","ltr")}},[a,t]),a},xQ=ll()(({events:e,state:t},n)=>({ref:M_(n,t.targetRef),onClick:r=>{t.targetRef.current instanceof Element||(t.targetRef.current=r.currentTarget),t.visibility!=="hidden"?e.hide(r):e.show(r)}})),AQ=Ue({base:{overflowY:"auto",paddingInline:I.padding.xs}}),NQ=mr("div")({displayName:"Popup.Body",modelHook:gr})(e=>T.jsx(B_.Body,{...pt(e,AQ())})),CQ=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"}},bb=Ra("positionX","positionY"),OQ=CX({"0%":{opacity:1,transform:`translate(${F(bb.positionX)}, ${F(bb.positionY)})`},"100%":{opacity:1,transform:"translate(0)"}});function C0(e){const t={zero:I.gap.none,xxxs:I.gap.xs,xxs:I.gap.sm,xs:He(12),s:I.gap.md,m:I.gap.lg,l:I.gap.xl,xl:He(40),xxl:I.gap.xxl,xxxl:He(80)};return e&&e in t?t[e]:e}function $Q(e){let t=F(bo.size500);if(e)if(typeof e=="string"){const n=e.split(" "),a=C0(n[0]),r=C0(n[2])||a;t=`(${a} + ${r})`}else t=`${e*2}px`;return`calc(100dvh - ${t})`}const LQ=Ue({vars:{maxHeight:"",transformOriginHorizontal:"",transformOriginVertical:""},base:({maxHeight:e,transformOriginHorizontal:t,transformOriginVertical:n})=>({fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,color:$.fg.default,position:"relative",maxWidth:qu.subtract("100vw",I.size.sm),gap:I.gap.lg,boxShadow:iX[3],minHeight:0,padding:I.padding.xl,borderRadius:I.shape.xxxl,maxHeight:e,overflowY:"auto",animationName:OQ,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${n} ${t}`,".wd-no-animation &":{animation:"none"},"@media screen and (max-width: 768px)":{transformOrigin:"bottom center"}})}),DQ=mr("div")({displayName:"Popup.Card",modelHook:gr,elemPropsHook:wQ})(({children:e,ref:t,...n},a,r)=>{const i=se.useMemo(()=>CQ(r.state.placement||"bottom"),[r.state.placement]),o=eJ(i,I.gap.sm),s=$Q(n.margin);return T.jsx(B_,{as:a,ref:t,...pt(n,[LQ({transformOriginHorizontal:i.horizontal,transformOriginVertical:i.vertical,maxHeight:s}),bb({positionX:o.x,positionY:o.y})]),children:e})}),nU=Ue({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)"}}}}}),PQ=(e,t)=>e?e in t?t[e]:typeof e=="number"?He(e):e:"",MQ=Fe("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):T.jsx(o,{ref:i,dangerouslySetInnerHTML:{__html:n.svg},...qr(r,nU({shouldMirror:e,shouldMirrorInRTL:t}))})}),Rd={System:"system"},ul={name:"check",type:Rd.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-check" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="oklch(0.3523 0 0 / 1)" d="M18.94 6.646a.5.5 0 0 1 .706 0l.707.707a.5.5 0 0 1 0 .707l-9.646 9.647a1 1 0 0 1-1.414 0L4.646 13.06a.5.5 0 0 1 0-.707l.707-.707a.5.5 0 0 1 .707 0l3.94 3.94z" class="wd-icon-fill"/></svg>',filename:"wd-icon-check.svg",category:"Notification",tags:["success","complete","check mark"]},UQ={name:"exclamation-circle",type:Rd.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"]},FQ={name:"x",type:Rd.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"]},ue=Ue({extends:nU,vars:{color:"",accentColor:"",backgroundColor:""},base:({size:e,accentColor:t,backgroundColor:n,color:a})=>({"& svg":{width:F(e,nr.systemIcon.size.lg),height:F(e,nr.systemIcon.size.lg)},".wd-icon .wd-icon-fill":{fill:F(a,nr.systemIcon.color.fill)},".wd-icon .wd-icon-accent, & .wd-icon-accent2":{fill:F(t,F(a,nr.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:{}}),rU=Fe("span")({displayName:"SystemIcon",Component:({accent:e,background:t,color:n,icon:a,size:r,...i},o,s)=>T.jsx(MQ,{as:s,src:a,type:Rd.System,ref:o,...qr(i,ue({size:PQ(r,nr.systemIcon.size),color:n,accentColor:e,backgroundColor:t}))})}),zQ=yo({position:"relative",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"}),BQ=Fe("span")({displayName:"ButtonLabel",Component:({children:e,...t},n,a)=>T.jsx(z_,{as:a,ref:n,...qr(t,zQ),children:e})}),jQ=Ue({base:{display:"inline-block"},modifiers:{size:{extraSmall:{[ue.vars.size]:nr.systemIcon.size.xs},small:{[ue.vars.size]:nr.systemIcon.size.md},medium:{[ue.vars.size]:nr.systemIcon.size.md},large:{[ue.vars.size]:nr.systemIcon.size.lg}}}}),qQ=Fe("span")({Component:({icon:e,size:t="medium",shouldMirrorIcon:n=!1,shouldMirrorIconInRTL:a=!1,...r},i,o)=>e===void 0?null:T.jsx(rU,{ref:i,as:o,icon:e,shouldMirror:n,shouldMirrorInRTL:a,...qr(r,jQ({size:t}))})}),Z={default:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),focus:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),hover:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),active:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),disabled:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius")},V=Ue({vars:{background:"",border:"",boxShadowInner:"",boxShadowOuter:"",label:"",opacity:"",borderRadius:""},base:({background:e,border:t,boxShadowInner:n,boxShadowOuter:a,label:r,opacity:i,borderRadius:o})=>({fontFamily:kt.default,fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,fontWeight:wt.bold,backgroundColor:F(Z.default.background,F(e,"transparent")),color:F(Z.default.label,F(r,$.fg.strong)),borderWidth:He(1),borderStyle:"solid",gap:I.gap.sm,borderColor:F(Z.default.border,F(t,"transparent")),cursor:"pointer",display:"inline-flex",boxShadow:"none",alignItems:"center",justifyContent:"center",outline:`${He(2)} transparent`,whiteSpace:"nowrap",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",borderRadius:F(Z.default.borderRadius,F(o,I.shape.full)),position:"relative",verticalAlign:"middle",overflow:"hidden",[ue.vars.color]:F(Z.default.icon,$.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,Or.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,$.fg.strong)),[ue.vars.color]:F(Z.focus.icon,$.fg.strong),outline:`${He(2)} solid transparent`,outlineOffset:He(2),boxShadow:`0 0 0 ${He(2)} ${F(Z.focus.boxShadowInner,F(n,I.color.border.inverse.default))},0 0 0 ${He(4)} ${F(Z.focus.boxShadowOuter,F(a,I.color.brand.focus.primary))}`},"&:hover, &.hover":{backgroundColor:F(Z.hover.background,F(e,I.color.surface.contrast.strong)),borderColor:F(Z.hover.border,F(t,"transparent")),color:F(Z.hover.label,F(r,$.fg.stronger)),[ue.vars.color]:F(Z.hover.icon,$.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,$.fg.strong)),[ue.vars.color]:F(Z.active.icon,$.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,$.fg.strong)),[ue.vars.color]:F(Z.disabled.icon,"currentColor")},"@media (prefers-contrast: more)":{'&[aria-pressed="true"]':{outline:`${He(2)} solid transparent`,outlineOffset:`-${He(1)}`},'&[aria-pressed="true"]:focus-visible, &[aria-pressed="true"].focus':{outline:`${He(4)} double transparent`,outlineOffset:0}},svg:{pointerEvents:"none"}}),modifiers:{size:{large:{fontSize:I.fontSize.body.sm,lineHeight:I.lineHeight.body.sm,letterSpacing:I.letterSpacing.body.sm,height:I.size.lg,paddingInline:I.padding.xxl,minWidth:bo.size1400},medium:{fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,minWidth:bo.size1200,paddingInline:I.padding.xl,height:I.size.md},small:{fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,height:I.size.sm,minWidth:bo.size1000,paddingInline:I.padding.md,gap:I.gap.xs},extraSmall:{fontSize:I.fontSize.subtext.md,lineHeight:I.lineHeight.subtext.md,letterSpacing:I.letterSpacing.subtext.md,height:I.size.xs,minWidth:"auto",paddingInline:I.padding.sm,gap:I.gap.xs}},grow:{true:{width:"100%",maxWidth:"100%"}},iconPosition:{only:{padding:0},start:{},end:{}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:I.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xl,paddingInlineEnd:I.padding.xxl}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:I.padding.xxl,paddingInlineEnd:I.padding.xl}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:I.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:I.padding.lg,paddingInlineEnd:I.padding.xl}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:I.padding.xl,paddingInlineEnd:I.padding.lg}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:I.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.md}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:I.padding.md,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:I.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}}]}),zl=Fe("button")({displayName:"BaseButton",Component:({children:e,size:t,fillIcon:n,grow:a,iconPosition:r,icon:i,colors:o,...s},l,u)=>T.jsx(u,{ref:l,type:"button",...pt(s,[V({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:qQ,Label:BQ}}),GQ=Ue({base:{fontFamily:kt.default,textDecoration:"underline",color:I.color.fg.info.default,cursor:"pointer",borderRadius:He(2),padding:`0 ${He(2)} `,margin:"0 -2px",transition:"color 0.15s,background-color 0.15s",wordBreak:"break-word","&:hover, &.hover":{color:I.color.fg.info.strong,background:I.color.surface.alt.default},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${He(2)} ${I.color.brand.focus.primary}`,outline:"none"},"&:active, &.active":{color:I.color.fg.info.strong,background:I.color.surface.alt.default}},modifiers:{variant:{inverse:{color:$.fg.inverse,"&:hover, &.hover":{color:$.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${He(2)} ${$.fg.inverse}`},"&:active, &.active":{color:I.color.fg.info.strong,background:I.color.surface.navigation}},standalone:{textDecoration:"none"},standaloneInverse:{textDecoration:"none",color:$.fg.inverse,"&:hover, &.hover":{color:$.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${He(2)} ${I.color.focus.inverse}`},"&:active, &.active":{color:I.color.fg.info.strong,background:I.color.surface.navigation}}}}}),HQ=Fe("a")({displayName:"Hyperlink",Component:({children:e,variant:t,...n},a,r)=>T.jsx(r,{ref:a,...qr(n,GQ({variant:t})),children:e})}),aU=Fe("button")({displayName:"Button",Component:({children:e,icon:t,colors:n,iconPosition:a,shouldMirrorIcon:r,shouldMirrorIconInRTL:i,size:o="medium",...s},l,u)=>{const c=a||(t?e?"start":"only":void 0);return T.jsxs(zl,{as:u,ref:l,size:o,icon:t,colors:n,iconPosition:c,...s,children:[t&&c==="start"&&T.jsx(zl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i}),e&&T.jsx(zl.Label,{children:e}),t&&c&&["only","end"].includes(c)&&T.jsx(zl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i})]})}}),VQ=Ue({extends:V,base:{[V.vars.background]:I.color.surface.transparent,[V.vars.borderRadius]:I.shape.full,[V.vars.border]:$.border.input.default,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.default,[V.vars.label]:$.fg.strong,[V.vars.boxShadowInner]:I.color.focus.inverse,[V.vars.boxShadowOuter]:I.color.brand.focus.primary,[ue.vars.color]:F(Z.focus.icon,"currentColor")},"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.label]:$.fg.strong,[V.vars.border]:I.color.border.input.hover,[ue.vars.color]:F(Z.hover.icon,"currentColor")},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.label]:$.fg.strong,[V.vars.border]:I.color.border.input.hover,[ue.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{variant:{inverse:{[V.vars.background]:I.color.surface.transparent,[V.vars.border]:I.color.border.inverse.default,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.border]:I.color.border.inverse.default,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.inverse,[V.vars.border]:$.border.transparent,[V.vars.label]:$.fg.contrast.default,[V.vars.boxShadowInner]:$.border.contrast.default,[V.vars.boxShadowOuter]:I.color.focus.inverse,[ue.vars.color]:F(Z.focus.icon,"currentColor")},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.border]:I.color.border.inverse.default,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor")}}}}}),q_=Fe("button")({displayName:"SecondaryButton",Component:({children:e,variant:t,size:n,iconPosition:a,grow:r,cs:i,...o},s,l)=>T.jsx(aU,{as:l,ref:s,iconPosition:a,size:n,grow:r,cs:[VQ({variant:t,iconPosition:a,grow:r,size:n}),i],...o,children:e})}),WQ=Ue({extends:V,base:{paddingInline:I.padding.xs,minWidth:"auto",borderWidth:He(2),[V.vars.borderRadius]:I.shape.full,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.focus.icon,"currentColor"),[V.vars.border]:$.border.transparent,[V.vars.label]:$.fg.contrast.default,...E0({width:2,separation:0,innerColor:I.color.focus.inverse,outerColor:I.color.brand.focus.primary})},"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.label]:$.fg.strong,[ue.vars.color]:$.fg.strong,textDecoration:"underline"},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.label]:$.fg.strong,[ue.vars.color]:F(Z.active.icon,"currentColor"),textDecoration:"underline"},"&:disabled, &.disabled":{textDecoration:"none",[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{iconPosition:{only:{padding:0,[ue.vars.color]:F(Z.default.icon,$.fg.default),"&:focus-visible, &.focus":{[ue.vars.color]:F(Z.focus.icon,$.fg.strong)},"&:hover, &.hover":{[ue.vars.color]:F(Z.hover.icon,$.fg.strong)},"&:active, &.active":{[ue.vars.color]:F(Z.active.icon,$.fg.strong)},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[ue.vars.color]:F(Z.disabled.icon,$.fg.default)}},start:{},end:{}},variant:{inverse:{[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.inverse,[V.vars.label]:$.fg.contrast.default,[ue.vars.color]:F(Z.focus.icon,"currentColor"),...E0({width:2,separation:2,innerColor:$.border.contrast.default,outerColor:I.color.focus.inverse})},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor")}}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:I.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:I.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:I.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:I.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xxs,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.xxs}}]}),ZQ=Fe("button")({displayName:"TertiaryButton",Component:({children:e,icon:t,size:n="medium",variant:a,iconPosition:r,grow:i,cs:o,...s},l,u)=>{const c=r||(t?e?"start":"only":void 0);return T.jsx(aU,{as:u,ref:l,icon:t,size:n,iconPosition:r,grow:i,cs:[WQ({size:n,variant:a,grow:i,iconPosition:c}),o],...s,children:e})}}),YQ=mr(q_)({displayName:"Popup.CloseButton",modelHook:gr,elemPropsHook:tU})(({children:e,...t},n)=>T.jsx(n,{type:"button",...t,children:e})),KQ=Ue({base:{position:"absolute",insetInlineEnd:I.padding.xs,top:I.padding.xs}}),XQ=mr("button")({displayName:"Popup.CloseIcon",modelHook:gr,elemPropsHook:tU})(({children:e,...t},n)=>T.jsx(ZQ,{as:n,size:"medium",icon:FQ,type:"button",...pt(t,KQ())})),JQ=Ue({base:{paddingInline:I.padding.xs}}),QQ=mr("h2")({displayName:"Popup.Heading",modelHook:gr,elemPropsHook:TQ})(({children:e,...t},n)=>T.jsx(B_.Heading,{as:n,...pt(t,JQ()),children:e}));var fn="top",xn="bottom",An="right",mn="left",G_="auto",cl=[fn,xn,An,mn],vi="start",H_="end",eee="clippingParents",iU="viewport",Qi="popper",tee="reference",O0=cl.reduce(function(e,t){return e.concat([t+"-"+vi,t+"-"+H_])},[]),oU=[].concat(cl,[G_]).reduce(function(e,t){return e.concat([t,t+"-"+vi,t+"-"+H_])},[]),nee="beforeRead",ree="read",aee="afterRead",iee="beforeMain",oee="main",see="afterMain",lee="beforeWrite",uee="write",cee="afterWrite",dee=[nee,ree,aee,iee,oee,see,lee,uee,cee];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 Zo(e){var t=Cn(e).Element;return e instanceof t||e instanceof Element}function Gn(e){var t=Cn(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function pee(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];!Gn(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 mee(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,u){return l[u]="",l},{});!Gn(r)||!Nn(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const gee={name:"applyStyles",enabled:!0,phase:"write",fn:fee,effect:mee,requires:["computeStyles"]};function jn(e){return e.split("-")[0]}function V_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function sU(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&pee(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function ar(e){return Cn(e).getComputedStyle(e)}function hee(e){return["table","td","th"].indexOf(Nn(e))>=0}function hr(e){return((Zo(e)?e.ownerDocument:e.document)||window.document).documentElement}function xd(e){return Nn(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||hr(e)}function $0(e){if(!Gn(e)||ar(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=hr(t);if(Nn(t)==="body"&&ar(t).position==="static"&&ar(n).position!=="static")return n}return t}function vee(e){for(var t=xd(e);Gn(t)&&["html","body"].indexOf(Nn(t))<0;){var n=ar(t);if(n.transform!=="none"||n.perspective!=="none"||n.willChange&&n.willChange!=="auto")return t;t=t.parentNode}return null}function dl(e){for(var t=Cn(e),n=$0(e);n&&hee(n)&&ar(n).position==="static";)n=$0(n);return n&&Nn(n)==="body"&&ar(n).position==="static"?t:n||vee(e)||t}function W_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ru(e,t,n){return Math.max(e,Math.min(t,n))}function lU(){return{top:0,right:0,bottom:0,left:0}}function uU(e){return Object.assign(Object.assign({},lU()),e)}function cU(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function bee(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=jn(n.placement),s=W_(o),l=[mn,An].indexOf(o)>=0,u=l?"height":"width";if(!(!r||!i)){var c=n.modifiersData[a+"#persistent"].padding,d=V_(r),p=s==="y"?fn:mn,g=s==="y"?xn:An,v=n.rects.reference[u]+n.rects.reference[s]-i[s]-n.rects.popper[u],y=i[s]-n.rects.reference[s],w=dl(r),h=w?s==="y"?w.clientHeight||0:w.clientWidth||0:0,f=v/2-y/2,m=c[p],b=h-d[u]-c[g],E=h/2-d[u]/2+f,_=ru(m,E,b),k=s;n.modifiersData[a]=(t={},t[k]=_,t.centerOffset=_-E,t)}}function yee(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)||sU(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:uU(typeof s!="number"?s:cU(s,cl))}))}const See={name:"arrow",enabled:!0,phase:"main",fn:bee,effect:yee,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var Eee={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _ee(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 L0(e){var t,n=e.popper,a=e.popperRect,r=e.placement,i=e.offsets,o=e.position,s=e.gpuAcceleration,l=e.adaptive,u=_ee(i),c=u.x,d=u.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),v=mn,y=fn,w=window;if(l){var h=dl(n);h===Cn(n)&&(h=hr(n)),r===fn&&(y=xn,d-=h.clientHeight-a.height,d*=s?1:-1),r===mn&&(v=An,c-=h.clientWidth-a.width,c*=s?1:-1)}var f=Object.assign({position:o},l&&Eee);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[y]=g?"0":"",m[v]=p?"0":"",m.transform=(w.devicePixelRatio||1)<2?"translate("+c+"px, "+d+"px)":"translate3d("+c+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[y]=g?d+"px":"",t[v]=p?c+"px":"",t.transform="",t))}function kee(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:jn(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),L0(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),L0(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 wee={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:kee,data:{}};var Bl={passive:!0};function Tee(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),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&u.forEach(function(c){c.addEventListener("scroll",n.update,Bl)}),s&&l.addEventListener("resize",n.update,Bl),function(){i&&u.forEach(function(c){c.removeEventListener("scroll",n.update,Bl)}),s&&l.removeEventListener("resize",n.update,Bl)}}const Iee={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Tee,data:{}};var Ree={left:"right",right:"left",bottom:"top",top:"bottom"};function au(e){return e.replace(/left|right|bottom|top/g,function(t){return Ree[t]})}var xee={start:"end",end:"start"};function D0(e){return e.replace(/start|end/g,function(t){return xee[t]})}function Yo(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 Z_(e){var t=Cn(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function Y_(e){return Yo(hr(e)).left+Z_(e).scrollLeft}function Aee(e){var t=Cn(e),n=hr(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+Y_(e),y:s}}function Nee(e){var t=hr(e),n=Z_(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+Y_(e),s=-n.scrollTop;return ar(a||t).direction==="rtl"&&(o+=Math.max(t.clientWidth,a?a.clientWidth:0)-r),{width:r,height:i,x:o,y:s}}function K_(e){var t=ar(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function dU(e){return["html","body","#document"].indexOf(Nn(e))>=0?e.ownerDocument.body:Gn(e)&&K_(e)?e:dU(xd(e))}function So(e,t){t===void 0&&(t=[]);var n=dU(e),a=Nn(n)==="body",r=Cn(n),i=a?[r].concat(r.visualViewport||[],K_(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(So(xd(i)))}function yb(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Cee(e){var t=Yo(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 P0(e,t){return t===iU?yb(Aee(e)):Gn(t)?Cee(t):yb(Nee(hr(e)))}function Oee(e){var t=So(xd(e)),n=["absolute","fixed"].indexOf(ar(e).position)>=0,a=n&&Gn(e)?dl(e):e;return Zo(a)?t.filter(function(r){return Zo(r)&&sU(r,a)&&Nn(r)!=="body"}):[]}function $ee(e,t,n){var a=t==="clippingParents"?Oee(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var u=P0(e,l);return s.top=Math.max(u.top,s.top),s.right=Math.min(u.right,s.right),s.bottom=Math.min(u.bottom,s.bottom),s.left=Math.max(u.left,s.left),s},P0(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 Ko(e){return e.split("-")[1]}function pU(e){var t=e.reference,n=e.element,a=e.placement,r=a?jn(a):null,i=a?Ko(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case fn:l={x:o,y:t.y-n.height};break;case xn:l={x:o,y:t.y+t.height};break;case An:l={x:t.x+t.width,y:s};break;case mn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var u=r?W_(r):null;if(u!=null){var c=u==="y"?"height":"width";switch(i){case vi:l[u]=Math.floor(l[u])-Math.floor(t[c]/2-n[c]/2);break;case H_:l[u]=Math.floor(l[u])+Math.ceil(t[c]/2-n[c]/2);break}}return l}function bi(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?eee:i,s=n.rootBoundary,l=s===void 0?iU:s,u=n.elementContext,c=u===void 0?Qi:u,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,v=g===void 0?0:g,y=uU(typeof v!="number"?v:cU(v,cl)),w=c===Qi?tee:Qi,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?w:c],b=$ee(Zo(m)?m:m.contextElement||hr(e.elements.popper),o,l),E=Yo(h),_=pU({reference:E,element:f,placement:r}),k=yb(Object.assign(Object.assign({},f),_)),C=c===Qi?k:E,O={top:b.top-C.top+y.top,bottom:C.bottom-b.bottom+y.bottom,left:b.left-C.left+y.left,right:C.right-b.right+y.right},P=e.modifiersData.offset;if(c===Qi&&P){var q=P[r];Object.keys(O).forEach(function(J){var Q=[An,xn].indexOf(J)>=0?1:-1,ve=[fn,xn].indexOf(J)>=0?"y":"x";O[J]+=q[ve]*Q})}return O}function Lee(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,u=l===void 0?oU:l,c=Ko(a),d=c?s?O0:O0.filter(function(v){return Ko(v)===c}):cl,p=d.filter(function(v){return u.indexOf(v)>=0});p.length===0&&(p=d);var g=p.reduce(function(v,y){return v[y]=bi(e,{placement:y,boundary:r,rootBoundary:i,padding:o})[jn(y)],v},{});return Object.keys(g).sort(function(v,y){return g[v]-g[y]})}function Dee(e){if(jn(e)===G_)return[];var t=au(e);return[D0(e),t,D0(t)]}function Pee(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,u=n.padding,c=n.boundary,d=n.rootBoundary,p=n.altBoundary,g=n.flipVariations,v=g===void 0?!0:g,y=n.allowedAutoPlacements,w=t.options.placement,h=jn(w),f=h===w,m=l||(f||!v?[au(w)]:Dee(w)),b=[w].concat(m).reduce(function(me,Ne){return me.concat(jn(Ne)===G_?Lee(t,{placement:Ne,boundary:c,rootBoundary:d,padding:u,flipVariations:v,allowedAutoPlacements:y}):Ne)},[]),E=t.rects.reference,_=t.rects.popper,k=new Map,C=!0,O=b[0],P=0;P<b.length;P++){var q=b[P],J=jn(q),Q=Ko(q)===vi,ve=[fn,xn].indexOf(J)>=0,_e=ve?"width":"height",fe=bi(t,{placement:q,boundary:c,rootBoundary:d,altBoundary:p,padding:u}),ke=ve?Q?An:mn:Q?xn:fn;E[_e]>_[_e]&&(ke=au(ke));var D=au(ke),z=[];if(i&&z.push(fe[J]<=0),s&&z.push(fe[ke]<=0,fe[D]<=0),z.every(function(me){return me})){O=q,C=!1;break}k.set(q,z)}if(C)for(var B=v?3:1,G=function(Ne){var Oe=b.find(function(Ke){var tn=k.get(Ke);if(tn)return tn.slice(0,Ne).every(function(ya){return ya})});if(Oe)return O=Oe,"break"},W=B;W>0;W--){var Ge=G(W);if(Ge==="break")break}t.placement!==O&&(t.modifiersData[a]._skip=!0,t.placement=O,t.reset=!0)}}const Mee={name:"flip",enabled:!0,phase:"main",fn:Pee,requiresIfExists:["offset"],data:{_skip:!1}};function M0(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 U0(e){return[fn,An,xn,mn].some(function(t){return e[t]>=0})}function Uee(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=bi(t,{elementContext:"reference"}),s=bi(t,{altBoundary:!0}),l=M0(o,a),u=M0(s,r,i),c=U0(l),d=U0(u);t.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:c,hasPopperEscaped:d},t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-reference-hidden":c,"data-popper-escaped":d})}const Fee={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Uee};function zee(e,t,n){var a=jn(e),r=[mn,fn].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,[mn,An].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function Bee(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=oU.reduce(function(c,d){return c[d]=zee(d,t.rects,i),c},{}),s=o[t.placement],l=s.x,u=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=u),t.modifiersData[a]=o}const jee={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Bee};function qee(e){var t=e.state,n=e.name;t.modifiersData[n]=pU({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const Gee={name:"popperOffsets",enabled:!0,phase:"read",fn:qee,data:{}};function Hee(e){return e==="x"?"y":"x"}function Vee(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,u=n.rootBoundary,c=n.altBoundary,d=n.padding,p=n.tether,g=p===void 0?!0:p,v=n.tetherOffset,y=v===void 0?0:v,w=bi(t,{boundary:l,rootBoundary:u,padding:d,altBoundary:c}),h=jn(t.placement),f=Ko(t.placement),m=!f,b=W_(h),E=Hee(b),_=t.modifiersData.popperOffsets,k=t.rects.reference,C=t.rects.popper,O=typeof y=="function"?y(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):y,P={x:0,y:0};if(_){if(i){var q=b==="y"?fn:mn,J=b==="y"?xn:An,Q=b==="y"?"height":"width",ve=_[b],_e=_[b]+w[q],fe=_[b]-w[J],ke=g?-C[Q]/2:0,D=f===vi?k[Q]:C[Q],z=f===vi?-C[Q]:-k[Q],B=t.elements.arrow,G=g&&B?V_(B):{width:0,height:0},W=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:lU(),Ge=W[q],me=W[J],Ne=ru(0,k[Q],G[Q]),Oe=m?k[Q]/2-ke-Ne-Ge-O:D-Ne-Ge-O,Ke=m?-k[Q]/2+ke+Ne+me+O:z+Ne+me+O,tn=t.elements.arrow&&dl(t.elements.arrow),ya=tn?b==="y"?tn.clientTop||0:tn.clientLeft||0:0,Sa=t.modifiersData.offset?t.modifiersData.offset[t.placement][b]:0,Ea=_[b]+Oe-Sa-ya,Ad=_[b]+Ke-Sa,_a=ru(g?Math.min(_e,Ea):_e,ve,g?Math.max(fe,Ad):fe);_[b]=_a,P[b]=_a-ve}if(s){var TU=b==="x"?fn:mn,IU=b==="x"?xn:An,pl=_[E],RU=pl+w[TU],xU=pl-w[IU],X_=ru(RU,pl,xU);_[E]=X_,P[E]=X_-pl}t.modifiersData[a]=P}}const Wee={name:"preventOverflow",enabled:!0,phase:"main",fn:Vee,requiresIfExists:["offset"]};function Zee(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Yee(e){return e===Cn(e)||!Gn(e)?Z_(e):Zee(e)}function Kee(e,t,n){n===void 0&&(n=!1);var a=hr(t),r=Yo(e),i=Gn(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((Nn(t)!=="body"||K_(a))&&(o=Yee(t)),Gn(t)?(s=Yo(t),s.x+=t.clientLeft,s.y+=t.clientTop):a&&(s.x=Y_(a))),{x:r.left+o.scrollLeft-s.x,y:r.top+o.scrollTop-s.y,width:r.width,height:r.height}}function Xee(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 Jee(e){var t=Xee(e);return dee.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function Qee(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function ete(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 F0={placement:"bottom",modifiers:[],strategy:"absolute"};function z0(){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 tte(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?F0:r;return function(s,l,u){u===void 0&&(u=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},F0),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:c,setOptions:function(h){y(),c.options=Object.assign(Object.assign(Object.assign({},i),c.options),h),c.scrollParents={reference:Zo(s)?So(s):s.contextElement?So(s.contextElement):[],popper:So(l)};var f=Jee(ete([].concat(a,c.options.modifiers)));return c.orderedModifiers=f.filter(function(m){return m.enabled}),v(),g.update()},forceUpdate:function(){if(!p){var h=c.elements,f=h.reference,m=h.popper;if(z0(f,m)){c.rects={reference:Kee(f,dl(m),c.options.strategy==="fixed"),popper:V_(m)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(P){return c.modifiersData[P.name]=Object.assign({},P.data)});for(var b=0;b<c.orderedModifiers.length;b++){if(c.reset===!0){c.reset=!1,b=-1;continue}var E=c.orderedModifiers[b],_=E.fn,k=E.options,C=k===void 0?{}:k,O=E.name;typeof _=="function"&&(c=_({state:c,options:C,name:O,instance:g})||c)}}}},update:Qee(function(){return new Promise(function(w){g.forceUpdate(),w(c)})}),destroy:function(){y(),p=!0}};if(!z0(s,l))return g;g.setOptions(u).then(function(w){!p&&u.onFirstUpdate&&u.onFirstUpdate(w)});function v(){c.orderedModifiers.forEach(function(w){var h=w.name,f=w.options,m=f===void 0?{}:f,b=w.effect;if(typeof b=="function"){var E=b({state:c,name:h,instance:g,options:m}),_=function(){};d.push(E||_)}})}function y(){d.forEach(function(w){return w()}),d=[]}return g}}var nte=[Iee,Gee,wee,gee,jee,Mee,Wee,See,Fee],rte=tte({defaultModifiers:nte});const ate=["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"],ite=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=ate.find(r=>r.includes(`${a}-${n}`))??a),a},fU=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=bi({...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]:fU(e.slice(1),t,n)},B0="fallbackModifier",j0={name:B0,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,ite(n),...a||[]],i=fU(r,e,n);e.placement!==i&&(e.modifiersData[B0]._skip=!0,e.placement=i,e.reset=!0)}},ote=["top","right","bottom","left"],mU=se.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?T.jsx(ute,{ref:a,portal:e,...n}):null),ste=e=>{if(e!==null)return"current"in e?e.current||void 0:e},lte={},ute=se.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=lte,placement:a="bottom",fallbackPlacements:r=ote,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},u)=>{const c=se.useRef(!0),{localRef:d,elementRef:p}=xM(l),[g,v]=se.useState(a),y=RQ(u,e),w=se.useRef(a);w.current=g;const h=se.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){v(m.placement),i==null||i(m.placement)}}),[v,i]);se.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:ste(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(y.current){const b=rte(m,y.current,{placement:a,...n,modifiers:[h,{...j0,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(b),()=>{b==null||b.destroy()}}},[e,t,y]),se.useLayoutEffect(()=>{var m;c.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...j0,options:{fallbackPlacements:r}},...n.modifiers||[]]}),c.current=!1},[n,a,r,h,d]);const f=T.jsx(T.Fragment,{children:cte(o)?o({placement:g}):o});return s?rO.createPortal(f,y.current):f});function cte(e){return typeof e=="function"}const dte={modifiers:[{name:"offset",options:{offset:()=>[0,4]}}]},pte=mr("div")({displayName:"Popup.Popper",modelHook:gr,elemPropsHook:IQ})(({children:e,...t})=>T.jsx(mU,{...t,popperOptions:dte,...t,children:e})),fte=mr(q_)({displayName:"Popup.Target",modelHook:gr,elemPropsHook:xQ})((e,t)=>T.jsx(t,{...e})),gU=P_()({displayName:"Popup",modelHook:gr,subComponents:{Target:fte,Popper:pte,Card:DQ,CloseIcon:XQ,Heading:QQ,Body:NQ,CloseButton:YQ}})(({children:e})=>T.jsx(T.Fragment,{children:e})),mte=Ue({base:{alignItems:"flex-start",flexDirection:"column",justifyContent:"center",paddingBlock:I.padding.md,flexGrow:1,gap:I.gap.xs}}),gte=Fe("div")({displayName:"Toast.Body",Component:({children:e,...t},n,a)=>T.jsx(cQ,{ref:n,as:a,...pt(t,mte()),children:e})}),hte=Ue({base:{position:"relative"}}),vte=Fe("button")({displayName:"Toast.CloseIcon",Component:(e,t,n)=>T.jsx(gU.CloseIcon,{as:n,ref:t,size:"small",...pt(e,hte())})}),bte=Ue({base:{alignSelf:"start",margin:`${I.gap.md} ${bo.size150}`}}),yte=Fe("div")({displayName:"Toast.Icon",Component:(e,t,n)=>T.jsx(rU,{ref:t,as:n,...qr(e,bte())})}),Ste=Fe("a")({displayName:"Toast.Link",Component:({children:e,href:t,...n},a,r)=>T.jsx(HQ,{ref:a,href:t,as:r,...n,children:e})}),hU=U_({defaultConfig:{mode:"status",id:""}})(e=>{const t=IM(e.id);return{state:{...e,id:t},events:{}}}),Ete=Ue({base:{wordBreak:"break-word",marginBlock:0}}),_te=mr("p")({modelHook:hU})(({children:e,...t},n,a)=>T.jsx(pQ,{size:"large",id:a.state.id,as:n,...pt(t,Ete()),children:e})),kte=(e,t)=>{switch(e){case"dialog":return{"aria-describedby":t,"aria-labelledby":void 0,role:"dialog"};case"alert":return{role:"alert","aria-live":"assertive","aria-atomic":!0};case"status":return{role:"status","aria-live":"polite","aria-atomic":!0};default:return{}}},wte=Ue({base:{display:"flex",flexDirection:"row",width:He(360),padding:0,gap:I.gap.xs,borderRadius:I.shape.xl}}),Se=P_("div")({displayName:"Toast",modelHook:hU,subComponents:{Body:gte,CloseIcon:vte,Icon:yte,Message:_te,Link:Ste}})(({children:e,...t},n,a)=>T.jsx(gU.Card,{...kte(a.state.mode,a.state.id),...pt(t,wte()),children:e})),vU=()=>T.jsxs(Se,{children:[T.jsx(Se.Icon,{icon:ul,color:$.fg.success.default}),T.jsx(Se.Body,{children:T.jsx(Se.Message,{children:"Your workbook was successfully processed."})})]});vU.__RAW__=`import {Toast} from '@workday/canvas-kit-react/toast';
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,u=s.length,c={};l<u;l++)if(o=s[l],o&&o[1]in t){for(l=0;l<o.length;l++)c[s[0][l]]=o[l];return c}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},i={request:function(o,s){return new Promise((function(l,u){var c=(function(){this.off("change",c),l()}).bind(this);this.on("change",c),o=o||t.documentElement;var d=o[a.requestFullscreen](s);d instanceof Promise&&d.then(c).catch(u)}).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 u=t[a.exitFullscreen]();u instanceof Promise&&u.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})()})(NM);var mJ=NM.exports;const Ji=Sb(mJ),gJ={lightest:"lightest",lighter:"lighter",light:"light",main:"base",dark:"dark",darkest:"darkest",contrast:"accent"},x0={lightest:"25",lighter:"50",light:"200",main:"600",dark:"700",darkest:"800"},hJ={primary:"primary",error:"critical",success:"positive",alert:"caution",neutral:"neutral"},vJ={focusOutline:Ot.focus,alertInner:Ot.caution.inner,alertOuter:Ot.caution.outer,errorInner:Ot.critical},bJ=yo({[Ot.alertInner]:zu,[Ot.alertOuter]:Bu,[Ot.errorInner]:dM,[Ot.focusOutline]:XP,[br.accent]:Un,[br.darkest]:SM,[br.dark]:yM,[br.base]:bM,[br.light]:vM,[br.lighter]:hM,[br.lightest]:gM,[jt.accent]:Un,[jt.darkest]:oM,[jt.dark]:iM,[jt.base]:aM,[jt.light]:rM,[jt.lighter]:nM,[jt.lightest]:tM,[Et.accent]:Un,[Et.darkest]:mM,[Et.dark]:fM,[Et.base]:pM,[Et.light]:cM,[Et.lighter]:uM,[Et.lightest]:lM,[_t.accent]:sM,[_t.darkest]:WP,[_t.dark]:Bu,[_t.base]:zu,[_t.light]:VP,[_t.lighter]:HP,[_t.lightest]:GP,[tt.accent]:Un,[tt.darkest]:eM,[tt.dark]:QP,[tt.base]:JP,[tt.light]:KP,[tt.lighter]:YP,[tt.lightest]:ZP,[EM.primary]:`linear-gradient(90deg, ${tt.base} 0%, ${tt.dark} 100%)`,[$.brand.focus.primary]:Ot.focusOutline,[$.brand.border.primary]:Ot.focusOutline,[$.brand.accent.primary]:tt.base,[$.brand.accent.action]:tt.base,[$.brand.accent.critical]:Et.base,[$.brand.accent.caution]:_t.base,[$.brand.accent.positive]:jt.base,[$.brand.fg.primary.default]:tt.base,[$.brand.fg.primary.strong]:tt.dark,[$.brand.fg.critical.default]:Et.base,[$.brand.fg.critical.strong]:Et.dark,[$.brand.fg.caution.default]:_t.darkest,[$.brand.fg.caution.strong]:_t.darkest,[$.brand.fg.positive.default]:jt.base,[$.brand.fg.positive.strong]:jt.dark,[$.brand.fg.selected]:tt.dark,[$.brand.focus.critical]:Et.dark,[$.brand.border.critical]:Et.base,...$.brand.focus.caution?{[$.brand.focus.caution.inner]:Ot.alertInner,[$.brand.focus.caution.outer]:_t.dark}:{},[$.brand.border.caution]:_t.dark,[$.brand.surface.primary.default]:tt.lightest,[$.brand.surface.primary.strong]:tt.lighter,[$.brand.surface.critical.default]:Et.lightest,[$.brand.surface.critical.strong]:Et.lighter,[$.brand.surface.caution.default]:_t.lightest,[$.brand.surface.caution.strong]:_t.lighter,[$.brand.surface.positive.default]:jt.lightest,[$.brand.surface.positive.strong]:jt.lighter,[$.brand.surface.selected]:tt.lighter}),CM=(e,t)=>{const n=BX(e),a=(t.className||"").split(" ").concat(bJ).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]!==In.palette.common[s]){const l=hb(i.common[s]);r[Ot[s]]=l,r[vJ[s]]=l,s==="focusOutline"&&(r[$.brand.focus.primary]=l,r[$.brand.border.primary]=l),s==="alertInner"&&(r[$.brand.focus.caution.inner]=l),s==="alertOuter"&&(r[$.brand.border.caution]=l),s==="errorInner"&&(r[$.brand.focus.critical]=l,r[$.brand.border.critical]=l)}}):["lightest","lighter","light","main","dark","darkest","contrast"].forEach(s=>{var l,u,c,d,p;if(i[o][s]!==In.palette[o][s]){const g=hb(i[o][s]);if(r[b0[o][gJ[s]]]=g,s!=="contrast"&&s in x0){const v=hJ[o],y=x0[s],w=b0[v+y];if(w&&(r[w]=g),s==="main"){const h=$.brand.accent[v];h&&(r[h]=g);const f=(l=$.brand.fg[v])==null?void 0:l.default;if(f&&(r[f]=g),v==="primary"&&!(i.common.focusOutline!==In.palette.common.focusOutline)){const b=$.brand.focus.primary;r[b]=g}}else if(s==="dark"){const h=(u=$.brand.fg[v])==null?void 0:u.strong;if(h&&(r[h]=g),v==="primary"){const f=$.brand.fg.selected;r[f]=g}if(v==="critical"){const f=$.brand.focus.critical;r[f]=g;const m=$.brand.border.critical;r[m]=g}if(v==="caution"){const f=(c=$.brand.focus.caution)==null?void 0:c.outer;r[f]=g;const m=$.brand.border.caution;r[m]=g}}else if(s==="lighter"){const h=(d=$.brand.surface[v])==null?void 0:d.strong;if(h&&(r[h]=g),v==="primary"){const f=$.brand.surface.selected;r[f]=g}}else if(s==="lightest"){const h=(p=$.brand.surface[v])==null?void 0:p.default;h&&(r[h]=g)}}}})}),{...t,className:a,style:r}},yJ=({children:e,theme:t={canvas:{}},...n})=>{var s;const{className:a,...r}=CM(t,n),i=NX(),o={...r,...n};return T.jsx(o7,{value:i,children:T.jsx(d7,{theme:t,children:T.jsx("div",{dir:((s=t==null?void 0:t.canvas)==null?void 0:s.direction)||In.direction,...o,children:e})})})},SJ=e=>qX[e]||qn(e),EJ=e=>GX[e],_J=e=>HX[e]||qn(e),kJ=e=>VX[e]||qn(e),wJ=e=>L_.properties.fontFamilies[e]||qn(e),TJ=e=>L_.properties.fontSizes[e]||qn(e),IJ=e=>L_.properties.fontWeights[e]||qn(e);function dt(e){return e.reduce((t={},n)=>{const a=r=>n.properties.reduce((i={},o)=>{if(n.system==="color")return{...i,[o]:SJ(r)};if(n.system==="depth"){const s=EJ(r);return{...i,...s}}return n.system==="font"?{...i,[o]:wJ(r)}:n.system==="fontSize"?{...i,[o]:TJ(r)}:n.system==="fontWeight"?{...i,[o]:IJ(r)}:n.system==="shape"?{...i,[o]:_J(r)}:n.system==="space"?{...i,[o]:kJ(r)}:{...i,[o]:r}},{});return{...t,[n.name]:a}},{})}function en(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 OM=[{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"}],RJ=dt(OM),xJ=en(RJ),$M=[{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"}],AJ=dt($M),LM=[{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"}],NJ=dt(LM),DM=[{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"}],CJ=dt(DM),PM=[{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"}],OJ=dt(PM),MM=[{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"}],$J=dt(MM),LJ=en({...AJ,...NJ,...CJ,...OJ,...$J}),DJ=[...$M,...LM,...DM,...PM,...MM],UM=[{name:"backgroundColor",properties:["backgroundColor"],system:"color"},{name:"color",properties:["color"],system:"color"},{name:"opacity",properties:["opacity"],system:"none"}],PJ=dt(UM),MJ=en(PJ),FM=[{name:"boxShadow",properties:["boxShadow"],system:"none"},{name:"depth",properties:["boxShadow"],system:"depth"}],UJ=dt(FM),FJ=en(UJ),zM=[{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"}],zJ=dt(zM),BJ=en(zJ),BM=[{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"}],jJ=dt(BM),qJ=en(jJ),jM=[{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"}],GJ=dt(jM),HJ=en(GJ),qM=[{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"}],VJ=dt(qM),WJ=en(VJ),GM=[{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"}],ZJ=dt(GM),YJ=en(ZJ),HM=[{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"}],KJ=dt(HM),XJ=en(KJ),VM=[{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"}],JJ=dt(VM),QJ=en(JJ),eQ=["display","color","height","overflow","width","border","background","fontSize","fontWeight","fontFamily","letterSpacing","lineHeight","textAlign","opacity","textDecoration","textOverflow","textTransform","textShadow","whiteSpace","wordBreak"],tQ=e=>OP(e)&&!eQ.includes(e),F_=e=>[{boxSizing:"border-box"},xJ,LJ,MJ,FJ,BJ,qJ,HJ,WJ,YJ,XJ,QJ].reduce((t,n)=>{const a=typeof n=="function"?n(e):n;for(const r in a)t[r]=a[r];return t},{}),nQ=Wo("div",{shouldForwardProp:tQ})(F_),rQ=Wo("div")(F_),z_=Fe("div")({displayName:"Box",Component:({children:e,...t},n,a)=>{const r=TM(()=>typeof a=="string"?nQ:rQ);return T.jsx(r,{as:a,ref:n,...qr(t),children:e})}}),WM=[{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"}],aQ=dt(WM),ZM=en(aQ),YM=[{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"}],iQ=dt(YM),oQ=en(iQ),sQ=[...OM,...DJ,...UM,...FM,...WM,...zM,...YM,...BM,...jM,...qM,...GM,...HM,...VM].reduce((e,t)=>(e[t.name]=!0,e),{});function lQ(e){return sQ[e]||!1}function pt(e,t){const n={};let a=!1;const r=Object.keys(e).reduce((o,s)=>(lQ(s)?(a=!0,n[s]=e[s]):o[s]=e[s],o),{});let i={};return a&&(i={...F_(n),...ZM(n),...oQ(n)}),qr(r,[t,i])}const uQ=Wo(z_)({display:"flex"},ZM),cQ=Fe("div")({displayName:"Flex",Component:({children:e,...t},n,a)=>T.jsx(uQ,{as:a,ref:n,...t,children:e}),subComponents:{Item:z_}}),ba=Ue({base:{},modifiers:{typeLevel:{"title.large":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.title.lg,lineHeight:I.lineHeight.title.lg,color:$.fg.strong},"title.medium":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.title.md,lineHeight:I.lineHeight.title.md,color:$.fg.strong},"title.small":{fontFamily:kt.default,fontWeight:wt.bold,lineHeight:I.lineHeight.title.sm,fontSize:I.fontSize.title.sm,color:$.fg.strong},"heading.large":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.heading.lg,lineHeight:I.lineHeight.heading.lg,color:$.fg.strong},"heading.medium":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.heading.md,lineHeight:I.lineHeight.heading.md,color:$.fg.strong},"heading.small":{fontFamily:kt.default,fontWeight:wt.bold,fontSize:I.fontSize.heading.sm,lineHeight:I.lineHeight.heading.sm,color:$.fg.strong},"body.large":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.body.lg,lineHeight:I.lineHeight.body.lg,color:$.fg.default},"body.medium":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.body.md,lineHeight:I.lineHeight.body.md,color:$.fg.default},"body.small":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.body.sm,lineHeight:I.lineHeight.body.sm,letterSpacing:I.letterSpacing.body.sm,color:$.fg.default},"subtext.large":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,color:$.fg.default},"subtext.medium":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.md,lineHeight:I.lineHeight.subtext.md,letterSpacing:I.letterSpacing.subtext.md,color:$.fg.default},"subtext.small":{fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.sm,lineHeight:I.lineHeight.subtext.sm,letterSpacing:I.letterSpacing.subtext.sm,color:$.fg.default}},variant:{error:{color:I.color.brand.fg.critical.default},hint:{color:$.fg.muted.default},inverse:{color:$.fg.inverse}}}});Fe("span")({displayName:"Text",Component:({children:e,typeLevel:t,variant:n,...a},r,i)=>T.jsx(i,{ref:r,...pt(a,ba({typeLevel:t,variant:n})),children:e})});const dQ=Ue({extends:ba,base:{}}),pQ=Fe("p")({displayName:"Subtext",Component:({size:e,variant:t,...n},a,r)=>{const i=`subtext.${e}`;return T.jsx(r,{ref:a,...pt(n,dQ({typeLevel:i,variant:t}))})}}),fQ=Ue({extends:ba,base:{}});Fe("p")({displayName:"BodyText",Component:({size:e,variant:t,...n},a,r)=>{const i=`body.${e}`;return T.jsx(r,{ref:a,...pt(n,fQ({typeLevel:i,variant:t}))})}});const mQ=Ue({extends:ba,base:{}});Fe("h2")({displayName:"Heading",Component:({size:e,variant:t,...n},a,r)=>{const i=`heading.${e}`;return T.jsx(r,{ref:a,...pt(n,mQ({typeLevel:i,variant:t}))})}});const gQ=Ue({extends:ba,base:{}});Fe("h1")({displayName:"Title",Component:({size:e,variant:t,...n},a,r)=>{const i=`title.${e}`;return T.jsx(r,{ref:a,...pt(n,gQ({typeLevel:i,variant:t}))})}});const hQ=Ue({extends:ba,base:{},defaultModifiers:{typeLevel:"subtext.large"}}),vQ=Fe("div")({displayName:"Card.Body",Component:({children:e,...t},n,a)=>T.jsx(a,{ref:n,...pt(t,hQ()),children:e})}),bQ=Ue({extends:ba,base:{color:$.fg.strong,fontWeight:wt.bold,marginBlock:I.padding.none},defaultModifiers:{typeLevel:"body.large"}}),yQ=Fe("h3")({displayName:"Card.Heading",Component:({children:e,...t},n,a)=>T.jsx(a,{ref:n,...pt(t,bQ()),children:e})}),SQ=Ue({base:{display:"flex",flexDirection:"column",gap:I.gap.lg,padding:I.padding.xl,backgroundColor:I.color.surface.default,borderRadius:I.shape.xxl,border:`${He(1)} solid ${I.color.border.default}`},modifiers:{variant:{borderless:{borderColor:"transparent"},tonal:{backgroundColor:I.color.surface.alt.default,borderColor:$.border.transparent}}}}),B_=Fe("div")({displayName:"Card",Component:({children:e,variant:t,...n},a,r)=>T.jsx(r,{ref:a,...pt(n,SQ({variant:t})),children:e}),subComponents:{Heading:yQ,Body:vQ}});function EQ(e){return e.length?e[e.length-1]:null}function KM(e,t){const{min:n,max:a}=j_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function cv(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(KM(a,t))})}function _Q(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function kQ(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:_Q(a.owner,t)})).filter(a=>a.parent===e.element)}function XM(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?XM(e[a],n.join(".")):e[a]}function JM(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),JM(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const QM=e=>{if(typeof window<"u")return XM(window,e)},eU=(e,t)=>{typeof window<"u"&&JM(window,e,t)},A0=(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},j_=QM("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:KM},_adapter:{}};eU("workday.__popupStack",j_);const Jn=QM("workday.__popupStackOfStacks")||[j_];Jn.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";eU("workday.__popupStackOfStacks",Jn);function Yn(){return Jn[Jn.length-1]}const rn={createContainer(){var n;const e=Yn();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=Yn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),A0(t,e.owner).appendChild(e.element),cv(rn.getElements())},remove(e){var n;const t=Jn.find(a=>!!rn.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),A0(t,a==null?void 0:a.owner).removeChild(e),cv(rn.getElements(t))}},isTopmost(e){var a;const t=Yn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=EQ(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Yn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Yn();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],kQ(n,t.items).forEach(r=>{rn.bringToTop(r.element)}),cv(rn.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Yn();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 c;if(l>30)return!1;if(o.element===s||o.owner===s||o.element.contains(s)||(c=o.owner)!=null&&c.contains(s))return!0;const u=n.items.find(d=>d.owner&&o.element.contains(d.owner));return u?r(u,s,l+1):!1}},pushStackContext(e){var a,r;const t=Yn();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:{}};Jn.push(n)},popStackContext(e){var n,a;const t=Yn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&Jn.length>1&&Jn.pop()},transferToCurrentContext(e){var a;const t=Yn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;Jn.find(r=>!!r.items.find(i=>i.element===e.element))&&rn.remove(e.element),rn.add(e)}};let Fl=null;Ji.isEnabled&&Ji.on("change",()=>{Ji.isFullscreen?Ji.element&&(Fl=Ji.element,rn.pushStackContext(Fl)):Fl&&rn.popStackContext(Fl)});const dv=U_({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=IM(e.id),[n,a]=ee.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),N0=()=>{},gr=U_({defaultContext:{state:{},events:{show:N0,hide:N0}},defaultConfig:{...dv.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:dv.requiredConfig})(e=>{const t=se.useRef(null),n=se.useRef(null),[a,r]=se.useState("bottom"),i=dv(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}});gr.Context;const wQ=ll()(({state:e})=>({role:"dialog","aria-labelledby":e.id})),tU=ll()(({events:e})=>({onClick:e.hide})),TQ=ll()(({state:e})=>({id:e.id})),IQ=ll()(({state:e,events:t},n)=>{const a=M_(n,e.stackRef),r=ee.useRef(e.placement);r.current=e.placement;const i=ee.useCallback(o=>{o!==r.current&&t.updatePlacement({placement:o})},[t]);return{open:e.visibility!=="hidden",anchorElement:e.targetRef,ref:a,onPlacementChange:i}}),RQ=(e,t)=>{const{elementRef:n,localRef:a}=xM(e),r=ee.useContext(Vo),{style:i}=CM(r,{}),o=ee.useRef(!0),[s]=ee.useState(()=>{if(o.current){const l=rn.createContainer();return n(l),o.current=!1,l}return a.current});return ee.useLayoutEffect(()=>{const l=a.current;if(!l)return;const u=Object.keys(i);if(u.length!==0)for(const c of u)l.style.setProperty(c,i[c])},[a,i]),ee.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,u=a.current;return rn.add({element:u,owner:l}),()=>{rn.remove(u)}},[a,t,s]),ee.useLayoutEffect(()=>{var c,d;let u=(t?"current"in t?t.current:t:void 0)??void 0;if(u==null&&typeof document<"u"){const p=document.activeElement,g=a.current;u=(p&&g&&!g.contains(p)?p:document.body).closest("[dir]")??document.documentElement}if(u){const p=u.getAttribute("dir");(p!=null?p.toLowerCase()==="rtl":tJ(u))?(c=a.current)==null||c.setAttribute("dir","rtl"):(d=a.current)==null||d.setAttribute("dir","ltr")}},[a,t]),a},xQ=ll()(({events:e,state:t},n)=>({ref:M_(n,t.targetRef),onClick:r=>{t.targetRef.current instanceof Element||(t.targetRef.current=r.currentTarget),t.visibility!=="hidden"?e.hide(r):e.show(r)}})),AQ=Ue({base:{overflowY:"auto",paddingInline:I.padding.xs}}),NQ=mr("div")({displayName:"Popup.Body",modelHook:gr})(e=>T.jsx(B_.Body,{...pt(e,AQ())})),CQ=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"}},bb=Ra("positionX","positionY"),OQ=CX({"0%":{opacity:1,transform:`translate(${F(bb.positionX)}, ${F(bb.positionY)})`},"100%":{opacity:1,transform:"translate(0)"}});function C0(e){const t={zero:I.gap.none,xxxs:I.gap.xs,xxs:I.gap.sm,xs:He(12),s:I.gap.md,m:I.gap.lg,l:I.gap.xl,xl:He(40),xxl:I.gap.xxl,xxxl:He(80)};return e&&e in t?t[e]:e}function $Q(e){let t=bo.size500;if(e)if(typeof e=="string"){const n=e.split(" "),a=C0(n[0]),r=C0(n[2])||a;t=`(${a} + ${r})`}else t=`${e*2}px`;return`calc(100dvh - ${t})`}const LQ=Ue({vars:{maxHeight:"",transformOriginHorizontal:"",transformOriginVertical:""},base:({maxHeight:e,transformOriginHorizontal:t,transformOriginVertical:n})=>({fontFamily:kt.default,fontWeight:wt.normal,fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,color:$.fg.default,position:"relative",maxWidth:qu.subtract("100vw",I.size.sm),gap:I.gap.lg,boxShadow:iX[3],minHeight:0,padding:I.padding.xl,borderRadius:I.shape.xxxl,maxHeight:e,overflowY:"auto",animationName:OQ,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${n} ${t}`,".wd-no-animation &":{animation:"none"},"@media screen and (max-width: 768px)":{transformOrigin:"bottom center"}})}),DQ=mr("div")({displayName:"Popup.Card",modelHook:gr,elemPropsHook:wQ})(({children:e,ref:t,...n},a,r)=>{const i=se.useMemo(()=>CQ(r.state.placement||"bottom"),[r.state.placement]),o=eJ(i,I.gap.sm),s=$Q(n.margin);return T.jsx(B_,{as:a,ref:t,...pt(n,[LQ({transformOriginHorizontal:i.horizontal,transformOriginVertical:i.vertical,maxHeight:s}),bb({positionX:o.x,positionY:o.y})]),children:e})}),nU=Ue({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)"}}}}}),PQ=(e,t)=>e?e in t?t[e]:typeof e=="number"?He(e):e:"",MQ=Fe("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):T.jsx(o,{ref:i,dangerouslySetInnerHTML:{__html:n.svg},...qr(r,nU({shouldMirror:e,shouldMirrorInRTL:t}))})}),Rd={System:"system"},ul={name:"check",type:Rd.System,svg:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="wd-icon wd-icon-check" viewBox="0 0 24 24" role="presentation" focusable="false"><path fill="oklch(0.3523 0 0 / 1)" d="M18.94 6.646a.5.5 0 0 1 .706 0l.707.707a.5.5 0 0 1 0 .707l-9.646 9.647a1 1 0 0 1-1.414 0L4.646 13.06a.5.5 0 0 1 0-.707l.707-.707a.5.5 0 0 1 .707 0l3.94 3.94z" class="wd-icon-fill"/></svg>',filename:"wd-icon-check.svg",category:"Notification",tags:["success","complete","check mark"]},UQ={name:"exclamation-circle",type:Rd.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"]},FQ={name:"x",type:Rd.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"]},ue=Ue({extends:nU,vars:{color:"",accentColor:"",backgroundColor:""},base:({size:e,accentColor:t,backgroundColor:n,color:a})=>({"& svg":{width:F(e,nr.systemIcon.size.lg),height:F(e,nr.systemIcon.size.lg)},".wd-icon .wd-icon-fill":{fill:F(a,nr.systemIcon.color.fill)},".wd-icon .wd-icon-accent, & .wd-icon-accent2":{fill:F(t,F(a,nr.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:{}}),rU=Fe("span")({displayName:"SystemIcon",Component:({accent:e,background:t,color:n,icon:a,size:r,...i},o,s)=>T.jsx(MQ,{as:s,src:a,type:Rd.System,ref:o,...qr(i,ue({size:PQ(r,nr.systemIcon.size),color:n,accentColor:e,backgroundColor:t}))})}),zQ=yo({position:"relative",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"}),BQ=Fe("span")({displayName:"ButtonLabel",Component:({children:e,...t},n,a)=>T.jsx(z_,{as:a,ref:n,...qr(t,zQ),children:e})}),jQ=Ue({base:{display:"inline-block"},modifiers:{size:{extraSmall:{[ue.vars.size]:nr.systemIcon.size.xs},small:{[ue.vars.size]:nr.systemIcon.size.md},medium:{[ue.vars.size]:nr.systemIcon.size.md},large:{[ue.vars.size]:nr.systemIcon.size.lg}}}}),qQ=Fe("span")({Component:({icon:e,size:t="medium",shouldMirrorIcon:n=!1,shouldMirrorIconInRTL:a=!1,...r},i,o)=>e===void 0?null:T.jsx(rU,{ref:i,as:o,icon:e,shouldMirror:n,shouldMirrorInRTL:a,...qr(r,jQ({size:t}))})}),Z={default:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),focus:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),hover:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),active:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius"),disabled:Ra("background","border","boxShadowInner","boxShadowOuter","icon","label","opacity","borderRadius")},V=Ue({vars:{background:"",border:"",boxShadowInner:"",boxShadowOuter:"",label:"",opacity:"",borderRadius:""},base:({background:e,border:t,boxShadowInner:n,boxShadowOuter:a,label:r,opacity:i,borderRadius:o})=>({fontFamily:kt.default,fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,fontWeight:wt.bold,backgroundColor:F(Z.default.background,F(e,"transparent")),color:F(Z.default.label,F(r,$.fg.strong)),borderWidth:He(1),borderStyle:"solid",gap:I.gap.sm,borderColor:F(Z.default.border,F(t,"transparent")),cursor:"pointer",display:"inline-flex",boxShadow:"none",alignItems:"center",justifyContent:"center",outline:`${He(2)} transparent`,whiteSpace:"nowrap",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",borderRadius:F(Z.default.borderRadius,F(o,I.shape.full)),position:"relative",verticalAlign:"middle",overflow:"hidden",[ue.vars.color]:F(Z.default.icon,$.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,Or.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,$.fg.strong)),[ue.vars.color]:F(Z.focus.icon,$.fg.strong),outline:`${He(2)} solid transparent`,outlineOffset:He(2),boxShadow:`0 0 0 ${He(2)} ${F(Z.focus.boxShadowInner,F(n,I.color.border.inverse.default))},0 0 0 ${He(4)} ${F(Z.focus.boxShadowOuter,F(a,I.color.brand.focus.primary))}`},"&:hover, &.hover":{backgroundColor:F(Z.hover.background,F(e,I.color.surface.contrast.strong)),borderColor:F(Z.hover.border,F(t,"transparent")),color:F(Z.hover.label,F(r,$.fg.stronger)),[ue.vars.color]:F(Z.hover.icon,$.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,$.fg.strong)),[ue.vars.color]:F(Z.active.icon,$.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,$.fg.strong)),[ue.vars.color]:F(Z.disabled.icon,"currentColor")},"@media (prefers-contrast: more)":{'&[aria-pressed="true"]':{outline:`${He(2)} solid transparent`,outlineOffset:`-${He(1)}`},'&[aria-pressed="true"]:focus-visible, &[aria-pressed="true"].focus':{outline:`${He(4)} double transparent`,outlineOffset:0}},svg:{pointerEvents:"none"}}),modifiers:{size:{large:{fontSize:I.fontSize.body.sm,lineHeight:I.lineHeight.body.sm,letterSpacing:I.letterSpacing.body.sm,height:I.size.lg,paddingInline:I.padding.xxl,minWidth:bo.size1400},medium:{fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,minWidth:bo.size1200,paddingInline:I.padding.xl,height:I.size.md},small:{fontSize:I.fontSize.subtext.lg,lineHeight:I.lineHeight.subtext.lg,letterSpacing:I.letterSpacing.subtext.lg,height:I.size.sm,minWidth:bo.size1000,paddingInline:I.padding.md,gap:I.gap.xs},extraSmall:{fontSize:I.fontSize.subtext.md,lineHeight:I.lineHeight.subtext.md,letterSpacing:I.letterSpacing.subtext.md,height:I.size.xs,minWidth:"auto",paddingInline:I.padding.sm,gap:I.gap.xs}},grow:{true:{width:"100%",maxWidth:"100%"}},iconPosition:{only:{padding:0},start:{},end:{}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:I.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xl,paddingInlineEnd:I.padding.xxl}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:I.padding.xxl,paddingInlineEnd:I.padding.xl}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:I.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:I.padding.lg,paddingInlineEnd:I.padding.xl}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:I.padding.xl,paddingInlineEnd:I.padding.lg}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:I.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.md}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:I.padding.md,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:I.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}}]}),zl=Fe("button")({displayName:"BaseButton",Component:({children:e,size:t,fillIcon:n,grow:a,iconPosition:r,icon:i,colors:o,...s},l,u)=>T.jsx(u,{ref:l,type:"button",...pt(s,[V({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:qQ,Label:BQ}}),GQ=Ue({base:{fontFamily:kt.default,textDecoration:"underline",color:I.color.fg.info.default,cursor:"pointer",borderRadius:He(2),padding:`0 ${He(2)} `,margin:"0 -2px",transition:"color 0.15s,background-color 0.15s",wordBreak:"break-word","&:hover, &.hover":{color:I.color.fg.info.strong,background:I.color.surface.alt.default},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${He(2)} ${I.color.brand.focus.primary}`,outline:"none"},"&:active, &.active":{color:I.color.fg.info.strong,background:I.color.surface.alt.default}},modifiers:{variant:{inverse:{color:$.fg.inverse,"&:hover, &.hover":{color:$.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${He(2)} ${$.fg.inverse}`},"&:active, &.active":{color:I.color.fg.info.strong,background:I.color.surface.navigation}},standalone:{textDecoration:"none"},standaloneInverse:{textDecoration:"none",color:$.fg.inverse,"&:hover, &.hover":{color:$.fg.inverse,background:"rgba(255, 255, 255, 0.1)"},"&:focus, &.focus, &:focus-visible":{boxShadow:`0 0 0 ${He(2)} ${I.color.focus.inverse}`},"&:active, &.active":{color:I.color.fg.info.strong,background:I.color.surface.navigation}}}}}),HQ=Fe("a")({displayName:"Hyperlink",Component:({children:e,variant:t,...n},a,r)=>T.jsx(r,{ref:a,...qr(n,GQ({variant:t})),children:e})}),aU=Fe("button")({displayName:"Button",Component:({children:e,icon:t,colors:n,iconPosition:a,shouldMirrorIcon:r,shouldMirrorIconInRTL:i,size:o="medium",...s},l,u)=>{const c=a||(t?e?"start":"only":void 0);return T.jsxs(zl,{as:u,ref:l,size:o,icon:t,colors:n,iconPosition:c,...s,children:[t&&c==="start"&&T.jsx(zl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i}),e&&T.jsx(zl.Label,{children:e}),t&&c&&["only","end"].includes(c)&&T.jsx(zl.Icon,{size:o,icon:t,shouldMirrorIcon:r,shouldMirrorIconInRTL:i})]})}}),VQ=Ue({extends:V,base:{[V.vars.background]:I.color.surface.transparent,[V.vars.borderRadius]:I.shape.full,[V.vars.border]:$.border.input.default,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.default,[V.vars.label]:$.fg.strong,[V.vars.boxShadowInner]:I.color.focus.inverse,[V.vars.boxShadowOuter]:I.color.brand.focus.primary,[ue.vars.color]:F(Z.focus.icon,"currentColor")},"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.label]:$.fg.strong,[V.vars.border]:I.color.border.input.hover,[ue.vars.color]:F(Z.hover.icon,"currentColor")},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.label]:$.fg.strong,[V.vars.border]:I.color.border.input.hover,[ue.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{variant:{inverse:{[V.vars.background]:I.color.surface.transparent,[V.vars.border]:I.color.border.inverse.default,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.border]:I.color.border.inverse.default,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.inverse,[V.vars.border]:$.border.transparent,[V.vars.label]:$.fg.contrast.default,[V.vars.boxShadowInner]:$.border.contrast.default,[V.vars.boxShadowOuter]:I.color.focus.inverse,[ue.vars.color]:F(Z.focus.icon,"currentColor")},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.border]:I.color.border.inverse.default,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor")}}}}}),q_=Fe("button")({displayName:"SecondaryButton",Component:({children:e,variant:t,size:n,iconPosition:a,grow:r,cs:i,...o},s,l)=>T.jsx(aU,{as:l,ref:s,iconPosition:a,size:n,grow:r,cs:[VQ({variant:t,iconPosition:a,grow:r,size:n}),i],...o,children:e})}),WQ=Ue({extends:V,base:{paddingInline:I.padding.xs,minWidth:"auto",borderWidth:He(2),[V.vars.borderRadius]:I.shape.full,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.focus.icon,"currentColor"),[V.vars.border]:$.border.transparent,[V.vars.label]:$.fg.contrast.default,...E0({width:2,separation:0,innerColor:I.color.focus.inverse,outerColor:I.color.brand.focus.primary})},"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.label]:$.fg.strong,[ue.vars.color]:$.fg.strong,textDecoration:"underline"},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.label]:$.fg.strong,[ue.vars.color]:F(Z.active.icon,"currentColor"),textDecoration:"underline"},"&:disabled, &.disabled":{textDecoration:"none",[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.default,[ue.vars.color]:F(Z.default.icon,"currentColor")}},modifiers:{iconPosition:{only:{padding:0,[ue.vars.color]:F(Z.default.icon,$.fg.default),"&:focus-visible, &.focus":{[ue.vars.color]:F(Z.focus.icon,$.fg.strong)},"&:hover, &.hover":{[ue.vars.color]:F(Z.hover.icon,$.fg.strong)},"&:active, &.active":{[ue.vars.color]:F(Z.active.icon,$.fg.strong)},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[ue.vars.color]:F(Z.disabled.icon,$.fg.default)}},start:{},end:{}},variant:{inverse:{[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor"),"&:hover, &.hover":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.hover}),[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.hover.icon,"currentColor")},"&:focus-visible, &.focus":{[V.vars.background]:I.color.surface.inverse,[V.vars.label]:$.fg.contrast.default,[ue.vars.color]:F(Z.focus.icon,"currentColor"),...E0({width:2,separation:2,innerColor:$.border.contrast.default,outerColor:I.color.focus.inverse})},"&:active, &.active":{[V.vars.background]:Tr.darken({color:I.color.surface.transparent,mixinColor:I.color.surface.overlay.mixin,mixinValue:I.opacity.surface.pressed}),[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.active.icon,"currentColor")},"&:disabled, &.disabled":{[V.vars.opacity]:Or.disabled,[V.vars.background]:I.color.surface.transparent,[V.vars.label]:$.fg.inverse,[ue.vars.color]:F(Z.default.icon,"currentColor")}}}},compound:[{modifiers:{size:"large",iconPosition:"only"},styles:{minWidth:I.size.lg}},{modifiers:{size:"large",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"large",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"medium",iconPosition:"only"},styles:{minWidth:I.size.md}},{modifiers:{size:"medium",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"medium",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"small",iconPosition:"only"},styles:{minWidth:I.size.sm}},{modifiers:{size:"small",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.sm}},{modifiers:{size:"small",iconPosition:"end"},styles:{paddingInlineStart:I.padding.sm,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"only"},styles:{minWidth:I.size.xs}},{modifiers:{size:"extraSmall",iconPosition:"start"},styles:{paddingInlineStart:I.padding.xxs,paddingInlineEnd:I.padding.xs}},{modifiers:{size:"extraSmall",iconPosition:"end"},styles:{paddingInlineStart:I.padding.xs,paddingInlineEnd:I.padding.xxs}}]}),ZQ=Fe("button")({displayName:"TertiaryButton",Component:({children:e,icon:t,size:n="medium",variant:a,iconPosition:r,grow:i,cs:o,...s},l,u)=>{const c=r||(t?e?"start":"only":void 0);return T.jsx(aU,{as:u,ref:l,icon:t,size:n,iconPosition:r,grow:i,cs:[WQ({size:n,variant:a,grow:i,iconPosition:c}),o],...s,children:e})}}),YQ=mr(q_)({displayName:"Popup.CloseButton",modelHook:gr,elemPropsHook:tU})(({children:e,...t},n)=>T.jsx(n,{type:"button",...t,children:e})),KQ=Ue({base:{position:"absolute",insetInlineEnd:I.padding.xs,top:I.padding.xs}}),XQ=mr("button")({displayName:"Popup.CloseIcon",modelHook:gr,elemPropsHook:tU})(({children:e,...t},n)=>T.jsx(ZQ,{as:n,size:"medium",icon:FQ,type:"button",...pt(t,KQ())})),JQ=Ue({base:{paddingInline:I.padding.xs}}),QQ=mr("h2")({displayName:"Popup.Heading",modelHook:gr,elemPropsHook:TQ})(({children:e,...t},n)=>T.jsx(B_.Heading,{as:n,...pt(t,JQ()),children:e}));var fn="top",xn="bottom",An="right",mn="left",G_="auto",cl=[fn,xn,An,mn],vi="start",H_="end",eee="clippingParents",iU="viewport",Qi="popper",tee="reference",O0=cl.reduce(function(e,t){return e.concat([t+"-"+vi,t+"-"+H_])},[]),oU=[].concat(cl,[G_]).reduce(function(e,t){return e.concat([t,t+"-"+vi,t+"-"+H_])},[]),nee="beforeRead",ree="read",aee="afterRead",iee="beforeMain",oee="main",see="afterMain",lee="beforeWrite",uee="write",cee="afterWrite",dee=[nee,ree,aee,iee,oee,see,lee,uee,cee];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 Zo(e){var t=Cn(e).Element;return e instanceof t||e instanceof Element}function Gn(e){var t=Cn(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function pee(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];!Gn(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 mee(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,u){return l[u]="",l},{});!Gn(r)||!Nn(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const gee={name:"applyStyles",enabled:!0,phase:"write",fn:fee,effect:mee,requires:["computeStyles"]};function jn(e){return e.split("-")[0]}function V_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function sU(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&pee(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function ar(e){return Cn(e).getComputedStyle(e)}function hee(e){return["table","td","th"].indexOf(Nn(e))>=0}function hr(e){return((Zo(e)?e.ownerDocument:e.document)||window.document).documentElement}function xd(e){return Nn(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||hr(e)}function $0(e){if(!Gn(e)||ar(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=hr(t);if(Nn(t)==="body"&&ar(t).position==="static"&&ar(n).position!=="static")return n}return t}function vee(e){for(var t=xd(e);Gn(t)&&["html","body"].indexOf(Nn(t))<0;){var n=ar(t);if(n.transform!=="none"||n.perspective!=="none"||n.willChange&&n.willChange!=="auto")return t;t=t.parentNode}return null}function dl(e){for(var t=Cn(e),n=$0(e);n&&hee(n)&&ar(n).position==="static";)n=$0(n);return n&&Nn(n)==="body"&&ar(n).position==="static"?t:n||vee(e)||t}function W_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function ru(e,t,n){return Math.max(e,Math.min(t,n))}function lU(){return{top:0,right:0,bottom:0,left:0}}function uU(e){return Object.assign(Object.assign({},lU()),e)}function cU(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function bee(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=jn(n.placement),s=W_(o),l=[mn,An].indexOf(o)>=0,u=l?"height":"width";if(!(!r||!i)){var c=n.modifiersData[a+"#persistent"].padding,d=V_(r),p=s==="y"?fn:mn,g=s==="y"?xn:An,v=n.rects.reference[u]+n.rects.reference[s]-i[s]-n.rects.popper[u],y=i[s]-n.rects.reference[s],w=dl(r),h=w?s==="y"?w.clientHeight||0:w.clientWidth||0:0,f=v/2-y/2,m=c[p],b=h-d[u]-c[g],E=h/2-d[u]/2+f,_=ru(m,E,b),k=s;n.modifiersData[a]=(t={},t[k]=_,t.centerOffset=_-E,t)}}function yee(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)||sU(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:uU(typeof s!="number"?s:cU(s,cl))}))}const See={name:"arrow",enabled:!0,phase:"main",fn:bee,effect:yee,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var Eee={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _ee(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 L0(e){var t,n=e.popper,a=e.popperRect,r=e.placement,i=e.offsets,o=e.position,s=e.gpuAcceleration,l=e.adaptive,u=_ee(i),c=u.x,d=u.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),v=mn,y=fn,w=window;if(l){var h=dl(n);h===Cn(n)&&(h=hr(n)),r===fn&&(y=xn,d-=h.clientHeight-a.height,d*=s?1:-1),r===mn&&(v=An,c-=h.clientWidth-a.width,c*=s?1:-1)}var f=Object.assign({position:o},l&&Eee);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[y]=g?"0":"",m[v]=p?"0":"",m.transform=(w.devicePixelRatio||1)<2?"translate("+c+"px, "+d+"px)":"translate3d("+c+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[y]=g?d+"px":"",t[v]=p?c+"px":"",t.transform="",t))}function kee(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:jn(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),L0(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),L0(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 wee={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:kee,data:{}};var Bl={passive:!0};function Tee(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),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&u.forEach(function(c){c.addEventListener("scroll",n.update,Bl)}),s&&l.addEventListener("resize",n.update,Bl),function(){i&&u.forEach(function(c){c.removeEventListener("scroll",n.update,Bl)}),s&&l.removeEventListener("resize",n.update,Bl)}}const Iee={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Tee,data:{}};var Ree={left:"right",right:"left",bottom:"top",top:"bottom"};function au(e){return e.replace(/left|right|bottom|top/g,function(t){return Ree[t]})}var xee={start:"end",end:"start"};function D0(e){return e.replace(/start|end/g,function(t){return xee[t]})}function Yo(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 Z_(e){var t=Cn(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function Y_(e){return Yo(hr(e)).left+Z_(e).scrollLeft}function Aee(e){var t=Cn(e),n=hr(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+Y_(e),y:s}}function Nee(e){var t=hr(e),n=Z_(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+Y_(e),s=-n.scrollTop;return ar(a||t).direction==="rtl"&&(o+=Math.max(t.clientWidth,a?a.clientWidth:0)-r),{width:r,height:i,x:o,y:s}}function K_(e){var t=ar(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function dU(e){return["html","body","#document"].indexOf(Nn(e))>=0?e.ownerDocument.body:Gn(e)&&K_(e)?e:dU(xd(e))}function So(e,t){t===void 0&&(t=[]);var n=dU(e),a=Nn(n)==="body",r=Cn(n),i=a?[r].concat(r.visualViewport||[],K_(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(So(xd(i)))}function yb(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Cee(e){var t=Yo(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 P0(e,t){return t===iU?yb(Aee(e)):Gn(t)?Cee(t):yb(Nee(hr(e)))}function Oee(e){var t=So(xd(e)),n=["absolute","fixed"].indexOf(ar(e).position)>=0,a=n&&Gn(e)?dl(e):e;return Zo(a)?t.filter(function(r){return Zo(r)&&sU(r,a)&&Nn(r)!=="body"}):[]}function $ee(e,t,n){var a=t==="clippingParents"?Oee(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var u=P0(e,l);return s.top=Math.max(u.top,s.top),s.right=Math.min(u.right,s.right),s.bottom=Math.min(u.bottom,s.bottom),s.left=Math.max(u.left,s.left),s},P0(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 Ko(e){return e.split("-")[1]}function pU(e){var t=e.reference,n=e.element,a=e.placement,r=a?jn(a):null,i=a?Ko(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case fn:l={x:o,y:t.y-n.height};break;case xn:l={x:o,y:t.y+t.height};break;case An:l={x:t.x+t.width,y:s};break;case mn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var u=r?W_(r):null;if(u!=null){var c=u==="y"?"height":"width";switch(i){case vi:l[u]=Math.floor(l[u])-Math.floor(t[c]/2-n[c]/2);break;case H_:l[u]=Math.floor(l[u])+Math.ceil(t[c]/2-n[c]/2);break}}return l}function bi(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?eee:i,s=n.rootBoundary,l=s===void 0?iU:s,u=n.elementContext,c=u===void 0?Qi:u,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,v=g===void 0?0:g,y=uU(typeof v!="number"?v:cU(v,cl)),w=c===Qi?tee:Qi,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?w:c],b=$ee(Zo(m)?m:m.contextElement||hr(e.elements.popper),o,l),E=Yo(h),_=pU({reference:E,element:f,placement:r}),k=yb(Object.assign(Object.assign({},f),_)),C=c===Qi?k:E,O={top:b.top-C.top+y.top,bottom:C.bottom-b.bottom+y.bottom,left:b.left-C.left+y.left,right:C.right-b.right+y.right},P=e.modifiersData.offset;if(c===Qi&&P){var q=P[r];Object.keys(O).forEach(function(J){var Q=[An,xn].indexOf(J)>=0?1:-1,ve=[fn,xn].indexOf(J)>=0?"y":"x";O[J]+=q[ve]*Q})}return O}function Lee(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,u=l===void 0?oU:l,c=Ko(a),d=c?s?O0:O0.filter(function(v){return Ko(v)===c}):cl,p=d.filter(function(v){return u.indexOf(v)>=0});p.length===0&&(p=d);var g=p.reduce(function(v,y){return v[y]=bi(e,{placement:y,boundary:r,rootBoundary:i,padding:o})[jn(y)],v},{});return Object.keys(g).sort(function(v,y){return g[v]-g[y]})}function Dee(e){if(jn(e)===G_)return[];var t=au(e);return[D0(e),t,D0(t)]}function Pee(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,u=n.padding,c=n.boundary,d=n.rootBoundary,p=n.altBoundary,g=n.flipVariations,v=g===void 0?!0:g,y=n.allowedAutoPlacements,w=t.options.placement,h=jn(w),f=h===w,m=l||(f||!v?[au(w)]:Dee(w)),b=[w].concat(m).reduce(function(me,Ne){return me.concat(jn(Ne)===G_?Lee(t,{placement:Ne,boundary:c,rootBoundary:d,padding:u,flipVariations:v,allowedAutoPlacements:y}):Ne)},[]),E=t.rects.reference,_=t.rects.popper,k=new Map,C=!0,O=b[0],P=0;P<b.length;P++){var q=b[P],J=jn(q),Q=Ko(q)===vi,ve=[fn,xn].indexOf(J)>=0,_e=ve?"width":"height",fe=bi(t,{placement:q,boundary:c,rootBoundary:d,altBoundary:p,padding:u}),ke=ve?Q?An:mn:Q?xn:fn;E[_e]>_[_e]&&(ke=au(ke));var D=au(ke),z=[];if(i&&z.push(fe[J]<=0),s&&z.push(fe[ke]<=0,fe[D]<=0),z.every(function(me){return me})){O=q,C=!1;break}k.set(q,z)}if(C)for(var B=v?3:1,G=function(Ne){var Oe=b.find(function(Ke){var tn=k.get(Ke);if(tn)return tn.slice(0,Ne).every(function(ya){return ya})});if(Oe)return O=Oe,"break"},W=B;W>0;W--){var Ge=G(W);if(Ge==="break")break}t.placement!==O&&(t.modifiersData[a]._skip=!0,t.placement=O,t.reset=!0)}}const Mee={name:"flip",enabled:!0,phase:"main",fn:Pee,requiresIfExists:["offset"],data:{_skip:!1}};function M0(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 U0(e){return[fn,An,xn,mn].some(function(t){return e[t]>=0})}function Uee(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=bi(t,{elementContext:"reference"}),s=bi(t,{altBoundary:!0}),l=M0(o,a),u=M0(s,r,i),c=U0(l),d=U0(u);t.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:c,hasPopperEscaped:d},t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{"data-popper-reference-hidden":c,"data-popper-escaped":d})}const Fee={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Uee};function zee(e,t,n){var a=jn(e),r=[mn,fn].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,[mn,An].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function Bee(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=oU.reduce(function(c,d){return c[d]=zee(d,t.rects,i),c},{}),s=o[t.placement],l=s.x,u=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=u),t.modifiersData[a]=o}const jee={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Bee};function qee(e){var t=e.state,n=e.name;t.modifiersData[n]=pU({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const Gee={name:"popperOffsets",enabled:!0,phase:"read",fn:qee,data:{}};function Hee(e){return e==="x"?"y":"x"}function Vee(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,u=n.rootBoundary,c=n.altBoundary,d=n.padding,p=n.tether,g=p===void 0?!0:p,v=n.tetherOffset,y=v===void 0?0:v,w=bi(t,{boundary:l,rootBoundary:u,padding:d,altBoundary:c}),h=jn(t.placement),f=Ko(t.placement),m=!f,b=W_(h),E=Hee(b),_=t.modifiersData.popperOffsets,k=t.rects.reference,C=t.rects.popper,O=typeof y=="function"?y(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):y,P={x:0,y:0};if(_){if(i){var q=b==="y"?fn:mn,J=b==="y"?xn:An,Q=b==="y"?"height":"width",ve=_[b],_e=_[b]+w[q],fe=_[b]-w[J],ke=g?-C[Q]/2:0,D=f===vi?k[Q]:C[Q],z=f===vi?-C[Q]:-k[Q],B=t.elements.arrow,G=g&&B?V_(B):{width:0,height:0},W=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:lU(),Ge=W[q],me=W[J],Ne=ru(0,k[Q],G[Q]),Oe=m?k[Q]/2-ke-Ne-Ge-O:D-Ne-Ge-O,Ke=m?-k[Q]/2+ke+Ne+me+O:z+Ne+me+O,tn=t.elements.arrow&&dl(t.elements.arrow),ya=tn?b==="y"?tn.clientTop||0:tn.clientLeft||0:0,Sa=t.modifiersData.offset?t.modifiersData.offset[t.placement][b]:0,Ea=_[b]+Oe-Sa-ya,Ad=_[b]+Ke-Sa,_a=ru(g?Math.min(_e,Ea):_e,ve,g?Math.max(fe,Ad):fe);_[b]=_a,P[b]=_a-ve}if(s){var TU=b==="x"?fn:mn,IU=b==="x"?xn:An,pl=_[E],RU=pl+w[TU],xU=pl-w[IU],X_=ru(RU,pl,xU);_[E]=X_,P[E]=X_-pl}t.modifiersData[a]=P}}const Wee={name:"preventOverflow",enabled:!0,phase:"main",fn:Vee,requiresIfExists:["offset"]};function Zee(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Yee(e){return e===Cn(e)||!Gn(e)?Z_(e):Zee(e)}function Kee(e,t,n){n===void 0&&(n=!1);var a=hr(t),r=Yo(e),i=Gn(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((Nn(t)!=="body"||K_(a))&&(o=Yee(t)),Gn(t)?(s=Yo(t),s.x+=t.clientLeft,s.y+=t.clientTop):a&&(s.x=Y_(a))),{x:r.left+o.scrollLeft-s.x,y:r.top+o.scrollTop-s.y,width:r.width,height:r.height}}function Xee(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 Jee(e){var t=Xee(e);return dee.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function Qee(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function ete(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 F0={placement:"bottom",modifiers:[],strategy:"absolute"};function z0(){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 tte(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?F0:r;return function(s,l,u){u===void 0&&(u=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},F0),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:c,setOptions:function(h){y(),c.options=Object.assign(Object.assign(Object.assign({},i),c.options),h),c.scrollParents={reference:Zo(s)?So(s):s.contextElement?So(s.contextElement):[],popper:So(l)};var f=Jee(ete([].concat(a,c.options.modifiers)));return c.orderedModifiers=f.filter(function(m){return m.enabled}),v(),g.update()},forceUpdate:function(){if(!p){var h=c.elements,f=h.reference,m=h.popper;if(z0(f,m)){c.rects={reference:Kee(f,dl(m),c.options.strategy==="fixed"),popper:V_(m)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(P){return c.modifiersData[P.name]=Object.assign({},P.data)});for(var b=0;b<c.orderedModifiers.length;b++){if(c.reset===!0){c.reset=!1,b=-1;continue}var E=c.orderedModifiers[b],_=E.fn,k=E.options,C=k===void 0?{}:k,O=E.name;typeof _=="function"&&(c=_({state:c,options:C,name:O,instance:g})||c)}}}},update:Qee(function(){return new Promise(function(w){g.forceUpdate(),w(c)})}),destroy:function(){y(),p=!0}};if(!z0(s,l))return g;g.setOptions(u).then(function(w){!p&&u.onFirstUpdate&&u.onFirstUpdate(w)});function v(){c.orderedModifiers.forEach(function(w){var h=w.name,f=w.options,m=f===void 0?{}:f,b=w.effect;if(typeof b=="function"){var E=b({state:c,name:h,instance:g,options:m}),_=function(){};d.push(E||_)}})}function y(){d.forEach(function(w){return w()}),d=[]}return g}}var nte=[Iee,Gee,wee,gee,jee,Mee,Wee,See,Fee],rte=tte({defaultModifiers:nte});const ate=["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"],ite=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=ate.find(r=>r.includes(`${a}-${n}`))??a),a},fU=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=bi({...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]:fU(e.slice(1),t,n)},B0="fallbackModifier",j0={name:B0,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,ite(n),...a||[]],i=fU(r,e,n);e.placement!==i&&(e.modifiersData[B0]._skip=!0,e.placement=i,e.reset=!0)}},ote=["top","right","bottom","left"],mU=se.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?T.jsx(ute,{ref:a,portal:e,...n}):null),ste=e=>{if(e!==null)return"current"in e?e.current||void 0:e},lte={},ute=se.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=lte,placement:a="bottom",fallbackPlacements:r=ote,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},u)=>{const c=se.useRef(!0),{localRef:d,elementRef:p}=xM(l),[g,v]=se.useState(a),y=RQ(u,e),w=se.useRef(a);w.current=g;const h=se.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){v(m.placement),i==null||i(m.placement)}}),[v,i]);se.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:ste(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(y.current){const b=rte(m,y.current,{placement:a,...n,modifiers:[h,{...j0,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(b),()=>{b==null||b.destroy()}}},[e,t,y]),se.useLayoutEffect(()=>{var m;c.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...j0,options:{fallbackPlacements:r}},...n.modifiers||[]]}),c.current=!1},[n,a,r,h,d]);const f=T.jsx(T.Fragment,{children:cte(o)?o({placement:g}):o});return s?rO.createPortal(f,y.current):f});function cte(e){return typeof e=="function"}const dte={modifiers:[{name:"offset",options:{offset:()=>[0,4]}}]},pte=mr("div")({displayName:"Popup.Popper",modelHook:gr,elemPropsHook:IQ})(({children:e,...t})=>T.jsx(mU,{...t,popperOptions:dte,...t,children:e})),fte=mr(q_)({displayName:"Popup.Target",modelHook:gr,elemPropsHook:xQ})((e,t)=>T.jsx(t,{...e})),gU=P_()({displayName:"Popup",modelHook:gr,subComponents:{Target:fte,Popper:pte,Card:DQ,CloseIcon:XQ,Heading:QQ,Body:NQ,CloseButton:YQ}})(({children:e})=>T.jsx(T.Fragment,{children:e})),mte=Ue({base:{alignItems:"flex-start",flexDirection:"column",justifyContent:"center",paddingBlock:I.padding.md,flexGrow:1,gap:I.gap.xs}}),gte=Fe("div")({displayName:"Toast.Body",Component:({children:e,...t},n,a)=>T.jsx(cQ,{ref:n,as:a,...pt(t,mte()),children:e})}),hte=Ue({base:{position:"relative"}}),vte=Fe("button")({displayName:"Toast.CloseIcon",Component:(e,t,n)=>T.jsx(gU.CloseIcon,{as:n,ref:t,size:"small",...pt(e,hte())})}),bte=Ue({base:{alignSelf:"start",margin:`${I.gap.md} ${bo.size150}`}}),yte=Fe("div")({displayName:"Toast.Icon",Component:(e,t,n)=>T.jsx(rU,{ref:t,as:n,...qr(e,bte())})}),Ste=Fe("a")({displayName:"Toast.Link",Component:({children:e,href:t,...n},a,r)=>T.jsx(HQ,{ref:a,href:t,as:r,...n,children:e})}),hU=U_({defaultConfig:{mode:"status",id:""}})(e=>{const t=IM(e.id);return{state:{...e,id:t},events:{}}}),Ete=Ue({base:{wordBreak:"break-word",marginBlock:0}}),_te=mr("p")({modelHook:hU})(({children:e,...t},n,a)=>T.jsx(pQ,{size:"large",id:a.state.id,as:n,...pt(t,Ete()),children:e})),kte=(e,t)=>{switch(e){case"dialog":return{"aria-describedby":t,"aria-labelledby":void 0,role:"dialog"};case"alert":return{role:"alert","aria-live":"assertive","aria-atomic":!0};case"status":return{role:"status","aria-live":"polite","aria-atomic":!0};default:return{}}},wte=Ue({base:{display:"flex",flexDirection:"row",width:He(360),padding:0,gap:I.gap.xs,borderRadius:I.shape.xl}}),Se=P_("div")({displayName:"Toast",modelHook:hU,subComponents:{Body:gte,CloseIcon:vte,Icon:yte,Message:_te,Link:Ste}})(({children:e,...t},n,a)=>T.jsx(gU.Card,{...kte(a.state.mode,a.state.id),...pt(t,wte()),children:e})),vU=()=>T.jsxs(Se,{children:[T.jsx(Se.Icon,{icon:ul,color:$.fg.success.default}),T.jsx(Se.Body,{children:T.jsx(Se.Message,{children:"Your workbook was successfully processed."})})]});vU.__RAW__=`import {Toast} from '@workday/canvas-kit-react/toast';
291
291
  import {checkIcon} from '@workday/canvas-system-icons-web';
292
292
  import {system} from '@workday/canvas-tokens-web';
293
293
 
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.0.5",
21
+ version: "15.0.6",
22
22
  description: "MCP package for Canvas Kit",
23
23
  author: "Workday, Inc. (https://www.workday.com)",
24
24
  license: "Apache-2.0",
@@ -127,18 +127,18 @@ var stories_config_default = {
127
127
  mdxPath: "modules/react/toast/stories/toast.mdx",
128
128
  mdxProse: "# Canvas Kit Toast\n\n`Toast` is a [compound component](/get-started/for-developers/documentation/compound-components/)\nthat contains updates or messages about the status of an application's process.\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-react\n```\n\n## Usage\n\n### Basic Example\n\n`Toast` includes a container `Toast` component and the following subcomponents: `Toast.Body`,\n`Toast.CloseIcon`, `Toast.Icon`, `Toast.Message`, and `Toast.Link`.\n\n`Toast` supports different modes through the `mode` prop: `status`, `alert`, and `dialog`. Each mode\nconveys a different purpose of the message and assigns the necessary ARIA attributes to support that\npurpose and provide an accessible experience.\n\nBy default, `mode` is set to `status`, which indicates the message contains advisory information\nsuch as a successful action.\n```tsx\nimport {Toast} from '@workday/canvas-kit-react/toast';\nimport {checkIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nexport const Basic = () => {\n return (\n <Toast>\n <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />\n <Toast.Body>\n <Toast.Message>Your workbook was successfully processed.</Toast.Message>\n </Toast.Body>\n </Toast>\n );\n};\n```\n\nA `status` `Toast` will wrap the message within a `polite` ARIA live region with a `role` of\n`status`.\n\nHere's a more complete example with a button which triggers a dismissable `Toast`. The `Toast` is\npositioned using `Popper`.\n```tsx\nimport React from 'react';\n\nimport {SecondaryButton} from '@workday/canvas-kit-react/button';\nimport {Popper} from '@workday/canvas-kit-react/popup';\nimport {Toast} from '@workday/canvas-kit-react/toast';\nimport {checkIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nexport const WithPopper = () => {\n const [open, setOpen] = React.useState(false);\n const containerRef = React.useRef(null);\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleOpen = () => {\n setOpen(true);\n };\n\n return (\n <div ref={containerRef}>\n <SecondaryButton onClick={handleOpen}>Show Toast</SecondaryButton>\n <Popper placement=\"bottom-end\" open={open} anchorElement={containerRef}>\n <Toast mode=\"dialog\" aria-label=\"notification\">\n <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />\n <Toast.Body>\n <Toast.Message>Your workbook was successfully processed.</Toast.Message>\n </Toast.Body>\n <Toast.CloseIcon aria-label=\"Close notification\" onClick={handleClose} />\n </Toast>\n </Popper>\n </div>\n );\n};\n```\n\n### Alert\n\nSet the `mode` prop to `alert` to convey urgent and important information such as an error.\n```tsx\nimport {Toast} from '@workday/canvas-kit-react/toast';\nimport {exclamationCircleIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nexport const ToastAlert = () => (\n <Toast mode=\"alert\">\n <Toast.Icon icon={exclamationCircleIcon} color={system.color.fg.warning.default} />\n <Toast.Body>\n <Toast.Message>There was an error with your workbook.</Toast.Message>\n </Toast.Body>\n </Toast>\n);\n```\n\nAn `alert` `Toast` will wrap the message within an `assertive` ARIA live region with a `role` of\n`alert`.\n\n### Dialog\n\nSet the `mode` prop to `dialog` to convey the presence of a follow-up action. If you use this\n`mode`, you need to add an `aria-label`. This `aria-label` should be additional information for the\n`Toast` such as `notification`. The `Toast` will also add an `aria-describedby` that links the\n`Toast` to `Toast.Message` so that it is read out to screen readers. The `aria-label` should be\ndifferent that the contents of the `Toast` so there is no duplication being read out by screen\nreaders.\n```tsx\nimport {Toast} from '@workday/canvas-kit-react/toast';\nimport {checkIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nexport const ToastDialog = () => (\n <Toast mode=\"dialog\" aria-label=\"notification\">\n <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />\n <Toast.Body>\n <Toast.Message>Your workbook was successfully processed.</Toast.Message>\n <Toast.Link href=\"#hreflink\">Custom Link</Toast.Link>\n </Toast.Body>\n </Toast>\n);\n```\n\nScreen readers will read the `Toast` out in the following order: \"Notification: Your workbook was\nsuccessfully processed.\"\n\n> **Note**: You must use the `Toast.Message` subcomponent when the `mode` is `dialog` so that `id`\n> is tied to the message for accessibility. You can also pass in a `model` with `useToastModel` to\n> provide a specific `id` for the `Toast.Message`\n\n```tsx\nexport const CustomIDToast = () => {\n const model = useToastModel({\n id: '12df5',\n mode: 'dialog',\n });\n return (\n <Toast model={model}>\n <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />\n <Toast.Body>\n <Toast.Message>Your workbook was successfully processed.</Toast.Message>\n <Toast.Link href=\"#href\">View More Details</Toast.Link>\n </Toast.Body>\n </Toast>\n );\n};\n```\n\n`Toast.CloseIcon` may be included within a `dialog` `Toast` to create a `Toast` with both an action\nlink and a close button.\n```tsx\nimport {Toast} from '@workday/canvas-kit-react/toast';\nimport {checkIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nexport const WithActionLinkAndCloseIcon = () => {\n const handleClose = () => console.log('close button clicked');\n\n return (\n <Toast mode=\"dialog\" aria-label=\"notification\">\n <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />\n <Toast.Body>\n <Toast.Message>Your workbook was successfully</Toast.Message>\n <Toast.Link href=\"#hyperlink\">Custom Link</Toast.Link>\n </Toast.Body>\n <Toast.CloseIcon aria-label=\"Close notification\" onClick={handleClose} />\n </Toast>\n );\n};\n```\n\n### Right-to-Left (RTL)\n\n`Toast` supports right-to-left languages when specified in the `CanvasProvider` `theme`.\n```tsx\nimport {CanvasProvider} from '@workday/canvas-kit-react/common';\nimport {Toast} from '@workday/canvas-kit-react/toast';\nimport {checkIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nexport const RTL = () => {\n const handleClose = () => console.log('close button clicked');\n\n return (\n <CanvasProvider dir=\"rtl\">\n <Toast>\n <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />\n <Toast.Body>\n <Toast.Message>Your workbook was successfully processed.</Toast.Message>\n </Toast.Body>\n <Toast.CloseIcon aria-label=\"Close\" onClick={handleClose} />\n </Toast>\n </CanvasProvider>\n );\n};\n```\n\n## Component API\n\n"
129
129
  },
130
- textarea: {
131
- title: "Components/Inputs/TextArea",
132
- storybookUrl: "https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs",
133
- mdxPath: "modules/react/text-area/stories/TextArea.mdx",
134
- mdxProse: "# Canvas Kit Text Area\n\nText Areas allow users to enter and edit multiple lines of text.\n\n[> Workday Design Reference](https://design.workday.com/components/inputs/text-area)\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-react\n```\n\n## Usage\n\n### Basic Example\n\nText Area should be used in tandem with [Form Field](/components/inputs/form-field/) to ensure\nproper label association and screen reader support.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Basic = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Disabled\n\nSet the `disabled` prop of the Text Area to prevent users from interacting with it.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Disabled = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} disabled onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Placeholder\n\nSet the `placeholder` prop of the Text Area to display a sample of its expected format or value\nbefore a value has been provided.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Placeholder = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input\n as={TextArea}\n onChange={handleChange}\n placeholder=\"Let us know how we did!\"\n value={value}\n />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n> **Accessibility Note**: Always provide a persistent `FormField.Label` and never rely on\n> placeholder text as the only label for a text area. Placeholders can disappear or lack sufficient\n> contrast. Use placeholders only for short format examples, and place detailed instructions or\n> guidance in `FormField.Hint` instead of the placeholder.\n\n### Ref Forwarding\n\nText Area supports [ref forwarding](https://reactjs.org/docs/forwarding-refs.html). It will forward\n`ref` to its underlying `<textarea>` element.\n```tsx\nimport React from 'react';\n\nimport {PrimaryButton} from '@workday/canvas-kit-react/button';\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const RefForwarding = () => {\n const [value, setValue] = React.useState('');\n const ref = React.useRef(null);\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n const handleClick = () => {\n ref.current.focus();\n };\n\n return (\n <>\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} ref={ref} value={value} />\n </FormField.Field>\n </FormField>\n <PrimaryButton onClick={handleClick}>Focus Text Area</PrimaryButton>\n </>\n );\n};\n```\n\n### Resize Constraints\n\nSet the `resize` prop of the Text Area to restrict resizing of it to certain dimensions. `resize`\naccepts the following values:\n\n- `TextArea.ResizeDirection.Both` (Default)\n- `TextArea.ResizeDirection.Horizontal`\n- `TextArea.ResizeDirection.None`\n- `TextArea.ResizeDirection.Vertical`\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const ResizeConstraints = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input\n as={TextArea}\n onChange={handleChange}\n resize={TextArea.ResizeDirection.Vertical}\n value={value}\n />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n> **Accessibility Note**: Allowing users to resize the text area (default `resize: both`) improves\n> accessibility by letting them adjust it for comfort. Avoid disabling resizing (`resize: none`)\n> unless necessary, and always ensure the initial size meets the needs of your content.\n\n### Grow\n\nSet the `grow` prop of the Text Area to `true` to configure the Text Area to expand to the width of\nits container.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Grow = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField grow>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Label Position Horizontal\n\nSet the `orientation` prop of the Form Field to designate the position of the label relative to the\ninput component. By default, the orientation will be set to `vertical`.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const LabelPosition = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField orientation=\"horizontalStart\">\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n <FormField.Hint>Message must be under 200 characters</FormField.Hint>\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Required\n\nSet the `required` prop of the wrapping Form Field to `true` to indicate that the field is required.\nLabels for required fields are suffixed by a red asterisk.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Required = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField isRequired={true}>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Error States\n\nForm Field provides error and caution states for Text Area. Set the `error` prop on Form Field to\n`\"error\"` or `\"caution\"` and use `FormField.Hint` to provide error messages. See\n[Form Field's Error documentation](/components/inputs/form-field/#error-states) for\nexamples and accessibility guidance.\n\n## Accessibility\n\n`TextArea` should be used with [Form Field](/components/inputs/form-field/) to\nensure proper labeling, error handling, and help text association. See\n[FormField's accessibility documentation](/components/inputs/form-field/#accessibility)\nfor comprehensive guidance on form accessibility best practices.\n\n### Character Limits\n\nWhen limiting text area length:\n\n- Use the `maxLength` attribute to enforce the limit programmatically.\n- For longer limits (100+ characters), consider adding character count information to\n `FormField.Hint`.\n- Avoid announcing character counts after every keystroke, as this disrupts screen reader users.\n Check out\n [Debouncing an AriaLiveRegion: TextArea with character limit](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-aria-live-regions--docs#debouncing-an-arialiveregion-textarea-with-character-limit)\n for an example of how to wait for users to stop typing before announcing the character count to\n screen readers.\n\n### Screen Reader Experience\n\nWhen properly implemented with `FormField`, screen readers will announce:\n\n- The label text when the text area receives focus.\n- Required, disabled, or read-only status.\n- Help text and error messages (via `aria-describedby`).\n- The current value or \"blank\" if empty.\n- That it's a multi-line text input field.\n\n## Component API\n\n## Specifications\n\n"
135
- },
136
130
  "text-input": {
137
131
  title: "Components/Inputs/Text Input",
138
132
  storybookUrl: "https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs",
139
133
  mdxPath: "modules/react/text-input/stories/TextInput.mdx",
140
134
  mdxProse: "# Canvas Kit Text Input\n\nText Inputs allow users to enter words or characters without styling.\n\n[> Workday Design Reference](https://design.workday.com/components/inputs/text-input)\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-react\n```\n\n## Usage\n\n### Basic Example\n\nText Input should be used in tandem with [Form Field](/components/inputs/form-field/) to ensure\nproper label association and screen reader support.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\n\nexport const Basic = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Email</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextInput} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Disabled\n\nSet the `disabled` prop of the Text Input to prevent users from interacting with it.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\n\nexport const Disabled = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Email</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextInput} disabled onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Placeholder\n\nSet the `placeholder` prop of the Text Input to display a sample of its expected format or value\nbefore a value has been provided.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\n\nexport const Placeholder = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Email</FormField.Label>\n <FormField.Field>\n <FormField.Input\n as={TextInput}\n onChange={handleChange}\n placeholder=\"user@email.com\"\n value={value}\n />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n> **Accessibility Note**: Always provide a persistent `FormField.Label` and never rely on\n> placeholder text as the only label for an input. Placeholders can disappear or lack sufficient\n> contrast. Use placeholders only for short format examples (e.g., \"name@example.com\"), and place\n> detailed instructions or guidance in `FormField.Hint` instead of the placeholder.\n\n### Ref Forwarding\n\nText Input supports [ref forwarding](https://reactjs.org/docs/forwarding-refs.html). It will forward\n`ref` to its underlying `<input type=\"text\">` element.\n```tsx\nimport React from 'react';\n\nimport {PrimaryButton} from '@workday/canvas-kit-react/button';\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\n\nexport const RefForwarding = () => {\n const [value, setValue] = React.useState('');\n const ref = React.useRef(null);\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValue(event.target.value);\n };\n\n const handleClick = () => {\n ref.current.focus();\n };\n\n return (\n <>\n <FormField>\n <FormField.Label>Email</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextInput} onChange={handleChange} ref={ref} value={value} />\n </FormField.Field>\n </FormField>\n <PrimaryButton onClick={handleClick}>Focus Text Input</PrimaryButton>\n </>\n );\n};\n```\n\n### Grow\n\nSet the `grow` prop of the wrapping Form Field to `true` to configure the Text Input to expand to\nthe width of its container.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\n\nexport const Grow = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField grow>\n <FormField.Label>Street Address</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextInput} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\nThe `grow` prop may also be applied directly to the Text Input if Form Field is not being used.\n\n### Label Position Horizontal\n\nSet the `orientation` prop of the Form Field to designate the position of the label relative to the\ninput component. By default, the orientation will be set to `vertical`.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\n\nexport const LabelPosition = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField orientation=\"horizontalStart\">\n <FormField.Label>Email</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextInput} onChange={handleChange} value={value} />\n <FormField.Hint>Add a valid email</FormField.Hint>\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Required\n\nSet the `required` prop of the wrapping Form Field to `true` to indicate that the field is required.\nLabels for required fields are suffixed by a red asterisk.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextInput} from '@workday/canvas-kit-react/text-input';\n\nexport const Required = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField isRequired={true}>\n <FormField.Label>Email</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextInput} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Icons\n\n`InputGroup` is available to add icons to the `TextInput`. Internally, a container `div` element is\nused with relative position styling on the `div` and absolute position styling on the start and end\nicons. `InputGroup.InnerStart` and `InputGroup.InnerEnd` are used to position elements at the start\nand end of the input. \"start\" and \"end\" are used instead of \"left\" and \"right\" to match\n[CSS Logical Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties)\nand will be semantically correct in left-to-right and right-to-left languages.\n\n`InputGroup.InnerStart` and `InputGroup.InnerEnd` subcomponents can handle any child elements, but\nare built for icons. The default width is `40px`, which is perfect for icons. If you need to use\nsomething else, be sure to set the `width` property of `InputGroup.InnerStart` or\n`InputGroup.InnerEnd` to match the intended width of the element. Do not use the `cs` prop or any\nmethod to change width. The `width` prop is used to correctly position other inner elements.\n```tsx\nimport React from 'react';\n\nimport {\n FormField,\n useFormFieldInput,\n useFormFieldModel,\n} from '@workday/canvas-kit-react/form-field';\nimport {SystemIcon} from '@workday/canvas-kit-react/icon';\nimport {InputGroup} from '@workday/canvas-kit-react/text-input';\nimport {mailIcon} from '@workday/canvas-system-icons-web';\n\n/**\n * Using `as={InputGroup}` on `FormField.Input` will break the label associations necessary for accessibility.\n * In this example, we've rendered `FormField.Field` as `InputGroup` and then hoisted the `id` of the input from the FormField model.\n * This allows us to set the `id` of the `InputGroup.Input` correctly for proper label association.\n */\n\nexport const Icons = () => {\n const model = useFormFieldModel();\n const {id: formFieldInputId} = useFormFieldInput(model);\n\n return (\n <FormField model={model}>\n <FormField.Label>Email</FormField.Label>\n <FormField.Field as={InputGroup}>\n <InputGroup.InnerStart>\n <SystemIcon icon={mailIcon} size=\"small\" />\n </InputGroup.InnerStart>\n <InputGroup.Input id={formFieldInputId} autoComplete=\"email\" />\n <InputGroup.InnerEnd>\n <InputGroup.ClearButton />\n </InputGroup.InnerEnd>\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n> **Accessibility Note**: In this example, the mail icon is decorative and hidden from screen\n> readers. If icons are used for conveying meaning in addition to the label text, a text alternative\n> must be provided for screen readers.\n\n### Error States\n\nForm Field provides error and caution states for Text Input. Set the `error` prop on Form Field to\n`\"error\"` or `\"caution\"` and use `FormField.Hint` to provide error messages. See\n[Form Field's Error documentation](/components/inputs/form-field/#error-states) for examples and\naccessibility guidance.\n\n## Accessibility\n\n`TextInput` should be used with [Form Field](/components/inputs/form-field/) to ensure proper\nlabeling, error handling, and help text association. See\n[FormField's accessibility documentation](/components/inputs/form-field/#accessibility) for\ncomprehensive guidance on form accessibility best practices.\n\n### Autocomplete Attribute\n\n- Add appropriate `autoComplete` values to indicate the input's purpose (e.g., `\"email\"`, `\"name\"`,\n `\"street-address\"`, `\"tel\"`). Read more about\n [Identify Input Purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html).\n- Autocomplete enables browser autofill and helps assistive technologies understand the field's\n purpose, benefiting users with cognitive disabilities and motor impairments.\n- Autocomplete also helps password managers identify the correct fields.\n\n### Input Type for Mobile Keyboards\n\n`TextInput` defaults to `<input type=\"text\">`, but for better mobile keyboard support, use more\nspecific `type` attributes (like `\"email\"`, `\"tel\"`, `\"url\"`, or `\"search\"`) as needed.\n\n### Screen Reader Experience\n\nWhen properly implemented with `FormField`, screen readers will announce:\n\n- The label text when the input receives focus.\n- Required, disabled, or read-only status.\n- Help text and error messages (via `aria-describedby`).\n- The current value or \"blank\" if empty.\n\n## Component API\n\n## Specifications\n\n"
141
135
  },
136
+ textarea: {
137
+ title: "Components/Inputs/TextArea",
138
+ storybookUrl: "https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs",
139
+ mdxPath: "modules/react/text-area/stories/TextArea.mdx",
140
+ mdxProse: "# Canvas Kit Text Area\n\nText Areas allow users to enter and edit multiple lines of text.\n\n[> Workday Design Reference](https://design.workday.com/components/inputs/text-area)\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-react\n```\n\n## Usage\n\n### Basic Example\n\nText Area should be used in tandem with [Form Field](/components/inputs/form-field/) to ensure\nproper label association and screen reader support.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Basic = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Disabled\n\nSet the `disabled` prop of the Text Area to prevent users from interacting with it.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Disabled = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} disabled onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Placeholder\n\nSet the `placeholder` prop of the Text Area to display a sample of its expected format or value\nbefore a value has been provided.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Placeholder = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input\n as={TextArea}\n onChange={handleChange}\n placeholder=\"Let us know how we did!\"\n value={value}\n />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n> **Accessibility Note**: Always provide a persistent `FormField.Label` and never rely on\n> placeholder text as the only label for a text area. Placeholders can disappear or lack sufficient\n> contrast. Use placeholders only for short format examples, and place detailed instructions or\n> guidance in `FormField.Hint` instead of the placeholder.\n\n### Ref Forwarding\n\nText Area supports [ref forwarding](https://reactjs.org/docs/forwarding-refs.html). It will forward\n`ref` to its underlying `<textarea>` element.\n```tsx\nimport React from 'react';\n\nimport {PrimaryButton} from '@workday/canvas-kit-react/button';\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const RefForwarding = () => {\n const [value, setValue] = React.useState('');\n const ref = React.useRef(null);\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n const handleClick = () => {\n ref.current.focus();\n };\n\n return (\n <>\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} ref={ref} value={value} />\n </FormField.Field>\n </FormField>\n <PrimaryButton onClick={handleClick}>Focus Text Area</PrimaryButton>\n </>\n );\n};\n```\n\n### Resize Constraints\n\nSet the `resize` prop of the Text Area to restrict resizing of it to certain dimensions. `resize`\naccepts the following values:\n\n- `TextArea.ResizeDirection.Both` (Default)\n- `TextArea.ResizeDirection.Horizontal`\n- `TextArea.ResizeDirection.None`\n- `TextArea.ResizeDirection.Vertical`\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const ResizeConstraints = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input\n as={TextArea}\n onChange={handleChange}\n resize={TextArea.ResizeDirection.Vertical}\n value={value}\n />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n> **Accessibility Note**: Allowing users to resize the text area (default `resize: both`) improves\n> accessibility by letting them adjust it for comfort. Avoid disabling resizing (`resize: none`)\n> unless necessary, and always ensure the initial size meets the needs of your content.\n\n### Grow\n\nSet the `grow` prop of the Text Area to `true` to configure the Text Area to expand to the width of\nits container.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Grow = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField grow>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Label Position Horizontal\n\nSet the `orientation` prop of the Form Field to designate the position of the label relative to the\ninput component. By default, the orientation will be set to `vertical`.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const LabelPosition = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField orientation=\"horizontalStart\">\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n <FormField.Hint>Message must be under 200 characters</FormField.Hint>\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Required\n\nSet the `required` prop of the wrapping Form Field to `true` to indicate that the field is required.\nLabels for required fields are suffixed by a red asterisk.\n```tsx\nimport React from 'react';\n\nimport {FormField} from '@workday/canvas-kit-react/form-field';\nimport {TextArea} from '@workday/canvas-kit-react/text-area';\n\nexport const Required = () => {\n const [value, setValue] = React.useState('');\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(event.target.value);\n };\n\n return (\n <FormField isRequired={true}>\n <FormField.Label>Leave a Review</FormField.Label>\n <FormField.Field>\n <FormField.Input as={TextArea} onChange={handleChange} value={value} />\n </FormField.Field>\n </FormField>\n );\n};\n```\n\n### Error States\n\nForm Field provides error and caution states for Text Area. Set the `error` prop on Form Field to\n`\"error\"` or `\"caution\"` and use `FormField.Hint` to provide error messages. See\n[Form Field's Error documentation](/components/inputs/form-field/#error-states) for\nexamples and accessibility guidance.\n\n## Accessibility\n\n`TextArea` should be used with [Form Field](/components/inputs/form-field/) to\nensure proper labeling, error handling, and help text association. See\n[FormField's accessibility documentation](/components/inputs/form-field/#accessibility)\nfor comprehensive guidance on form accessibility best practices.\n\n### Character Limits\n\nWhen limiting text area length:\n\n- Use the `maxLength` attribute to enforce the limit programmatically.\n- For longer limits (100+ characters), consider adding character count information to\n `FormField.Hint`.\n- Avoid announcing character counts after every keystroke, as this disrupts screen reader users.\n Check out\n [Debouncing an AriaLiveRegion: TextArea with character limit](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-aria-live-regions--docs#debouncing-an-arialiveregion-textarea-with-character-limit)\n for an example of how to wait for users to stop typing before announcing the character count to\n screen readers.\n\n### Screen Reader Experience\n\nWhen properly implemented with `FormField`, screen readers will announce:\n\n- The label text when the text area receives focus.\n- Required, disabled, or read-only status.\n- Help text and error messages (via `aria-describedby`).\n- The current value or \"blank\" if empty.\n- That it's a multi-line text input field.\n\n## Component API\n\n## Specifications\n\n"
141
+ },
142
142
  title: {
143
143
  title: "Components/Text/Title",
144
144
  storybookUrl: "https://workday.github.io/canvas-kit/?path=/docs/components-text-title--docs",