@okta/odyssey-react-mui 1.45.0 → 1.47.0

package/dist/assets/SideNav-Duwk1--M.js

@@ -1,125 +0,0 @@
-import{r as a,e as z}from"./index-NdkWRN8K.js";import{r as je}from"./index-B5xazMy1.js";import{n as k}from"./createTheme-BmPXDA4p.js";import{u as ve}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{M as dr}from"./OdysseyThemeProvider-aR5shtx6.js";import{d as fr,f as gr,i as hr}from"./Typography-CiNRLenM.js";import{u as Ae}from"./UiShellProvider-D1w1Ocw9.js";import{u as xn}from"./useMountLifecycleEffect-CjsUCFhB.js";import{U as Dn,T as pr,a as Xt,b as br,S as vr}from"./uiShellSharedConstants-DD9UP82e.js";import{u as mr}from"./useUniqueId-Bsgqe1tm.js";import{j as h}from"./jsx-runtime-CnH95YSl.js";import{A as Sr,b as yr,a as wr}from"./AccordionSummary-xCoGLMoL.js";import{M as xr}from"./ChevronDown-BnAWuc8V.js";import{M as jt}from"./Box-BXOPvc0Q.js";import{M as Dr,L as Er}from"./Link-ClKgpBXG.js";import{u as qe}from"./useTranslation-vEf1lqoc.js";import{S as lt}from"./Skeleton-BJLiCr2o.js";import{M as Ir}from"./Badge-DL9N0uiE.js";import{M as Mr}from"./Status-BYBMXN_H.js";import{M as Rr}from"./ExternalLink-DTdulgUc.js";import{M as Cr}from"./ChevronRight-BB0bQIRj.js";import{M as Ar}from"./MuiPropsContext-DhRylJZk.js";import{M as Tr}from"./Tooltip-3088PjcT.js";import{B as kr}from"./Button-BqwcAVQ-.js";const Or=k("div",{shouldForwardProp:e=>e!=="backgroundColor"&&e!=="fontColor"})(({backgroundColor:e,fontColor:t})=>({width:"100%",".MuiAccordion-root":{backgroundColor:e,color:t||"inherit"}})),Lr=k("span",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isIconVisible"&&e!=="sideNavContrastColors"})(({sideNavContrastColors:e,odysseyDesignTokens:t,isIconVisible:n})=>({width:"100%",marginInlineStart:n?t.Spacing3:0,fontWeight:t.TypographyWeightHeading,color:(e==null?void 0:e.fontColor)||t.TypographyColorHeading,".Mui-disabled &":{color:t.TypographyColorDisabled,...(e==null?void 0:e.itemDisabledFontColor)&&{color:e==null?void 0:e.itemDisabledFontColor}}})),jr=k(wr,{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isCompact"&&e!=="isDisabled"&&e!=="sideNavContrastColors"})(({odysseyDesignTokens:e,sideNavContrastColors:t,isCompact:n,isDisabled:r})=>({borderRadius:e.BorderRadiusMain,paddingBlock:e.Spacing3,paddingInline:e.Spacing4,...r&&{opacity:"1 !important",...(t==null?void 0:t.itemDisabledFontColor)&&{svg:{path:{fill:`${t.itemDisabledFontColor} !important`}}}},...!r&&{"&:hover":{backgroundColor:e.HueNeutral50}},...!r&&(t==null?void 0:t.fontColor)&&{svg:{path:{fill:`${t.fontColor} !important`}}},...(t==null?void 0:t.itemHoverBackgroundColor)&&{...!r&&{"&:hover":{backgroundColor:t.itemHoverBackgroundColor}}},"&:focus-visible":{backgroundColor:"unset",outline:"none",boxShadow:`inset 0 0 0 2px ${e.PalettePrimaryMain}`,...(t==null?void 0:t.focusRingColor)&&{boxShadow:`inset 0 0 0 2px ${t.focusRingColor}`}},...n&&{paddingBlock:e.Spacing2,minHeight:"unset"}})),Br=({children:e,label:t,id:n,isCompact:r,isDefaultExpanded:i,isDisabled:o,isExpanded:s,translate:c,startIcon:l})=>{const u=mr(n),d=`${u}-header`,f=`${u}-content`,p=ve(),g=Ae();return h.jsx(Or,{backgroundColor:g==null?void 0:g.sideNavBackgroundColor,children:h.jsxs(Sr,{className:"nav-accordion",defaultExpanded:i,disabled:o,disableGutters:!0,expanded:s,children:[h.jsx(jr,{"aria-controls":f,className:"nav-accordion-summary",expandIcon:h.jsx(xr,{}),id:d,isCompact:r,isDisabled:o,odysseyDesignTokens:p,sideNavContrastColors:g==null?void 0:g.sideNavContrastColors,children:h.jsxs(fr,{component:"div",translate:c,children:[l&&l,h.jsx(Lr,{isIconVisible:!!l,odysseyDesignTokens:p,sideNavContrastColors:g==null?void 0:g.sideNavContrastColors,children:t})]})}),h.jsx(yr,{"aria-labelledby":d,className:"nav-accordion-details",children:e})]})})},En=a.memo(Br);En.displayName="NavAccordion";const mt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function Ne(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Yt(e){return"nodeType"in e}function q(e){var t,n;return e?Ne(e)?e:Yt(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Kt(e){const{Document:t}=q(e);return e instanceof t}function Je(e){return Ne(e)?!1:e instanceof q(e).HTMLElement}function In(e){return e instanceof q(e).SVGElement}function Fe(e){return e?Ne(e)?e.document:Yt(e)?Kt(e)?e:Je(e)||In(e)?e.ownerDocument:document:document:document}const be=mt?a.useLayoutEffect:a.useEffect;function St(e){const t=a.useRef(e);return be(()=>{t.current=e}),a.useCallback(function(){for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return t.current==null?void 0:t.current(...r)},[])}function Nr(){const e=a.useRef(null),t=a.useCallback((r,i)=>{e.current=setInterval(r,i)},[]),n=a.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function _e(e,t){t===void 0&&(t=[e]);const n=a.useRef(e);return be(()=>{n.current!==e&&(n.current=e)},t),n}function Qe(e,t){const n=a.useRef();return a.useMemo(()=>{const r=e(n.current);return n.current=r,r},[...t])}function ut(e){const t=St(e),n=a.useRef(null),r=a.useCallback(i=>{i!==n.current&&(t==null||t(i,n.current)),n.current=i},[]);return[n,r]}function dt(e){const t=a.useRef();return a.useEffect(()=>{t.current=e},[e]),t.current}let Rt={};function yt(e,t){return a.useMemo(()=>{if(t)return t;const n=Rt[e]==null?0:Rt[e]+1;return Rt[e]=n,e+"-"+n},[e,t])}function Mn(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return r.reduce((o,s)=>{const c=Object.entries(s);for(const[l,u]of c){const d=o[l];d!=null&&(o[l]=d+e*u)}return o},{...t})}}const Be=Mn(1),ft=Mn(-1);function Fr(e){return"clientX"in e&&"clientY"in e}function Ut(e){if(!e)return!1;const{KeyboardEvent:t}=q(e.target);return t&&e instanceof t}function $r(e){if(!e)return!1;const{TouchEvent:t}=q(e.target);return t&&e instanceof t}function gt(e){if($r(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return Fr(e)?{x:e.clientX,y:e.clientY}:null}const Ge=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Ge.Translate.toString(e),Ge.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),on="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function zr(e){return e.matches(on)?e:e.querySelector(on)}const Hr={display:"none"};function Pr(e){let{id:t,value:n}=e;return z.createElement("div",{id:t,style:Hr},n)}function Vr(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;const i={position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return z.createElement("div",{id:t,style:i,role:"status","aria-live":r,"aria-atomic":!0},n)}function Wr(){const[e,t]=a.useState("");return{announce:a.useCallback(r=>{r!=null&&t(r)},[]),announcement:e}}const Rn=a.createContext(null);function Xr(e){const t=a.useContext(Rn);a.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Yr(){const[e]=a.useState(()=>new Set),t=a.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[a.useCallback(r=>{let{type:i,event:o}=r;e.forEach(s=>{var c;return(c=s[i])==null?void 0:c.call(s,o)})},[e]),t]}const Kr={draggable:`
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  `},Ur={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function _r(e){let{announcements:t=Ur,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=Kr}=e;const{announce:o,announcement:s}=Wr(),c=yt("DndLiveRegion"),[l,u]=a.useState(!1);if(a.useEffect(()=>{u(!0)},[]),Xr(a.useMemo(()=>({onDragStart(f){let{active:p}=f;o(t.onDragStart({active:p}))},onDragMove(f){let{active:p,over:g}=f;t.onDragMove&&o(t.onDragMove({active:p,over:g}))},onDragOver(f){let{active:p,over:g}=f;o(t.onDragOver({active:p,over:g}))},onDragEnd(f){let{active:p,over:g}=f;o(t.onDragEnd({active:p,over:g}))},onDragCancel(f){let{active:p,over:g}=f;o(t.onDragCancel({active:p,over:g}))}}),[o,t])),!l)return null;const d=z.createElement(z.Fragment,null,z.createElement(Pr,{id:r,value:i.draggable}),z.createElement(Vr,{id:c,announcement:s}));return n?je.createPortal(d,n):d}var V;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(V||(V={}));function ht(){}function an(e,t){return a.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function Gr(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return a.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const ge=Object.freeze({x:0,y:0});function Zr(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function qr(e,t){const n=gt(e);if(!n)return"0 0";const r={x:(n.x-t.left)/t.width*100,y:(n.y-t.top)/t.height*100};return r.x+"% "+r.y+"%"}function Jr(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Qr(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function sn(e){let{left:t,top:n,height:r,width:i}=e;return[{x:t,y:n},{x:t+i,y:n},{x:t,y:n+r},{x:t+i,y:n+r}]}function Cn(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}const eo=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=sn(t),o=[];for(const s of r){const{id:c}=s,l=n.get(c);if(l){const u=sn(l),d=i.reduce((p,g,v)=>p+Zr(u[v],g),0),f=Number((d/4).toFixed(4));o.push({id:c,data:{droppableContainer:s,value:f}})}}return o.sort(Jr)};function to(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),s=i-r,c=o-n;if(r<i&&n<o){const l=t.width*t.height,u=e.width*e.height,d=s*c,f=d/(l+u-d);return Number(f.toFixed(4))}return 0}const no=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=[];for(const o of r){const{id:s}=o,c=n.get(s);if(c){const l=to(c,t);l>0&&i.push({id:s,data:{droppableContainer:o,value:l}})}}return i.sort(Qr)};function ro(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function An(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:ge}function oo(e){return function(n){for(var r=arguments.length,i=new Array(r>1?r-1:0),o=1;o<r;o++)i[o-1]=arguments[o];return i.reduce((s,c)=>({...s,top:s.top+e*c.y,bottom:s.bottom+e*c.y,left:s.left+e*c.x,right:s.right+e*c.x}),{...n})}}const io=oo(1);function Tn(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function ao(e,t,n){const r=Tn(t);if(!r)return e;const{scaleX:i,scaleY:o,x:s,y:c}=r,l=e.left-s-(1-i)*parseFloat(n),u=e.top-c-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),d=i?e.width/i:e.width,f=o?e.height/o:e.height;return{width:d,height:f,top:u,right:l+d,bottom:u+f,left:l}}const so={ignoreTransform:!1};function $e(e,t){t===void 0&&(t=so);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{getComputedStyle:u}=q(e),{transform:d,transformOrigin:f}=u(e);d&&(n=ao(n,d,f))}const{top:r,left:i,width:o,height:s,bottom:c,right:l}=n;return{top:r,left:i,width:o,height:s,bottom:c,right:l}}function cn(e){return $e(e,{ignoreTransform:!0})}function co(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function lo(e,t){return t===void 0&&(t=q(e).getComputedStyle(e)),t.position==="fixed"}function uo(e,t){t===void 0&&(t=q(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(i=>{const o=t[i];return typeof o=="string"?n.test(o):!1})}function wt(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(Kt(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!Je(i)||In(i)||n.includes(i))return n;const{getComputedStyle:o}=q(i),s=o(i);return i!==e&&uo(i,s)&&n.push(i),lo(i,s)?n:r(i.parentNode)}return e?r(e):n}function kn(e){const[t]=wt(e,1);return t??null}function Ct(e){return!mt||!e?null:Ne(e)?e:Yt(e)?Kt(e)||e===Fe(e).scrollingElement?window:Je(e)?e:null:null}function On(e){return Ne(e)?e.scrollX:e.scrollLeft}function Ln(e){return Ne(e)?e.scrollY:e.scrollTop}function Bt(e){return{x:On(e),y:Ln(e)}}var X;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(X||(X={}));function jn(e){return!mt||!e?!1:e===document.scrollingElement}function Bn(e){const t={x:0,y:0},n=jn(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},i=e.scrollTop<=t.y,o=e.scrollLeft<=t.x,s=e.scrollTop>=r.y,c=e.scrollLeft>=r.x;return{isTop:i,isLeft:o,isBottom:s,isRight:c,maxScroll:r,minScroll:t}}const fo={x:.2,y:.2};function go(e,t,n,r,i){let{top:o,left:s,right:c,bottom:l}=n;r===void 0&&(r=10),i===void 0&&(i=fo);const{isTop:u,isBottom:d,isLeft:f,isRight:p}=Bn(e),g={x:0,y:0},v={x:0,y:0},b={height:t.height*i.y,width:t.width*i.x};return!u&&o<=t.top+b.height?(g.y=X.Backward,v.y=r*Math.abs((t.top+b.height-o)/b.height)):!d&&l>=t.bottom-b.height&&(g.y=X.Forward,v.y=r*Math.abs((t.bottom-b.height-l)/b.height)),!p&&c>=t.right-b.width?(g.x=X.Forward,v.x=r*Math.abs((t.right-b.width-c)/b.width)):!f&&s<=t.left+b.width&&(g.x=X.Backward,v.x=r*Math.abs((t.left+b.width-s)/b.width)),{direction:g,speed:v}}function ho(e){if(e===document.scrollingElement){const{innerWidth:o,innerHeight:s}=window;return{top:0,left:0,right:o,bottom:s,width:o,height:s}}const{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function Nn(e){return e.reduce((t,n)=>Be(t,Bt(n)),ge)}function po(e){return e.reduce((t,n)=>t+On(n),0)}function bo(e){return e.reduce((t,n)=>t+Ln(n),0)}function Fn(e,t){if(t===void 0&&(t=$e),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);kn(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const vo=[["x",["left","right"],po],["y",["top","bottom"],bo]];class _t{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const r=wt(n),i=Nn(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,c]of vo)for(const l of s)Object.defineProperty(this,l,{get:()=>{const u=c(r),d=i[o]-u;return this.rect[l]+d},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class Ye{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var i;(i=this.target)==null||i.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function mo(e){const{EventTarget:t}=q(e);return e instanceof t?e:Fe(e)}function At(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var se;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(se||(se={}));function ln(e){e.preventDefault()}function So(e){e.stopPropagation()}var T;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"})(T||(T={}));const $n={start:[T.Space,T.Enter],cancel:[T.Esc],end:[T.Space,T.Enter]},yo=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case T.Right:return{...n,x:n.x+25};case T.Left:return{...n,x:n.x-25};case T.Down:return{...n,y:n.y+25};case T.Up:return{...n,y:n.y-25}}};class Gt{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new Ye(Fe(n)),this.windowListeners=new Ye(q(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(se.Resize,this.handleCancel),this.windowListeners.add(se.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(se.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&Fn(r),n(ge)}handleKeyDown(t){if(Ut(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=$n,coordinateGetter:s=yo,scrollBehavior:c="smooth"}=i,{code:l}=t;if(o.end.includes(l)){this.handleEnd(t);return}if(o.cancel.includes(l)){this.handleCancel(t);return}const{collisionRect:u}=r.current,d=u?{x:u.left,y:u.top}:ge;this.referenceCoordinates||(this.referenceCoordinates=d);const f=s(t,{active:n,context:r.current,currentCoordinates:d});if(f){const p=ft(f,d),g={x:0,y:0},{scrollableAncestors:v}=r.current;for(const b of v){const m=t.code,{isTop:R,isRight:w,isLeft:S,isBottom:A,maxScroll:y,minScroll:x}=Bn(b),I=ho(b),M={x:Math.min(m===T.Right?I.right-I.width/2:I.right,Math.max(m===T.Right?I.left:I.left+I.width/2,f.x)),y:Math.min(m===T.Down?I.bottom-I.height/2:I.bottom,Math.max(m===T.Down?I.top:I.top+I.height/2,f.y))},L=m===T.Right&&!w||m===T.Left&&!S,j=m===T.Down&&!A||m===T.Up&&!R;if(L&&M.x!==f.x){const O=b.scrollLeft+p.x;if((m===T.Right&&O<=y.x||m===T.Left&&O>=x.x)&&!p.y){b.scrollTo({left:O,behavior:c});return}g.x=m===T.Right?b.scrollLeft-y.x:b.scrollLeft-x.x,b.scrollBy({left:-g.x,behavior:c});break}else if(j&&M.y!==f.y){const O=b.scrollTop+p.y;if((m===T.Down&&O<=y.y||m===T.Up&&O>=x.y)&&!p.x){b.scrollTo({top:O,behavior:c});return}g.y=m===T.Down?b.scrollTop-y.y:b.scrollTop-x.y,b.scrollBy({top:-g.y,behavior:c});break}}this.handleMove(t,Be(ft(f,this.referenceCoordinates),g))}}}handleMove(t,n){const{onMove:r}=this.props;t.preventDefault(),r(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}Gt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=$n,onActivation:i}=t,{active:o}=n;const{code:s}=e.nativeEvent;if(r.start.includes(s)){const c=o.activatorNode.current;return c&&e.target!==c?!1:(e.preventDefault(),i==null||i({event:e.nativeEvent}),!0)}return!1}}];function un(e){return!!(e&&"distance"in e)}function dn(e){return!!(e&&"delay"in e)}class Zt{constructor(t,n,r){var i;r===void 0&&(r=mo(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:o}=t,{target:s}=o;this.props=t,this.events=n,this.document=Fe(s),this.documentListeners=new Ye(this.document),this.listeners=new Ye(r),this.windowListeners=new Ye(q(s)),this.initialCoordinates=(i=gt(o))!=null?i:ge,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),this.windowListeners.add(se.Resize,this.handleCancel),this.windowListeners.add(se.DragStart,ln),this.windowListeners.add(se.VisibilityChange,this.handleCancel),this.windowListeners.add(se.ContextMenu,ln),this.documentListeners.add(se.Keydown,this.handleKeydown),n){if(un(n))return;if(dn(n)){this.timeoutId=setTimeout(this.handleStart,n.delay);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(se.Click,So,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(se.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:i,props:o}=this,{onMove:s,options:{activationConstraint:c}}=o;if(!i)return;const l=(n=gt(t))!=null?n:ge,u=ft(i,l);if(!r&&c){if(dn(c))return At(u,c.tolerance)?this.handleCancel():void 0;if(un(c))return c.tolerance!=null&&At(u,c.tolerance)?this.handleCancel():At(u,c.distance)?this.handleStart():void 0}t.cancelable&&t.preventDefault(),s(l)}handleEnd(){const{onEnd:t}=this.props;this.detach(),t()}handleCancel(){const{onCancel:t}=this.props;this.detach(),t()}handleKeydown(t){t.code===T.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const wo={move:{name:"pointermove"},end:{name:"pointerup"}};class qt extends Zt{constructor(t){const{event:n}=t,r=Fe(n.target);super(t,wo,r)}}qt.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r==null||r({event:n}),!0)}}];const xo={move:{name:"mousemove"},end:{name:"mouseup"}};var Nt;(function(e){e[e.RightClick=2]="RightClick"})(Nt||(Nt={}));class Do extends Zt{constructor(t){super(t,xo,Fe(t.event.target))}}Do.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===Nt.RightClick?!1:(r==null||r({event:n}),!0)}}];const Tt={move:{name:"touchmove"},end:{name:"touchend"}};class Eo extends Zt{constructor(t){super(t,Tt)}static setup(){return window.addEventListener(Tt.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(Tt.move.name,t)};function t(){}}}Eo.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:i}=n;return i.length>1?!1:(r==null||r({event:n}),!0)}}];var Ke;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Ke||(Ke={}));var pt;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(pt||(pt={}));function Io(e){let{acceleration:t,activator:n=Ke.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:c=pt.TreeOrder,pointerCoordinates:l,scrollableAncestors:u,scrollableAncestorRects:d,delta:f,threshold:p}=e;const g=Ro({delta:f,disabled:!o}),[v,b]=Nr(),m=a.useRef({x:0,y:0}),R=a.useRef({x:0,y:0}),w=a.useMemo(()=>{switch(n){case Ke.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case Ke.DraggableRect:return i}},[n,i,l]),S=a.useRef(null),A=a.useCallback(()=>{const x=S.current;if(!x)return;const I=m.current.x*R.current.x,M=m.current.y*R.current.y;x.scrollBy(I,M)},[]),y=a.useMemo(()=>c===pt.TreeOrder?[...u].reverse():u,[c,u]);a.useEffect(()=>{if(!o||!u.length||!w){b();return}for(const x of y){if((r==null?void 0:r(x))===!1)continue;const I=u.indexOf(x),M=d[I];if(!M)continue;const{direction:L,speed:j}=go(x,M,w,t,p);for(const O of["x","y"])g[O][L[O]]||(j[O]=0,L[O]=0);if(j.x>0||j.y>0){b(),S.current=x,v(A,s),m.current=j,R.current=L;return}}m.current={x:0,y:0},R.current={x:0,y:0},b()},[t,A,r,b,o,s,JSON.stringify(w),JSON.stringify(g),v,u,y,d,JSON.stringify(p)])}const Mo={x:{[X.Backward]:!1,[X.Forward]:!1},y:{[X.Backward]:!1,[X.Forward]:!1}};function Ro(e){let{delta:t,disabled:n}=e;const r=dt(t);return Qe(i=>{if(n||!r||!i)return Mo;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[X.Backward]:i.x[X.Backward]||o.x===-1,[X.Forward]:i.x[X.Forward]||o.x===1},y:{[X.Backward]:i.y[X.Backward]||o.y===-1,[X.Forward]:i.y[X.Forward]||o.y===1}}},[n,t,r])}function Co(e,t){const n=t!==null?e.get(t):void 0,r=n?n.node.current:null;return Qe(i=>{var o;return t===null?null:(o=r??i)!=null?o:null},[r,t])}function Ao(e,t){return a.useMemo(()=>e.reduce((n,r)=>{const{sensor:i}=r,o=i.activators.map(s=>({eventName:s.eventName,handler:t(s.handler,r)}));return[...n,...o]},[]),[e,t])}var Ze;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Ze||(Ze={}));var Ft;(function(e){e.Optimized="optimized"})(Ft||(Ft={}));const fn=new Map;function To(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=a.useState(null),c=o!=null,{frequency:l,measure:u,strategy:d}=i,f=a.useRef(e),p=R(),g=_e(p),v=a.useCallback(function(w){w===void 0&&(w=[]),!g.current&&s(S=>S?S.concat(w):w)},[g]),b=a.useRef(null),m=Qe(w=>{if(p&&!n)return fn;const S=o;if(!w||w===fn||f.current!==e||S!=null){const A=new Map;for(let y of e){if(!y)continue;if(S&&S.length>0&&!S.includes(y.id)&&y.rect.current){A.set(y.id,y.rect.current);continue}const x=y.node.current,I=x?new _t(u(x),x):null;y.rect.current=I,I&&A.set(y.id,I)}return A}return w},[e,o,n,p,u]);return a.useEffect(()=>{f.current=e},[e]),a.useEffect(()=>{p||requestAnimationFrame(()=>v())},[n,p]),a.useEffect(()=>{c&&s(null)},[c]),a.useEffect(()=>{p||typeof l!="number"||b.current!==null||(b.current=setTimeout(()=>{v(),b.current=null},l))},[l,p,v,...r]),{droppableRects:m,measureDroppableContainers:v,measuringScheduled:c};function R(){switch(d){case Ze.Always:return!1;case Ze.BeforeDragging:return n;default:return!n}}}function Jt(e,t){return Qe(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function ko(e,t){return Jt(e,t)}function Oo(e){let{callback:t,disabled:n}=e;const r=St(t),i=a.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return a.useEffect(()=>()=>i==null?void 0:i.disconnect(),[i]),i}function xt(e){let{callback:t,disabled:n}=e;const r=St(t),i=a.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return a.useEffect(()=>()=>i==null?void 0:i.disconnect(),[i]),i}function Lo(e){return new _t($e(e),e)}function gn(e,t,n){t===void 0&&(t=Lo);const[r,i]=a.useReducer(c,null),o=Oo({callback(l){if(e)for(const u of l){const{type:d,target:f}=u;if(d==="childList"&&f instanceof HTMLElement&&f.contains(e)){i();break}}}}),s=xt({callback:i});return be(()=>{i(),e?(s==null||s.observe(e),o==null||o.observe(document.body,{childList:!0,subtree:!0})):(s==null||s.disconnect(),o==null||o.disconnect())},[e]),r;function c(l){if(!e)return null;if(e.isConnected===!1){var u;return(u=l??n)!=null?u:null}const d=t(e);return JSON.stringify(l)===JSON.stringify(d)?l:d}}function jo(e){const t=Jt(e);return An(e,t)}const hn=[];function Bo(e){const t=a.useRef(e),n=Qe(r=>e?r&&r!==hn&&e&&t.current&&e.parentNode===t.current.parentNode?r:wt(e):hn,[e]);return a.useEffect(()=>{t.current=e},[e]),n}function No(e){const[t,n]=a.useState(null),r=a.useRef(e),i=a.useCallback(o=>{const s=Ct(o.target);s&&n(c=>c?(c.set(s,Bt(s)),new Map(c)):null)},[]);return a.useEffect(()=>{const o=r.current;if(e!==o){s(o);const c=e.map(l=>{const u=Ct(l);return u?(u.addEventListener("scroll",i,{passive:!0}),[u,Bt(u)]):null}).filter(l=>l!=null);n(c.length?new Map(c):null),r.current=e}return()=>{s(e),s(o)};function s(c){c.forEach(l=>{const u=Ct(l);u==null||u.removeEventListener("scroll",i)})}},[i,e]),a.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>Be(o,s),ge):Nn(e):ge,[e,t])}function pn(e,t){t===void 0&&(t=[]);const n=a.useRef(null);return a.useEffect(()=>{n.current=null},t),a.useEffect(()=>{const r=e!==ge;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?ft(e,n.current):ge}function Fo(e){a.useEffect(()=>{if(!mt)return;const t=e.map(n=>{let{sensor:r}=n;return r.setup==null?void 0:r.setup()});return()=>{for(const n of t)n==null||n()}},e.map(t=>{let{sensor:n}=t;return n}))}function $o(e,t){return a.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function zn(e){return a.useMemo(()=>e?co(e):null,[e])}const kt=[];function zo(e,t){t===void 0&&(t=$e);const[n]=e,r=zn(n?q(n):null),[i,o]=a.useReducer(c,kt),s=xt({callback:o});return e.length>0&&i===kt&&o(),be(()=>{e.length?e.forEach(l=>s==null?void 0:s.observe(l)):(s==null||s.disconnect(),o())},[e]),i;function c(){return e.length?e.map(l=>jn(l)?r:new _t(t(l),l)):kt}}function Hn(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Je(t)?t:e}function Ho(e){let{measure:t}=e;const[n,r]=a.useState(null),i=a.useCallback(u=>{for(const{target:d}of u)if(Je(d)){r(f=>{const p=t(d);return f?{...f,width:p.width,height:p.height}:p});break}},[t]),o=xt({callback:i}),s=a.useCallback(u=>{const d=Hn(u);o==null||o.disconnect(),d&&(o==null||o.observe(d)),r(d?t(d):null)},[t,o]),[c,l]=ut(s);return a.useMemo(()=>({nodeRef:c,rect:n,setRef:l}),[n,c,l])}const Po=[{sensor:qt,options:{}},{sensor:Gt,options:{}}],Vo={current:{}},it={draggable:{measure:cn},droppable:{measure:cn,strategy:Ze.WhileDragging,frequency:Ft.Optimized},dragOverlay:{measure:$e}};class Ue extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,r;return(n=(r=this.get(t))==null?void 0:r.node.current)!=null?n:void 0}}const Wo={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Ue,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:ht},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:it,measureDroppableContainers:ht,windowRect:null,measuringScheduled:!1},Pn={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:ht,draggableNodes:new Map,over:null,measureDroppableContainers:ht},et=a.createContext(Pn),Vn=a.createContext(Wo);function Xo(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Ue}}}function Yo(e,t){switch(t.type){case V.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case V.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case V.DragEnd:case V.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case V.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new Ue(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case V.SetDroppableDisabled:{const{id:n,key:r,disabled:i}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const s=new Ue(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case V.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new Ue(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function Ko(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=a.useContext(et),o=dt(r),s=dt(n==null?void 0:n.id);return a.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!Ut(o)||document.activeElement===o.target)return;const c=i.get(s);if(!c)return;const{activatorNode:l,node:u}=c;if(!l.current&&!u.current)return;requestAnimationFrame(()=>{for(const d of[l.current,u.current]){if(!d)continue;const f=zr(d);if(f){f.focus();break}}})}},[r,t,i,s,o]),null}function Wn(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function Uo(e){return a.useMemo(()=>({draggable:{...it.draggable,...e==null?void 0:e.draggable},droppable:{...it.droppable,...e==null?void 0:e.droppable},dragOverlay:{...it.dragOverlay,...e==null?void 0:e.dragOverlay}}),[e==null?void 0:e.draggable,e==null?void 0:e.droppable,e==null?void 0:e.dragOverlay])}function _o(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=a.useRef(!1),{x:s,y:c}=typeof i=="boolean"?{x:i,y:i}:i;be(()=>{if(!s&&!c||!t){o.current=!1;return}if(o.current||!r)return;const u=t==null?void 0:t.node.current;if(!u||u.isConnected===!1)return;const d=n(u),f=An(d,r);if(s||(f.x=0),c||(f.y=0),o.current=!0,Math.abs(f.x)>0||Math.abs(f.y)>0){const p=kn(u);p&&p.scrollBy({top:f.y,left:f.x})}},[t,s,c,r,n])}const Dt=a.createContext({...ge,scaleX:1,scaleY:1});var Ee;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Ee||(Ee={}));const Go=a.memo(function(t){var n,r,i,o;let{id:s,accessibility:c,autoScroll:l=!0,children:u,sensors:d=Po,collisionDetection:f=no,measuring:p,modifiers:g,...v}=t;const b=a.useReducer(Yo,void 0,Xo),[m,R]=b,[w,S]=Yr(),[A,y]=a.useState(Ee.Uninitialized),x=A===Ee.Initialized,{draggable:{active:I,nodes:M,translate:L},droppable:{containers:j}}=m,O=I?M.get(I):null,U=a.useRef({initial:null,translated:null}),C=a.useMemo(()=>{var K;return I!=null?{id:I,data:(K=O==null?void 0:O.data)!=null?K:Vo,rect:U}:null},[I,O]),B=a.useRef(null),[Te,P]=a.useState(null),[H,oe]=a.useState(null),ce=_e(v,Object.values(v)),Ie=yt("DndDescribedBy",s),J=a.useMemo(()=>j.getEnabled(),[j]),Z=Uo(p),{droppableRects:le,measureDroppableContainers:me,measuringScheduled:Me}=To(J,{dragging:x,dependencies:[L.x,L.y],config:Z.droppable}),W=Co(M,I),Q=a.useMemo(()=>H?gt(H):null,[H]),ee=ur(),F=ko(W,Z.draggable.measure);_o({activeNode:I?M.get(I):null,config:ee.layoutShiftCompensation,initialRect:F,measure:Z.draggable.measure});const Y=gn(W,Z.draggable.measure,F),he=gn(W?W.parentElement:null),te=a.useRef({activatorEvent:null,active:null,activeNode:W,collisionRect:null,collisions:null,droppableRects:le,draggableNodes:M,draggingNode:null,draggingNodeRect:null,droppableContainers:j,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),ke=j.getNodeFor((n=te.current.over)==null?void 0:n.id),ue=Ho({measure:Z.dragOverlay.measure}),Re=(r=ue.nodeRef.current)!=null?r:W,Se=x?(i=ue.rect)!=null?i:Y:null,ze=!!(ue.nodeRef.current&&ue.rect),D=jo(ze?null:Y),$=zn(Re?q(Re):null),E=Bo(x?ke??W:null),N=zo(E),ie=Wn(g,{transform:{x:L.x-D.x,y:L.y-D.y,scaleX:1,scaleY:1},activatorEvent:H,active:C,activeNodeRect:Y,containerNodeRect:he,draggingNodeRect:Se,over:te.current.over,overlayNodeRect:ue.rect,scrollableAncestors:E,scrollableAncestorRects:N,windowRect:$}),_=Q?Be(Q,L):null,Oe=No(E),Et=pn(Oe),It=pn(Oe,[Y]),ye=Be(ie,Et),we=Se?io(Se,ie):null,xe=C&&we?f({active:C,collisionRect:we,droppableRects:le,droppableContainers:J,pointerCoordinates:_}):null,He=Cn(xe,"id"),[G,en]=a.useState(null),ir=ze?ie:Be(ie,It),ar=ro(ir,(o=G==null?void 0:G.rect)!=null?o:null,Y),tn=a.useCallback((K,ne)=>{let{sensor:re,options:De}=ne;if(B.current==null)return;const ae=M.get(B.current);if(!ae)return;const de=K.nativeEvent,pe=new re({active:B.current,activeNode:ae,event:de,options:De,context:te,onStart(fe){const Pe=B.current;if(Pe==null)return;const Ve=M.get(Pe);if(!Ve)return;const{onDragStart:tt}=ce.current,nt={active:{id:Pe,data:Ve.data,rect:U}};je.unstable_batchedUpdates(()=>{tt==null||tt(nt),y(Ee.Initializing),R({type:V.DragStart,initialCoordinates:fe,active:Pe}),w({type:"onDragStart",event:nt})})},onMove(fe){R({type:V.DragMove,coordinates:fe})},onEnd:Le(V.DragEnd),onCancel:Le(V.DragCancel)});je.unstable_batchedUpdates(()=>{P(pe),oe(K.nativeEvent)});function Le(fe){return async function(){const{active:Ve,collisions:tt,over:nt,scrollAdjustedTranslate:rn}=te.current;let We=null;if(Ve&&rn){const{cancelDrop:Xe}=ce.current;We={activatorEvent:de,active:Ve,collisions:tt,delta:rn,over:nt},fe===V.DragEnd&&typeof Xe=="function"&&await Promise.resolve(Xe(We))&&(fe=V.DragCancel)}B.current=null,je.unstable_batchedUpdates(()=>{R({type:fe}),y(Ee.Uninitialized),en(null),P(null),oe(null);const Xe=fe===V.DragEnd?"onDragEnd":"onDragCancel";if(We){const Mt=ce.current[Xe];Mt==null||Mt(We),w({type:Xe,event:We})}})}}},[M]),sr=a.useCallback((K,ne)=>(re,De)=>{const ae=re.nativeEvent,de=M.get(De);if(B.current!==null||!de||ae.dndKit||ae.defaultPrevented)return;const pe={active:de};K(re,ne.options,pe)===!0&&(ae.dndKit={capturedBy:ne.sensor},B.current=De,tn(re,ne))},[M,tn]),nn=Ao(d,sr);Fo(d),be(()=>{Y&&A===Ee.Initializing&&y(Ee.Initialized)},[Y,A]),a.useEffect(()=>{const{onDragMove:K}=ce.current,{active:ne,activatorEvent:re,collisions:De,over:ae}=te.current;if(!ne||!re)return;const de={active:ne,activatorEvent:re,collisions:De,delta:{x:ye.x,y:ye.y},over:ae};je.unstable_batchedUpdates(()=>{K==null||K(de),w({type:"onDragMove",event:de})})},[ye.x,ye.y]),a.useEffect(()=>{const{active:K,activatorEvent:ne,collisions:re,droppableContainers:De,scrollAdjustedTranslate:ae}=te.current;if(!K||B.current==null||!ne||!ae)return;const{onDragOver:de}=ce.current,pe=De.get(He),Le=pe&&pe.rect.current?{id:pe.id,rect:pe.rect.current,data:pe.data,disabled:pe.disabled}:null,fe={active:K,activatorEvent:ne,collisions:re,delta:{x:ae.x,y:ae.y},over:Le};je.unstable_batchedUpdates(()=>{en(Le),de==null||de(fe),w({type:"onDragOver",event:fe})})},[He]),be(()=>{te.current={activatorEvent:H,active:C,activeNode:W,collisionRect:we,collisions:xe,droppableRects:le,draggableNodes:M,draggingNode:Re,draggingNodeRect:Se,droppableContainers:j,over:G,scrollableAncestors:E,scrollAdjustedTranslate:ye},U.current={initial:Se,translated:we}},[C,W,xe,we,M,Re,Se,le,j,G,E,ye]),Io({...ee,delta:L,draggingRect:we,pointerCoordinates:_,scrollableAncestors:E,scrollableAncestorRects:N});const cr=a.useMemo(()=>({active:C,activeNode:W,activeNodeRect:Y,activatorEvent:H,collisions:xe,containerNodeRect:he,dragOverlay:ue,draggableNodes:M,droppableContainers:j,droppableRects:le,over:G,measureDroppableContainers:me,scrollableAncestors:E,scrollableAncestorRects:N,measuringConfiguration:Z,measuringScheduled:Me,windowRect:$}),[C,W,Y,H,xe,he,ue,M,j,le,G,me,E,N,Z,Me,$]),lr=a.useMemo(()=>({activatorEvent:H,activators:nn,active:C,activeNodeRect:Y,ariaDescribedById:{draggable:Ie},dispatch:R,draggableNodes:M,over:G,measureDroppableContainers:me}),[H,nn,C,Y,R,Ie,M,G,me]);return z.createElement(Rn.Provider,{value:S},z.createElement(et.Provider,{value:lr},z.createElement(Vn.Provider,{value:cr},z.createElement(Dt.Provider,{value:ar},u)),z.createElement(Ko,{disabled:(c==null?void 0:c.restoreFocus)===!1})),z.createElement(_r,{...c,hiddenTextDescribedById:Ie}));function ur(){const K=(Te==null?void 0:Te.autoScrollEnabled)===!1,ne=typeof l=="object"?l.enabled===!1:l===!1,re=x&&!K&&!ne;return typeof l=="object"?{...l,enabled:re}:{enabled:re}}}),Zo=a.createContext(null),bn="button",qo="Droppable";function Jo(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=yt(qo),{activators:s,activatorEvent:c,active:l,activeNodeRect:u,ariaDescribedById:d,draggableNodes:f,over:p}=a.useContext(et),{role:g=bn,roleDescription:v="draggable",tabIndex:b=0}=i??{},m=(l==null?void 0:l.id)===t,R=a.useContext(m?Dt:Zo),[w,S]=ut(),[A,y]=ut(),x=$o(s,t),I=_e(n);be(()=>(f.set(t,{id:t,key:o,node:w,activatorNode:A,data:I}),()=>{const L=f.get(t);L&&L.key===o&&f.delete(t)}),[f,t]);const M=a.useMemo(()=>({role:g,tabIndex:b,"aria-disabled":r,"aria-pressed":m&&g===bn?!0:void 0,"aria-roledescription":v,"aria-describedby":d.draggable}),[r,g,b,m,v,d.draggable]);return{active:l,activatorEvent:c,activeNodeRect:u,attributes:M,isDragging:m,listeners:r?void 0:x,node:w,over:p,setNodeRef:S,setActivatorNodeRef:y,transform:R}}function Xn(){return a.useContext(Vn)}const Qo="Droppable",ei={timeout:25};function ti(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=yt(Qo),{active:s,dispatch:c,over:l,measureDroppableContainers:u}=a.useContext(et),d=a.useRef({disabled:n}),f=a.useRef(!1),p=a.useRef(null),g=a.useRef(null),{disabled:v,updateMeasurementsFor:b,timeout:m}={...ei,...i},R=_e(b??r),w=a.useCallback(()=>{if(!f.current){f.current=!0;return}g.current!=null&&clearTimeout(g.current),g.current=setTimeout(()=>{u(Array.isArray(R.current)?R.current:[R.current]),g.current=null},m)},[m]),S=xt({callback:w,disabled:v||!s}),A=a.useCallback((M,L)=>{S&&(L&&(S.unobserve(L),f.current=!1),M&&S.observe(M))},[S]),[y,x]=ut(A),I=_e(t);return a.useEffect(()=>{!S||!y.current||(S.disconnect(),f.current=!1,S.observe(y.current))},[y,S]),be(()=>(c({type:V.RegisterDroppable,element:{id:r,key:o,disabled:n,node:y,rect:p,data:I}}),()=>c({type:V.UnregisterDroppable,key:o,id:r})),[r]),a.useEffect(()=>{n!==d.current.disabled&&(c({type:V.SetDroppableDisabled,id:r,key:o,disabled:n}),d.current.disabled=n)},[r,o,n,c]),{active:s,rect:p,isOver:(l==null?void 0:l.id)===r,node:y,over:l,setNodeRef:x}}function ni(e){let{animation:t,children:n}=e;const[r,i]=a.useState(null),[o,s]=a.useState(null),c=dt(n);return!n&&!r&&c&&i(c),be(()=>{if(!o)return;const l=r==null?void 0:r.key,u=r==null?void 0:r.props.id;if(l==null||u==null){i(null);return}Promise.resolve(t(u,o)).then(()=>{i(null)})},[t,r,o]),z.createElement(z.Fragment,null,n,r?a.cloneElement(r,{ref:s}):null)}const ri={x:0,y:0,scaleX:1,scaleY:1};function oi(e){let{children:t}=e;return z.createElement(et.Provider,{value:Pn},z.createElement(Dt.Provider,{value:ri},t))}const ii={position:"fixed",touchAction:"none"},ai=e=>Ut(e)?"transform 250ms ease":void 0,si=a.forwardRef((e,t)=>{let{as:n,activatorEvent:r,adjustScale:i,children:o,className:s,rect:c,style:l,transform:u,transition:d=ai}=e;if(!c)return null;const f=i?u:{...u,scaleX:1,scaleY:1},p={...ii,width:c.width,height:c.height,top:c.top,left:c.left,transform:Ge.Transform.toString(f),transformOrigin:i&&r?qr(r,c):void 0,transition:typeof d=="function"?d(r):d,...l};return z.createElement(n,{className:s,style:p,ref:t},o)}),Yn=e=>t=>{let{active:n,dragOverlay:r}=t;const i={},{styles:o,className:s}=e;if(o!=null&&o.active)for(const[c,l]of Object.entries(o.active))l!==void 0&&(i[c]=n.node.style.getPropertyValue(c),n.node.style.setProperty(c,l));if(o!=null&&o.dragOverlay)for(const[c,l]of Object.entries(o.dragOverlay))l!==void 0&&r.node.style.setProperty(c,l);return s!=null&&s.active&&n.node.classList.add(s.active),s!=null&&s.dragOverlay&&r.node.classList.add(s.dragOverlay),function(){for(const[l,u]of Object.entries(i))n.node.style.setProperty(l,u);s!=null&&s.active&&n.node.classList.remove(s.active)}},ci=e=>{let{transform:{initial:t,final:n}}=e;return[{transform:Ge.Transform.toString(t)},{transform:Ge.Transform.toString(n)}]},li={duration:250,easing:"ease",keyframes:ci,sideEffects:Yn({styles:{active:{opacity:"0"}}})};function ui(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:i}=e;return St((o,s)=>{if(t===null)return;const c=n.get(o);if(!c)return;const l=c.node.current;if(!l)return;const u=Hn(s);if(!u)return;const{transform:d}=q(s).getComputedStyle(s),f=Tn(d);if(!f)return;const p=typeof t=="function"?t:di(t);return Fn(l,i.draggable.measure),p({active:{id:o,data:c.data,node:l,rect:i.draggable.measure(l)},draggableNodes:n,dragOverlay:{node:s,rect:i.dragOverlay.measure(u)},droppableContainers:r,measuringConfiguration:i,transform:f})})}function di(e){const{duration:t,easing:n,sideEffects:r,keyframes:i}={...li,...e};return o=>{let{active:s,dragOverlay:c,transform:l,...u}=o;if(!t)return;const d={x:c.rect.left-s.rect.left,y:c.rect.top-s.rect.top},f={scaleX:l.scaleX!==1?s.rect.width*l.scaleX/c.rect.width:1,scaleY:l.scaleY!==1?s.rect.height*l.scaleY/c.rect.height:1},p={x:l.x-d.x,y:l.y-d.y,...f},g=i({...u,active:s,dragOverlay:c,transform:{initial:l,final:p}}),[v]=g,b=g[g.length-1];if(JSON.stringify(v)===JSON.stringify(b))return;const m=r==null?void 0:r({active:s,dragOverlay:c,...u}),R=c.node.animate(g,{duration:t,easing:n,fill:"forwards"});return new Promise(w=>{R.onfinish=()=>{m==null||m(),w()}})}}let vn=0;function fi(e){return a.useMemo(()=>{if(e!=null)return vn++,vn},[e])}const gi=z.memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:i,transition:o,modifiers:s,wrapperElement:c="div",className:l,zIndex:u=999}=e;const{activatorEvent:d,active:f,activeNodeRect:p,containerNodeRect:g,draggableNodes:v,droppableContainers:b,dragOverlay:m,over:R,measuringConfiguration:w,scrollableAncestors:S,scrollableAncestorRects:A,windowRect:y}=Xn(),x=a.useContext(Dt),I=fi(f==null?void 0:f.id),M=Wn(s,{activatorEvent:d,active:f,activeNodeRect:p,containerNodeRect:g,draggingNodeRect:m.rect,over:R,overlayNodeRect:m.rect,scrollableAncestors:S,scrollableAncestorRects:A,transform:x,windowRect:y}),L=Jt(p),j=ui({config:r,draggableNodes:v,droppableContainers:b,measuringConfiguration:w}),O=L?m.setRef:void 0;return z.createElement(oi,null,z.createElement(ni,{animation:j},f&&I?z.createElement(si,{key:I,id:f.id,ref:O,as:c,activatorEvent:d,adjustScale:t,className:l,transition:o,rect:L,style:{zIndex:u,...i},transform:M},n):null))});function hi(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return a.useMemo(()=>r=>{t.forEach(i=>i(r))},t)}const pi=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function bi(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function vi(e){return"nodeType"in e}function mi(e){var t,n;return e?bi(e)?e:vi(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}const Kn=pi?a.useLayoutEffect:a.useEffect;let Ot={};function Si(e,t){return a.useMemo(()=>{if(t)return t;const n=Ot[e]==null?0:Ot[e]+1;return Ot[e]=n,e+"-"+n},[e,t])}function yi(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return r.reduce((o,s)=>{const c=Object.entries(s);for(const[l,u]of c){const d=o[l];d!=null&&(o[l]=d+e*u)}return o},{...t})}}const wi=yi(-1);function xi(e){if(!e)return!1;const{KeyboardEvent:t}=mi(e.target);return t&&e instanceof t}const bt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[bt.Translate.toString(e),bt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}});function Qt(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Di(e,t){return e.reduce((n,r,i)=>{const o=t.get(r);return o&&(n[i]=o),n},Array(e.length))}function rt(e){return e!==null&&e>=0}function Ei(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function Ii(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const Un=({rects:e,activeIndex:t,overIndex:n,index:r})=>{const i=Qt(e,n,t),o=e[r],s=i[r];return!s||!o?null:{x:s.left-o.left,y:s.top-o.top,scaleX:s.width/o.width,scaleY:s.height/o.height}},_n="Sortable",Gn=z.createContext({activeIndex:-1,containerId:_n,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Un,disabled:{draggable:!1,droppable:!1}});function Mi({children:e,id:t,items:n,strategy:r=Un,disabled:i=!1}){const{active:o,dragOverlay:s,droppableRects:c,over:l,measureDroppableContainers:u,measuringScheduled:d}=Xn(),f=Si(_n,t),p=s.rect!==null,g=a.useMemo(()=>n.map(x=>typeof x=="object"&&"id"in x?x.id:x),[n]),v=o!=null,b=o?g.indexOf(o.id):-1,m=l?g.indexOf(l.id):-1,R=a.useRef(g),w=!Ei(g,R.current),S=m!==-1&&b===-1||w,A=Ii(i);Kn(()=>{w&&v&&!d&&u(g)},[w,g,v,u,d]),a.useEffect(()=>{R.current=g},[g]);const y=a.useMemo(()=>({activeIndex:b,containerId:f,disabled:A,disableTransforms:S,items:g,overIndex:m,useDragOverlay:p,sortedRects:Di(g,c),strategy:r}),[b,f,A.draggable,A.droppable,S,g,m,c,p,r]);return z.createElement(Gn.Provider,{value:y},e)}const Ri=({id:e,items:t,activeIndex:n,overIndex:r})=>Qt(t,n,r).indexOf(e),Ci=({containerId:e,isSorting:t,wasDragging:n,index:r,items:i,newIndex:o,previousItems:s,previousContainerId:c,transition:l})=>!l||!n||s!==i&&r===o?!1:t?!0:o!==r&&e===c,Ai={duration:200,easing:"ease"},Zn="transform",Ti=bt.Transition.toString({property:Zn,duration:0,easing:"linear"}),ki={roleDescription:"sortable"};function Oi({disabled:e,index:t,node:n,rect:r}){const[i,o]=a.useState(null),s=a.useRef(t);return Kn(()=>{if(!e&&t!==s.current&&n.current){const c=r.current;if(c){const l=$e(n.current,{ignoreTransform:!0}),u={x:c.left-l.left,y:c.top-l.top,scaleX:c.width/l.width,scaleY:c.height/l.height};(u.x||u.y)&&o(u)}}t!==s.current&&(s.current=t)},[e,t,n,r]),a.useEffect(()=>{i&&requestAnimationFrame(()=>{o(null)})},[i]),i}function Li({animateLayoutChanges:e=Ci,attributes:t,disabled:n,data:r,getNewIndex:i=Ri,id:o,strategy:s,resizeObserverConfig:c,transition:l=Ai}){const{items:u,containerId:d,activeIndex:f,disabled:p,disableTransforms:g,sortedRects:v,overIndex:b,useDragOverlay:m,strategy:R}=a.useContext(Gn),w=ji(n,p),S=u.indexOf(o),A=a.useMemo(()=>({sortable:{containerId:d,index:S,items:u},...r}),[d,r,S,u]),y=a.useMemo(()=>u.slice(u.indexOf(o)),[u,o]),{rect:x,node:I,isOver:M,setNodeRef:L}=ti({id:o,data:A,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:y,...c}}),{active:j,activatorEvent:O,activeNodeRect:U,attributes:C,setNodeRef:B,listeners:Te,isDragging:P,over:H,setActivatorNodeRef:oe,transform:ce}=Jo({id:o,data:A,attributes:{...ki,...t},disabled:w.draggable}),Ie=hi(L,B),J=!!j,Z=J&&!g&&rt(f)&&rt(b),le=!m&&P,me=le&&Z?ce:null,W=Z?me??(s??R)({rects:v,activeNodeRect:U,activeIndex:f,overIndex:b,index:S}):null,Q=rt(f)&&rt(b)?i({id:o,items:u,activeIndex:f,overIndex:b}):S,ee=j==null?void 0:j.id,F=a.useRef({activeId:ee,items:u,newIndex:Q,containerId:d}),Y=u!==F.current.items,he=e({active:j,containerId:d,isDragging:P,isSorting:J,id:o,index:S,items:u,newIndex:F.current.newIndex,previousItems:F.current.items,previousContainerId:F.current.containerId,transition:l,wasDragging:F.current.activeId!=null}),te=Oi({disabled:!he,index:S,node:I,rect:x});return a.useEffect(()=>{J&&F.current.newIndex!==Q&&(F.current.newIndex=Q),d!==F.current.containerId&&(F.current.containerId=d),u!==F.current.items&&(F.current.items=u)},[J,Q,d,u]),a.useEffect(()=>{if(ee===F.current.activeId)return;if(ee&&!F.current.activeId){F.current.activeId=ee;return}const ue=setTimeout(()=>{F.current.activeId=ee},50);return()=>clearTimeout(ue)},[ee]),{active:j,activeIndex:f,attributes:C,data:A,rect:x,index:S,newIndex:Q,items:u,isOver:M,isSorting:J,isDragging:P,listeners:Te,node:I,overIndex:b,over:H,setNodeRef:Ie,setActivatorNodeRef:oe,setDroppableNodeRef:L,setDraggableNodeRef:B,transform:te??W,transition:ke()};function ke(){if(te||Y&&F.current.newIndex===S)return Ti;if(!(le&&!xi(O)||!l)&&(J||he))return bt.Transition.toString({...l,property:Zn})}}function ji(e,t){var n,r;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(n=e==null?void 0:e.draggable)!=null?n:t.draggable,droppable:(r=e==null?void 0:e.droppable)!=null?r:t.droppable}}function vt(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&typeof t.sortable=="object"&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const Bi=[T.Down,T.Right,T.Up,T.Left],Ni=(e,{context:{active:t,collisionRect:n,droppableRects:r,droppableContainers:i,over:o,scrollableAncestors:s}})=>{if(Bi.includes(e.code)){if(e.preventDefault(),!t||!n)return;const c=[];i.getEnabled().forEach(d=>{if(!d||d!=null&&d.disabled)return;const f=r.get(d.id);if(f)switch(e.code){case T.Down:n.top<f.top&&c.push(d);break;case T.Up:n.top>f.top&&c.push(d);break;case T.Left:n.left>f.left&&c.push(d);break;case T.Right:n.left<f.left&&c.push(d);break}});const l=eo({collisionRect:n,droppableRects:r,droppableContainers:c});let u=Cn(l,"id");if(u===(o==null?void 0:o.id)&&l.length>1&&(u=l[1].id),u!=null){const d=i.get(t.id),f=i.get(u),p=f?r.get(f.id):null,g=f==null?void 0:f.node.current;if(g&&p&&d&&f){const b=wt(g).some((y,x)=>s[x]!==y),m=qn(d,f),R=Fi(d,f),w=b||!m?{x:0,y:0}:{x:R?n.width-p.width:0,y:R?n.height-p.height:0},S={x:p.left,y:p.top};return w.x&&w.y?S:wi(S,w)}}}};function qn(e,t){return!vt(e)||!vt(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function Fi(e,t){return!vt(e)||!vt(t)||!qn(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const $i=a.createContext(null),Lt={didCatch:!1,error:null};class ot extends a.Component{constructor(t){super(t),this.resetErrorBoundary=this.resetErrorBoundary.bind(this),this.state=Lt}static getDerivedStateFromError(t){return{didCatch:!0,error:t}}resetErrorBoundary(){const{error:t}=this.state;if(t!==null){for(var n,r,i=arguments.length,o=new Array(i),s=0;s<i;s++)o[s]=arguments[s];(n=(r=this.props).onReset)===null||n===void 0||n.call(r,{args:o,reason:"imperative-api"}),this.setState(Lt)}}componentDidCatch(t,n){var r,i;(r=(i=this.props).onError)===null||r===void 0||r.call(i,t,n)}componentDidUpdate(t,n){const{didCatch:r}=this.state,{resetKeys:i}=this.props;if(r&&n.error!==null&&zi(t.resetKeys,i)){var o,s;(o=(s=this.props).onReset)===null||o===void 0||o.call(s,{next:i,prev:t.resetKeys,reason:"keys"}),this.setState(Lt)}}render(){const{children:t,fallbackRender:n,FallbackComponent:r,fallback:i}=this.props,{didCatch:o,error:s}=this.state;let c=t;if(o){const l={error:s,resetErrorBoundary:this.resetErrorBoundary};if(typeof n=="function")c=n(l);else if(r)c=a.createElement(r,l);else if(i!==void 0)c=i;else throw s}return a.createElement($i.Provider,{value:{didCatch:o,error:s,resetErrorBoundary:this.resetErrorBoundary}},c)}}function zi(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[];return e.length!==t.length||e.some((n,r)=>!Object.is(n,t[r]))}/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const mn=e=>{const t=document.documentElement.getAttribute("dir")==="rtl",{top:n,bottom:r,left:i,right:o}=e.getBoundingClientRect();return{top:n,bottom:r,left:t?o:i,right:t?i:o}};/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const Sn={isAtContainerInlineStart:null,isAtContainerInlineEnd:null,isAtContainerBlockStart:null,isAtContainerBlockEnd:null};function Hi({containerElement:e,element:t,monitoringElement:n}){const[r,i]=a.useState(Sn),o=a.useRef(0),s=n??(t==null?void 0:t.parentElement),c=a.useCallback(()=>{cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{if(t){const l=mn(t),u=mn(e??document.body);i({isAtContainerInlineStart:l.left===u.left,isAtContainerInlineEnd:l.right===u.right,isAtContainerBlockStart:l.top===u.top,isAtContainerBlockEnd:l.bottom===u.bottom})}else i(Sn)})},[e,t]);return a.useEffect(()=>{const l=new MutationObserver(()=>{c()});return s&&l.observe(s,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),window.addEventListener("resize",c),c(),()=>{cancelAnimationFrame(o.current),l.disconnect(),window.removeEventListener("resize",c)}},[s,c]),r}/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const Pi=k("nav")({display:"flex"}),Vi=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="borderColor"})(({borderColor:e,odysseyDesignTokens:t})=>({"& + &":{marginInlineStart:t.Spacing4,paddingInlineStart:t.Spacing4,borderInlineStart:`1px solid ${e||t.HueNeutral300}`}})),Wi=({footerItems:e})=>{const t=ve(),{t:n}=qe(),r=Ae(),i=a.useMemo(()=>e==null?void 0:e.map(o=>{var s;return h.jsx(Vi,{borderColor:(s=r==null?void 0:r.sideNavContrastColors)==null?void 0:s.fontColor,odysseyDesignTokens:t,role:"menuitem",children:o.href?h.jsx(Dr,{href:o.href,children:o.label}):h.jsx(jt,{component:"span",children:o.label})},o.id)}),[e,t,r]);return h.jsx(Pi,{"aria-label":n("navigation.footer"),role:"menubar",children:i})},Jn=a.memo(Wi);Jn.displayName="SideNavFooterContent";/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const Xi=()=>h.jsxs("svg",{fill:"none",height:"24",viewBox:"0 0 67 24",width:"67",xmlns:"http://www.w3.org/2000/svg",children:[h.jsx("title",{children:"Okta"}),h.jsx("path",{d:"M55.308 20.5716C52.1058 20.5716 49.8418 18.0813 49.8418 14.8145C49.8418 11.5476 52.1058 9.0574 55.308 9.0574C58.5103 9.0574 60.7097 11.5476 60.7097 14.8145C60.7097 18.0813 58.478 20.5716 55.308 20.5716ZM54.7905 24C57.3782 24 59.5777 22.9972 60.9682 20.8947C61.2267 22.9326 62.7147 23.6763 64.5905 23.6763H66.0785V20.4418H65.4317C64.3643 20.4418 64.1058 19.9242 64.1058 18.7276V5.95153H60.6774V8.57159C59.5131 6.72814 57.3136 5.62842 54.7911 5.62842C50.2952 5.62842 46.1554 9.38051 46.1554 14.8139C46.1554 20.2473 50.2947 24 54.7905 24ZM37.1309 19.5688C37.1309 22.4797 38.942 23.6763 41.1092 23.6763H45.2813V20.4418H42.2412C40.9799 20.4418 40.7209 19.9565 40.7209 18.7276V9.18608H45.2813V5.95153H40.7209V0H37.1309V19.5688ZM20.7972 23.6763H24.3872V16.0758H25.5838L31.6969 23.6763H36.225L28.4301 14.0379L34.4139 5.9521H30.371L25.4869 12.7766H24.3872V0.00113398H20.7972V23.6763ZM9.1532 5.62842C4.13983 5.62842 0 9.38051 0 14.8139C0 20.2473 4.13983 23.9994 9.1532 23.9994C14.1666 23.9994 18.3064 20.2473 18.3064 14.8139C18.3064 9.38051 14.1666 5.62842 9.1532 5.62842ZM9.1532 20.5716C5.95096 20.5716 3.68689 18.0813 3.68689 14.8145C3.68689 11.5476 5.95096 9.0574 9.1532 9.0574C12.3554 9.0574 14.6195 11.5476 14.6195 14.8145C14.6195 18.0813 12.3554 20.5716 9.1532 20.5716Z",fill:"black"})]}),Yi=a.memo(Xi);/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const Ki=k("div",{shouldForwardProp:e=>e!=="isLogoInteractive"})(({isLogoInteractive:e})=>({alignItems:"center",display:"flex",height:"100%",...e&&{cursor:"pointer"}})),Ui=k("a")(()=>({alignItems:"center",display:"flex",height:"100%"})),_i=({imageAltText:e,imageUrl:t,logoComponent:n,...r})=>{const i=a.useMemo(()=>n||(e&&t?h.jsx("img",{alt:e,src:t}):h.jsx(Yi,{})),[e,n,t]);return"href"in r&&"ariaLabel"in r?h.jsx(Ui,{"aria-label":r.ariaLabel,"data-se":"sidenav-header-logo",href:r.href,onClick:r.onClick,children:i}):h.jsx(Ki,{"aria-label":r.ariaLabel,"data-se":"sidenav-header-logo",isLogoInteractive:!!r.onClick||r.href,onClick:r.onClick,role:"presentation",children:i})},Qn=a.memo(_i);Qn.displayName="SideNavLogo";const Gi=k("div")({position:"relative",display:"flex",flexDirection:"column",zIndex:Dn}),Zi=k("div",{shouldForwardProp:e=>e!=="headerBackgroundColor"&&e!=="isSameBackgroundAsMain"&&e!=="odysseyDesignTokens"})(({headerBackgroundColor:e,isSameBackgroundAsMain:t,odysseyDesignTokens:n})=>({display:"flex",alignItems:"center",height:pr,paddingBlock:n.Spacing4,paddingInline:n.Spacing5,backgroundColor:t?e:n.HueNeutralWhite,"svg, img":{maxHeight:"100%",width:"auto",maxWidth:"100%"}})),qi=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="contrastFontColor"})(({contrastFontColor:e,odysseyDesignTokens:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",paddingBlock:t.Spacing4,paddingInline:t.Spacing5,width:"100%","& .MuiTypography-root":{margin:0,width:"100%",color:e||"inherit"}})),Ji=({appName:e,isLoading:t,logoProps:n})=>{var o;const r=ve(),i=Ae();return h.jsxs(Gi,{children:[h.jsx(Zi,{"data-se":"sidenav-header-logo-container",headerBackgroundColor:i==null?void 0:i.sideNavBackgroundColor,isSameBackgroundAsMain:n==null?void 0:n.isSameBackgroundAsMain,odysseyDesignTokens:r,children:t?h.jsx(lt,{height:24,variant:"rounded",width:67}):h.jsx(Qn,{...n})}),e&&h.jsx(qi,{contrastFontColor:(o=i==null?void 0:i.sideNavContrastColors)==null?void 0:o.fontColor,odysseyDesignTokens:r,children:h.jsx(gr,{component:"h2",children:t?h.jsx(lt,{}):e})})]})},$t=a.memo(Ji);$t.displayName="SideNavHeader";/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const zt=a.createContext({isCompact:!1,isSortable:!1,depth:1}),Qi=()=>a.useContext(zt);/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const ea=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isIconVisible"})(({odysseyDesignTokens:e,isIconVisible:t})=>({alignItems:"center",display:"flex",flexWrap:"wrap",fontSize:e.TypographySizeBody,marginInlineStart:t?e.Spacing3:0,overflowWrap:"anywhere",width:"100%"})),ta=({count:e,label:t,startIcon:n,endIcon:r,severity:i,statusLabel:o,translate:s})=>{const c=ve(),l=a.useMemo(()=>({alignItems:"center",display:"flex",gap:c.Spacing1,marginInlineStart:c.Spacing2}),[c]);return h.jsxs(h.Fragment,{children:[n&&n,h.jsxs(ea,{isIconVisible:!!n,odysseyDesignTokens:c,translate:s,children:[t,!e&&i&&h.jsx(jt,{sx:l,children:i&&h.jsx(Mr,{label:o||"",severity:i})}),!i&&e&&h.jsx(jt,{sx:l,children:e&&h.jsx(Ir,{badgeContent:e})})]}),r&&r]})},at=a.memo(ta);at.displayName="SideNavItemLinkContent";const Ht=k("li",{shouldForwardProp:e=>e!=="isSelected"&&e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"})(({isSelected:e,odysseyDesignTokens:t,sideNavContrastColors:n})=>({display:"flex",alignItems:"center",backgroundColor:"unset",borderRadius:t.BorderRadiusMain,transition:`backgroundColor ${t.TransitionDurationMain}, color ${t.TransitionDurationMain}`,...e&&{color:n!=null&&n.fontColor?`${n.fontColor}`:`${t.TypographyColorAction}`,backgroundColor:(n==null?void 0:n.itemSelectedBackgroundColor)||t.HueBlue50}})),na=e=>{e&&(e==null||e.scrollIntoView({behavior:"instant",block:"center",inline:"nearest"}))},er=({isDisabled:e,isSelected:t,odysseyDesignTokens:n,sideNavContrastColors:r,isActiveDropTarget:i})=>({display:"flex",alignItems:"center",width:"100%",textDecoration:"none",color:r!=null&&r.fontColor?`${r==null?void 0:r.fontColor} !important`:`${n.TypographyColorHeading} !important`,minHeight:"unset",paddingBlock:n.Spacing3,paddingInlineEnd:n.Spacing4,borderRadius:n.BorderRadiusMain,transition:`backgroundColor ${n.TransitionDurationMain}, color ${n.TransitionDurationMain}`,cursor:"pointer",...i&&{backgroundColor:(r==null?void 0:r.itemHoverBackgroundColor)||n.HueNeutral50},"&:hover, li:has(> button:hover, > button:focus, > button:focus-visible) &":{textDecoration:"none",backgroundColor:(r==null?void 0:r.itemHoverBackgroundColor)||n.HueNeutral50,...t&&{backgroundColor:(r==null?void 0:r.itemSelectedBackgroundColor)||n.HueBlue50,color:(r==null?void 0:r.fontColor)||n.TypographyColorAction},...e&&{backgroundColor:"unset"}},...t&&{color:r!=null&&r.fontColor?`${r==null?void 0:r.fontColor} !important`:`${n.TypographyColorAction} !important`,fontWeight:n.TypographyWeightBodyBold},...e&&{cursor:"default",color:`${n.TypographyColorDisabled} !important`,...(r==null?void 0:r.itemDisabledFontColor)&&{color:`${r==null?void 0:r.itemDisabledFontColor} !important`}},"&:focus-visible":{outline:"none",boxShadow:`inset 0 0 0 2px ${(r==null?void 0:r.focusRingColor)||n.PalettePrimaryMain}`}}),tr=({odysseyDesignTokens:e,contextValue:t})=>({paddingInlineStart:`calc(${e.Spacing4} * ${t.depth} + ${e.Spacing6})`,...t.depth===1&&{paddingInlineStart:e.Spacing4},...t.isCompact&&{paddingBlock:e.Spacing1}}),yn=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!="contextValue"&&e!=="isDisabled"&&e!=="sideNavContrastColors"&&e!=="isSelected"&&e!=="isActiveDropTarget"})(({isDisabled:e,isSelected:t,contextValue:n,odysseyDesignTokens:r,sideNavContrastColors:i,isActiveDropTarget:o})=>({...er({isDisabled:e,isSelected:t,odysseyDesignTokens:r,sideNavContrastColors:i,isActiveDropTarget:o}),...tr({odysseyDesignTokens:r,contextValue:n})})),ra=k(Er,{shouldForwardProp:e=>e!="contextValue"&&e!=="isDisabled"&&e!=="isSelected"&&e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"&&e!=="isActiveDropTarget"})(({isDisabled:e,isSelected:t,contextValue:n,odysseyDesignTokens:r,sideNavContrastColors:i,isActiveDropTarget:o})=>({...er({isDisabled:e,isSelected:t,odysseyDesignTokens:r,sideNavContrastColors:i,isActiveDropTarget:o}),...tr({odysseyDesignTokens:r,contextValue:n})})),oa=({count:e,id:t,label:n,href:r,target:i,startIcon:o,severity:s,statusLabel:c,endIcon:l,onClick:u,isDisabled:d,isSelected:f,scrollRef:p,onItemSelected:g,translate:v})=>{const b=Ae(),m=Qi(),R=a.useMemo(()=>m,[m]),w=ve(),[S,A]=a.useState(!1),y=a.useRef(null);a.useImperativeHandle(p,()=>({scrollIntoView:()=>{na(y.current)}}),[]);const x=a.useCallback(M=>{g==null||g(t),u==null||u(M)},[t,u,g]),I=a.useCallback(M=>{(M==null?void 0:M.key)==="Enter"&&(M.preventDefault(),g==null||g(t),u==null||u(M))},[t,u,g]);return h.jsx(Ht,{"aria-current":f?"page":void 0,"aria-disabled":d,disabled:d,id:t,isSelected:f,odysseyDesignTokens:w,onDragLeave:()=>{A(!1)},onDragOver:()=>{A(!0)},onDrop:()=>{A(!1)},ref:y,sideNavContrastColors:b==null?void 0:b.sideNavContrastColors,children:d?h.jsx(yn,{contextValue:R,"data-se":"tb--sidenav-text-container",isActiveDropTarget:!1,isDisabled:d,isSelected:f,odysseyDesignTokens:w,sideNavContrastColors:b==null?void 0:b.sideNavContrastColors,children:h.jsx(at,{count:e,endIcon:l,label:n,severity:s,startIcon:o,statusLabel:c,translate:v})}):r?h.jsxs(ra,{contextValue:R,"data-se":"tb--sidenav-text-container",href:r,isActiveDropTarget:S,isDisabled:d,isSelected:f,odysseyDesignTokens:w,onClick:x,sideNavContrastColors:b==null?void 0:b.sideNavContrastColors,target:i,children:[h.jsx(at,{count:e,endIcon:l,label:n,severity:s,startIcon:o,statusLabel:c,translate:v}),i==="_blank"&&h.jsx("span",{className:"Link-indicator",role:"presentation",children:h.jsx(Rr,{})})]}):h.jsx(yn,{contextValue:R,"data-se":"tb--sidenav-text-container",isActiveDropTarget:S,isDisabled:d,isSelected:f,odysseyDesignTokens:w,onClick:x,onKeyDown:I,role:"button",sideNavContrastColors:b==null?void 0:b.sideNavContrastColors,tabIndex:0,children:h.jsx(at,{count:e,endIcon:l,label:n,severity:s,startIcon:o,statusLabel:c,translate:v})})},t)},st=a.memo(oa);st.displayName="SideNavItemContent";const Ce=24,ct=Ce/2,ia=k(kr,{shouldForwardProp:e=>e!=="clickAreaPadding"&&e!=="odysseyDesignTokens"})(({clickAreaPadding:e,odysseyDesignTokens:t})=>({border:0,height:`${Ce}px`,left:`-${e*2}px`,padding:0,position:"relative",width:`calc(${Ce}px + (${e}px * 2))`,zIndex:Xt,"&&":{backgroundColor:"transparent",borderColor:"transparent",boxShadow:"none",color:t.PalettePrimaryText},"&:focus-visible":{outline:"none"},"&:hover, &:focus-visible":{color:t.HueNeutralWhite},"&::before":{backgroundColor:t.HueNeutralWhite,borderColor:"transparent",borderRadius:"50%",boxShadow:t.ShadowScale1,color:t.PalettePrimaryText,content:"''",height:`${Ce}px`,left:`${e*2}px`,position:"absolute",top:0,width:`${Ce}px`},"&:hover::before, &:focus-visible::before":{backgroundColor:t.PalettePrimaryText}})),aa=k(Cr,{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({isSideNavCollapsed:e,odysseyDesignTokens:t})=>({fontSize:"125%",left:e?void 0:"4px",position:"absolute",right:e?"4px":void 0,top:"3px",transform:e?"rotate(0deg)":"rotate(-180deg)",transitionDuration:t.TransitionDurationMain,transitionProperty:"transform",transitionTimingFunction:"ease-in-out"})),sa=typeof window>"u"?null:document.createElement("button"),ca=({ariaControls:e,clickAreaPadding:t=0,id:n,isSideNavCollapsed:r,onClick:i,onHighlight:o,tabIndex:s})=>{const c=ve(),{t:l}=qe(),u=a.useRef(sa);a.useEffect(()=>{var b,m,R,w;const p=()=>{o==null||o(!0)},g=()=>{o==null||o(!1)},v=()=>{var S;o==null||o(!!((S=u.current)!=null&&S.matches(":focus-visible")))};return(b=u.current)==null||b.addEventListener("mouseenter",p),(m=u.current)==null||m.addEventListener("mouseleave",g),(R=u.current)==null||R.addEventListener("focus",v,!0),(w=u.current)==null||w.addEventListener("blur",v,!0),g(),()=>{var S,A,y,x;(S=u.current)==null||S.removeEventListener("mouseenter",p),(A=u.current)==null||A.removeEventListener("mouseleave",g),(y=u.current)==null||y.removeEventListener("focus",v,!0),(x=u.current)==null||x.removeEventListener("blur",v,!0)}},[o]);const d=a.useMemo(()=>l(r?"sidenav.toggle.expand":"sidenav.toggle.collapse"),[r,l]),f=a.useCallback(p=>h.jsx(ia,{...p,"aria-controls":e,"aria-expanded":!r,"aria-label":d,clickAreaPadding:t,"data-se":"sidenav-toggle-button","data-sidenav-toggle":!0,id:n,odysseyDesignTokens:c,onClick:i,ref:g=>{var v;g&&(u.current=g,(v=p.ref)==null||v.call(p,g))},tabIndex:s,variant:"floating",children:h.jsx(aa,{isSideNavCollapsed:r,odysseyDesignTokens:c})}),[e,t,n,r,c,i,s,d]);return h.jsx(Tr,{ariaType:"description",placement:"right",text:d,children:h.jsx(Ar.Consumer,{children:f})})},nr=a.memo(ca);nr.displayName="SideNavToggleButton";const Pt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return`translate3d(${t?Math.round(t):0}px, ${n?Math.round(n):0}px, 0)`}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return`scaleX(${t}) scaleY(${n})`}},Transform:{toString(e){if(e)return[Pt.Translate.toString(e),Pt.Scale.toString(e)].join(" ")}},Transition:{toString({property:e,duration:t,easing:n}){return`${e} ${t}ms ${n}`}}});/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const rr=a.createContext({attributes:{},listeners:void 0,ref:a.createRef()}),la=k("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSelected"&&e!=="sideNavContrastColors"})(({odysseyDesignTokens:e,isSelected:t,sideNavContrastColors:n})=>({position:"relative",button:{top:"50%",left:e.Spacing2,transform:"translateY(-50%)"},svg:{path:{fill:"currentColor",...(n==null?void 0:n.fontColor)&&{fill:n.fontColor}}},"&:has(a:hover, button:hover, a:focus, button:focus, a:focus-visible, button:focus-visible, [role='button']:hover, [role='button']:focus, [role='button']:focus-visible)":{button:{opacity:1,outlineWidth:0}},...t&&{svg:{path:{fill:e.TypographyColorAction,...(n==null?void 0:n.fontColor)&&{fill:n.fontColor}}}}})),ua=k("ul")({padding:0,listStyle:"none",listStyleType:"none"}),da=k("button",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isDragging"&&e!=="focusRingColor"})(({odysseyDesignTokens:e,isDragging:t,focusRingColor:n})=>({position:"absolute",opacity:0,padding:e.Spacing2,border:"none",backgroundColor:"transparent",cursor:`${t?"grabbing":"grab"}`,transition:`opacity ${e.TransitionDurationMain}`,borderRadius:e.BorderRadiusMain,svg:{display:"flex"},"&:focus, &:focus-visible":{outline:"none",boxShadow:`inset 0 0 0 2px ${e.PalettePrimaryMain}`,...n&&{boxShadow:`inset 0 0 0 2px ${n}`}}})),fa=({isDragging:e})=>{var c;const{attributes:t,listeners:n,ref:r}=a.useContext(rr),i=ve(),{t:o}=qe(),s=Ae();return h.jsx(da,{...t,...n,"aria-label":o("navigation.drag.handle"),focusRingColor:(c=s==null?void 0:s.sideNavContrastColors)==null?void 0:c.focusRingColor,isDragging:e,odysseyDesignTokens:i,ref:r,children:h.jsx("svg",{fill:"none",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg",children:h.jsx("path",{clipRule:"evenodd",d:"M6 2.33331C6 2.8856 5.55228 3.33331 5 3.33331C4.44772 3.33331 4 2.8856 4 2.33331C4 1.78103 4.44772 1.33331 5 1.33331C5.55228 1.33331 6 1.78103 6 2.33331ZM11 3.33331C11.5523 3.33331 12 2.8856 12 2.33331C12 1.78103 11.5523 1.33331 11 1.33331C10.4477 1.33331 10 1.78103 10 2.33331C10 2.8856 10.4477 3.33331 11 3.33331ZM11 7.11109C11.5523 7.11109 12 6.66338 12 6.11109C12 5.55881 11.5523 5.11109 11 5.11109C10.4477 5.11109 10 5.55881 10 6.11109C10 6.66338 10.4477 7.11109 11 7.11109ZM12 9.88887C12 10.4412 11.5523 10.8889 11 10.8889C10.4477 10.8889 10 10.4412 10 9.88887C10 9.33659 10.4477 8.88887 11 8.88887C11.5523 8.88887 12 9.33659 12 9.88887ZM11 14.6666C11.5523 14.6666 12 14.2189 12 13.6666C12 13.1144 11.5523 12.6666 11 12.6666C10.4477 12.6666 10 13.1144 10 13.6666C10 14.2189 10.4477 14.6666 11 14.6666ZM5 7.11109C5.55228 7.11109 6 6.66338 6 6.11109C6 5.55881 5.55228 5.11109 5 5.11109C4.44772 5.11109 4 5.55881 4 6.11109C4 6.66338 4.44772 7.11109 5 7.11109ZM6 9.88888C6 10.4412 5.55228 10.8889 5 10.8889C4.44772 10.8889 4 10.4412 4 9.88888C4 9.33659 4.44772 8.88888 5 8.88888C5.55228 8.88888 6 9.33659 6 9.88888ZM5 14.6666C5.55228 14.6666 6 14.2189 6 13.6666C6 13.1144 5.55228 12.6666 5 12.6666C4.44772 12.6666 4 13.1144 4 13.6666C4 14.2189 4.44772 14.6666 5 14.6666Z",fill:"#3F59E4",fillRule:"evenodd"})})})},ga=({id:e,isDisabled:t,isSelected:n,isSortable:r=!0,children:i})=>{const{attributes:o,isDragging:s,listeners:c,setNodeRef:l,setActivatorNodeRef:u,transform:d,transition:f}=Li({id:e}),p=a.useMemo(()=>({attributes:o,listeners:c,ref:u}),[o,c,u]),g={opacity:s?.4:void 0,transform:Pt.Translate.toString(d),transition:f},v=Ae(),b=ve();return h.jsx(rr.Provider,{value:p,children:h.jsxs(la,{isSelected:n,odysseyDesignTokens:b,ref:l,sideNavContrastColors:v==null?void 0:v.sideNavContrastColors,style:g,children:[!t&&r&&h.jsx(fa,{isDragging:s}),h.jsx(ua,{children:i})]})})};/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const ha={sideEffects:Yn({styles:{active:{opacity:"0.4"}}})};function pa({children:e}){return h.jsx(gi,{dropAnimation:ha,children:e})}/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const Vt=({parentId:e,items:t,onChange:n,renderItem:r})=>{const[i,o]=a.useState(null),s=a.useMemo(()=>t.find(d=>d.id===(i==null?void 0:i.id)),[i,t]),c=Gr(an(qt),an(Gt,{coordinateGetter:Ni})),{t:l}=qe(),u=a.useMemo(()=>({onDragStart:({active:d})=>`${l("sortable.list.drag.start",{activeId:d.id})}`,onDragOver:({active:d,over:f})=>f?`${l("sortable.list.drag.moved.over",{activeId:d.id,overId:f.id})}`:`${l("sortable.list.drag.nolonger.over",{activeId:d.id})}`,onDragEnd:({active:d,over:f})=>f?`${l("sortable.list.drag.end.dropped.over",{activeId:d.id,overId:f.id})}`:`${l("sortable.list.drag.end.dropped",{activeId:d.id})}`,onDragCancel:({active:d})=>`${l("sortable.list.drag.cancel",{activeId:d.id})}`}),[l]);return h.jsxs(Go,{accessibility:{announcements:u},onDragCancel:()=>{o(null)},onDragEnd:({active:d,over:f})=>{if(f&&d.id!==(f==null?void 0:f.id)){const p=t.findIndex(({id:v})=>v===d.id),g=t.findIndex(({id:v})=>v===f.id);t[g].isSortable!==!1&&n(e,d.id,p,g)}o(null)},onDragStart:({active:d})=>{o(d)},sensors:c,children:[h.jsx(Mi,{items:t,children:t.map(d=>h.jsx(a.Fragment,{children:r(d)},d.id))}),h.jsx(pa,{children:s?r(s):null})]})};Vt.Item=ga;/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const ba=e=>{const t=window.sessionStorage.getItem(e);try{return typeof t=="string"?JSON.parse(t):null}catch{return typeof t=="string"?t:null}},va=({initialState:e,key:t})=>{const n=a.useMemo(()=>ba(t),[t]),r=a.useCallback(c=>{const l=typeof c>"u"?"":JSON.stringify(c);window.sessionStorage.setItem(t,l)},[t]),[i,o]=a.useState(()=>n??e);a.useEffect(()=>{r(i)},[i,r]);const s=a.useCallback(()=>{o(n??e)},[e,n]);return xn({onUpdate:s}),{sessionState:i,setSessionState:o}};/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const ma="__uiShell-sideNav-isCollapsed",Sa=e=>va({initialState:e,key:ma}),Wt=12,ya=2,wa=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({odysseyDesignTokens:e,isSideNavCollapsed:t})=>({position:"relative",display:"grid",gridTemplateColumns:vr,height:"100%",transition:`grid-template-columns ${e.TransitionDurationMain}, opacity 300ms`,transitionTimingFunction:e.TransitionTimingMain,overflow:"hidden",...t&&{gridTemplateColumns:0,opacity:0}})),xa=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({odysseyDesignTokens:e,isSideNavCollapsed:t})=>({display:"grid",gridTemplateRows:"max-content 1fr max-content",height:"100%",transition:"opacity 50ms",transitionTimingFunction:e.TransitionTimingMain,overflow:"hidden",...t&&{opacity:0}})),Da=k("nav",{shouldForwardProp:e=>e!=="backgroundColor"&&e!=="hasNeighbouringContentAtInlineStart"&&e!=="isAppContentWhiteBackground"&&e!=="isSideNavCollapsed"&&e!=="isSideNavToggleHighlighted"&&e!=="odysseyDesignTokens"})(({backgroundColor:e,hasNeighbouringContentAtInlineStart:t,isAppContentWhiteBackground:n,isSideNavCollapsed:r,isSideNavToggleHighlighted:i,odysseyDesignTokens:o})=>({backgroundColor:e||o.HueNeutralWhite,height:"100%",position:"relative",width:"fit-content","&::before, &::after":{content:"''",height:"100%",pointerEvents:"none",position:"absolute",right:`-${o.BorderWidthMain}`,top:0,transition:`opacity ${o.TransitionDurationMain}, transform ${o.TransitionDurationMain}, width ${o.TransitionDurationMain}`,userSelect:"none",zIndex:Xt},"&::before":{backgroundColor:i?o.BorderColorPrimaryControl:o.HueNeutral100,opacity:n||!r&&i?1:0,width:`calc(${o.BorderWidthMain} * 2)`},"&::after":{backgroundColor:o.HueNeutral200,opacity:r?1:0,transform:r&&!t?i?`translateX(calc(100% - (${o.BorderWidthMain} * 2)))`:`translateX(calc(100% - ${Wt}px))`:"translateX(0)",width:t?0:`calc(${ct+Wt}px + ${o.BorderWidthMain} * 2)`,...r&&i?{borderRightColor:o.BorderColorPrimaryControl,borderRightStyle:o.BorderStyleMain,borderRightWidth:`calc(${o.BorderWidthMain} * 2)`}:{}}})),Ea=k("div",{shouldForwardProp:e=>e!=="hasNeighbouringContentAtInlineStart"&&e!=="isSideNavCollapsed"&&e!=="isSideNavToggleHighlighted"&&e!=="odysseyDesignTokens"})(({hasNeighbouringContentAtInlineStart:e,isSideNavCollapsed:t,isSideNavToggleHighlighted:n,odysseyDesignTokens:r})=>({position:"absolute",right:`${ct}px`,top:br,width:`${Ce}px`,transform:t&&!e?n?`translate3d(calc(100% + ${ct+Wt}px), 0, 0)`:`translate3d(calc(100% + ${ct+ya}px), 0, 0)`:"translate3d(100%, 0, 0)",transition:`transform ${r.TransitionDurationMain}`,zIndex:Xt+1})),Ia=k("div",{shouldForwardProp:e=>e!=="borderColor"&&e!=="hasContentScrolled"&&e!=="odysseyDesignTokens"})(({borderColor:e,hasContentScrolled:t,odysseyDesignTokens:n})=>({flexShrink:0,...t&&{borderBottomWidth:n.BorderWidthMain,borderBottomStyle:n.BorderStyleMain,borderBottomColor:n.HueNeutral100,...e&&{borderBottomColor:e.concat("15")}}})),wn=k("ul")(()=>({padding:0,listStyle:"none",listStyleType:"none",margin:0,width:"100%"})),Ma=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="hasBlockStartPadding"})(({odysseyDesignTokens:e,hasBlockStartPadding:t})=>({display:"inline-grid",gridTemplateRows:"1fr max-content",overflowY:"auto",paddingBlockStart:t?e.Spacing2:0,paddingInline:e.Spacing2})),Ra=k("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="contrastFontColor"})(({contrastFontColor:e,odysseyDesignTokens:t})=>({color:e||t.HueNeutral600,marginBlock:`${t.Spacing3}`,paddingBlock:t.Spacing1,paddingInline:t.Spacing4})),or=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="sideNavBackgroundColor"})(({odysseyDesignTokens:e,sideNavBackgroundColor:t})=>({backgroundColor:e.HueNeutralWhite,flexShrink:0,padding:e.Spacing4,...t&&{backgroundColor:t}})),Ca=k(or,{shouldForwardProp:e=>e!=="isContentScrollable"&&e!=="odysseyDesignTokens"&&e!=="sideNavBackgroundColor"})(({isContentScrollable:e,odysseyDesignTokens:t,sideNavBackgroundColor:n})=>({transitionProperty:"box-shadow",transitionDuration:t.TransitionDurationMain,transitionTiming:t.TransitionTimingMain,zIndex:Dn,...e&&{boxShadow:"0px -8px 8px -8px rgba(39, 39, 39, 0.08)"},...n&&{backgroundColor:n}})),Aa=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"})(({odysseyDesignTokens:e,sideNavContrastColors:t})=>({display:"flex",flexWrap:"wrap",alignItems:"center",fontSize:e.TypographySizeOverline,"a, span":{color:e.HueNeutral600,transition:`color ${e.TransitionDurationMain}`,"&:visited":{color:e.HueNeutral600,...(t==null?void 0:t.fontColor)&&{color:t==null?void 0:t.fontColor}},"&:hover":{textDecoration:"none",color:e.HueNeutral900,...(t==null?void 0:t.fontColor)&&{color:t==null?void 0:t.fontColor}},...(t==null?void 0:t.fontColor)&&{color:t==null?void 0:t.fontColor}}})),Ta=k("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({alignItems:"center",display:"flex",gap:e.Spacing2,paddingBlock:e.Spacing2,paddingInline:e.Spacing4})),ka=e=>e.scrollHeight>e.clientHeight,Oa=()=>{const e=ve();return h.jsxs(Ta,{odysseyDesignTokens:e,children:[h.jsx(lt,{height:e.Spacing4,variant:"circular",width:e.Spacing4}),h.jsx(lt,{variant:"rounded",width:"100%"})]})},La=({appName:e,footerComponent:t,footerItems:n,hasCustomFooter:r,hasSessionStorageState:i,isCollapsible:o,isCollapsed:s=!1,isCompact:c,isLoading:l,isObtrusive:u,logoProps:d,onCollapse:f,onExpand:p,onSort:g,sideNavItems:v})=>{var Re,Se,ze;const[b,m]=a.useState(!1),[R,w]=a.useState(!1),[S,A]=a.useState(!1),[y,x]=a.useState(v||[]),[I,M]=a.useState(s),{sessionState:L,setSessionState:j}=Sa(s),O=i?L:I,U=i?j:M,C=Ae(),B=ve(),{t:Te}=qe(),P=a.useRef(null),H=a.useRef(null),oe=a.useRef(null),ce=a.useRef(null),{isAtContainerInlineStart:Ie}=Hi({element:ce.current,monitoringElement:(Se=(Re=ce.current)==null?void 0:Re.parentElement)==null?void 0:Se.parentElement}),J=!Ie,Z=a.useMemo(()=>h.jsx("div",{}),[]);a.useEffect(()=>x(v||[]),[v]);const le=a.useCallback(()=>{o||U(s)},[s,o,U]),me=a.useCallback(()=>{U(s)},[s,U]);xn({onMount:le,onUpdate:me}),a.useEffect(()=>{const D=()=>{P.current&&P.current.parentElement&&w(ka(P.current.parentElement))};let $;if(H.current||(H.current=new ResizeObserver(()=>{cancelAnimationFrame($),$=requestAnimationFrame(D)})),H.current&&P.current&&(H.current.observe(P.current),P.current.parentElement&&H.current.observe(P.current.parentElement)),D(),!oe.current&&P.current&&(oe.current=new IntersectionObserver(E=>{var ie;const N=(ie=E.slice().sort((_,Oe)=>_.time-Oe.time).at(0))==null?void 0:ie.isIntersecting;m(!N)},{root:P.current.parentElement,threshold:1})),oe.current&&P.current){const E=P.current,[N]=Array.from((E==null?void 0:E.children)||[]);N&&oe.current.observe(N)}return()=>{H.current&&(H.current.disconnect(),H.current=null),oe.current&&(oe.current.disconnect(),oe.current=null),cancelAnimationFrame($)}},[y]);const Me=a.useRef(null),W=a.useMemo(()=>{const $=y.flatMap(E=>E.nestedNavItems?[E,...E.nestedNavItems]:E).find(E=>E.isSelected);return $==null?void 0:$.id},[y]);a.useEffect(()=>{W&&Me.current&&Me.current.scrollIntoView()},[W]);const Q=a.useCallback(D=>D===W?Me:void 0,[W]),ee=a.useMemo(()=>({isCompact:c,depth:1}),[c]),F=a.useCallback(D=>{const $=y.map(E=>(E.id===D?E.isSelected=!0:E.isSelected&&delete E.isSelected,E.nestedNavItems?{...E,nestedNavItems:E.nestedNavItems.map(N=>(N.id===D?N.isSelected=!0:N.isSelected&&delete N.isSelected,N))}:E));x($),(s||u)&&(o?C==null||C.closeSideNavMenu():f==null||f())},[s,o,u,f,y,C]),Y=a.useMemo(()=>y==null?void 0:y.map(D=>{var $;return{...D,childNavItems:($=D.nestedNavItems)==null?void 0:$.map(E=>({id:E.id,isSelected:E.isSelected,isDisabled:E.isDisabled,isSortable:E.isSortable,navItem:h.jsx(zt.Provider,{value:{...ee,depth:2,isSortable:D.isSortable},children:h.jsx(st,{...E,onItemSelected:F,scrollRef:Q(E.id),translate:E.translate})},E.id)}))}}),[Q,F,ee,y]),he=a.useCallback(()=>{U(D=>(D?p==null||p():f==null||f(),!D))},[f,p,U]),te=a.useCallback(D=>{((D==null?void 0:D.key)==="Enter"||(D==null?void 0:D.code)==="Space")&&(D.preventDefault(),he())},[he]);a.useEffect(()=>{const D=C==null?void 0:C.subscribeToCloseSideNavMenu(()=>{f==null||f(),U(!0)});return()=>{D==null||D()}},[f,U,C]);const ke=a.useCallback((D,$,E,N)=>{const ie=y.map(_=>_.id===D&&_.nestedNavItems?{..._,nestedNavItems:Qt(_.nestedNavItems,E,N)}:_);x(ie),g==null||g(ie,D,$,E,N)},[g,y]),ue=a.useCallback(D=>{A(D)},[]);return h.jsxs(Da,{"aria-label":Te("navigation.label"),backgroundColor:C==null?void 0:C.sideNavBackgroundColor,hasNeighbouringContentAtInlineStart:J,id:"side-nav-expandable",isAppContentWhiteBackground:(C==null?void 0:C.appBackgroundColor)===B.HueNeutralWhite,isSideNavCollapsed:O,isSideNavToggleHighlighted:S,odysseyDesignTokens:B,ref:ce,children:[o&&h.jsx(Ea,{hasNeighbouringContentAtInlineStart:J,isSideNavCollapsed:O,isSideNavToggleHighlighted:S,odysseyDesignTokens:B,children:h.jsx(nr,{ariaControls:"side-nav-expandable",clickAreaPadding:O&&!J?Ce/2:0,isSideNavCollapsed:O,onClick:he,onHighlight:ue,onKeyDown:te})}),h.jsx(dr,{children:h.jsx(wa,{"data-se":"collapsible-region",isSideNavCollapsed:O,odysseyDesignTokens:B,children:h.jsxs(xa,{isSideNavCollapsed:O,odysseyDesignTokens:B,children:[e||l||d?h.jsx(Ia,{borderColor:(ze=C==null?void 0:C.sideNavContrastColors)==null?void 0:ze.fontColor,hasContentScrolled:b,odysseyDesignTokens:B,children:l&&!e&&!d?h.jsx($t,{isLoading:l}):h.jsx($t,{appName:e,isLoading:l,logoProps:d})}):h.jsx("div",{}),h.jsxs(Ma,{"data-se":"scrollable-region",hasBlockStartPadding:!e,odysseyDesignTokens:B,children:[h.jsx(wn,{ref:P,role:"none",children:l?Array(6).fill(null).map((D,$)=>h.jsx(Oa,{},$)):Y==null?void 0:Y.map(D=>{var xe;const{childNavItems:$,href:E,id:N,isDefaultExpanded:ie,isDisabled:_,isExpanded:Oe,isSectionHeader:Et,isSortable:It,label:ye,startIcon:we}=D;if(Et)return h.jsx(ot,{fallback:Z,children:h.jsx(Ra,{contrastFontColor:(xe=C==null?void 0:C.sideNavContrastColors)==null?void 0:xe.fontColor,id:N,odysseyDesignTokens:B,children:h.jsx(hr,{component:"h3",children:ye})})},N);if($){const He=h.jsx(wn,{role:"presentation",children:It?h.jsx(Vt,{items:$,onChange:ke,parentId:D.id,renderItem:G=>h.jsx(Vt.Item,{id:G.id,isDisabled:G.isDisabled,isSelected:G.isSelected,isSortable:G.isSortable,children:G.navItem})}):$.map(G=>G.navItem)});return E?h.jsxs(ot,{fallback:Z,children:[h.jsx(st,{...D,href:E,onItemSelected:F,scrollRef:Q(D.id),startIcon:D.startIcon}),h.jsx(Ht,{"aria-disabled":_,disabled:_,id:`${N}-items`,odysseyDesignTokens:B,children:He})]},N):h.jsx(ot,{fallback:Z,children:h.jsx(Ht,{"aria-disabled":_,disabled:_,id:N,odysseyDesignTokens:B,children:h.jsx(En,{isCompact:c,isDefaultExpanded:ie,isDisabled:_,isExpanded:Oe,label:ye,startIcon:we,children:He})})},N)}else return h.jsx(ot,{fallback:Z,children:h.jsx(zt.Provider,{value:ee,children:h.jsx(st,{...D,onItemSelected:F,scrollRef:Q(D.id),startIcon:D.startIcon})})},D.id)})}),!l&&n&&!r&&h.jsx(or,{odysseyDesignTokens:B,sideNavBackgroundColor:C==null?void 0:C.sideNavBackgroundColor,children:h.jsx(Aa,{odysseyDesignTokens:B,sideNavContrastColors:C==null?void 0:C.sideNavContrastColors,children:h.jsx(Jn,{footerItems:n})})})]}),!l&&!n&&r&&h.jsx(Ca,{isContentScrollable:R,odysseyDesignTokens:B,sideNavBackgroundColor:C==null?void 0:C.sideNavBackgroundColor,children:t})]})})})]})},ja=a.memo(La);ja.displayName="SideNav";export{ot as E,ja as M,Qn as a};

package/dist/assets/SideNav.stories-CHEyk4wu.js

@@ -1,207 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{a as Z}from"./index-B885ELRa.js";import{c as $,w as ee,e as n,a as f,u as x}from"./index-BJMTVygn.js";import{r as I}from"./index-NdkWRN8K.js";import{P as S}from"./PlaceholderLogo-JfVvgA23.js";import{M as o}from"./SideNav-Duwk1--M.js";import{M as Y,a as J,b as y,c as te,d as oe,e as ae,f as ne}from"./Server-F8KLZq7d.js";import{M as se}from"./User-BBdPovZN.js";import{M as Q}from"./Home-BXMRmOIu.js";import{M as C}from"./Folder-Ddku_ujr.js";import{M as re}from"./Download-Cp75oFKP.js";import{M as ie}from"./Clock-Byj5V_49.js";import{M as le}from"./Settings-DjrryuBd.js";import{M as de}from"./Box-BXOPvc0Q.js";import{f as ce,d as me}from"./Typography-CiNRLenM.js";const pe=()=>e.jsxs(de,{sx:{border:"1px dashed gray"},children:[e.jsx(ce,{children:"Your custom footer content goes here"}),e.jsx(me,{children:"Dashed border to show content box. Not present outside of this example"})]}),ue={component:o,argTypes:{appName:{control:"text",description:"Header text for the side nav",table:{type:{summary:"string"}}},footerComponent:{description:"Custom footer component to render in place of footer items."},footerItems:{description:"",table:{type:{summary:"Array<SideNavFooterItem>"}}},hasCustomFooter:{control:"boolean",description:"Defines if a custom footer should be visible when available.",table:{type:{summary:"boolean"}}},isCollapsible:{control:"boolean",description:"Controls whether the side nav is collapsible",table:{type:{summary:"boolean"}}},isCollapsed:{control:"boolean",description:"Controls whether the side nav is collapsed",table:{type:{summary:"boolean"}}},isCompact:{control:"boolean",description:"Controls whether the side nav uses compact layout",table:{type:{summary:"boolean"}}},isLoading:{control:"boolean",description:"Controls whether the side nav shows the skeleton loader.",table:{type:{summary:"boolean"}}},logoProps:{description:"Props passed in to render custom logo and/or link",table:{type:{summary:"href?: string; logoSrcUrl?: string; altText?: string; logoComponent?: ReactElement"}}},onCollapse:{description:"Callback to be triggered when the side nav is collapsed"},onExpand:{description:"Callback to be triggered when the side nav is expanded"},onSort:{description:"Callback to be triggered when a nested side nav item inside is reordered. Returns the new items list"},sideNavItems:{description:"",table:{type:{summary:"Array<SideNavItem>"}}}},args:{appName:"Admin Console",isCollapsible:!0,isCollapsed:!1,isCompact:!1,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:e.jsx(Y,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:e.jsx(se,{})},{id:"item4",label:"Dashboard",startIcon:e.jsx(Q,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:e.jsx(J,{})},{id:"item6",label:"Onboarding",startIcon:e.jsx(C,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start",translate:"no"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:e.jsx(y,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:e.jsx(te,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:e.jsx(re,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:e.jsx(oe,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:e.jsx(ie,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:e.jsx(ae,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:e.jsx(le,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General",translate:"no"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management",translate:"no"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:e.jsx(C,{})},{id:"item17",href:"/",label:"Really Long Item Name With Spaces",startIcon:e.jsx(y,{})},{id:"item18",href:"/",label:"ReallyLongSingleItemNameWithoutSpaces",startIcon:e.jsx(y,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]},parameters:{layout:"fullscreen"},tags:["autodocs"]},l={render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})}),play:async({canvasElement:t,step:s})=>{$({testIdAttribute:"data-se"});const r=ee(t),a=r.getByRole("button",{name:"Close navigation"}),b=r.getByRole("navigation",{name:"Main navigation"}),i=r.getByTestId("scrollable-region");await s("Side Nav Should be scrolled as expected",async()=>{await new Promise(v=>setTimeout(v,100)),i.scrollTop!==0?n(i.scrollTop).not.toBe(0):await f(()=>{n(i.scrollTop).not.toBe(0)},{timeout:1e3})}),await s("Side Nav Collapse",async()=>{await x.click(a),await f(()=>{n(a.ariaExpanded).toEqual("false"),n(b).toHaveStyle({width:0})})}),await s("Side Nav Expand",async()=>{await x.click(a),await f(()=>{n(a.ariaExpanded).toEqual("true"),n(b).toBeVisible()})})}},d={args:{appName:void 0,logoProps:{logoComponent:e.jsx(S.One,{})},sideNavItems:[{href:"#",id:"sortable-item1",label:"My Apps",onClick:t=>{t.preventDefault(),Z('onClick: "My Apps"')(t)},isSortable:!0,startIcon:e.jsx(Q,{}),nestedNavItems:[{id:"sortable-item1-1",label:"Recently Used",isSortable:!1},{id:"sortable-item1-2",label:"Work"},{id:"sortable-item1-3",label:"Group 1"},{id:"sortable-item1-4",label:"Group 2"},{id:"sortable-item1-5",label:"Add section",endIcon:e.jsx(Y,{}),isSortable:!1}]},{id:"sortable-item2",label:"Notifications",startIcon:e.jsx(ne,{}),count:1},{id:"sortable-item3",label:"Add apps",startIcon:e.jsx(J,{})}]},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},c={args:{isLoading:!0},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},m={args:{logoProps:{logoComponent:e.jsx(S.One,{})}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},p={args:{logoProps:{imageUrl:"https://placehold.co/600x60",imageAltText:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},u={args:{logoProps:{href:"/",logoComponent:e.jsx(S.One,{}),ariaLabel:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},g={args:{footerItems:void 0,hasCustomFooter:!0,footerComponent:e.jsx(pe,{})},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},h={args:{isLoading:!0},render:function({sideNavItems:s,isLoading:r,...a}){const[b,i]=I.useState([]),[v,X]=I.useState(r);return I.useEffect(()=>{setTimeout(()=>{i(s||[]),X(!1)},1e3)}),e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{isLoading:v,sideNavItems:b,...a})})}};var N,w,j;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav {...props} />
-      </div>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }: PlaywrightProps<SideNavProps>) => {
-    configure({
-      testIdAttribute: "data-se"
-    });
-    const canvas = within(canvasElement);
-    const toggleButton = canvas.getByRole("button", {
-      name: "Close navigation"
-    });
-    const navElement = canvas.getByRole("navigation", {
-      name: "Main navigation"
-    });
-    // const collapsedRegion = canvas.getByTestId("collapsed-region");
-    const scrollableRegion = canvas.getByTestId("scrollable-region");
-
-    /**
-     * The scroll behavior in SideNav is such that if an item has isSelected and the item
-     * is not on screen initially, it will scroll to make that item be visible on the screen.
-     * So, we should expect that the scrollable container (found by data-se="scrollable-region")
-     * should have a non-zero scrollTop once this operation has completed.
-     */
-    await step("Side Nav Should be scrolled as expected", async () => {
-      // Add a small delay to allow initial rendering and scrolling
-      await new Promise(resolve => setTimeout(resolve, 100));
-
-      // On initial load, scrollTop will be zero. Then, once the scroll operation completes,
-      // it should be non-zero.
-      if (scrollableRegion.scrollTop !== 0) {
-        expect(scrollableRegion.scrollTop).not.toBe(0);
-      } else {
-        await waitFor(() => {
-          expect(scrollableRegion.scrollTop).not.toBe(0);
-        }, {
-          timeout: 1000
-        });
-      }
-    });
-    await step("Side Nav Collapse", async () => {
-      await userEvent.click(toggleButton);
-      await waitFor(() => {
-        expect(toggleButton.ariaExpanded).toEqual("false");
-        expect(navElement).toHaveStyle({
-          width: 0
-        });
-      });
-    });
-    await step("Side Nav Expand", async () => {
-      await userEvent.click(toggleButton);
-      await waitFor(() => {
-        expect(toggleButton.ariaExpanded).toEqual("true");
-        expect(navElement).toBeVisible();
-      });
-    });
-  }
-}`,...(j=(w=l.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var M,L,E;d.parameters={...d.parameters,docs:{...(M=d.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    appName: undefined,
-    logoProps: {
-      logoComponent: <PlaceholderLogo.One />
-    },
-    sideNavItems: [{
-      href: "#",
-      id: "sortable-item1",
-      label: "My Apps",
-      onClick: event => {
-        event.preventDefault();
-        action('onClick: "My Apps"')(event);
-      },
-      isSortable: true,
-      startIcon: <HomeIcon />,
-      nestedNavItems: [{
-        id: "sortable-item1-1",
-        label: "Recently Used",
-        isSortable: false
-      }, {
-        id: "sortable-item1-2",
-        label: "Work"
-      }, {
-        id: "sortable-item1-3",
-        label: "Group 1"
-      }, {
-        id: "sortable-item1-4",
-        label: "Group 2"
-      }, {
-        id: "sortable-item1-5",
-        label: "Add section",
-        endIcon: <AddCircleIcon />,
-        isSortable: false
-      }]
-    }, {
-      id: "sortable-item2",
-      label: "Notifications",
-      startIcon: <NotificationIcon />,
-      count: 1
-    }, {
-      id: "sortable-item3",
-      label: "Add apps",
-      startIcon: <AppsIcon />
-    }]
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav {...props} />
-      </div>;
-  }
-}`,...(E=(L=d.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};var A,k,P;c.parameters={...c.parameters,docs:{...(A=c.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    isLoading: true
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav {...props} />
-      </div>;
-  }
-}`,...(P=(k=c.parameters)==null?void 0:k.docs)==null?void 0:P.source}}};var T,z,B;m.parameters={...m.parameters,docs:{...(T=m.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  args: {
-    logoProps: {
-      logoComponent: <PlaceholderLogo.One />
-    }
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav {...props} />
-      </div>;
-  }
-}`,...(B=(z=m.parameters)==null?void 0:z.docs)==null?void 0:B.source}}};var D,R,F;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    logoProps: {
-      imageUrl: "https://placehold.co/600x60",
-      imageAltText: "My custom image logo"
-    }
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav {...props} />
-      </div>;
-  }
-}`,...(F=(R=p.parameters)==null?void 0:R.docs)==null?void 0:F.source}}};var O,H,_;u.parameters={...u.parameters,docs:{...(O=u.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  args: {
-    logoProps: {
-      href: "/",
-      logoComponent: <PlaceholderLogo.One />,
-      ariaLabel: "My custom image logo"
-    }
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav {...props} />
-      </div>;
-  }
-}`,...(_=(H=u.parameters)==null?void 0:H.docs)==null?void 0:_.source}}};var G,U,W;g.parameters={...g.parameters,docs:{...(G=g.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    footerItems: undefined,
-    hasCustomFooter: true,
-    footerComponent: <CustomFooterComponent />
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav {...props} />
-      </div>;
-  }
-}`,...(W=(U=g.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var q,V,K;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    isLoading: true
-  },
-  render: function C({
-    sideNavItems,
-    isLoading,
-    ...props
-  }) {
-    const [sideNavItemsInState, setSideNavItemsInState] = useState<SideNavItem[]>([]);
-    const [isLoadingInState, setIsLoadingInState] = useState(isLoading);
-    useEffect(() => {
-      setTimeout(() => {
-        setSideNavItemsInState(sideNavItems || []);
-        setIsLoadingInState(false);
-      }, 1000);
-    });
-    return <div style={{
-      height: "100vh"
-    }}>
-        <SideNav isLoading={isLoadingInState} sideNavItems={sideNavItemsInState} {...props} />
-      </div>;
-  }
-}`,...(K=(V=h.parameters)==null?void 0:V.docs)==null?void 0:K.source}}};const ge=["Default","SortableSideNav","Loading","CustomLogoElement","CustomLogoImage","LogoWithLink","CustomFooterContent","DelayedSideNavItems"],Ae=Object.freeze(Object.defineProperty({__proto__:null,CustomFooterContent:g,CustomLogoElement:m,CustomLogoImage:p,Default:l,DelayedSideNavItems:h,Loading:c,LogoWithLink:u,SortableSideNav:d,__namedExportsOrder:ge,default:ue},Symbol.toStringTag,{value:"Module"}));export{Ae as S};

package/dist/assets/Skeleton-BJLiCr2o.js

@@ -1,51 +0,0 @@
-import{g as y,_ as w,a as n,c as R,m as u,o as b}from"./createTheme-BmPXDA4p.js";import{r as _}from"./index-NdkWRN8K.js";import{u as S,s as U,c as $}from"./DefaultPropsProvider-B7tpShA7.js";import{g as M}from"./generateUtilityClasses-DYvjsuMV.js";import{j}from"./jsx-runtime-CnH95YSl.js";import{a as A}from"./colorManipulator-O7SU8zMv.js";function X(t){return String(t).match(/[\d.\-+]*\s*(.*)/)[1]||""}function N(t){return parseFloat(t)}function B(t){return y("MuiSkeleton",t)}const z=M("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]),E=["animation","className","component","height","style","variant","width"];let r=t=>t,p,m,g,f;const F=t=>{const{classes:a,variant:e,animation:i,hasChildren:o,width:l,height:s}=t;return $({root:["root",e,i,o&&"withChildren",o&&!l&&"fitContent",o&&!s&&"heightAuto"]},B,a)},K=b(p||(p=r`
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`)),P=b(m||(m=r`
-  0% {
-    transform: translateX(-100%);
-  }
-
-  50% {
-    /* +0.5s of delay between each loop */
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
-`)),W=U("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:e}=t;return[a.root,a[e.variant],e.animation!==!1&&a[e.animation],e.hasChildren&&a.withChildren,e.hasChildren&&!e.width&&a.fitContent,e.hasChildren&&!e.height&&a.heightAuto]}})(({theme:t,ownerState:a})=>{const e=X(t.shape.borderRadius)||"px",i=N(t.shape.borderRadius);return n({display:"block",backgroundColor:t.vars?t.vars.palette.Skeleton.bg:A(t.palette.text.primary,t.palette.mode==="light"?.11:.13),height:"1.2em"},a.variant==="text"&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${i}${e}/${Math.round(i/.6*10)/10}${e}`,"&:empty:before":{content:'"\\00a0"'}},a.variant==="circular"&&{borderRadius:"50%"},a.variant==="rounded"&&{borderRadius:(t.vars||t).shape.borderRadius},a.hasChildren&&{"& > *":{visibility:"hidden"}},a.hasChildren&&!a.width&&{maxWidth:"fit-content"},a.hasChildren&&!a.height&&{height:"auto"})},({ownerState:t})=>t.animation==="pulse"&&u(g||(g=r`
-      animation: ${0} 2s ease-in-out 0.5s infinite;
-    `),K),({ownerState:t,theme:a})=>t.animation==="wave"&&u(f||(f=r`
-      position: relative;
-      overflow: hidden;
-
-      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
-      -webkit-mask-image: -webkit-radial-gradient(white, black);
-
-      &::after {
-        animation: ${0} 2s linear 0.5s infinite;
-        background: linear-gradient(
-          90deg,
-          transparent,
-          ${0},
-          transparent
-        );
-        content: '';
-        position: absolute;
-        transform: translateX(-100%); /* Avoid flash during server-side hydration */
-        bottom: 0;
-        left: 0;
-        right: 0;
-        top: 0;
-      }
-    `),P,(a.vars||a).palette.action.hover)),G=_.forwardRef(function(a,e){const i=S({props:a,name:"MuiSkeleton"}),{animation:o="pulse",className:l,component:s="span",height:d,style:v,variant:C="text",width:k}=i,h=w(i,E),c=n({},i,{animation:o,component:s,variant:C,hasChildren:!!h.children}),x=F(c);return j.jsx(W,n({as:s,ref:e,className:R(x.root,l),ownerState:c},h,{style:n({width:k,height:d},v)}))});export{G as S,z as s};

package/dist/assets/Stack-Ba8l39se.js

@@ -1 +0,0 @@
-import{c as I,s as W,u as q}from"./DefaultPropsProvider-B7tpShA7.js";import{l as G,r as z,_ as V,s as H,a,t as J,q as K,e as Q,c as X,u as $,v as A,w as Y,j as Z,x as ee,g as te,y as B}from"./createTheme-BmPXDA4p.js";import{r as E}from"./index-NdkWRN8K.js";import{j as oe}from"./jsx-runtime-CnH95YSl.js";import{u as se}from"./useThemeProps-Dy5sAWyz.js";const re=["ownerState"],ne=["variants"],ie=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function ce(e){return Object.keys(e).length===0}function le(e){return typeof e=="string"&&e.charCodeAt(0)>96}function D(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const ae=G(),ue=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function F({defaultTheme:e,theme:s,themeId:t}){return ce(s)?e:s[t]||s}function pe(e){return e?(s,t)=>t[e]:null}function O(e,s){let{ownerState:t}=s,n=V(s,re);const c=typeof e=="function"?e(a({ownerState:t},n)):e;if(Array.isArray(c))return c.flatMap(i=>O(i,a({ownerState:t},n)));if(c&&typeof c=="object"&&Array.isArray(c.variants)){const{variants:i=[]}=c;let p=V(c,ne);return i.forEach(o=>{let r=!0;typeof o.props=="function"?r=o.props(a({ownerState:t},n,t)):Object.keys(o.props).forEach(f=>{(t==null?void 0:t[f])!==o.props[f]&&n[f]!==o.props[f]&&(r=!1)}),r&&(Array.isArray(p)||(p=[p]),p.push(typeof o.style=="function"?o.style(a({ownerState:t},n,t)):o.style))}),p}return c}function fe(e={}){const{themeId:s,defaultTheme:t=ae,rootShouldForwardProp:n=D,slotShouldForwardProp:c=D}=e,i=u=>K(a({},u,{theme:F(a({},u,{defaultTheme:t,themeId:s}))}));return i.__mui_systemSx=!0,(u,p={})=>{z(u,l=>l.filter(d=>!(d!=null&&d.__mui_systemSx)));const{name:o,slot:r,skipVariantsResolver:f,skipSx:S,overridesResolver:y=pe(ue(r))}=p,w=V(p,ie),T=f!==void 0?f:r&&r!=="Root"&&r!=="root"||!1,_=S||!1;let g,v=D;r==="Root"||r==="root"?v=n:r?v=c:le(u)&&(v=void 0);const x=H(u,a({shouldForwardProp:v,label:g},w)),j=l=>typeof l=="function"&&l.__emotion_real!==l||J(l)?d=>O(l,a({},d,{theme:F({theme:d.theme,defaultTheme:t,themeId:s})})):l,C=(l,...d)=>{let b=j(l);const k=d?d.map(j):[];o&&y&&k.push(h=>{const m=F(a({},h,{defaultTheme:t,themeId:s}));if(!m.components||!m.components[o]||!m.components[o].styleOverrides)return null;const R=m.components[o].styleOverrides,P={};return Object.entries(R).forEach(([L,U])=>{P[L]=O(U,a({},h,{theme:m}))}),y(h,P)}),o&&!T&&k.push(h=>{var m;const R=F(a({},h,{defaultTheme:t,themeId:s})),P=R==null||(m=R.components)==null||(m=m[o])==null?void 0:m.variants;return O({variants:P},a({},h,{theme:R}))}),_||k.push(i);const N=k.length-d.length;if(Array.isArray(l)&&N>0){const h=new Array(N).fill("");b=[...l,...h],b.raw=[...l.raw,...h]}const M=x(b,...k);return u.muiName&&(M.muiName=u.muiName),M};return x.withConfig&&(C.withConfig=x.withConfig),C}}const me=fe(),de=["component","direction","spacing","divider","children","className","useFlexGap"],he=G(),ye=me("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root});function ve(e){return se({props:e,name:"MuiStack",defaultTheme:he})}function Se(e,s){const t=E.Children.toArray(e).filter(Boolean);return t.reduce((n,c,i)=>(n.push(c),i<t.length-1&&n.push(E.cloneElement(s,{key:`separator-${i}`})),n),[])}const xe=e=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[e],ke=({ownerState:e,theme:s})=>{let t=a({display:"flex",flexDirection:"column"},$({theme:s},A({values:e.direction,breakpoints:s.breakpoints.values}),n=>({flexDirection:n})));if(e.spacing){const n=Y(s),c=Object.keys(s.breakpoints.values).reduce((o,r)=>((typeof e.spacing=="object"&&e.spacing[r]!=null||typeof e.direction=="object"&&e.direction[r]!=null)&&(o[r]=!0),o),{}),i=A({values:e.direction,base:c}),u=A({values:e.spacing,base:c});typeof i=="object"&&Object.keys(i).forEach((o,r,f)=>{if(!i[o]){const y=r>0?i[f[r-1]]:"column";i[o]=y}}),t=Z(t,$({theme:s},u,(o,r)=>e.useFlexGap?{gap:B(n,o)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${xe(r?i[r]:e.direction)}`]:B(n,o)}}))}return t=ee(s.breakpoints,t),t};function Re(e={}){const{createStyledComponent:s=ye,useThemeProps:t=ve,componentName:n="MuiStack"}=e,c=()=>I({root:["root"]},o=>te(n,o),{}),i=s(ke);return E.forwardRef(function(o,r){const f=t(o),S=Q(f),{component:y="div",direction:w="column",spacing:T=0,divider:_,children:g,className:v,useFlexGap:x=!1}=S,j=V(S,de),C={direction:w,spacing:T,useFlexGap:x},l=c();return oe.jsx(i,a({as:y,ownerState:C,ref:r,className:X(l.root,v)},j,{children:_?Se(g,_):g}))})}const Fe=Re({createStyledComponent:W("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root}),useThemeProps:e=>q({props:e,name:"MuiStack"})});export{Fe as S};