@spteck/react-controls-v2 2.6.4 → 2.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/Hero/useHeroStyles.d.ts +4 -0
  2. package/dist/components/buttonMenu/ButtonMenu.d.ts +6 -0
  3. package/dist/index.cjs +6 -6
  4. package/dist/index.js +6113 -6104
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -30,7 +30,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
30
30
  &::-webkit-scrollbar-thumb:hover {
31
31
  background: ${o.tokens.colorBrandBackgroundHover} !important;
32
32
  }
33
- `},[l])}},Xu=e=>{let{children:r,className:i,onScroll:a}=e,{gridStyles:o,scrollbarClassName:s}=Yu(e),c=t.useRef(null),[l,u]=t.useState(0),[f,p]=t.useState(0);return t.useEffect(()=>{let e;return c.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;u(e),p(n)}}),e.observe(c.current)),()=>{e&&e.disconnect()}},[]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{className:[i,s].filter(Boolean).join(` `),style:o(l,f),ref:c,onScroll:t.useCallback(e=>{if(!a)return;let{scrollTop:t,scrollHeight:n,clientHeight:r}=e.currentTarget;(t+r)/n>=.95&&a(e)},[a]),children:r})})},Zu=e=>{let{maxWith:n}=e,{getBaseStyles:r}=xu();return{rootStyles:t.useCallback((t,i)=>({...r(e,t,i),maxWidth:n}),[r,n,e]),layoutGridStyles:(0,f.css)({display:`grid`,overflow:`hidden`})}},Qu={areas:[`header header header`,`sidebar content sidebar`,`footer footer footer`],columns:`1fr 3fr 1fr`,rows:`auto 1fr auto`},$u=e=>{let{className:r,children:i,layoutConfig:a=Qu}=e,s=t.useRef(null),[c,l]=t.useState(0),[u,f]=t.useState(0),{rootStyles:p,layoutGridStyles:m}=Zu({...e,layoutConfig:a}),h=((e,n)=>{let r;return t.useCallback((...t)=>{clearTimeout(r),r=setTimeout(()=>e(...t),n)},[e,n])})((e,t)=>{l(e),f(t)},200);return t.useEffect(()=>{if(!s.current)return;let e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;h(e,n)}});return e.observe(s.current),()=>e.disconnect()},[h]),(0,n.jsx)(`div`,{id:`-Layout`,className:(0,o.mergeClasses)(r,m),style:{...p(c,u),gridTemplateAreas:a.areas.join(` `),gridTemplateColumns:a.columns,gridTemplateRows:a.rows},ref:s,children:t.Children.map(i,(e,r)=>t.isValidElement(e)?(0,n.jsx)(`div`,{style:{gridArea:e.props?.area??`area-${r}`},children:e},r):e)})},ed=e=>{let{area:t,children:r}=e;return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{style:{gridArea:t},children:r})})},td=e=>{let{verticalSpacing:n,horizontalSpacing:r}=e,{getSpacing:i}=xu();return{spaceStyles:t.useCallback(e=>e?r?{width:i(r,e,`horizontal`)}:n?{height:i(n,e,`vertical`)}:{}:{},[i,r,n])}},nd=e=>{let r=t.useRef(null),[i,a]=t.useState(0),{spaceStyles:o}=td(e);return t.useEffect(()=>{let e;return r.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e}=t.contentRect;a(e)}}),e.observe(r.current)),()=>{e&&e.disconnect()}},[]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{id:`-space`,style:o(i),ref:r})})},rd=({ratio:e,children:t,maxWidth:r,maxHeight:i,style:a={},...o})=>{let s={position:`relative`,width:`100%`,paddingTop:`${100/e}%`,maxWidth:r||`none`,maxHeight:i||`none`,...a},c={position:`absolute`,top:0,left:0,width:`100%`,height:`100%`};return(0,n.jsx)(`div`,{style:s,...o,children:(0,n.jsx)(`div`,{style:c,children:t})})},id=e=>{let{styles:n}=e,{getBaseStyles:r}=xu();return{aspectRatioStyles:t.useCallback((t,i)=>({...r(e,t,i),...n}),[r,e,n])}},ad=e=>{let{styles:n}=e,{getBaseStyles:r}=xu();return{centerStyles:t.useCallback((t,i)=>({...r(e,t,i),...n,overflow:`hidden`,display:`flex`,justifyContent:`center`,alignItems:`center`,width:`100%`,height:`100%`}),[r,e,n]),childrenStyles:(0,f.css)({justifyContent:`center`,textAlign:`center`})}},od=e=>{let{className:r,children:i}=e,a=t.useRef(null),[o,s]=t.useState(0),[c,l]=t.useState(0),{centerStyles:u}=ad(e),f=(e,t)=>{let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}};return t.useEffect(()=>{let e=f(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;s(e),l(n)}},200),t=new d.ResizeObserver(t=>{e(t)});return a.current&&t.observe(a.current),()=>{t.disconnect()}},[]),(0,n.jsx)(`div`,{id:`center`,className:r,style:{...u(o,c),display:`flex`,justifyContent:`center`,alignItems:`center`,height:`100%`,width:`100%`},ref:a,children:i})},sd=e=>{let{maxWidth:n}=e,{getBaseStyles:r}=xu();return{containerStyles:t.useCallback((t,i)=>!t||!i?{}:{...r(e,t,i),maxWidth:n},[r,n,e])}},cd=e=>{let{className:r,children:i,style:a,alignItems:o=`center`,justifyContent:s=`center`,flexDirection:c=`row`,centerContent:l=!0}=e,f=t.useRef(null),[p,m]=t.useState(0),[h,g]=t.useState(0),{containerStyles:_}=sd(e),v=t.useMemo(()=>(0,u.debounce)(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;m(e),g(n)}},200),[]);t.useEffect(()=>{let e=new d.ResizeObserver(e=>{v(e)});return f.current&&e.observe(f.current),()=>{e.disconnect(),v.cancel()}},[v]);let y=t.useMemo(()=>{if(!a)return;let{padding:e,margin:t,...n}=a;return n},[a]);return(0,n.jsx)(`div`,{id:`container`,className:r,style:{..._(p,h),display:`flex`,justifyContent:s,alignItems:o,flexDirection:c,...y},ref:f,children:l?(0,n.jsx)(od,{children:i}):i})},ld=e=>{let[n,r]=(0,t.useState)(!0),[i,a]=(0,t.useState)(!0),o=(0,t.useCallback)(()=>{e&&e.scrollPrev()},[e]),s=(0,t.useCallback)(()=>{e&&e.scrollNext()},[e]),c=(0,t.useCallback)(e=>{r(!e.canScrollPrev()),a(!e.canScrollNext())},[]);return(0,t.useEffect)(()=>{e&&(c(e),e.on(`reInit`,c),e.on(`select`,c))},[e,c]),{prevBtnDisabled:n,nextBtnDisabled:i,onPrevButtonClick:o,onNextButtonClick:s}},ud=(e,n)=>{let{getCurrentDevice:r}=xu(),i=t.useCallback(()=>{let e=r(n),t=`95%`;switch(e){case`Medium`:t=`45%`;break;case`Large`:t=`calc(95% / 4)`;break;case`ExtraLarge`:t=`calc(95% / 5)`;break;case`ExtraExtraLarge`:t=`calc(95% / 6)`;break;default:t=`95%`;break}return t},[n,r]),a=t.useCallback(()=>{let e=r(n),t=o.tokens.spacingVerticalM;switch(e){case`Medium`:t=o.tokens.spacingVerticalM;break;case`Large`:t=o.tokens.spacingVerticalL;break;case`ExtraLarge`:t=o.tokens.spacingVerticalXL;break;default:t=o.tokens.spacingVerticalM;break}return t},[n,r]);return{enableControls:(0,f.css)({display:`flex`,justifyContent:`space-between`,alignItems:`stretch`,gap:10,padding:5}),embla__viewport:(0,f.css)({overflow:`hidden`}),embla__container:(0,f.css)({backfaceVisibility:`hidden`,display:`flex`,touchAction:`pan-y`}),embla:(0,f.css)({".embla":{}}),embla__slide:(0,f.css)({minWidth:0,flex:`0 0 ${i()}`,paddingLeft:`${a()}`}),embla__buttons:(0,f.css)({display:`grid`,gridTemplateColumns:`repeat(2, 1fr)`,gap:0,alignItems:`center`})}},dd=e=>{let{styles:n}=e,{getBaseStyles:r}=xu();return{carouselStyles:t.useCallback((t,i)=>({...r(e,t,i),...n}),[r,e,n])}},fd=()=>({titleStyles:(0,f.css)({display:`-webkit-box`,overflow:`hidden`,textOverflow:`ellipsis`,WebkitLineClamp:`1`,WebkitBoxOrient:`vertical`,textAlign:`start`})}),pd=e=>{let{className:r,items:i,title:a}=e,s=t.useRef(null),[c,l]=t.useState(0),[u,f]=t.useState(0),{carouselStyles:h}=dd(e),[g,_]=(0,p.default)(),v=fd(),{enableControls:y,embla__slide:b,embla__container:x,embla__viewport:S,embla__buttons:C}=ud(e,c),{prevBtnDisabled:w,nextBtnDisabled:T,onPrevButtonClick:E,onNextButtonClick:D}=ld(_);return t.useEffect(()=>{let e;return s.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;l(e),f(n)}}),l(s.current.clientWidth),f(s.current.clientHeight),e.observe(s.current)),()=>{e&&e.disconnect()}},[]),(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(`div`,{id:`-carousel`,role:`region`,"aria-roledescription":`carousel`,"aria-label":a||`Carousel`,className:(0,o.mergeClasses)(r,`embla`),style:{...h(c,u)},ref:s,children:[(0,n.jsxs)(`div`,{className:y,children:[(0,n.jsx)(o.Subtitle2,{className:v.titleStyles,children:a}),(0,n.jsxs)(`div`,{className:C,children:[(0,n.jsx)(o.Button,{onClick:E,disabled:w,appearance:`subtle`,icon:(0,n.jsx)(m.ChevronLeftRegular,{}),"aria-label":`Previous slide`}),(0,n.jsx)(o.Button,{onClick:D,disabled:T,appearance:`subtle`,icon:(0,n.jsx)(m.ChevronRightRegular,{}),"aria-label":`Next slide`})]})]}),(0,n.jsx)(`div`,{className:S,ref:g,children:(0,n.jsx)(`div`,{className:x,children:i.map((e,t)=>(0,n.jsx)(`div`,{className:b,role:`group`,"aria-roledescription":`slide`,"aria-label":`Slide ${t+1} of ${i.length}`,children:e},t))})})]})})},md=e=>{let{direction:t=`horizontal`,resizerSize:n=6}=e,r=t===`horizontal`;return{root:(0,f.css)({position:`relative`,width:`100%`,height:`100%`}),pane:e=>{let t=e===void 0?void 0:typeof e==`number`?`${e}px`:e;return(0,f.css)({overflow:`auto`,position:`relative`,...r?{width:t,height:`100%`}:{height:t,width:`100%`}})},secondaryPane:(0,f.css)({flex:1,overflow:`auto`,position:`relative`,minWidth:0,minHeight:0}),resizer:(0,f.css)({flex:`0 0 auto`,...r?{width:n,cursor:`col-resize`,height:`100%`}:{height:n,cursor:`row-resize`,width:`100%`},backgroundColor:o.tokens.colorNeutralStroke1,transition:`background-color 150ms ease`,userSelect:`none`,zIndex:1}),resizerActive:(0,f.css)({backgroundColor:o.tokens.colorBrandStroke1}),resizerGrip:(0,f.css)({gap:`2px`}),gripDot:(0,f.css)({width:3,height:3,borderRadius:`50%`,backgroundColor:o.tokens.colorNeutralForeground3})}},V={xs:o.tokens.spacingHorizontalXS,s:o.tokens.spacingHorizontalS,m:o.tokens.spacingHorizontalM,l:o.tokens.spacingHorizontalL,xl:o.tokens.spacingHorizontalXL,xxl:o.tokens.spacingHorizontalXXL},H=t.default.memo(t.default.forwardRef(({direction:e=`vertical`,justifyContent:t=`flex-start`,alignItems:r=`stretch`,gap:i,columnGap:a,rowGap:s,margin:c,padding:l,marginTop:u,marginBottom:d,marginLeft:p,marginRight:m,paddingTop:h,paddingBottom:g,paddingLeft:_,paddingRight:v,width:y,height:b,wrap:x=!1,children:S,style:C,className:w,overflow:T,background:E,id:D,role:O,"aria-label":k,"aria-hidden":A},j)=>{let M=(0,f.css)({display:`flex`,flexDirection:e===`horizontal`?`row`:`column`,justifyContent:t,alignItems:r,gap:i&&V[i]?V[i]:i,columnGap:a&&V[a]?V[a]:a,rowGap:s&&V[s]?V[s]:s,margin:c&&V[c]?V[c]:c,padding:l&&V[l]?V[l]:l,marginTop:u&&V[u]?V[u]:u,marginBottom:d&&V[d]?V[d]:d,marginLeft:p&&V[p]?V[p]:p,marginRight:m&&V[m]?V[m]:m,paddingTop:h&&V[h]?V[h]:h,paddingBottom:g&&V[g]?V[g]:g,paddingLeft:_&&V[_]?V[_]:_,paddingRight:v&&V[v]?V[v]:v,width:y,height:b,overflow:T,flexWrap:x?`wrap`:`nowrap`,backgroundColor:E,...C});return(0,n.jsx)(`div`,{ref:j,id:D,role:O,"aria-label":k,"aria-hidden":A,className:(0,o.mergeClasses)(w,M),children:S})})),hd=e=>{let{direction:r=`horizontal`,defaultSize:i=`50%`,minSize:a=100,maxSize:o=1/0,minSecondarySize:s=100,resizable:c=!0,onResize:l,onResizeEnd:u,primaryContent:d,secondaryContent:f,className:p,styles:m}=e,h=md(e),g=r===`horizontal`,_=t.useRef(null),v=t.useRef(null),[y,b]=t.useState(null),[x,S]=t.useState(!1),[C,w]=t.useState(!1);t.useEffect(()=>{if(y!==null||!_.current)return;let e=_.current.getBoundingClientRect(),t=g?e.width:e.height;if(typeof i==`number`)b(Math.min(Math.max(i,a),o));else if(typeof i==`string`&&i.endsWith(`%`)){let e=parseFloat(i)/100;b(Math.min(Math.max(t*e,a),o))}else b(t/2)},[i,a,o,g,y]);let T=t.useCallback(t=>{if(!_.current)return t;let n=_.current.getBoundingClientRect(),r=(g?n.width:n.height)-(e.resizerSize??6)-s;return Math.min(Math.max(t,a),Math.min(o,r))},[g,o,a,s,e.resizerSize]),E=t.useCallback(e=>{if(!c)return;e.preventDefault(),S(!0);let t=g?e.clientX:e.clientY,n=y??0,r=e=>{let r=T(n+((g?e.clientX:e.clientY)-t));b(r),l?.(r)},i=()=>{if(S(!1),document.removeEventListener(`mousemove`,r),document.removeEventListener(`mouseup`,i),v.current){let e=g?v.current.getBoundingClientRect().width:v.current.getBoundingClientRect().height;u?.(e)}};document.addEventListener(`mousemove`,r),document.addEventListener(`mouseup`,i)},[c,g,y,T,l,u]),D=t.useCallback(e=>{if(!c)return;S(!0);let t=e.touches[0],n=g?t.clientX:t.clientY,r=y??0,i=e=>{let t=e.touches[0],i=T(r+((g?t.clientX:t.clientY)-n));b(i),l?.(i)},a=()=>{if(S(!1),document.removeEventListener(`touchmove`,i),document.removeEventListener(`touchend`,a),v.current){let e=g?v.current.getBoundingClientRect().width:v.current.getBoundingClientRect().height;u?.(e)}};document.addEventListener(`touchmove`,i,{passive:!1}),document.addEventListener(`touchend`,a)},[c,g,y,T,l,u]),O=t.useCallback(e=>{if(!c||y===null)return;let t=e.shiftKey?50:10,n=0;if(g?e.key===`ArrowLeft`?n=-t:e.key===`ArrowRight`&&(n=t):e.key===`ArrowUp`?n=-t:e.key===`ArrowDown`&&(n=t),n!==0){e.preventDefault();let t=T(y+n);b(t),l?.(t),u?.(t)}},[c,y,g,T,l,u]);t.useEffect(()=>(x?(document.body.style.userSelect=`none`,document.body.style.cursor=g?`col-resize`:`row-resize`):(document.body.style.userSelect=``,document.body.style.cursor=``),()=>{document.body.style.userSelect=``,document.body.style.cursor=``}),[x,g]);let k=t.useRef(null),A=[h.resizer,C||x?h.resizerActive:``].filter(Boolean).join(` `);return t.useEffect(()=>{if(!c||!k.current)return;let e=k.current,t=e=>E(e),n=e=>D(e),r=e=>O(e),i=()=>w(!0),a=()=>w(!1);return e.addEventListener(`mousedown`,t),e.addEventListener(`touchstart`,n),e.addEventListener(`keydown`,r),e.addEventListener(`mouseenter`,i),e.addEventListener(`mouseleave`,a),()=>{e.removeEventListener(`mousedown`,t),e.removeEventListener(`touchstart`,n),e.removeEventListener(`keydown`,r),e.removeEventListener(`mouseenter`,i),e.removeEventListener(`mouseleave`,a)}},[c,E,D,O]),(0,n.jsxs)(H,{ref:_,className:[h.root,p].filter(Boolean).join(` `),style:{height:`100%`,width:`100%`,...m},direction:g?`horizontal`:`vertical`,overflow:`hidden`,children:[(0,n.jsx)(H,{ref:v,className:h.pane(y??void 0),style:{flex:`0 0 auto`},children:d}),c&&(0,n.jsx)(`div`,{ref:k,className:A,style:{flex:`0 0 auto`,display:`flex`,alignItems:`center`,justifyContent:`center`},role:`separator`,"aria-orientation":g?`vertical`:`horizontal`,"aria-valuenow":Math.round(y??a),"aria-valuemin":a,"aria-valuemax":o===1/0?void 0:o,"aria-label":`Resize pane`,tabIndex:0,children:(0,n.jsxs)(H,{className:h.resizerGrip,direction:g?`vertical`:`horizontal`,alignItems:`center`,justifyContent:`center`,children:[(0,n.jsx)(H,{className:h.gripDot,children:``}),(0,n.jsx)(H,{className:h.gripDot,children:``}),(0,n.jsx)(H,{className:h.gripDot,children:``})]})}),(0,n.jsx)(H,{className:h.secondaryPane,style:{flex:1,minWidth:0,minHeight:0},children:f})]})},gd=({anchorPoint:e,isOpen:r,onClose:i,excludeRefs:a,children:s,theme:c,className:l,styles:u})=>{let d=(0,t.useRef)(null),[f,p]=(0,t.useState)(null);(0,t.useLayoutEffect)(()=>{if(!r){p(null);return}if(d.current){let t=d.current.getBoundingClientRect(),n=e.left,r=e.top;n+t.width>window.innerWidth&&(n=window.innerWidth-t.width-10),r+t.height>window.innerHeight&&(r=window.innerHeight-t.height-10),p({left:n,top:r})}},[e,r,s]);let m=t.default.useCallback(e=>{let t=e.target;if(d.current&&!d.current.contains(t)){if(a&&a.some(e=>e.current&&e.current.contains(t)))return;i()}},[i,a]);if((0,t.useEffect)(()=>{if(!r)return;let e=requestAnimationFrame(()=>{document.addEventListener(`mousedown`,m)}),t=e=>{e.key===`Escape`&&i()};return document.addEventListener(`keydown`,t),()=>{cancelAnimationFrame(e),document.removeEventListener(`mousedown`,m),document.removeEventListener(`keydown`,t)}},[r,m,i]),!r)return null;let g=f||e;return h.default.createPortal(c?(0,n.jsx)(o.FluentProvider,{theme:c,children:(0,n.jsx)(o.Card,{ref:d,role:`dialog`,"aria-modal":`true`,className:l,style:{position:`fixed`,zIndex:1e3,top:g.top,left:g.left,...u},children:s})}):(0,n.jsx)(o.Card,{ref:d,role:`dialog`,"aria-modal":`true`,className:l,style:{position:`fixed`,zIndex:1e3,top:g.top,left:g.left,...u},children:s}),document.body)},_d=(0,o.makeStyles)({labelContainer:{display:`flex`,flexDirection:`row`,justifyContent:`flex-start`,alignItems:`center`,...o.shorthands.gap(`6px`)},iconStyles:{width:`26px`},item:{paddingLeft:`15px`}}),vd=e=>{let{label:r,icon:i,isRequired:a}=e,s=_d();return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(`div`,{className:s.labelContainer,children:[i&&t.isValidElement(i)?i:(0,n.jsx)(l.Icon,{icon:i,className:s.iconStyles,width:`20px`,height:`20px`,color:o.tokens.colorBrandForeground1,"aria-hidden":`true`}),(0,n.jsx)(o.Caption1,{style:{color:o.tokens.colorBrandForeground1},children:r}),(0,n.jsx)(o.Caption1,{style:{color:o.tokens.colorPaletteRedForeground1},children:a?` *`:``})]})})},yd=(0,o.makeStyles)({root:{display:`flex`,justifyContent:`center`,alignItems:`center`,height:`100%`,width:`100%`},spinner:{width:`100px`,height:`100px`}}),bd=e=>{let{size:t,label:r,labelPosition:i,style:a,className:s}=e,c=yd();return(0,n.jsx)(`div`,{className:c.root,children:(0,n.jsx)(o.Spinner,{style:a,className:(0,o.mergeClasses)(c.spinner,s),size:t,label:r,labelPosition:i,"aria-label":r?void 0:`Loading`})})},xd={xs:o.tokens.fontSizeBase200,s:o.tokens.fontSizeBase300,m:o.tokens.fontSizeBase400,l:o.tokens.fontSizeBase500,xl:o.tokens.fontSizeBase600,xxl:o.tokens.fontSizeHero700},U={xs:o.tokens.spacingHorizontalXS,s:o.tokens.spacingHorizontalS,m:o.tokens.spacingHorizontalM,l:o.tokens.spacingHorizontalL,xl:o.tokens.spacingHorizontalXL,xxl:o.tokens.spacingHorizontalXXL},Sd={regular:o.tokens.fontWeightRegular,semibold:o.tokens.fontWeightSemibold,bold:o.tokens.fontWeightBold},Cd=e=>{let{fontSize:t,fontFamily:r,fontWeight:i,numberOfLines:a,as:s,padding:c,paddingTop:l,paddingBottom:u,paddingLeft:d,paddingRight:p,margin:m,marginTop:h,marginBottom:g,marginLeft:_,marginRight:v,children:y,style:b,className:x,color:S,block:C,truncate:w,wrap:T}=e,E=(0,f.css)({color:S,padding:c&&U[c]?U[c]:c,paddingTop:l&&U[l]?U[l]:l,paddingBottom:u&&U[u]?U[u]:u,paddingLeft:d&&U[d]?U[d]:d,paddingRight:p&&U[p]?U[p]:p,margin:m&&U[m]?U[m]:m,marginTop:h&&U[h]?U[h]:h,marginBottom:g&&U[g]?U[g]:g,marginLeft:_&&U[_]?U[_]:_,marginRight:v&&U[v]?U[v]:v}),D={...b,...r?{fontFamily:r}:{},...t?{fontSize:xd[t]?xd[t]:t}:{},...i?{fontWeight:Sd[i]?Sd[i]:i}:{},...a?{display:`-webkit-box`,WebkitBoxOrient:`vertical`,overflow:`hidden`,WebkitLineClamp:a}:{}};return(0,n.jsx)(o.Text,{as:s,className:(0,o.mergeClasses)(x,E),style:D,block:C,truncate:w,wrap:T,children:y})},wd=e=>e===`radio`||e===`checkbox`||e===`item`,Td=e=>{let{onSelected:r,onSelectionChange:i,value:a,selectedKeys:s,styles:c,options:l,apparence:u,shape:d,label:f,buttonText:p,size:m,defaultItemType:h=`radio`,onRenderItem:g}=e,_=!!p,v=!!c&&typeof c==`object`&&(`root`in c||`menulist`in c||`menuitem`in c),y=v?c.root:c,b=v?c.menulist:void 0,x=v?c.menuitem:void 0,S=t.useCallback(e=>e.itemType??h,[h]),C=t.useMemo(()=>{if(_)return;if(a)return a;let e=l?.find(e=>wd(S(e))&&e.key);return l?.find(e=>wd(S(e))&&e.selected)??e},[_,a,l,S]),[w,T]=t.useState(C),E=t.useMemo(()=>s||(l??[]).filter(e=>S(e)===`checkbox`&&e.selected&&e.key).map(e=>e.key),[s,l,S]),[D,O]=t.useState(E),k=!_&&w&&S(w)===`radio`?w.key:void 0,A={radio:k?[k]:[],checkbox:D},j=t.useRef(null);t.useEffect(()=>{if(_){T(void 0);return}T(C)},[_,C]),t.useEffect(()=>{s&&O(s)},[s]);let M=t.useMemo(()=>p||(w?.text?w.text:`No data available`),[p,w]),N=_?void 0:w?.icon,[P,F]=t.useState(!1),I=t.useCallback((e,t)=>F(t.open),[]),L=t.useCallback((e,{name:t,checkedItems:n})=>{if(t===`radio`){let e=n[0],t=l.find(t=>t.key===e);if(!t)return;_||T(t),r?.(t);return}if(t===`checkbox`){O(n);let e=n.map(e=>l.find(t=>t.key===e)).filter(Boolean);i?.(e)}},[_,l,r,i]),R=t.useCallback(e=>{_||T(e),r?.(e)},[_,r]),ee=t.useCallback((e,t)=>{let r=x;switch(t){case`divider`:return(0,n.jsx)(o.MenuDivider,{},`divider-${e.key}`);case`header`:return(0,n.jsx)(o.MenuGroupHeader,{children:e.text},`header-${e.key}`);case`checkbox`:return(0,n.jsx)(o.MenuItemCheckbox,{name:`checkbox`,value:e.key,icon:e.icon,disabled:e.disabled,secondaryContent:e.secondaryContent,style:r,children:e.text},e.key);case`item`:return(0,n.jsx)(o.MenuItem,{icon:e.icon,disabled:e.disabled,secondaryContent:e.secondaryContent,onClick:()=>R(e),style:r,children:e.text},e.key);default:return(0,n.jsx)(o.MenuItemRadio,{name:`radio`,value:e.key,icon:e.icon,disabled:e.disabled,secondaryContent:e.secondaryContent,style:r,children:e.text},e.key)}},[x,R]),te=t.useCallback(e=>{let r=S(e),i={isSelected:r===`radio`?k===e.key:r===`checkbox`?D.includes(e.key):!1,isDisabled:!!e.disabled,itemType:r},a=()=>ee(e,r);if(g&&r!==`divider`&&r!==`header`){let r=g(e,a,i);return(0,n.jsx)(t.Fragment,{children:r},e.key)}return a()},[S,k,D,g,ee]),ne=t.useMemo(()=>{let e=[],t=null,r=()=>{t&&=(e.push((0,n.jsx)(o.MenuGroup,{children:t.nodes},`group-${t.headerKey}`)),null)};return l?.forEach(n=>{if(S(n)===`header`){r(),t={headerKey:n.key||`${e.length}`,nodes:[te(n)]};return}let i=te(n);t?t.nodes.push(i):e.push(i)}),r(),e},[l,S,te]);return(0,n.jsx)(o.Field,{label:f,style:y,ref:j,children:(0,n.jsxs)(o.Menu,{open:P,onOpenChange:I,positioning:{offset:3},checkedValues:A,onCheckedValueChange:L,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:d??`circular`,icon:N,appearance:u??`secondary`,size:m??`medium`,children:M})}),(0,n.jsx)(o.MenuPopover,{style:{minWidth:j.current?.offsetWidth,...b},children:(0,n.jsx)(o.MenuList,{children:ne})})]})})},Ed=()=>({styles:{container:(0,f.css)({display:`flex`,alignItems:`center`,alignContent:`center`,overflow:`hidden`,whiteSpace:`nowrap`,padding:`8px`,backgroundColor:`transparent`}),breadcrumbItem:(0,f.css)({minWidth:`fit-content`,padding:0,margin:`0px`}),separator:(0,f.css)({marginRight:`8px`})},getStyles:(e,t)=>{let{icon:n}=e;switch(t){case`small`:return(0,f.css)({fontSize:`12px`,padding:`4px`,paddingLeft:n?`0px`:`4px`});case`medium`:return(0,f.css)({fontSize:`14px`,padding:`6px`,paddingLeft:n?`0px`:`6px`});case`large`:return(0,f.css)({fontSize:`16px`,padding:`8px`,paddingLeft:n?`0px`:`8px`});case`current`:return(0,f.css)({fontWeight:o.tokens.fontWeightBold,cursor:`default`,display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,overflow:`hidden`,textAlign:`start`,textOverflow:`ellipsis`,wordBreak:`break-word`,fontFamily:o.tokens.fontFamilyBase});default:return(0,f.css)({fontSize:`14px`,padding:`6px`,paddingLeft:n?`0px`:`6px`})}}}),Dd=({items:e,theme:r,size:i=`medium`})=>{let[a,s]=(0,t.useState)(!1),c=(0,t.useRef)(null),l=(0,t.useRef)(null),[u,d]=(0,t.useState)({top:0,left:0,position:`absolute`}),{getStyles:f}=Ed();return(0,t.useEffect)(()=>{let e=e=>{!c.current?.contains(e.target)&&!l.current?.contains(e.target)&&a&&s(!1)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[a]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Button,{ref:c,icon:(0,n.jsx)(m.MoreHorizontalRegular,{}),appearance:`transparent`,onClick:()=>{if(c.current){let e=c.current.getBoundingClientRect(),t=window.innerWidth,n=window.innerHeight,r=l.current?.offsetWidth||200,i=l.current?.offsetHeight||100,a=e.bottom+window.scrollY,o=e.left+window.scrollX;o+r>t&&(o=t-r-10),a+i>n&&(a=e.top+window.scrollY-i),d({top:a,left:o,position:`absolute`}),s(e=>!e)}},"aria-label":`More items`}),a&&(0,h.createPortal)(r?(0,n.jsx)(o.FluentProvider,{theme:r,children:(0,n.jsx)(o.Card,{ref:l,style:{...u,zIndex:1e3,padding:`8px`,minWidth:`150px`},children:e.map((e,t)=>(0,n.jsx)(o.Button,{icon:e.icon?e.icon:null,appearance:`transparent`,onClick:()=>{e.onClick?.(),s(!1)},children:(0,n.jsx)(o.Text,{className:f(e,i),children:e.label})},`overflow-${t}`))})}):(0,n.jsx)(o.Card,{ref:l,style:{...u,zIndex:1e3,padding:`8px`,minWidth:`150px`},children:e.map((e,t)=>(0,n.jsx)(o.Button,{icon:e.icon?e.icon:null,appearance:`transparent`,onClick:()=>{e.onClick?.(),s(!1)},children:(0,n.jsx)(o.Text,{className:f(e,i),children:e.label})},`overflow-${t}`))}),document.body)]})},Od=(e,t)=>{let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}},kd=({items:e,maxWidth:r=`100%`,styles:i,theme:a,size:s=`medium`,currentIndex:c=e.length-1,className:l})=>{let{styles:u,getStyles:f}=Ed(),p=(0,t.useRef)(null),[h,g]=(0,t.useState)([]),[_,v]=(0,t.useState)([]);return(0,t.useEffect)(()=>{let t=()=>{if(!p.current)return;let t=p.current.offsetWidth,n=0,r=[],i=[];e.forEach(e=>{n+80<=t-50?(r.push(e),n+=80):i.push(e)}),g(r),v(i)},n=Od(t,100),r=new d.ResizeObserver(()=>{n()});return p.current&&r.observe(p.current),t(),()=>{r.disconnect()}},[e]),(0,n.jsx)(`div`,{ref:p,className:(0,o.mergeClasses)(u.container,l),style:{maxWidth:r,...i},children:(0,n.jsxs)(H,{direction:`horizontal`,alignItems:`center`,justifyContent:`flex-start`,children:[h.map((e,r)=>(0,n.jsxs)(t.default.Fragment,{children:[r===c?(0,n.jsxs)(H,{direction:`horizontal`,alignItems:`center`,justifyContent:`flex-start`,columnGap:`5px`,overflow:`hidden`,children:[e.icon?t.default.cloneElement(e.icon,{style:{fontSize:s===`large`?`20px`:s===`medium`?`16px`:`12px`}}):null,(0,n.jsx)(o.Text,{className:(0,o.mergeClasses)(u.breadcrumbItem,f(e,s),f(e,`current`)),"aria-current":`page`,children:e.label},e.label)]}):(0,n.jsx)(o.Button,{icon:e.icon?e.icon:null,appearance:`transparent`,className:`${u.breadcrumbItem}`,onClick:e.onClick,children:(0,n.jsx)(o.Text,{className:f(e,s),children:e.label})},e.label),r<h.length-1&&(0,n.jsx)(m.ChevronRightRegular,{style:{fontSize:s===`large`?`20px`:s===`medium`?`16px`:`12px`}})]},e.label??`breadcrumb-${r}`)),_.length>0&&(0,n.jsx)(Dd,{items:_,theme:a})]})})},Ad=({icon:e,hoverIcon:r,imageSrc:i,width:a=24,height:s=24,color:c,hoverColor:l,onClick:u,enabled:d=!0,ariaLabel:f})=>{let p=c||o.tokens.colorBrandBackground,m=l||o.tokens.colorBrandBackgroundHover,h=o.tokens.fontFamilyBase,[g,_]=(0,t.useState)(!1),v=(0,t.useCallback)(()=>{d&&_(!0)},[d]),y=(0,t.useCallback)(()=>{d&&_(!1)},[d]),b=(0,t.useMemo)(()=>d&&g&&r?r:e,[g,r,e,d]),x=(0,t.useMemo)(()=>({width:a,height:s,color:g?m:p,display:`flex`,alignItems:`center`,justifyContent:`center`,opacity:d?1:.5,fontFamily:h,fontSize:`inherit`}),[a,s,g,m,p,d,h]),S=(0,t.useMemo)(()=>({border:`none`,background:`none`,padding:0,cursor:d?`pointer`:`default`}),[d]),C=(0,t.useMemo)(()=>({width:a,height:s,objectFit:`contain`,opacity:d?1:.5}),[a,s,d]);return(0,n.jsx)(o.Button,{onClick:d?u:void 0,onMouseEnter:v,onMouseLeave:y,disabled:!d,style:S,"aria-label":f??`Icon Button`,children:i?(0,n.jsx)(`img`,{src:i,alt:`icon`,style:C}):t.default.cloneElement(b,{style:{...b.props.style,...x}})})},jd=t.default.memo(Ad),Md=()=>({getSpanSlots:t.useCallback((e,t)=>{let n=new Date(e),r=new Date(t),i=n.getHours(),a=n.getMinutes(),o=i*2+(a>=1?1:0),s=r.getHours(),c=r.getMinutes(),l=s*2+(c>=1?2:0);return{spanSlots:l-o,startSlot:o,endSlot:l}},[]),generateLightAndHoverColors:t.useCallback((e,t=20,n=10)=>{let r=e=>{let t=parseInt(e.slice(1,3),16)/255,n=parseInt(e.slice(3,5),16)/255,r=parseInt(e.slice(5,7),16)/255,i=Math.max(t,n,r),a=Math.min(t,n,r),o=i-a,s=0,c=0,l=(i+a)/2;if(o!==0){switch(c=l>.5?o/(2-i-a):o/(i+a),i){case t:s=(n-r)/o+(n<r?6:0);break;case n:s=(r-t)/o+2;break;case r:s=(t-n)/o+4;break}s/=6}return{h:s*360,s:c*100,l:l*100}},i=(e,t,n)=>{let r=t*Math.min(n,100-n)/100,i=t=>{let i=(t+e/30)%12,a=n-r*Math.max(Math.min(i-3,9-i,1),-1);return Math.round(255*a).toString(16).padStart(2,`0`)};return`#${i(0)}${i(8)}${i(4)}`},{h:a,s:o,l:s}=r(e);return{lightColor:i(a,o,Math.min(s+t,100)),hoverColor:i(a,o,Math.min(s+n,100))}},[]),getEventColors:t.useCallback(e=>{let t={backgroundColor:o.tokens.colorNeutralBackground3,hoverColor:o.tokens.colorNeutralBackground3Hover};return{"no category":t,meeting:{backgroundColor:o.tokens.colorPaletteBlueBackground2,hoverColor:o.tokens.colorPaletteBlueBorderActive},appointment:{backgroundColor:o.tokens.colorPaletteGreenBackground2,hoverColor:o.tokens.colorPaletteGreenBorderActive},task:{backgroundColor:o.tokens.colorPaletteRedBackground2,hoverColor:o.tokens.colorPaletteRedBorderActive},deadline:{backgroundColor:o.tokens.colorPaletteYellowBackground2,hoverColor:o.tokens.colorPaletteYellowBorderActive},holiday:{backgroundColor:o.tokens.colorPalettePurpleBackground2,hoverColor:o.tokens.colorPalettePurpleBorderActive},celebration:{backgroundColor:o.tokens.colorPaletteDarkOrangeBackground2,hoverColor:o.tokens.colorPaletteDarkOrangeBorderActive},reminder:{backgroundColor:o.tokens.colorPaletteTealBackground2,hoverColor:o.tokens.colorPaletteTealBorderActive},workshop:{backgroundColor:o.tokens.colorPaletteTealBackground2,hoverColor:o.tokens.colorPaletteTealBorderActive},webinar:{backgroundColor:o.tokens.colorPaletteMagentaBackground2,hoverColor:o.tokens.colorPaletteMagentaBorderActive},conference:{backgroundColor:o.tokens.colorPaletteBrownBackground2,hoverColor:o.tokens.colorPaletteBrownBorderActive}}[e.toLowerCase()]||t},[]),generateColor:t.useCallback(e=>{let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);let n=(t&16777215).toString(16).toUpperCase();return`#${`00000`.substring(0,6-n.length)+n}`},[]),getCalendarColors:t.useCallback(e=>{let t={beige:{backgroundColor:o.tokens.colorPaletteBeigeBackground2,hoverColor:o.tokens.colorPaletteBeigeBorderActive},blue:{backgroundColor:o.tokens.colorPaletteBlueBackground2,hoverColor:o.tokens.colorPaletteBlueBorderActive},brown:{backgroundColor:o.tokens.colorPaletteBrownBackground2,hoverColor:o.tokens.colorPaletteBrownBorderActive},gold:{backgroundColor:o.tokens.colorPaletteGoldBackground2,hoverColor:o.tokens.colorPaletteGoldBorderActive},lavender:{backgroundColor:o.tokens.colorPaletteLavenderBackground2,hoverColor:o.tokens.colorPaletteLavenderBorderActive},magenta:{backgroundColor:o.tokens.colorPaletteMagentaBackground2,hoverColor:o.tokens.colorPaletteMagentaBorderActive},navy:{backgroundColor:o.tokens.colorPaletteNavyBackground2,hoverColor:o.tokens.colorPaletteNavyBorderActive},pink:{backgroundColor:o.tokens.colorPalettePinkBackground2,hoverColor:o.tokens.colorPalettePinkBorderActive},plum:{backgroundColor:o.tokens.colorPalettePlumBackground2,hoverColor:o.tokens.colorPalettePlumBorderActive},purple:{backgroundColor:o.tokens.colorPalettePurpleBackground2,hoverColor:o.tokens.colorPalettePurpleBorderActive},red:{backgroundColor:o.tokens.colorPaletteRedBackground2,hoverColor:o.tokens.colorPaletteRedBorderActive},teal:{backgroundColor:o.tokens.colorPaletteTealBackground2,hoverColor:o.tokens.colorPaletteTealBorderActive},anchor:{backgroundColor:o.tokens.colorPaletteAnchorBackground2,hoverColor:o.tokens.colorPaletteAnchorBorderActive},"dark-red":{backgroundColor:o.tokens.colorPaletteDarkRedBackground2,hoverColor:o.tokens.colorPaletteDarkRedBorderActive},cranberry:{backgroundColor:o.tokens.colorPaletteCranberryBackground2,hoverColor:o.tokens.colorPaletteCranberryBorderActive},pumpkin:{backgroundColor:o.tokens.colorPalettePumpkinBackground2,hoverColor:o.tokens.colorPalettePumpkinBorderActive},peach:{backgroundColor:o.tokens.colorPalettePeachBackground2,hoverColor:o.tokens.colorPalettePeachBorderActive},marigold:{backgroundColor:o.tokens.colorPaletteMarigoldBackground2,hoverColor:o.tokens.colorPaletteMarigoldBorderActive},brass:{backgroundColor:o.tokens.colorPaletteBrassBackground2,hoverColor:o.tokens.colorPaletteBrassBorderActive},forest:{backgroundColor:o.tokens.colorPaletteForestBackground2,hoverColor:o.tokens.colorPaletteForestBorderActive},seafoam:{backgroundColor:o.tokens.colorPaletteSeafoamBackground2,hoverColor:o.tokens.colorPaletteSeafoamBorderActive},"dark-green":{backgroundColor:o.tokens.colorPaletteDarkGreenBackground2,hoverColor:o.tokens.colorPaletteDarkGreenBorderActive},"light-teal":{backgroundColor:o.tokens.colorPaletteLightTealBackground2,hoverColor:o.tokens.colorPaletteLightTealBorderActive},steel:{backgroundColor:o.tokens.colorPaletteSteelBackground2,hoverColor:o.tokens.colorPaletteSteelBorderActive},"royal-blue":{backgroundColor:o.tokens.colorPaletteRoyalBlueBackground2,hoverColor:o.tokens.colorPaletteRoyalBlueBorderActive},cornflower:{backgroundColor:o.tokens.colorPaletteCornflowerBackground2,hoverColor:o.tokens.colorPaletteCornflowerBorderActive},grape:{backgroundColor:o.tokens.colorPaletteGrapeBackground2,hoverColor:o.tokens.colorPaletteGrapeBorderActive},lilac:{backgroundColor:o.tokens.colorPaletteLilacBackground2,hoverColor:o.tokens.colorPaletteLilacBorderActive},mink:{backgroundColor:o.tokens.colorPaletteMinkBackground2,hoverColor:o.tokens.colorPaletteMinkBorderActive},platinum:{backgroundColor:o.tokens.colorPalettePlatinumBackground2,hoverColor:o.tokens.colorPalettePlatinumBorderActive}},n=t[`royal-blue`];return t[e]||n},[]),formatDate:t.useCallback((e,t)=>(0,r.format)((0,r.parseISO)(e),t),[])}),Nd={start:`Start`,end:`End`,location:`Location`,attendees:`Attendees`,details:`Details`},Pd=`32px`,Fd=e=>({styles:{banner:(0,f.css)({display:`flex`,justifyContent:`center`,alignContent:`center`,alignItems:`center`,padding:`5px 10px 0px 10px`}),fieldContainer:(0,f.css)({paddingLeft:Pd}),title:(0,f.css)({lineClamp:2,overflow:`hidden`,display:`-webkit-box`,WebkitBoxOrient:`vertical`,wordBreak:`break-word`,WebkitLineClamp:2})}}),Id=({fieldLabel:e,fieldValue:t,icon:r})=>(0,n.jsxs)(H,{children:[(0,n.jsx)(vd,{label:e,icon:r}),(0,n.jsx)(H,{paddingLeft:Pd,children:(0,n.jsx)(o.Body1,{children:t})})]}),Ld=e=>{let{event:r,strings:i=Nd}=e,{title:a,start:s,end:c,location:l,category:u,attendees:d,weblink:f}=r,{styles:p}=Fd(r),{formatDate:m}=Md(),h=m(s,`PPp`),g=m(c,`PPp`),_=(0,o.partitionAvatarGroupItems)({items:d?.map(e=>e.id)||[]}),v=t.useCallback(e=>d?.find(t=>t.id===e)||void 0,[d]),y=t.useCallback(()=>(0,n.jsxs)(H,{children:[(0,n.jsx)(vd,{label:i.attendees,icon:`ph:users-three`}),(0,n.jsx)(H,{paddingLeft:Pd,children:(0,n.jsxs)(o.AvatarGroup,{layout:`stack`,children:[_.inlineItems.map(e=>(0,n.jsx)(o.AvatarGroupItem,{name:v(e)?.name,image:{src:v(e)?.imageUrl}},e)),_.overflowItems&&(0,n.jsx)(o.AvatarGroupPopover,{children:_.overflowItems.map(e=>(0,n.jsx)(o.AvatarGroupItem,{name:v(e)?.name,image:{src:v(e)?.imageUrl}},e))})]})})]}),[_,v,i.attendees]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(Ju,{appearance:`subtle`,padding:`m`,paddingTop:`s`,width:`250px`,cardBody:(0,n.jsxs)(H,{rowGap:`10px`,children:[(0,n.jsx)(`div`,{className:p.banner,children:(0,n.jsx)(o.Subtitle1,{className:p.title,children:a})}),(0,n.jsx)(o.Divider,{}),u&&(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-end`,width:`100%`,children:(0,n.jsx)(o.Badge,{appearance:`filled`,children:u})}),(0,n.jsx)(Id,{fieldLabel:i.start,fieldValue:h,icon:`mingcute:time-line`}),(0,n.jsx)(Id,{fieldLabel:i.end,fieldValue:g,icon:`mingcute:time-line`}),(0,n.jsx)(Id,{fieldLabel:i.location,fieldValue:l,icon:`mingcute:location-line`}),(0,n.jsx)(y,{})]}),cardFooterContent:(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-end`,width:`100%`,children:(0,n.jsx)(o.Button,{appearance:`subtle`,onClick:()=>{window.open(f,`_blank`)},children:i.details})})})})},Rd=()=>({styles:{calendarWrapper:(0,f.css)({padding:`20px`,paddingTop:`10px`,overflow:`auto`,flex:1,display:`grid`,gridTemplateColumns:`repeat(7, 1fr)`,gridTemplateRows:`auto`,gridAutoRows:`minmax(100px, 1fr)`,gap:`1px`,width:`calc(100% - 40px)`}),header:(0,f.css)({display:`flex`,justifyContent:`start`,gap:`10px`,alignItems:`center`,padding:`16px`}),dayHeader:(0,f.css)({textAlign:`start`,padding:`8px`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),day:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`center`,justifyContent:`center`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,backgroundColor:o.tokens.colorNeutralBackground1,position:`relative`}),otherMonthDay:(0,f.css)({color:o.tokens.colorNeutralStroke2,backgroundColor:o.tokens.colorNeutralBackground2}),cardDay:(0,f.css)({height:`100%`,minHeight:100,borderRadius:0,overflow:`hidden !important`,rowGap:5}),cardDayOnHover:(0,f.css)({":hover":{backgroundColor:o.tokens.colorNeutralBackground2}}),currentDay:(0,f.css)({borderTop:`5px solid ${o.tokens.colorBrandBackground}`}),currentDayLabel:(0,f.css)({color:o.tokens.colorBrandBackground,fontWeight:600}),eventCard:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`flex-start`,zIndex:1}),eventContainer:(0,f.css)({display:`flex`,flexDirection:`column`,overflowY:`auto`,paddingTop:`5px`,paddingBottom:`5px`,paddingLeft:`5px`,paddingRight:`5px`,"::-webkit-scrollbar":{width:`5px`,height:`5px`},"::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground4,borderRadius:`10px`},"::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandStroke2Hover,borderRadius:`10px`},"::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorNeutralStroke2}}),eventCardWeekView:(0,f.css)({backgroundColor:o.tokens.colorBrandBackground,color:o.tokens.colorNeutralForegroundOnBrand,borderRadius:`4px`,padding:`4px`,margin:`2px`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,height:`100%`}),popoverContent:(0,f.css)({padding:0,borderTopWidth:20,borderTopStyle:`solid`}),cardMonthTitle:(0,f.css)({display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,textAlign:`start`,textOverflow:`ellipsis`,paddingLeft:`8px`,wordBreak:`break-word`,overflow:`hidden`})},applyEventHouverColorClass:(e,t)=>(0,f.css)({backgroundColor:e??o.tokens.colorBrandBackground,":hover":{backgroundColor:t??o.tokens.colorBrandBackgroundHover}})}),zd=e=>{let i=(0,o.useId)(),{events:a,date:s,onCardHoverChange:c,columnHeight:l}=e,{styles:u,applyEventHouverColorClass:d}=Rd(),f=t.useRef(null),{getEventColors:p,getCalendarColors:m}=Md(),h=t.useCallback(e=>{c&&c(!0,e)},[c]),g=t.useCallback(e=>{c&&c(!1,e)},[c]),_=t.useCallback(e=>{f.current?.setTarget(e)},[f]),v=t.useCallback((e,t,r)=>(0,n.jsx)(`div`,{ref:_,children:(0,n.jsx)(Ju,{className:(0,o.mergeClasses)(u.eventCard,d(r.backgroundColor,r.backgroundColor)),paddingTop:`4px`,paddingBottom:`4px`,paddingLeft:`8px`,paddingRight:`8px`,marginTop:e===0?`0px`:`5px`,cardHeader:(0,n.jsx)(o.Caption1,{className:u.cardMonthTitle,children:t.title}),onMouseEnter:()=>h(t.title),onMouseLeave:()=>g(t.title)})},t.id??`card-${e}`),[h,g,d]),y=t.useCallback((e,t,r)=>(0,n.jsxs)(o.Popover,{withArrow:!0,mouseLeaveDelay:30,closeOnScroll:!0,closeOnIframeFocus:!0,openOnHover:!0,children:[(0,n.jsx)(o.PopoverTrigger,{children:v(t,e,r)}),(0,n.jsx)(o.PopoverSurface,{"aria-labelledby":i,className:(0,o.mergeClasses)(u.popoverContent),children:(0,n.jsx)(Ld,{event:e})})]},t),[v,i,u.popoverContent]);return!a||!a?.length?(0,n.jsx)(n.Fragment,{children:` `}):(0,n.jsx)(`div`,{style:{height:l},className:u.eventContainer,children:a.map((e,n)=>{if(!(0,r.isWithinInterval)(s,{start:(0,r.startOfDay)(new Date(e.start)),end:(0,r.endOfDay)(new Date(e.end))}))return null;let i;i=e.hexColor?{backgroundColor:e.hexColor,hoverColor:e.hexColor}:e.color?m(e.color):p(e.category);let a=e.onRenderInMonthView?.(e),c=e.id??`event-${n}`;return t.isValidElement(a)?t.cloneElement(a,{key:c,className:(0,o.mergeClasses)(a.props.className,u.eventCard)}):e.enableOnHouver?y(e,n,i):v(n,e,i)})})},Bd=e=>{let{day:i,currentMonth:a,events:s,date:c,columnHeight:l,onDayClick:u}=e,{styles:d}=Rd(),f=new Date,[p,m]=t.useState(!1),h=c.getDay()===0||c.getDay()===6,g=t.useMemo(()=>(0,r.isSameDay)(c,f),[c,f]),_=t.useMemo(()=>(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,paddingLeft:`m`,paddingRight:`m`,children:(0,n.jsxs)(o.Body2,{className:d.currentDayLabel,style:{color:h?`${o.tokens.colorPaletteRedForeground1} !important`:``},children:[i,` `,f.toLocaleString(`default`,{month:`short`})]})}),[i,h,f,d.currentDayLabel]),v=t.useCallback(e=>{m(e)},[]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(Ju,{onClick:u?()=>u(c):void 0,className:(0,o.mergeClasses)(d.cardDay,a?``:d.otherMonthDay,g?d.currentDay:``,p?``:d.cardDayOnHover),cardHeader:g?_:(0,n.jsx)(H,{direction:`horizontal`,paddingLeft:`m`,paddingRight:`m`,children:(0,n.jsx)(o.Body2,{style:{color:h?`${o.tokens.colorPaletteRedForeground1} !important`:``},children:i})}),paddingTop:`m`,paddingBottom:`m`,paddingLeft:`0px`,paddingRight:`0px`,cardBody:(0,n.jsx)(zd,{events:s,date:c,onCardHoverChange:v,columnHeight:l-60})})})},Vd=()=>({styles:{container:(0,f.css)({display:`flex`,flexDirection:`column`,width:`calc(100% - 40px)`,height:`100vh`,overflow:`hidden`,padding:`20px`}),header:(0,f.css)({display:`flex`,justifyContent:`space-between`,alignItems:`center`,marginBottom:`16px`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),weekGrid:(0,f.css)({display:`grid`,gridTemplateColumns:`80px repeat(7, 1fr)`,gridTemplateRows:`50px 40px repeat(48, 33px)`,height:`fit-content`,overflowY:`auto`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,maxHeight:`calc(100vh - 100px)`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} ${o.tokens.colorNeutralBackground1}`,"&::-webkit-scrollbar":{width:`8px`},"&::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground1},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`4px`},"&::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorBrandBackgroundHover}}),blankHeader:(0,f.css)({gridColumn:`1`,backgroundColor:o.tokens.colorNeutralBackground3,borderBottom:`3px solid ${o.tokens.colorNeutralStroke3}`,position:`sticky`,top:0,zIndex:10}),timeColumn:(0,f.css)({gridColumn:`1`,gridRow:`3 / span 49`,display:`flex`,flexDirection:`column`,backgroundColor:o.tokens.colorNeutralBackground1,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`}),timeCell:(0,f.css)({height:`100%`,display:`flex`,alignItems:`center`,fontSize:`12px`,color:o.tokens.colorNeutralForeground3,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,justifyContent:`center`}),fullDayRow:(0,f.css)({gridRow:`2`,display:`grid`,gridTemplateColumns:`80px repeat(7, 1fr)`,gap:`0`,padding:`0`,backgroundColor:o.tokens.colorNeutralBackground2,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayLabel:(0,f.css)({gridColumn:`1`,display:`flex`,alignItems:`center`,justifyContent:`center`,alignContent:`center`,color:o.tokens.colorBrandBackground,padding:`5px`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayCell:(0,f.css)({borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,display:`flex`,flexDirection:`row`,gap:`0px`,padding:`4px`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`,overflow:`hidden`}),fullDayEvent:(0,f.css)({flex:`1 1 auto`,minWidth:`24px`,height:`24px`,padding:`4px 8px`,backgroundColor:o.tokens.colorBrandBackground,borderRadius:`4px`,overflow:`hidden`,display:`flex`,alignItems:`center`,justifyContent:`center`}),dayHeaderCell:(0,f.css)({textAlign:`center`,backgroundColor:o.tokens.colorNeutralBackground2,padding:`8px`,fontWeight:`bold`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,position:`sticky`,top:0,zIndex:10}),todayHeaderCell:(0,f.css)({borderTop:`5px solid ${o.tokens.colorBrandBackground}`}),eventCard:(0,f.css)({padding:2,alignItems:`center`,justifyContent:`center`,marginRight:`2px`,zIndex:1,position:`absolute`,alignContent:`center`,overflow:`hidden`,":hover":{pointerEvents:`auto`,cursor:`pointer`}}),event:(0,f.css)({height:`100%`,backgroundColor:o.tokens.colorBrandBackground,borderRadius:`4px`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,overflow:`hidden`,display:`flex`,alignItems:`center`,justifyContent:`center`,marginRight:`2px`,zIndex:1,position:`absolute`,alignContent:`center`,":hover":{pointerEvents:`auto`,cursor:`pointer`}}),dayCell:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,position:`relative`,overflow:`visible`,FlexDirection:`column`,gap:`4px`}),currentTimeIndicator:(0,f.css)({position:`absolute`,left:0,height:`2px`,backgroundColor:o.tokens.colorPaletteRedBorderActive,width:`100%`,zIndex:1}),currentHalfHourCell:(0,f.css)({border:`2px solid ${o.tokens.colorPaletteRedBorderActive}`}),eventTitle:(0,f.css)({display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,textAlign:`start`,textOverflow:`ellipsis`,paddingLeft:`8px`,wordBreak:`break-word`,overflow:`hidden`}),popoverContent:(0,f.css)({padding:0,borderTopWidth:20,borderTopStyle:`solid`})},applyEventHouverColorClass:t.default.useCallback((e,t)=>(0,f.css)({backgroundColor:e??o.tokens.colorBrandBackground,":hover":{backgroundColor:t??o.tokens.colorBrandBackgroundHover}}),[o.tokens.colorBrandBackground,o.tokens.colorBrandBackgroundHover]),appyDynamicStyles:t.default.useCallback((e,t,n,r)=>(0,f.css)({flex:`0 0 calc(100% / ${t})`,height:`${n*r}px`,left:`${e*10}%`,width:`calc(${100-e*10}% - 8px)`,margin:4,marginTop:0,marginBottom:0}),[])}),Hd={timeSeparator:` - `,hourSuffix:`H`},Ud=({event:e,colors:r,spanSlots:i,rowHeight:a,eventIndex:s,eventCount:c,strings:l=Hd})=>{let u=(0,o.useId)(),{styles:d,applyEventHouverColorClass:f,appyDynamicStyles:p}=Vd(),m=t.useRef(null),{formatDate:h}=Md(),g=t.useMemo(()=>(0,n.jsx)(`div`,{children:(0,n.jsxs)(H,{columnGap:`4px`,justifyContent:`center`,children:[(0,n.jsx)(o.Caption1Strong,{className:d.eventTitle,children:e.title}),(0,n.jsxs)(H,{columnGap:`4px`,direction:`horizontal`,alignItems:`center`,justifyContent:`flex-start`,children:[(0,n.jsxs)(o.Caption1,{children:[h(e.start,`HH:mm`),l.hourSuffix]}),l.timeSeparator,(0,n.jsxs)(o.Caption1,{children:[h(e.end,`HH:mm`),l.hourSuffix]})]})]})}),[e,h,l,d.eventTitle]);return(0,n.jsx)(o.Card,{ref:m,className:(0,o.mergeClasses)(d.eventCard,f(r.backgroundColor,r.backgroundColor),p(s,c,a,i)),children:e.enableOnHouver?(0,n.jsxs)(o.Popover,{withArrow:!0,mouseLeaveDelay:50,closeOnScroll:!0,closeOnIframeFocus:!0,openOnHover:!0,children:[(0,n.jsx)(o.PopoverTrigger,{children:g}),(0,n.jsx)(o.PopoverSurface,{"aria-labelledby":u,className:(0,o.mergeClasses)(d.popoverContent),children:(0,n.jsx)(Ld,{event:e})})]}):g},e.id)},Wd=({event:e,eventCount:r,spanSlots:i,rowHeight:a,eventIndex:s,view:c})=>{let{styles:l,appyDynamicStyles:u}=Vd(),{getEventColors:d,getCalendarColors:f}=Md(),p=e.hexColor?{backgroundColor:e.hexColor,hoverColor:e.hexColor}:e.color?f(e.color):d(e.category),m=c===`day`?e.onRenderInDayView?.(e):e.onRenderInWeekView?.(e);return t.isValidElement(m)?t.cloneElement(m,{event:e,className:(0,o.mergeClasses)(m.props.className,l.eventCard,u(s,r,a,i)),style:{...m.props.style}}):(0,n.jsx)(Ud,{event:e,colors:p,spanSlots:i,rowHeight:a,eventIndex:s,eventCount:r},e.id)},Gd=e=>{let n=(0,t.useCallback)(e=>e.map(e=>({...e,id:e.id||(0,g.v4)()})),[]),i=(0,t.useCallback)(t=>new Date(new Date(t).toLocaleString(void 0,{timeZone:e})),[e]);return{getMonthCalendar:(0,t.useCallback)((e,t,a)=>{let o=n(e),s=new Date(t,a+1,0).getDate(),c={};for(let e=1;e<=s;e++){let n=(0,r.format)(new Date(t,a,e),`yyyy-MM-dd`);c[n]=[]}return o.forEach(e=>{let t=i(e.start),n=i(e.end),a=new Date(t);for(;a<=n;){let t=(0,r.format)(a,`yyyy-MM-dd`);c[t]&&c[t].push(e),a.setDate(a.getDate()+1)}}),c},[i]),getWeekEvents:(0,t.useCallback)((e,t)=>{let a=[],o=i(t),s=n(e);for(let e=0;e<7;e++){let t=new Date(o);t.setDate(o.getDate()+e);let n=(0,r.format)(t,`yyyy-MM-dd`),c=Array.from({length:48},(e,t)=>({time:`${String(Math.floor(t/2)).padStart(2,`0`)}:${t%2==0?`00`:`30`}`,events:[]})),l=[];s.forEach(e=>{let t=i(e.start),a=i(e.end);if(e.isFullDay){(0,r.format)(t,`yyyy-MM-dd`)<=n&&(0,r.format)(a,`yyyy-MM-dd`)>=n&&l.push(e);return}if((0,r.format)(t,`yyyy-MM-dd`)<=n&&(0,r.format)(a,`yyyy-MM-dd`)>=n){let i=new Date(t);for(;i<=a;){if((0,r.format)(i,`yyyy-MM-dd`)===n){let t=i.getHours()*2+(i.getMinutes()>=30?1:0);c[t]&&c[t].events.push(e)}i.setMinutes(i.getMinutes()+30)}}}),a.push({date:n,fullDayEvents:l,timeSlots:c})}return a},[i])}},Kd=()=>({styles:{container:(0,f.css)({display:`flex`,flexDirection:`column`,width:`calc(100% - 40px)`,height:`100vh`,overflow:`hidden`,padding:`20px`}),header:(0,f.css)({display:`flex`,justifyContent:`space-between`,alignItems:`center`,marginBottom:`16px`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),dayGrid:(0,f.css)({display:`grid`,gridTemplateColumns:`80px 1fr`,gridTemplateRows:`50px 40px repeat(48, 33px)`,height:`calc(100vh - 100px)`,overflowY:`auto`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,maxHeight:`fit-content`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} ${o.tokens.colorNeutralBackground1}`,"&::-webkit-scrollbar":{width:`8px`},"&::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground1},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`4px`},"&::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorBrandBackgroundHover}}),blankHeader:(0,f.css)({gridColumn:`1`,backgroundColor:o.tokens.colorNeutralBackground3,borderBottom:`3px solid ${o.tokens.colorNeutralStroke3}`}),timeColumn:(0,f.css)({gridColumn:`1`,gridRow:`3 / span 49`,display:`flex`,flexDirection:`column`,backgroundColor:o.tokens.colorNeutralBackground1,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`}),timeCell:(0,f.css)({height:`100%`,maxHeight:`32px`,minHeight:`32px`,display:`flex`,alignItems:`center`,fontSize:`12px`,color:o.tokens.colorNeutralForeground3,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,justifyContent:`center`}),fullDayRow:(0,f.css)({gridRow:`2`,display:`grid`,gridTemplateColumns:`80px 33px`,gap:`0`,padding:`0`,backgroundColor:o.tokens.colorNeutralBackground2,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayLabel:(0,f.css)({gridColumn:`1`,display:`flex`,alignItems:`center`,justifyContent:`center`,alignContent:`center`,color:o.tokens.colorBrandBackground,padding:`5px`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayCell:(0,f.css)({borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,display:`flex`,flexDirection:`row`,gap:`2px`,padding:`4px`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`,overflow:`hidden`}),fullDayEvent:(0,f.css)({flex:`1 1 auto`,minWidth:`24px`,height:`24px`,padding:`4px 8px`,backgroundColor:o.tokens.colorBrandBackground,color:o.tokens.colorNeutralForegroundOnBrand,borderRadius:`4px`,overflow:`hidden`,display:`flex`,alignItems:`center`,justifyContent:`center`}),dayHeaderCell:(0,f.css)({textAlign:`center`,backgroundColor:o.tokens.colorNeutralBackground2,padding:`8px`,fontWeight:`bold`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),todayHeaderCell:(0,f.css)({borderTop:`5px solid ${o.tokens.colorBrandBackground}`}),eventCard:(0,f.css)({alignItems:`center`,justifyContent:`center`,marginRight:`2px`,zIndex:1,position:`absolute`,alignContent:`center`,overflow:`hidden`}),dayCell:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,position:`relative`,overflow:`visible`,FlexDirection:`column`,gap:`4px`}),currentTimeIndicator:(0,f.css)({position:`absolute`,left:0,height:`2px`,backgroundColor:o.tokens.colorPaletteRedBorderActive,width:`100%`,zIndex:1}),currentHalfHourCell:(0,f.css)({border:`2px solid ${o.tokens.colorPaletteRedBorderActive}`}),eventTitle:(0,f.css)({display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,textAlign:`start`,textOverflow:`ellipsis`,paddingLeft:`8px`,wordBreak:`break-word`,overflow:`hidden`})},applyEventHouverColorClass:(e,t)=>(0,f.css)({backgroundColor:e??o.tokens.colorBrandBackground,":hover":{backgroundColor:t??o.tokens.colorBrandBackgroundHover}})}),qd={allDay:`All Day`},Jd=33,Yd=e=>{let{events:i,currentDay:a,height:s,strings:c=qd}=e,{styles:l}=Kd(),u=(0,t.useRef)(null),{getSpanSlots:d,getEventColors:f,getCalendarColors:p}=Md(),m=Intl.DateTimeFormat().resolvedOptions().timeZone,{getWeekEvents:h}=Gd(m),g=t.useCallback(()=>Array.from({length:24},(e,r)=>(0,n.jsxs)(t.Fragment,{children:[(0,n.jsx)(`div`,{className:l.timeCell,children:(0,n.jsxs)(o.Body1Strong,{children:[r,`:00`]})}),(0,n.jsx)(`div`,{className:l.timeCell})]},r)),[l.timeCell]),_=t.useCallback(()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.blankHeader}),Array.from({length:1},(e,t)=>{let i=(0,r.addDays)(a,t),s=(0,r.isToday)(i)?l.todayHeaderCell:``;return(0,n.jsxs)(`div`,{className:(0,o.mergeClasses)(l.dayHeaderCell,s),children:[(0,n.jsx)(o.Text,{weight:`semibold`,size:600,style:{paddingRight:10},children:(0,r.format)(i,`dd`)}),(0,n.jsx)(o.Subtitle1,{children:(0,r.format)(i,`LLLL, yyyy`)})]},t)})]}),[a,l.blankHeader,l.dayHeaderCell,l.todayHeaderCell]),v=t.useCallback(()=>{let e=h(i,a.toISOString());return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.fullDayLabel,children:(0,n.jsx)(o.Body1,{children:c.allDay})}),Array.from({length:1},(t,i)=>{let s=(0,r.format)((0,r.addDays)(a,i),`yyyy-MM-dd`),c=e.find(e=>e.date===s)?.fullDayEvents||[];return(0,n.jsx)(`div`,{className:l.fullDayCell,children:c.map(e=>(0,n.jsx)(`div`,{className:l.fullDayEvent,style:{gridColumn:`${i+2}`,backgroundColor:e.color?p(e.color).backgroundColor:f(e.category).backgroundColor},children:(0,n.jsx)(o.Caption1Strong,{className:l.eventTitle,children:e.title})},e.id))},i)})]})},[a,h,l.fullDayCell,l.fullDayEvent,l.fullDayLabel,l.eventTitle,p,f,i,c.allDay]),y=t.useCallback(()=>{let e=h(i,a.toISOString());return Array.from({length:1},(i,o)=>{let s=(0,r.format)((0,r.addDays)(a,o),`yyyy-MM-dd`),c=e.find(e=>e.date===s);return(0,n.jsx)(t.Fragment,{children:c?.timeSlots.map((e,t)=>{let r=e.events.length;return(0,n.jsx)(`div`,{className:l.dayCell,style:{gridRow:t+3},children:e.events.map((e,i)=>{let{spanSlots:a,startSlot:o}=d(new Date(e.start),new Date(e.end));return t===o?(0,n.jsx)(Wd,{event:e,eventCount:r,spanSlots:a,rowHeight:Jd,eventIndex:i,view:`day`},e.id):null})},t)})},o)})},[a,d,h,l.dayCell,i]);return(0,n.jsx)(`div`,{className:l.container,style:{height:s},children:(0,n.jsxs)(`div`,{ref:u,className:l.dayGrid,children:[(0,n.jsx)(`div`,{className:l.timeColumn,children:g()}),_(),v(),y()]})})},W=function(e){return e.Day=`day`,e.Week=`week`,e.Month=`month`,e}({}),Xd={month:`Month`,week:`Week`,day:`Day`},Zd=e=>{let{onSelected:r,value:i,strings:a=Xd}=e,[s,c]=t.useState(i??W.Month),[l,u]=t.useState({view:[i??W.Month]}),d=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarDayFilled,m.CalendarDayRegular),[]),f=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[]),p=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarWorkWeekFilled,m.CalendarWorkWeekRegular),[]);t.useEffect(()=>{i!==void 0&&(c(i),u({view:[i]}))},[i]);let[h,g]=t.useState(!1),_=t.useCallback((e,t)=>{g(t.open)},[]),v=t.useCallback(()=>{switch(s){case W.Month:return(0,n.jsx)(f,{});case W.Week:return(0,n.jsx)(p,{});case W.Day:return(0,n.jsx)(d,{});default:return(0,n.jsx)(f,{})}},[s]),y=t.useCallback(e=>{switch(e){case W.Month:return a.month;case W.Week:return a.week;case W.Day:return a.day;default:return a.month}},[a]),b=t.useCallback((e,{name:t,checkedItems:n})=>{if(t===`view`){let e=n[0];c(e),u({view:n}),r(e)}},[r]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Menu,{open:h,onOpenChange:_,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:v(),style:{minWidth:`150px`},children:y(s)})}),(0,n.jsx)(o.MenuPopover,{children:(0,n.jsxs)(o.MenuList,{onCheckedValueChange:b,checkedValues:l,children:[(0,n.jsx)(o.MenuItemRadio,{icon:(0,n.jsx)(d,{}),name:`view`,value:W.Day,children:a.day}),(0,n.jsx)(o.MenuItemRadio,{icon:(0,n.jsx)(p,{}),name:`view`,value:W.Week,children:a.week}),(0,n.jsx)(o.MenuItemRadio,{icon:(0,n.jsx)(f,{}),name:`view`,value:W.Month,children:a.month})]})})]})})},Qd=t.memo(e=>{let{onSelected:r,value:i}=e,[s,c]=t.useState(i??new Date),[l,u]=t.useState(()=>(0,a.format)(i??new Date,`dd MMM, yyyy`)),[d,f]=t.useState(!1),p=t.useCallback((e,t)=>{f(t.open)},[]),h=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[]),g=t.useCallback(e=>{if(e){let t=Intl.DateTimeFormat().resolvedOptions().timeZone,n=(0,a.toZonedTime)(e,t);c(n),u((0,a.format)(n,`dd MMM, yyyy`)),r(n),f(!1)}},[r]);return(0,n.jsxs)(o.Menu,{open:d,onOpenChange:p,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:(0,n.jsx)(h,{}),style:{minWidth:`200px`},"aria-label":`Select date: ${l}`,children:l})}),(0,n.jsx)(o.MenuPopover,{style:{maxWidth:`fit-content`},children:(0,n.jsx)(o.MenuList,{children:(0,n.jsx)(_.Calendar,{highlightSelectedMonth:!0,showGoToToday:!0,onSelectDate:g,value:s})})})]})}),$d=()=>({root:(0,f.css)({outline:`none`})}),ef={months:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shortMonths:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],days:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shortDays:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],goToToday:`Go to today`},tf=e=>{let{onDateChange:r,defaultSelectedDate:i,onDismiss:a,strings:o=ef}=e,s=$d(),[c,l]=t.useState(i??new Date),u=t.useCallback((e,t)=>{l(e),r(e),a()},[r,a]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(_.Calendar,{className:s.root,dateRangeType:_.DateRangeType.Month,highlightSelectedMonth:!0,isDayPickerVisible:!1,onSelectDate:u,value:c,onDismiss:a,showGoToToday:!1,allFocusable:!1,strings:o})})},nf=e=>{let{onSelected:i,value:a}=e,s=(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[c,l]=t.useState(a??new Date);t.useEffect(()=>{i(a??new Date),l(a??new Date)},[a]);let[u,d]=t.useState(!1),f=(e,t)=>{d(t.open)},p=t.useCallback(e=>{i(e),l(e)},[]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Menu,{open:u,onOpenChange:f,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:(0,n.jsx)(s,{}),style:{minWidth:`200px`},"aria-label":`Select month: ${(0,r.format)(c,`MMMM yyyy`)}`,children:(0,r.format)(c,`MMMM yyyy`)})}),(0,n.jsx)(o.MenuPopover,{children:(0,n.jsx)(o.MenuList,{children:(0,n.jsx)(tf,{onDateChange:p,defaultSelectedDate:c,onDismiss:()=>{d(!1)}})})})]})})},rf={selectWeekPlaceholder:`Select a week`},af=e=>{let t=Intl.DateTimeFormat().resolvedOptions().timeZone,n=(0,a.format)(e.start,`MMM`,{timeZone:t}),r=(0,a.format)(e.end,`MMM`,{timeZone:t});return(0,a.format)(e.start,`yyyy`,{timeZone:t})===(0,a.format)(e.end,`yyyy`,{timeZone:t})?n===r?`${(0,a.format)(e.start,`dd`,{timeZone:t})} - ${(0,a.format)(e.end,`dd MMM yyyy`,{timeZone:t})}`:`${(0,a.format)(e.start,`dd MMM`,{timeZone:t})} - ${(0,a.format)(e.end,`dd MMM yyyy`,{timeZone:t})}`:`${(0,a.format)(e.start,`dd MMM yyyy`,{timeZone:t})} - ${(0,a.format)(e.end,`dd MMM yyyy`,{timeZone:t})}`},of=e=>{let t=Intl.DateTimeFormat().resolvedOptions().timeZone,n=(0,a.toZonedTime)(e,t),r=new Date(n);r.setDate(n.getDate()-n.getDay());let i=new Date(r);return i.setDate(r.getDate()+6),{start:(0,a.toZonedTime)(r,t),end:(0,a.toZonedTime)(i,t)}},sf=t.memo(e=>{let{onSelected:r,value:i,strings:a=rf}=e,s=_.DateRangeType.Week,[c,l]=t.useState(i??new Date),[u,d]=t.useState(()=>{let e=i??new Date;return e?af(of(e)):a.selectWeekPlaceholder}),[f,p]=t.useState(!1),h=t.useCallback((e,t)=>{p(t.open)},[]),g=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[]),v=t.useCallback(e=>{if(e){l(e);let t=of(e);d(af(t)),r({startDate:t.start,endDate:t.end}),p(!1)}},[r]),y=t.useMemo(()=>0,[]);return(0,n.jsxs)(o.Menu,{open:f,onOpenChange:h,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:(0,n.jsx)(g,{}),style:{minWidth:`200px`},"aria-label":`Select week: ${u}`,children:u})}),(0,n.jsx)(o.MenuPopover,{style:{maxWidth:`fit-content`},children:(0,n.jsx)(o.MenuList,{children:(0,n.jsx)(_.Calendar,{dateRangeType:s,highlightSelectedMonth:!0,showGoToToday:!0,onSelectDate:v,value:c,firstDayOfWeek:y})})})]})}),cf={today:`Today`,previous:`Previous`,next:`Next`},lf=t.memo(({selectedView:e,onSelectedView:r,currentDate:i,setCurrentDate:a,onWeekChange:s,onMonthChange:c,onDayChange:l,strings:u=cf})=>{let d=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowDownFilled,m.ArrowDownRegular),[]),f=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowUpFilled,m.ArrowUpRegular),[]),p=t.useCallback(e=>{s(e.startDate),a(e.startDate)},[s,a]),h=t.useCallback(e=>{c(e),a(e)},[c,a]),g=t.useCallback(e=>{l(e),a(e)},[l,a]),_=t.useCallback(()=>{switch(e){case W.Month:return(0,n.jsx)(nf,{onSelected:h,value:i});case W.Week:return(0,n.jsx)(sf,{onSelected:p,value:i});case W.Day:return(0,n.jsx)(Qd,{onSelected:g,value:i});default:return(0,n.jsx)(nf,{onSelected:h,value:i})}},[e,h,p,g,i]),v=t.useCallback(()=>(0,n.jsx)(o.Tooltip,{content:u.today,relationship:`label`,children:(0,n.jsx)(o.Button,{shape:`circular`,icon:(0,n.jsx)(m.CalendarTodayRegular,{}),size:`medium`,onClick:()=>l(new Date),children:u.today})}),[l,u.today]),y=t.useCallback(t=>{let n=new Date(i);switch(e){case W.Month:n.setMonth(n.getMonth()+t),c(n);break;case W.Week:n.setDate(n.getDate()+t*7),s(n);break;case W.Day:n.setDate(n.getDate()+t),l(n);break;default:break}a(n)},[i,e,c,s,l,a]);return(0,n.jsxs)(H,{width:`calc(100% - 40px)`,height:`fit-content`,direction:`horizontal`,justifyContent:`space-between`,alignItems:`center`,paddingLeft:`20px`,paddingRight:`20px`,paddingBottom:`10px`,paddingTop:`10px`,columnGap:`10px`,overflow:`hidden`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,columnGap:`10px`,children:[(0,n.jsx)(v,{}),(0,n.jsx)(_,{}),(0,n.jsx)(o.Tooltip,{content:u.previous,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(f,{fontSize:14}),onClick:()=>y(-1)})}),(0,n.jsx)(o.Tooltip,{content:u.next,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(d,{fontSize:14}),onClick:()=>y(1)})})]}),(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,columnGap:`10px`,children:(0,n.jsx)(Zd,{onSelected:r,value:e})})]})}),uf={allDay:`All Day`},df=e=>{let{events:i,currentDay:a,height:s,strings:c=uf}=e,{styles:l}=Vd(),[u]=(0,t.useState)(a),[f,p]=(0,t.useState)(32),m=(0,t.useRef)(null),{getSpanSlots:h,getEventColors:g,getCalendarColors:_,formatDate:v}=Md(),y=(0,r.startOfWeek)(u,{weekStartsOn:0}),b=Intl.DateTimeFormat().resolvedOptions().timeZone,{getWeekEvents:x}=Gd(b);(0,t.useEffect)(()=>{let e=new d.ResizeObserver(()=>{if(m.current){let e=m.current.querySelector(`.dayCell`);e&&p(e.offsetHeight)}});return m.current&&e.observe(m.current),()=>{e.disconnect()}},[]);let S=t.useCallback(()=>Array.from({length:24},(e,r)=>(0,n.jsxs)(t.Fragment,{children:[(0,n.jsx)(`div`,{className:l.timeCell,children:(0,n.jsxs)(o.Body1Strong,{children:[r,`:00`]})}),(0,n.jsx)(`div`,{className:l.timeCell})]},r)),[l.timeCell]),C=t.useCallback(()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.blankHeader}),Array.from({length:7},(e,t)=>{let i=(0,r.addDays)(y,t),a=(0,r.isToday)(i)?l.todayHeaderCell:``;return(0,n.jsxs)(`div`,{className:(0,o.mergeClasses)(l.dayHeaderCell,a),children:[(0,n.jsx)(o.Text,{weight:`regular`,size:600,style:{paddingRight:10},children:v(i.toISOString(),`dd`)}),(0,n.jsx)(o.Body1,{children:v(i.toISOString(),`EEE`)})]},t)})]}),[y,l,v]),w=t.useCallback(()=>{let e=x(i,y.toISOString());return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.fullDayLabel,children:(0,n.jsx)(o.Body1,{children:c.allDay})}),Array.from({length:7},(t,i)=>{let a=v((0,r.addDays)(y,i).toISOString(),`yyyy-MM-dd`),s=e.find(e=>e.date===a)?.fullDayEvents||[];return(0,n.jsx)(`div`,{className:l.fullDayCell,children:s.map(e=>(0,n.jsx)(`div`,{className:l.fullDayEvent,style:{gridColumn:`${i+2}`,backgroundColor:e.color?_(e.color).backgroundColor:g(e.category).backgroundColor},children:(0,n.jsx)(o.Caption1Strong,{className:l.eventTitle,children:e.title})},e.id))},i)})]})},[y,l,x,_,g,i,v,c.allDay]),T=t.useCallback(()=>{let e=x(i,y.toISOString());return Array.from({length:7},(t,i)=>{let a=(0,r.format)((0,r.addDays)(y,i),`yyyy-MM-dd`);return(0,n.jsx)(n.Fragment,{children:e.find(e=>e.date===a)?.timeSlots.map((e,t)=>{let r=e.events.length;return(0,n.jsx)(`div`,{className:l.dayCell,style:{gridRow:t+3},children:e.events.map((e,i)=>{let{spanSlots:a,startSlot:o}=h(new Date(e.start),new Date(e.end));return t===o?(0,n.jsx)(Wd,{event:e,eventCount:r,spanSlots:a,rowHeight:f,eventIndex:i,view:`week`},e.id):null})},t)})})})},[y,l,x,h,f,i]);return(0,n.jsx)(`div`,{className:l.container,style:{height:s},children:(0,n.jsxs)(`div`,{ref:m,className:l.weekGrid,children:[(0,n.jsx)(`div`,{className:l.timeColumn,children:S()}),C(),w(),T()]})})},ff={daysOfWeek:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},pf=({currentDate:e,rowHeight:t,getCalendarDays:r,getEventsForDay:i,styles:a,onDaySlotClick:s,height:c,calendarRef:l,strings:u})=>{let d=u?.daysOfWeek||ff.daysOfWeek;return(0,n.jsx)(H,{height:c,width:`100%`,justifyContent:`flex-start`,alignItems:`flex-start`,children:(0,n.jsxs)(`div`,{className:a.calendarWrapper,ref:l,role:`grid`,"aria-label":`Calendar`,children:[d.map((e,t)=>{let r=t===0||t===6;return(0,n.jsx)(o.Body1,{className:a.dayHeader,style:{color:r?o.tokens.colorPaletteRedForeground1:void 0},role:`columnheader`,children:e},e)}),r(e).map((e,r)=>{let{day:a,currentMonth:o}=e,c=o?i(e):[];return(0,n.jsx)(Bd,{day:a,date:e.date,currentMonth:e.currentMonth,events:c,columnHeight:t||0,onDayClick:s},r)})]})})},mf=t.memo(({events:e,currentDay:t,height:r,strings:i})=>(0,n.jsx)(df,{events:e,currentDay:t,height:r,strings:i})),hf=t.memo(({events:e,currentDay:t,height:r,strings:i})=>(0,n.jsx)(Yd,{currentDay:t,events:e,height:r,strings:i})),gf=({events:e,height:i=800,theme:a,onDayChange:s,onMonthChange:c,onWeekChange:l,onViewChange:u,onDaySlotClick:f,defaultView:p,strings:m})=>{let{styles:h}=Rd(),g=(0,t.useRef)(null),[_,v]=(0,t.useState)(null),y=(0,t.useRef)(0),[b,x]=(0,t.useState)(new Date),[S,C]=(0,t.useState)(p??W.Month),{getMonthCalendar:w}=Gd(Intl.DateTimeFormat().resolvedOptions().timeZone),T=t.useCallback(e=>{let t=e.getMonth(),n=(0,r.startOfWeek)((0,r.startOfMonth)(e));return Array.from({length:42},(e,i)=>{let a=(0,r.addDays)(n,i);return{day:a.getDate(),currentMonth:a.getMonth()===t,date:a}})},[42]),E=t.useCallback(e=>{c&&c(e),x(e)},[c]),D=t.useCallback(e=>{s&&s(e),x(e)},[s]),O=t.useCallback(e=>{l&&l(e),x(e)},[l]),k=t.useCallback(e=>{u&&u(e),C(e)},[u]),A=t.useCallback(t=>{let{date:n}=t;return w(e,b.getFullYear(),b.getMonth())[(0,r.format)(n,`yyyy-MM-dd`)]?.flatMap(e=>e)||[]},[b,e]),j=t.useCallback(()=>{g.current&&requestAnimationFrame(()=>{if(g.current){let e=g.current.querySelector(`.${h.calendarWrapper} > div:nth-child(8)`);e&&(v(e.offsetHeight),y.current=e.offsetHeight)}})},[h.calendarWrapper]);(0,t.useEffect)(()=>{let e=new d.ResizeObserver(j);return g.current&&e.observe(g.current),j(),window.addEventListener(`resize`,j),()=>{e.disconnect(),window.removeEventListener(`resize`,j)}},[j,S]),(0,t.useEffect)(()=>{C(p||W.Month)},[p]);let M=t.useCallback(()=>{switch(S){case W.Month:return(0,n.jsx)(pf,{events:e,currentDate:b,rowHeight:_,getCalendarDays:T,getEventsForDay:A,styles:h,onDaySlotClick:f,height:i,calendarRef:g,strings:m?.calendarControl});case W.Week:return(0,n.jsx)(mf,{events:e,currentDay:b,height:i,strings:m?.weekView});case W.Day:return(0,n.jsx)(hf,{events:e,currentDay:b,height:i,strings:m?.dayView});default:return(0,n.jsx)(pf,{events:e,currentDate:b,rowHeight:_,getCalendarDays:T,getEventsForDay:A,styles:h,onDaySlotClick:f,height:i,calendarRef:g,strings:m?.calendarControl})}},[S,e,b,_,T,A,h,f,i]),N=(0,n.jsxs)(H,{height:`100%`,justifyContent:`flex-start`,children:[(0,n.jsx)(lf,{selectedView:S,onSelectedView:k,currentDate:b,setCurrentDate:x,onWeekChange:O,onMonthChange:E,onDayChange:D,strings:m?.toolbar}),(0,n.jsx)(M,{})]});return(0,n.jsx)(o.IdPrefixProvider,{value:`calendarControl-`,children:a?(0,n.jsx)(o.FluentProvider,{theme:a,applyStylesToPortals:!0,style:{width:`100%`},children:N}):(0,n.jsx)(`div`,{style:{width:`100%`},children:N})})},_f=()=>({styles:{root:(0,f.css)({marginLeft:o.tokens.spacingHorizontalM,marginRight:o.tokens.spacingHorizontalM,marginBottom:o.tokens.spacingVerticalM,marginTop:o.tokens.spacingVerticalM,containerType:`inline-size`,backgroundColor:o.tokens.colorNeutralBackground1,borderRadius:8,border:`1px solid ${o.tokens.colorNeutralStroke2}`}),header:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke2}`}),headerBackButton:(0,f.css)({fontSize:`clamp(6px, 3.5cqw, 22px)`}),headerLabel:(0,f.css)({textTransform:`capitalize`}),calendar:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke2}`,backgroundColor:o.tokens.colorNeutralBackground2}),weekdaysCorner:(0,f.css)({flex:`0 0 32px`}),weekday:(0,f.css)({flex:`1 1 calc(100% / 7)`,maxWidth:`calc(100% / 7)`,textAlign:`center`,textTransform:`capitalize`,display:`flex`,alignItems:`center`,justifyContent:`center`,cursor:`default`,userSelect:`none`,paddingBlock:`4px`,boxSizing:`border-box`}),weekNumber:(0,f.css)({flex:`0 0 28px`,marginInlineEnd:`4px`,display:`flex`,alignItems:`center`,justifyContent:`center`,cursor:`default`,userSelect:`none`}),day:(0,f.css)({flex:`1 1 calc(100% / 7)`,maxWidth:`calc(100% / 7)`,height:`48px`,minWidth:`0 !important`,padding:`4px !important`,fontWeight:500,fontSize:`clamp(6px, 3.5cqw, 22px)`,color:`${o.tokens.colorNeutralForeground1} !important`,cursor:`pointer`,userSelect:`none`,display:`flex`,flexDirection:`column`,alignItems:`center`,justifyContent:`center`,position:`relative`,zIndex:0,borderRadius:0,"::before":{width:`32px`,height:`32px`,borderRadius:`100%`,content:`""`,position:`absolute`,top:`7px`,left:`calc(50% - 16px)`,zIndex:-1,pointerEvents:`none`},":focus-visible":{zIndex:1,outline:`2px solid ${o.tokens.colorBrandStroke1}`,outlineOffset:`-2px`,borderRadius:o.tokens.borderRadiusMedium},":hover::before":{backgroundColor:o.tokens.colorNeutralBackground1Hover}}),dayHidden:(0,f.css)({visibility:`hidden`,pointerEvents:`none`}),dayWeekend:(0,f.css)({color:`${o.tokens.colorPaletteRedForeground1} !important`}),dayOutside:(0,f.css)({color:`${o.tokens.colorNeutralForeground3} !important`}),dayToday:(0,f.css)({"::before":{backgroundColor:o.tokens.colorNeutralBackground3}}),daySelected:(0,f.css)({color:`${o.tokens.colorNeutralForegroundOnBrand} !important`,"::before":{backgroundColor:o.tokens.colorBrandBackground},":hover::before":{backgroundColor:o.tokens.colorBrandBackgroundHover}}),dayIndicators:(0,f.css)({position:`absolute`,bottom:`2px`,insetInline:0,paddingInlineStart:`2px`}),dayIndicator:(0,f.css)({width:`5px`,height:`5px`,borderRadius:`100%`,marginInlineStart:`-1px`}),eventsList:(0,f.css)({flex:1,minHeight:0,overflowY:`auto`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} ${o.tokens.colorNeutralBackground3}`,"&::-webkit-scrollbar":{width:`3px`,height:`3px`},"&::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground3,borderRadius:o.tokens.borderRadiusMedium},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:o.tokens.borderRadiusMedium},"&::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorBrandBackgroundHover}}),eventsHeader:(0,f.css)({textTransform:`capitalize`}),event:(0,f.css)({cursor:`pointer`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke2}`,padding:`0 !important`,borderRadius:0,boxShadow:`none`,":last-child":{borderBottom:`none`},":hover":{backgroundColor:o.tokens.colorNeutralBackground1Hover},":focus-visible":{outline:`2px solid ${o.tokens.colorBrandStroke1}`,outlineOffset:`-2px`,borderRadius:o.tokens.borderRadiusMedium}}),eventColor:(0,f.css)({width:`4px`,borderRadius:`2px`,flexShrink:0,alignSelf:`stretch`}),eventTimeColor:o.tokens.colorNeutralForeground3}}),vf=e=>(0,r.getISOWeek)(e[0]),yf=t.memo(e=>{let{weeks:i,date:a,selectedDate:s,today:c,orderedShortDays:l,groupedEvents:u,weekendDays:d,firstDayOfWeek:f,highlightToday:p,withOutsideDays:m,withWeekNumbers:h,onDayClick:g,getEventColor:_,locale:v}=e,{styles:y}=_f(),b=t.useRef([]),x=t.useRef(null);x.current=null;let S=t.useCallback((e,t,n)=>{let r=e,i=t;switch(n.key){case`ArrowRight`:i+=1,i>=7&&(i=0,r+=1);break;case`ArrowLeft`:--i,i<0&&(i=6,--r);break;case`ArrowDown`:r+=1;break;case`ArrowUp`:--r;break;default:return}n.preventDefault();let a=b.current[r]?.[i];a&&a instanceof HTMLElement&&a.focus()},[]),C=t.useMemo(()=>(0,n.jsxs)(H,{direction:`horizontal`,marginBottom:o.tokens.spacingVerticalXS,children:[h&&(0,n.jsx)(`div`,{className:y.weekdaysCorner}),l.map((e,t)=>{let r=(f+t)%7,i=d.includes(r);return(0,n.jsx)(Cd,{as:`span`,fontSize:o.tokens.fontSizeBase200,fontWeight:`semibold`,color:i?o.tokens.colorPaletteRedForeground1:o.tokens.colorNeutralForeground3,className:y.weekday,style:{textAlign:`center`,width:`100%`},children:e},t)})]}),[l,h,y.weekdaysCorner,y.weekday]),w=t.useMemo(()=>i.map((e,t)=>{let i=e.map((e,i)=>{let l=!(0,r.isSameMonth)(e,a),f=d.includes((0,r.getDay)(e)),h=(0,r.isSameDay)(e,c)&&p,C=s?(0,r.isSameDay)(e,s):!1,w=u[(0,r.format)(e,`yyyy-MM-dd`)]||[],T=m||!l;T&&x.current===null&&(x.current={weekIndex:t,dayIndex:i});let E=x.current?.weekIndex===t&&x.current?.dayIndex===i,D=w.slice(0,3).map(e=>(0,n.jsx)(`div`,{className:y.dayIndicator,style:{backgroundColor:_(e)}},e.id));return(0,n.jsxs)(o.Button,{appearance:`transparent`,className:(0,o.mergeClasses)(y.day,!T&&y.dayHidden,l&&T&&!C&&!f&&y.dayOutside,f&&T&&!C&&y.dayWeekend,h&&!C&&y.dayToday,C&&y.daySelected),"aria-label":(0,r.format)(e,`MMMM d, yyyy`,{locale:v}),"aria-selected":C||void 0,tabIndex:T&&E?0:-1,onClick:T?()=>g(e):void 0,onKeyDown:T?e=>S(t,i,e):void 0,ref:e=>{b.current[t]||(b.current[t]=[]),b.current[t][i]=e},children:[T?e.getDate():null,T&&(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`center`,className:y.dayIndicators,children:D})]},e.toISOString())}),l=vf(e);return(0,n.jsxs)(H,{direction:`horizontal`,children:[h&&(0,n.jsx)(Cd,{fontSize:`xs`,color:o.tokens.colorNeutralForeground3,className:y.weekNumber,children:l}),i]},t)}),[i,a,s,c,d,p,m,h,u,_,g,S,y,v]);return(0,n.jsxs)(H,{direction:`vertical`,padding:o.tokens.spacingVerticalS,className:y.calendar,children:[C,w]})}),bf=t.memo(e=>{let{date:i,renderHeader:a,onYearClick:s,locale:c}=e,{styles:l}=_f(),u=(0,r.format)(i,`MMMM yyyy`,{locale:c}),d=t.useMemo(()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Button,{appearance:`subtle`,className:l.headerBackButton,onClick:s,icon:(0,n.jsx)(m.ChevronRight20Regular,{style:{transform:`rotate(90deg)`}}),children:(0,r.format)(i,`yyyy`)}),(0,n.jsx)(Cd,{fontWeight:`bold`,className:l.headerLabel,children:u})]}),[i,s,l]),f=t.useMemo(()=>typeof a==`function`?a({date:i,defaultHeader:d}):d,[a,i,d]);return(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,justifyContent:`space-between`,padding:o.tokens.spacingVerticalS,className:l.header,children:f})}),xf=t.memo(({currentDate:e,onDateChange:r,todayLabel:i=`Today`,previousLabel:a=`Previous`,nextLabel:s=`Next`})=>{let c=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowDownFilled,m.ArrowDownRegular),[]),l=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowUpFilled,m.ArrowUpRegular),[]),u=t.useCallback(()=>{r(new Date)},[r]),d=t.useCallback(e=>{r(e)},[r]),f=t.useCallback(t=>{let n=new Date(e);n.setMonth(n.getMonth()+t),r(n)},[e,r]);return(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,gap:`s`,padding:`10px 20px`,style:{overflow:`hidden`},children:[(0,n.jsx)(o.Tooltip,{content:i,relationship:`label`,children:(0,n.jsx)(o.Button,{shape:`circular`,icon:(0,n.jsx)(m.CalendarTodayRegular,{}),size:`medium`,onClick:u,"aria-label":i,children:i})}),(0,n.jsx)(nf,{onSelected:d,value:e}),(0,n.jsx)(o.Tooltip,{content:a,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(l,{fontSize:14}),onClick:()=>f(-1)})}),(0,n.jsx)(o.Tooltip,{content:s,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(c,{fontSize:14}),onClick:()=>f(1)})})]})}),Sf=e=>{let{events:i,header:a,allDayLabel:s,noEventsLabel:c,onEventClick:l,renderEvent:u,getEventColor:d,locale:f}=e,{styles:p}=_f(),m=t.useCallback(e=>{let t=(0,r.format)(new Date(e.start),`p`,{locale:f}),i=(0,r.format)(new Date(e.end),`p`,{locale:f}),a=e.isFullDay||t===`00:00`&&i===`00:00`;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ju,{padding:`0px`,appearance:`subtle`,onClick:t=>l?.(e,t),cardBody:(0,n.jsxs)(H,{direction:`horizontal`,gap:`s`,paddingTop:o.tokens.spacingVerticalXS,paddingBottom:o.tokens.spacingVerticalXS,children:[(0,n.jsx)(`div`,{className:p.eventColor,style:{backgroundColor:d(e)}}),(0,n.jsxs)(H,{direction:`vertical`,children:[(0,n.jsx)(Cd,{as:`span`,fontWeight:`semibold`,fontSize:`s`,children:e.title}),(0,n.jsx)(Cd,{as:`span`,fontSize:`xs`,color:p.eventTimeColor,children:a?s:`${t} – ${i}`})]})]})},e.id),(0,n.jsx)(o.Divider,{style:{margin:0}})]})},[s,d,l,p]);return(0,n.jsxs)(H,{direction:`vertical`,padding:o.tokens.spacingVerticalS,className:p.eventsList,children:[(0,n.jsx)(Cd,{as:`span`,fontWeight:`bold`,marginBottom:o.tokens.spacingVerticalS,marginLeft:o.tokens.spacingHorizontalS,className:p.eventsHeader,children:a}),(0,n.jsx)(o.Divider,{style:{paddingLeft:o.tokens.spacingHorizontalS,paddingRight:o.tokens.spacingHorizontalS,paddingTop:o.tokens.spacingVerticalS}}),(0,n.jsx)(H,{direction:`vertical`,gap:`s`,style:{backgroundColor:`transparent`},padding:`s`,children:i.length>0?i.map(e=>u?u(e,m(e)):m(e)):(0,n.jsx)(Cd,{block:!0,color:o.tokens.colorNeutralForeground3,paddingTop:o.tokens.spacingVerticalXXL,paddingBottom:o.tokens.spacingVerticalXXL,style:{textAlign:`center`},children:c})})]})},Cf=e=>{let t=(0,r.startOfDay)(new Date(e.start)),n=(0,r.startOfDay)(new Date(e.end));return t.getTime()!==n.getTime()},wf=(e,t)=>{if(Cf(e)){let n=(0,r.startOfDay)(new Date(e.start)),i=(0,r.startOfDay)(new Date(e.end)),a=n;for(;(0,r.isBefore)(a,i)||(0,r.isEqual)(a,i);){let n=(0,r.format)(a,`yyyy-MM-dd`);t[n]||(t[n]=[]),t[n].push(e),a=(0,r.addDays)(a,1)}return}let n=(0,r.format)(new Date(e.start),`yyyy-MM-dd`);t[n]||(t[n]=[]),t[n].push(e)},Tf=(e,t)=>{let n={};if(!t)return n;let i=new Set;for(let a of t)if((0,r.isSameMonth)(new Date(a.start),e)){if(i.has(a.id)){console.warn(`[CompactCalendar] Duplicate event id found: ${a.id}`);continue}i.add(a.id),wf(a,n)}return n},Ef=(e,n)=>(0,t.useMemo)(()=>Tf(e,n),[e,n]),Df={en:i.enUS,"en-US":i.enUS,"en-us":i.enUS,ar:i.ar,"ar-SA":i.arSA,"ar-sa":i.arSA,az:i.az,"az-AZ":i.az,bg:i.bg,"bg-BG":i.bg,bs:i.bs,"bs-BA":i.bs,ca:i.ca,"ca-ES":i.ca,cs:i.cs,"cs-CZ":i.cs,cy:i.cy,da:i.da,"da-DK":i.da,de:i.de,"de-DE":i.de,el:i.el,"el-GR":i.el,es:i.es,"es-ES":i.es,et:i.et,"et-EE":i.et,eu:i.eu,fi:i.fi,"fi-FI":i.fi,fr:i.fr,"fr-FR":i.fr,gl:i.gl,he:i.he,"he-IL":i.he,hi:i.hi,"hi-IN":i.hi,hr:i.hr,"hr-HR":i.hr,hu:i.hu,"hu-HU":i.hu,id:i.id,"id-ID":i.id,it:i.it,"it-IT":i.it,ja:i.ja,"ja-JP":i.ja,kk:i.kk,"kk-KZ":i.kk,ko:i.ko,"ko-KR":i.ko,lt:i.lt,"lt-LT":i.lt,lv:i.lv,"lv-LV":i.lv,mk:i.mk,"mk-MK":i.mk,ms:i.ms,"ms-MY":i.ms,nb:i.nb,"nb-NO":i.nb,nl:i.nl,"nl-NL":i.nl,pl:i.pl,"pl-PL":i.pl,pt:i.pt,"pt-PT":i.pt,"pt-BR":i.ptBR,ro:i.ro,"ro-RO":i.ro,ru:i.ru,"ru-RU":i.ru,sk:i.sk,"sk-SK":i.sk,sl:i.sl,"sl-SI":i.sl,sr:i.sr,"sr-RS":i.sr,sv:i.sv,"sv-SE":i.sv,th:i.th,"th-TH":i.th,tr:i.tr,"tr-TR":i.tr,uk:i.uk,"uk-UA":i.uk,vi:i.vi,"vi-VN":i.vi,zh:i.zhCN,"zh-CN":i.zhCN};function Of(e){return e?typeof e==`object`&&e?e:Df[e]||(Df[e.split(`-`)[0].toLowerCase()]??i.enUS):i.enUS}var kf=[0,6],Af=(e,t,n)=>{let i=(0,r.startOfMonth)(e),a=(0,r.getDay)(i),o=(0,r.getDaysInMonth)(e),s=(a-t+7)%7,c=(0,r.subDays)(i,s),l=n?42:Math.ceil((s+o)/7)*7,u=[],d=c;for(let e=0;e<l;e++){let t=Math.floor(e/7);u[t]||(u[t]=[]),u[t].push(d),d=(0,r.addDays)(d,1)}return u},jf=i=>{let{date:a,selectedDate:s,defaultSelectedDate:c,onSelectedDateChange:l,withWeekNumbers:u=!1,firstDayOfWeek:d=1,weekendDays:f=kf,consistentWeeks:p=!0,highlightToday:m=!0,withOutsideDays:h=!1,showToolbar:g=!1,events:_,onDayClick:v,onEventClick:y,onYearClick:b,renderHeader:x,renderEvent:S,eventsHeaderFormat:C=`EEEE, MMMM d`,locale:w,height:T,className:E,strings:D}=i,{styles:O}=_f(),{getCalendarColors:k}=Md(),A=e.s(),j=e.m(),M=t.useMemo(()=>Of(w??j?.locale),[w,j?.locale]),[N,P]=t.useState(c??new Date),F=s===void 0?N:s,I=t.useCallback(e=>{s===void 0&&P(e),l?.(e)},[s,l]),L=t.useMemo(()=>new Date,[]),R=Ef(a,_),ee=D?.shortDays??A.shortDays,te=t.useMemo(()=>{let e=[];for(let t=0;t<7;t++)e.push(ee[(d+t)%7]);return e},[ee,d]),ne=t.useMemo(()=>Af(a,d,p),[a,d,p]),z=t.useCallback(e=>e.hexColor?e.hexColor:e.color?k(e.color).backgroundColor:k(`royal-blue`).backgroundColor,[k]),re=t.useCallback(e=>{I(e),v?.(e)},[I,v]),ie=F?(0,r.format)(F,`yyyy-MM-dd`):``,ae=ie?(R[ie]||[]).sort((e,t)=>new Date(e.start).getTime()-new Date(t.start).getTime()):[],oe=F?(0,r.format)(F,C,{locale:M}):``;return(0,n.jsxs)(H,{direction:`vertical`,height:T??`100%`,className:(0,o.mergeClasses)(O.root,E),children:[g?(0,n.jsx)(xf,{currentDate:a,onDateChange:e=>i.onDateChange?.(e),todayLabel:D?.today??A.today??`Today`,previousLabel:D?.previous??A.previous??`Previous`,nextLabel:D?.next??A.next??`Next`}):(0,n.jsx)(bf,{date:a,renderHeader:x,onYearClick:b,locale:M}),(0,n.jsx)(yf,{weeks:ne,date:a,selectedDate:F,today:L,orderedShortDays:te,groupedEvents:R,weekendDays:f,firstDayOfWeek:d,highlightToday:m,withOutsideDays:h,withWeekNumbers:u,onDayClick:re,getEventColor:z,locale:M}),(0,n.jsx)(Sf,{events:ae,header:oe,allDayLabel:D?.allDay??A.allDay,noEventsLabel:D?.noEvents??A.noEvents,onEventClick:y,renderEvent:S,getEventColor:z,locale:M})]})},Mf=(0,v.atom)(!1),Nf=(0,v.atom)(-1),Pf=(0,v.atom)(``),Ff=(0,v.atom)(``),If=(0,v.atom)(new Set),Lf=(0,v.atom)(!0),Rf=(0,v.atom)(void 0);function zf(){return(0,v.createStore)()}var Bf=zf();function Vf(e){return{opened:e.get(Mf),selected:e.get(Nf),listId:e.get(Pf),query:e.get(Ff),registeredActions:e.get(If)}}var G={open(e){e.set(Mf,!0),e.set(Nf,-1)},close(e){e.set(Mf,!1)},toggle(e){e.get(Mf)?e.set(Mf,!1):(e.set(Mf,!0),e.set(Nf,-1))},setQuery(e,t){t.get(Rf)?.(e),t.set(Ff,e),Promise.resolve().then(()=>{G.selectAction(0,t)})},setListId(e,t){t.set(Pf,e)},selectAction(e,t){let n=t.get(Pf),r=n?document.getElementById(n):null,i=r?.querySelector(`[data-spotlight-selected]`),a=r?.querySelectorAll(`[data-spotlight-action]`)??[];if(a.length===0)return t.set(Nf,-1),-1;let o=e<0?a.length-1:e>=a.length?0:e,s=Math.max(0,Math.min(o,a.length-1));return i?.removeAttribute(`data-spotlight-selected`),a[s]?.scrollIntoView({block:`nearest`}),a[s]?.setAttribute(`data-spotlight-selected`,`true`),t.set(Nf,s),s},selectNextAction(e){return G.selectAction(e.get(Nf)+1,e)},selectPreviousAction(e){return G.selectAction(e.get(Nf)-1,e)},triggerSelectedAction(e){let t=e.get(Pf);(t?document.querySelector(`#${t} [data-spotlight-selected]`):null)?.click()},clearState(e,t){t.set(Nf,-1),e.clearQuery&&t.set(Ff,``)}},Hf={open:()=>G.open(Bf),close:()=>G.close(Bf),toggle:()=>G.toggle(Bf)},Uf=Hf.open,Wf=Hf.close,Gf=Hf.toggle;function Kf(){let e=zf();return[e,{open:()=>G.open(e),close:()=>G.close(e),toggle:()=>G.toggle(e)}]}function qf(e=Bf){let[n,r]=(0,t.useState)(()=>Vf(e));return(0,t.useEffect)(()=>{let t=()=>r(Vf(e)),n=[e.sub(Mf,t),e.sub(Nf,t),e.sub(Pf,t),e.sub(Ff,t),e.sub(If,t)];return t(),()=>n.forEach(e=>e())},[e]),n}function Jf(e){let t=e.toLowerCase().split(`+`).map(e=>e.trim()),n=typeof navigator<`u`&&/Mac|iPhone|iPad|iPod/i.test(navigator.userAgent);return{key:t[t.length-1],ctrlKey:t.includes(`ctrl`)||!n&&t.includes(`mod`),metaKey:t.includes(`meta`)||n&&t.includes(`mod`),shiftKey:t.includes(`shift`),altKey:t.includes(`alt`)}}function Yf(e,n=Bf,r=[`INPUT`,`TEXTAREA`,`SELECT`]){let i=(0,t.useCallback)(t=>{if(!e)return;let i=t.target;if(r.includes(i.tagName)||i.isContentEditable)return;let a=Array.isArray(e)?e:[e];for(let e of a){let r=Jf(e);if(t.key.toLowerCase()===r.key&&t.ctrlKey===r.ctrlKey&&t.metaKey===r.metaKey&&t.shiftKey===r.shiftKey&&t.altKey===r.altKey){t.preventDefault(),G.toggle(n);return}}},[e,n,r]);(0,t.useEffect)(()=>{if(e)return document.addEventListener(`keydown`,i),()=>document.removeEventListener(`keydown`,i)},[e,i])}var Xf=()=>({backdrop:(0,f.css)({position:`fixed`,inset:0,backgroundColor:`rgba(0, 0, 0, 0.35)`,backdropFilter:`blur(4px)`,zIndex:999999}),surface:(0,f.css)({padding:`0 !important`,overflow:`hidden`,borderRadius:o.tokens.borderRadiusXLarge,boxShadow:o.tokens.shadow64}),search:(0,f.css)({padding:o.tokens.spacingVerticalM,paddingInline:o.tokens.spacingHorizontalL,width:`100%`,boxSizing:`border-box`,"& > div":{width:`100%`}}),actionsList:(0,f.css)({borderTop:`1px solid ${o.tokens.colorNeutralStroke2}`,overflowY:`auto`}),action:(0,f.css)({alignItems:`flex-start`,width:`100%`,padding:`${o.tokens.spacingVerticalS} ${o.tokens.spacingHorizontalL}`,textAlign:`left`,gap:o.tokens.spacingHorizontalM,transition:`background-color 0.1s ease`,"&:hover":{backgroundColor:o.tokens.colorNeutralBackground1Hover},'&[data-spotlight-selected="true"]':{backgroundColor:o.tokens.colorBrandBackground,color:o.tokens.colorNeutralForegroundOnBrand}}),actionBody:(0,f.css)({flex:1,minWidth:0}),actionSectionLeft:(0,f.css)({flexShrink:0,fontSize:`30px`,paddingTop:`2px`,color:o.tokens.colorNeutralForeground3,'[data-spotlight-selected="true"] &':{color:o.tokens.colorNeutralForegroundOnBrand,opacity:.85}}),actionSectionRight:(0,f.css)({flexShrink:0,color:o.tokens.colorNeutralForeground3,'[data-spotlight-selected="true"] &':{color:o.tokens.colorNeutralForegroundOnBrand,opacity:.7}}),actionDescription:(0,f.css)({'[data-spotlight-selected="true"] &':{color:o.tokens.colorNeutralForegroundOnBrand,opacity:.7}}),actionsGroup:(0,f.css)({"&:not(:first-child)":{marginTop:o.tokens.spacingVerticalM}}),actionsGroupLabel:(0,f.css)({textTransform:`uppercase`,paddingInline:o.tokens.spacingHorizontalL,paddingBlock:o.tokens.spacingVerticalXS}),empty:(0,f.css)({padding:o.tokens.spacingVerticalL}),footer:(0,f.css)({borderTop:`1px solid ${o.tokens.colorNeutralStroke2}`}),highlight:(0,f.css)({backgroundColor:o.tokens.colorPaletteYellowBackground2,color:`inherit`,borderRadius:o.tokens.borderRadiusSmall,padding:`0 1px`,'[data-spotlight-selected="true"] &':{backgroundColor:`rgba(255, 255, 255, 0.3)`}})}),Zf=({store:e=Bf,query:r,onQueryChange:i,clearQueryOnClose:a=!0,shortcut:s=`mod+K`,tagsToIgnore:c=[`INPUT`,`TEXTAREA`,`SELECT`],disabled:l=!1,onSpotlightOpen:u,onSpotlightClose:d,forceOpened:f=!1,closeOnActionTrigger:p=!0,maxWidth:m=600,yOffset:h=80,maxHeight:g=400,scrollable:_=!0,children:y,className:b})=>{let x=Xf(),{opened:S}=qf(e),C=(0,t.useRef)(S);(0,t.useEffect)(()=>{e.set(Lf,p)},[e,p]),(0,t.useEffect)(()=>{e.set(Rf,i)},[e,i]),(0,t.useEffect)(()=>{typeof r==`string`&&e.set(Ff,r)},[e,r]),Yf(s,e,c),(0,t.useEffect)(()=>{C.current!==S&&(C.current=S,S?u?.():(d?.(),a&&G.setQuery(``,e),G.clearState({clearQuery:a},e)))},[S,u,d,a,e]);let w=(0,t.useCallback)(()=>{G.close(e)},[e]);if(l)return null;let T=S||f,E={position:`fixed`,top:typeof h==`number`?`${h}px`:h,left:`50%`,transform:`translateX(-50%)`,maxWidth:typeof m==`number`?`${m}px`:m,width:`100%`,zIndex:1e6,maxHeight:_?`calc(100vh - ${typeof h==`number`?`${h*2}px`:h})`:void 0,display:`flex`,flexDirection:`column`},D={display:`flex`,flexDirection:`column`,overflow:`hidden`,maxHeight:_?typeof g==`number`?`${g}px`:g:void 0,gap:0,padding:0};return(0,n.jsx)(v.Provider,{store:e,children:T&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:x.backdrop,onClick:w,"aria-hidden":`true`}),(0,n.jsx)(o.Dialog,{open:!0,modalType:`non-modal`,onOpenChange:(t,n)=>{n.open||G.close(e)},children:(0,n.jsx)(o.DialogSurface,{className:`${x.surface}${b?` ${b}`:``}`,style:E,"aria-label":`Spotlight search`,children:(0,n.jsx)(o.DialogBody,{style:D,children:y})})})]})})},Qf=()=>({searchBoxStyles:y.css`
33
+ `},[l])}},Xu=e=>{let{children:r,className:i,onScroll:a}=e,{gridStyles:o,scrollbarClassName:s}=Yu(e),c=t.useRef(null),[l,u]=t.useState(0),[f,p]=t.useState(0);return t.useEffect(()=>{let e;return c.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;u(e),p(n)}}),e.observe(c.current)),()=>{e&&e.disconnect()}},[]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{className:[i,s].filter(Boolean).join(` `),style:o(l,f),ref:c,onScroll:t.useCallback(e=>{if(!a)return;let{scrollTop:t,scrollHeight:n,clientHeight:r}=e.currentTarget;(t+r)/n>=.95&&a(e)},[a]),children:r})})},Zu=e=>{let{maxWith:n}=e,{getBaseStyles:r}=xu();return{rootStyles:t.useCallback((t,i)=>({...r(e,t,i),maxWidth:n}),[r,n,e]),layoutGridStyles:(0,f.css)({display:`grid`,overflow:`hidden`})}},Qu={areas:[`header header header`,`sidebar content sidebar`,`footer footer footer`],columns:`1fr 3fr 1fr`,rows:`auto 1fr auto`},$u=e=>{let{className:r,children:i,layoutConfig:a=Qu}=e,s=t.useRef(null),[c,l]=t.useState(0),[u,f]=t.useState(0),{rootStyles:p,layoutGridStyles:m}=Zu({...e,layoutConfig:a}),h=((e,n)=>{let r;return t.useCallback((...t)=>{clearTimeout(r),r=setTimeout(()=>e(...t),n)},[e,n])})((e,t)=>{l(e),f(t)},200);return t.useEffect(()=>{if(!s.current)return;let e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;h(e,n)}});return e.observe(s.current),()=>e.disconnect()},[h]),(0,n.jsx)(`div`,{id:`-Layout`,className:(0,o.mergeClasses)(r,m),style:{...p(c,u),gridTemplateAreas:a.areas.join(` `),gridTemplateColumns:a.columns,gridTemplateRows:a.rows},ref:s,children:t.Children.map(i,(e,r)=>t.isValidElement(e)?(0,n.jsx)(`div`,{style:{gridArea:e.props?.area??`area-${r}`},children:e},r):e)})},ed=e=>{let{area:t,children:r}=e;return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{style:{gridArea:t},children:r})})},td=e=>{let{verticalSpacing:n,horizontalSpacing:r}=e,{getSpacing:i}=xu();return{spaceStyles:t.useCallback(e=>e?r?{width:i(r,e,`horizontal`)}:n?{height:i(n,e,`vertical`)}:{}:{},[i,r,n])}},nd=e=>{let r=t.useRef(null),[i,a]=t.useState(0),{spaceStyles:o}=td(e);return t.useEffect(()=>{let e;return r.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e}=t.contentRect;a(e)}}),e.observe(r.current)),()=>{e&&e.disconnect()}},[]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{id:`-space`,style:o(i),ref:r})})},rd=({ratio:e,children:t,maxWidth:r,maxHeight:i,style:a={},...o})=>{let s={position:`relative`,width:`100%`,paddingTop:`${100/e}%`,maxWidth:r||`none`,maxHeight:i||`none`,...a},c={position:`absolute`,top:0,left:0,width:`100%`,height:`100%`};return(0,n.jsx)(`div`,{style:s,...o,children:(0,n.jsx)(`div`,{style:c,children:t})})},id=e=>{let{styles:n}=e,{getBaseStyles:r}=xu();return{aspectRatioStyles:t.useCallback((t,i)=>({...r(e,t,i),...n}),[r,e,n])}},ad=e=>{let{styles:n}=e,{getBaseStyles:r}=xu();return{centerStyles:t.useCallback((t,i)=>({...r(e,t,i),...n,overflow:`hidden`,display:`flex`,justifyContent:`center`,alignItems:`center`,width:`100%`,height:`100%`}),[r,e,n]),childrenStyles:(0,f.css)({justifyContent:`center`,textAlign:`center`})}},od=e=>{let{className:r,children:i}=e,a=t.useRef(null),[o,s]=t.useState(0),[c,l]=t.useState(0),{centerStyles:u}=ad(e),f=(e,t)=>{let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}};return t.useEffect(()=>{let e=f(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;s(e),l(n)}},200),t=new d.ResizeObserver(t=>{e(t)});return a.current&&t.observe(a.current),()=>{t.disconnect()}},[]),(0,n.jsx)(`div`,{id:`center`,className:r,style:{...u(o,c),display:`flex`,justifyContent:`center`,alignItems:`center`,height:`100%`,width:`100%`},ref:a,children:i})},sd=e=>{let{maxWidth:n}=e,{getBaseStyles:r}=xu();return{containerStyles:t.useCallback((t,i)=>!t||!i?{}:{...r(e,t,i),maxWidth:n},[r,n,e])}},cd=e=>{let{className:r,children:i,style:a,alignItems:o=`center`,justifyContent:s=`center`,flexDirection:c=`row`,centerContent:l=!0}=e,f=t.useRef(null),[p,m]=t.useState(0),[h,g]=t.useState(0),{containerStyles:_}=sd(e),v=t.useMemo(()=>(0,u.debounce)(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;m(e),g(n)}},200),[]);t.useEffect(()=>{let e=new d.ResizeObserver(e=>{v(e)});return f.current&&e.observe(f.current),()=>{e.disconnect(),v.cancel()}},[v]);let y=t.useMemo(()=>{if(!a)return;let{padding:e,margin:t,...n}=a;return n},[a]);return(0,n.jsx)(`div`,{id:`container`,className:r,style:{..._(p,h),display:`flex`,justifyContent:s,alignItems:o,flexDirection:c,...y},ref:f,children:l?(0,n.jsx)(od,{children:i}):i})},ld=e=>{let[n,r]=(0,t.useState)(!0),[i,a]=(0,t.useState)(!0),o=(0,t.useCallback)(()=>{e&&e.scrollPrev()},[e]),s=(0,t.useCallback)(()=>{e&&e.scrollNext()},[e]),c=(0,t.useCallback)(e=>{r(!e.canScrollPrev()),a(!e.canScrollNext())},[]);return(0,t.useEffect)(()=>{e&&(c(e),e.on(`reInit`,c),e.on(`select`,c))},[e,c]),{prevBtnDisabled:n,nextBtnDisabled:i,onPrevButtonClick:o,onNextButtonClick:s}},ud=(e,n)=>{let{getCurrentDevice:r}=xu(),i=t.useCallback(()=>{let e=r(n),t=`95%`;switch(e){case`Medium`:t=`45%`;break;case`Large`:t=`calc(95% / 4)`;break;case`ExtraLarge`:t=`calc(95% / 5)`;break;case`ExtraExtraLarge`:t=`calc(95% / 6)`;break;default:t=`95%`;break}return t},[n,r]),a=t.useCallback(()=>{let e=r(n),t=o.tokens.spacingVerticalM;switch(e){case`Medium`:t=o.tokens.spacingVerticalM;break;case`Large`:t=o.tokens.spacingVerticalL;break;case`ExtraLarge`:t=o.tokens.spacingVerticalXL;break;default:t=o.tokens.spacingVerticalM;break}return t},[n,r]);return{enableControls:(0,f.css)({display:`flex`,justifyContent:`space-between`,alignItems:`stretch`,gap:10,padding:5}),embla__viewport:(0,f.css)({overflow:`hidden`}),embla__container:(0,f.css)({backfaceVisibility:`hidden`,display:`flex`,touchAction:`pan-y`}),embla:(0,f.css)({".embla":{}}),embla__slide:(0,f.css)({minWidth:0,flex:`0 0 ${i()}`,paddingLeft:`${a()}`}),embla__buttons:(0,f.css)({display:`grid`,gridTemplateColumns:`repeat(2, 1fr)`,gap:0,alignItems:`center`})}},dd=e=>{let{styles:n}=e,{getBaseStyles:r}=xu();return{carouselStyles:t.useCallback((t,i)=>({...r(e,t,i),...n}),[r,e,n])}},fd=()=>({titleStyles:(0,f.css)({display:`-webkit-box`,overflow:`hidden`,textOverflow:`ellipsis`,WebkitLineClamp:`1`,WebkitBoxOrient:`vertical`,textAlign:`start`})}),pd=e=>{let{className:r,items:i,title:a}=e,s=t.useRef(null),[c,l]=t.useState(0),[u,f]=t.useState(0),{carouselStyles:h}=dd(e),[g,_]=(0,p.default)(),v=fd(),{enableControls:y,embla__slide:b,embla__container:x,embla__viewport:S,embla__buttons:C}=ud(e,c),{prevBtnDisabled:w,nextBtnDisabled:T,onPrevButtonClick:E,onNextButtonClick:D}=ld(_);return t.useEffect(()=>{let e;return s.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;l(e),f(n)}}),l(s.current.clientWidth),f(s.current.clientHeight),e.observe(s.current)),()=>{e&&e.disconnect()}},[]),(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(`div`,{id:`-carousel`,role:`region`,"aria-roledescription":`carousel`,"aria-label":a||`Carousel`,className:(0,o.mergeClasses)(r,`embla`),style:{...h(c,u)},ref:s,children:[(0,n.jsxs)(`div`,{className:y,children:[(0,n.jsx)(o.Subtitle2,{className:v.titleStyles,children:a}),(0,n.jsxs)(`div`,{className:C,children:[(0,n.jsx)(o.Button,{onClick:E,disabled:w,appearance:`subtle`,icon:(0,n.jsx)(m.ChevronLeftRegular,{}),"aria-label":`Previous slide`}),(0,n.jsx)(o.Button,{onClick:D,disabled:T,appearance:`subtle`,icon:(0,n.jsx)(m.ChevronRightRegular,{}),"aria-label":`Next slide`})]})]}),(0,n.jsx)(`div`,{className:S,ref:g,children:(0,n.jsx)(`div`,{className:x,children:i.map((e,t)=>(0,n.jsx)(`div`,{className:b,role:`group`,"aria-roledescription":`slide`,"aria-label":`Slide ${t+1} of ${i.length}`,children:e},t))})})]})})},md=e=>{let{direction:t=`horizontal`,resizerSize:n=6}=e,r=t===`horizontal`;return{root:(0,f.css)({position:`relative`,width:`100%`,height:`100%`}),pane:e=>{let t=e===void 0?void 0:typeof e==`number`?`${e}px`:e;return(0,f.css)({overflow:`auto`,position:`relative`,...r?{width:t,height:`100%`}:{height:t,width:`100%`}})},secondaryPane:(0,f.css)({flex:1,overflow:`auto`,position:`relative`,minWidth:0,minHeight:0}),resizer:(0,f.css)({flex:`0 0 auto`,...r?{width:n,cursor:`col-resize`,height:`100%`}:{height:n,cursor:`row-resize`,width:`100%`},backgroundColor:o.tokens.colorNeutralStroke1,transition:`background-color 150ms ease`,userSelect:`none`,zIndex:1}),resizerActive:(0,f.css)({backgroundColor:o.tokens.colorBrandStroke1}),resizerGrip:(0,f.css)({gap:`2px`}),gripDot:(0,f.css)({width:3,height:3,borderRadius:`50%`,backgroundColor:o.tokens.colorNeutralForeground3})}},V={xs:o.tokens.spacingHorizontalXS,s:o.tokens.spacingHorizontalS,m:o.tokens.spacingHorizontalM,l:o.tokens.spacingHorizontalL,xl:o.tokens.spacingHorizontalXL,xxl:o.tokens.spacingHorizontalXXL},H=t.default.memo(t.default.forwardRef(({direction:e=`vertical`,justifyContent:t=`flex-start`,alignItems:r=`stretch`,gap:i,columnGap:a,rowGap:s,margin:c,padding:l,marginTop:u,marginBottom:d,marginLeft:p,marginRight:m,paddingTop:h,paddingBottom:g,paddingLeft:_,paddingRight:v,width:y,height:b,wrap:x=!1,children:S,style:C,className:w,overflow:T,background:E,id:D,role:O,"aria-label":k,"aria-hidden":A},j)=>{let M=(0,f.css)({display:`flex`,flexDirection:e===`horizontal`?`row`:`column`,justifyContent:t,alignItems:r,gap:i&&V[i]?V[i]:i,columnGap:a&&V[a]?V[a]:a,rowGap:s&&V[s]?V[s]:s,margin:c&&V[c]?V[c]:c,padding:l&&V[l]?V[l]:l,marginTop:u&&V[u]?V[u]:u,marginBottom:d&&V[d]?V[d]:d,marginLeft:p&&V[p]?V[p]:p,marginRight:m&&V[m]?V[m]:m,paddingTop:h&&V[h]?V[h]:h,paddingBottom:g&&V[g]?V[g]:g,paddingLeft:_&&V[_]?V[_]:_,paddingRight:v&&V[v]?V[v]:v,width:y,height:b,overflow:T,flexWrap:x?`wrap`:`nowrap`,backgroundColor:E,...C});return(0,n.jsx)(`div`,{ref:j,id:D,role:O,"aria-label":k,"aria-hidden":A,className:(0,o.mergeClasses)(w,M),children:S})})),hd=e=>{let{direction:r=`horizontal`,defaultSize:i=`50%`,minSize:a=100,maxSize:o=1/0,minSecondarySize:s=100,resizable:c=!0,onResize:l,onResizeEnd:u,primaryContent:d,secondaryContent:f,className:p,styles:m}=e,h=md(e),g=r===`horizontal`,_=t.useRef(null),v=t.useRef(null),[y,b]=t.useState(null),[x,S]=t.useState(!1),[C,w]=t.useState(!1);t.useEffect(()=>{if(y!==null||!_.current)return;let e=_.current.getBoundingClientRect(),t=g?e.width:e.height;if(typeof i==`number`)b(Math.min(Math.max(i,a),o));else if(typeof i==`string`&&i.endsWith(`%`)){let e=parseFloat(i)/100;b(Math.min(Math.max(t*e,a),o))}else b(t/2)},[i,a,o,g,y]);let T=t.useCallback(t=>{if(!_.current)return t;let n=_.current.getBoundingClientRect(),r=(g?n.width:n.height)-(e.resizerSize??6)-s;return Math.min(Math.max(t,a),Math.min(o,r))},[g,o,a,s,e.resizerSize]),E=t.useCallback(e=>{if(!c)return;e.preventDefault(),S(!0);let t=g?e.clientX:e.clientY,n=y??0,r=e=>{let r=T(n+((g?e.clientX:e.clientY)-t));b(r),l?.(r)},i=()=>{if(S(!1),document.removeEventListener(`mousemove`,r),document.removeEventListener(`mouseup`,i),v.current){let e=g?v.current.getBoundingClientRect().width:v.current.getBoundingClientRect().height;u?.(e)}};document.addEventListener(`mousemove`,r),document.addEventListener(`mouseup`,i)},[c,g,y,T,l,u]),D=t.useCallback(e=>{if(!c)return;S(!0);let t=e.touches[0],n=g?t.clientX:t.clientY,r=y??0,i=e=>{let t=e.touches[0],i=T(r+((g?t.clientX:t.clientY)-n));b(i),l?.(i)},a=()=>{if(S(!1),document.removeEventListener(`touchmove`,i),document.removeEventListener(`touchend`,a),v.current){let e=g?v.current.getBoundingClientRect().width:v.current.getBoundingClientRect().height;u?.(e)}};document.addEventListener(`touchmove`,i,{passive:!1}),document.addEventListener(`touchend`,a)},[c,g,y,T,l,u]),O=t.useCallback(e=>{if(!c||y===null)return;let t=e.shiftKey?50:10,n=0;if(g?e.key===`ArrowLeft`?n=-t:e.key===`ArrowRight`&&(n=t):e.key===`ArrowUp`?n=-t:e.key===`ArrowDown`&&(n=t),n!==0){e.preventDefault();let t=T(y+n);b(t),l?.(t),u?.(t)}},[c,y,g,T,l,u]);t.useEffect(()=>(x?(document.body.style.userSelect=`none`,document.body.style.cursor=g?`col-resize`:`row-resize`):(document.body.style.userSelect=``,document.body.style.cursor=``),()=>{document.body.style.userSelect=``,document.body.style.cursor=``}),[x,g]);let k=t.useRef(null),A=[h.resizer,C||x?h.resizerActive:``].filter(Boolean).join(` `);return t.useEffect(()=>{if(!c||!k.current)return;let e=k.current,t=e=>E(e),n=e=>D(e),r=e=>O(e),i=()=>w(!0),a=()=>w(!1);return e.addEventListener(`mousedown`,t),e.addEventListener(`touchstart`,n),e.addEventListener(`keydown`,r),e.addEventListener(`mouseenter`,i),e.addEventListener(`mouseleave`,a),()=>{e.removeEventListener(`mousedown`,t),e.removeEventListener(`touchstart`,n),e.removeEventListener(`keydown`,r),e.removeEventListener(`mouseenter`,i),e.removeEventListener(`mouseleave`,a)}},[c,E,D,O]),(0,n.jsxs)(H,{ref:_,className:[h.root,p].filter(Boolean).join(` `),style:{height:`100%`,width:`100%`,...m},direction:g?`horizontal`:`vertical`,overflow:`hidden`,children:[(0,n.jsx)(H,{ref:v,className:h.pane(y??void 0),style:{flex:`0 0 auto`},children:d}),c&&(0,n.jsx)(`div`,{ref:k,className:A,style:{flex:`0 0 auto`,display:`flex`,alignItems:`center`,justifyContent:`center`},role:`separator`,"aria-orientation":g?`vertical`:`horizontal`,"aria-valuenow":Math.round(y??a),"aria-valuemin":a,"aria-valuemax":o===1/0?void 0:o,"aria-label":`Resize pane`,tabIndex:0,children:(0,n.jsxs)(H,{className:h.resizerGrip,direction:g?`vertical`:`horizontal`,alignItems:`center`,justifyContent:`center`,children:[(0,n.jsx)(H,{className:h.gripDot,children:``}),(0,n.jsx)(H,{className:h.gripDot,children:``}),(0,n.jsx)(H,{className:h.gripDot,children:``})]})}),(0,n.jsx)(H,{className:h.secondaryPane,style:{flex:1,minWidth:0,minHeight:0},children:f})]})},gd=({anchorPoint:e,isOpen:r,onClose:i,excludeRefs:a,children:s,theme:c,className:l,styles:u})=>{let d=(0,t.useRef)(null),[f,p]=(0,t.useState)(null);(0,t.useLayoutEffect)(()=>{if(!r){p(null);return}if(d.current){let t=d.current.getBoundingClientRect(),n=e.left,r=e.top;n+t.width>window.innerWidth&&(n=window.innerWidth-t.width-10),r+t.height>window.innerHeight&&(r=window.innerHeight-t.height-10),p({left:n,top:r})}},[e,r,s]);let m=t.default.useCallback(e=>{let t=e.target;if(d.current&&!d.current.contains(t)){if(a&&a.some(e=>e.current&&e.current.contains(t)))return;i()}},[i,a]);if((0,t.useEffect)(()=>{if(!r)return;let e=requestAnimationFrame(()=>{document.addEventListener(`mousedown`,m)}),t=e=>{e.key===`Escape`&&i()};return document.addEventListener(`keydown`,t),()=>{cancelAnimationFrame(e),document.removeEventListener(`mousedown`,m),document.removeEventListener(`keydown`,t)}},[r,m,i]),!r)return null;let g=f||e;return h.default.createPortal(c?(0,n.jsx)(o.FluentProvider,{theme:c,children:(0,n.jsx)(o.Card,{ref:d,role:`dialog`,"aria-modal":`true`,className:l,style:{position:`fixed`,zIndex:1e3,top:g.top,left:g.left,...u},children:s})}):(0,n.jsx)(o.Card,{ref:d,role:`dialog`,"aria-modal":`true`,className:l,style:{position:`fixed`,zIndex:1e3,top:g.top,left:g.left,...u},children:s}),document.body)},_d=(0,o.makeStyles)({labelContainer:{display:`flex`,flexDirection:`row`,justifyContent:`flex-start`,alignItems:`center`,...o.shorthands.gap(`6px`)},iconStyles:{width:`26px`},item:{paddingLeft:`15px`}}),vd=e=>{let{label:r,icon:i,isRequired:a}=e,s=_d();return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(`div`,{className:s.labelContainer,children:[i&&t.isValidElement(i)?i:(0,n.jsx)(l.Icon,{icon:i,className:s.iconStyles,width:`20px`,height:`20px`,color:o.tokens.colorBrandForeground1,"aria-hidden":`true`}),(0,n.jsx)(o.Caption1,{style:{color:o.tokens.colorBrandForeground1},children:r}),(0,n.jsx)(o.Caption1,{style:{color:o.tokens.colorPaletteRedForeground1},children:a?` *`:``})]})})},yd=(0,o.makeStyles)({root:{display:`flex`,justifyContent:`center`,alignItems:`center`,height:`100%`,width:`100%`},spinner:{width:`100px`,height:`100px`}}),bd=e=>{let{size:t,label:r,labelPosition:i,style:a,className:s}=e,c=yd();return(0,n.jsx)(`div`,{className:c.root,children:(0,n.jsx)(o.Spinner,{style:a,className:(0,o.mergeClasses)(c.spinner,s),size:t,label:r,labelPosition:i,"aria-label":r?void 0:`Loading`})})},xd={xs:o.tokens.fontSizeBase200,s:o.tokens.fontSizeBase300,m:o.tokens.fontSizeBase400,l:o.tokens.fontSizeBase500,xl:o.tokens.fontSizeBase600,xxl:o.tokens.fontSizeHero700},U={xs:o.tokens.spacingHorizontalXS,s:o.tokens.spacingHorizontalS,m:o.tokens.spacingHorizontalM,l:o.tokens.spacingHorizontalL,xl:o.tokens.spacingHorizontalXL,xxl:o.tokens.spacingHorizontalXXL},Sd={regular:o.tokens.fontWeightRegular,semibold:o.tokens.fontWeightSemibold,bold:o.tokens.fontWeightBold},Cd=e=>{let{fontSize:t,fontFamily:r,fontWeight:i,numberOfLines:a,as:s,padding:c,paddingTop:l,paddingBottom:u,paddingLeft:d,paddingRight:p,margin:m,marginTop:h,marginBottom:g,marginLeft:_,marginRight:v,children:y,style:b,className:x,color:S,block:C,truncate:w,wrap:T}=e,E=(0,f.css)({color:S,padding:c&&U[c]?U[c]:c,paddingTop:l&&U[l]?U[l]:l,paddingBottom:u&&U[u]?U[u]:u,paddingLeft:d&&U[d]?U[d]:d,paddingRight:p&&U[p]?U[p]:p,margin:m&&U[m]?U[m]:m,marginTop:h&&U[h]?U[h]:h,marginBottom:g&&U[g]?U[g]:g,marginLeft:_&&U[_]?U[_]:_,marginRight:v&&U[v]?U[v]:v}),D={...b,...r?{fontFamily:r}:{},...t?{fontSize:xd[t]?xd[t]:t}:{},...i?{fontWeight:Sd[i]?Sd[i]:i}:{},...a?{display:`-webkit-box`,WebkitBoxOrient:`vertical`,overflow:`hidden`,WebkitLineClamp:a}:{}};return(0,n.jsx)(o.Text,{as:s,className:(0,o.mergeClasses)(x,E),style:D,block:C,truncate:w,wrap:T,children:y})},wd=e=>e===`radio`||e===`checkbox`||e===`item`,Td=e=>{let{onSelected:r,onSelectionChange:i,value:a,selectedKeys:s,styles:c,options:l,apparence:u,shape:d,label:f,buttonText:p,icon:m,size:h,defaultItemType:g=`radio`,onRenderItem:_}=e,v=!!p,y=!!c&&typeof c==`object`&&(`root`in c||`menulist`in c||`menuitem`in c),b=y?c.root:c,x=y?c.menulist:void 0,S=y?c.menuitem:void 0,C=t.useCallback(e=>e.itemType??g,[g]),w=t.useMemo(()=>{if(v)return;if(a)return a;let e=l?.find(e=>wd(C(e))&&e.key);return l?.find(e=>wd(C(e))&&e.selected)??e},[v,a,l,C]),[T,E]=t.useState(w),D=t.useMemo(()=>s||(l??[]).filter(e=>C(e)===`checkbox`&&e.selected&&e.key).map(e=>e.key),[s,l,C]),[O,k]=t.useState(D),A=!v&&T&&C(T)===`radio`?T.key:void 0,j={radio:A?[A]:[],checkbox:O},M=t.useRef(null);t.useEffect(()=>{if(v){E(void 0);return}E(w)},[v,w]),t.useEffect(()=>{s&&k(s)},[s]);let N=t.useMemo(()=>p||(T?.text?T.text:`No data available`),[p,T]),P=v?void 0:T?.icon,F=m??(t.isValidElement(P)?P:void 0),I=!!m&&!p,[L,R]=t.useState(!1),ee=t.useCallback((e,t)=>R(t.open),[]),te=t.useCallback((e,{name:t,checkedItems:n})=>{if(t===`radio`){let e=n[0],t=l.find(t=>t.key===e);if(!t)return;v||E(t),r?.(t);return}if(t===`checkbox`){k(n);let e=n.map(e=>l.find(t=>t.key===e)).filter(Boolean);i?.(e)}},[v,l,r,i]),ne=t.useCallback(e=>{v||E(e),r?.(e)},[v,r]),z=t.useCallback((e,t)=>{let r=S;switch(t){case`divider`:return(0,n.jsx)(o.MenuDivider,{},`divider-${e.key}`);case`header`:return(0,n.jsx)(o.MenuGroupHeader,{children:e.text},`header-${e.key}`);case`checkbox`:return(0,n.jsx)(o.MenuItemCheckbox,{name:`checkbox`,value:e.key,icon:e.icon,disabled:e.disabled,secondaryContent:e.secondaryContent,style:r,children:e.text},e.key);case`item`:return(0,n.jsx)(o.MenuItem,{icon:e.icon,disabled:e.disabled,secondaryContent:e.secondaryContent,onClick:()=>ne(e),style:r,children:e.text},e.key);default:return(0,n.jsx)(o.MenuItemRadio,{name:`radio`,value:e.key,icon:e.icon,disabled:e.disabled,secondaryContent:e.secondaryContent,style:r,children:e.text},e.key)}},[S,ne]),re=t.useCallback(e=>{let r=C(e),i={isSelected:r===`radio`?A===e.key:r===`checkbox`?O.includes(e.key):!1,isDisabled:!!e.disabled,itemType:r},a=()=>z(e,r);if(_&&r!==`divider`&&r!==`header`){let r=_(e,a,i);return(0,n.jsx)(t.Fragment,{children:r},e.key)}return a()},[C,A,O,_,z]),ie=t.useMemo(()=>{let e=[],t=null,r=()=>{t&&=(e.push((0,n.jsx)(o.MenuGroup,{children:t.nodes},`group-${t.headerKey}`)),null)};return l?.forEach(n=>{if(C(n)===`header`){r(),t={headerKey:n.key||`${e.length}`,nodes:[re(n)]};return}let i=re(n);t?t.nodes.push(i):e.push(i)}),r(),e},[l,C,re]);return(0,n.jsx)(o.Field,{label:f,style:b,ref:M,children:(0,n.jsxs)(o.Menu,{open:L,onOpenChange:ee,positioning:{offset:3},checkedValues:j,onCheckedValueChange:te,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:d??`circular`,icon:F,appearance:u??`secondary`,size:h??`medium`,"aria-label":I?f??N:void 0,children:!I&&N})}),(0,n.jsx)(o.MenuPopover,{style:{minWidth:M.current?.offsetWidth,...x},children:(0,n.jsx)(o.MenuList,{children:ie})})]})})},Ed=()=>({styles:{container:(0,f.css)({display:`flex`,alignItems:`center`,alignContent:`center`,overflow:`hidden`,whiteSpace:`nowrap`,padding:`8px`,backgroundColor:`transparent`}),breadcrumbItem:(0,f.css)({minWidth:`fit-content`,padding:0,margin:`0px`}),separator:(0,f.css)({marginRight:`8px`})},getStyles:(e,t)=>{let{icon:n}=e;switch(t){case`small`:return(0,f.css)({fontSize:`12px`,padding:`4px`,paddingLeft:n?`0px`:`4px`});case`medium`:return(0,f.css)({fontSize:`14px`,padding:`6px`,paddingLeft:n?`0px`:`6px`});case`large`:return(0,f.css)({fontSize:`16px`,padding:`8px`,paddingLeft:n?`0px`:`8px`});case`current`:return(0,f.css)({fontWeight:o.tokens.fontWeightBold,cursor:`default`,display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,overflow:`hidden`,textAlign:`start`,textOverflow:`ellipsis`,wordBreak:`break-word`,fontFamily:o.tokens.fontFamilyBase});default:return(0,f.css)({fontSize:`14px`,padding:`6px`,paddingLeft:n?`0px`:`6px`})}}}),Dd=({items:e,theme:r,size:i=`medium`})=>{let[a,s]=(0,t.useState)(!1),c=(0,t.useRef)(null),l=(0,t.useRef)(null),[u,d]=(0,t.useState)({top:0,left:0,position:`absolute`}),{getStyles:f}=Ed();return(0,t.useEffect)(()=>{let e=e=>{!c.current?.contains(e.target)&&!l.current?.contains(e.target)&&a&&s(!1)};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[a]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Button,{ref:c,icon:(0,n.jsx)(m.MoreHorizontalRegular,{}),appearance:`transparent`,onClick:()=>{if(c.current){let e=c.current.getBoundingClientRect(),t=window.innerWidth,n=window.innerHeight,r=l.current?.offsetWidth||200,i=l.current?.offsetHeight||100,a=e.bottom+window.scrollY,o=e.left+window.scrollX;o+r>t&&(o=t-r-10),a+i>n&&(a=e.top+window.scrollY-i),d({top:a,left:o,position:`absolute`}),s(e=>!e)}},"aria-label":`More items`}),a&&(0,h.createPortal)(r?(0,n.jsx)(o.FluentProvider,{theme:r,children:(0,n.jsx)(o.Card,{ref:l,style:{...u,zIndex:1e3,padding:`8px`,minWidth:`150px`},children:e.map((e,t)=>(0,n.jsx)(o.Button,{icon:e.icon?e.icon:null,appearance:`transparent`,onClick:()=>{e.onClick?.(),s(!1)},children:(0,n.jsx)(o.Text,{className:f(e,i),children:e.label})},`overflow-${t}`))})}):(0,n.jsx)(o.Card,{ref:l,style:{...u,zIndex:1e3,padding:`8px`,minWidth:`150px`},children:e.map((e,t)=>(0,n.jsx)(o.Button,{icon:e.icon?e.icon:null,appearance:`transparent`,onClick:()=>{e.onClick?.(),s(!1)},children:(0,n.jsx)(o.Text,{className:f(e,i),children:e.label})},`overflow-${t}`))}),document.body)]})},Od=(e,t)=>{let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}},kd=({items:e,maxWidth:r=`100%`,styles:i,theme:a,size:s=`medium`,currentIndex:c=e.length-1,className:l})=>{let{styles:u,getStyles:f}=Ed(),p=(0,t.useRef)(null),[h,g]=(0,t.useState)([]),[_,v]=(0,t.useState)([]);return(0,t.useEffect)(()=>{let t=()=>{if(!p.current)return;let t=p.current.offsetWidth,n=0,r=[],i=[];e.forEach(e=>{n+80<=t-50?(r.push(e),n+=80):i.push(e)}),g(r),v(i)},n=Od(t,100),r=new d.ResizeObserver(()=>{n()});return p.current&&r.observe(p.current),t(),()=>{r.disconnect()}},[e]),(0,n.jsx)(`div`,{ref:p,className:(0,o.mergeClasses)(u.container,l),style:{maxWidth:r,...i},children:(0,n.jsxs)(H,{direction:`horizontal`,alignItems:`center`,justifyContent:`flex-start`,children:[h.map((e,r)=>(0,n.jsxs)(t.default.Fragment,{children:[r===c?(0,n.jsxs)(H,{direction:`horizontal`,alignItems:`center`,justifyContent:`flex-start`,columnGap:`5px`,overflow:`hidden`,children:[e.icon?t.default.cloneElement(e.icon,{style:{fontSize:s===`large`?`20px`:s===`medium`?`16px`:`12px`}}):null,(0,n.jsx)(o.Text,{className:(0,o.mergeClasses)(u.breadcrumbItem,f(e,s),f(e,`current`)),"aria-current":`page`,children:e.label},e.label)]}):(0,n.jsx)(o.Button,{icon:e.icon?e.icon:null,appearance:`transparent`,className:`${u.breadcrumbItem}`,onClick:e.onClick,children:(0,n.jsx)(o.Text,{className:f(e,s),children:e.label})},e.label),r<h.length-1&&(0,n.jsx)(m.ChevronRightRegular,{style:{fontSize:s===`large`?`20px`:s===`medium`?`16px`:`12px`}})]},e.label??`breadcrumb-${r}`)),_.length>0&&(0,n.jsx)(Dd,{items:_,theme:a})]})})},Ad=({icon:e,hoverIcon:r,imageSrc:i,width:a=24,height:s=24,color:c,hoverColor:l,onClick:u,enabled:d=!0,ariaLabel:f})=>{let p=c||o.tokens.colorBrandBackground,m=l||o.tokens.colorBrandBackgroundHover,h=o.tokens.fontFamilyBase,[g,_]=(0,t.useState)(!1),v=(0,t.useCallback)(()=>{d&&_(!0)},[d]),y=(0,t.useCallback)(()=>{d&&_(!1)},[d]),b=(0,t.useMemo)(()=>d&&g&&r?r:e,[g,r,e,d]),x=(0,t.useMemo)(()=>({width:a,height:s,color:g?m:p,display:`flex`,alignItems:`center`,justifyContent:`center`,opacity:d?1:.5,fontFamily:h,fontSize:`inherit`}),[a,s,g,m,p,d,h]),S=(0,t.useMemo)(()=>({border:`none`,background:`none`,padding:0,cursor:d?`pointer`:`default`}),[d]),C=(0,t.useMemo)(()=>({width:a,height:s,objectFit:`contain`,opacity:d?1:.5}),[a,s,d]);return(0,n.jsx)(o.Button,{onClick:d?u:void 0,onMouseEnter:v,onMouseLeave:y,disabled:!d,style:S,"aria-label":f??`Icon Button`,children:i?(0,n.jsx)(`img`,{src:i,alt:`icon`,style:C}):t.default.cloneElement(b,{style:{...b.props.style,...x}})})},jd=t.default.memo(Ad),Md=()=>({getSpanSlots:t.useCallback((e,t)=>{let n=new Date(e),r=new Date(t),i=n.getHours(),a=n.getMinutes(),o=i*2+(a>=1?1:0),s=r.getHours(),c=r.getMinutes(),l=s*2+(c>=1?2:0);return{spanSlots:l-o,startSlot:o,endSlot:l}},[]),generateLightAndHoverColors:t.useCallback((e,t=20,n=10)=>{let r=e=>{let t=parseInt(e.slice(1,3),16)/255,n=parseInt(e.slice(3,5),16)/255,r=parseInt(e.slice(5,7),16)/255,i=Math.max(t,n,r),a=Math.min(t,n,r),o=i-a,s=0,c=0,l=(i+a)/2;if(o!==0){switch(c=l>.5?o/(2-i-a):o/(i+a),i){case t:s=(n-r)/o+(n<r?6:0);break;case n:s=(r-t)/o+2;break;case r:s=(t-n)/o+4;break}s/=6}return{h:s*360,s:c*100,l:l*100}},i=(e,t,n)=>{let r=t*Math.min(n,100-n)/100,i=t=>{let i=(t+e/30)%12,a=n-r*Math.max(Math.min(i-3,9-i,1),-1);return Math.round(255*a).toString(16).padStart(2,`0`)};return`#${i(0)}${i(8)}${i(4)}`},{h:a,s:o,l:s}=r(e);return{lightColor:i(a,o,Math.min(s+t,100)),hoverColor:i(a,o,Math.min(s+n,100))}},[]),getEventColors:t.useCallback(e=>{let t={backgroundColor:o.tokens.colorNeutralBackground3,hoverColor:o.tokens.colorNeutralBackground3Hover};return{"no category":t,meeting:{backgroundColor:o.tokens.colorPaletteBlueBackground2,hoverColor:o.tokens.colorPaletteBlueBorderActive},appointment:{backgroundColor:o.tokens.colorPaletteGreenBackground2,hoverColor:o.tokens.colorPaletteGreenBorderActive},task:{backgroundColor:o.tokens.colorPaletteRedBackground2,hoverColor:o.tokens.colorPaletteRedBorderActive},deadline:{backgroundColor:o.tokens.colorPaletteYellowBackground2,hoverColor:o.tokens.colorPaletteYellowBorderActive},holiday:{backgroundColor:o.tokens.colorPalettePurpleBackground2,hoverColor:o.tokens.colorPalettePurpleBorderActive},celebration:{backgroundColor:o.tokens.colorPaletteDarkOrangeBackground2,hoverColor:o.tokens.colorPaletteDarkOrangeBorderActive},reminder:{backgroundColor:o.tokens.colorPaletteTealBackground2,hoverColor:o.tokens.colorPaletteTealBorderActive},workshop:{backgroundColor:o.tokens.colorPaletteTealBackground2,hoverColor:o.tokens.colorPaletteTealBorderActive},webinar:{backgroundColor:o.tokens.colorPaletteMagentaBackground2,hoverColor:o.tokens.colorPaletteMagentaBorderActive},conference:{backgroundColor:o.tokens.colorPaletteBrownBackground2,hoverColor:o.tokens.colorPaletteBrownBorderActive}}[e.toLowerCase()]||t},[]),generateColor:t.useCallback(e=>{let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);let n=(t&16777215).toString(16).toUpperCase();return`#${`00000`.substring(0,6-n.length)+n}`},[]),getCalendarColors:t.useCallback(e=>{let t={beige:{backgroundColor:o.tokens.colorPaletteBeigeBackground2,hoverColor:o.tokens.colorPaletteBeigeBorderActive},blue:{backgroundColor:o.tokens.colorPaletteBlueBackground2,hoverColor:o.tokens.colorPaletteBlueBorderActive},brown:{backgroundColor:o.tokens.colorPaletteBrownBackground2,hoverColor:o.tokens.colorPaletteBrownBorderActive},gold:{backgroundColor:o.tokens.colorPaletteGoldBackground2,hoverColor:o.tokens.colorPaletteGoldBorderActive},lavender:{backgroundColor:o.tokens.colorPaletteLavenderBackground2,hoverColor:o.tokens.colorPaletteLavenderBorderActive},magenta:{backgroundColor:o.tokens.colorPaletteMagentaBackground2,hoverColor:o.tokens.colorPaletteMagentaBorderActive},navy:{backgroundColor:o.tokens.colorPaletteNavyBackground2,hoverColor:o.tokens.colorPaletteNavyBorderActive},pink:{backgroundColor:o.tokens.colorPalettePinkBackground2,hoverColor:o.tokens.colorPalettePinkBorderActive},plum:{backgroundColor:o.tokens.colorPalettePlumBackground2,hoverColor:o.tokens.colorPalettePlumBorderActive},purple:{backgroundColor:o.tokens.colorPalettePurpleBackground2,hoverColor:o.tokens.colorPalettePurpleBorderActive},red:{backgroundColor:o.tokens.colorPaletteRedBackground2,hoverColor:o.tokens.colorPaletteRedBorderActive},teal:{backgroundColor:o.tokens.colorPaletteTealBackground2,hoverColor:o.tokens.colorPaletteTealBorderActive},anchor:{backgroundColor:o.tokens.colorPaletteAnchorBackground2,hoverColor:o.tokens.colorPaletteAnchorBorderActive},"dark-red":{backgroundColor:o.tokens.colorPaletteDarkRedBackground2,hoverColor:o.tokens.colorPaletteDarkRedBorderActive},cranberry:{backgroundColor:o.tokens.colorPaletteCranberryBackground2,hoverColor:o.tokens.colorPaletteCranberryBorderActive},pumpkin:{backgroundColor:o.tokens.colorPalettePumpkinBackground2,hoverColor:o.tokens.colorPalettePumpkinBorderActive},peach:{backgroundColor:o.tokens.colorPalettePeachBackground2,hoverColor:o.tokens.colorPalettePeachBorderActive},marigold:{backgroundColor:o.tokens.colorPaletteMarigoldBackground2,hoverColor:o.tokens.colorPaletteMarigoldBorderActive},brass:{backgroundColor:o.tokens.colorPaletteBrassBackground2,hoverColor:o.tokens.colorPaletteBrassBorderActive},forest:{backgroundColor:o.tokens.colorPaletteForestBackground2,hoverColor:o.tokens.colorPaletteForestBorderActive},seafoam:{backgroundColor:o.tokens.colorPaletteSeafoamBackground2,hoverColor:o.tokens.colorPaletteSeafoamBorderActive},"dark-green":{backgroundColor:o.tokens.colorPaletteDarkGreenBackground2,hoverColor:o.tokens.colorPaletteDarkGreenBorderActive},"light-teal":{backgroundColor:o.tokens.colorPaletteLightTealBackground2,hoverColor:o.tokens.colorPaletteLightTealBorderActive},steel:{backgroundColor:o.tokens.colorPaletteSteelBackground2,hoverColor:o.tokens.colorPaletteSteelBorderActive},"royal-blue":{backgroundColor:o.tokens.colorPaletteRoyalBlueBackground2,hoverColor:o.tokens.colorPaletteRoyalBlueBorderActive},cornflower:{backgroundColor:o.tokens.colorPaletteCornflowerBackground2,hoverColor:o.tokens.colorPaletteCornflowerBorderActive},grape:{backgroundColor:o.tokens.colorPaletteGrapeBackground2,hoverColor:o.tokens.colorPaletteGrapeBorderActive},lilac:{backgroundColor:o.tokens.colorPaletteLilacBackground2,hoverColor:o.tokens.colorPaletteLilacBorderActive},mink:{backgroundColor:o.tokens.colorPaletteMinkBackground2,hoverColor:o.tokens.colorPaletteMinkBorderActive},platinum:{backgroundColor:o.tokens.colorPalettePlatinumBackground2,hoverColor:o.tokens.colorPalettePlatinumBorderActive}},n=t[`royal-blue`];return t[e]||n},[]),formatDate:t.useCallback((e,t)=>(0,r.format)((0,r.parseISO)(e),t),[])}),Nd={start:`Start`,end:`End`,location:`Location`,attendees:`Attendees`,details:`Details`},Pd=`32px`,Fd=e=>({styles:{banner:(0,f.css)({display:`flex`,justifyContent:`center`,alignContent:`center`,alignItems:`center`,padding:`5px 10px 0px 10px`}),fieldContainer:(0,f.css)({paddingLeft:Pd}),title:(0,f.css)({lineClamp:2,overflow:`hidden`,display:`-webkit-box`,WebkitBoxOrient:`vertical`,wordBreak:`break-word`,WebkitLineClamp:2})}}),Id=({fieldLabel:e,fieldValue:t,icon:r})=>(0,n.jsxs)(H,{children:[(0,n.jsx)(vd,{label:e,icon:r}),(0,n.jsx)(H,{paddingLeft:Pd,children:(0,n.jsx)(o.Body1,{children:t})})]}),Ld=e=>{let{event:r,strings:i=Nd}=e,{title:a,start:s,end:c,location:l,category:u,attendees:d,weblink:f}=r,{styles:p}=Fd(r),{formatDate:m}=Md(),h=m(s,`PPp`),g=m(c,`PPp`),_=(0,o.partitionAvatarGroupItems)({items:d?.map(e=>e.id)||[]}),v=t.useCallback(e=>d?.find(t=>t.id===e)||void 0,[d]),y=t.useCallback(()=>(0,n.jsxs)(H,{children:[(0,n.jsx)(vd,{label:i.attendees,icon:`ph:users-three`}),(0,n.jsx)(H,{paddingLeft:Pd,children:(0,n.jsxs)(o.AvatarGroup,{layout:`stack`,children:[_.inlineItems.map(e=>(0,n.jsx)(o.AvatarGroupItem,{name:v(e)?.name,image:{src:v(e)?.imageUrl}},e)),_.overflowItems&&(0,n.jsx)(o.AvatarGroupPopover,{children:_.overflowItems.map(e=>(0,n.jsx)(o.AvatarGroupItem,{name:v(e)?.name,image:{src:v(e)?.imageUrl}},e))})]})})]}),[_,v,i.attendees]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(Ju,{appearance:`subtle`,padding:`m`,paddingTop:`s`,width:`250px`,cardBody:(0,n.jsxs)(H,{rowGap:`10px`,children:[(0,n.jsx)(`div`,{className:p.banner,children:(0,n.jsx)(o.Subtitle1,{className:p.title,children:a})}),(0,n.jsx)(o.Divider,{}),u&&(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-end`,width:`100%`,children:(0,n.jsx)(o.Badge,{appearance:`filled`,children:u})}),(0,n.jsx)(Id,{fieldLabel:i.start,fieldValue:h,icon:`mingcute:time-line`}),(0,n.jsx)(Id,{fieldLabel:i.end,fieldValue:g,icon:`mingcute:time-line`}),(0,n.jsx)(Id,{fieldLabel:i.location,fieldValue:l,icon:`mingcute:location-line`}),(0,n.jsx)(y,{})]}),cardFooterContent:(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-end`,width:`100%`,children:(0,n.jsx)(o.Button,{appearance:`subtle`,onClick:()=>{window.open(f,`_blank`)},children:i.details})})})})},Rd=()=>({styles:{calendarWrapper:(0,f.css)({padding:`20px`,paddingTop:`10px`,overflow:`auto`,flex:1,display:`grid`,gridTemplateColumns:`repeat(7, 1fr)`,gridTemplateRows:`auto`,gridAutoRows:`minmax(100px, 1fr)`,gap:`1px`,width:`calc(100% - 40px)`}),header:(0,f.css)({display:`flex`,justifyContent:`start`,gap:`10px`,alignItems:`center`,padding:`16px`}),dayHeader:(0,f.css)({textAlign:`start`,padding:`8px`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),day:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`center`,justifyContent:`center`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,backgroundColor:o.tokens.colorNeutralBackground1,position:`relative`}),otherMonthDay:(0,f.css)({color:o.tokens.colorNeutralStroke2,backgroundColor:o.tokens.colorNeutralBackground2}),cardDay:(0,f.css)({height:`100%`,minHeight:100,borderRadius:0,overflow:`hidden !important`,rowGap:5}),cardDayOnHover:(0,f.css)({":hover":{backgroundColor:o.tokens.colorNeutralBackground2}}),currentDay:(0,f.css)({borderTop:`5px solid ${o.tokens.colorBrandBackground}`}),currentDayLabel:(0,f.css)({color:o.tokens.colorBrandBackground,fontWeight:600}),eventCard:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`flex-start`,zIndex:1}),eventContainer:(0,f.css)({display:`flex`,flexDirection:`column`,overflowY:`auto`,paddingTop:`5px`,paddingBottom:`5px`,paddingLeft:`5px`,paddingRight:`5px`,"::-webkit-scrollbar":{width:`5px`,height:`5px`},"::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground4,borderRadius:`10px`},"::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandStroke2Hover,borderRadius:`10px`},"::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorNeutralStroke2}}),eventCardWeekView:(0,f.css)({backgroundColor:o.tokens.colorBrandBackground,color:o.tokens.colorNeutralForegroundOnBrand,borderRadius:`4px`,padding:`4px`,margin:`2px`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,height:`100%`}),popoverContent:(0,f.css)({padding:0,borderTopWidth:20,borderTopStyle:`solid`}),cardMonthTitle:(0,f.css)({display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,textAlign:`start`,textOverflow:`ellipsis`,paddingLeft:`8px`,wordBreak:`break-word`,overflow:`hidden`})},applyEventHouverColorClass:(e,t)=>(0,f.css)({backgroundColor:e??o.tokens.colorBrandBackground,":hover":{backgroundColor:t??o.tokens.colorBrandBackgroundHover}})}),zd=e=>{let i=(0,o.useId)(),{events:a,date:s,onCardHoverChange:c,columnHeight:l}=e,{styles:u,applyEventHouverColorClass:d}=Rd(),f=t.useRef(null),{getEventColors:p,getCalendarColors:m}=Md(),h=t.useCallback(e=>{c&&c(!0,e)},[c]),g=t.useCallback(e=>{c&&c(!1,e)},[c]),_=t.useCallback(e=>{f.current?.setTarget(e)},[f]),v=t.useCallback((e,t,r)=>(0,n.jsx)(`div`,{ref:_,children:(0,n.jsx)(Ju,{className:(0,o.mergeClasses)(u.eventCard,d(r.backgroundColor,r.backgroundColor)),paddingTop:`4px`,paddingBottom:`4px`,paddingLeft:`8px`,paddingRight:`8px`,marginTop:e===0?`0px`:`5px`,cardHeader:(0,n.jsx)(o.Caption1,{className:u.cardMonthTitle,children:t.title}),onMouseEnter:()=>h(t.title),onMouseLeave:()=>g(t.title)})},t.id??`card-${e}`),[h,g,d]),y=t.useCallback((e,t,r)=>(0,n.jsxs)(o.Popover,{withArrow:!0,mouseLeaveDelay:30,closeOnScroll:!0,closeOnIframeFocus:!0,openOnHover:!0,children:[(0,n.jsx)(o.PopoverTrigger,{children:v(t,e,r)}),(0,n.jsx)(o.PopoverSurface,{"aria-labelledby":i,className:(0,o.mergeClasses)(u.popoverContent),children:(0,n.jsx)(Ld,{event:e})})]},t),[v,i,u.popoverContent]);return!a||!a?.length?(0,n.jsx)(n.Fragment,{children:` `}):(0,n.jsx)(`div`,{style:{height:l},className:u.eventContainer,children:a.map((e,n)=>{if(!(0,r.isWithinInterval)(s,{start:(0,r.startOfDay)(new Date(e.start)),end:(0,r.endOfDay)(new Date(e.end))}))return null;let i;i=e.hexColor?{backgroundColor:e.hexColor,hoverColor:e.hexColor}:e.color?m(e.color):p(e.category);let a=e.onRenderInMonthView?.(e),c=e.id??`event-${n}`;return t.isValidElement(a)?t.cloneElement(a,{key:c,className:(0,o.mergeClasses)(a.props.className,u.eventCard)}):e.enableOnHouver?y(e,n,i):v(n,e,i)})})},Bd=e=>{let{day:i,currentMonth:a,events:s,date:c,columnHeight:l,onDayClick:u}=e,{styles:d}=Rd(),f=new Date,[p,m]=t.useState(!1),h=c.getDay()===0||c.getDay()===6,g=t.useMemo(()=>(0,r.isSameDay)(c,f),[c,f]),_=t.useMemo(()=>(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,paddingLeft:`m`,paddingRight:`m`,children:(0,n.jsxs)(o.Body2,{className:d.currentDayLabel,style:{color:h?`${o.tokens.colorPaletteRedForeground1} !important`:``},children:[i,` `,f.toLocaleString(`default`,{month:`short`})]})}),[i,h,f,d.currentDayLabel]),v=t.useCallback(e=>{m(e)},[]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(Ju,{onClick:u?()=>u(c):void 0,className:(0,o.mergeClasses)(d.cardDay,a?``:d.otherMonthDay,g?d.currentDay:``,p?``:d.cardDayOnHover),cardHeader:g?_:(0,n.jsx)(H,{direction:`horizontal`,paddingLeft:`m`,paddingRight:`m`,children:(0,n.jsx)(o.Body2,{style:{color:h?`${o.tokens.colorPaletteRedForeground1} !important`:``},children:i})}),paddingTop:`m`,paddingBottom:`m`,paddingLeft:`0px`,paddingRight:`0px`,cardBody:(0,n.jsx)(zd,{events:s,date:c,onCardHoverChange:v,columnHeight:l-60})})})},Vd=()=>({styles:{container:(0,f.css)({display:`flex`,flexDirection:`column`,width:`calc(100% - 40px)`,height:`100vh`,overflow:`hidden`,padding:`20px`}),header:(0,f.css)({display:`flex`,justifyContent:`space-between`,alignItems:`center`,marginBottom:`16px`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),weekGrid:(0,f.css)({display:`grid`,gridTemplateColumns:`80px repeat(7, 1fr)`,gridTemplateRows:`50px 40px repeat(48, 33px)`,height:`fit-content`,overflowY:`auto`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,maxHeight:`calc(100vh - 100px)`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} ${o.tokens.colorNeutralBackground1}`,"&::-webkit-scrollbar":{width:`8px`},"&::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground1},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`4px`},"&::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorBrandBackgroundHover}}),blankHeader:(0,f.css)({gridColumn:`1`,backgroundColor:o.tokens.colorNeutralBackground3,borderBottom:`3px solid ${o.tokens.colorNeutralStroke3}`,position:`sticky`,top:0,zIndex:10}),timeColumn:(0,f.css)({gridColumn:`1`,gridRow:`3 / span 49`,display:`flex`,flexDirection:`column`,backgroundColor:o.tokens.colorNeutralBackground1,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`}),timeCell:(0,f.css)({height:`100%`,display:`flex`,alignItems:`center`,fontSize:`12px`,color:o.tokens.colorNeutralForeground3,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,justifyContent:`center`}),fullDayRow:(0,f.css)({gridRow:`2`,display:`grid`,gridTemplateColumns:`80px repeat(7, 1fr)`,gap:`0`,padding:`0`,backgroundColor:o.tokens.colorNeutralBackground2,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayLabel:(0,f.css)({gridColumn:`1`,display:`flex`,alignItems:`center`,justifyContent:`center`,alignContent:`center`,color:o.tokens.colorBrandBackground,padding:`5px`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayCell:(0,f.css)({borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,display:`flex`,flexDirection:`row`,gap:`0px`,padding:`4px`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`,overflow:`hidden`}),fullDayEvent:(0,f.css)({flex:`1 1 auto`,minWidth:`24px`,height:`24px`,padding:`4px 8px`,backgroundColor:o.tokens.colorBrandBackground,borderRadius:`4px`,overflow:`hidden`,display:`flex`,alignItems:`center`,justifyContent:`center`}),dayHeaderCell:(0,f.css)({textAlign:`center`,backgroundColor:o.tokens.colorNeutralBackground2,padding:`8px`,fontWeight:`bold`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,position:`sticky`,top:0,zIndex:10}),todayHeaderCell:(0,f.css)({borderTop:`5px solid ${o.tokens.colorBrandBackground}`}),eventCard:(0,f.css)({padding:2,alignItems:`center`,justifyContent:`center`,marginRight:`2px`,zIndex:1,position:`absolute`,alignContent:`center`,overflow:`hidden`,":hover":{pointerEvents:`auto`,cursor:`pointer`}}),event:(0,f.css)({height:`100%`,backgroundColor:o.tokens.colorBrandBackground,borderRadius:`4px`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,overflow:`hidden`,display:`flex`,alignItems:`center`,justifyContent:`center`,marginRight:`2px`,zIndex:1,position:`absolute`,alignContent:`center`,":hover":{pointerEvents:`auto`,cursor:`pointer`}}),dayCell:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,position:`relative`,overflow:`visible`,FlexDirection:`column`,gap:`4px`}),currentTimeIndicator:(0,f.css)({position:`absolute`,left:0,height:`2px`,backgroundColor:o.tokens.colorPaletteRedBorderActive,width:`100%`,zIndex:1}),currentHalfHourCell:(0,f.css)({border:`2px solid ${o.tokens.colorPaletteRedBorderActive}`}),eventTitle:(0,f.css)({display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,textAlign:`start`,textOverflow:`ellipsis`,paddingLeft:`8px`,wordBreak:`break-word`,overflow:`hidden`}),popoverContent:(0,f.css)({padding:0,borderTopWidth:20,borderTopStyle:`solid`})},applyEventHouverColorClass:t.default.useCallback((e,t)=>(0,f.css)({backgroundColor:e??o.tokens.colorBrandBackground,":hover":{backgroundColor:t??o.tokens.colorBrandBackgroundHover}}),[o.tokens.colorBrandBackground,o.tokens.colorBrandBackgroundHover]),appyDynamicStyles:t.default.useCallback((e,t,n,r)=>(0,f.css)({flex:`0 0 calc(100% / ${t})`,height:`${n*r}px`,left:`${e*10}%`,width:`calc(${100-e*10}% - 8px)`,margin:4,marginTop:0,marginBottom:0}),[])}),Hd={timeSeparator:` - `,hourSuffix:`H`},Ud=({event:e,colors:r,spanSlots:i,rowHeight:a,eventIndex:s,eventCount:c,strings:l=Hd})=>{let u=(0,o.useId)(),{styles:d,applyEventHouverColorClass:f,appyDynamicStyles:p}=Vd(),m=t.useRef(null),{formatDate:h}=Md(),g=t.useMemo(()=>(0,n.jsx)(`div`,{children:(0,n.jsxs)(H,{columnGap:`4px`,justifyContent:`center`,children:[(0,n.jsx)(o.Caption1Strong,{className:d.eventTitle,children:e.title}),(0,n.jsxs)(H,{columnGap:`4px`,direction:`horizontal`,alignItems:`center`,justifyContent:`flex-start`,children:[(0,n.jsxs)(o.Caption1,{children:[h(e.start,`HH:mm`),l.hourSuffix]}),l.timeSeparator,(0,n.jsxs)(o.Caption1,{children:[h(e.end,`HH:mm`),l.hourSuffix]})]})]})}),[e,h,l,d.eventTitle]);return(0,n.jsx)(o.Card,{ref:m,className:(0,o.mergeClasses)(d.eventCard,f(r.backgroundColor,r.backgroundColor),p(s,c,a,i)),children:e.enableOnHouver?(0,n.jsxs)(o.Popover,{withArrow:!0,mouseLeaveDelay:50,closeOnScroll:!0,closeOnIframeFocus:!0,openOnHover:!0,children:[(0,n.jsx)(o.PopoverTrigger,{children:g}),(0,n.jsx)(o.PopoverSurface,{"aria-labelledby":u,className:(0,o.mergeClasses)(d.popoverContent),children:(0,n.jsx)(Ld,{event:e})})]}):g},e.id)},Wd=({event:e,eventCount:r,spanSlots:i,rowHeight:a,eventIndex:s,view:c})=>{let{styles:l,appyDynamicStyles:u}=Vd(),{getEventColors:d,getCalendarColors:f}=Md(),p=e.hexColor?{backgroundColor:e.hexColor,hoverColor:e.hexColor}:e.color?f(e.color):d(e.category),m=c===`day`?e.onRenderInDayView?.(e):e.onRenderInWeekView?.(e);return t.isValidElement(m)?t.cloneElement(m,{event:e,className:(0,o.mergeClasses)(m.props.className,l.eventCard,u(s,r,a,i)),style:{...m.props.style}}):(0,n.jsx)(Ud,{event:e,colors:p,spanSlots:i,rowHeight:a,eventIndex:s,eventCount:r},e.id)},Gd=e=>{let n=(0,t.useCallback)(e=>e.map(e=>({...e,id:e.id||(0,g.v4)()})),[]),i=(0,t.useCallback)(t=>new Date(new Date(t).toLocaleString(void 0,{timeZone:e})),[e]);return{getMonthCalendar:(0,t.useCallback)((e,t,a)=>{let o=n(e),s=new Date(t,a+1,0).getDate(),c={};for(let e=1;e<=s;e++){let n=(0,r.format)(new Date(t,a,e),`yyyy-MM-dd`);c[n]=[]}return o.forEach(e=>{let t=i(e.start),n=i(e.end),a=new Date(t);for(;a<=n;){let t=(0,r.format)(a,`yyyy-MM-dd`);c[t]&&c[t].push(e),a.setDate(a.getDate()+1)}}),c},[i]),getWeekEvents:(0,t.useCallback)((e,t)=>{let a=[],o=i(t),s=n(e);for(let e=0;e<7;e++){let t=new Date(o);t.setDate(o.getDate()+e);let n=(0,r.format)(t,`yyyy-MM-dd`),c=Array.from({length:48},(e,t)=>({time:`${String(Math.floor(t/2)).padStart(2,`0`)}:${t%2==0?`00`:`30`}`,events:[]})),l=[];s.forEach(e=>{let t=i(e.start),a=i(e.end);if(e.isFullDay){(0,r.format)(t,`yyyy-MM-dd`)<=n&&(0,r.format)(a,`yyyy-MM-dd`)>=n&&l.push(e);return}if((0,r.format)(t,`yyyy-MM-dd`)<=n&&(0,r.format)(a,`yyyy-MM-dd`)>=n){let i=new Date(t);for(;i<=a;){if((0,r.format)(i,`yyyy-MM-dd`)===n){let t=i.getHours()*2+(i.getMinutes()>=30?1:0);c[t]&&c[t].events.push(e)}i.setMinutes(i.getMinutes()+30)}}}),a.push({date:n,fullDayEvents:l,timeSlots:c})}return a},[i])}},Kd=()=>({styles:{container:(0,f.css)({display:`flex`,flexDirection:`column`,width:`calc(100% - 40px)`,height:`100vh`,overflow:`hidden`,padding:`20px`}),header:(0,f.css)({display:`flex`,justifyContent:`space-between`,alignItems:`center`,marginBottom:`16px`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),dayGrid:(0,f.css)({display:`grid`,gridTemplateColumns:`80px 1fr`,gridTemplateRows:`50px 40px repeat(48, 33px)`,height:`calc(100vh - 100px)`,overflowY:`auto`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,maxHeight:`fit-content`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} ${o.tokens.colorNeutralBackground1}`,"&::-webkit-scrollbar":{width:`8px`},"&::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground1},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`4px`},"&::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorBrandBackgroundHover}}),blankHeader:(0,f.css)({gridColumn:`1`,backgroundColor:o.tokens.colorNeutralBackground3,borderBottom:`3px solid ${o.tokens.colorNeutralStroke3}`}),timeColumn:(0,f.css)({gridColumn:`1`,gridRow:`3 / span 49`,display:`flex`,flexDirection:`column`,backgroundColor:o.tokens.colorNeutralBackground1,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`}),timeCell:(0,f.css)({height:`100%`,maxHeight:`32px`,minHeight:`32px`,display:`flex`,alignItems:`center`,fontSize:`12px`,color:o.tokens.colorNeutralForeground3,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,justifyContent:`center`}),fullDayRow:(0,f.css)({gridRow:`2`,display:`grid`,gridTemplateColumns:`80px 33px`,gap:`0`,padding:`0`,backgroundColor:o.tokens.colorNeutralBackground2,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayLabel:(0,f.css)({gridColumn:`1`,display:`flex`,alignItems:`center`,justifyContent:`center`,alignContent:`center`,color:o.tokens.colorBrandBackground,padding:`5px`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`}),fullDayCell:(0,f.css)({borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,display:`flex`,flexDirection:`row`,gap:`2px`,padding:`4px`,borderBottom:`3px solid ${o.tokens.colorNeutralStroke2}`,overflow:`hidden`}),fullDayEvent:(0,f.css)({flex:`1 1 auto`,minWidth:`24px`,height:`24px`,padding:`4px 8px`,backgroundColor:o.tokens.colorBrandBackground,color:o.tokens.colorNeutralForegroundOnBrand,borderRadius:`4px`,overflow:`hidden`,display:`flex`,alignItems:`center`,justifyContent:`center`}),dayHeaderCell:(0,f.css)({textAlign:`center`,backgroundColor:o.tokens.colorNeutralBackground2,padding:`8px`,fontWeight:`bold`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`}),todayHeaderCell:(0,f.css)({borderTop:`5px solid ${o.tokens.colorBrandBackground}`}),eventCard:(0,f.css)({alignItems:`center`,justifyContent:`center`,marginRight:`2px`,zIndex:1,position:`absolute`,alignContent:`center`,overflow:`hidden`}),dayCell:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke1}`,borderRight:`1px solid ${o.tokens.colorNeutralStroke1}`,position:`relative`,overflow:`visible`,FlexDirection:`column`,gap:`4px`}),currentTimeIndicator:(0,f.css)({position:`absolute`,left:0,height:`2px`,backgroundColor:o.tokens.colorPaletteRedBorderActive,width:`100%`,zIndex:1}),currentHalfHourCell:(0,f.css)({border:`2px solid ${o.tokens.colorPaletteRedBorderActive}`}),eventTitle:(0,f.css)({display:`-webkit-box`,"-webkit-line-clamp":`1`,"-webkit-box-orient":`vertical`,textAlign:`start`,textOverflow:`ellipsis`,paddingLeft:`8px`,wordBreak:`break-word`,overflow:`hidden`})},applyEventHouverColorClass:(e,t)=>(0,f.css)({backgroundColor:e??o.tokens.colorBrandBackground,":hover":{backgroundColor:t??o.tokens.colorBrandBackgroundHover}})}),qd={allDay:`All Day`},Jd=33,Yd=e=>{let{events:i,currentDay:a,height:s,strings:c=qd}=e,{styles:l}=Kd(),u=(0,t.useRef)(null),{getSpanSlots:d,getEventColors:f,getCalendarColors:p}=Md(),m=Intl.DateTimeFormat().resolvedOptions().timeZone,{getWeekEvents:h}=Gd(m),g=t.useCallback(()=>Array.from({length:24},(e,r)=>(0,n.jsxs)(t.Fragment,{children:[(0,n.jsx)(`div`,{className:l.timeCell,children:(0,n.jsxs)(o.Body1Strong,{children:[r,`:00`]})}),(0,n.jsx)(`div`,{className:l.timeCell})]},r)),[l.timeCell]),_=t.useCallback(()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.blankHeader}),Array.from({length:1},(e,t)=>{let i=(0,r.addDays)(a,t),s=(0,r.isToday)(i)?l.todayHeaderCell:``;return(0,n.jsxs)(`div`,{className:(0,o.mergeClasses)(l.dayHeaderCell,s),children:[(0,n.jsx)(o.Text,{weight:`semibold`,size:600,style:{paddingRight:10},children:(0,r.format)(i,`dd`)}),(0,n.jsx)(o.Subtitle1,{children:(0,r.format)(i,`LLLL, yyyy`)})]},t)})]}),[a,l.blankHeader,l.dayHeaderCell,l.todayHeaderCell]),v=t.useCallback(()=>{let e=h(i,a.toISOString());return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.fullDayLabel,children:(0,n.jsx)(o.Body1,{children:c.allDay})}),Array.from({length:1},(t,i)=>{let s=(0,r.format)((0,r.addDays)(a,i),`yyyy-MM-dd`),c=e.find(e=>e.date===s)?.fullDayEvents||[];return(0,n.jsx)(`div`,{className:l.fullDayCell,children:c.map(e=>(0,n.jsx)(`div`,{className:l.fullDayEvent,style:{gridColumn:`${i+2}`,backgroundColor:e.color?p(e.color).backgroundColor:f(e.category).backgroundColor},children:(0,n.jsx)(o.Caption1Strong,{className:l.eventTitle,children:e.title})},e.id))},i)})]})},[a,h,l.fullDayCell,l.fullDayEvent,l.fullDayLabel,l.eventTitle,p,f,i,c.allDay]),y=t.useCallback(()=>{let e=h(i,a.toISOString());return Array.from({length:1},(i,o)=>{let s=(0,r.format)((0,r.addDays)(a,o),`yyyy-MM-dd`),c=e.find(e=>e.date===s);return(0,n.jsx)(t.Fragment,{children:c?.timeSlots.map((e,t)=>{let r=e.events.length;return(0,n.jsx)(`div`,{className:l.dayCell,style:{gridRow:t+3},children:e.events.map((e,i)=>{let{spanSlots:a,startSlot:o}=d(new Date(e.start),new Date(e.end));return t===o?(0,n.jsx)(Wd,{event:e,eventCount:r,spanSlots:a,rowHeight:Jd,eventIndex:i,view:`day`},e.id):null})},t)})},o)})},[a,d,h,l.dayCell,i]);return(0,n.jsx)(`div`,{className:l.container,style:{height:s},children:(0,n.jsxs)(`div`,{ref:u,className:l.dayGrid,children:[(0,n.jsx)(`div`,{className:l.timeColumn,children:g()}),_(),v(),y()]})})},W=function(e){return e.Day=`day`,e.Week=`week`,e.Month=`month`,e}({}),Xd={month:`Month`,week:`Week`,day:`Day`},Zd=e=>{let{onSelected:r,value:i,strings:a=Xd}=e,[s,c]=t.useState(i??W.Month),[l,u]=t.useState({view:[i??W.Month]}),d=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarDayFilled,m.CalendarDayRegular),[]),f=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[]),p=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarWorkWeekFilled,m.CalendarWorkWeekRegular),[]);t.useEffect(()=>{i!==void 0&&(c(i),u({view:[i]}))},[i]);let[h,g]=t.useState(!1),_=t.useCallback((e,t)=>{g(t.open)},[]),v=t.useCallback(()=>{switch(s){case W.Month:return(0,n.jsx)(f,{});case W.Week:return(0,n.jsx)(p,{});case W.Day:return(0,n.jsx)(d,{});default:return(0,n.jsx)(f,{})}},[s]),y=t.useCallback(e=>{switch(e){case W.Month:return a.month;case W.Week:return a.week;case W.Day:return a.day;default:return a.month}},[a]),b=t.useCallback((e,{name:t,checkedItems:n})=>{if(t===`view`){let e=n[0];c(e),u({view:n}),r(e)}},[r]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Menu,{open:h,onOpenChange:_,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:v(),style:{minWidth:`150px`},children:y(s)})}),(0,n.jsx)(o.MenuPopover,{children:(0,n.jsxs)(o.MenuList,{onCheckedValueChange:b,checkedValues:l,children:[(0,n.jsx)(o.MenuItemRadio,{icon:(0,n.jsx)(d,{}),name:`view`,value:W.Day,children:a.day}),(0,n.jsx)(o.MenuItemRadio,{icon:(0,n.jsx)(p,{}),name:`view`,value:W.Week,children:a.week}),(0,n.jsx)(o.MenuItemRadio,{icon:(0,n.jsx)(f,{}),name:`view`,value:W.Month,children:a.month})]})})]})})},Qd=t.memo(e=>{let{onSelected:r,value:i}=e,[s,c]=t.useState(i??new Date),[l,u]=t.useState(()=>(0,a.format)(i??new Date,`dd MMM, yyyy`)),[d,f]=t.useState(!1),p=t.useCallback((e,t)=>{f(t.open)},[]),h=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[]),g=t.useCallback(e=>{if(e){let t=Intl.DateTimeFormat().resolvedOptions().timeZone,n=(0,a.toZonedTime)(e,t);c(n),u((0,a.format)(n,`dd MMM, yyyy`)),r(n),f(!1)}},[r]);return(0,n.jsxs)(o.Menu,{open:d,onOpenChange:p,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:(0,n.jsx)(h,{}),style:{minWidth:`200px`},"aria-label":`Select date: ${l}`,children:l})}),(0,n.jsx)(o.MenuPopover,{style:{maxWidth:`fit-content`},children:(0,n.jsx)(o.MenuList,{children:(0,n.jsx)(_.Calendar,{highlightSelectedMonth:!0,showGoToToday:!0,onSelectDate:g,value:s})})})]})}),$d=()=>({root:(0,f.css)({outline:`none`})}),ef={months:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shortMonths:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],days:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shortDays:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],goToToday:`Go to today`},tf=e=>{let{onDateChange:r,defaultSelectedDate:i,onDismiss:a,strings:o=ef}=e,s=$d(),[c,l]=t.useState(i??new Date),u=t.useCallback((e,t)=>{l(e),r(e),a()},[r,a]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(_.Calendar,{className:s.root,dateRangeType:_.DateRangeType.Month,highlightSelectedMonth:!0,isDayPickerVisible:!1,onSelectDate:u,value:c,onDismiss:a,showGoToToday:!1,allFocusable:!1,strings:o})})},nf=e=>{let{onSelected:i,value:a}=e,s=(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[c,l]=t.useState(a??new Date);t.useEffect(()=>{i(a??new Date),l(a??new Date)},[a]);let[u,d]=t.useState(!1),f=(e,t)=>{d(t.open)},p=t.useCallback(e=>{i(e),l(e)},[]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Menu,{open:u,onOpenChange:f,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:(0,n.jsx)(s,{}),style:{minWidth:`200px`},"aria-label":`Select month: ${(0,r.format)(c,`MMMM yyyy`)}`,children:(0,r.format)(c,`MMMM yyyy`)})}),(0,n.jsx)(o.MenuPopover,{children:(0,n.jsx)(o.MenuList,{children:(0,n.jsx)(tf,{onDateChange:p,defaultSelectedDate:c,onDismiss:()=>{d(!1)}})})})]})})},rf={selectWeekPlaceholder:`Select a week`},af=e=>{let t=Intl.DateTimeFormat().resolvedOptions().timeZone,n=(0,a.format)(e.start,`MMM`,{timeZone:t}),r=(0,a.format)(e.end,`MMM`,{timeZone:t});return(0,a.format)(e.start,`yyyy`,{timeZone:t})===(0,a.format)(e.end,`yyyy`,{timeZone:t})?n===r?`${(0,a.format)(e.start,`dd`,{timeZone:t})} - ${(0,a.format)(e.end,`dd MMM yyyy`,{timeZone:t})}`:`${(0,a.format)(e.start,`dd MMM`,{timeZone:t})} - ${(0,a.format)(e.end,`dd MMM yyyy`,{timeZone:t})}`:`${(0,a.format)(e.start,`dd MMM yyyy`,{timeZone:t})} - ${(0,a.format)(e.end,`dd MMM yyyy`,{timeZone:t})}`},of=e=>{let t=Intl.DateTimeFormat().resolvedOptions().timeZone,n=(0,a.toZonedTime)(e,t),r=new Date(n);r.setDate(n.getDate()-n.getDay());let i=new Date(r);return i.setDate(r.getDate()+6),{start:(0,a.toZonedTime)(r,t),end:(0,a.toZonedTime)(i,t)}},sf=t.memo(e=>{let{onSelected:r,value:i,strings:a=rf}=e,s=_.DateRangeType.Week,[c,l]=t.useState(i??new Date),[u,d]=t.useState(()=>{let e=i??new Date;return e?af(of(e)):a.selectWeekPlaceholder}),[f,p]=t.useState(!1),h=t.useCallback((e,t)=>{p(t.open)},[]),g=t.useMemo(()=>(0,m.bundleIcon)(m.CalendarMonthFilled,m.CalendarMonthRegular),[]),v=t.useCallback(e=>{if(e){l(e);let t=of(e);d(af(t)),r({startDate:t.start,endDate:t.end}),p(!1)}},[r]),y=t.useMemo(()=>0,[]);return(0,n.jsxs)(o.Menu,{open:f,onOpenChange:h,children:[(0,n.jsx)(o.MenuTrigger,{disableButtonEnhancement:!0,children:(0,n.jsx)(o.MenuButton,{shape:`circular`,icon:(0,n.jsx)(g,{}),style:{minWidth:`200px`},"aria-label":`Select week: ${u}`,children:u})}),(0,n.jsx)(o.MenuPopover,{style:{maxWidth:`fit-content`},children:(0,n.jsx)(o.MenuList,{children:(0,n.jsx)(_.Calendar,{dateRangeType:s,highlightSelectedMonth:!0,showGoToToday:!0,onSelectDate:v,value:c,firstDayOfWeek:y})})})]})}),cf={today:`Today`,previous:`Previous`,next:`Next`},lf=t.memo(({selectedView:e,onSelectedView:r,currentDate:i,setCurrentDate:a,onWeekChange:s,onMonthChange:c,onDayChange:l,strings:u=cf})=>{let d=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowDownFilled,m.ArrowDownRegular),[]),f=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowUpFilled,m.ArrowUpRegular),[]),p=t.useCallback(e=>{s(e.startDate),a(e.startDate)},[s,a]),h=t.useCallback(e=>{c(e),a(e)},[c,a]),g=t.useCallback(e=>{l(e),a(e)},[l,a]),_=t.useCallback(()=>{switch(e){case W.Month:return(0,n.jsx)(nf,{onSelected:h,value:i});case W.Week:return(0,n.jsx)(sf,{onSelected:p,value:i});case W.Day:return(0,n.jsx)(Qd,{onSelected:g,value:i});default:return(0,n.jsx)(nf,{onSelected:h,value:i})}},[e,h,p,g,i]),v=t.useCallback(()=>(0,n.jsx)(o.Tooltip,{content:u.today,relationship:`label`,children:(0,n.jsx)(o.Button,{shape:`circular`,icon:(0,n.jsx)(m.CalendarTodayRegular,{}),size:`medium`,onClick:()=>l(new Date),children:u.today})}),[l,u.today]),y=t.useCallback(t=>{let n=new Date(i);switch(e){case W.Month:n.setMonth(n.getMonth()+t),c(n);break;case W.Week:n.setDate(n.getDate()+t*7),s(n);break;case W.Day:n.setDate(n.getDate()+t),l(n);break;default:break}a(n)},[i,e,c,s,l,a]);return(0,n.jsxs)(H,{width:`calc(100% - 40px)`,height:`fit-content`,direction:`horizontal`,justifyContent:`space-between`,alignItems:`center`,paddingLeft:`20px`,paddingRight:`20px`,paddingBottom:`10px`,paddingTop:`10px`,columnGap:`10px`,overflow:`hidden`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,columnGap:`10px`,children:[(0,n.jsx)(v,{}),(0,n.jsx)(_,{}),(0,n.jsx)(o.Tooltip,{content:u.previous,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(f,{fontSize:14}),onClick:()=>y(-1)})}),(0,n.jsx)(o.Tooltip,{content:u.next,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(d,{fontSize:14}),onClick:()=>y(1)})})]}),(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,columnGap:`10px`,children:(0,n.jsx)(Zd,{onSelected:r,value:e})})]})}),uf={allDay:`All Day`},df=e=>{let{events:i,currentDay:a,height:s,strings:c=uf}=e,{styles:l}=Vd(),[u]=(0,t.useState)(a),[f,p]=(0,t.useState)(32),m=(0,t.useRef)(null),{getSpanSlots:h,getEventColors:g,getCalendarColors:_,formatDate:v}=Md(),y=(0,r.startOfWeek)(u,{weekStartsOn:0}),b=Intl.DateTimeFormat().resolvedOptions().timeZone,{getWeekEvents:x}=Gd(b);(0,t.useEffect)(()=>{let e=new d.ResizeObserver(()=>{if(m.current){let e=m.current.querySelector(`.dayCell`);e&&p(e.offsetHeight)}});return m.current&&e.observe(m.current),()=>{e.disconnect()}},[]);let S=t.useCallback(()=>Array.from({length:24},(e,r)=>(0,n.jsxs)(t.Fragment,{children:[(0,n.jsx)(`div`,{className:l.timeCell,children:(0,n.jsxs)(o.Body1Strong,{children:[r,`:00`]})}),(0,n.jsx)(`div`,{className:l.timeCell})]},r)),[l.timeCell]),C=t.useCallback(()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.blankHeader}),Array.from({length:7},(e,t)=>{let i=(0,r.addDays)(y,t),a=(0,r.isToday)(i)?l.todayHeaderCell:``;return(0,n.jsxs)(`div`,{className:(0,o.mergeClasses)(l.dayHeaderCell,a),children:[(0,n.jsx)(o.Text,{weight:`regular`,size:600,style:{paddingRight:10},children:v(i.toISOString(),`dd`)}),(0,n.jsx)(o.Body1,{children:v(i.toISOString(),`EEE`)})]},t)})]}),[y,l,v]),w=t.useCallback(()=>{let e=x(i,y.toISOString());return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:l.fullDayLabel,children:(0,n.jsx)(o.Body1,{children:c.allDay})}),Array.from({length:7},(t,i)=>{let a=v((0,r.addDays)(y,i).toISOString(),`yyyy-MM-dd`),s=e.find(e=>e.date===a)?.fullDayEvents||[];return(0,n.jsx)(`div`,{className:l.fullDayCell,children:s.map(e=>(0,n.jsx)(`div`,{className:l.fullDayEvent,style:{gridColumn:`${i+2}`,backgroundColor:e.color?_(e.color).backgroundColor:g(e.category).backgroundColor},children:(0,n.jsx)(o.Caption1Strong,{className:l.eventTitle,children:e.title})},e.id))},i)})]})},[y,l,x,_,g,i,v,c.allDay]),T=t.useCallback(()=>{let e=x(i,y.toISOString());return Array.from({length:7},(t,i)=>{let a=(0,r.format)((0,r.addDays)(y,i),`yyyy-MM-dd`);return(0,n.jsx)(n.Fragment,{children:e.find(e=>e.date===a)?.timeSlots.map((e,t)=>{let r=e.events.length;return(0,n.jsx)(`div`,{className:l.dayCell,style:{gridRow:t+3},children:e.events.map((e,i)=>{let{spanSlots:a,startSlot:o}=h(new Date(e.start),new Date(e.end));return t===o?(0,n.jsx)(Wd,{event:e,eventCount:r,spanSlots:a,rowHeight:f,eventIndex:i,view:`week`},e.id):null})},t)})})})},[y,l,x,h,f,i]);return(0,n.jsx)(`div`,{className:l.container,style:{height:s},children:(0,n.jsxs)(`div`,{ref:m,className:l.weekGrid,children:[(0,n.jsx)(`div`,{className:l.timeColumn,children:S()}),C(),w(),T()]})})},ff={daysOfWeek:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},pf=({currentDate:e,rowHeight:t,getCalendarDays:r,getEventsForDay:i,styles:a,onDaySlotClick:s,height:c,calendarRef:l,strings:u})=>{let d=u?.daysOfWeek||ff.daysOfWeek;return(0,n.jsx)(H,{height:c,width:`100%`,justifyContent:`flex-start`,alignItems:`flex-start`,children:(0,n.jsxs)(`div`,{className:a.calendarWrapper,ref:l,role:`grid`,"aria-label":`Calendar`,children:[d.map((e,t)=>{let r=t===0||t===6;return(0,n.jsx)(o.Body1,{className:a.dayHeader,style:{color:r?o.tokens.colorPaletteRedForeground1:void 0},role:`columnheader`,children:e},e)}),r(e).map((e,r)=>{let{day:a,currentMonth:o}=e,c=o?i(e):[];return(0,n.jsx)(Bd,{day:a,date:e.date,currentMonth:e.currentMonth,events:c,columnHeight:t||0,onDayClick:s},r)})]})})},mf=t.memo(({events:e,currentDay:t,height:r,strings:i})=>(0,n.jsx)(df,{events:e,currentDay:t,height:r,strings:i})),hf=t.memo(({events:e,currentDay:t,height:r,strings:i})=>(0,n.jsx)(Yd,{currentDay:t,events:e,height:r,strings:i})),gf=({events:e,height:i=800,theme:a,onDayChange:s,onMonthChange:c,onWeekChange:l,onViewChange:u,onDaySlotClick:f,defaultView:p,strings:m})=>{let{styles:h}=Rd(),g=(0,t.useRef)(null),[_,v]=(0,t.useState)(null),y=(0,t.useRef)(0),[b,x]=(0,t.useState)(new Date),[S,C]=(0,t.useState)(p??W.Month),{getMonthCalendar:w}=Gd(Intl.DateTimeFormat().resolvedOptions().timeZone),T=t.useCallback(e=>{let t=e.getMonth(),n=(0,r.startOfWeek)((0,r.startOfMonth)(e));return Array.from({length:42},(e,i)=>{let a=(0,r.addDays)(n,i);return{day:a.getDate(),currentMonth:a.getMonth()===t,date:a}})},[42]),E=t.useCallback(e=>{c&&c(e),x(e)},[c]),D=t.useCallback(e=>{s&&s(e),x(e)},[s]),O=t.useCallback(e=>{l&&l(e),x(e)},[l]),k=t.useCallback(e=>{u&&u(e),C(e)},[u]),A=t.useCallback(t=>{let{date:n}=t;return w(e,b.getFullYear(),b.getMonth())[(0,r.format)(n,`yyyy-MM-dd`)]?.flatMap(e=>e)||[]},[b,e]),j=t.useCallback(()=>{g.current&&requestAnimationFrame(()=>{if(g.current){let e=g.current.querySelector(`.${h.calendarWrapper} > div:nth-child(8)`);e&&(v(e.offsetHeight),y.current=e.offsetHeight)}})},[h.calendarWrapper]);(0,t.useEffect)(()=>{let e=new d.ResizeObserver(j);return g.current&&e.observe(g.current),j(),window.addEventListener(`resize`,j),()=>{e.disconnect(),window.removeEventListener(`resize`,j)}},[j,S]),(0,t.useEffect)(()=>{C(p||W.Month)},[p]);let M=t.useCallback(()=>{switch(S){case W.Month:return(0,n.jsx)(pf,{events:e,currentDate:b,rowHeight:_,getCalendarDays:T,getEventsForDay:A,styles:h,onDaySlotClick:f,height:i,calendarRef:g,strings:m?.calendarControl});case W.Week:return(0,n.jsx)(mf,{events:e,currentDay:b,height:i,strings:m?.weekView});case W.Day:return(0,n.jsx)(hf,{events:e,currentDay:b,height:i,strings:m?.dayView});default:return(0,n.jsx)(pf,{events:e,currentDate:b,rowHeight:_,getCalendarDays:T,getEventsForDay:A,styles:h,onDaySlotClick:f,height:i,calendarRef:g,strings:m?.calendarControl})}},[S,e,b,_,T,A,h,f,i]),N=(0,n.jsxs)(H,{height:`100%`,justifyContent:`flex-start`,children:[(0,n.jsx)(lf,{selectedView:S,onSelectedView:k,currentDate:b,setCurrentDate:x,onWeekChange:O,onMonthChange:E,onDayChange:D,strings:m?.toolbar}),(0,n.jsx)(M,{})]});return(0,n.jsx)(o.IdPrefixProvider,{value:`calendarControl-`,children:a?(0,n.jsx)(o.FluentProvider,{theme:a,applyStylesToPortals:!0,style:{width:`100%`},children:N}):(0,n.jsx)(`div`,{style:{width:`100%`},children:N})})},_f=()=>({styles:{root:(0,f.css)({marginLeft:o.tokens.spacingHorizontalM,marginRight:o.tokens.spacingHorizontalM,marginBottom:o.tokens.spacingVerticalM,marginTop:o.tokens.spacingVerticalM,containerType:`inline-size`,backgroundColor:o.tokens.colorNeutralBackground1,borderRadius:8,border:`1px solid ${o.tokens.colorNeutralStroke2}`}),header:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke2}`}),headerBackButton:(0,f.css)({fontSize:`clamp(6px, 3.5cqw, 22px)`}),headerLabel:(0,f.css)({textTransform:`capitalize`}),calendar:(0,f.css)({borderBottom:`1px solid ${o.tokens.colorNeutralStroke2}`,backgroundColor:o.tokens.colorNeutralBackground2}),weekdaysCorner:(0,f.css)({flex:`0 0 32px`}),weekday:(0,f.css)({flex:`1 1 calc(100% / 7)`,maxWidth:`calc(100% / 7)`,textAlign:`center`,textTransform:`capitalize`,display:`flex`,alignItems:`center`,justifyContent:`center`,cursor:`default`,userSelect:`none`,paddingBlock:`4px`,boxSizing:`border-box`}),weekNumber:(0,f.css)({flex:`0 0 28px`,marginInlineEnd:`4px`,display:`flex`,alignItems:`center`,justifyContent:`center`,cursor:`default`,userSelect:`none`}),day:(0,f.css)({flex:`1 1 calc(100% / 7)`,maxWidth:`calc(100% / 7)`,height:`48px`,minWidth:`0 !important`,padding:`4px !important`,fontWeight:500,fontSize:`clamp(6px, 3.5cqw, 22px)`,color:`${o.tokens.colorNeutralForeground1} !important`,cursor:`pointer`,userSelect:`none`,display:`flex`,flexDirection:`column`,alignItems:`center`,justifyContent:`center`,position:`relative`,zIndex:0,borderRadius:0,"::before":{width:`32px`,height:`32px`,borderRadius:`100%`,content:`""`,position:`absolute`,top:`7px`,left:`calc(50% - 16px)`,zIndex:-1,pointerEvents:`none`},":focus-visible":{zIndex:1,outline:`2px solid ${o.tokens.colorBrandStroke1}`,outlineOffset:`-2px`,borderRadius:o.tokens.borderRadiusMedium},":hover::before":{backgroundColor:o.tokens.colorNeutralBackground1Hover}}),dayHidden:(0,f.css)({visibility:`hidden`,pointerEvents:`none`}),dayWeekend:(0,f.css)({color:`${o.tokens.colorPaletteRedForeground1} !important`}),dayOutside:(0,f.css)({color:`${o.tokens.colorNeutralForeground3} !important`}),dayToday:(0,f.css)({"::before":{backgroundColor:o.tokens.colorNeutralBackground3}}),daySelected:(0,f.css)({color:`${o.tokens.colorNeutralForegroundOnBrand} !important`,"::before":{backgroundColor:o.tokens.colorBrandBackground},":hover::before":{backgroundColor:o.tokens.colorBrandBackgroundHover}}),dayIndicators:(0,f.css)({position:`absolute`,bottom:`2px`,insetInline:0,paddingInlineStart:`2px`}),dayIndicator:(0,f.css)({width:`5px`,height:`5px`,borderRadius:`100%`,marginInlineStart:`-1px`}),eventsList:(0,f.css)({flex:1,minHeight:0,overflowY:`auto`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} ${o.tokens.colorNeutralBackground3}`,"&::-webkit-scrollbar":{width:`3px`,height:`3px`},"&::-webkit-scrollbar-track":{background:o.tokens.colorNeutralBackground3,borderRadius:o.tokens.borderRadiusMedium},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:o.tokens.borderRadiusMedium},"&::-webkit-scrollbar-thumb:hover":{background:o.tokens.colorBrandBackgroundHover}}),eventsHeader:(0,f.css)({textTransform:`capitalize`}),event:(0,f.css)({cursor:`pointer`,borderBottom:`1px solid ${o.tokens.colorNeutralStroke2}`,padding:`0 !important`,borderRadius:0,boxShadow:`none`,":last-child":{borderBottom:`none`},":hover":{backgroundColor:o.tokens.colorNeutralBackground1Hover},":focus-visible":{outline:`2px solid ${o.tokens.colorBrandStroke1}`,outlineOffset:`-2px`,borderRadius:o.tokens.borderRadiusMedium}}),eventColor:(0,f.css)({width:`4px`,borderRadius:`2px`,flexShrink:0,alignSelf:`stretch`}),eventTimeColor:o.tokens.colorNeutralForeground3}}),vf=e=>(0,r.getISOWeek)(e[0]),yf=t.memo(e=>{let{weeks:i,date:a,selectedDate:s,today:c,orderedShortDays:l,groupedEvents:u,weekendDays:d,firstDayOfWeek:f,highlightToday:p,withOutsideDays:m,withWeekNumbers:h,onDayClick:g,getEventColor:_,locale:v}=e,{styles:y}=_f(),b=t.useRef([]),x=t.useRef(null);x.current=null;let S=t.useCallback((e,t,n)=>{let r=e,i=t;switch(n.key){case`ArrowRight`:i+=1,i>=7&&(i=0,r+=1);break;case`ArrowLeft`:--i,i<0&&(i=6,--r);break;case`ArrowDown`:r+=1;break;case`ArrowUp`:--r;break;default:return}n.preventDefault();let a=b.current[r]?.[i];a&&a instanceof HTMLElement&&a.focus()},[]),C=t.useMemo(()=>(0,n.jsxs)(H,{direction:`horizontal`,marginBottom:o.tokens.spacingVerticalXS,children:[h&&(0,n.jsx)(`div`,{className:y.weekdaysCorner}),l.map((e,t)=>{let r=(f+t)%7,i=d.includes(r);return(0,n.jsx)(Cd,{as:`span`,fontSize:o.tokens.fontSizeBase200,fontWeight:`semibold`,color:i?o.tokens.colorPaletteRedForeground1:o.tokens.colorNeutralForeground3,className:y.weekday,style:{textAlign:`center`,width:`100%`},children:e},t)})]}),[l,h,y.weekdaysCorner,y.weekday]),w=t.useMemo(()=>i.map((e,t)=>{let i=e.map((e,i)=>{let l=!(0,r.isSameMonth)(e,a),f=d.includes((0,r.getDay)(e)),h=(0,r.isSameDay)(e,c)&&p,C=s?(0,r.isSameDay)(e,s):!1,w=u[(0,r.format)(e,`yyyy-MM-dd`)]||[],T=m||!l;T&&x.current===null&&(x.current={weekIndex:t,dayIndex:i});let E=x.current?.weekIndex===t&&x.current?.dayIndex===i,D=w.slice(0,3).map(e=>(0,n.jsx)(`div`,{className:y.dayIndicator,style:{backgroundColor:_(e)}},e.id));return(0,n.jsxs)(o.Button,{appearance:`transparent`,className:(0,o.mergeClasses)(y.day,!T&&y.dayHidden,l&&T&&!C&&!f&&y.dayOutside,f&&T&&!C&&y.dayWeekend,h&&!C&&y.dayToday,C&&y.daySelected),"aria-label":(0,r.format)(e,`MMMM d, yyyy`,{locale:v}),"aria-selected":C||void 0,tabIndex:T&&E?0:-1,onClick:T?()=>g(e):void 0,onKeyDown:T?e=>S(t,i,e):void 0,ref:e=>{b.current[t]||(b.current[t]=[]),b.current[t][i]=e},children:[T?e.getDate():null,T&&(0,n.jsx)(H,{direction:`horizontal`,justifyContent:`center`,className:y.dayIndicators,children:D})]},e.toISOString())}),l=vf(e);return(0,n.jsxs)(H,{direction:`horizontal`,children:[h&&(0,n.jsx)(Cd,{fontSize:`xs`,color:o.tokens.colorNeutralForeground3,className:y.weekNumber,children:l}),i]},t)}),[i,a,s,c,d,p,m,h,u,_,g,S,y,v]);return(0,n.jsxs)(H,{direction:`vertical`,padding:o.tokens.spacingVerticalS,className:y.calendar,children:[C,w]})}),bf=t.memo(e=>{let{date:i,renderHeader:a,onYearClick:s,locale:c}=e,{styles:l}=_f(),u=(0,r.format)(i,`MMMM yyyy`,{locale:c}),d=t.useMemo(()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Button,{appearance:`subtle`,className:l.headerBackButton,onClick:s,icon:(0,n.jsx)(m.ChevronRight20Regular,{style:{transform:`rotate(90deg)`}}),children:(0,r.format)(i,`yyyy`)}),(0,n.jsx)(Cd,{fontWeight:`bold`,className:l.headerLabel,children:u})]}),[i,s,l]),f=t.useMemo(()=>typeof a==`function`?a({date:i,defaultHeader:d}):d,[a,i,d]);return(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,justifyContent:`space-between`,padding:o.tokens.spacingVerticalS,className:l.header,children:f})}),xf=t.memo(({currentDate:e,onDateChange:r,todayLabel:i=`Today`,previousLabel:a=`Previous`,nextLabel:s=`Next`})=>{let c=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowDownFilled,m.ArrowDownRegular),[]),l=t.useMemo(()=>(0,m.bundleIcon)(m.ArrowUpFilled,m.ArrowUpRegular),[]),u=t.useCallback(()=>{r(new Date)},[r]),d=t.useCallback(e=>{r(e)},[r]),f=t.useCallback(t=>{let n=new Date(e);n.setMonth(n.getMonth()+t),r(n)},[e,r]);return(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`flex-start`,alignItems:`center`,gap:`s`,padding:`10px 20px`,style:{overflow:`hidden`},children:[(0,n.jsx)(o.Tooltip,{content:i,relationship:`label`,children:(0,n.jsx)(o.Button,{shape:`circular`,icon:(0,n.jsx)(m.CalendarTodayRegular,{}),size:`medium`,onClick:u,"aria-label":i,children:i})}),(0,n.jsx)(nf,{onSelected:d,value:e}),(0,n.jsx)(o.Tooltip,{content:a,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(l,{fontSize:14}),onClick:()=>f(-1)})}),(0,n.jsx)(o.Tooltip,{content:s,relationship:`label`,children:(0,n.jsx)(o.Button,{size:`medium`,icon:(0,n.jsx)(c,{fontSize:14}),onClick:()=>f(1)})})]})}),Sf=e=>{let{events:i,header:a,allDayLabel:s,noEventsLabel:c,onEventClick:l,renderEvent:u,getEventColor:d,locale:f}=e,{styles:p}=_f(),m=t.useCallback(e=>{let t=(0,r.format)(new Date(e.start),`p`,{locale:f}),i=(0,r.format)(new Date(e.end),`p`,{locale:f}),a=e.isFullDay||t===`00:00`&&i===`00:00`;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ju,{padding:`0px`,appearance:`subtle`,onClick:t=>l?.(e,t),cardBody:(0,n.jsxs)(H,{direction:`horizontal`,gap:`s`,paddingTop:o.tokens.spacingVerticalXS,paddingBottom:o.tokens.spacingVerticalXS,children:[(0,n.jsx)(`div`,{className:p.eventColor,style:{backgroundColor:d(e)}}),(0,n.jsxs)(H,{direction:`vertical`,children:[(0,n.jsx)(Cd,{as:`span`,fontWeight:`semibold`,fontSize:`s`,children:e.title}),(0,n.jsx)(Cd,{as:`span`,fontSize:`xs`,color:p.eventTimeColor,children:a?s:`${t} – ${i}`})]})]})},e.id),(0,n.jsx)(o.Divider,{style:{margin:0}})]})},[s,d,l,p]);return(0,n.jsxs)(H,{direction:`vertical`,padding:o.tokens.spacingVerticalS,className:p.eventsList,children:[(0,n.jsx)(Cd,{as:`span`,fontWeight:`bold`,marginBottom:o.tokens.spacingVerticalS,marginLeft:o.tokens.spacingHorizontalS,className:p.eventsHeader,children:a}),(0,n.jsx)(o.Divider,{style:{paddingLeft:o.tokens.spacingHorizontalS,paddingRight:o.tokens.spacingHorizontalS,paddingTop:o.tokens.spacingVerticalS}}),(0,n.jsx)(H,{direction:`vertical`,gap:`s`,style:{backgroundColor:`transparent`},padding:`s`,children:i.length>0?i.map(e=>u?u(e,m(e)):m(e)):(0,n.jsx)(Cd,{block:!0,color:o.tokens.colorNeutralForeground3,paddingTop:o.tokens.spacingVerticalXXL,paddingBottom:o.tokens.spacingVerticalXXL,style:{textAlign:`center`},children:c})})]})},Cf=e=>{let t=(0,r.startOfDay)(new Date(e.start)),n=(0,r.startOfDay)(new Date(e.end));return t.getTime()!==n.getTime()},wf=(e,t)=>{if(Cf(e)){let n=(0,r.startOfDay)(new Date(e.start)),i=(0,r.startOfDay)(new Date(e.end)),a=n;for(;(0,r.isBefore)(a,i)||(0,r.isEqual)(a,i);){let n=(0,r.format)(a,`yyyy-MM-dd`);t[n]||(t[n]=[]),t[n].push(e),a=(0,r.addDays)(a,1)}return}let n=(0,r.format)(new Date(e.start),`yyyy-MM-dd`);t[n]||(t[n]=[]),t[n].push(e)},Tf=(e,t)=>{let n={};if(!t)return n;let i=new Set;for(let a of t)if((0,r.isSameMonth)(new Date(a.start),e)){if(i.has(a.id)){console.warn(`[CompactCalendar] Duplicate event id found: ${a.id}`);continue}i.add(a.id),wf(a,n)}return n},Ef=(e,n)=>(0,t.useMemo)(()=>Tf(e,n),[e,n]),Df={en:i.enUS,"en-US":i.enUS,"en-us":i.enUS,ar:i.ar,"ar-SA":i.arSA,"ar-sa":i.arSA,az:i.az,"az-AZ":i.az,bg:i.bg,"bg-BG":i.bg,bs:i.bs,"bs-BA":i.bs,ca:i.ca,"ca-ES":i.ca,cs:i.cs,"cs-CZ":i.cs,cy:i.cy,da:i.da,"da-DK":i.da,de:i.de,"de-DE":i.de,el:i.el,"el-GR":i.el,es:i.es,"es-ES":i.es,et:i.et,"et-EE":i.et,eu:i.eu,fi:i.fi,"fi-FI":i.fi,fr:i.fr,"fr-FR":i.fr,gl:i.gl,he:i.he,"he-IL":i.he,hi:i.hi,"hi-IN":i.hi,hr:i.hr,"hr-HR":i.hr,hu:i.hu,"hu-HU":i.hu,id:i.id,"id-ID":i.id,it:i.it,"it-IT":i.it,ja:i.ja,"ja-JP":i.ja,kk:i.kk,"kk-KZ":i.kk,ko:i.ko,"ko-KR":i.ko,lt:i.lt,"lt-LT":i.lt,lv:i.lv,"lv-LV":i.lv,mk:i.mk,"mk-MK":i.mk,ms:i.ms,"ms-MY":i.ms,nb:i.nb,"nb-NO":i.nb,nl:i.nl,"nl-NL":i.nl,pl:i.pl,"pl-PL":i.pl,pt:i.pt,"pt-PT":i.pt,"pt-BR":i.ptBR,ro:i.ro,"ro-RO":i.ro,ru:i.ru,"ru-RU":i.ru,sk:i.sk,"sk-SK":i.sk,sl:i.sl,"sl-SI":i.sl,sr:i.sr,"sr-RS":i.sr,sv:i.sv,"sv-SE":i.sv,th:i.th,"th-TH":i.th,tr:i.tr,"tr-TR":i.tr,uk:i.uk,"uk-UA":i.uk,vi:i.vi,"vi-VN":i.vi,zh:i.zhCN,"zh-CN":i.zhCN};function Of(e){return e?typeof e==`object`&&e?e:Df[e]||(Df[e.split(`-`)[0].toLowerCase()]??i.enUS):i.enUS}var kf=[0,6],Af=(e,t,n)=>{let i=(0,r.startOfMonth)(e),a=(0,r.getDay)(i),o=(0,r.getDaysInMonth)(e),s=(a-t+7)%7,c=(0,r.subDays)(i,s),l=n?42:Math.ceil((s+o)/7)*7,u=[],d=c;for(let e=0;e<l;e++){let t=Math.floor(e/7);u[t]||(u[t]=[]),u[t].push(d),d=(0,r.addDays)(d,1)}return u},jf=i=>{let{date:a,selectedDate:s,defaultSelectedDate:c,onSelectedDateChange:l,withWeekNumbers:u=!1,firstDayOfWeek:d=1,weekendDays:f=kf,consistentWeeks:p=!0,highlightToday:m=!0,withOutsideDays:h=!1,showToolbar:g=!1,events:_,onDayClick:v,onEventClick:y,onYearClick:b,renderHeader:x,renderEvent:S,eventsHeaderFormat:C=`EEEE, MMMM d`,locale:w,height:T,className:E,strings:D}=i,{styles:O}=_f(),{getCalendarColors:k}=Md(),A=e.s(),j=e.m(),M=t.useMemo(()=>Of(w??j?.locale),[w,j?.locale]),[N,P]=t.useState(c??new Date),F=s===void 0?N:s,I=t.useCallback(e=>{s===void 0&&P(e),l?.(e)},[s,l]),L=t.useMemo(()=>new Date,[]),R=Ef(a,_),ee=D?.shortDays??A.shortDays,te=t.useMemo(()=>{let e=[];for(let t=0;t<7;t++)e.push(ee[(d+t)%7]);return e},[ee,d]),ne=t.useMemo(()=>Af(a,d,p),[a,d,p]),z=t.useCallback(e=>e.hexColor?e.hexColor:e.color?k(e.color).backgroundColor:k(`royal-blue`).backgroundColor,[k]),re=t.useCallback(e=>{I(e),v?.(e)},[I,v]),ie=F?(0,r.format)(F,`yyyy-MM-dd`):``,ae=ie?(R[ie]||[]).sort((e,t)=>new Date(e.start).getTime()-new Date(t.start).getTime()):[],oe=F?(0,r.format)(F,C,{locale:M}):``;return(0,n.jsxs)(H,{direction:`vertical`,height:T??`100%`,className:(0,o.mergeClasses)(O.root,E),children:[g?(0,n.jsx)(xf,{currentDate:a,onDateChange:e=>i.onDateChange?.(e),todayLabel:D?.today??A.today??`Today`,previousLabel:D?.previous??A.previous??`Previous`,nextLabel:D?.next??A.next??`Next`}):(0,n.jsx)(bf,{date:a,renderHeader:x,onYearClick:b,locale:M}),(0,n.jsx)(yf,{weeks:ne,date:a,selectedDate:F,today:L,orderedShortDays:te,groupedEvents:R,weekendDays:f,firstDayOfWeek:d,highlightToday:m,withOutsideDays:h,withWeekNumbers:u,onDayClick:re,getEventColor:z,locale:M}),(0,n.jsx)(Sf,{events:ae,header:oe,allDayLabel:D?.allDay??A.allDay,noEventsLabel:D?.noEvents??A.noEvents,onEventClick:y,renderEvent:S,getEventColor:z,locale:M})]})},Mf=(0,v.atom)(!1),Nf=(0,v.atom)(-1),Pf=(0,v.atom)(``),Ff=(0,v.atom)(``),If=(0,v.atom)(new Set),Lf=(0,v.atom)(!0),Rf=(0,v.atom)(void 0);function zf(){return(0,v.createStore)()}var Bf=zf();function Vf(e){return{opened:e.get(Mf),selected:e.get(Nf),listId:e.get(Pf),query:e.get(Ff),registeredActions:e.get(If)}}var G={open(e){e.set(Mf,!0),e.set(Nf,-1)},close(e){e.set(Mf,!1)},toggle(e){e.get(Mf)?e.set(Mf,!1):(e.set(Mf,!0),e.set(Nf,-1))},setQuery(e,t){t.get(Rf)?.(e),t.set(Ff,e),Promise.resolve().then(()=>{G.selectAction(0,t)})},setListId(e,t){t.set(Pf,e)},selectAction(e,t){let n=t.get(Pf),r=n?document.getElementById(n):null,i=r?.querySelector(`[data-spotlight-selected]`),a=r?.querySelectorAll(`[data-spotlight-action]`)??[];if(a.length===0)return t.set(Nf,-1),-1;let o=e<0?a.length-1:e>=a.length?0:e,s=Math.max(0,Math.min(o,a.length-1));return i?.removeAttribute(`data-spotlight-selected`),a[s]?.scrollIntoView({block:`nearest`}),a[s]?.setAttribute(`data-spotlight-selected`,`true`),t.set(Nf,s),s},selectNextAction(e){return G.selectAction(e.get(Nf)+1,e)},selectPreviousAction(e){return G.selectAction(e.get(Nf)-1,e)},triggerSelectedAction(e){let t=e.get(Pf);(t?document.querySelector(`#${t} [data-spotlight-selected]`):null)?.click()},clearState(e,t){t.set(Nf,-1),e.clearQuery&&t.set(Ff,``)}},Hf={open:()=>G.open(Bf),close:()=>G.close(Bf),toggle:()=>G.toggle(Bf)},Uf=Hf.open,Wf=Hf.close,Gf=Hf.toggle;function Kf(){let e=zf();return[e,{open:()=>G.open(e),close:()=>G.close(e),toggle:()=>G.toggle(e)}]}function qf(e=Bf){let[n,r]=(0,t.useState)(()=>Vf(e));return(0,t.useEffect)(()=>{let t=()=>r(Vf(e)),n=[e.sub(Mf,t),e.sub(Nf,t),e.sub(Pf,t),e.sub(Ff,t),e.sub(If,t)];return t(),()=>n.forEach(e=>e())},[e]),n}function Jf(e){let t=e.toLowerCase().split(`+`).map(e=>e.trim()),n=typeof navigator<`u`&&/Mac|iPhone|iPad|iPod/i.test(navigator.userAgent);return{key:t[t.length-1],ctrlKey:t.includes(`ctrl`)||!n&&t.includes(`mod`),metaKey:t.includes(`meta`)||n&&t.includes(`mod`),shiftKey:t.includes(`shift`),altKey:t.includes(`alt`)}}function Yf(e,n=Bf,r=[`INPUT`,`TEXTAREA`,`SELECT`]){let i=(0,t.useCallback)(t=>{if(!e)return;let i=t.target;if(r.includes(i.tagName)||i.isContentEditable)return;let a=Array.isArray(e)?e:[e];for(let e of a){let r=Jf(e);if(t.key.toLowerCase()===r.key&&t.ctrlKey===r.ctrlKey&&t.metaKey===r.metaKey&&t.shiftKey===r.shiftKey&&t.altKey===r.altKey){t.preventDefault(),G.toggle(n);return}}},[e,n,r]);(0,t.useEffect)(()=>{if(e)return document.addEventListener(`keydown`,i),()=>document.removeEventListener(`keydown`,i)},[e,i])}var Xf=()=>({backdrop:(0,f.css)({position:`fixed`,inset:0,backgroundColor:`rgba(0, 0, 0, 0.35)`,backdropFilter:`blur(4px)`,zIndex:999999}),surface:(0,f.css)({padding:`0 !important`,overflow:`hidden`,borderRadius:o.tokens.borderRadiusXLarge,boxShadow:o.tokens.shadow64}),search:(0,f.css)({padding:o.tokens.spacingVerticalM,paddingInline:o.tokens.spacingHorizontalL,width:`100%`,boxSizing:`border-box`,"& > div":{width:`100%`}}),actionsList:(0,f.css)({borderTop:`1px solid ${o.tokens.colorNeutralStroke2}`,overflowY:`auto`}),action:(0,f.css)({alignItems:`flex-start`,width:`100%`,padding:`${o.tokens.spacingVerticalS} ${o.tokens.spacingHorizontalL}`,textAlign:`left`,gap:o.tokens.spacingHorizontalM,transition:`background-color 0.1s ease`,"&:hover":{backgroundColor:o.tokens.colorNeutralBackground1Hover},'&[data-spotlight-selected="true"]':{backgroundColor:o.tokens.colorBrandBackground,color:o.tokens.colorNeutralForegroundOnBrand}}),actionBody:(0,f.css)({flex:1,minWidth:0}),actionSectionLeft:(0,f.css)({flexShrink:0,fontSize:`30px`,paddingTop:`2px`,color:o.tokens.colorNeutralForeground3,'[data-spotlight-selected="true"] &':{color:o.tokens.colorNeutralForegroundOnBrand,opacity:.85}}),actionSectionRight:(0,f.css)({flexShrink:0,color:o.tokens.colorNeutralForeground3,'[data-spotlight-selected="true"] &':{color:o.tokens.colorNeutralForegroundOnBrand,opacity:.7}}),actionDescription:(0,f.css)({'[data-spotlight-selected="true"] &':{color:o.tokens.colorNeutralForegroundOnBrand,opacity:.7}}),actionsGroup:(0,f.css)({"&:not(:first-child)":{marginTop:o.tokens.spacingVerticalM}}),actionsGroupLabel:(0,f.css)({textTransform:`uppercase`,paddingInline:o.tokens.spacingHorizontalL,paddingBlock:o.tokens.spacingVerticalXS}),empty:(0,f.css)({padding:o.tokens.spacingVerticalL}),footer:(0,f.css)({borderTop:`1px solid ${o.tokens.colorNeutralStroke2}`}),highlight:(0,f.css)({backgroundColor:o.tokens.colorPaletteYellowBackground2,color:`inherit`,borderRadius:o.tokens.borderRadiusSmall,padding:`0 1px`,'[data-spotlight-selected="true"] &':{backgroundColor:`rgba(255, 255, 255, 0.3)`}})}),Zf=({store:e=Bf,query:r,onQueryChange:i,clearQueryOnClose:a=!0,shortcut:s=`mod+K`,tagsToIgnore:c=[`INPUT`,`TEXTAREA`,`SELECT`],disabled:l=!1,onSpotlightOpen:u,onSpotlightClose:d,forceOpened:f=!1,closeOnActionTrigger:p=!0,maxWidth:m=600,yOffset:h=80,maxHeight:g=400,scrollable:_=!0,children:y,className:b})=>{let x=Xf(),{opened:S}=qf(e),C=(0,t.useRef)(S);(0,t.useEffect)(()=>{e.set(Lf,p)},[e,p]),(0,t.useEffect)(()=>{e.set(Rf,i)},[e,i]),(0,t.useEffect)(()=>{typeof r==`string`&&e.set(Ff,r)},[e,r]),Yf(s,e,c),(0,t.useEffect)(()=>{C.current!==S&&(C.current=S,S?u?.():(d?.(),a&&G.setQuery(``,e),G.clearState({clearQuery:a},e)))},[S,u,d,a,e]);let w=(0,t.useCallback)(()=>{G.close(e)},[e]);if(l)return null;let T=S||f,E={position:`fixed`,top:typeof h==`number`?`${h}px`:h,left:`50%`,transform:`translateX(-50%)`,maxWidth:typeof m==`number`?`${m}px`:m,width:`100%`,zIndex:1e6,maxHeight:_?`calc(100vh - ${typeof h==`number`?`${h*2}px`:h})`:void 0,display:`flex`,flexDirection:`column`},D={display:`flex`,flexDirection:`column`,overflow:`hidden`,maxHeight:_?typeof g==`number`?`${g}px`:g:void 0,gap:0,padding:0};return(0,n.jsx)(v.Provider,{store:e,children:T&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:x.backdrop,onClick:w,"aria-hidden":`true`}),(0,n.jsx)(o.Dialog,{open:!0,modalType:`non-modal`,onOpenChange:(t,n)=>{n.open||G.close(e)},children:(0,n.jsx)(o.DialogSurface,{className:`${x.surface}${b?` ${b}`:``}`,style:E,"aria-label":`Spotlight search`,children:(0,n.jsx)(o.DialogBody,{style:D,children:y})})})]})})},Qf=()=>({searchBoxStyles:y.css`
34
34
  border: 1px solid ${o.tokens.colorNeutralStroke2};
35
35
  border-radius: 50px;
36
36
  background-color: ${o.tokens.colorNeutralBackground1};
@@ -482,10 +482,10 @@ import { AISearchIcon } from './AISearchIcon';
482
482
  `,Rx=f.keyframes`
483
483
  0% { background-position: -200% center; }
484
484
  100% { background-position: 200% center; }
485
- `,zx=()=>({card:(0,f.css)({width:`100%`,height:`310px`,borderRadius:10,background:o.tokens.colorNeutralBackground1,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow8,overflow:`visible`,position:`relative`,padding:`0px 15px !important`,transition:`transform 0.25s ease, box-shadow 0.25s ease`,"&:hover, &:focus-within":{zIndex:10,transform:`translateY(-2px)`,boxShadow:o.tokens.shadow16}}),description:(0,f.css)({fontSize:o.tokens.fontSizeBase300,color:o.tokens.colorNeutralForeground4,lineHeight:o.tokens.lineHeightBase400,position:`relative`,zIndex:1}),footerMetric:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`center`,gap:o.tokens.spacingVerticalXXS}),footerIcon:(0,f.css)({color:o.tokens.colorNeutralForeground3,fontSize:o.tokens.fontSizeBase300}),footerLabel:(0,f.css)({fontSize:`${o.tokens.fontSizeBase100} !important`,color:o.tokens.colorNeutralForeground3,textTransform:`uppercase`,letterSpacing:`0.8px`,fontWeight:o.tokens.fontWeightMedium,textAlign:`center`}),footerValue:(0,f.css)({fontSize:`${o.tokens.fontSizeBase400} !important`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground2,textAlign:`center`}),footerDivider:(0,f.css)({height:`32px`,borderColor:o.tokens.colorNeutralStroke1}),glowBlob:(0,f.css)({position:`absolute`,top:`-60px`,right:`-60px`,width:`180px`,height:`180px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,filter:`blur(40px)`}),glowBlobSuccess:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteLightGreenBackground2} 0%, transparent 70%)`,opacity:.7,filter:`blur(20px)`}),glowBlobError:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteRedBackground2} 0%, transparent 70%)`,opacity:.6,filter:`blur(20px)`}),headerActionBadge:(0,f.css)({minWidth:`32px`,height:`32px`,borderRadius:`50% !important`,background:`${o.tokens.colorNeutralBackground3} !important`,border:`none !important`,padding:`0 !important`,display:`flex`,alignItems:`center`,justifyContent:`center`}),kpiContainer:(0,f.css)({width:`100%`,backgroundColor:o.tokens.colorNeutralBackground2,borderRadius:8,display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(min(100%, 280px), 1fr))`,gap:16,padding:16}),iconContainer:(0,f.css)({width:48,height:48,borderRadius:8,display:`grid`,placeItems:`center`,background:o.tokens.colorNeutralBackgroundInverted}),noKpiCard:(0,f.css)({width:280,minHeight:160,display:`flex`,alignItems:`center`,justifyContent:`center`}),noKpiCardContainer:(0,f.css)({width:`100%`,minWidth:`280px`,minHeight:`280px`,borderRadius:`16px`,background:`linear-gradient(135deg, ${o.tokens.colorNeutralBackground1} 0%, ${o.tokens.colorNeutralBackground3} 100%)`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow16,overflow:`hidden`,position:`relative`,padding:`32px`,transition:`transform 0.3s ease, box-shadow 0.3s ease`,"&:hover":{transform:`translateY(-4px)`,boxShadow:o.tokens.shadow28}}),noKpiBackgroundOrb1:(0,f.css)({position:`absolute`,top:`0px`,right:`0px`,width:`180px`,height:`180px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorBrandBackground2} 0%, transparent 70%)`,opacity:.8,pointerEvents:`none`,filter:`blur(25px)`,transform:`translate(30%, -30%)`}),noKpiBackgroundOrb2:(0,f.css)({position:`absolute`,bottom:`-30px`,left:`-30px`,width:`120px`,height:`120px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorPaletteLavenderBackground2} 0%, transparent 70%)`,opacity:.5,pointerEvents:`none`,filter:`blur(20px)`}),noKpiIconContainer:(0,f.css)({width:`80px`,height:`80px`,borderRadius:`20px`,background:`linear-gradient(135deg, ${o.tokens.colorBrandBackground} 0%, ${o.tokens.colorBrandBackground2} 100%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,boxShadow:`0 8px 24px ${o.tokens.colorBrandBackground}40`,animation:`${Lx} 3s ease-in-out infinite`,position:`relative`,zIndex:1}),noKpiIcon:(0,f.css)({fontSize:`36px`,color:o.tokens.colorNeutralForegroundOnBrand}),noKpiSparkle1:(0,f.css)({position:`absolute`,top:`-8px`,right:`-8px`,color:o.tokens.colorPaletteYellowForeground1,fontSize:`20px`,animation:`${Lx} 2s ease-in-out infinite 0.5s`}),noKpiSparkle2:(0,f.css)({position:`absolute`,bottom:`-4px`,left:`-8px`,color:o.tokens.colorPaletteLavenderForeground2,fontSize:`16px`,animation:`${Lx} 2.5s ease-in-out infinite`}),noKpiTitle:(0,f.css)({fontSize:`22px`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground1,marginTop:`24px`,textAlign:`center`,position:`relative`,zIndex:1}),noKpiSubtitle:(0,f.css)({fontSize:`14px`,color:o.tokens.colorNeutralForeground3,textAlign:`center`,lineHeight:`1.6`,maxWidth:`320px`,marginTop:`8px`,position:`relative`,zIndex:1}),noKpiHighlight:(0,f.css)({background:`linear-gradient(90deg, ${o.tokens.colorBrandForeground1}, ${o.tokens.colorPaletteLavenderForeground2}, ${o.tokens.colorBrandForeground1})`,backgroundSize:`200% auto`,WebkitBackgroundClip:`text`,WebkitTextFillColor:`transparent`,backgroundClip:`text`,fontWeight:o.tokens.fontWeightSemibold,animation:`${Rx} 3s linear infinite`}),noKpiButtonContainer:(0,f.css)({marginTop:`24px`,position:`relative`,zIndex:1}),noKpiButton:(0,f.css)({borderRadius:`10px`,padding:`10px 20px`,fontWeight:o.tokens.fontWeightSemibold,transition:`transform 0.2s ease`,"&:hover":{transform:`scale(1.02)`}}),noKpiDecorativeLine:(0,f.css)({width:`60px`,height:`4px`,borderRadius:`2px`,background:`linear-gradient(90deg, ${o.tokens.colorBrandBackground}, ${o.tokens.colorPaletteLavenderBackground2})`,marginTop:`16px`,position:`relative`,zIndex:1}),footerGrid:(0,f.css)({width:`100%`,display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(80px, 1fr))`,alignItems:`center`})}),Bx=function(e){return e[e.LOWER_IS_BETTER=1]=`LOWER_IS_BETTER`,e[e.HIGHER_IS_BETTER=2]=`HIGHER_IS_BETTER`,e}({}),Vx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>i.goal.toLocaleString(),[i.goal]),h=t.useMemo(()=>i.currentValue/i.totalItems*100,[i.currentValue,i.totalItems]),g=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]),_=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBackground1:o.tokens.colorPaletteRedBackground1,[d]),v=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBorder1:o.tokens.colorPaletteRedBorder1,[d]),y=t.useMemo(()=>({background:_,border:`1px solid ${v}`,color:g,borderRadius:`20px`,padding:`12px 12px`,fontSize:o.tokens.fontSizeBase200,fontWeight:o.tokens.fontWeightSemibold,letterSpacing:`0.3px`,maxWidth:`fit-content`}),[_,v,g]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,onMouseLeave:u,"aria-label":`${i.title||s.defaultTitle}: ${i.currentValue} of ${i.goal} ${s.goal}, ${d?s.onTrack:s.exceedGoal}`,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{style:{zIndex:99999},infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`description`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:g,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:g,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`8px`},shape:`rounded`})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsx)(o.Tooltip,{content:s.maxAllowedThreshold,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.TargetRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:`Goal`}),(0,n.jsx)(o.Text,{className:a.footerValue,children:p})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.totalItemsInScope,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.DocumentRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.totalItems}),(0,n.jsx)(o.Text,{className:a.footerValue,children:i.totalItems.toLocaleString()})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.currentValueAsPercent,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.CalculatorRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.percentOfTotal}),(0,n.jsxs)(o.Text,{className:a.footerValue,children:[h.toFixed(2),`%`]})]})})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.Badge,{appearance:`outline`,size:`small`,style:y,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{fontSize:`14px`}}):(0,n.jsx)(m.AlertFilled,{style:{fontSize:`14px`}}),children:d?s.onTrack:s.exceedGoal})})]})]})})},Hx=()=>{let e=zx(),t={headerTitle:(0,f.css)({width:`120px`,height:`16px`}),headerBadge:(0,f.css)({width:`32px`,height:`32px`,borderRadius:`50%`}),mainValue:(0,f.css)({width:`80px`,height:`42px`}),goalText:(0,f.css)({width:`70px`,height:`16px`}),progressLabel:(0,f.css)({width:`80px`,height:`12px`}),progressValue:(0,f.css)({width:`50px`,height:`12px`}),progressBar:(0,f.css)({width:`100%`,height:`8px`,borderRadius:`4px`}),footerIcon:(0,f.css)({width:`16px`,height:`16px`,borderRadius:`4px`}),footerLabel:(0,f.css)({width:`50px`,height:`10px`}),footerValue:(0,f.css)({width:`40px`,height:`14px`}),badge:(0,f.css)({width:`90px`,height:`32px`,borderRadius:`20px`})};return(0,n.jsx)(o.Card,{className:e.card,children:(0,n.jsx)(o.Skeleton,{animation:`pulse`,children:(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.SkeletonItem,{className:t.headerTitle})}),action:(0,n.jsx)(o.SkeletonItem,{className:t.headerBadge,shape:`circle`})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.mainValue}),(0,n.jsx)(o.SkeletonItem,{className:t.goalText})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.progressLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.progressValue})]}),(0,n.jsx)(o.SkeletonItem,{className:t.progressBar})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.SkeletonItem,{className:t.badge})})]})})})},Ux=`/sites/mock-site/Lists/Directory Status Config`,Wx=()=>{let r=zx(),i=e._(),a=Ux,s=t.useCallback(()=>{let e=`${window.location.origin}${a}/AllItems.aspx`;window.open(e,`_blank`)},[a]);return(0,n.jsxs)(o.Card,{className:r.noKpiCardContainer,children:[(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb1}),(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb2}),(0,n.jsxs)(H,{alignItems:`center`,justifyContent:`center`,gap:`s`,children:[(0,n.jsxs)(`div`,{className:r.noKpiIconContainer,children:[(0,n.jsx)(m.DataBarVerticalStarRegular,{className:r.noKpiIcon}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle1}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle2})]}),(0,n.jsx)(o.Text,{className:r.noKpiTitle,children:i.title}),(0,n.jsx)(`div`,{className:r.noKpiDecorativeLine}),(0,n.jsxs)(o.Text,{className:r.noKpiSubtitle,children:[i.subtitle.split(`{highlight}`)[0],(0,n.jsx)(`span`,{className:r.noKpiHighlight,children:i.highlightText}),i.subtitle.split(`{highlight}`)[1]]}),(0,n.jsx)(`div`,{className:r.noKpiButtonContainer,children:(0,n.jsx)(o.Button,{appearance:`outline`,icon:(0,n.jsx)(m.SettingsRegular,{}),className:r.noKpiButton,onClick:s,children:i.configureButton})})]})]})},Gx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,style:{height:`168px`},onMouseLeave:u,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`0px`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`inaccessible`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:p,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:p,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`3px`},shape:`rounded`})]})]})]})})},Kx=[{identifier:`kpi-1`,title:`Sales Revenue`,currentValue:125,goal:150,totalItems:200,description:`This is a comprehensive description of the Total Sales Revenue KPI for Q1. This metric tracks all revenue generated from product sales, service contracts, and recurring subscriptions across all business units and geographic regions. The goal is set based on historical performance, market conditions, and strategic growth objectives. Performance is evaluated weekly with detailed breakdowns by product category, sales team, and customer segment. This KPI is critical for quarterly business reviews and investor reporting.`,goalMetric:2},{identifier:`kpi-2`,title:`Customer Satisfaction`,currentValue:87,goal:90,totalItems:100,description:`Customer satisfaction score`,goalMetric:1},{identifier:`kpi-3`,title:`Tasks Completed`,currentValue:42,goal:50,totalItems:60,description:`Number of tasks completed this month`,goalMetric:2},{identifier:`kpi-4`,title:`New Customers`,currentValue:156,goal:200,totalItems:250,description:`New customer acquisitions this quarter`,goalMetric:1},{identifier:`kpi-5`,title:`Response Time`,currentValue:2.5,goal:2,totalItems:5,description:`Average response time in hours`,goalMetric:2},{identifier:`kpi-6`,title:`Employee Engagement`,currentValue:78,goal:85,totalItems:100,description:`Employee engagement score percentage`,goalMetric:1}],qx=e=>{let{skeletonCount:r=3,compact:i=!1}=e,a=zx(),o=Kx;return t.useCallback(()=>Array.from({length:r}).map((e,t)=>(0,n.jsx)(Hx,{},`kpi-skeleton-${t}`)),[r]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(H,{gap:`l`,direction:`horizontal`,padding:`l`,paddingTop:`s`,children:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{className:a.kpiContainer,children:o.length>0?o.map(e=>i?(0,n.jsx)(Gx,{dataCard:e},e.identifier):(0,n.jsx)(Vx,{dataCard:e},e.identifier)):(0,n.jsx)(Wx,{})})})})})},Jx=new Set([`p`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`li`,`td`,`th`]),Yx=(e,t)=>{let n=parseFloat(e.borderTopLeftRadius)||0,r=parseFloat(e.borderTopRightRadius)||0,i=parseFloat(e.borderBottomRightRadius)||0,a=parseFloat(e.borderBottomLeftRadius)||0;if(n===0&&r===0&&i===0&&a===0)return;let o=t?(()=>{let e=t.getBoundingClientRect();return e.width>0&&e.height>0&&Math.abs(e.width-e.height)<4})():!1;return e.borderRadius===`50%`?`50%`:Math.max(n,r,i,a)>9998?o?`50%`:9999:n===r&&r===i&&i===a?n===8?void 0:n:`${n}px ${r}px ${i}px ${a}px`},Xx=(e,t=`component`,n)=>{let r=e.getBoundingClientRect(),i=[],a=n?.leafTags?new Set([...Jx,...n.leafTags]):Jx,o=n?.captureRoundedBorders??!0,s=n?.excludeTags?new Set(n.excludeTags):null,c=n?.excludeSelectors??null,l=e=>{let t=getComputedStyle(e);if(t.display===`none`||t.visibility===`hidden`||t.opacity===`0`)return;let n=e.tagName.toLowerCase();if(s?.has(n)||c?.some(t=>e.matches(t)))return;let u=[...e.children].filter(e=>{let t=getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`&&t.opacity!==`0`}),d=n===`img`||n===`svg`||n===`video`||n===`canvas`,f=n===`input`||n===`button`||n===`textarea`||n===`select`,p=u.length===0||d||f||a.has(n),m=t.backgroundColor,h=m!==`rgba(0, 0, 0, 0)`&&m!==`transparent`,g=t.backgroundImage!==`none`,_=parseFloat(t.borderTopWidth)||0,v=o&&_>0&&t.borderTopColor!==`rgba(0, 0, 0, 0)`&&t.borderTopColor!==`transparent`,y=(parseFloat(t.borderTopLeftRadius)||0)>0,b=h||g||v&&y,x=n===`tr`||n===`td`||n===`th`||n===`thead`||n===`tbody`||n===`table`;if(p){let n=e.getBoundingClientRect();if(n.width<1||n.height<1)return;let a=d&&n.width>0&&n.height>0&&Math.abs(n.width-n.height)<4,o=x?0:a?`50%`:Yx(t,e)??8,s=r.width;i.push({x:s>0?+((n.left-r.left)/s*100).toFixed(4):0,y:Math.round(n.top-r.top),w:s>0?+(n.width/s*100).toFixed(4):0,h:Math.round(n.height),r:o});return}if(b){let n=e.getBoundingClientRect();if(n.width>=1&&n.height>=1){let a=x?0:Yx(t,e)??8,o=r.width;i.push({x:o>0?+((n.left-r.left)/o*100).toFixed(4):0,y:Math.round(n.top-r.top),w:o>0?+(n.width/o*100).toFixed(4):0,h:Math.round(n.height),r:a,c:!0})}}for(let e of u)l(e)};for(let t of e.children)l(t);return{name:t,viewportWidth:Math.round(r.width),width:Math.round(r.width),height:Math.round(r.height),bones:i}},Zx=(e,n,r,i,a)=>{let[o,s]=(0,t.useState)(null);return(0,t.useEffect)(()=>{if(!n||r||o)return;let t=e.current;if(!t)return;let c=requestAnimationFrame(()=>{let e=t.querySelector(`[data-skeleton-content]`);if(e&&e.children.length>0){let t=Xx(e,i??`auto`,a);t.bones.length>0&&s(t)}});return()=>cancelAnimationFrame(c)},[n,r,o,i,a,e]),o},Qx={angle:110,start:25,end:75,speed:`1.8s`},$x={speed:`1.5s`},eS={bone:`var(--colorNeutralStencil1)`,shimmerHighlight:`var(--colorNeutralStencil2)`},tS=new Map,nS=e=>{for(let[t,n]of Object.entries(e))tS.set(t,n)},rS=e=>tS.get(e),iS=()=>{typeof window<`u`&&window.__SKELETON_BUILD&&(window.__SKELETON_SNAPSHOT=Xx)},aS=()=>typeof window<`u`&&window.__SKELETON_BUILD===!0,oS=(e,t)=>{if(!(`breakpoints`in e))return e;let n=Object.keys(e.breakpoints).map(Number).sort((e,t)=>e-t);if(n.length===0)return null;let r=[...n].reverse().find(e=>t>=e)??n[0];return e.breakpoints[r]??null},sS=e=>Array.isArray(e)?{x:e[0],y:e[1],w:e[2],h:e[3],r:e[4],c:e[5]||void 0}:e,cS={},lS=e=>{cS={...cS,...e}},uS=()=>cS,dS=()=>(0,t.useMemo)(()=>({SHIMMER:Qx,PULSE:$x,DEFAULTS:eS,getRegisteredBones:rS,isBuildMode:aS,normalizeBone:sS,resolveResponsive:oS,getGlobalConfig:uS}),[]),fS=(0,f.keyframes)({"0%, 100%":{opacity:1},"50%":{opacity:.4}}),pS=(0,f.keyframes)({"0%":{backgroundPosition:`200% 0`},"100%":{backgroundPosition:`-200% 0`}}),mS=(0,f.keyframes)({from:{opacity:0},to:{opacity:1}}),hS=(0,f.css)({position:`relative`}),gS=(0,f.css)({position:`absolute`,inset:0,overflow:`hidden`}),_S=(0,f.css)({visibility:`hidden`,pointerEvents:`none`}),vS=(0,f.css)({position:`absolute`,inset:0,display:`flex`,alignItems:`center`,justifyContent:`center`}),yS={position:`relative`,width:`100%`,height:`100%`},bS=()=>({container:hS,overlay:gS,hiddenContent:_S,fallbackOverlay:vS});iS();var xS=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/,SS=e=>{let[n,r]=(0,t.useState)(!1),i=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(typeof window>`u`)return;let t=e.current;if(!t)return;let n=document.createElement(`span`);n.style.display=`none`,n.style.color=o.tokens.colorNeutralBackground1,t.appendChild(n),i.current=n;let a=()=>{let e=getComputedStyle(n).color.match(xS);if(e){r((parseInt(e[1],10)*299+parseInt(e[2],10)*587+parseInt(e[3],10)*114)/1e3<128);return}r(document.documentElement.classList.contains(`dark`)||!!t.closest(`.dark`))};a();let s=new MutationObserver(a);return s.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}),()=>{s.disconnect(),n.parentNode&&n.parentNode.removeChild(n),i.current=null}},[e]),n},CS=({loading:e,children:r,name:i,initialBones:a,color:s,darkColor:c,animate:l,stagger:u=!1,transition:d=!1,boneClass:f,className:p,style:m,fallback:h,fixture:g,snapshotConfig:_})=>{let v=bS(),{DEFAULTS:y,SHIMMER:b,PULSE:x,getRegisteredBones:S,isBuildMode:C,normalizeBone:w,resolveResponsive:T,getGlobalConfig:E}=dS(),D=(0,t.useRef)(null),[O,k]=(0,t.useState)(0),[A,j]=(0,t.useState)(0),M=SS(D),N=E(),P=s??N.color,F=c??N.darkColor,I=!!(P||F),L=I?M?F??P:P??y.bone:y.bone,R=l??N.animate??`pulse`,ee=R===!0?`pulse`:R===!1?`solid`:R;(0,t.useEffect)(()=>{let e=D.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect;k(Math.round(t?.width??0)),t&&t.height>0&&j(Math.round(t.height))});t.observe(e);let n=e.getBoundingClientRect();return k(Math.round(n.width)),n.height>0&&j(Math.round(n.height)),()=>t.disconnect()},[]);let te=(0,t.useMemo)(()=>{let e={};return i&&(e[`data-skeleton`]=i,_&&(e[`data-skeleton-config`]=JSON.stringify(_))),e},[i,_]),[ne,z]=(0,t.useState)(!1);(0,t.useLayoutEffect)(()=>{z(!0)},[]);let re=a??(i?S(i):void 0),ie=ne&&typeof window<`u`?window.innerWidth:0,ae=O>0?O:ie,oe=re&&ae>0?T(re,ae):null,se=Zx(D,e,oe,i,_),ce=oe??se,le=(0,t.useMemo)(()=>{let e=u??N.stagger;return e===!0?80:e===!1||!e?0:e},[u,N.stagger]),ue=(0,t.useMemo)(()=>{let e=d??N.transition;return e===!0?300:e===!1||!e?0:e},[d,N.transition]),[de,fe]=(0,t.useState)(!1),pe=(0,t.useRef)(e),me=(0,t.useRef)(null);(0,t.useEffect)(()=>(pe.current&&!e&&ue>0&&ce&&(me.current&&clearTimeout(me.current),fe(!0),me.current=setTimeout(()=>{fe(!1),me.current=null},ue)),pe.current=e,()=>{me.current&&clearTimeout(me.current)}),[e,ue,ce]);let he=(e||de)&&ce,ge=e&&!ce&&!de,_e=A>0?A:ce?.height??0,ve=ce?.height??0,ye=_e>0&&ve>0?_e/ve:1,be=(0,t.useMemo)(()=>ce?ce.bones.map(w).filter(e=>!e.c):[],[ce]),B=(0,t.useCallback)((e,t)=>{let n=e.w/100*(ce?.width??0),r=e.r===`50%`&&Math.abs(n-e.h)<4,i=r?0:2,a=e.h*ye,o=Math.max(a-i*2,2),s={position:`absolute`,left:`${e.x}%`,top:e.y*ye+i,width:r?e.h*ye:`${e.w}%`,height:o,borderRadius:typeof e.r==`string`?e.r:`${e.r}px`},c=N.speed;if(ee===`shimmer`){let e=I?M?N.darkShimmerColor??y.shimmerHighlight:N.shimmerColor??y.shimmerHighlight:y.shimmerHighlight;s.backgroundImage=`linear-gradient(${N.shimmerAngle??b.angle}deg, ${L} ${b.start}%, ${e} 50%, ${L} ${b.end}%)`,s.backgroundSize=`200% 100%`,s.animation=`${pS} ${c??b.speed} linear infinite`}else s.backgroundColor=L,ee===`pulse`&&(s.animation=`${fS} ${c??x.speed} ease-in-out infinite`);return le>0&&(s.opacity=0,s.animation=`${s.animation?`${s.animation}, `:``}${mS} 0.3s ease-out ${t*le}ms forwards`),s},[ce,ye,ee,L,I,M,N,le]);if(C())return(0,n.jsx)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,...te,children:(0,n.jsx)(`div`,{children:g??r})});let xe=e?{"aria-busy":`true`,"aria-label":`Loading content`}:{};return(0,n.jsxs)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,role:`status`,...xe,...te,children:[(0,n.jsx)(`div`,{"data-skeleton-content":`true`,className:he?v.hiddenContent:void 0,children:r}),ge&&h&&(0,n.jsx)(`div`,{className:v.fallbackOverlay,children:h}),he&&(0,n.jsx)(`div`,{"data-skeleton-overlay":`true`,className:v.overlay,"aria-hidden":`true`,style:{opacity:de?0:1,transition:ue>0?`opacity ${ue}ms ease-out`:void 0},children:(0,n.jsx)(`div`,{style:yS,children:be.map((e,t)=>(0,n.jsx)(`div`,{"data-skeleton-bone":`true`,className:f??N.boneClass,style:B(e,t)},t))})})]})},wS=()=>{let e=t.useRef(``);return e.current||=`fui-`+Math.random().toString(36).slice(2,9),e.current},TS=e=>{let t=wS(),{theme:r=o.webLightTheme,applicationName:i=t,targetDocument:a=document,applyStylesToPortals:s=!0,className:c,styles:l,children:u}=e;return(0,n.jsx)(o.IdPrefixProvider,{value:i,children:(0,n.jsx)(o.FluentProvider,{theme:r,applyStylesToPortals:s,targetDocument:a,className:c,style:l,children:u})})},ES=(0,f.keyframes)({from:{opacity:0,transform:`scale(1.03)`},to:{opacity:1,transform:`scale(1)`}}),DS={"top-left":{justify:`flex-start`,align:`flex-start`,textAlign:`left`},"top-center":{justify:`flex-start`,align:`center`,textAlign:`center`},"top-right":{justify:`flex-start`,align:`flex-end`,textAlign:`right`},"center-left":{justify:`center`,align:`flex-start`,textAlign:`left`},center:{justify:`center`,align:`center`,textAlign:`center`},"center-right":{justify:`center`,align:`flex-end`,textAlign:`right`},"bottom-left":{justify:`flex-end`,align:`flex-start`,textAlign:`left`},"bottom-center":{justify:`flex-end`,align:`center`,textAlign:`center`},"bottom-right":{justify:`flex-end`,align:`flex-end`,textAlign:`right`}},OS=(e,n,r=`image`)=>{let{borderRadius:i}=e,{getBaseStyles:a}=xu(),s=i??o.tokens.borderRadiusMedium;return{heroRootStyles:t.useCallback((t,n)=>({...a(e,t,n),overflow:`hidden`}),[a,e]),item:(0,f.css)({position:`relative`,overflow:`hidden`,width:`100%`,height:`100%`,borderRadius:s,animation:`${ES} 0.5s ease-out`}),overlayRoot:(0,f.css)({position:`absolute`,inset:0,display:`flex`,flexDirection:`column`,borderRadius:s,overflow:`hidden`,zIndex:1,pointerEvents:`none`,background:`rgba(0,0,0,0.2)`}),overlayScrim:e=>(0,f.css)({position:`absolute`,inset:0,background:`linear-gradient(
485
+ `,zx=()=>({card:(0,f.css)({width:`100%`,height:`310px`,borderRadius:10,background:o.tokens.colorNeutralBackground1,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow8,overflow:`visible`,position:`relative`,padding:`0px 15px !important`,transition:`transform 0.25s ease, box-shadow 0.25s ease`,"&:hover, &:focus-within":{zIndex:10,transform:`translateY(-2px)`,boxShadow:o.tokens.shadow16}}),description:(0,f.css)({fontSize:o.tokens.fontSizeBase300,color:o.tokens.colorNeutralForeground4,lineHeight:o.tokens.lineHeightBase400,position:`relative`,zIndex:1}),footerMetric:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`center`,gap:o.tokens.spacingVerticalXXS}),footerIcon:(0,f.css)({color:o.tokens.colorNeutralForeground3,fontSize:o.tokens.fontSizeBase300}),footerLabel:(0,f.css)({fontSize:`${o.tokens.fontSizeBase100} !important`,color:o.tokens.colorNeutralForeground3,textTransform:`uppercase`,letterSpacing:`0.8px`,fontWeight:o.tokens.fontWeightMedium,textAlign:`center`}),footerValue:(0,f.css)({fontSize:`${o.tokens.fontSizeBase400} !important`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground2,textAlign:`center`}),footerDivider:(0,f.css)({height:`32px`,borderColor:o.tokens.colorNeutralStroke1}),glowBlob:(0,f.css)({position:`absolute`,top:`-60px`,right:`-60px`,width:`180px`,height:`180px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,filter:`blur(40px)`}),glowBlobSuccess:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteLightGreenBackground2} 0%, transparent 70%)`,opacity:.7,filter:`blur(20px)`}),glowBlobError:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteRedBackground2} 0%, transparent 70%)`,opacity:.6,filter:`blur(20px)`}),headerActionBadge:(0,f.css)({minWidth:`32px`,height:`32px`,borderRadius:`50% !important`,background:`${o.tokens.colorNeutralBackground3} !important`,border:`none !important`,padding:`0 !important`,display:`flex`,alignItems:`center`,justifyContent:`center`}),kpiContainer:(0,f.css)({width:`100%`,backgroundColor:o.tokens.colorNeutralBackground2,borderRadius:8,display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(min(100%, 280px), 1fr))`,gap:16,padding:16}),iconContainer:(0,f.css)({width:48,height:48,borderRadius:8,display:`grid`,placeItems:`center`,background:o.tokens.colorNeutralBackgroundInverted}),noKpiCard:(0,f.css)({width:280,minHeight:160,display:`flex`,alignItems:`center`,justifyContent:`center`}),noKpiCardContainer:(0,f.css)({width:`100%`,minWidth:`280px`,minHeight:`280px`,borderRadius:`16px`,background:`linear-gradient(135deg, ${o.tokens.colorNeutralBackground1} 0%, ${o.tokens.colorNeutralBackground3} 100%)`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow16,overflow:`hidden`,position:`relative`,padding:`32px`,transition:`transform 0.3s ease, box-shadow 0.3s ease`,"&:hover":{transform:`translateY(-4px)`,boxShadow:o.tokens.shadow28}}),noKpiBackgroundOrb1:(0,f.css)({position:`absolute`,top:`0px`,right:`0px`,width:`180px`,height:`180px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorBrandBackground2} 0%, transparent 70%)`,opacity:.8,pointerEvents:`none`,filter:`blur(25px)`,transform:`translate(30%, -30%)`}),noKpiBackgroundOrb2:(0,f.css)({position:`absolute`,bottom:`-30px`,left:`-30px`,width:`120px`,height:`120px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorPaletteLavenderBackground2} 0%, transparent 70%)`,opacity:.5,pointerEvents:`none`,filter:`blur(20px)`}),noKpiIconContainer:(0,f.css)({width:`80px`,height:`80px`,borderRadius:`20px`,background:`linear-gradient(135deg, ${o.tokens.colorBrandBackground} 0%, ${o.tokens.colorBrandBackground2} 100%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,boxShadow:`0 8px 24px ${o.tokens.colorBrandBackground}40`,animation:`${Lx} 3s ease-in-out infinite`,position:`relative`,zIndex:1}),noKpiIcon:(0,f.css)({fontSize:`36px`,color:o.tokens.colorNeutralForegroundOnBrand}),noKpiSparkle1:(0,f.css)({position:`absolute`,top:`-8px`,right:`-8px`,color:o.tokens.colorPaletteYellowForeground1,fontSize:`20px`,animation:`${Lx} 2s ease-in-out infinite 0.5s`}),noKpiSparkle2:(0,f.css)({position:`absolute`,bottom:`-4px`,left:`-8px`,color:o.tokens.colorPaletteLavenderForeground2,fontSize:`16px`,animation:`${Lx} 2.5s ease-in-out infinite`}),noKpiTitle:(0,f.css)({fontSize:`22px`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground1,marginTop:`24px`,textAlign:`center`,position:`relative`,zIndex:1}),noKpiSubtitle:(0,f.css)({fontSize:`14px`,color:o.tokens.colorNeutralForeground3,textAlign:`center`,lineHeight:`1.6`,maxWidth:`320px`,marginTop:`8px`,position:`relative`,zIndex:1}),noKpiHighlight:(0,f.css)({background:`linear-gradient(90deg, ${o.tokens.colorBrandForeground1}, ${o.tokens.colorPaletteLavenderForeground2}, ${o.tokens.colorBrandForeground1})`,backgroundSize:`200% auto`,WebkitBackgroundClip:`text`,WebkitTextFillColor:`transparent`,backgroundClip:`text`,fontWeight:o.tokens.fontWeightSemibold,animation:`${Rx} 3s linear infinite`}),noKpiButtonContainer:(0,f.css)({marginTop:`24px`,position:`relative`,zIndex:1}),noKpiButton:(0,f.css)({borderRadius:`10px`,padding:`10px 20px`,fontWeight:o.tokens.fontWeightSemibold,transition:`transform 0.2s ease`,"&:hover":{transform:`scale(1.02)`}}),noKpiDecorativeLine:(0,f.css)({width:`60px`,height:`4px`,borderRadius:`2px`,background:`linear-gradient(90deg, ${o.tokens.colorBrandBackground}, ${o.tokens.colorPaletteLavenderBackground2})`,marginTop:`16px`,position:`relative`,zIndex:1}),footerGrid:(0,f.css)({width:`100%`,display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(80px, 1fr))`,alignItems:`center`})}),Bx=function(e){return e[e.LOWER_IS_BETTER=1]=`LOWER_IS_BETTER`,e[e.HIGHER_IS_BETTER=2]=`HIGHER_IS_BETTER`,e}({}),Vx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>i.goal.toLocaleString(),[i.goal]),h=t.useMemo(()=>i.currentValue/i.totalItems*100,[i.currentValue,i.totalItems]),g=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]),_=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBackground1:o.tokens.colorPaletteRedBackground1,[d]),v=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBorder1:o.tokens.colorPaletteRedBorder1,[d]),y=t.useMemo(()=>({background:_,border:`1px solid ${v}`,color:g,borderRadius:`20px`,padding:`12px 12px`,fontSize:o.tokens.fontSizeBase200,fontWeight:o.tokens.fontWeightSemibold,letterSpacing:`0.3px`,maxWidth:`fit-content`}),[_,v,g]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,onMouseLeave:u,"aria-label":`${i.title||s.defaultTitle}: ${i.currentValue} of ${i.goal} ${s.goal}, ${d?s.onTrack:s.exceedGoal}`,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{style:{zIndex:99999},infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`description`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:g,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:g,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`8px`},shape:`rounded`})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsx)(o.Tooltip,{content:s.maxAllowedThreshold,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.TargetRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:`Goal`}),(0,n.jsx)(o.Text,{className:a.footerValue,children:p})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.totalItemsInScope,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.DocumentRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.totalItems}),(0,n.jsx)(o.Text,{className:a.footerValue,children:i.totalItems.toLocaleString()})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.currentValueAsPercent,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.CalculatorRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.percentOfTotal}),(0,n.jsxs)(o.Text,{className:a.footerValue,children:[h.toFixed(2),`%`]})]})})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.Badge,{appearance:`outline`,size:`small`,style:y,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{fontSize:`14px`}}):(0,n.jsx)(m.AlertFilled,{style:{fontSize:`14px`}}),children:d?s.onTrack:s.exceedGoal})})]})]})})},Hx=()=>{let e=zx(),t={headerTitle:(0,f.css)({width:`120px`,height:`16px`}),headerBadge:(0,f.css)({width:`32px`,height:`32px`,borderRadius:`50%`}),mainValue:(0,f.css)({width:`80px`,height:`42px`}),goalText:(0,f.css)({width:`70px`,height:`16px`}),progressLabel:(0,f.css)({width:`80px`,height:`12px`}),progressValue:(0,f.css)({width:`50px`,height:`12px`}),progressBar:(0,f.css)({width:`100%`,height:`8px`,borderRadius:`4px`}),footerIcon:(0,f.css)({width:`16px`,height:`16px`,borderRadius:`4px`}),footerLabel:(0,f.css)({width:`50px`,height:`10px`}),footerValue:(0,f.css)({width:`40px`,height:`14px`}),badge:(0,f.css)({width:`90px`,height:`32px`,borderRadius:`20px`})};return(0,n.jsx)(o.Card,{className:e.card,children:(0,n.jsx)(o.Skeleton,{animation:`pulse`,children:(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.SkeletonItem,{className:t.headerTitle})}),action:(0,n.jsx)(o.SkeletonItem,{className:t.headerBadge,shape:`circle`})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.mainValue}),(0,n.jsx)(o.SkeletonItem,{className:t.goalText})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.progressLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.progressValue})]}),(0,n.jsx)(o.SkeletonItem,{className:t.progressBar})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.SkeletonItem,{className:t.badge})})]})})})},Ux=`/sites/mock-site/Lists/Directory Status Config`,Wx=()=>{let r=zx(),i=e._(),a=Ux,s=t.useCallback(()=>{let e=`${window.location.origin}${a}/AllItems.aspx`;window.open(e,`_blank`)},[a]);return(0,n.jsxs)(o.Card,{className:r.noKpiCardContainer,children:[(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb1}),(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb2}),(0,n.jsxs)(H,{alignItems:`center`,justifyContent:`center`,gap:`s`,children:[(0,n.jsxs)(`div`,{className:r.noKpiIconContainer,children:[(0,n.jsx)(m.DataBarVerticalStarRegular,{className:r.noKpiIcon}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle1}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle2})]}),(0,n.jsx)(o.Text,{className:r.noKpiTitle,children:i.title}),(0,n.jsx)(`div`,{className:r.noKpiDecorativeLine}),(0,n.jsxs)(o.Text,{className:r.noKpiSubtitle,children:[i.subtitle.split(`{highlight}`)[0],(0,n.jsx)(`span`,{className:r.noKpiHighlight,children:i.highlightText}),i.subtitle.split(`{highlight}`)[1]]}),(0,n.jsx)(`div`,{className:r.noKpiButtonContainer,children:(0,n.jsx)(o.Button,{appearance:`outline`,icon:(0,n.jsx)(m.SettingsRegular,{}),className:r.noKpiButton,onClick:s,children:i.configureButton})})]})]})},Gx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,style:{height:`168px`},onMouseLeave:u,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`0px`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`inaccessible`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:p,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:p,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`3px`},shape:`rounded`})]})]})]})})},Kx=[{identifier:`kpi-1`,title:`Sales Revenue`,currentValue:125,goal:150,totalItems:200,description:`This is a comprehensive description of the Total Sales Revenue KPI for Q1. This metric tracks all revenue generated from product sales, service contracts, and recurring subscriptions across all business units and geographic regions. The goal is set based on historical performance, market conditions, and strategic growth objectives. Performance is evaluated weekly with detailed breakdowns by product category, sales team, and customer segment. This KPI is critical for quarterly business reviews and investor reporting.`,goalMetric:2},{identifier:`kpi-2`,title:`Customer Satisfaction`,currentValue:87,goal:90,totalItems:100,description:`Customer satisfaction score`,goalMetric:1},{identifier:`kpi-3`,title:`Tasks Completed`,currentValue:42,goal:50,totalItems:60,description:`Number of tasks completed this month`,goalMetric:2},{identifier:`kpi-4`,title:`New Customers`,currentValue:156,goal:200,totalItems:250,description:`New customer acquisitions this quarter`,goalMetric:1},{identifier:`kpi-5`,title:`Response Time`,currentValue:2.5,goal:2,totalItems:5,description:`Average response time in hours`,goalMetric:2},{identifier:`kpi-6`,title:`Employee Engagement`,currentValue:78,goal:85,totalItems:100,description:`Employee engagement score percentage`,goalMetric:1}],qx=e=>{let{skeletonCount:r=3,compact:i=!1}=e,a=zx(),o=Kx;return t.useCallback(()=>Array.from({length:r}).map((e,t)=>(0,n.jsx)(Hx,{},`kpi-skeleton-${t}`)),[r]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(H,{gap:`l`,direction:`horizontal`,padding:`l`,paddingTop:`s`,children:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{className:a.kpiContainer,children:o.length>0?o.map(e=>i?(0,n.jsx)(Gx,{dataCard:e},e.identifier):(0,n.jsx)(Vx,{dataCard:e},e.identifier)):(0,n.jsx)(Wx,{})})})})})},Jx=new Set([`p`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`li`,`td`,`th`]),Yx=(e,t)=>{let n=parseFloat(e.borderTopLeftRadius)||0,r=parseFloat(e.borderTopRightRadius)||0,i=parseFloat(e.borderBottomRightRadius)||0,a=parseFloat(e.borderBottomLeftRadius)||0;if(n===0&&r===0&&i===0&&a===0)return;let o=t?(()=>{let e=t.getBoundingClientRect();return e.width>0&&e.height>0&&Math.abs(e.width-e.height)<4})():!1;return e.borderRadius===`50%`?`50%`:Math.max(n,r,i,a)>9998?o?`50%`:9999:n===r&&r===i&&i===a?n===8?void 0:n:`${n}px ${r}px ${i}px ${a}px`},Xx=(e,t=`component`,n)=>{let r=e.getBoundingClientRect(),i=[],a=n?.leafTags?new Set([...Jx,...n.leafTags]):Jx,o=n?.captureRoundedBorders??!0,s=n?.excludeTags?new Set(n.excludeTags):null,c=n?.excludeSelectors??null,l=e=>{let t=getComputedStyle(e);if(t.display===`none`||t.visibility===`hidden`||t.opacity===`0`)return;let n=e.tagName.toLowerCase();if(s?.has(n)||c?.some(t=>e.matches(t)))return;let u=[...e.children].filter(e=>{let t=getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`&&t.opacity!==`0`}),d=n===`img`||n===`svg`||n===`video`||n===`canvas`,f=n===`input`||n===`button`||n===`textarea`||n===`select`,p=u.length===0||d||f||a.has(n),m=t.backgroundColor,h=m!==`rgba(0, 0, 0, 0)`&&m!==`transparent`,g=t.backgroundImage!==`none`,_=parseFloat(t.borderTopWidth)||0,v=o&&_>0&&t.borderTopColor!==`rgba(0, 0, 0, 0)`&&t.borderTopColor!==`transparent`,y=(parseFloat(t.borderTopLeftRadius)||0)>0,b=h||g||v&&y,x=n===`tr`||n===`td`||n===`th`||n===`thead`||n===`tbody`||n===`table`;if(p){let n=e.getBoundingClientRect();if(n.width<1||n.height<1)return;let a=d&&n.width>0&&n.height>0&&Math.abs(n.width-n.height)<4,o=x?0:a?`50%`:Yx(t,e)??8,s=r.width;i.push({x:s>0?+((n.left-r.left)/s*100).toFixed(4):0,y:Math.round(n.top-r.top),w:s>0?+(n.width/s*100).toFixed(4):0,h:Math.round(n.height),r:o});return}if(b){let n=e.getBoundingClientRect();if(n.width>=1&&n.height>=1){let a=x?0:Yx(t,e)??8,o=r.width;i.push({x:o>0?+((n.left-r.left)/o*100).toFixed(4):0,y:Math.round(n.top-r.top),w:o>0?+(n.width/o*100).toFixed(4):0,h:Math.round(n.height),r:a,c:!0})}}for(let e of u)l(e)};for(let t of e.children)l(t);return{name:t,viewportWidth:Math.round(r.width),width:Math.round(r.width),height:Math.round(r.height),bones:i}},Zx=(e,n,r,i,a)=>{let[o,s]=(0,t.useState)(null);return(0,t.useEffect)(()=>{if(!n||r||o)return;let t=e.current;if(!t)return;let c=requestAnimationFrame(()=>{let e=t.querySelector(`[data-skeleton-content]`);if(e&&e.children.length>0){let t=Xx(e,i??`auto`,a);t.bones.length>0&&s(t)}});return()=>cancelAnimationFrame(c)},[n,r,o,i,a,e]),o},Qx={angle:110,start:25,end:75,speed:`1.8s`},$x={speed:`1.5s`},eS={bone:`var(--colorNeutralStencil1)`,shimmerHighlight:`var(--colorNeutralStencil2)`},tS=new Map,nS=e=>{for(let[t,n]of Object.entries(e))tS.set(t,n)},rS=e=>tS.get(e),iS=()=>{typeof window<`u`&&window.__SKELETON_BUILD&&(window.__SKELETON_SNAPSHOT=Xx)},aS=()=>typeof window<`u`&&window.__SKELETON_BUILD===!0,oS=(e,t)=>{if(!(`breakpoints`in e))return e;let n=Object.keys(e.breakpoints).map(Number).sort((e,t)=>e-t);if(n.length===0)return null;let r=[...n].reverse().find(e=>t>=e)??n[0];return e.breakpoints[r]??null},sS=e=>Array.isArray(e)?{x:e[0],y:e[1],w:e[2],h:e[3],r:e[4],c:e[5]||void 0}:e,cS={},lS=e=>{cS={...cS,...e}},uS=()=>cS,dS=()=>(0,t.useMemo)(()=>({SHIMMER:Qx,PULSE:$x,DEFAULTS:eS,getRegisteredBones:rS,isBuildMode:aS,normalizeBone:sS,resolveResponsive:oS,getGlobalConfig:uS}),[]),fS=(0,f.keyframes)({"0%, 100%":{opacity:1},"50%":{opacity:.4}}),pS=(0,f.keyframes)({"0%":{backgroundPosition:`200% 0`},"100%":{backgroundPosition:`-200% 0`}}),mS=(0,f.keyframes)({from:{opacity:0},to:{opacity:1}}),hS=(0,f.css)({position:`relative`}),gS=(0,f.css)({position:`absolute`,inset:0,overflow:`hidden`}),_S=(0,f.css)({visibility:`hidden`,pointerEvents:`none`}),vS=(0,f.css)({position:`absolute`,inset:0,display:`flex`,alignItems:`center`,justifyContent:`center`}),yS={position:`relative`,width:`100%`,height:`100%`},bS=()=>({container:hS,overlay:gS,hiddenContent:_S,fallbackOverlay:vS});iS();var xS=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/,SS=e=>{let[n,r]=(0,t.useState)(!1),i=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(typeof window>`u`)return;let t=e.current;if(!t)return;let n=document.createElement(`span`);n.style.display=`none`,n.style.color=o.tokens.colorNeutralBackground1,t.appendChild(n),i.current=n;let a=()=>{let e=getComputedStyle(n).color.match(xS);if(e){r((parseInt(e[1],10)*299+parseInt(e[2],10)*587+parseInt(e[3],10)*114)/1e3<128);return}r(document.documentElement.classList.contains(`dark`)||!!t.closest(`.dark`))};a();let s=new MutationObserver(a);return s.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}),()=>{s.disconnect(),n.parentNode&&n.parentNode.removeChild(n),i.current=null}},[e]),n},CS=({loading:e,children:r,name:i,initialBones:a,color:s,darkColor:c,animate:l,stagger:u=!1,transition:d=!1,boneClass:f,className:p,style:m,fallback:h,fixture:g,snapshotConfig:_})=>{let v=bS(),{DEFAULTS:y,SHIMMER:b,PULSE:x,getRegisteredBones:S,isBuildMode:C,normalizeBone:w,resolveResponsive:T,getGlobalConfig:E}=dS(),D=(0,t.useRef)(null),[O,k]=(0,t.useState)(0),[A,j]=(0,t.useState)(0),M=SS(D),N=E(),P=s??N.color,F=c??N.darkColor,I=!!(P||F),L=I?M?F??P:P??y.bone:y.bone,R=l??N.animate??`pulse`,ee=R===!0?`pulse`:R===!1?`solid`:R;(0,t.useEffect)(()=>{let e=D.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect;k(Math.round(t?.width??0)),t&&t.height>0&&j(Math.round(t.height))});t.observe(e);let n=e.getBoundingClientRect();return k(Math.round(n.width)),n.height>0&&j(Math.round(n.height)),()=>t.disconnect()},[]);let te=(0,t.useMemo)(()=>{let e={};return i&&(e[`data-skeleton`]=i,_&&(e[`data-skeleton-config`]=JSON.stringify(_))),e},[i,_]),[ne,z]=(0,t.useState)(!1);(0,t.useLayoutEffect)(()=>{z(!0)},[]);let re=a??(i?S(i):void 0),ie=ne&&typeof window<`u`?window.innerWidth:0,ae=O>0?O:ie,oe=re&&ae>0?T(re,ae):null,se=Zx(D,e,oe,i,_),ce=oe??se,le=(0,t.useMemo)(()=>{let e=u??N.stagger;return e===!0?80:e===!1||!e?0:e},[u,N.stagger]),ue=(0,t.useMemo)(()=>{let e=d??N.transition;return e===!0?300:e===!1||!e?0:e},[d,N.transition]),[de,fe]=(0,t.useState)(!1),pe=(0,t.useRef)(e),me=(0,t.useRef)(null);(0,t.useEffect)(()=>(pe.current&&!e&&ue>0&&ce&&(me.current&&clearTimeout(me.current),fe(!0),me.current=setTimeout(()=>{fe(!1),me.current=null},ue)),pe.current=e,()=>{me.current&&clearTimeout(me.current)}),[e,ue,ce]);let he=(e||de)&&ce,ge=e&&!ce&&!de,_e=A>0?A:ce?.height??0,ve=ce?.height??0,ye=_e>0&&ve>0?_e/ve:1,be=(0,t.useMemo)(()=>ce?ce.bones.map(w).filter(e=>!e.c):[],[ce]),B=(0,t.useCallback)((e,t)=>{let n=e.w/100*(ce?.width??0),r=e.r===`50%`&&Math.abs(n-e.h)<4,i=r?0:2,a=e.h*ye,o=Math.max(a-i*2,2),s={position:`absolute`,left:`${e.x}%`,top:e.y*ye+i,width:r?e.h*ye:`${e.w}%`,height:o,borderRadius:typeof e.r==`string`?e.r:`${e.r}px`},c=N.speed;if(ee===`shimmer`){let e=I?M?N.darkShimmerColor??y.shimmerHighlight:N.shimmerColor??y.shimmerHighlight:y.shimmerHighlight;s.backgroundImage=`linear-gradient(${N.shimmerAngle??b.angle}deg, ${L} ${b.start}%, ${e} 50%, ${L} ${b.end}%)`,s.backgroundSize=`200% 100%`,s.animation=`${pS} ${c??b.speed} linear infinite`}else s.backgroundColor=L,ee===`pulse`&&(s.animation=`${fS} ${c??x.speed} ease-in-out infinite`);return le>0&&(s.opacity=0,s.animation=`${s.animation?`${s.animation}, `:``}${mS} 0.3s ease-out ${t*le}ms forwards`),s},[ce,ye,ee,L,I,M,N,le]);if(C())return(0,n.jsx)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,...te,children:(0,n.jsx)(`div`,{children:g??r})});let xe=e?{"aria-busy":`true`,"aria-label":`Loading content`}:{};return(0,n.jsxs)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,role:`status`,...xe,...te,children:[(0,n.jsx)(`div`,{"data-skeleton-content":`true`,className:he?v.hiddenContent:void 0,children:r}),ge&&h&&(0,n.jsx)(`div`,{className:v.fallbackOverlay,children:h}),he&&(0,n.jsx)(`div`,{"data-skeleton-overlay":`true`,className:v.overlay,"aria-hidden":`true`,style:{opacity:de?0:1,transition:ue>0?`opacity ${ue}ms ease-out`:void 0},children:(0,n.jsx)(`div`,{style:yS,children:be.map((e,t)=>(0,n.jsx)(`div`,{"data-skeleton-bone":`true`,className:f??N.boneClass,style:B(e,t)},t))})})]})},wS=()=>{let e=t.useRef(``);return e.current||=`fui-`+Math.random().toString(36).slice(2,9),e.current},TS=e=>{let t=wS(),{theme:r=o.webLightTheme,applicationName:i=t,targetDocument:a=document,applyStylesToPortals:s=!0,className:c,styles:l,children:u}=e;return(0,n.jsx)(o.IdPrefixProvider,{value:i,children:(0,n.jsx)(o.FluentProvider,{theme:r,applyStylesToPortals:s,targetDocument:a,className:c,style:l,children:u})})},ES=(0,f.keyframes)({from:{opacity:0,transform:`scale(1.03)`},to:{opacity:1,transform:`scale(1)`}}),DS={"top-left":{justify:`flex-start`,align:`flex-start`,textAlign:`left`},"top-center":{justify:`flex-start`,align:`center`,textAlign:`center`},"top-right":{justify:`flex-start`,align:`flex-end`,textAlign:`right`},"center-left":{justify:`center`,align:`flex-start`,textAlign:`left`},center:{justify:`center`,align:`center`,textAlign:`center`},"center-right":{justify:`center`,align:`flex-end`,textAlign:`right`},"bottom-left":{justify:`flex-end`,align:`flex-start`,textAlign:`left`},"bottom-center":{justify:`flex-end`,align:`center`,textAlign:`center`},"bottom-right":{justify:`flex-end`,align:`flex-end`,textAlign:`right`}},OS=(e,n,r=`image`)=>{let{borderRadius:i}=e,{getBaseStyles:a}=xu(),s=i??o.tokens.borderRadiusMedium;return{heroRootStyles:t.useCallback((t,n)=>({...a(e,t,n),overflow:`hidden`}),[a,e]),item:(0,f.css)({position:`relative`,overflow:`hidden`,width:`100%`,height:`100%`,borderRadius:s,animation:`${ES} 0.5s ease-out`}),overlayRoot:(0,f.css)({position:`absolute`,inset:0,display:`flex`,flexDirection:`column`,borderRadius:s,overflow:`hidden`,zIndex:1,pointerEvents:`none`,background:`color-mix(in srgb, ${o.tokens.colorBackgroundOverlay} 50%, transparent)`}),overlayScrim:e=>(0,f.css)({position:`absolute`,inset:0,background:`linear-gradient(
486
486
  to top,
487
- rgba(0,0,0,${e}) 0%,
488
- rgba(0,0,0,${parseFloat((e*.3).toFixed(2))}) 55%,
489
- rgba(0,0,0,0) 100%
490
- )`,zIndex:0}),overlayContent:e=>{let{justify:t,align:n,textAlign:i}=DS[e]??DS[`bottom-left`];return(0,f.css)({position:`relative`,flex:1,display:`flex`,flexDirection:`column`,justifyContent:t,alignItems:n,textAlign:i,zIndex:1,padding:o.tokens.spacingHorizontalXL,paddingBottom:r===`video`?`74px`:o.tokens.spacingHorizontalL,gap:o.tokens.spacingVerticalS,pointerEvents:`none`})},fullscreenRoot:(0,f.css)({width:`100%`,height:`100%`,overflow:`hidden`}),splitRoot:(0,f.css)({display:`grid`,gridTemplateColumns:n<576?`1fr`:`1fr 1fr`,gap:o.tokens.spacingHorizontalS,width:`100%`,height:`100%`,overflow:`hidden`}),featuredRoot:(0,f.css)({display:`grid`,gridTemplateColumns:n<576?`1fr`:`2fr 1fr`,gap:o.tokens.spacingHorizontalS,width:`100%`,height:`100%`,overflow:`hidden`}),mosaicWrapper:(0,f.css)({width:`100%`,height:n<576?`auto`:`100%`,gap:o.tokens.spacingHorizontalS,overflow:n<576?`visible`:`hidden`}),mosaicPrimary:(0,f.css)({flex:n<576?`none`:`3 0 0`,minWidth:0,width:`100%`,height:n<576?`260px`:`100%`}),mosaicRightGrid:e=>{let t=n>=1100&&e>=3,r=n<576?`1fr`:t?`1fr 1fr`:`1fr`,i=n<576?void 0:e===1?`1fr`:t?`1fr 1fr`:`repeat(${e}, 1fr)`;return(0,f.css)({flex:n<576?`none`:`2 0 0`,width:n<576?`100%`:void 0,minWidth:0,display:`grid`,gap:o.tokens.spacingHorizontalS,gridTemplateColumns:r,gridTemplateRows:i,height:n<576?`auto`:`100%`})},mosaicSpanFull:(0,f.css)({gridColumn:`1 / -1`}),mosaicMarqueeLane:(0,f.css)({flex:n<576?`none`:`2 0 0`,minWidth:0,height:n<576?`320px`:`100%`,overflow:`hidden`}),mosaicMarqueeItem:(0,f.css)({flex:`0 0 auto`,minHeight:n<576?`160px`:`120px`}),mosaicScrollLane:(0,f.css)({flex:n<576?`none`:`2 0 0`,minWidth:0,height:n<576?`320px`:`100%`,overflowY:`auto`,overflowX:`hidden`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} transparent`,display:`flex`,flexDirection:`column`,gap:`8px`,"&::-webkit-scrollbar":{width:`4px`},"&::-webkit-scrollbar-track":{background:`transparent`},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`999px`}}),gridRoot:(0,f.css)({display:`grid`,gridTemplateColumns:`repeat(${n>=1200?4:n>=992?3:n>=576?2:1}, 1fr)`,gap:o.tokens.spacingHorizontalS,width:`100%`}),filmstripRoot:(0,f.css)({display:`flex`,flexDirection:`row`,gap:o.tokens.spacingHorizontalM,overflowX:`auto`,width:`100%`,scrollSnapType:`x mandatory`,scrollbarWidth:`none`,"::-webkit-scrollbar":{display:`none`},paddingBottom:o.tokens.spacingVerticalXS}),filmstripItem:(0,f.css)({flex:`0 0 ${n>=1200?`400px`:n>=992?`340px`:n>=576?`280px`:`220px`}`,scrollSnapAlign:`start`}),carouselWrapper:(0,f.css)({width:`100%`,overflow:`hidden`})}};function kS(e){try{let t=new URL(e);if(t.hostname.includes(`youtube.com`))return{kind:`youtube`,id:t.searchParams.get(`v`)??``};if(t.hostname.includes(`youtu.be`))return{kind:`youtube`,id:t.pathname.slice(1).split(`?`)[0]};if(t.hostname.includes(`vimeo.com`))return{kind:`vimeo`,id:t.pathname.replace(/^\//,``).split(`/`)[0]}}catch{}return{kind:`file`,id:``}}var AS={position:`absolute`,inset:0,overflow:`hidden`,pointerEvents:`none`},jS={position:`absolute`,top:`50%`,left:`50%`,width:`auto`,height:`auto`,minWidth:`100%`,minHeight:`100%`,aspectRatio:`16 / 9`,transform:`translate(-50%, -50%)`,border:`none`,pointerEvents:`none`},MS=({src:e,loop:t=!0,title:r=`background video`})=>{let i=kS(e);if(i.kind===`youtube`&&i.id){let e=i.id;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://www.youtube.com/embed/${e}?autoplay=1&mute=1${t?`&loop=1&playlist=${e}`:``}&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&playsinline=1&enablejsapi=1`,allow:`autoplay; encrypted-media`,title:r,style:jS})})}if(i.kind===`vimeo`&&i.id){let e=t?`&loop=1`:``;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://player.vimeo.com/video/${i.id}?autoplay=1&muted=1${e}&background=1&byline=0&title=0&portrait=0`,allow:`autoplay; fullscreen`,title:r,style:jS})})}return(0,n.jsx)(`video`,{src:e,autoPlay:!0,loop:t,muted:!0,playsInline:!0,title:r,style:{position:`absolute`,inset:0,width:`100%`,height:`100%`,objectFit:`cover`,pointerEvents:`none`}})};MS.displayName=`BackgroundVideo`;var NS=t.memo(({item:e,heroProps:t,containerWidth:r,mediaType:i=`image`})=>{let{title:a,description:s,callToActionLabel:c,callToActionUrl:l,textPosition:u=`bottom-left`,overlayOpacity:d=.45}=e,f=a||s||c,{overlayRoot:p,overlayScrim:m,overlayContent:h}=OS(t,r,i);return f?(0,n.jsxs)(H,{className:p,children:[(0,n.jsx)(H,{className:m(d),"aria-hidden":`true`}),(0,n.jsxs)(H,{className:h(u),children:[(a||s)&&(0,n.jsxs)(`div`,{style:{overflow:`hidden`,flex:`0 1 auto`,minHeight:0,display:`flex`,flexDirection:`column`,gap:`6px`},children:[a&&(0,n.jsx)(Cd,{fontSize:`l`,fontWeight:`bold`,numberOfLines:2,truncate:!0,style:{textShadow:`0 1px 4px rgba(0,0,0,0.65)`,margin:0,color:`#fff`},children:a}),s&&(0,n.jsx)(Cd,{fontSize:`s`,numberOfLines:2,style:{textShadow:`0 1px 3px rgba(0,0,0,0.5)`,margin:0,color:`rgba(255,255,255,0.9)`},children:s})]}),c&&l&&(0,n.jsx)(o.Button,{appearance:`primary`,as:`a`,href:l,target:`_blank`,rel:`noopener noreferrer`,style:{flexShrink:0,pointerEvents:`auto`},children:c})]})]}):null});NS.displayName=`HeroOverlay`;var PS=t.memo(({item:e,heroProps:t,containerWidth:r,className:i,itemHeight:a})=>{let{item:s}=OS(t,r),c=a===void 0?`100%`:typeof a==`number`?`${a}px`:a,l=e.mediaType===`video`&&e.videoControls===!1&&e.autoPlay;return(0,n.jsx)(H,{className:(0,o.mergeClasses)(s,i),height:c,role:`region`,"aria-label":e.alt??e.title??e.src,children:e.mediaType===`image`?(0,n.jsx)(Ob,{src:e.src,style:{height:`100%`},children:(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r})}):l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(MS,{src:e.src,loop:e.loop,title:e.alt??e.title}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:`image`})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ov,{url:e.src,width:`100%`,height:c,controls:e.videoControls!==!1,playing:e.autoPlay,loop:e.loop,muted:e.autoPlay,playsinline:!0}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:e.videoControls===!1?`image`:`video`})]})})});PS.displayName=`HeroItem`;var FS=e=>({resolvedHeight:t.useMemo(()=>typeof e==`number`?`${e}px`:e,[e]),numericHeight:t.useMemo(()=>typeof e==`number`?e:parseInt(String(e),10)||480,[e]),mosaicHeight:t.useMemo(()=>typeof e==`number`?`${e+30}px`:`calc(${e} + 30px)`,[e])}),IS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let a=we(e,1,r.rotation),{resolvedHeight:o}=FS(t),s=a[0];return s?(0,n.jsx)(H,{width:`100%`,height:o,children:(0,n.jsx)(PS,{item:s,heroProps:r,containerWidth:i})}):null};IS.displayName=`HeroFullscreen`;var LS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{splitRoot:a}=OS(r,i),o=we(e,2,r.rotation),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{className:a,height:s,children:o.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};LS.displayName=`HeroSplit`;var RS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{featuredRoot:a}=OS(r,i),o=we(e,2,r.rotation),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{className:a,height:s,children:o.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};RS.displayName=`HeroFeatured`;var zS=({items:e,height:t,heroProps:r,containerWidth:i,mosaicOverflowMode:a=`marquee`})=>{let{mosaicWrapper:o,mosaicPrimary:s,mosaicRightGrid:c,mosaicSpanFull:l,mosaicScrollLane:u}=OS(r,i),{mosaicHeight:d}=FS(t),f=e.length>5,p=f?e:e.slice(0,5),m=p[0],h=p.slice(1),g=i<576;if(!m)return null;let _=g?160:180;return(0,n.jsxs)(H,{direction:g?`vertical`:`horizontal`,className:o,height:g?void 0:d,children:[(0,n.jsx)(PS,{item:m,heroProps:r,containerWidth:i,className:s,itemHeight:g?260:void 0}),h.length>0&&!f&&(0,n.jsx)(`div`,{className:c(h.length),children:h.map((e,t)=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:g?180:void 0,className:h.length===3&&t===2&&i>=1100?l:void 0},e.id))}),h.length>0&&f&&a===`marquee`&&(0,n.jsx)(`div`,{style:{flex:g?`none`:`2 0 0`,minWidth:0,height:g?`320px`:`100%`,overflow:`hidden`,scrollbarWidth:`none`},children:(0,n.jsx)(Sb,{orientation:`vertical`,duration:6e4,pauseOnHover:!0,repeat:2,gap:`spacingHorizontalS`,fadeEdgeSize:`8%`,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})}),h.length>0&&f&&a===`scroll`&&(0,n.jsx)(`div`,{className:u,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})]})};zS.displayName=`HeroMosaic`;var BS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{gridRoot:a}=OS(r,i),{resolvedHeight:o}=FS(t);return(0,n.jsx)(H,{className:a,children:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:o},e.id))})};BS.displayName=`HeroGrid`;var VS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{filmstripRoot:a,filmstripItem:o}=OS(r,i),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{direction:`horizontal`,className:a,height:s,children:e.map(e=>(0,n.jsx)(H,{className:o,children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i})},e.id))})};VS.displayName=`HeroFilmstrip`;var HS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{carouselWrapper:a}=OS(r,i),{numericHeight:o}=FS(t),s=o-50;return(0,n.jsx)(H,{className:a,height:o,children:(0,n.jsx)(pd,{items:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:s},e.id)),height:o})})};HS.displayName=`HeroCarousel`;var US=`480px`,WS=e=>{let{items:r,layout:i=`fullscreen`,height:a=US,className:s}=e,c=t.useRef(null),[l,u]=t.useState(0),[p,m]=t.useState(0),{heroRootStyles:h}=OS(e,l);t.useEffect(()=>{let e;return c.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;u(e),m(n)}}),u(c.current.clientWidth),m(c.current.clientHeight),e.observe(c.current)),()=>{e&&e.disconnect()}},[]);let g=(0,f.css)({width:`100%`}),_={items:r,height:a,heroProps:e,containerWidth:l,mosaicOverflowMode:e.mosaicOverflowMode??`marquee`},v=()=>{switch(i){case`fullscreen`:return(0,n.jsx)(IS,{..._});case`split`:return(0,n.jsx)(LS,{..._});case`featured`:return(0,n.jsx)(RS,{..._});case`mosaic`:return(0,n.jsx)(zS,{..._});case`grid`:return(0,n.jsx)(BS,{..._});case`filmstrip`:return(0,n.jsx)(VS,{..._});case`carousel`:return(0,n.jsx)(HS,{..._});default:return(0,n.jsx)(IS,{..._})}},y=t.useMemo(()=>{let e=h(l,p);if(i===`grid`||i===`mosaic`&&l>0&&l<576){let{height:t,...n}=e;return n}return e},[h,l,p,i]);return(0,n.jsx)(H,{id:`-hero`,role:`region`,"aria-label":`Hero`,ref:c,className:(0,o.mergeClasses)(g,s),style:y,children:v()})};WS.displayName=`Hero`,exports.AIAssistant=$y,exports.AISearchControl=Ny,exports.AISearchIcon=ky,exports.AISearchIconExample=Fy,exports.AdaptiveCardHost=Sy,exports.AdaptiveCardHostThemeType=Wv,exports.AddColumnAfterControl=ag,exports.AddColumnBeforeControl=ig,exports.AddRowAfterControl=cg,exports.AddRowBeforeControl=sg,exports.AlignCenterControl=Hh,exports.AlignJustifyControl=Uh,exports.AlignLeftControl=Bh,exports.AlignRightControl=Vh,exports.AppDashboard=Ix,exports.AspectRatio=rd,exports.BackgroundImage=Ob,exports.Blockquote=mb,exports.BlockquoteControl=zh,exports.BoldControl=Th,exports.Breadcrumb=kd,exports.BulletListControl=jh,exports.ButtonMenu=Td,exports.CalendarControl=gf,exports.CalendarGrid=yf,exports.CalendarHeader=bf,exports.CalendarMonth=tf,exports.Card=Ju,exports.Carousel=pd,exports.Center=od,exports.ChatInput=Ly,exports.ChatInputWithMensions=Hy,exports.ChatInputWithMensionsV1=eb,exports.ChatList=Xy,exports.ChromeInputType=D_,exports.ClearFormattingControl=kh,exports.CodeBlockControl=qh,exports.CodeControl=Kh,exports.ColorPicker=X,exports.ColorPickerAlpha=g_,exports.ColorPickerBlock=G_,exports.ColorPickerChrome=M_,exports.ColorPickerCircle=B_,exports.ColorPickerColorful=N_,exports.ColorPickerCompact=U_,exports.ColorPickerEditableInput=S_,exports.ColorPickerEditableInputHSLA=w_,exports.ColorPickerEditableInputRGBA=C_,exports.ColorPickerHue=m_,exports.ColorPickerInteractive=c_,exports.ColorPickerSaturation=u_,exports.ColorPickerShadeSlider=v_,exports.ColorPickerSketch=E_,exports.ColorPickerSlider=q_,exports.ColorPickerSwatch=b_,exports.ColorPickerTheme=ev,exports.ColorPickerWheel=L_,exports.CompactCalendar=jf,exports.CompactCalendarToolbar=xf,exports.ConsoleLoggingProvider=e.k,exports.Container=cd,exports.ContentRenderer=Yy,exports.ContentType=zu,exports.CustomControlBar=bv,exports.DataGrid=iv,exports.DataGridV2=sv,exports.DefaultGraphClient=e.O,exports.DefaultLocalizationProvider=e.T,exports.DeleteColumnControl=og,exports.DeleteRowControl=lg,exports.DeleteTableControl=rg,exports.DropdownField=bg,exports.Dropzone=Cp,exports.DropzoneAccept=vp,exports.DropzoneFullScreen=wp,exports.DropzoneIdle=bp,exports.DropzoneProvider=hp,exports.DropzoneReject=yp,exports.EBreakPoints=ge,exports.ECalendarViews=W,exports.EGoalMetric=Bx,exports.EMessageType=_e,exports.EXE_MIME_TYPE=jp,exports.EmojiPicker=Sh,exports.ErrorType=e.A,exports.EventsList=Sf,exports.FluentUIProvider=TS,exports.GenericOverFlowMenu=wv,exports.Grid=Xu,exports.H1Control=Nh,exports.H2Control=Ph,exports.H3Control=Fh,exports.H4Control=Ih,exports.H5Control=Lh,exports.H6Control=Rh,exports.Hero=WS,exports.HighlightControl=Jh,exports.HrControl=Yh,exports.IMAGE_MIME_TYPE=Ep,exports.IconButton=Ad,exports.InlineSVG=Xb,exports.InputField=Sg,exports.InsertTableControl=ng,exports.ItalicControl=Eh,exports.ItemPicker=Fg,exports.KPICard=Vx,exports.KPICardCompact=Gx,exports.KPICardSkeleton=Hx,exports.Kpis=qx,exports.Layout=$u,exports.LayoutItem=ed,exports.Link=Ip,exports.ListItemActivityMessage=Ex,exports.ListToolbar=fx,exports.LivePersona=ix,exports.LocalStorageProvider=e.w,exports.LocalizationProvider=e.t,exports.LogLevel=e.j,exports.MIME_TYPES=Tp,exports.MS_EXCEL_MIME_TYPE=kp,exports.MS_POWERPOINT_MIME_TYPE=Ap,exports.MS_WORD_MIME_TYPE=Op,exports.MaplibreWorldMap=Uv,exports.MarkdownRenderer=qy,exports.Marquee=Sb,exports.Mensions=zy,exports.MensionsExample=By,exports.MergeOrSplitCellControl=ug,exports.MermaidDiagram=ab,exports.Navigation=Tv,exports.NoKpisCard=Wx,exports.OTPField=rx,exports.OptionTime=jg,exports.OrderedListControl=Mh,exports.PDF_MIME_TYPE=Dp,exports.Popup=gd,exports.RedoControl=Qh,exports.RenderAdaptiveCard=Cy,exports.RenderDialog=uv,exports.RenderDrawer=dv,exports.RenderHeader=fv,exports.RenderLabel=vd,exports.RenderSpinner=bd,exports.RichTextEditor=vg,exports.RichTextEditorBgColorPickerControl=nh,exports.RichTextEditorColorControl=Xm,exports.RichTextEditorColorPickerControl=Zm,exports.RichTextEditorContent=Kp,exports.RichTextEditorControl=Jp,exports.RichTextEditorControlBase=Yp,exports.RichTextEditorControlsGroup=qp,exports.RichTextEditorDragHandle=rh,exports.RichTextEditorFontFamilyControl=eh,Object.defineProperty(exports,`RichTextEditorImage`,{enumerable:!0,get:function(){return L.default}}),exports.RichTextEditorImageUploadControl=th,exports.RichTextEditorLinkControl=Ym,exports.RichTextEditorResizableImage=zp,exports.RichTextEditorSourceCodeControl=Qm,exports.RichTextEditorTableControls=wh,exports.RichTextEditorToolbar=Vp,exports.SearchControl=$f,exports.SelectDay=Qd,exports.SelectMonth=nf,exports.SelectTime=Ng,exports.SelectView=Cg,exports.SelectWeek=sf,exports.ShareDialog=mv,exports.ShowError=gv,exports.ShowMessage=vv,exports.SkeletonLoader=CS,exports.Space=nd,exports.SplitPane=hd,exports.Spoiler=Tb,exports.Spotlight=pp,exports.SpotlightAction=np,exports.SpotlightActionsGroup=rp,exports.SpotlightActionsList=ip,exports.SpotlightEmpty=ap,exports.SpotlightFooter=op,exports.SpotlightRoot=Zf,exports.SpotlightSearch=ep,exports.StackV2=H,exports.StackedUsers=xx,exports.Stepper=zb,exports.StrikeThroughControl=Oh,exports.SubscriptControl=Wh,exports.SuperscriptControl=Gh,exports.TIME_RADIO_GROUP=Eg,exports.TableKit=I.TableKit,exports.TaskListControl=$h,exports.TaskListLiftControl=tg,exports.TaskListSinkControl=eg,exports.Timeline=Nb,exports.ToggleHeaderColumnControl=dg,exports.ToggleHeaderRowControl=fg,exports.ToggleTableColumnLinesControl=pg,exports.ToggleTableRowLinesControl=mg,exports.TypographyControl=Cd,exports.UnderlineControl=Dh,exports.UndoControl=Zh,exports.UniversalProvider=ye,exports.UnlinkControl=Ah,exports.UnsetColorControl=Xh,exports.UserCard=yx,exports.VideoPlayer=Ov,exports.applyHeaderStyles=hu,exports.autoFitColumns=gu,exports.buildHeaderCellStyle=mu,exports.clampHsva=o_,exports.clearInlineSVGCache=Ub,exports.cloneDeep=Ou,exports.closeOnActionTriggerAtom=Lf,exports.closeSpotlight=Wf,exports.color=J,exports.configureSkeletonLoader=lS,exports.createControl=K,exports.createSpotlight=Kf,exports.createSpotlightStore=zf,exports.debounce=Eu,exports.deepMerge=e.E,exports.defaultCalendarControlStrings=ff,exports.defaultCalendarMonthStrings=ef,exports.defaultSelectWeekStrings=rf,exports.defaultSpotlightFilter=dp,exports.detectContentType=Gu,exports.en=e.D,exports.equalColorObjects=i_,exports.equalHex=a_,exports.escapeCsvCell=_u,exports.every=Ru,exports.filter=Iu,exports.formatTime=Og,exports.get=Au,exports.getContentType=Ku,exports.getContrastingColor=r_,exports.getTaskListExtension=Lp,exports.groupBy=Pu,exports.hexToHsva=Hg,exports.hexToRgba=Gg,exports.hslaStringToHsva=$g,exports.hslaToHsva=Vg,exports.hsvaToHex=Ug,exports.hsvaToHexa=Wg,exports.hsvaToHslString=Jg,exports.hsvaToHsla=Bg,exports.hsvaToHslaString=Yg,exports.hsvaToRgbString=Xg,exports.hsvaToRgba=Rg,exports.hsvaToRgbaString=Zg,exports.isActionsGroup=cp,exports.isEmpty=ku,exports.limitActions=fp,exports.listIdAtom=Pf,exports.map=Fu,exports.onQueryChangeCallbackAtom=Rf,exports.openSpotlight=Uf,exports.openedAtom=Mf,exports.parseHue=Qg,exports.queryAtom=Ff,exports.registerBones=nS,exports.registeredActionsAtom=If,exports.renderContentAsEmailHtml=Gp,exports.resolveLocale=Of,exports.rgbaStringToHsva=e_,exports.rgbaToHex=Kg,exports.rgbaToHexa=qg,exports.rgbaToHsva=zg,exports.selectedAtom=Nf,exports.set=ju,exports.snapshotBones=Xx,exports.some=Lu,exports.spotlight=Hf,exports.spotlightActions=G,exports.spotlightStore=Bf,exports.throttle=Du,exports.timeKey=kg,exports.toasterId=fu,exports.toggleSpotlight=Gf,exports.uniq=Mu,exports.uniqBy=Nu,exports.useAIAssistantStrings=e.n,exports.useAISearchControlStrings=e.r,exports.useAppDashboardStrings=e.i,exports.useAppToast=pu,exports.useApplicationContext=be,exports.useAspectRatioStyles=id,exports.useBlockquoteStyles=ub,exports.useBrandCenterFonts=ze,exports.useCalendar=Gd,exports.useCalendarStrings=e.a,exports.useCalendarStyles=Rd,exports.useCenterStyles=ad,exports.useColorPickerStyles=Y,exports.useCommonStrings=e.o,exports.useCompactCalendarEvents=Ef,exports.useComponentStrings=e.c,exports.useComponentUtils=xu,exports.useDataGridStyles=rv,exports.useDateUtils=Su,exports.useDayViewStyles=Kd,exports.useDropzoneContext=gp,exports.useDropzoneStyles=xp,exports.useExportData=bu,exports.useFluentEmoji=du,exports.useGraphAPI=xe,exports.useGridStyles=Yu,exports.useImageUtils=Tu,exports.useIndexedDBCache=Se,exports.useInputFieldStrings=e.u,exports.useItemPickerStrings=e.d,exports.useKpiStrings=e.f,exports.useLayoutStyles=Zu,exports.useListItemActivityStrings=e.p,exports.useLocalization=e.m,exports.useLogging=B,exports.useMarqueeStyles=_b,exports.useMensionsStrings=e.h,exports.useMensionsStyles=Ry,exports.useMermaidDiagramStrings=e.g,exports.useMermaidDiagramStyles=nb,exports.useNavigationStyles=Ev,exports.useNoKpiStrings=e._,exports.useOptionTimeStyles=Tg,exports.usePolling=Ce,exports.useRenderHeaderStyles=pv,exports.useRichTextEditor=Bp,exports.useSearchControlStrings=e.v,exports.useSelectTimeStyles=wg,exports.useShareDialogStrings=e.y,exports.useShowErrorStyles=hv,exports.useShowMessageStyles=_v,exports.useSkeletonExtract=Zx,exports.useSpaceStyles=td,exports.useSplitPaneStyles=md,exports.useSpotlight=qf,exports.useSpotlightShortcut=Yf,exports.useSpotlightStrings=e.b,exports.useStrings=e.x,exports.useStyles=tb,exports.useTimeZoneHelper=Ee,exports.useUserCardStrings=e.S,exports.useUtils=Md,exports.useVideoStyles=Dv,exports.useWeekViewStyles=Vd,exports.useWorldMapStrings=e.C,exports.validHex=n_;
487
+ color-mix(in srgb, black ${Math.min(Math.round(e*100),100)}%, transparent) 0%,
488
+ color-mix(in srgb, black ${Math.min(Math.round(e*30),100)}%, transparent) 55%,
489
+ transparent 100%
490
+ )`,zIndex:0}),overlayContent:e=>{let{justify:t,align:n,textAlign:i}=DS[e]??DS[`bottom-left`];return(0,f.css)({position:`relative`,flex:1,display:`flex`,flexDirection:`column`,justifyContent:t,alignItems:n,textAlign:i,zIndex:1,padding:o.tokens.spacingHorizontalXL,paddingBottom:r===`video`?`74px`:o.tokens.spacingHorizontalL,gap:o.tokens.spacingVerticalS,pointerEvents:`none`})},overlayTextGroup:(0,f.css)({overflow:`hidden`,flex:`0 1 auto`,minHeight:0,display:`flex`,flexDirection:`column`,gap:o.tokens.spacingVerticalS}),overlayTitle:(0,f.css)({textShadow:`0 1px 4px color-mix(in srgb, black 65%, transparent)`,color:o.tokens.colorNeutralForegroundStaticInverted,margin:0}),overlayDescription:(0,f.css)({textShadow:`0 1px 3px color-mix(in srgb, black 50%, transparent)`,color:o.tokens.colorNeutralForegroundStaticInverted,opacity:.9,margin:0}),overlayCta:(0,f.css)({flexShrink:0,width:`fit-content`,pointerEvents:`auto`}),fullscreenRoot:(0,f.css)({width:`100%`,height:`100%`,overflow:`hidden`}),splitRoot:(0,f.css)({display:`grid`,gridTemplateColumns:n<576?`1fr`:`1fr 1fr`,gap:`3px`,width:`100%`,height:`100%`,overflow:`hidden`}),featuredRoot:(0,f.css)({display:`grid`,gridTemplateColumns:n<576?`1fr`:`2fr 1fr`,gap:`3px`,width:`100%`,height:`100%`,overflow:`hidden`}),mosaicWrapper:(0,f.css)({width:`100%`,height:n<576?`auto`:`100%`,gap:`3px`,overflow:n<576?`visible`:`hidden`}),mosaicPrimary:(0,f.css)({flex:n<576?`none`:`3 0 0`,minWidth:0,width:`100%`,height:n<576?`260px`:`100%`}),mosaicRightGrid:e=>{let t=n>=1100&&e>=3,r=n<576?`1fr`:t?`1fr 1fr`:`1fr`,i=n<576?void 0:e===1?`1fr`:t?`1fr 1fr`:`repeat(${e}, 1fr)`;return(0,f.css)({flex:n<576?`none`:`2 0 0`,width:n<576?`100%`:void 0,minWidth:0,display:`grid`,gap:`3px`,gridTemplateColumns:r,gridTemplateRows:i,height:n<576?`auto`:`100%`})},mosaicSpanFull:(0,f.css)({gridColumn:`1 / -1`}),mosaicMarqueeLane:(0,f.css)({flex:n<576?`none`:`2 0 0`,minWidth:0,height:n<576?`320px`:`100%`,overflow:`hidden`}),mosaicMarqueeItem:(0,f.css)({flex:`0 0 auto`,minHeight:n<576?`160px`:`120px`}),mosaicScrollLane:(0,f.css)({flex:n<576?`none`:`2 0 0`,minWidth:0,height:n<576?`320px`:`100%`,overflowY:`auto`,overflowX:`hidden`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} transparent`,display:`flex`,flexDirection:`column`,gap:`3px`,"&::-webkit-scrollbar":{width:`4px`},"&::-webkit-scrollbar-track":{background:`transparent`},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`999px`}}),gridRoot:(0,f.css)({display:`grid`,gridTemplateColumns:`repeat(${n>=1200?4:n>=992?3:n>=576?2:1}, 1fr)`,gap:`3px`,width:`100%`}),filmstripRoot:(0,f.css)({display:`flex`,flexDirection:`row`,gap:`3px`,overflowX:`auto`,width:`100%`,scrollSnapType:`x mandatory`,scrollbarWidth:`none`,"::-webkit-scrollbar":{display:`none`},paddingBottom:o.tokens.spacingVerticalXS}),filmstripItem:(0,f.css)({flex:`0 0 ${n>=1200?`400px`:n>=992?`340px`:n>=576?`280px`:`220px`}`,scrollSnapAlign:`start`}),carouselWrapper:(0,f.css)({width:`100%`,overflow:`hidden`})}};function kS(e){try{let t=new URL(e);if(t.hostname.includes(`youtube.com`))return{kind:`youtube`,id:t.searchParams.get(`v`)??``};if(t.hostname.includes(`youtu.be`))return{kind:`youtube`,id:t.pathname.slice(1).split(`?`)[0]};if(t.hostname.includes(`vimeo.com`))return{kind:`vimeo`,id:t.pathname.replace(/^\//,``).split(`/`)[0]}}catch{}return{kind:`file`,id:``}}var AS={position:`absolute`,inset:0,overflow:`hidden`,pointerEvents:`none`},jS={position:`absolute`,top:`50%`,left:`50%`,width:`auto`,height:`auto`,minWidth:`100%`,minHeight:`100%`,aspectRatio:`16 / 9`,transform:`translate(-50%, -50%)`,border:`none`,pointerEvents:`none`},MS=({src:e,loop:t=!0,title:r=`background video`})=>{let i=kS(e);if(i.kind===`youtube`&&i.id){let e=i.id;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://www.youtube.com/embed/${e}?autoplay=1&mute=1${t?`&loop=1&playlist=${e}`:``}&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&playsinline=1&enablejsapi=1`,allow:`autoplay; encrypted-media`,title:r,style:jS})})}if(i.kind===`vimeo`&&i.id){let e=t?`&loop=1`:``;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://player.vimeo.com/video/${i.id}?autoplay=1&muted=1${e}&background=1&byline=0&title=0&portrait=0`,allow:`autoplay; fullscreen`,title:r,style:jS})})}return(0,n.jsx)(`video`,{src:e,autoPlay:!0,loop:t,muted:!0,playsInline:!0,title:r,style:{position:`absolute`,inset:0,width:`100%`,height:`100%`,objectFit:`cover`,pointerEvents:`none`}})};MS.displayName=`BackgroundVideo`;var NS=t.memo(({item:e,heroProps:t,containerWidth:r,mediaType:i=`image`})=>{let{title:a,description:s,callToActionLabel:c,callToActionUrl:l,textPosition:u=`bottom-left`,overlayOpacity:d=.45}=e,f=a||s||c,{overlayRoot:p,overlayScrim:m,overlayContent:h,overlayTextGroup:g,overlayTitle:_,overlayDescription:v,overlayCta:y}=OS(t,r,i);return f?(0,n.jsxs)(H,{className:p,children:[(0,n.jsx)(H,{className:m(d),"aria-hidden":`true`}),(0,n.jsxs)(H,{className:h(u),children:[(a||s)&&(0,n.jsxs)(`div`,{className:g,children:[a&&(0,n.jsx)(Cd,{fontSize:`l`,fontWeight:`bold`,numberOfLines:2,truncate:!0,className:_,children:a}),s&&(0,n.jsx)(Cd,{fontSize:`s`,numberOfLines:2,className:v,children:s})]}),c&&l&&(0,n.jsx)(o.Button,{appearance:`primary`,onClick:e=>{e.stopPropagation(),window.open(l,`_blank`,`noopener,noreferrer`)},target:`_blank`,rel:`noopener noreferrer`,className:y,children:c})]})]}):null});NS.displayName=`HeroOverlay`;var PS=t.memo(({item:e,heroProps:t,containerWidth:r,className:i,itemHeight:a})=>{let{item:s}=OS(t,r),c=a===void 0?`100%`:typeof a==`number`?`${a}px`:a,l=e.mediaType===`video`&&e.videoControls===!1&&e.autoPlay;return(0,n.jsx)(H,{className:(0,o.mergeClasses)(s,i),height:c,role:`region`,"aria-label":e.alt??e.title??e.src,children:e.mediaType===`image`?(0,n.jsx)(Ob,{src:e.src,style:{height:`100%`},children:(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r})}):l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(MS,{src:e.src,loop:e.loop,title:e.alt??e.title}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:`image`})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ov,{url:e.src,width:`100%`,height:c,controls:e.videoControls!==!1,playing:e.autoPlay,loop:e.loop,muted:e.autoPlay,playsinline:!0}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:e.videoControls===!1?`image`:`video`})]})})});PS.displayName=`HeroItem`;var FS=e=>({resolvedHeight:t.useMemo(()=>typeof e==`number`?`${e}px`:e,[e]),numericHeight:t.useMemo(()=>typeof e==`number`?e:parseInt(String(e),10)||480,[e]),mosaicHeight:t.useMemo(()=>typeof e==`number`?`${e+30}px`:`calc(${e} + 30px)`,[e])}),IS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let a=we(e,1,r.rotation),{resolvedHeight:o}=FS(t),s=a[0];return s?(0,n.jsx)(H,{width:`100%`,height:o,children:(0,n.jsx)(PS,{item:s,heroProps:r,containerWidth:i})}):null};IS.displayName=`HeroFullscreen`;var LS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{splitRoot:a}=OS(r,i),o=we(e,2,r.rotation),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{className:a,height:s,children:o.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};LS.displayName=`HeroSplit`;var RS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{featuredRoot:a}=OS(r,i),o=we(e,2,r.rotation),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{className:a,height:s,children:o.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};RS.displayName=`HeroFeatured`;var zS=({items:e,height:t,heroProps:r,containerWidth:i,mosaicOverflowMode:a=`marquee`})=>{let{mosaicWrapper:o,mosaicPrimary:s,mosaicRightGrid:c,mosaicSpanFull:l,mosaicScrollLane:u}=OS(r,i),{mosaicHeight:d}=FS(t),f=e.length>5,p=f?e:e.slice(0,5),m=p[0],h=p.slice(1),g=i<576;if(!m)return null;let _=g?160:180;return(0,n.jsxs)(H,{direction:g?`vertical`:`horizontal`,className:o,height:g?void 0:d,children:[(0,n.jsx)(PS,{item:m,heroProps:r,containerWidth:i,className:s,itemHeight:g?260:void 0}),h.length>0&&!f&&(0,n.jsx)(`div`,{className:c(h.length),children:h.map((e,t)=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:g?180:void 0,className:h.length===3&&t===2&&i>=1100?l:void 0},e.id))}),h.length>0&&f&&a===`marquee`&&(0,n.jsx)(`div`,{style:{flex:g?`none`:`2 0 0`,minWidth:0,height:g?`320px`:`100%`,overflow:`hidden`,scrollbarWidth:`none`},children:(0,n.jsx)(Sb,{orientation:`vertical`,duration:6e4,pauseOnHover:!0,repeat:2,gap:`3px`,fadeEdgeSize:`8%`,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})}),h.length>0&&f&&a===`scroll`&&(0,n.jsx)(`div`,{className:u,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})]})};zS.displayName=`HeroMosaic`;var BS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{gridRoot:a}=OS(r,i),{resolvedHeight:o}=FS(t);return(0,n.jsx)(H,{className:a,children:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:o},e.id))})};BS.displayName=`HeroGrid`;var VS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{filmstripRoot:a,filmstripItem:o}=OS(r,i),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{direction:`horizontal`,className:a,height:s,children:e.map(e=>(0,n.jsx)(H,{className:o,children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i})},e.id))})};VS.displayName=`HeroFilmstrip`;var HS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{carouselWrapper:a}=OS(r,i),{numericHeight:o}=FS(t),s=o-50;return(0,n.jsx)(H,{className:a,height:o,children:(0,n.jsx)(pd,{items:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:s},e.id)),height:o})})};HS.displayName=`HeroCarousel`;var US=`480px`,WS=e=>{let{items:r,layout:i=`fullscreen`,height:a=US,className:s}=e,c=t.useRef(null),[l,u]=t.useState(0),[f,p]=t.useState(0),{heroRootStyles:m}=OS(e,l);t.useEffect(()=>{let e;return c.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;u(e),p(n)}}),u(c.current.clientWidth),p(c.current.clientHeight),e.observe(c.current)),()=>{e&&e.disconnect()}},[]);let h={items:r,height:a,heroProps:e,containerWidth:l,mosaicOverflowMode:e.mosaicOverflowMode??`marquee`},g=()=>{switch(i){case`fullscreen`:return(0,n.jsx)(IS,{...h});case`split`:return(0,n.jsx)(LS,{...h});case`featured`:return(0,n.jsx)(RS,{...h});case`mosaic`:return(0,n.jsx)(zS,{...h});case`grid`:return(0,n.jsx)(BS,{...h});case`filmstrip`:return(0,n.jsx)(VS,{...h});case`carousel`:return(0,n.jsx)(HS,{...h});default:return(0,n.jsx)(IS,{...h})}},_=t.useMemo(()=>{let e=m(l,f);if(i===`grid`||i===`mosaic`&&l>0&&l<576){let{height:t,...n}=e;return n}return e},[m,l,f,i]);return(0,n.jsx)(H,{id:`-hero`,role:`region`,"aria-label":`Hero`,ref:c,width:`100%`,className:(0,o.mergeClasses)(s),style:_,children:g()})};WS.displayName=`Hero`,exports.AIAssistant=$y,exports.AISearchControl=Ny,exports.AISearchIcon=ky,exports.AISearchIconExample=Fy,exports.AdaptiveCardHost=Sy,exports.AdaptiveCardHostThemeType=Wv,exports.AddColumnAfterControl=ag,exports.AddColumnBeforeControl=ig,exports.AddRowAfterControl=cg,exports.AddRowBeforeControl=sg,exports.AlignCenterControl=Hh,exports.AlignJustifyControl=Uh,exports.AlignLeftControl=Bh,exports.AlignRightControl=Vh,exports.AppDashboard=Ix,exports.AspectRatio=rd,exports.BackgroundImage=Ob,exports.Blockquote=mb,exports.BlockquoteControl=zh,exports.BoldControl=Th,exports.Breadcrumb=kd,exports.BulletListControl=jh,exports.ButtonMenu=Td,exports.CalendarControl=gf,exports.CalendarGrid=yf,exports.CalendarHeader=bf,exports.CalendarMonth=tf,exports.Card=Ju,exports.Carousel=pd,exports.Center=od,exports.ChatInput=Ly,exports.ChatInputWithMensions=Hy,exports.ChatInputWithMensionsV1=eb,exports.ChatList=Xy,exports.ChromeInputType=D_,exports.ClearFormattingControl=kh,exports.CodeBlockControl=qh,exports.CodeControl=Kh,exports.ColorPicker=X,exports.ColorPickerAlpha=g_,exports.ColorPickerBlock=G_,exports.ColorPickerChrome=M_,exports.ColorPickerCircle=B_,exports.ColorPickerColorful=N_,exports.ColorPickerCompact=U_,exports.ColorPickerEditableInput=S_,exports.ColorPickerEditableInputHSLA=w_,exports.ColorPickerEditableInputRGBA=C_,exports.ColorPickerHue=m_,exports.ColorPickerInteractive=c_,exports.ColorPickerSaturation=u_,exports.ColorPickerShadeSlider=v_,exports.ColorPickerSketch=E_,exports.ColorPickerSlider=q_,exports.ColorPickerSwatch=b_,exports.ColorPickerTheme=ev,exports.ColorPickerWheel=L_,exports.CompactCalendar=jf,exports.CompactCalendarToolbar=xf,exports.ConsoleLoggingProvider=e.k,exports.Container=cd,exports.ContentRenderer=Yy,exports.ContentType=zu,exports.CustomControlBar=bv,exports.DataGrid=iv,exports.DataGridV2=sv,exports.DefaultGraphClient=e.O,exports.DefaultLocalizationProvider=e.T,exports.DeleteColumnControl=og,exports.DeleteRowControl=lg,exports.DeleteTableControl=rg,exports.DropdownField=bg,exports.Dropzone=Cp,exports.DropzoneAccept=vp,exports.DropzoneFullScreen=wp,exports.DropzoneIdle=bp,exports.DropzoneProvider=hp,exports.DropzoneReject=yp,exports.EBreakPoints=ge,exports.ECalendarViews=W,exports.EGoalMetric=Bx,exports.EMessageType=_e,exports.EXE_MIME_TYPE=jp,exports.EmojiPicker=Sh,exports.ErrorType=e.A,exports.EventsList=Sf,exports.FluentUIProvider=TS,exports.GenericOverFlowMenu=wv,exports.Grid=Xu,exports.H1Control=Nh,exports.H2Control=Ph,exports.H3Control=Fh,exports.H4Control=Ih,exports.H5Control=Lh,exports.H6Control=Rh,exports.Hero=WS,exports.HighlightControl=Jh,exports.HrControl=Yh,exports.IMAGE_MIME_TYPE=Ep,exports.IconButton=Ad,exports.InlineSVG=Xb,exports.InputField=Sg,exports.InsertTableControl=ng,exports.ItalicControl=Eh,exports.ItemPicker=Fg,exports.KPICard=Vx,exports.KPICardCompact=Gx,exports.KPICardSkeleton=Hx,exports.Kpis=qx,exports.Layout=$u,exports.LayoutItem=ed,exports.Link=Ip,exports.ListItemActivityMessage=Ex,exports.ListToolbar=fx,exports.LivePersona=ix,exports.LocalStorageProvider=e.w,exports.LocalizationProvider=e.t,exports.LogLevel=e.j,exports.MIME_TYPES=Tp,exports.MS_EXCEL_MIME_TYPE=kp,exports.MS_POWERPOINT_MIME_TYPE=Ap,exports.MS_WORD_MIME_TYPE=Op,exports.MaplibreWorldMap=Uv,exports.MarkdownRenderer=qy,exports.Marquee=Sb,exports.Mensions=zy,exports.MensionsExample=By,exports.MergeOrSplitCellControl=ug,exports.MermaidDiagram=ab,exports.Navigation=Tv,exports.NoKpisCard=Wx,exports.OTPField=rx,exports.OptionTime=jg,exports.OrderedListControl=Mh,exports.PDF_MIME_TYPE=Dp,exports.Popup=gd,exports.RedoControl=Qh,exports.RenderAdaptiveCard=Cy,exports.RenderDialog=uv,exports.RenderDrawer=dv,exports.RenderHeader=fv,exports.RenderLabel=vd,exports.RenderSpinner=bd,exports.RichTextEditor=vg,exports.RichTextEditorBgColorPickerControl=nh,exports.RichTextEditorColorControl=Xm,exports.RichTextEditorColorPickerControl=Zm,exports.RichTextEditorContent=Kp,exports.RichTextEditorControl=Jp,exports.RichTextEditorControlBase=Yp,exports.RichTextEditorControlsGroup=qp,exports.RichTextEditorDragHandle=rh,exports.RichTextEditorFontFamilyControl=eh,Object.defineProperty(exports,`RichTextEditorImage`,{enumerable:!0,get:function(){return L.default}}),exports.RichTextEditorImageUploadControl=th,exports.RichTextEditorLinkControl=Ym,exports.RichTextEditorResizableImage=zp,exports.RichTextEditorSourceCodeControl=Qm,exports.RichTextEditorTableControls=wh,exports.RichTextEditorToolbar=Vp,exports.SearchControl=$f,exports.SelectDay=Qd,exports.SelectMonth=nf,exports.SelectTime=Ng,exports.SelectView=Cg,exports.SelectWeek=sf,exports.ShareDialog=mv,exports.ShowError=gv,exports.ShowMessage=vv,exports.SkeletonLoader=CS,exports.Space=nd,exports.SplitPane=hd,exports.Spoiler=Tb,exports.Spotlight=pp,exports.SpotlightAction=np,exports.SpotlightActionsGroup=rp,exports.SpotlightActionsList=ip,exports.SpotlightEmpty=ap,exports.SpotlightFooter=op,exports.SpotlightRoot=Zf,exports.SpotlightSearch=ep,exports.StackV2=H,exports.StackedUsers=xx,exports.Stepper=zb,exports.StrikeThroughControl=Oh,exports.SubscriptControl=Wh,exports.SuperscriptControl=Gh,exports.TIME_RADIO_GROUP=Eg,exports.TableKit=I.TableKit,exports.TaskListControl=$h,exports.TaskListLiftControl=tg,exports.TaskListSinkControl=eg,exports.Timeline=Nb,exports.ToggleHeaderColumnControl=dg,exports.ToggleHeaderRowControl=fg,exports.ToggleTableColumnLinesControl=pg,exports.ToggleTableRowLinesControl=mg,exports.TypographyControl=Cd,exports.UnderlineControl=Dh,exports.UndoControl=Zh,exports.UniversalProvider=ye,exports.UnlinkControl=Ah,exports.UnsetColorControl=Xh,exports.UserCard=yx,exports.VideoPlayer=Ov,exports.applyHeaderStyles=hu,exports.autoFitColumns=gu,exports.buildHeaderCellStyle=mu,exports.clampHsva=o_,exports.clearInlineSVGCache=Ub,exports.cloneDeep=Ou,exports.closeOnActionTriggerAtom=Lf,exports.closeSpotlight=Wf,exports.color=J,exports.configureSkeletonLoader=lS,exports.createControl=K,exports.createSpotlight=Kf,exports.createSpotlightStore=zf,exports.debounce=Eu,exports.deepMerge=e.E,exports.defaultCalendarControlStrings=ff,exports.defaultCalendarMonthStrings=ef,exports.defaultSelectWeekStrings=rf,exports.defaultSpotlightFilter=dp,exports.detectContentType=Gu,exports.en=e.D,exports.equalColorObjects=i_,exports.equalHex=a_,exports.escapeCsvCell=_u,exports.every=Ru,exports.filter=Iu,exports.formatTime=Og,exports.get=Au,exports.getContentType=Ku,exports.getContrastingColor=r_,exports.getTaskListExtension=Lp,exports.groupBy=Pu,exports.hexToHsva=Hg,exports.hexToRgba=Gg,exports.hslaStringToHsva=$g,exports.hslaToHsva=Vg,exports.hsvaToHex=Ug,exports.hsvaToHexa=Wg,exports.hsvaToHslString=Jg,exports.hsvaToHsla=Bg,exports.hsvaToHslaString=Yg,exports.hsvaToRgbString=Xg,exports.hsvaToRgba=Rg,exports.hsvaToRgbaString=Zg,exports.isActionsGroup=cp,exports.isEmpty=ku,exports.limitActions=fp,exports.listIdAtom=Pf,exports.map=Fu,exports.onQueryChangeCallbackAtom=Rf,exports.openSpotlight=Uf,exports.openedAtom=Mf,exports.parseHue=Qg,exports.queryAtom=Ff,exports.registerBones=nS,exports.registeredActionsAtom=If,exports.renderContentAsEmailHtml=Gp,exports.resolveLocale=Of,exports.rgbaStringToHsva=e_,exports.rgbaToHex=Kg,exports.rgbaToHexa=qg,exports.rgbaToHsva=zg,exports.selectedAtom=Nf,exports.set=ju,exports.snapshotBones=Xx,exports.some=Lu,exports.spotlight=Hf,exports.spotlightActions=G,exports.spotlightStore=Bf,exports.throttle=Du,exports.timeKey=kg,exports.toasterId=fu,exports.toggleSpotlight=Gf,exports.uniq=Mu,exports.uniqBy=Nu,exports.useAIAssistantStrings=e.n,exports.useAISearchControlStrings=e.r,exports.useAppDashboardStrings=e.i,exports.useAppToast=pu,exports.useApplicationContext=be,exports.useAspectRatioStyles=id,exports.useBlockquoteStyles=ub,exports.useBrandCenterFonts=ze,exports.useCalendar=Gd,exports.useCalendarStrings=e.a,exports.useCalendarStyles=Rd,exports.useCenterStyles=ad,exports.useColorPickerStyles=Y,exports.useCommonStrings=e.o,exports.useCompactCalendarEvents=Ef,exports.useComponentStrings=e.c,exports.useComponentUtils=xu,exports.useDataGridStyles=rv,exports.useDateUtils=Su,exports.useDayViewStyles=Kd,exports.useDropzoneContext=gp,exports.useDropzoneStyles=xp,exports.useExportData=bu,exports.useFluentEmoji=du,exports.useGraphAPI=xe,exports.useGridStyles=Yu,exports.useImageUtils=Tu,exports.useIndexedDBCache=Se,exports.useInputFieldStrings=e.u,exports.useItemPickerStrings=e.d,exports.useKpiStrings=e.f,exports.useLayoutStyles=Zu,exports.useListItemActivityStrings=e.p,exports.useLocalization=e.m,exports.useLogging=B,exports.useMarqueeStyles=_b,exports.useMensionsStrings=e.h,exports.useMensionsStyles=Ry,exports.useMermaidDiagramStrings=e.g,exports.useMermaidDiagramStyles=nb,exports.useNavigationStyles=Ev,exports.useNoKpiStrings=e._,exports.useOptionTimeStyles=Tg,exports.usePolling=Ce,exports.useRenderHeaderStyles=pv,exports.useRichTextEditor=Bp,exports.useSearchControlStrings=e.v,exports.useSelectTimeStyles=wg,exports.useShareDialogStrings=e.y,exports.useShowErrorStyles=hv,exports.useShowMessageStyles=_v,exports.useSkeletonExtract=Zx,exports.useSpaceStyles=td,exports.useSplitPaneStyles=md,exports.useSpotlight=qf,exports.useSpotlightShortcut=Yf,exports.useSpotlightStrings=e.b,exports.useStrings=e.x,exports.useStyles=tb,exports.useTimeZoneHelper=Ee,exports.useUserCardStrings=e.S,exports.useUtils=Md,exports.useVideoStyles=Dv,exports.useWeekViewStyles=Vd,exports.useWorldMapStrings=e.C,exports.validHex=n_;
491
491
  //# sourceMappingURL=index.cjs.map