@workday/canvas-kit-mcp 16.0.11 → 16.0.12

package/dist/apps/tooltip.html

@@ -294,7 +294,7 @@ ${s}
         `,'& [data-part="information-highlight-icon"]':{gridArea:"icon",alignSelf:"start"},'& [data-part="information-highlight-heading"]':{gridArea:"heading"},'& [data-part="information-highlight-body"]':{gridArea:"body"},'& [data-part="information-highlight-link"]':{gridArea:"link",justifySelf:"end",marginBlockStart:k.gap.md},"@container (min-width: 28rem)":{gridTemplateColumns:"min-content minmax(0, 1fr) minmax(0, max-content)",gridTemplateAreas:`
             "icon heading link"
             "icon body link"
-          `,'& [data-part="information-highlight-link"]':{alignSelf:"center",marginBlockStart:0}}}}}}),yr=oP("section")({displayName:"InformationHighlight",modelHook:ll,subComponents:{Icon:WX,Heading:GX,Body:qX,Link:nJ}})(({children:e,...t},n,a)=>y.jsx(n,{...Jt(t,rJ({[a.state.variant]:a.state.emphasis,actionPlacement:a.state.actionPlacement})),children:e})),aJ=Ne("span")({displayName:"StatusIndicatorIcon",Component:(e,t,n)=>{var a;return(a=e.icon)!=null&&a.type?y.jsx(Ad,{as:n,ref:t,size:"xs",role:"img",...e}):null}}),iJ=Me({extends:qr,base:{fontWeight:mt.medium,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",textTransform:"capitalize",color:"inherit"},defaultModifiers:{typeLevel:"subtext.medium"}}),oJ=Ne("span")({displayName:"StatusIndicator.Label",Component:({children:e,typeLevel:t,...n},a,r)=>y.jsx(r,{ref:a,...yn(n,iJ({typeLevel:t})),children:e})}),sJ={blue:"info",green:"positive",orange:"caution",red:"critical",gray:"neutral"},lJ=Me({extends:yi,base:{display:"inline-flex",gap:k.gap.xs,maxWidth:ue(200),alignItems:"center",[yi.vars.shape]:k.shape.md,height:k.size.xs,padding:`${k.padding.xxs} ${k.padding.xs}`,outline:`${ue(1)} solid transparent`,[V.vars.color]:"currentColor"},modifiers:{variant:{info:{color:k.color.fg.info.strong,backgroundColor:k.color.surface.info.strong},positive:{color:k.color.fg.success.strong,backgroundColor:k.color.surface.success.strong},caution:{color:k.color.fg.warning.strong,backgroundColor:k.color.surface.warning.strong},critical:{color:k.color.fg.danger.strong,backgroundColor:k.color.surface.danger.strong},neutral:{color:$.fg.muted.strong,backgroundColor:k.color.surface.alt.strong},transparent:{color:$.fg.inverse,backgroundColor:k.color.surface.contrast.default}},emphasis:{low:{},high:{}}},compound:[{modifiers:{variant:"info",emphasis:"high"},styles:{backgroundColor:k.color.accent.info,color:$.fg.inverse}},{modifiers:{variant:"positive",emphasis:"high"},styles:{backgroundColor:k.color.accent.success,color:$.fg.inverse}},{modifiers:{variant:"caution",emphasis:"high"},styles:{backgroundColor:k.color.accent.warning,color:$.fg.contrast.default}},{modifiers:{variant:"critical",emphasis:"high"},styles:{backgroundColor:k.color.accent.danger,color:$.fg.inverse}},{modifiers:{variant:"neutral",emphasis:"high"},styles:{backgroundColor:k.color.accent.muted.default,color:$.fg.inverse}}],defaultModifiers:{variant:"neutral",emphasis:"low"}}),Aa=Ne("div")({displayName:"StatusIndicator",subComponents:{Label:oJ,Icon:aJ},Component:({variant:e,emphasis:t,children:n,...a},r,i)=>y.jsx(i,{ref:r,...yn(a,lJ({variant:sJ[e]||e,emphasis:t})),children:n})});var uJ=function(e){return Object.prototype.hasOwnProperty.call(e,"props")},cJ=function(e,t){return e+Wo(t)},Wo=function(e){return e===null||typeof e=="boolean"||typeof e>"u"?"":typeof e=="number"?e.toString():typeof e=="string"?e:Array.isArray(e)?e.reduce(cJ,""):uJ(e)&&Object.prototype.hasOwnProperty.call(e.props,"children")?Wo(e.props.children):""};Wo.default=Wo;var dJ=Wo;const pJ=Wu(dJ),fJ=Me({extends:qr,base:{},defaultModifiers:{typeLevel:"subtext.large"}}),mJ=Ne("div")({displayName:"Card.Body",Component:({children:e,...t},n,a)=>y.jsx(a,{ref:n,...yn(t,fJ()),children:e})}),gJ=Me({extends:qr,base:{color:$.fg.strong,fontWeight:mt.bold,marginBlockStart:k.padding.none,marginBlockEnd:k.padding.none},defaultModifiers:{typeLevel:"body.small"}}),hJ=Ne("h3")({displayName:"Card.Heading",Component:({children:e,...t},n,a)=>y.jsx(a,{ref:n,...yn(t,gJ()),children:e})}),bJ=Me({extends:yi,vars:{background:""},base:({background:e})=>({[yi.vars.shape]:k.shape.xxl,display:"flex",flexDirection:"column",gap:k.padding.sm,padding:k.padding.xl,background:z(e,k.color.surface.default),border:`${ue(1)} solid ${k.color.border.default}`}),modifiers:{variant:{tonal:({background:e})=>({background:z(e,k.color.surface.alt.strong),borderColor:$.border.transparent}),alt:({background:e})=>({background:z(e,Bu.color.surface.elevated),borderColor:Bu.color.border.elevated})}}}),vo=Ne("div")({displayName:"Card",Component:({children:e,variant:t,...n},a,r)=>y.jsx(r,{ref:a,...yn(n,bJ({variant:t})),children:e}),subComponents:{Heading:hJ,Body:mJ}});function vJ(e){return e.length?e[e.length-1]:null}function NP(e,t){const{min:n,max:a}=q_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function pb(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(NP(a,t))})}function yJ(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function SJ(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:yJ(a.owner,t)})).filter(a=>a.parent===e.element)}function CP(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?CP(e[a],n.join(".")):e[a]}function OP(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),OP(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const $P=e=>{if(typeof window<"u")return CP(window,e)},LP=(e,t)=>{typeof window<"u"&&OP(window,e,t)},MA=(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},q_=$P("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:NP},_adapter:{}};LP("workday.__popupStack",q_);const er=$P("workday.__popupStackOfStacks")||[q_];er.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";LP("workday.__popupStackOfStacks",er);function Kn(){return er[er.length-1]}const Nt={createContainer(){var n;const e=Kn();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=Kn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),MA(t,e.owner).appendChild(e.element),pb(Nt.getElements())},remove(e){var n;const t=er.find(a=>!!Nt.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),MA(t,a==null?void 0:a.owner).removeChild(e),pb(Nt.getElements(t))}},isTopmost(e){var a;const t=Kn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=vJ(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Kn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Kn();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],SJ(n,t.items).forEach(r=>{Nt.bringToTop(r.element)}),pb(Nt.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Kn();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=Kn();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:{}};er.push(n)},popStackContext(e){var n,a;const t=Kn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&er.length>1&&er.pop()},transferToCurrentContext(e){var a;const t=Kn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;er.find(r=>!!r.items.find(i=>i.element===e.element))&&Nt.remove(e.element),Nt.add(e)}};let jl=null;Qn.isEnabled&&Qn.on("change",()=>{Qn.isFullscreen?Qn.element&&(jl=Qn.element,Nt.pushStackContext(jl)):jl&&Nt.popStackContext(jl)});const fb=U_({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=aP(e.id),[n,a]=K.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),UA=()=>{},DP=U_({defaultContext:{state:{},events:{show:UA,hide:UA}},defaultConfig:{...fb.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:fb.requiredConfig})(e=>{const t=te.useRef(null),n=te.useRef(null),[a,r]=te.useState("bottom"),i=fb(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}});DP.Context;const EJ=Rd()(e=>{const t=K.useCallback(a=>{e.state.stackRef.current&&document.contains(a.target)&&!Nt.contains(e.state.stackRef.current,a.target)&&e.events.hide(a)},[e.events,e.state.stackRef]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{var a;if(n)return document.addEventListener("mousedown",t),(a=e.state.stackRef.current)==null||a.setAttribute("data-behavior-click-outside-close","always"),()=>{document.removeEventListener("mousedown",t)}},[e.state.stackRef,n,t]),{}}),_J=Rd()(e=>{const t=K.useCallback(a=>{(a.key==="Esc"||a.key==="Escape")&&Nt.isTopmost(e.state.stackRef.current)&&e.events.hide(a)},[e.state.stackRef,e.events]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{if(n)return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[t,n]),{}}),wJ=Rd()(e=>{const t=K.useCallback(a=>{Qn.isFullscreen||e.events.hide(a)},[e.events]),n=e.state.visibility!=="hidden";return K.useEffect(()=>{if(n&&Qn.isEnabled)return Qn.on("change",t),()=>{Qn.off("change",t)}},[t,n]),{}});function PP(e){if(e===document.body||!e.parentElement)return e;const t=getComputedStyle(e);return t.overflowY==="scroll"||t.overflowY==="auto"||t.overflowX==="scroll"||t.overflowX==="auto"?e:PP(e.parentElement)}const kJ=Rd()(e=>{const t=e.state.visibility!=="hidden",n=K.useCallback(a=>{a[0].intersectionRatio<.5&&e.events.hide()},[e.events]);return K.useLayoutEffect(()=>{if(!t||!e.state.targetRef.current)return;const a=e.state.targetRef.current,r=PP(a),i=new IntersectionObserver(n,{root:r,threshold:.5});return i.observe(e.state.targetRef.current),()=>{i.disconnect()}},[n,e.state.targetRef,t]),{}}),TJ=(e,t)=>{const{elementRef:n,localRef:a}=M_(e),r=K.useContext(DK),i=K.useRef(!0),[o]=K.useState(()=>{if(i.current){const s=Nt.createContainer();return n(s),i.current=!1,s}return a.current});return K.useLayoutEffect(()=>{const s=a.current;if(!s)return;const l=Object.keys(r).filter(u=>u.startsWith("--"));if(l.length!==0)for(const u of l){const c=r[u];typeof c=="string"&&s.style.setProperty(u,c)}},[a,r]),K.useLayoutEffect(()=>{if(o!==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 s=t?"current"in t?t.current||void 0:t:void 0,l=a.current;return Nt.add({element:l,owner:s}),()=>{Nt.remove(l)}},[a,t,o]),K.useLayoutEffect(()=>{var u,c;let l=(t?"current"in t?t.current:t:void 0)??void 0;if(l==null&&typeof document<"u"){const d=document.activeElement,p=a.current;l=(d&&p&&!p.contains(d)?d:document.body).closest("[dir]")??document.documentElement}if(l){const d=l.getAttribute("dir");(d!=null?d.toLowerCase()==="rtl":EK(l))?(u=a.current)==null||u.setAttribute("dir","rtl"):(c=a.current)==null||c.setAttribute("dir","ltr")}},[a,t]),a},MP=e=>{const[t,n]=e.split("-");return{vertical:t==="top"?"bottom":t==="bottom"||n==="end"?"top":n==="start"?"bottom":"center",horizontal:t==="left"?"right":t==="right"||n==="end"?"left":n==="start"?"right":"center"}};var mn="top",An="bottom",Nn="right",gn="left",G_="auto",cl=[mn,An,Nn,gn],Si="start",H_="end",IJ="clippingParents",UP="viewport",Qi="popper",xJ="reference",FA=cl.reduce(function(e,t){return e.concat([t+"-"+Si,t+"-"+H_])},[]),FP=[].concat(cl,[G_]).reduce(function(e,t){return e.concat([t,t+"-"+Si,t+"-"+H_])},[]),RJ="beforeRead",AJ="read",NJ="afterRead",CJ="beforeMain",OJ="main",$J="afterMain",LJ="beforeWrite",DJ="write",PJ="afterWrite",MJ=[RJ,AJ,NJ,CJ,OJ,$J,LJ,DJ,PJ];function Cn(e){return e?(e.nodeName||"").toLowerCase():null}function On(e){if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Vo(e){var t=On(e).Element;return e instanceof t||e instanceof Element}function Gn(e){var t=On(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function UJ(e){var t=On(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function FJ(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)||!Cn(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 zJ(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)||!Cn(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const jJ={name:"applyStyles",enabled:!0,phase:"write",fn:FJ,effect:zJ,requires:["computeStyles"]};function Bn(e){return e.split("-")[0]}function W_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function zP(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&UJ(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function sr(e){return On(e).getComputedStyle(e)}function BJ(e){return["table","td","th"].indexOf(Cn(e))>=0}function br(e){return((Vo(e)?e.ownerDocument:e.document)||window.document).documentElement}function Nd(e){return Cn(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||br(e)}function zA(e){if(!Gn(e)||sr(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=br(t);if(Cn(t)==="body"&&sr(t).position==="static"&&sr(n).position!=="static")return n}return t}function qJ(e){for(var t=Nd(e);Gn(t)&&["html","body"].indexOf(Cn(t))<0;){var n=sr(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=On(e),n=zA(e);n&&BJ(n)&&sr(n).position==="static";)n=zA(n);return n&&Cn(n)==="body"&&sr(n).position==="static"?t:n||qJ(e)||t}function V_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function au(e,t,n){return Math.max(e,Math.min(t,n))}function jP(){return{top:0,right:0,bottom:0,left:0}}function BP(e){return Object.assign(Object.assign({},jP()),e)}function qP(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function GJ(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=Bn(n.placement),s=V_(o),l=[gn,Nn].indexOf(o)>=0,u=l?"height":"width";if(!(!r||!i)){var c=n.modifiersData[a+"#persistent"].padding,d=W_(r),p=s==="y"?mn:gn,g=s==="y"?An:Nn,b=n.rects.reference[u]+n.rects.reference[s]-i[s]-n.rects.popper[u],v=i[s]-n.rects.reference[s],I=dl(r),h=I?s==="y"?I.clientHeight||0:I.clientWidth||0:0,f=b/2-v/2,m=c[p],S=h-d[u]-c[g],_=h/2-d[u]/2+f,w=au(m,_,S),T=s;n.modifiersData[a]=(t={},t[T]=w,t.centerOffset=w-_,t)}}function HJ(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)||zP(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:BP(typeof s!="number"?s:qP(s,cl))}))}const WJ={name:"arrow",enabled:!0,phase:"main",fn:GJ,effect:HJ,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var VJ={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ZJ(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 jA(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=ZJ(i),c=u.x,d=u.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),b=gn,v=mn,I=window;if(l){var h=dl(n);h===On(n)&&(h=br(n)),r===mn&&(v=An,d-=h.clientHeight-a.height,d*=s?1:-1),r===gn&&(b=Nn,c-=h.clientWidth-a.width,c*=s?1:-1)}var f=Object.assign({position:o},l&&VJ);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[v]=g?"0":"",m[b]=p?"0":"",m.transform=(I.devicePixelRatio||1)<2?"translate("+c+"px, "+d+"px)":"translate3d("+c+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[v]=g?d+"px":"",t[b]=p?c+"px":"",t.transform="",t))}function YJ(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:Bn(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),jA(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),jA(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 KJ={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:YJ,data:{}};var Bl={passive:!0};function XJ(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=On(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 JJ={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:XJ,data:{}};var QJ={left:"right",right:"left",bottom:"top",top:"bottom"};function iu(e){return e.replace(/left|right|bottom|top/g,function(t){return QJ[t]})}var eQ={start:"end",end:"start"};function BA(e){return e.replace(/start|end/g,function(t){return eQ[t]})}function Zo(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=On(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function Y_(e){return Zo(br(e)).left+Z_(e).scrollLeft}function tQ(e){var t=On(e),n=br(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 nQ(e){var t=br(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 sr(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=sr(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function GP(e){return["html","body","#document"].indexOf(Cn(e))>=0?e.ownerDocument.body:Gn(e)&&K_(e)?e:GP(Nd(e))}function yo(e,t){t===void 0&&(t=[]);var n=GP(e),a=Cn(n)==="body",r=On(n),i=a?[r].concat(r.visualViewport||[],K_(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(yo(Nd(i)))}function yv(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function rQ(e){var t=Zo(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 qA(e,t){return t===UP?yv(tQ(e)):Gn(t)?rQ(t):yv(nQ(br(e)))}function aQ(e){var t=yo(Nd(e)),n=["absolute","fixed"].indexOf(sr(e).position)>=0,a=n&&Gn(e)?dl(e):e;return Vo(a)?t.filter(function(r){return Vo(r)&&zP(r,a)&&Cn(r)!=="body"}):[]}function iQ(e,t,n){var a=t==="clippingParents"?aQ(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var u=qA(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},qA(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 Yo(e){return e.split("-")[1]}function HP(e){var t=e.reference,n=e.element,a=e.placement,r=a?Bn(a):null,i=a?Yo(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case mn:l={x:o,y:t.y-n.height};break;case An:l={x:o,y:t.y+t.height};break;case Nn:l={x:t.x+t.width,y:s};break;case gn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var u=r?V_(r):null;if(u!=null){var c=u==="y"?"height":"width";switch(i){case Si: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 Ei(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?IJ:i,s=n.rootBoundary,l=s===void 0?UP:s,u=n.elementContext,c=u===void 0?Qi:u,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,b=g===void 0?0:g,v=BP(typeof b!="number"?b:qP(b,cl)),I=c===Qi?xJ:Qi,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?I:c],S=iQ(Vo(m)?m:m.contextElement||br(e.elements.popper),o,l),_=Zo(h),w=HP({reference:_,element:f,placement:r}),T=yv(Object.assign(Object.assign({},f),w)),C=c===Qi?T:_,O={top:S.top-C.top+v.top,bottom:C.bottom-S.bottom+v.bottom,left:S.left-C.left+v.left,right:C.right-S.right+v.right},P=e.modifiersData.offset;if(c===Qi&&P){var G=P[r];Object.keys(O).forEach(function(ee){var ne=[Nn,An].indexOf(ee)>=0?1:-1,ve=[mn,An].indexOf(ee)>=0?"y":"x";O[ee]+=G[ve]*ne})}return O}function oQ(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?FP:l,c=Yo(a),d=c?s?FA:FA.filter(function(b){return Yo(b)===c}):cl,p=d.filter(function(b){return u.indexOf(b)>=0});p.length===0&&(p=d);var g=p.reduce(function(b,v){return b[v]=Ei(e,{placement:v,boundary:r,rootBoundary:i,padding:o})[Bn(v)],b},{});return Object.keys(g).sort(function(b,v){return g[b]-g[v]})}function sQ(e){if(Bn(e)===G_)return[];var t=iu(e);return[BA(e),t,BA(t)]}function lQ(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,b=g===void 0?!0:g,v=n.allowedAutoPlacements,I=t.options.placement,h=Bn(I),f=h===I,m=l||(f||!b?[iu(I)]:sQ(I)),S=[I].concat(m).reduce(function(ge,Ce){return ge.concat(Bn(Ce)===G_?oQ(t,{placement:Ce,boundary:c,rootBoundary:d,padding:u,flipVariations:b,allowedAutoPlacements:v}):Ce)},[]),_=t.rects.reference,w=t.rects.popper,T=new Map,C=!0,O=S[0],P=0;P<S.length;P++){var G=S[P],ee=Bn(G),ne=Yo(G)===Si,ve=[mn,An].indexOf(ee)>=0,_e=ve?"width":"height",me=Ei(t,{placement:G,boundary:c,rootBoundary:d,altBoundary:p,padding:u}),we=ve?ne?Nn:gn:ne?An:mn;_[_e]>w[_e]&&(we=iu(we));var D=iu(we),j=[];if(i&&j.push(me[ee]<=0),s&&j.push(me[we]<=0,me[D]<=0),j.every(function(ge){return ge})){O=G,C=!1;break}T.set(G,j)}if(C)for(var B=b?3:1,H=function(Ce){var $e=S.find(function(Ye){var en=T.get(Ye);if(en)return en.slice(0,Ce).every(function(_a){return _a})});if($e)return O=$e,"break"},Y=B;Y>0;Y--){var Ge=H(Y);if(Ge==="break")break}t.placement!==O&&(t.modifiersData[a]._skip=!0,t.placement=O,t.reset=!0)}}const uQ={name:"flip",enabled:!0,phase:"main",fn:lQ,requiresIfExists:["offset"],data:{_skip:!1}};function GA(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 HA(e){return[mn,Nn,An,gn].some(function(t){return e[t]>=0})}function cQ(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=Ei(t,{elementContext:"reference"}),s=Ei(t,{altBoundary:!0}),l=GA(o,a),u=GA(s,r,i),c=HA(l),d=HA(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 dQ={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:cQ};function pQ(e,t,n){var a=Bn(e),r=[gn,mn].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,[gn,Nn].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function fQ(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=FP.reduce(function(c,d){return c[d]=pQ(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 mQ={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:fQ};function gQ(e){var t=e.state,n=e.name;t.modifiersData[n]=HP({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const hQ={name:"popperOffsets",enabled:!0,phase:"read",fn:gQ,data:{}};function bQ(e){return e==="x"?"y":"x"}function vQ(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,b=n.tetherOffset,v=b===void 0?0:b,I=Ei(t,{boundary:l,rootBoundary:u,padding:d,altBoundary:c}),h=Bn(t.placement),f=Yo(t.placement),m=!f,S=V_(h),_=bQ(S),w=t.modifiersData.popperOffsets,T=t.rects.reference,C=t.rects.popper,O=typeof v=="function"?v(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):v,P={x:0,y:0};if(w){if(i){var G=S==="y"?mn:gn,ee=S==="y"?An:Nn,ne=S==="y"?"height":"width",ve=w[S],_e=w[S]+I[G],me=w[S]-I[ee],we=g?-C[ne]/2:0,D=f===Si?T[ne]:C[ne],j=f===Si?-C[ne]:-T[ne],B=t.elements.arrow,H=g&&B?W_(B):{width:0,height:0},Y=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:jP(),Ge=Y[G],ge=Y[ee],Ce=au(0,T[ne],H[ne]),$e=m?T[ne]/2-we-Ce-Ge-O:D-Ce-Ge-O,Ye=m?-T[ne]/2+we+Ce+ge+O:j+Ce+ge+O,en=t.elements.arrow&&dl(t.elements.arrow),_a=en?S==="y"?en.clientTop||0:en.clientLeft||0:0,wa=t.modifiersData.offset?t.modifiersData.offset[t.placement][S]:0,ka=w[S]+$e-wa-_a,Cd=w[S]+Ye-wa,Ta=au(g?Math.min(_e,ka):_e,ve,g?Math.max(me,Cd):me);w[S]=Ta,P[S]=Ta-ve}if(s){var uM=S==="x"?mn:gn,cM=S==="x"?An:Nn,pl=w[_],dM=pl+I[uM],pM=pl-I[cM],tw=au(dM,pl,pM);w[_]=tw,P[_]=tw-pl}t.modifiersData[a]=P}}const yQ={name:"preventOverflow",enabled:!0,phase:"main",fn:vQ,requiresIfExists:["offset"]};function SQ(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function EQ(e){return e===On(e)||!Gn(e)?Z_(e):SQ(e)}function _Q(e,t,n){n===void 0&&(n=!1);var a=br(t),r=Zo(e),i=Gn(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((Cn(t)!=="body"||K_(a))&&(o=EQ(t)),Gn(t)?(s=Zo(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 wQ(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 kQ(e){var t=wQ(e);return MJ.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function TQ(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function IQ(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 WA={placement:"bottom",modifiers:[],strategy:"absolute"};function VA(){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 xQ(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?WA:r;return function(s,l,u){u===void 0&&(u=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},WA),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:c,setOptions:function(h){v(),c.options=Object.assign(Object.assign(Object.assign({},i),c.options),h),c.scrollParents={reference:Vo(s)?yo(s):s.contextElement?yo(s.contextElement):[],popper:yo(l)};var f=kQ(IQ([].concat(a,c.options.modifiers)));return c.orderedModifiers=f.filter(function(m){return m.enabled}),b(),g.update()},forceUpdate:function(){if(!p){var h=c.elements,f=h.reference,m=h.popper;if(VA(f,m)){c.rects={reference:_Q(f,dl(m),c.options.strategy==="fixed"),popper:W_(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 S=0;S<c.orderedModifiers.length;S++){if(c.reset===!0){c.reset=!1,S=-1;continue}var _=c.orderedModifiers[S],w=_.fn,T=_.options,C=T===void 0?{}:T,O=_.name;typeof w=="function"&&(c=w({state:c,options:C,name:O,instance:g})||c)}}}},update:TQ(function(){return new Promise(function(I){g.forceUpdate(),I(c)})}),destroy:function(){v(),p=!0}};if(!VA(s,l))return g;g.setOptions(u).then(function(I){!p&&u.onFirstUpdate&&u.onFirstUpdate(I)});function b(){c.orderedModifiers.forEach(function(I){var h=I.name,f=I.options,m=f===void 0?{}:f,S=I.effect;if(typeof S=="function"){var _=S({state:c,name:h,instance:g,options:m}),w=function(){};d.push(_||w)}})}function v(){d.forEach(function(I){return I()}),d=[]}return g}}var RQ=[JJ,hQ,KJ,jJ,mQ,uQ,yQ,WJ,dQ],AQ=xQ({defaultModifiers:RQ});const NQ=["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"],CQ=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=NQ.find(r=>r.includes(`${a}-${n}`))??a),a},WP=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=Ei({...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]:WP(e.slice(1),t,n)},ZA="fallbackModifier",YA={name:ZA,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,CQ(n),...a||[]],i=WP(r,e,n);e.placement!==i&&(e.modifiersData[ZA]._skip=!0,e.placement=i,e.reset=!0)}},X_=["top","right","bottom","left"],J_=te.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?y.jsx(LQ,{ref:a,portal:e,...n}):null),OQ=e=>{if(e!==null)return"current"in e?e.current||void 0:e},$Q={},LQ=te.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=$Q,placement:a="bottom",fallbackPlacements:r=X_,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},u)=>{const c=te.useRef(!0),{localRef:d,elementRef:p}=M_(l),[g,b]=te.useState(a),v=TJ(u,e),I=te.useRef(a);I.current=g;const h=te.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){b(m.placement),i==null||i(m.placement)}}),[b,i]);te.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:OQ(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(v.current){const S=AQ(m,v.current,{placement:a,...n,modifiers:[h,{...YA,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(S),()=>{S==null||S.destroy()}}},[e,t,v]),te.useLayoutEffect(()=>{var m;c.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...YA,options:{fallbackPlacements:r}},...n.modifiers||[]]}),c.current=!1},[n,a,r,h,d]);const f=y.jsx(y.Fragment,{children:DQ(o)?o({placement:g}):o});return s?mC.createPortal(f,v.current):f});function DQ(e){return typeof e=="function"}const KA={vertical:"bottom",horizontal:"center"},Sv=Oa("positionX","positionY"),PQ=tK({"0%":{opacity:0,transform:`translate(${Sv.positionX}, ${Sv.positionY})`},"100%":{opacity:1,transform:"translate(0)"}}),MQ=Me({vars:{tooltipTransformOriginHorizontal:"",tooltipTransformOriginVertical:"",background:""},base:({tooltipTransformOriginHorizontal:e,tooltipTransformOriginVertical:t,background:n})=>({...k.type.subtext.lg,display:"inline-flex",position:"relative",padding:`${ue(6)} ${k.padding.sm}`,color:$.fg.default,animationName:PQ,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${t} ${e}`,margin:k.gap.xs,a:{color:$.fg.default,textDecoration:"underline"},"&:before":{content:'""',borderRadius:k.shape.full,border:`${ue(1)} solid ${$.border.default}`,zIndex:-1,margin:0,background:z(n,k.color.surface.default),position:"absolute",top:0,left:0,right:0,bottom:0,boxShadow:Q2[3]},"[data-popper-reference-hidden] &":{visibility:"hidden",pointerEvents:"none"},'[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &':{left:sn.negate(Ir.size50)},'[data-popper-placement="top-end"] &, [data-popper-placement="bottom-end"] &':{right:sn.negate(Ir.size50)},'[data-popper-placement="left-start"] &, [data-popper-placement="right-start"] &':{top:sn.negate(Ir.size50)},'[data-popper-placement="left-end"] &, [data-popper-placement="right-end"] &':{bottom:sn.negate(Ir.size50)},"@media (forced-colors: active)":{outline:`${ue(1)} solid CanvasText`}}),modifiers:{elementHasFocus:{true:{margin:ue(6)}},variant:{alt:({background:e})=>({"&:before":{background:z(e,Bu.color.surface.elevated),border:`${ue(1)} solid ${Bu.color.border.elevated}`}})}}}),Q_=Ne("div")({displayName:"TooltipContainer",Component:({children:e,transformOrigin:t=KA,elementHasFocus:n=!1,variant:a,...r},i,o)=>{const s=SK(t||KA,k.gap.sm);return y.jsx(o,{ref:i,...yn(r,[MQ({tooltipTransformOriginHorizontal:t==null?void 0:t.horizontal,tooltipTransformOriginVertical:t==null?void 0:t.vertical,elementHasFocus:n,variant:a}),Sv({positionX:s.x,positionY:s.y})]),children:e})}}),XA=(e,t=0)=>{const n=te.useRef(void 0),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return te.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},UQ=e=>{const t=e.tagName.toLowerCase(),n=e.getAttribute("tabindex");switch(t){case"button":case"input":case"select":case"textarea":case"details":return!0;default:return n?Number(n)>=0:!1}};function ew({type:e="label",titleText:t="",showDelay:n=300,hideDelay:a=100}={}){const r=te.useRef(!1),i=DP(),[o,s]=te.useState(null),l=aP(),u=XA(i.events.hide,a),c=XA(i.events.show,n),d=()=>{u.start(),c.clear()},p=()=>{c.start(),u.clear()},g=f=>{s(f.currentTarget),p()},b=f=>{r.current||g(f),r.current=!1},v=f=>{r.current=!0,UQ(f.currentTarget)&&i.events.hide()};_J(i),EJ(i),wJ(i),kJ(i);const I=i.state.visibility!=="hidden",h={"aria-describedby":e==="describe"&&I?l:void 0,"aria-description":e==="description"?t:void 0,"aria-label":e==="label"?t:void 0,onMouseEnter:g,onMouseLeave:d,onMouseDown:v,onFocus:b,onBlur:d};return h["aria-describedby"]===void 0&&delete h["aria-describedby"],{targetProps:h,popperProps:{open:I,anchorElement:o,ref:i.state.stackRef},tooltipProps:{id:e==="describe"&&I?l:void 0,role:"tooltip",onMouseEnter:p,onMouseLeave:d}}}function FQ(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=D_(t[r],e[r]):a[r]=t[r],a),{})}const cn=Ne("div")({displayName:"Tooltip",Component({type:e="label",placement:t="top",title:n,children:a,showDelay:r=300,hideDelay:i=100,fallbackPlacements:o=X_,variant:s,...l}){const u=pJ(n),{targetProps:c,popperProps:d,tooltipProps:p}=ew({type:e,titleText:u,showDelay:r,hideDelay:i}),[g,b]=te.useState(!1),{localRef:v}=M_();return te.useEffect(()=>{const I=v.current;if(!I)return;const h=()=>{b(I.matches(":focus-visible")||I.classList.contains("focus"))};return h(),I.addEventListener("focus",h),I.addEventListener("blur",h),()=>{I.removeEventListener("focus",h),I.removeEventListener("blur",h)}},[v]),y.jsxs(te.Fragment,{children:[te.cloneElement(a,{...c,...FQ(a.props,c),.../^(muted|describe)$/.test(e)&&a.props["aria-label"]?{"aria-label":a.props["aria-label"]}:{}}),y.jsx(J_,{placement:t,fallbackPlacements:o,...d,children:({placement:I})=>{const h=MP(I);return y.jsx(Q_,{transformOrigin:h,...Jt(l),...p,elementHasFocus:g,variant:s,children:n})}})]})}}),VP=e=>{const t=getComputedStyle(e);if(t.overflow==="auto"||t.overflow==="scroll"||t.overflow==="clip"||t.overflow==="hidden")return e;if(e.children){for(let n=0;n<e.children.length;n++){const a=VP(e.children[n]);if(a)return a}return null}return null},ZP=e=>{const t=getComputedStyle(e);if(t.textOverflow==="ellipsis"||Number(t.webkitLineClamp)>0)return e;for(let n=0;n<e.children.length;n++){const a=ZP(e.children[n]);if(a)return a}return null},JA=e=>{var n;const t=(n=e.ownerDocument)==null?void 0:n.defaultView;return t&&e instanceof t.HTMLElement?e.innerText:""},QA=e=>{const t=ZP(e)||VP(e);return t?t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight:!1};function zQ(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=D_(t[r],e[r]):a[r]=t[r],a),{})}const Xr=({placement:e="top",fallbackPlacements:t=X_,children:n,showDelay:a,hideDelay:r,...i})=>{const[o,s]=te.useState(""),{targetProps:l,popperProps:u,tooltipProps:c}=ew({type:"muted",showDelay:a,hideDelay:r}),d=g=>{const b=g.currentTarget;s(JA(b)),QA(b)&&l.onMouseEnter(g)},p=g=>{const b=g.currentTarget;s(JA(b)),QA(b)&&l.onFocus(g)};return y.jsxs(te.Fragment,{children:[te.cloneElement(n,{...l,onMouseEnter:d,onFocus:p,"aria-label":void 0,...zQ({...l,onMouseEnter:d,onFocus:p},n.props)}),y.jsx(J_,{placement:e,fallbackPlacements:t,...u,children:({placement:g})=>{const b=MP(g);return y.jsx(Q_,{transformOrigin:b,...c,...i,children:o})}})]})},jQ=or({background:$.bg.alt.default,padding:C_.xl}),YP=()=>y.jsx("div",{className:jQ,children:y.jsxs(vo,{children:[y.jsxs(vo.Heading,{children:["Giant Pacific Octopus",y.jsx(cn,{title:"This content is generated by AI",variant:"alt",placement:"right-end",children:y.jsx(ul,{size:"extraSmall",icon:BK,"aria-label":"This functionality is powered by AI"})})]}),y.jsxs(vo.Body,{children:["The giant Pacific octopus (Enteroctopus dofleini), also known as the North Pacific giant octopus, is a large marine cephalopod belonging to the genus Enteroctopus and Enteroctopodidae family. –"," ",y.jsx(JX,{href:"https://en.wikipedia.org/wiki/Giant_Pacific_octopus",children:"View Source"})]})]})});YP.__RAW__=`import {ExternalHyperlink, TertiaryButton} from '@workday/canvas-kit-react/button';
+          `,'& [data-part="information-highlight-link"]':{alignSelf:"center",marginBlockStart:0}}}}}}),yr=oP("section")({displayName:"InformationHighlight",modelHook:ll,subComponents:{Icon:WX,Heading:GX,Body:qX,Link:nJ}})(({children:e,...t},n,a)=>y.jsx(n,{...Jt(t,rJ({[a.state.variant]:a.state.emphasis,actionPlacement:a.state.actionPlacement})),children:e})),aJ=Ne("span")({displayName:"StatusIndicatorIcon",Component:(e,t,n)=>{var a;return(a=e.icon)!=null&&a.type?y.jsx(Ad,{as:n,ref:t,size:"xs",...e}):null}}),iJ=Me({extends:qr,base:{fontWeight:mt.medium,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",textTransform:"capitalize",color:"inherit"},defaultModifiers:{typeLevel:"subtext.medium"}}),oJ=Ne("span")({displayName:"StatusIndicator.Label",Component:({children:e,typeLevel:t,...n},a,r)=>y.jsx(r,{ref:a,...yn(n,iJ({typeLevel:t})),children:e})}),sJ={blue:"info",green:"positive",orange:"caution",red:"critical",gray:"neutral"},lJ=Me({extends:yi,base:{display:"inline-flex",gap:k.gap.xs,maxWidth:ue(200),alignItems:"center",[yi.vars.shape]:k.shape.md,height:k.size.xs,padding:`${k.padding.xxs} ${k.padding.xs}`,outline:`${ue(1)} solid transparent`,[V.vars.color]:"currentColor"},modifiers:{variant:{info:{color:k.color.fg.info.strong,backgroundColor:k.color.surface.info.strong},positive:{color:k.color.fg.success.strong,backgroundColor:k.color.surface.success.strong},caution:{color:k.color.fg.warning.strong,backgroundColor:k.color.surface.warning.strong},critical:{color:k.color.fg.danger.strong,backgroundColor:k.color.surface.danger.strong},neutral:{color:$.fg.muted.strong,backgroundColor:k.color.surface.alt.strong},transparent:{color:$.fg.inverse,backgroundColor:k.color.surface.contrast.default}},emphasis:{low:{},high:{}}},compound:[{modifiers:{variant:"info",emphasis:"high"},styles:{backgroundColor:k.color.accent.info,color:$.fg.inverse}},{modifiers:{variant:"positive",emphasis:"high"},styles:{backgroundColor:k.color.accent.success,color:$.fg.inverse}},{modifiers:{variant:"caution",emphasis:"high"},styles:{backgroundColor:k.color.accent.warning,color:$.fg.contrast.default}},{modifiers:{variant:"critical",emphasis:"high"},styles:{backgroundColor:k.color.accent.danger,color:$.fg.inverse}},{modifiers:{variant:"neutral",emphasis:"high"},styles:{backgroundColor:k.color.accent.muted.default,color:$.fg.inverse}}],defaultModifiers:{variant:"neutral",emphasis:"low"}}),Aa=Ne("div")({displayName:"StatusIndicator",subComponents:{Label:oJ,Icon:aJ},Component:({variant:e,emphasis:t,children:n,...a},r,i)=>y.jsx(i,{ref:r,...yn(a,lJ({variant:sJ[e]||e,emphasis:t})),children:n})});var uJ=function(e){return Object.prototype.hasOwnProperty.call(e,"props")},cJ=function(e,t){return e+Wo(t)},Wo=function(e){return e===null||typeof e=="boolean"||typeof e>"u"?"":typeof e=="number"?e.toString():typeof e=="string"?e:Array.isArray(e)?e.reduce(cJ,""):uJ(e)&&Object.prototype.hasOwnProperty.call(e.props,"children")?Wo(e.props.children):""};Wo.default=Wo;var dJ=Wo;const pJ=Wu(dJ),fJ=Me({extends:qr,base:{},defaultModifiers:{typeLevel:"subtext.large"}}),mJ=Ne("div")({displayName:"Card.Body",Component:({children:e,...t},n,a)=>y.jsx(a,{ref:n,...yn(t,fJ()),children:e})}),gJ=Me({extends:qr,base:{color:$.fg.strong,fontWeight:mt.bold,marginBlockStart:k.padding.none,marginBlockEnd:k.padding.none},defaultModifiers:{typeLevel:"body.small"}}),hJ=Ne("h3")({displayName:"Card.Heading",Component:({children:e,...t},n,a)=>y.jsx(a,{ref:n,...yn(t,gJ()),children:e})}),bJ=Me({extends:yi,vars:{background:""},base:({background:e})=>({[yi.vars.shape]:k.shape.xxl,display:"flex",flexDirection:"column",gap:k.padding.sm,padding:k.padding.xl,background:z(e,k.color.surface.default),border:`${ue(1)} solid ${k.color.border.default}`}),modifiers:{variant:{tonal:({background:e})=>({background:z(e,k.color.surface.alt.strong),borderColor:$.border.transparent}),alt:({background:e})=>({background:z(e,Bu.color.surface.elevated),borderColor:Bu.color.border.elevated})}}}),vo=Ne("div")({displayName:"Card",Component:({children:e,variant:t,...n},a,r)=>y.jsx(r,{ref:a,...yn(n,bJ({variant:t})),children:e}),subComponents:{Heading:hJ,Body:mJ}});function vJ(e){return e.length?e[e.length-1]:null}function NP(e,t){const{min:n,max:a}=q_.zIndex;return t<=a-n?e+n:Math.max(n,a-(t-e)+1)}function pb(e){const t=e.length;e.forEach((n,a)=>{n.style.zIndex=String(NP(a,t))})}function yJ(e,t){let n=e;do{const a=t.find(r=>r.element===n);if(a)return a.element}while(n=n.parentElement)}function SJ(e,t){return t.filter(a=>a.owner).map(a=>({element:a.element,parent:yJ(a.owner,t)})).filter(a=>a.parent===e.element)}function CP(e,t){const n=t.split("."),a=n.splice(0,1)[0];return n.length&&e[a]?CP(e[a],n.join(".")):e[a]}function OP(e,t,n){const a=t.split("."),r=a.splice(0,1)[0];return a.length?(e[r]===void 0&&(e[r]={}),OP(e[r],a.join("."),n)):e[r]=n,n}typeof window<"u"&&(window.workday=window.workday||{});const $P=e=>{if(typeof window<"u")return CP(window,e)},LP=(e,t)=>{typeof window<"u"&&OP(window,e,t)},MA=(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},q_=$P("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:NP},_adapter:{}};LP("workday.__popupStack",q_);const er=$P("workday.__popupStackOfStacks")||[q_];er.description="Global stack of popup stacks from @workday/canvas-kit/popup-stack";LP("workday.__popupStackOfStacks",er);function Kn(){return er[er.length-1]}const Nt={createContainer(){var n;const e=Kn();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=Kn();if((n=t._adapter)!=null&&n.add){t._adapter.add(e);return}t.items.push(e),MA(t,e.owner).appendChild(e.element),pb(Nt.getElements())},remove(e){var n;const t=er.find(a=>!!Nt.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),MA(t,a==null?void 0:a.owner).removeChild(e),pb(Nt.getElements(t))}},isTopmost(e){var a;const t=Kn();if((a=t._adapter)!=null&&a.isTopmost)return t._adapter.isTopmost(e);const n=vJ(t.items);return n?n.element===e:!1},getElements(e){var n;const t=e||Kn();return(n=t._adapter)!=null&&n.getElements?t._adapter.getElements():t.items.map(a=>a.element)},bringToTop(e){var a;const t=Kn();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],SJ(n,t.items).forEach(r=>{Nt.bringToTop(r.element)}),pb(Nt.getElements());else{const r=new Error;console.warn("Could not find item",r.stack)}},contains(e,t){var i;const n=Kn();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=Kn();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:{}};er.push(n)},popStackContext(e){var n,a;const t=Kn();if((n=t._adapter)!=null&&n.popStackContext)return t._adapter.popStackContext(e);((a=t.container)==null?void 0:a.call(t))===e&&er.length>1&&er.pop()},transferToCurrentContext(e){var a;const t=Kn();if((a=t._adapter)!=null&&a.transferToCurrentContext)return t._adapter.transferToCurrentContext(e);if(t.items.find(r=>r.element===e.element))return;er.find(r=>!!r.items.find(i=>i.element===e.element))&&Nt.remove(e.element),Nt.add(e)}};let jl=null;Qn.isEnabled&&Qn.on("change",()=>{Qn.isFullscreen?Qn.element&&(jl=Qn.element,Nt.pushStackContext(jl)):jl&&Nt.popStackContext(jl)});const fb=U_({defaultConfig:{id:"",initialVisibility:"hidden"}})(e=>{const t=aP(e.id),[n,a]=K.useState(e.initialVisibility||"hidden");return{state:{id:t,visibility:n},events:{show(o){a("visible")},hide(o){a("hidden")}}}}),UA=()=>{},DP=U_({defaultContext:{state:{},events:{show:UA,hide:UA}},defaultConfig:{...fb.defaultConfig,returnFocusRef:void 0,initialFocusRef:void 0},requiredConfig:fb.requiredConfig})(e=>{const t=te.useRef(null),n=te.useRef(null),[a,r]=te.useState("bottom"),i=fb(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}});DP.Context;const EJ=Rd()(e=>{const t=K.useCallback(a=>{e.state.stackRef.current&&document.contains(a.target)&&!Nt.contains(e.state.stackRef.current,a.target)&&e.events.hide(a)},[e.events,e.state.stackRef]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{var a;if(n)return document.addEventListener("mousedown",t),(a=e.state.stackRef.current)==null||a.setAttribute("data-behavior-click-outside-close","always"),()=>{document.removeEventListener("mousedown",t)}},[e.state.stackRef,n,t]),{}}),_J=Rd()(e=>{const t=K.useCallback(a=>{(a.key==="Esc"||a.key==="Escape")&&Nt.isTopmost(e.state.stackRef.current)&&e.events.hide(a)},[e.state.stackRef,e.events]),n=e.state.visibility!=="hidden";return K.useLayoutEffect(()=>{if(n)return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[t,n]),{}}),wJ=Rd()(e=>{const t=K.useCallback(a=>{Qn.isFullscreen||e.events.hide(a)},[e.events]),n=e.state.visibility!=="hidden";return K.useEffect(()=>{if(n&&Qn.isEnabled)return Qn.on("change",t),()=>{Qn.off("change",t)}},[t,n]),{}});function PP(e){if(e===document.body||!e.parentElement)return e;const t=getComputedStyle(e);return t.overflowY==="scroll"||t.overflowY==="auto"||t.overflowX==="scroll"||t.overflowX==="auto"?e:PP(e.parentElement)}const kJ=Rd()(e=>{const t=e.state.visibility!=="hidden",n=K.useCallback(a=>{a[0].intersectionRatio<.5&&e.events.hide()},[e.events]);return K.useLayoutEffect(()=>{if(!t||!e.state.targetRef.current)return;const a=e.state.targetRef.current,r=PP(a),i=new IntersectionObserver(n,{root:r,threshold:.5});return i.observe(e.state.targetRef.current),()=>{i.disconnect()}},[n,e.state.targetRef,t]),{}}),TJ=(e,t)=>{const{elementRef:n,localRef:a}=M_(e),r=K.useContext(DK),i=K.useRef(!0),[o]=K.useState(()=>{if(i.current){const s=Nt.createContainer();return n(s),i.current=!1,s}return a.current});return K.useLayoutEffect(()=>{const s=a.current;if(!s)return;const l=Object.keys(r).filter(u=>u.startsWith("--"));if(l.length!==0)for(const u of l){const c=r[u];typeof c=="string"&&s.style.setProperty(u,c)}},[a,r]),K.useLayoutEffect(()=>{if(o!==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 s=t?"current"in t?t.current||void 0:t:void 0,l=a.current;return Nt.add({element:l,owner:s}),()=>{Nt.remove(l)}},[a,t,o]),K.useLayoutEffect(()=>{var u,c;let l=(t?"current"in t?t.current:t:void 0)??void 0;if(l==null&&typeof document<"u"){const d=document.activeElement,p=a.current;l=(d&&p&&!p.contains(d)?d:document.body).closest("[dir]")??document.documentElement}if(l){const d=l.getAttribute("dir");(d!=null?d.toLowerCase()==="rtl":EK(l))?(u=a.current)==null||u.setAttribute("dir","rtl"):(c=a.current)==null||c.setAttribute("dir","ltr")}},[a,t]),a},MP=e=>{const[t,n]=e.split("-");return{vertical:t==="top"?"bottom":t==="bottom"||n==="end"?"top":n==="start"?"bottom":"center",horizontal:t==="left"?"right":t==="right"||n==="end"?"left":n==="start"?"right":"center"}};var mn="top",An="bottom",Nn="right",gn="left",G_="auto",cl=[mn,An,Nn,gn],Si="start",H_="end",IJ="clippingParents",UP="viewport",Qi="popper",xJ="reference",FA=cl.reduce(function(e,t){return e.concat([t+"-"+Si,t+"-"+H_])},[]),FP=[].concat(cl,[G_]).reduce(function(e,t){return e.concat([t,t+"-"+Si,t+"-"+H_])},[]),RJ="beforeRead",AJ="read",NJ="afterRead",CJ="beforeMain",OJ="main",$J="afterMain",LJ="beforeWrite",DJ="write",PJ="afterWrite",MJ=[RJ,AJ,NJ,CJ,OJ,$J,LJ,DJ,PJ];function Cn(e){return e?(e.nodeName||"").toLowerCase():null}function On(e){if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Vo(e){var t=On(e).Element;return e instanceof t||e instanceof Element}function Gn(e){var t=On(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function UJ(e){var t=On(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function FJ(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)||!Cn(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 zJ(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)||!Cn(r)||(Object.assign(r.style,s),Object.keys(i).forEach(function(l){r.removeAttribute(l)}))})}}const jJ={name:"applyStyles",enabled:!0,phase:"write",fn:FJ,effect:zJ,requires:["computeStyles"]};function Bn(e){return e.split("-")[0]}function W_(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function zP(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&UJ(n)){var a=t;do{if(a&&e.isSameNode(a))return!0;a=a.parentNode||a.host}while(a)}return!1}function sr(e){return On(e).getComputedStyle(e)}function BJ(e){return["table","td","th"].indexOf(Cn(e))>=0}function br(e){return((Vo(e)?e.ownerDocument:e.document)||window.document).documentElement}function Nd(e){return Cn(e)==="html"?e:e.assignedSlot||e.parentNode||e.host||br(e)}function zA(e){if(!Gn(e)||sr(e).position==="fixed")return null;var t=e.offsetParent;if(t){var n=br(t);if(Cn(t)==="body"&&sr(t).position==="static"&&sr(n).position!=="static")return n}return t}function qJ(e){for(var t=Nd(e);Gn(t)&&["html","body"].indexOf(Cn(t))<0;){var n=sr(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=On(e),n=zA(e);n&&BJ(n)&&sr(n).position==="static";)n=zA(n);return n&&Cn(n)==="body"&&sr(n).position==="static"?t:n||qJ(e)||t}function V_(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function au(e,t,n){return Math.max(e,Math.min(t,n))}function jP(){return{top:0,right:0,bottom:0,left:0}}function BP(e){return Object.assign(Object.assign({},jP()),e)}function qP(e,t){return t.reduce(function(n,a){return n[a]=e,n},{})}function GJ(e){var t,n=e.state,a=e.name,r=n.elements.arrow,i=n.modifiersData.popperOffsets,o=Bn(n.placement),s=V_(o),l=[gn,Nn].indexOf(o)>=0,u=l?"height":"width";if(!(!r||!i)){var c=n.modifiersData[a+"#persistent"].padding,d=W_(r),p=s==="y"?mn:gn,g=s==="y"?An:Nn,b=n.rects.reference[u]+n.rects.reference[s]-i[s]-n.rects.popper[u],v=i[s]-n.rects.reference[s],I=dl(r),h=I?s==="y"?I.clientHeight||0:I.clientWidth||0:0,f=b/2-v/2,m=c[p],S=h-d[u]-c[g],_=h/2-d[u]/2+f,w=au(m,_,S),T=s;n.modifiersData[a]=(t={},t[T]=w,t.centerOffset=w-_,t)}}function HJ(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)||zP(t.elements.popper,i)&&(t.elements.arrow=i,t.modifiersData[a+"#persistent"]={padding:BP(typeof s!="number"?s:qP(s,cl))}))}const WJ={name:"arrow",enabled:!0,phase:"main",fn:GJ,effect:HJ,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};var VJ={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ZJ(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 jA(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=ZJ(i),c=u.x,d=u.y,p=i.hasOwnProperty("x"),g=i.hasOwnProperty("y"),b=gn,v=mn,I=window;if(l){var h=dl(n);h===On(n)&&(h=br(n)),r===mn&&(v=An,d-=h.clientHeight-a.height,d*=s?1:-1),r===gn&&(b=Nn,c-=h.clientWidth-a.width,c*=s?1:-1)}var f=Object.assign({position:o},l&&VJ);if(s){var m;return Object.assign(Object.assign({},f),{},(m={},m[v]=g?"0":"",m[b]=p?"0":"",m.transform=(I.devicePixelRatio||1)<2?"translate("+c+"px, "+d+"px)":"translate3d("+c+"px, "+d+"px, 0)",m))}return Object.assign(Object.assign({},f),{},(t={},t[v]=g?d+"px":"",t[b]=p?c+"px":"",t.transform="",t))}function YJ(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:Bn(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),jA(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),jA(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 KJ={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:YJ,data:{}};var Bl={passive:!0};function XJ(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=On(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 JJ={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:XJ,data:{}};var QJ={left:"right",right:"left",bottom:"top",top:"bottom"};function iu(e){return e.replace(/left|right|bottom|top/g,function(t){return QJ[t]})}var eQ={start:"end",end:"start"};function BA(e){return e.replace(/start|end/g,function(t){return eQ[t]})}function Zo(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=On(e),n=t.pageXOffset,a=t.pageYOffset;return{scrollLeft:n,scrollTop:a}}function Y_(e){return Zo(br(e)).left+Z_(e).scrollLeft}function tQ(e){var t=On(e),n=br(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 nQ(e){var t=br(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 sr(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=sr(e),n=t.overflow,a=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+a)}function GP(e){return["html","body","#document"].indexOf(Cn(e))>=0?e.ownerDocument.body:Gn(e)&&K_(e)?e:GP(Nd(e))}function yo(e,t){t===void 0&&(t=[]);var n=GP(e),a=Cn(n)==="body",r=On(n),i=a?[r].concat(r.visualViewport||[],K_(n)?n:[]):n,o=t.concat(i);return a?o:o.concat(yo(Nd(i)))}function yv(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function rQ(e){var t=Zo(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 qA(e,t){return t===UP?yv(tQ(e)):Gn(t)?rQ(t):yv(nQ(br(e)))}function aQ(e){var t=yo(Nd(e)),n=["absolute","fixed"].indexOf(sr(e).position)>=0,a=n&&Gn(e)?dl(e):e;return Vo(a)?t.filter(function(r){return Vo(r)&&zP(r,a)&&Cn(r)!=="body"}):[]}function iQ(e,t,n){var a=t==="clippingParents"?aQ(e):[].concat(t),r=[].concat(a,[n]),i=r[0],o=r.reduce(function(s,l){var u=qA(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},qA(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 Yo(e){return e.split("-")[1]}function HP(e){var t=e.reference,n=e.element,a=e.placement,r=a?Bn(a):null,i=a?Yo(a):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,l;switch(r){case mn:l={x:o,y:t.y-n.height};break;case An:l={x:o,y:t.y+t.height};break;case Nn:l={x:t.x+t.width,y:s};break;case gn:l={x:t.x-n.width,y:s};break;default:l={x:t.x,y:t.y}}var u=r?V_(r):null;if(u!=null){var c=u==="y"?"height":"width";switch(i){case Si: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 Ei(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?IJ:i,s=n.rootBoundary,l=s===void 0?UP:s,u=n.elementContext,c=u===void 0?Qi:u,d=n.altBoundary,p=d===void 0?!1:d,g=n.padding,b=g===void 0?0:g,v=BP(typeof b!="number"?b:qP(b,cl)),I=c===Qi?xJ:Qi,h=e.elements.reference,f=e.rects.popper,m=e.elements[p?I:c],S=iQ(Vo(m)?m:m.contextElement||br(e.elements.popper),o,l),_=Zo(h),w=HP({reference:_,element:f,placement:r}),T=yv(Object.assign(Object.assign({},f),w)),C=c===Qi?T:_,O={top:S.top-C.top+v.top,bottom:C.bottom-S.bottom+v.bottom,left:S.left-C.left+v.left,right:C.right-S.right+v.right},P=e.modifiersData.offset;if(c===Qi&&P){var G=P[r];Object.keys(O).forEach(function(ee){var ne=[Nn,An].indexOf(ee)>=0?1:-1,ve=[mn,An].indexOf(ee)>=0?"y":"x";O[ee]+=G[ve]*ne})}return O}function oQ(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?FP:l,c=Yo(a),d=c?s?FA:FA.filter(function(b){return Yo(b)===c}):cl,p=d.filter(function(b){return u.indexOf(b)>=0});p.length===0&&(p=d);var g=p.reduce(function(b,v){return b[v]=Ei(e,{placement:v,boundary:r,rootBoundary:i,padding:o})[Bn(v)],b},{});return Object.keys(g).sort(function(b,v){return g[b]-g[v]})}function sQ(e){if(Bn(e)===G_)return[];var t=iu(e);return[BA(e),t,BA(t)]}function lQ(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,b=g===void 0?!0:g,v=n.allowedAutoPlacements,I=t.options.placement,h=Bn(I),f=h===I,m=l||(f||!b?[iu(I)]:sQ(I)),S=[I].concat(m).reduce(function(ge,Ce){return ge.concat(Bn(Ce)===G_?oQ(t,{placement:Ce,boundary:c,rootBoundary:d,padding:u,flipVariations:b,allowedAutoPlacements:v}):Ce)},[]),_=t.rects.reference,w=t.rects.popper,T=new Map,C=!0,O=S[0],P=0;P<S.length;P++){var G=S[P],ee=Bn(G),ne=Yo(G)===Si,ve=[mn,An].indexOf(ee)>=0,_e=ve?"width":"height",me=Ei(t,{placement:G,boundary:c,rootBoundary:d,altBoundary:p,padding:u}),we=ve?ne?Nn:gn:ne?An:mn;_[_e]>w[_e]&&(we=iu(we));var D=iu(we),j=[];if(i&&j.push(me[ee]<=0),s&&j.push(me[we]<=0,me[D]<=0),j.every(function(ge){return ge})){O=G,C=!1;break}T.set(G,j)}if(C)for(var B=b?3:1,H=function(Ce){var $e=S.find(function(Ye){var en=T.get(Ye);if(en)return en.slice(0,Ce).every(function(_a){return _a})});if($e)return O=$e,"break"},Y=B;Y>0;Y--){var Ge=H(Y);if(Ge==="break")break}t.placement!==O&&(t.modifiersData[a]._skip=!0,t.placement=O,t.reset=!0)}}const uQ={name:"flip",enabled:!0,phase:"main",fn:lQ,requiresIfExists:["offset"],data:{_skip:!1}};function GA(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 HA(e){return[mn,Nn,An,gn].some(function(t){return e[t]>=0})}function cQ(e){var t=e.state,n=e.name,a=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,o=Ei(t,{elementContext:"reference"}),s=Ei(t,{altBoundary:!0}),l=GA(o,a),u=GA(s,r,i),c=HA(l),d=HA(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 dQ={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:cQ};function pQ(e,t,n){var a=Bn(e),r=[gn,mn].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,[gn,Nn].indexOf(a)>=0?{x:s,y:o}:{x:o,y:s}}function fQ(e){var t=e.state,n=e.options,a=e.name,r=n.offset,i=r===void 0?[0,0]:r,o=FP.reduce(function(c,d){return c[d]=pQ(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 mQ={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:fQ};function gQ(e){var t=e.state,n=e.name;t.modifiersData[n]=HP({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}const hQ={name:"popperOffsets",enabled:!0,phase:"read",fn:gQ,data:{}};function bQ(e){return e==="x"?"y":"x"}function vQ(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,b=n.tetherOffset,v=b===void 0?0:b,I=Ei(t,{boundary:l,rootBoundary:u,padding:d,altBoundary:c}),h=Bn(t.placement),f=Yo(t.placement),m=!f,S=V_(h),_=bQ(S),w=t.modifiersData.popperOffsets,T=t.rects.reference,C=t.rects.popper,O=typeof v=="function"?v(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):v,P={x:0,y:0};if(w){if(i){var G=S==="y"?mn:gn,ee=S==="y"?An:Nn,ne=S==="y"?"height":"width",ve=w[S],_e=w[S]+I[G],me=w[S]-I[ee],we=g?-C[ne]/2:0,D=f===Si?T[ne]:C[ne],j=f===Si?-C[ne]:-T[ne],B=t.elements.arrow,H=g&&B?W_(B):{width:0,height:0},Y=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:jP(),Ge=Y[G],ge=Y[ee],Ce=au(0,T[ne],H[ne]),$e=m?T[ne]/2-we-Ce-Ge-O:D-Ce-Ge-O,Ye=m?-T[ne]/2+we+Ce+ge+O:j+Ce+ge+O,en=t.elements.arrow&&dl(t.elements.arrow),_a=en?S==="y"?en.clientTop||0:en.clientLeft||0:0,wa=t.modifiersData.offset?t.modifiersData.offset[t.placement][S]:0,ka=w[S]+$e-wa-_a,Cd=w[S]+Ye-wa,Ta=au(g?Math.min(_e,ka):_e,ve,g?Math.max(me,Cd):me);w[S]=Ta,P[S]=Ta-ve}if(s){var uM=S==="x"?mn:gn,cM=S==="x"?An:Nn,pl=w[_],dM=pl+I[uM],pM=pl-I[cM],tw=au(dM,pl,pM);w[_]=tw,P[_]=tw-pl}t.modifiersData[a]=P}}const yQ={name:"preventOverflow",enabled:!0,phase:"main",fn:vQ,requiresIfExists:["offset"]};function SQ(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function EQ(e){return e===On(e)||!Gn(e)?Z_(e):SQ(e)}function _Q(e,t,n){n===void 0&&(n=!1);var a=br(t),r=Zo(e),i=Gn(t),o={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!n)&&((Cn(t)!=="body"||K_(a))&&(o=EQ(t)),Gn(t)?(s=Zo(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 wQ(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 kQ(e){var t=wQ(e);return MJ.reduce(function(n,a){return n.concat(t.filter(function(r){return r.phase===a}))},[])}function TQ(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function IQ(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 WA={placement:"bottom",modifiers:[],strategy:"absolute"};function VA(){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 xQ(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,a=n===void 0?[]:n,r=t.defaultOptions,i=r===void 0?WA:r;return function(s,l,u){u===void 0&&(u=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},WA),i),modifiersData:{},elements:{reference:s,popper:l},attributes:{},styles:{}},d=[],p=!1,g={state:c,setOptions:function(h){v(),c.options=Object.assign(Object.assign(Object.assign({},i),c.options),h),c.scrollParents={reference:Vo(s)?yo(s):s.contextElement?yo(s.contextElement):[],popper:yo(l)};var f=kQ(IQ([].concat(a,c.options.modifiers)));return c.orderedModifiers=f.filter(function(m){return m.enabled}),b(),g.update()},forceUpdate:function(){if(!p){var h=c.elements,f=h.reference,m=h.popper;if(VA(f,m)){c.rects={reference:_Q(f,dl(m),c.options.strategy==="fixed"),popper:W_(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 S=0;S<c.orderedModifiers.length;S++){if(c.reset===!0){c.reset=!1,S=-1;continue}var _=c.orderedModifiers[S],w=_.fn,T=_.options,C=T===void 0?{}:T,O=_.name;typeof w=="function"&&(c=w({state:c,options:C,name:O,instance:g})||c)}}}},update:TQ(function(){return new Promise(function(I){g.forceUpdate(),I(c)})}),destroy:function(){v(),p=!0}};if(!VA(s,l))return g;g.setOptions(u).then(function(I){!p&&u.onFirstUpdate&&u.onFirstUpdate(I)});function b(){c.orderedModifiers.forEach(function(I){var h=I.name,f=I.options,m=f===void 0?{}:f,S=I.effect;if(typeof S=="function"){var _=S({state:c,name:h,instance:g,options:m}),w=function(){};d.push(_||w)}})}function v(){d.forEach(function(I){return I()}),d=[]}return g}}var RQ=[JJ,hQ,KJ,jJ,mQ,uQ,yQ,WJ,dQ],AQ=xQ({defaultModifiers:RQ});const NQ=["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"],CQ=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=NQ.find(r=>r.includes(`${a}-${n}`))??a),a},WP=(e,t,n)=>{if(e.length===0||e[0].split("-")[0]==="auto")return n;const{reference:a,popper:r}=t.rects,i=Ei({...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]:WP(e.slice(1),t,n)},ZA="fallbackModifier",YA={name:ZA,enabled:!0,phase:"main",data:{_skip:!1},fn({state:e,options:t}){const n=e.options.placement,{fallbackPlacements:a}=t,r=[n,CQ(n),...a||[]],i=WP(r,e,n);e.placement!==i&&(e.modifiersData[ZA]._skip=!0,e.placement=i,e.reset=!0)}},X_=["top","right","bottom","left"],J_=te.forwardRef(({portal:e=!0,open:t=!0,...n},a)=>t?y.jsx(LQ,{ref:a,portal:e,...n}):null),OQ=e=>{if(e!==null)return"current"in e?e.current||void 0:e},$Q={},LQ=te.forwardRef(({anchorElement:e,getAnchorClientRect:t,popperOptions:n=$Q,placement:a="bottom",fallbackPlacements:r=X_,onPlacementChange:i,children:o,portal:s,popperInstanceRef:l},u)=>{const c=te.useRef(!0),{localRef:d,elementRef:p}=M_(l),[g,b]=te.useState(a),v=TJ(u,e),I=te.useRef(a);I.current=g;const h=te.useMemo(()=>({name:"setPlacement",enabled:!0,phase:"afterWrite",fn({state:m}){b(m.placement),i==null||i(m.placement)}}),[b,i]);te.useLayoutEffect(()=>{const m=t?{getBoundingClientRect:t}:OQ(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(v.current){const S=AQ(m,v.current,{placement:a,...n,modifiers:[h,{...YA,options:{fallbackPlacements:r}},...n.modifiers||[]]});return p(S),()=>{S==null||S.destroy()}}},[e,t,v]),te.useLayoutEffect(()=>{var m;c.current||(m=d.current)==null||m.setOptions({placement:a,...n,modifiers:[h,{...YA,options:{fallbackPlacements:r}},...n.modifiers||[]]}),c.current=!1},[n,a,r,h,d]);const f=y.jsx(y.Fragment,{children:DQ(o)?o({placement:g}):o});return s?mC.createPortal(f,v.current):f});function DQ(e){return typeof e=="function"}const KA={vertical:"bottom",horizontal:"center"},Sv=Oa("positionX","positionY"),PQ=tK({"0%":{opacity:0,transform:`translate(${Sv.positionX}, ${Sv.positionY})`},"100%":{opacity:1,transform:"translate(0)"}}),MQ=Me({vars:{tooltipTransformOriginHorizontal:"",tooltipTransformOriginVertical:"",background:""},base:({tooltipTransformOriginHorizontal:e,tooltipTransformOriginVertical:t,background:n})=>({...k.type.subtext.lg,display:"inline-flex",position:"relative",padding:`${ue(6)} ${k.padding.sm}`,color:$.fg.default,animationName:PQ,animationDuration:"150ms",animationTimingFunction:"ease-out",transformOrigin:`${t} ${e}`,margin:k.gap.xs,a:{color:$.fg.default,textDecoration:"underline"},"&:before":{content:'""',borderRadius:k.shape.full,border:`${ue(1)} solid ${$.border.default}`,zIndex:-1,margin:0,background:z(n,k.color.surface.default),position:"absolute",top:0,left:0,right:0,bottom:0,boxShadow:Q2[3]},"[data-popper-reference-hidden] &":{visibility:"hidden",pointerEvents:"none"},'[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &':{left:sn.negate(Ir.size50)},'[data-popper-placement="top-end"] &, [data-popper-placement="bottom-end"] &':{right:sn.negate(Ir.size50)},'[data-popper-placement="left-start"] &, [data-popper-placement="right-start"] &':{top:sn.negate(Ir.size50)},'[data-popper-placement="left-end"] &, [data-popper-placement="right-end"] &':{bottom:sn.negate(Ir.size50)},"@media (forced-colors: active)":{outline:`${ue(1)} solid CanvasText`}}),modifiers:{elementHasFocus:{true:{margin:ue(6)}},variant:{alt:({background:e})=>({"&:before":{background:z(e,Bu.color.surface.elevated),border:`${ue(1)} solid ${Bu.color.border.elevated}`}})}}}),Q_=Ne("div")({displayName:"TooltipContainer",Component:({children:e,transformOrigin:t=KA,elementHasFocus:n=!1,variant:a,...r},i,o)=>{const s=SK(t||KA,k.gap.sm);return y.jsx(o,{ref:i,...yn(r,[MQ({tooltipTransformOriginHorizontal:t==null?void 0:t.horizontal,tooltipTransformOriginVertical:t==null?void 0:t.vertical,elementHasFocus:n,variant:a}),Sv({positionX:s.x,positionY:s.y})]),children:e})}}),XA=(e,t=0)=>{const n=te.useRef(void 0),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return te.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},UQ=e=>{const t=e.tagName.toLowerCase(),n=e.getAttribute("tabindex");switch(t){case"button":case"input":case"select":case"textarea":case"details":return!0;default:return n?Number(n)>=0:!1}};function ew({type:e="label",titleText:t="",showDelay:n=300,hideDelay:a=100}={}){const r=te.useRef(!1),i=DP(),[o,s]=te.useState(null),l=aP(),u=XA(i.events.hide,a),c=XA(i.events.show,n),d=()=>{u.start(),c.clear()},p=()=>{c.start(),u.clear()},g=f=>{s(f.currentTarget),p()},b=f=>{r.current||g(f),r.current=!1},v=f=>{r.current=!0,UQ(f.currentTarget)&&i.events.hide()};_J(i),EJ(i),wJ(i),kJ(i);const I=i.state.visibility!=="hidden",h={"aria-describedby":e==="describe"&&I?l:void 0,"aria-description":e==="description"?t:void 0,"aria-label":e==="label"?t:void 0,onMouseEnter:g,onMouseLeave:d,onMouseDown:v,onFocus:b,onBlur:d};return h["aria-describedby"]===void 0&&delete h["aria-describedby"],{targetProps:h,popperProps:{open:I,anchorElement:o,ref:i.state.stackRef},tooltipProps:{id:e==="describe"&&I?l:void 0,role:"tooltip",onMouseEnter:p,onMouseLeave:d}}}function FQ(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=D_(t[r],e[r]):a[r]=t[r],a),{})}const cn=Ne("div")({displayName:"Tooltip",Component({type:e="label",placement:t="top",title:n,children:a,showDelay:r=300,hideDelay:i=100,fallbackPlacements:o=X_,variant:s,...l}){const u=pJ(n),{targetProps:c,popperProps:d,tooltipProps:p}=ew({type:e,titleText:u,showDelay:r,hideDelay:i}),[g,b]=te.useState(!1),{localRef:v}=M_();return te.useEffect(()=>{const I=v.current;if(!I)return;const h=()=>{b(I.matches(":focus-visible")||I.classList.contains("focus"))};return h(),I.addEventListener("focus",h),I.addEventListener("blur",h),()=>{I.removeEventListener("focus",h),I.removeEventListener("blur",h)}},[v]),y.jsxs(te.Fragment,{children:[te.cloneElement(a,{...c,...FQ(a.props,c),.../^(muted|describe)$/.test(e)&&a.props["aria-label"]?{"aria-label":a.props["aria-label"]}:{}}),y.jsx(J_,{placement:t,fallbackPlacements:o,...d,children:({placement:I})=>{const h=MP(I);return y.jsx(Q_,{transformOrigin:h,...Jt(l),...p,elementHasFocus:g,variant:s,children:n})}})]})}}),VP=e=>{const t=getComputedStyle(e);if(t.overflow==="auto"||t.overflow==="scroll"||t.overflow==="clip"||t.overflow==="hidden")return e;if(e.children){for(let n=0;n<e.children.length;n++){const a=VP(e.children[n]);if(a)return a}return null}return null},ZP=e=>{const t=getComputedStyle(e);if(t.textOverflow==="ellipsis"||Number(t.webkitLineClamp)>0)return e;for(let n=0;n<e.children.length;n++){const a=ZP(e.children[n]);if(a)return a}return null},JA=e=>{var n;const t=(n=e.ownerDocument)==null?void 0:n.defaultView;return t&&e instanceof t.HTMLElement?e.innerText:""},QA=e=>{const t=ZP(e)||VP(e);return t?t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight:!1};function zQ(e,t,n=Object.keys(t)){return n.reduce((a,r)=>(typeof e[r]=="function"?a[r]=D_(t[r],e[r]):a[r]=t[r],a),{})}const Xr=({placement:e="top",fallbackPlacements:t=X_,children:n,showDelay:a,hideDelay:r,...i})=>{const[o,s]=te.useState(""),{targetProps:l,popperProps:u,tooltipProps:c}=ew({type:"muted",showDelay:a,hideDelay:r}),d=g=>{const b=g.currentTarget;s(JA(b)),QA(b)&&l.onMouseEnter(g)},p=g=>{const b=g.currentTarget;s(JA(b)),QA(b)&&l.onFocus(g)};return y.jsxs(te.Fragment,{children:[te.cloneElement(n,{...l,onMouseEnter:d,onFocus:p,"aria-label":void 0,...zQ({...l,onMouseEnter:d,onFocus:p},n.props)}),y.jsx(J_,{placement:e,fallbackPlacements:t,...u,children:({placement:g})=>{const b=MP(g);return y.jsx(Q_,{transformOrigin:b,...c,...i,children:o})}})]})},jQ=or({background:$.bg.alt.default,padding:C_.xl}),YP=()=>y.jsx("div",{className:jQ,children:y.jsxs(vo,{children:[y.jsxs(vo.Heading,{children:["Giant Pacific Octopus",y.jsx(cn,{title:"This content is generated by AI",variant:"alt",placement:"right-end",children:y.jsx(ul,{size:"extraSmall",icon:BK,"aria-label":"This functionality is powered by AI"})})]}),y.jsxs(vo.Body,{children:["The giant Pacific octopus (Enteroctopus dofleini), also known as the North Pacific giant octopus, is a large marine cephalopod belonging to the genus Enteroctopus and Enteroctopodidae family. –"," ",y.jsx(JX,{href:"https://en.wikipedia.org/wiki/Giant_Pacific_octopus",children:"View Source"})]})]})});YP.__RAW__=`import {ExternalHyperlink, TertiaryButton} from '@workday/canvas-kit-react/button';
 import {Card} from '@workday/canvas-kit-react/card';
 import {Tooltip} from '@workday/canvas-kit-react/tooltip';
 import {createStyles} from '@workday/canvas-kit-styling';

package/dist/cli.js

@@ -18,7 +18,7 @@ import { z } from "zod";
 // package.json
 var package_default = {
   name: "@workday/canvas-kit-mcp",
-  version: "16.0.11",
+  version: "16.0.12",
   description: "MCP package for Canvas Kit",
   author: "Workday, Inc. (https://www.workday.com)",
   license: "Apache-2.0",
@@ -585,8 +585,8 @@ var stories_config_default = {
       title: "Preview/Status Indicator",
       storybookUrl: "https://workday.github.io/canvas-kit/?path=/docs/preview-status-indicator--docs",
       mdxPath: "modules/preview-react/status-indicator/stories/StatusIndicator.mdx",
-      mdxProse: "# Canvas Kit Status Indicator\n\nStatus Indicators help the user quickly identify the status of a task, action, or page element.\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-preview-react\n```\n\n## Usage\n\n### Basic Example\n\n`StatusIndicator` includes a container `StatusIndicator` component and the following subcomponents\nwhich can be composed in a variety of ways: `StatusIndicator.Label` and `StatusIndicator.Icon`.\n\nA basic `StatusIndicator` with a `StatusIndicator.Label` will render text with a gray background and\nlow emphasis.\n```tsx\nimport React from 'react';\n\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\n\nexport const Basic = () => {\n  return (\n    <StatusIndicator>\n      <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n    </StatusIndicator>\n  );\n};\n```\n\n### Emphasis\n\nSet the `emphasis` prop of `StatusIndicator` to adjust the contrast between the text and background\ncolor. Emphasis is typically used to convey more visual urgency.\n\n`emphasis` accepts `high` or `low`.\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {Flex} from '@workday/canvas-kit-react/layout';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nconst parentContainerStyles = createStyles({\n  gap: system.gap.md,\n});\n\nexport const Emphasis = () => {\n  return (\n    <Flex cs={parentContainerStyles}>\n      <StatusIndicator emphasis=\"high\">\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>High Emphasis</StatusIndicator.Label>\n      </StatusIndicator>\n      <StatusIndicator emphasis=\"low\">\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>Low Emphasis</StatusIndicator.Label>\n      </StatusIndicator>\n    </Flex>\n  );\n};\n```\n\n### Icon\n\nUse `StatusIndicator.Icon` to add an icon to the `StatusIndicator` as a visual decorator. The\nposition of the icon may be adjusted depending on where you place it in the markup.\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {Flex} from '@workday/canvas-kit-react/layout';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nconst parentContainerStyles = createStyles({\n  gap: system.gap.md,\n});\n\nexport const Icon = () => {\n  return (\n    <Flex cs={parentContainerStyles}>\n      <StatusIndicator>\n        <StatusIndicator.Icon aria-label=\"unpublished\" icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n      </StatusIndicator>\n      <StatusIndicator variant=\"positive\">\n        <StatusIndicator.Label>published</StatusIndicator.Label>\n        <StatusIndicator.Icon aria-label=\"published\" icon={cloudArrowUpIcon} />\n      </StatusIndicator>\n    </Flex>\n  );\n};\n```\n\n### Overflow\n\nWe **strongly** discourage using text in a `StatusIndicator` which will cause it to exceed its\nmaximum width of `200px`. In situations where this cannot be avoided and text must be overflowed, we\nsuggest wrapping `StatusIndicator` in an `OverflowTooltip` and applying `tabIndex={0}` to it so the\noverflowed text is accessible via keyboard and mouse. You may also override the default `maxWidth`\nof `StatusIndicator` via [style props](/get-started/for-developers/documentation/style-props/).\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {OverflowTooltip} from '@workday/canvas-kit-react/tooltip';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {base} from '@workday/canvas-tokens-web';\n\nconst statusIndicatorStyles = createStyles({\n  maxWidth: base.size1200,\n});\n\nexport const Overflow = () => {\n  return (\n    <OverflowTooltip>\n      <StatusIndicator tabIndex={0} cs={statusIndicatorStyles}>\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>\n          Your workbook is currently in process of saving\n        </StatusIndicator.Label>\n      </StatusIndicator>\n    </OverflowTooltip>\n  );\n};\n```\n\n### Variants\n\nSet the `variant` prop of `StatusIndicator` to adjust its background color. `variant` accepts the\nfollowing values:\n\n- `gray`\n- `orange`\n- `blue`\n- `green`\n- `red`\n- `transparent`\n\nThe background color dictated by the `variant` will be dark or light based on the `emphasis`.\n```tsx\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {Flex} from '@workday/canvas-kit-react/layout';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {cloudArrowUpIcon} from '@workday/canvas-system-icons-web';\nimport {system} from '@workday/canvas-tokens-web';\n\nconst styleOverrides = {\n  parentContainerStyles: createStyles({\n    gap: system.gap.md,\n    flexDirection: 'column',\n  }),\n  innerContainerStyles: createStyles({\n    gap: system.gap.md,\n  }),\n};\n\nexport const Variants = () => {\n  return (\n    <Flex cs={styleOverrides.parentContainerStyles}>\n      <Flex cs={styleOverrides.innerContainerStyles}>\n        <StatusIndicator>\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant=\"caution\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant=\"info\">\n          <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant=\"positive\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant=\"critical\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant=\"transparent\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n      </Flex>\n      <Flex cs={styleOverrides.innerContainerStyles}>\n        <StatusIndicator emphasis=\"high\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis=\"high\" variant=\"caution\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis=\"high\" variant=\"info\">\n          <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis=\"high\" variant=\"positive\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis=\"high\" variant=\"critical\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis=\"high\" variant=\"transparent\">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n      </Flex>\n    </Flex>\n  );\n};\n```\n\n### Custom Example\n\nYou can customize both the icon and color of the `StatusIndicator` to create a custom variant.\n```tsx\nimport React from 'react';\n\nimport {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';\nimport {systemIconStencil} from '@workday/canvas-kit-react/icon';\nimport {createStyles} from '@workday/canvas-kit-styling';\nimport {documentSparkleIcon} from '@workday/canvas-system-icons-web';\nimport {base, system} from '@workday/canvas-tokens-web';\n\nconst customStyles = createStyles({\n  background: base.blue900,\n  [systemIconStencil.vars.color]: system.color.fg.inverse,\n  color: system.color.fg.inverse,\n});\n\nexport const Custom = () => {\n  return (\n    <StatusIndicator cs={customStyles}>\n      <StatusIndicator.Icon icon={documentSparkleIcon} size=\"xxs\" />\n      <StatusIndicator.Label>AI Content</StatusIndicator.Label>\n    </StatusIndicator>\n  );\n};\n```\n\n### Custom Styles\n\nStatus Indicator and its subcomponents support custom styling via the `cs` prop. For more\ninformation, check our\n[\"How To Customize Styles\"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).\n\n## Component API\n\n",
-      accessibilityProse: ""
+      mdxProse: '# Canvas Kit Status Indicator\n\nStatus Indicators help the user quickly identify the status of a task, action, or page element.\n\n## Installation\n\n```sh\nyarn add @workday/canvas-kit-preview-react\n```\n\n## Usage\n\n### Basic Example\n\n`StatusIndicator` includes a container `StatusIndicator` component and the following subcomponents\nwhich can be composed in a variety of ways: `StatusIndicator.Label` and `StatusIndicator.Icon`.\n\nA basic `StatusIndicator` with a `StatusIndicator.Label` will render text with a gray background and\nlow emphasis.\n```tsx\nimport React from \'react\';\n\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\n\nexport const Basic = () => {\n  return (\n    <StatusIndicator>\n      <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n    </StatusIndicator>\n  );\n};\n```\n\n### Emphasis\n\nSet the `emphasis` prop of `StatusIndicator` to adjust the contrast between the text and background\ncolor. Emphasis is typically used to convey more visual urgency.\n\n`emphasis` accepts `high` or `low`.\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {Flex} from \'@workday/canvas-kit-react/layout\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {system} from \'@workday/canvas-tokens-web\';\n\nconst parentContainerStyles = createStyles({\n  gap: system.gap.md,\n});\n\nexport const Emphasis = () => {\n  return (\n    <Flex cs={parentContainerStyles}>\n      <StatusIndicator emphasis="high">\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>High Emphasis</StatusIndicator.Label>\n      </StatusIndicator>\n      <StatusIndicator emphasis="low">\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>Low Emphasis</StatusIndicator.Label>\n      </StatusIndicator>\n    </Flex>\n  );\n};\n```\n\n### Icon\n\nUse `StatusIndicator.Icon` to add an icon to the `StatusIndicator` as a visual decorator. The\nposition of the icon may be adjusted depending on where you place it in the markup.\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {Flex} from \'@workday/canvas-kit-react/layout\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {system} from \'@workday/canvas-tokens-web\';\n\nconst parentContainerStyles = createStyles({\n  gap: system.gap.md,\n});\n\nexport const Icon = () => {\n  return (\n    <Flex cs={parentContainerStyles}>\n      <StatusIndicator>\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n      </StatusIndicator>\n      <StatusIndicator variant="positive">\n        <StatusIndicator.Label>published</StatusIndicator.Label>\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n      </StatusIndicator>\n    </Flex>\n  );\n};\n```\n\n> **Accessibility Note**: In this example, the icon is used as a decoration and is intentionally\n> hidden from screen readers. If you\'re using icons to convey additional information, add\n> `role="img"` and a translated `aria-label` string to `StatusIndicator.Icon`.\n\n### Overflow\n\nWe **strongly** discourage using text in a `StatusIndicator` which will cause it to exceed its\nmaximum width of `200px`. In situations where this cannot be avoided and text must be overflowed, we\nsuggest wrapping `StatusIndicator` in an `OverflowTooltip` and applying `tabIndex={0}` to it so the\noverflowed text is accessible via keyboard and mouse. You may also override the default `maxWidth`\nof `StatusIndicator` via [style props](/get-started/for-developers/documentation/style-props/).\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {OverflowTooltip} from \'@workday/canvas-kit-react/tooltip\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {base} from \'@workday/canvas-tokens-web\';\n\nconst statusIndicatorStyles = createStyles({\n  maxWidth: base.size1200,\n});\n\nexport const Overflow = () => {\n  return (\n    <OverflowTooltip>\n      <StatusIndicator tabIndex={0} cs={statusIndicatorStyles}>\n        <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        <StatusIndicator.Label>\n          Your workbook is currently in process of saving\n        </StatusIndicator.Label>\n      </StatusIndicator>\n    </OverflowTooltip>\n  );\n};\n```\n\n### Variants\n\nSet the `variant` prop of `StatusIndicator` to adjust its background color. `variant` accepts the\nfollowing values:\n\n- `neutral` (default; `gray` is a deprecated alias)\n- `caution` (`orange` is a deprecated alias)\n- `info` (`blue` is a deprecated alias)\n- `positive` (`green` is a deprecated alias)\n- `critical` (`red` is a deprecated alias)\n- `transparent`\n\nThe background color dictated by the `variant` will be dark or light based on the `emphasis`.\n`variant` and `emphasis` change color only\u2014they do not change the accessible name. Put the status\nmeaning in **`StatusIndicator.Label`**.\n```tsx\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {Flex} from \'@workday/canvas-kit-react/layout\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {cloudArrowUpIcon} from \'@workday/canvas-system-icons-web\';\nimport {system} from \'@workday/canvas-tokens-web\';\n\nconst styleOverrides = {\n  parentContainerStyles: createStyles({\n    gap: system.gap.md,\n    flexDirection: \'column\',\n  }),\n  innerContainerStyles: createStyles({\n    gap: system.gap.md,\n  }),\n};\n\nexport const Variants = () => {\n  return (\n    <Flex cs={styleOverrides.parentContainerStyles}>\n      <Flex cs={styleOverrides.innerContainerStyles}>\n        <StatusIndicator>\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant="caution">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant="info">\n          <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant="positive">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant="critical">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator variant="transparent">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n      </Flex>\n      <Flex cs={styleOverrides.innerContainerStyles}>\n        <StatusIndicator emphasis="high">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis="high" variant="caution">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis="high" variant="info">\n          <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis="high" variant="positive">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis="high" variant="critical">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n        <StatusIndicator emphasis="high" variant="transparent">\n          <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>\n          <StatusIndicator.Icon icon={cloudArrowUpIcon} />\n        </StatusIndicator>\n      </Flex>\n    </Flex>\n  );\n};\n```\n\n### Custom Example\n\nYou can customize both the icon and color of the `StatusIndicator` to create a custom variant.\n```tsx\nimport React from \'react\';\n\nimport {StatusIndicator} from \'@workday/canvas-kit-preview-react/status-indicator\';\nimport {systemIconStencil} from \'@workday/canvas-kit-react/icon\';\nimport {createStyles} from \'@workday/canvas-kit-styling\';\nimport {documentSparkleIcon} from \'@workday/canvas-system-icons-web\';\nimport {base, system} from \'@workday/canvas-tokens-web\';\n\nconst customStyles = createStyles({\n  background: base.blue900,\n  [systemIconStencil.vars.color]: system.color.fg.inverse,\n  color: system.color.fg.inverse,\n});\n\nexport const Custom = () => {\n  return (\n    <StatusIndicator cs={customStyles}>\n      <StatusIndicator.Icon icon={documentSparkleIcon} size="xxs" />\n      <StatusIndicator.Label>AI Content</StatusIndicator.Label>\n    </StatusIndicator>\n  );\n};\n```\n\n### Custom Styles\n\nStatus Indicator and its subcomponents support custom styling via the `cs` prop. For more\ninformation, check our\n["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).\n\n## Accessibility\n\n`StatusIndicator` is a compact, **non-interactive** status label. The accessibility goal is that\nassistive technology users get the same status meaning as sighted users from\n**`StatusIndicator.Label`** text\u2014not from color, emphasis, or a decorative icon.\n\n### Minimum Accessible Structure\n\nThe following matches the [Basic Example](#basic-example): a container and a visible label. Icon is\noptional.\n\n```tsx\n\n<StatusIndicator>\n  <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\nAlways include **`StatusIndicator.Label`** with concise text that names the status. Do not rely on\n**`variant`**, **`emphasis`**, or **`StatusIndicator.Icon`** as the only indicator of meaning.\n\n### Built-in Behaviors\n\nCanvas Kit applies visual layout and color through `statusIndicatorStencil` when you compose\n**`StatusIndicator`**, **`StatusIndicator.Label`**, and optionally **`StatusIndicator.Icon`**. It\ndoes **not** apply `role="img"` or an accessible name on the icon. **Do not duplicate them** in\nconsuming code. Only add icon ARIA when the informative-icon requirement below applies.\n\n**ARIA and DOM** (_applied by subcomponents_):\n\n- **`StatusIndicator`**: renders a `div` (override with `as` if needed). Default `maxWidth` is\n  `200px`. Default `variant` is `neutral`; default `emphasis` is `low`. No ARIA role is set.\n- **`StatusIndicator.Label`**: renders a `span` with bold subtext, `white-space: nowrap`,\n  `overflow: hidden`, and `text-overflow: ellipsis`. Truncation is visual; the full text remains in\n  the accessibility tree.\n- **`StatusIndicator.Icon`**: renders `SystemIcon` at size `20`. It does **not** set `role="img"` or\n  `aria-label`. If `icon.type` is missing, the icon renders nothing.\n\n**Keyboard** (_not a control by default_):\n\n- **`StatusIndicator`** is not in the tab order. There is no built-in keyboard behavior.\n\n**Screen reader expectations** (_when built-in behaviors are used as intended_):\n\n- Assistive technology should announce the **`StatusIndicator.Label`** text as the content of the\n  indicator\n- `variant` and `emphasis` are **not** announced\n- A decorative **`StatusIndicator.Icon`** (no `role="img"`) should not add a separate accessible\n  name\n- [**OverflowTooltip**](https://workday.github.io/canvas-kit/?path=/docs/components-popups-tooltip--docs#tooltips-on-overflowing-content)\n  uses `type="muted"` and does not set `aria-label` on the target\u2014the accessible name stays the\n  element\'s text content\n\n### Accessibility Requirements\n\nRequired in application code for an accessible Status Indicator. Rows marked _(conditional)_ apply\nonly when the situation matches\u2014otherwise omit.\n\n**If no design spec is provided:** include a visible **`StatusIndicator.Label`**; keep the icon\ndecorative (omit `role="img"` and `aria-label`); omit `tabIndex` and **`OverflowTooltip`**. Prefer\nshort label text so truncation is unnecessary.\n\n| Requirement                      | How to satisfy                                                                                                                                                                                                                                         |\n| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| Visible status text              | **`StatusIndicator.Label`** with translated text that names the status (for example, "Unpublished", not color alone)                                                                                                                                   |\n| Color is not the only indicator  | Use **`variant`** / **`emphasis`** only as visual reinforcement of the label. See [Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only](https://www.w3.org/WAI/WCAG22/Techniques/failures/F81) |\n| Decorative icon _(conditional)_  | **`StatusIndicator.Icon`** with `icon={...}` and **no** `role="img"` when the icon only supports the label visually                                                                                                                                    |\n| Informative icon _(conditional)_ | On **`StatusIndicator.Icon`**, set `role="img"` and a translated `aria-label` that adds meaning **beyond** the label text                                                                                                                              |\n| Overflowed label _(conditional)_ | Avoid exceeding the `200px` max width. If truncation cannot be avoided, wrap **`StatusIndicator`** in **`OverflowTooltip`** and set `tabIndex={0}` so keyboard and mouse users can reveal the full text. See the [Overflow example](#overflow)         |\n\n**Informative icon** _(conditional)_:\n\n```tsx\n\n<StatusIndicator>\n  <StatusIndicator.Icon role="img" aria-label="Waiting to sync" icon={cloudArrowUpIcon} />\n  <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\n**Summary for code generation:**\n\n- **REQUIRED:** visible **`StatusIndicator.Label`** whose text conveys the status\n- **CONDITIONAL:** `role="img"` + translated `aria-label` on **`StatusIndicator.Icon`**,\n  **`OverflowTooltip`** + `tabIndex={0}`\n\n### Anti-Patterns\n\nDo **not** generate code that does the following (see **Accessibility Requirements** above for what\nto supply instead):\n\n- Omit **`StatusIndicator.Label`** or use an empty label, relying on `variant`, `emphasis`, or an\n  icon for meaning\n- Set `role="img"` on a decorative **`StatusIndicator.Icon`**, or set `role="img"` without a\n  translated `aria-label`\u2014that can expose an unnamed image to assistive technology. See **Decorative\n  icon** and **Informative icon** in **Accessibility Requirements**\n- Duplicate the label text as `aria-label` on the icon when the icon adds no extra meaning\n- Add `role="status"`, `aria-live`, or `aria-label` on **`StatusIndicator`** by default\u2014Canvas Kit\n  does not wire these, and they change how assistive technology treats a static label. If a design\n  requires announcing asynchronous updates, see\n  [ARIA Live Regions](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-aria-live-regions--docs)\n- Truncate label text without **`OverflowTooltip`** and `tabIndex={0}` when keyboard users must read\n  the overflow\n\n## Component API\n\n',
+      accessibilityProse: '## Accessibility\n\n`StatusIndicator` is a compact, **non-interactive** status label. The accessibility goal is that\nassistive technology users get the same status meaning as sighted users from\n**`StatusIndicator.Label`** text\u2014not from color, emphasis, or a decorative icon.\n\n### Minimum Accessible Structure\n\nThe following matches the [Basic Example](#basic-example): a container and a visible label. Icon is\noptional.\n\n```tsx\n\n<StatusIndicator>\n  <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\nAlways include **`StatusIndicator.Label`** with concise text that names the status. Do not rely on\n**`variant`**, **`emphasis`**, or **`StatusIndicator.Icon`** as the only indicator of meaning.\n\n### Built-in Behaviors\n\nCanvas Kit applies visual layout and color through `statusIndicatorStencil` when you compose\n**`StatusIndicator`**, **`StatusIndicator.Label`**, and optionally **`StatusIndicator.Icon`**. It\ndoes **not** apply `role="img"` or an accessible name on the icon. **Do not duplicate them** in\nconsuming code. Only add icon ARIA when the informative-icon requirement below applies.\n\n**ARIA and DOM** (_applied by subcomponents_):\n\n- **`StatusIndicator`**: renders a `div` (override with `as` if needed). Default `maxWidth` is\n  `200px`. Default `variant` is `neutral`; default `emphasis` is `low`. No ARIA role is set.\n- **`StatusIndicator.Label`**: renders a `span` with bold subtext, `white-space: nowrap`,\n  `overflow: hidden`, and `text-overflow: ellipsis`. Truncation is visual; the full text remains in\n  the accessibility tree.\n- **`StatusIndicator.Icon`**: renders `SystemIcon` at size `20`. It does **not** set `role="img"` or\n  `aria-label`. If `icon.type` is missing, the icon renders nothing.\n\n**Keyboard** (_not a control by default_):\n\n- **`StatusIndicator`** is not in the tab order. There is no built-in keyboard behavior.\n\n**Screen reader expectations** (_when built-in behaviors are used as intended_):\n\n- Assistive technology should announce the **`StatusIndicator.Label`** text as the content of the\n  indicator\n- `variant` and `emphasis` are **not** announced\n- A decorative **`StatusIndicator.Icon`** (no `role="img"`) should not add a separate accessible\n  name\n- [**OverflowTooltip**](https://workday.github.io/canvas-kit/?path=/docs/components-popups-tooltip--docs#tooltips-on-overflowing-content)\n  uses `type="muted"` and does not set `aria-label` on the target\u2014the accessible name stays the\n  element\'s text content\n\n### Accessibility Requirements\n\nRequired in application code for an accessible Status Indicator. Rows marked _(conditional)_ apply\nonly when the situation matches\u2014otherwise omit.\n\n**If no design spec is provided:** include a visible **`StatusIndicator.Label`**; keep the icon\ndecorative (omit `role="img"` and `aria-label`); omit `tabIndex` and **`OverflowTooltip`**. Prefer\nshort label text so truncation is unnecessary.\n\n| Requirement                      | How to satisfy                                                                                                                                                                                                                                         |\n| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| Visible status text              | **`StatusIndicator.Label`** with translated text that names the status (for example, "Unpublished", not color alone)                                                                                                                                   |\n| Color is not the only indicator  | Use **`variant`** / **`emphasis`** only as visual reinforcement of the label. See [Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only](https://www.w3.org/WAI/WCAG22/Techniques/failures/F81) |\n| Decorative icon _(conditional)_  | **`StatusIndicator.Icon`** with `icon={...}` and **no** `role="img"` when the icon only supports the label visually                                                                                                                                    |\n| Informative icon _(conditional)_ | On **`StatusIndicator.Icon`**, set `role="img"` and a translated `aria-label` that adds meaning **beyond** the label text                                                                                                                              |\n| Overflowed label _(conditional)_ | Avoid exceeding the `200px` max width. If truncation cannot be avoided, wrap **`StatusIndicator`** in **`OverflowTooltip`** and set `tabIndex={0}` so keyboard and mouse users can reveal the full text. See the [Overflow example](#overflow)         |\n\n**Informative icon** _(conditional)_:\n\n```tsx\n\n<StatusIndicator>\n  <StatusIndicator.Icon role="img" aria-label="Waiting to sync" icon={cloudArrowUpIcon} />\n  <StatusIndicator.Label>Unpublished</StatusIndicator.Label>\n</StatusIndicator>;\n```\n\n**Summary for code generation:**\n\n- **REQUIRED:** visible **`StatusIndicator.Label`** whose text conveys the status\n- **CONDITIONAL:** `role="img"` + translated `aria-label` on **`StatusIndicator.Icon`**,\n  **`OverflowTooltip`** + `tabIndex={0}`\n\n### Anti-Patterns\n\nDo **not** generate code that does the following (see **Accessibility Requirements** above for what\nto supply instead):\n\n- Omit **`StatusIndicator.Label`** or use an empty label, relying on `variant`, `emphasis`, or an\n  icon for meaning\n- Set `role="img"` on a decorative **`StatusIndicator.Icon`**, or set `role="img"` without a\n  translated `aria-label`\u2014that can expose an unnamed image to assistive technology. See **Decorative\n  icon** and **Informative icon** in **Accessibility Requirements**\n- Duplicate the label text as `aria-label` on the icon when the icon adds no extra meaning\n- Add `role="status"`, `aria-live`, or `aria-label` on **`StatusIndicator`** by default\u2014Canvas Kit\n  does not wire these, and they change how assistive technology treats a static label. If a design\n  requires announcing asynchronous updates, see\n  [ARIA Live Regions](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-aria-live-regions--docs)\n- Truncate label text without **`OverflowTooltip`** and `tabIndex={0}` when keyboard users must read\n  the overflow'
     },
     radio: {
       title: "Preview/Inputs/Radio",