@aistrike-dev/ui-shell-dev 1.0.8 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +0,0 @@
1
- import{$ as e,A as t,At as n,B as r,C as i,Ct as a,D as o,Dt as s,E as c,Et as l,F as u,Ft as d,G as f,H as p,I as m,It as h,J as g,K as _,L as v,Lt as y,M as b,Mt as x,N as S,Nt as C,O as w,Ot as T,P as ee,Pt as E,Q as te,R as D,S as O,St as k,T as A,Tt as j,U as ne,V as M,W as N,X as re,Y as P,Z as ie,_ as ae,_t as F,a as I,at as L,b as R,bt as z,c as B,ct as V,d as oe,dt as H,et as U,f as W,ft as G,g as se,gt as K,h as ce,ht as le,i as ue,it as q,j as de,jt as fe,k as pe,kt as me,l as he,lt as ge,m as _e,mt as ve,n as ye,nt as be,o as xe,ot as Se,p as Ce,pt as we,q as Te,r as Ee,rt as J,s as De,st as Oe,t as ke,tt as Ae,u as je,ut as Me,v as Ne,vt as Pe,w as Fe,wt as Ie,x as Le,xt as Y,y as Re,yt as ze,z as Be}from"./index-RRCKkkSC.js";function Ve(e){return F(`MuiCheckbox`,e)}var He=K(`MuiCheckbox`,[`root`,`checked`,`disabled`,`indeterminate`,`colorPrimary`,`colorSecondary`,`sizeSmall`,`sizeMedium`]);function Ue(e){return F(`MuiFormControlLabel`,e)}var We=K(`MuiFormControlLabel`,[`root`,`labelPlacementStart`,`labelPlacementEnd`,`labelPlacementTop`,`labelPlacementBottom`,`disabled`,`label`,`error`,`required`,`asterisk`]);function Ge(e){return F(`MuiSlider`,e)}var Ke=K(`MuiSlider`,`root.active.colorPrimary.colorSecondary.colorError.colorInfo.colorSuccess.colorWarning.disabled.dragging.focusVisible.mark.markActive.marked.markLabel.markLabelActive.rail.sizeSmall.thumb.track.trackInverted.trackFalse.valueLabel.valueLabelOpen.valueLabelCircle.valueLabelLabel.vertical`.split(`.`));function qe(e){return F(`MuiToggleButton`,e)}var Je=K(`MuiToggleButton`,[`root`,`disabled`,`selected`,`standard`,`primary`,`secondary`,`sizeSmall`,`sizeMedium`,`sizeLarge`,`fullWidth`]);function Ye(e){return F(`PrivateSwitchBase`,e)}K(`PrivateSwitchBase`,[`root`,`checked`,`disabled`,`input`,`edgeStart`,`edgeEnd`]);var X=y(k(),1),Z=Ie(),Xe=e=>{let{classes:t,checked:n,disabled:r,edge:i}=e,o={root:[`root`,n&&`checked`,r&&`disabled`,i&&`edge${a(i)}`],input:[`input`]};return z(o,Ye,t)},Ze=q(pe,{name:`MuiSwitchBase`})({padding:9,borderRadius:`50%`,variants:[{props:{edge:`start`,size:`small`},style:{marginLeft:-3}},{props:({edge:e,ownerState:t})=>e===`start`&&t.size!==`small`,style:{marginLeft:-12}},{props:{edge:`end`,size:`small`},style:{marginRight:-3}},{props:({edge:e,ownerState:t})=>e===`end`&&t.size!==`small`,style:{marginRight:-12}}]}),Qe=q(`input`,{name:`MuiSwitchBase`,shouldForwardProp:L})({cursor:`inherit`,position:`absolute`,opacity:0,width:`100%`,height:`100%`,top:0,left:0,margin:0,padding:0,zIndex:1}),$e=X.forwardRef(function(e,t){let{autoFocus:n,checked:r,checkedIcon:i,defaultChecked:a,disabled:o,disableFocusRipple:s=!1,edge:c=!1,icon:l,id:d,name:f,onBlur:p,onChange:m,onFocus:h,readOnly:g,required:v=!1,tabIndex:y,type:b,value:x,slots:S={},slotProps:C={},...w}=e,{nativeButton:T,...ee}=w,[E,te]=_({controlled:r,default:!!a,name:`SwitchBase`,state:`checked`}),D=u(),O=e=>{h&&h(e),D&&D.onFocus&&D.onFocus(e)},k=e=>{p&&p(e),D&&D.onBlur&&D.onBlur(e)},j=e=>{if(e.nativeEvent.defaultPrevented||g)return;let t=e.target.checked;te(t),m&&m(e,t)},ne=o;D&&ne===void 0&&(ne=D.disabled);let M=b===`checkbox`||b===`radio`,N={...e,checked:E,disabled:ne,disableFocusRipple:s,edge:c},re=Xe(N),P={slots:S,slotProps:C},[ie,ae]=A(`root`,{ref:t,elementType:Ze,className:re.root,shouldForwardComponentProp:!0,externalForwardedProps:{...P,component:`span`,...ee},getSlotProps:e=>({...e,onFocus:t=>{e.onFocus?.(t),O(t)},onBlur:t=>{e.onBlur?.(t),k(t)}}),ownerState:N,additionalProps:{centerRipple:!0,focusRipple:!s,role:void 0,tabIndex:null,internalDisabledThemeFocusVisible:!0}}),[F,I]=A(`input`,{elementType:Qe,className:re.input,externalForwardedProps:P,getSlotProps:e=>({...e,onChange:t=>{e.onChange?.(t),j(t)}}),ownerState:N,additionalProps:{autoFocus:n,checked:r,defaultChecked:a,disabled:ne,id:M?d:void 0,name:f,readOnly:g,required:v,tabIndex:y,type:b,...b===`checkbox`&&x===void 0?{}:{value:x}}});return(0,Z.jsxs)(ie,{...ae,children:[(0,Z.jsx)(F,{...I}),E?i:l]})}),et=U((0,Z.jsx)(`path`,{d:`M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z`}),`CheckBoxOutlineBlank`),tt=U((0,Z.jsx)(`path`,{d:`M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z`}),`CheckBox`),nt=U((0,Z.jsx)(`path`,{d:`M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z`}),`IndeterminateCheckBox`),rt=e=>{let{classes:t,indeterminate:n,color:r,size:i}=e,o={root:[`root`,n&&`indeterminate`,`color${a(r)}`,`size${a(i)}`]},s=z(o,Ve,t);return{...t,...s}},it=q($e,{shouldForwardProp:e=>L(e)||e===`classes`,name:`MuiCheckbox`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.indeterminate&&t.indeterminate,t[`size${a(n.size)}`],n.color!=="default"&&t[`color${a(n.color)}`]]}})(J(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.focusVisible&&{[`&.${t.focusVisible} svg:first-of-type`]:{...Me,borderRadius:(e.vars||e).shape.borderRadius,...e.focusVisible}},variants:[{props:{color:`default`,disableRipple:!1},style:{"&:hover":{backgroundColor:e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter(w()).map(([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity)}}})),...Object.entries(e.palette).filter(w()).map(([t])=>({props:{color:t},style:{[`&.${He.checked}, &.${He.indeterminate}`]:{color:(e.vars||e).palette[t].main},[`&.${He.disabled}`]:{color:(e.vars||e).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:`transparent`}}}}]}))),at=(0,Z.jsx)(tt,{}),ot=(0,Z.jsx)(et,{}),st=(0,Z.jsx)(nt,{}),ct=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiCheckbox`}),{checkedIcon:r=at,color:i=`primary`,icon:a=ot,indeterminate:o=!1,indeterminateIcon:s=st,size:c=`medium`,disableRipple:l=!1,className:u,slots:d={},slotProps:f={},...p}=n,m=o?s:a,h=o?s:r,g={...n,disableRipple:l,color:i,indeterminate:o,size:c},_=rt(g),v=f.input,[y,b]=A(`root`,{ref:t,elementType:it,className:Y(_.root,u),shouldForwardComponentProp:!0,externalForwardedProps:{slots:d,slotProps:f,...p},ownerState:g,additionalProps:{type:`checkbox`,icon:X.cloneElement(m,{fontSize:m.props.fontSize??c}),checkedIcon:X.cloneElement(h,{fontSize:h.props.fontSize??c}),disableRipple:n.disableRipple,slots:d,slotProps:{input:M(typeof v==`function`?v(g):v,{"data-indeterminate":o,"aria-checked":o?`mixed`:void 0})}}});return(0,Z.jsx)(y,{...b,classes:_})});function lt(e){return F(`MuiSwitch`,e)}var Q=K(`MuiSwitch`,[`root`,`edgeStart`,`edgeEnd`,`switchBase`,`colorPrimary`,`colorSecondary`,`sizeSmall`,`sizeMedium`,`checked`,`disabled`,`input`,`thumb`,`track`]),ut=e=>{let{classes:t,edge:n,size:r,color:i,checked:o,disabled:s}=e,c={root:[`root`,n&&`edge${a(n)}`,`size${a(r)}`],switchBase:[`switchBase`,`color${a(i)}`,o&&`checked`,s&&`disabled`],thumb:[`thumb`],track:[`track`],input:[`input`]},l=z(c,lt,t);return{...t,...l}},dt=q(`span`,{name:`MuiSwitch`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.edge&&t[`edge${a(n.edge)}`],t[`size${a(n.size)}`]]}})({display:`inline-flex`,width:58,height:38,overflow:`hidden`,padding:12,boxSizing:`border-box`,position:`relative`,flexShrink:0,zIndex:0,verticalAlign:`middle`,"@media print":{colorAdjust:`exact`},variants:[{props:{edge:`start`},style:{marginLeft:-8}},{props:{edge:`end`},style:{marginRight:-8}},{props:{size:`small`},style:{width:40,height:24,padding:7,[`& .${Q.thumb}`]:{width:16,height:16},[`& .${Q.switchBase}`]:{padding:4,[`&.${Q.checked}`]:{transform:`translateX(16px)`}}}}]}),ft=q($e,{name:`MuiSwitch`,slot:`SwitchBase`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.switchBase,{[`& .${Q.input}`]:t.input},n.color!=="default"&&t[`color${a(n.color)}`]]}})(J(({theme:e})=>({position:`absolute`,top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode===`light`?e.palette.common.white:e.palette.grey[300]}`,...Ae(e,[`left`,`transform`],{duration:e.transitions.duration.shortest}),[`&.${Q.checked}`]:{transform:`translateX(20px)`},[`&.${Q.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode===`light`?e.palette.grey[100]:e.palette.grey[600]}`},...e.focusVisible?{[`&.${t.focusVisible} ~ .${Q.track}`]:{...Me,...e.focusVisible},[`&.${Q.checked} + .${Q.track}`]:{backgroundColor:e.alpha(e.vars?e.vars.palette.common.onBackground:`${e.palette.mode===`light`?e.palette.common.black:e.palette.common.white}`,.5)},[`&.${Q.disabled} + .${Q.track}`]:{backgroundColor:e.alpha(e.vars?e.vars.palette.common.onBackground:`${e.palette.mode===`light`?e.palette.common.black:e.palette.common.white}`,e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode===`light`?.12:.2}`)}}:{[`&.${Q.checked} + .${Q.track}`]:{opacity:.5},[`&.${Q.disabled} + .${Q.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode===`light`?.12:.2}`}},[`& .${Q.input}`]:{left:`-100%`,width:`300%`}})),J(({theme:e})=>({"&:hover":{backgroundColor:e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:`transparent`}},variants:[...Object.entries(e.palette).filter(w([`light`])).map(([t])=>({props:{color:t},style:{[`&.${Q.checked}`]:{color:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:`transparent`}},[`&.${Q.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${t}DisabledColor`]:`${e.palette.mode===`light`?e.lighten(e.palette[t].main,.62):e.darken(e.palette[t].main,.55)}`}},[`&.${Q.checked} + .${Q.track}`]:{backgroundColor:(e.vars||e).palette[t].main},...e.focusVisible&&{[`&.${Q.checked} + .${Q.track}`]:{backgroundColor:e.alpha((e.vars||e).palette[t].main,.5)},[`&.${Q.disabled} + .${Q.track}`]:{backgroundColor:e.alpha(e.vars?e.vars.palette.common.onBackground:`${e.palette.mode===`light`?e.palette.common.black:e.palette.common.white}`,e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode===`light`?.12:.2}`)},[`&.${Q.checked}.${Q.disabled} + .${Q.track}`]:{backgroundColor:e.alpha((e.vars||e).palette[t].main,e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode===`light`?.12:.2}`)}}}}))]}))),pt=q(`span`,{name:`MuiSwitch`,slot:`Track`})(J(({theme:e})=>({height:`100%`,width:`100%`,borderRadius:7,zIndex:-1,...Ae(e,[`opacity`,`background-color`],{duration:e.transitions.duration.shortest}),"@media (forced-colors: active)":{boxSizing:`border-box`,border:`1px solid ButtonBorder`},...e.focusVisible?{backgroundColor:e.alpha(e.vars?e.vars.palette.common.onBackground:`${e.palette.mode===`light`?e.palette.common.black:e.palette.common.white}`,e.vars?e.vars.opacity.switchTrack:`${e.palette.mode===`light`?.38:.3}`)}:{backgroundColor:e.vars?e.vars.palette.common.onBackground:`${e.palette.mode===`light`?e.palette.common.black:e.palette.common.white}`,opacity:e.vars?e.vars.opacity.switchTrack:`${e.palette.mode===`light`?.38:.3}`}}))),mt=q(`span`,{name:`MuiSwitch`,slot:`Thumb`})(J(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:`currentColor`,boxSizing:`border-box`,border:`1px solid transparent`,width:20,height:20,borderRadius:`50%`}))),ht=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiSwitch`}),{className:r,color:i=`primary`,edge:a=!1,size:o=`medium`,sx:s,slots:c={},slotProps:l={},...u}=n,d={...n,color:i,edge:a,size:o},f=ut(d),p=l.input,m={slots:c,slotProps:l},[h,g]=A(`root`,{className:Y(f.root,r),elementType:dt,externalForwardedProps:m,ownerState:d,additionalProps:{sx:s}}),[_,v]=A(`thumb`,{className:f.thumb,elementType:mt,externalForwardedProps:m,ownerState:d}),y=(0,Z.jsx)(_,{...v}),[b,x]=A(`track`,{className:f.track,elementType:pt,externalForwardedProps:m,ownerState:d});return(0,Z.jsxs)(h,{...g,children:[(0,Z.jsx)(ft,{type:`checkbox`,icon:y,checkedIcon:y,ref:t,ownerState:d,...u,classes:{...f,root:f.switchBase},slots:{...c.switchBase&&{root:c.switchBase},...c.input&&{input:c.input}},slotProps:{...l.switchBase&&{root:typeof l.switchBase==`function`?l.switchBase(d):l.switchBase},input:M(typeof p==`function`?p(d):p,{role:`switch`})}}),(0,Z.jsx)(b,{...x})]})}),gt={border:0,clipPath:`inset(50%)`,height:`1px`,margin:`-1px`,overflow:`hidden`,padding:0,position:`absolute`,whiteSpace:`nowrap`,width:`1px`};function _t(e,t,n=(e,t)=>e===t){return e.length===t.length&&e.every((e,r)=>n(e,t[r]))}var vt=2,yt=[],bt={};function xt(e,t,n,r,i){return n===1?Math.min(e+t,i):Math.max(e-t,r)}function St(e,t){return e-t}function Ct(e,t,n=-1){let{index:r}=e.reduce((e,n,r)=>{let i=Math.abs(t-n);return e==null||i<=e.distance?{distance:i,index:r}:e},null)??bt;return r==null?r:n>=0&&e[n]===e[r]?n:r}function wt(e,t){if(t.current!=null&&e.changedTouches){let n=e;for(let e=0;e<n.changedTouches.length;e+=1){let r=n.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return!1}return{x:e.clientX,y:e.clientY}}function Tt(e,t,n){return(e-t)*100/(n-t)}function Et(e,t,n){return(n-t)*e+t}function Dt(e){if(Math.abs(e)<1){let t=e.toExponential().split(`e-`),n=t[0].split(`.`)[1];return(n?n.length:0)+parseInt(t[1],10)}let t=e.toString().split(`.`)[1];return t?t.length:0}function Ot(e,t,n){let r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(Dt(t)))}function kt(e,t,n){let r=e.slice();return r[n]=t,r.sort(St)}function At(e,t,n,r){let i=ie(e.current),a=te(i);if(!ae(e.current,a)||Number(a?.getAttribute(`data-index`))!==t){let n=e.current?.querySelector(`[type="range"][data-index="${t}"]`);n!=null&&(r==null?n.focus({preventScroll:!0}):n.focus({preventScroll:!0,focusVisible:r}))}n&&n(t)}function jt(e,t){return typeof e==`number`&&typeof t==`number`?e===t:typeof e==`object`&&typeof t==`object`&&_t(e,t)}var Mt={horizontal:{offset:e=>({left:`${e}%`}),leap:e=>({width:`${e}%`})},"horizontal-reverse":{offset:e=>({right:`${e}%`}),leap:e=>({width:`${e}%`})},vertical:{offset:e=>({bottom:`${e}%`}),leap:e=>({height:`${e}%`})}},Nt=e=>e;function Pt(e){let{"aria-labelledby":t,defaultValue:n,disabled:r=!1,disableSwap:i=!1,isRtl:a=!1,marks:o=!1,max:s=100,min:l=0,name:u,onChange:d,onChangeCommitted:p,orientation:m=`horizontal`,rootRef:h,scale:g=Nt,step:_=1,shiftStep:v=10,tabIndex:y,value:b}=e,x=X.useRef(void 0),C=X.useRef(null),[w,T]=X.useState(-1),[ee,E]=X.useState(-1),[D,O]=X.useState(!1),k=X.useRef(0),A=X.useRef(-1),j=X.useRef(!1),M=X.useRef(-1),N=f(()=>{C.current!=null&&(cancelAnimationFrame(C.current),C.current=null)}),re=X.useRef(null),[P,F]=Te({controlled:b,default:n??l,name:`Slider`}),I=f((e,t,n)=>{let r=`nativeEvent`in e?e.nativeEvent:e,i=new r.constructor(r.type,r);Object.defineProperty(i,"target",{writable:!0,value:{value:t,name:u}}),re.current=t,d?.(i,t,n)}),L=Array.isArray(P),R=X.useMemo(()=>{if(typeof P==`number`)return[we(P,l,s)];if(P==null)return[l];let e=P.slice().sort(St);for(let t=0;t<e.length;t+=1){let n=e[t];e[t]=n==null?l:we(n,l,s)}return e},[P,l,s]),z=X.useMemo(()=>{if(o===!0&&_!=null){let e=Array(Math.floor((s-l)/_)+1);for(let t=0;t<e.length;t+=1)e[t]={value:l+_*t};return e}return Array.isArray(o)?o:yt},[o,_,l,s]),B=X.useMemo(()=>{let e=Array(z.length);for(let t=0;t<z.length;t+=1)e[t]=z[t].value;return e},[z]),[V,oe]=X.useState(-1),H=X.useRef(null),U=ne(h,H),W=e=>t=>{let n=Number(t.currentTarget.getAttribute(`data-index`));S(t.target)&&oe(n),E(n),e?.onFocus?.(t)},G=e=>t=>{S(t.target)||oe(-1),E(-1),e?.onBlur?.(t)},se=(e,t)=>{let n=Number(e.currentTarget.getAttribute(`data-index`)),r=R[n],a=B.indexOf(r),o=t;if(z&&_==null){let e=B[B.length-1];o=o>=e?e:o<=B[0]?B[0]:o<r?B[a-1]:B[a+1]}if(o=we(o,l,s),L){i&&(o=we(o,R[n-1]||-1/0,R[n+1]||1/0));let e=o;o=kt(R,o,n);let t=n;i||(t=o.indexOf(e)),At(H,t)}F(o),oe(n),d&&!jt(o,P)&&I(e,o,n),p&&p(e,re.current??o)},K=e=>t=>{if([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`PageUp`,`PageDown`,`Home`,`End`].includes(t.key)){t.preventDefault();let e=Number(t.currentTarget.getAttribute(`data-index`)),n=R[e],r=null;if(_!=null){let e=t.shiftKey?v:_;switch(t.key){case`ArrowUp`:r=xt(n,e,1,l,s);break;case`ArrowRight`:r=xt(n,e,a?-1:1,l,s);break;case`ArrowDown`:r=xt(n,e,-1,l,s);break;case`ArrowLeft`:r=xt(n,e,a?1:-1,l,s);break;case`PageUp`:r=xt(n,v,1,l,s);break;case`PageDown`:r=xt(n,v,-1,l,s);break;case`Home`:r=l;break;case`End`:r=s}}else if(z){let e=B[B.length-1],i=B.indexOf(n),o=[a?`ArrowRight`:`ArrowLeft`,`ArrowDown`,`PageDown`,`Home`],s=[a?`ArrowLeft`:`ArrowRight`,`ArrowUp`,`PageUp`,`End`];o.includes(t.key)?r=i===0?B[0]:B[i-1]:s.includes(t.key)&&(r=i===B.length-1?e:B[i+1])}r!=null&&se(t,r)}e?.onKeyDown?.(t)};ve(()=>{let e=te(ie(H.current));r&&ae(H.current,e)&&e!=null&&`blur`in e&&e.blur()},[r]),r&&w!==-1&&T(-1),r&&V!==-1&&oe(-1);let ce=e=>t=>{e.onChange?.(t),se(t,t.currentTarget.valueAsNumber)},le=X.useRef(void 0),ue=m;a&&m===`horizontal`&&(ue+=`-reverse`);let q=e=>{let{current:t}=H;if(!t)return null;let{width:n,height:r,bottom:a,left:o}=t.getBoundingClientRect(),c;c=ue.startsWith(`vertical`)?(a-e.y)/r:(e.x-o)/n,ue.includes(`-reverse`)&&(c=1-c);let u;if(u=Et(c,l,s),_)u=Ot(u,_,l);else{let e=Ct(B,u);u=B[e]}u=we(u,l,s);let d=0;if(L){let e=le.current!==-1;d=e?le.current:Ct(R,u,A.current),i&&(u=we(u,R[d-1]||-1/0,R[d+1]||1/0));let t=u;u=kt(R,u,d),i&&e||(d=u.indexOf(t),le.current=d)}return{newValue:u,activeIndex:d}},de=f(e=>{if(`pointerId`in e&&e.pointerId!==M.current)return;let t=wt(e,x);if(!t)return;if(k.current+=1,e.type===`pointermove`&&e.buttons===0){fe(e);return}let n=q(t);n&&(At(H,n.activeIndex,T,!1),A.current=n.activeIndex,F(n.newValue),!D&&k.current>vt&&O(!0),d&&!jt(n.newValue,P)&&I(e,n.newValue,n.activeIndex))}),fe=f(e=>{if(`pointerId`in e&&e.pointerId!==M.current)return;let t=wt(e,x);if(O(!1),!t)return;let n=q(t);T(-1),e.type===`touchend`&&E(-1),n&&p&&p(e,re.current??n.newValue),`pointerType`in e&&H.current?.hasPointerCapture(e.pointerId)&&H.current.releasePointerCapture(e.pointerId),x.current=void 0,M.current=-1,me()}),pe=f(e=>{if(r)return;if(j.current){j.current=!1;let t=e.changedTouches[0];t!=null&&(x.current=t.identifier);return}let t=e.changedTouches[0];t!=null&&(x.current=t.identifier);let n=wt(e,x);if(n!==!1){le.current=-1;let t=q(n);t&&(At(H,t.activeIndex,T,!1),A.current=t.activeIndex,F(t.newValue),d&&!jt(t.newValue,P)&&I(e,t.newValue,t.activeIndex))}k.current=0;let i=ie(H.current);i.addEventListener(`touchmove`,de,{passive:!0}),i.addEventListener(`touchend`,fe,{passive:!0})}),me=X.useCallback(()=>{let e=ie(H.current);e.removeEventListener(`pointermove`,de),e.removeEventListener(`pointerup`,fe),e.removeEventListener(`touchmove`,de),e.removeEventListener(`touchend`,fe)},[fe,de]);X.useEffect(()=>{let e=H.current;if(e)return e.addEventListener(`touchstart`,pe,{passive:!0}),()=>{e.removeEventListener(`touchstart`,pe),N(),me()}},[me,pe,N]),X.useEffect(()=>{r&&(me(),N())},[r,me,N]);let he=e=>t=>{if(e.onPointerDown?.(t),t.pointerType===`touch`&&(j.current=!0),r||t.defaultPrevented||t.button!==0)return;let n=wt(t,x);if(n!==!1){le.current=-1;let e=q(n);if(e){let n=H.current?.querySelector(`input[type="range"][data-index="${e.activeIndex}"]`),r=ie(H.current),i=n!=null&&n===te(r);T(e.activeIndex),A.current=e.activeIndex,i?t.preventDefault():(N(),C.current=requestAnimationFrame(()=>{C.current=null,At(H,e.activeIndex,void 0,!1)})),F(e.newValue),d&&!jt(e.newValue,P)&&I(t,e.newValue,e.activeIndex)}}k.current=0,M.current=t.pointerId;let i=ie(H.current);try{t.currentTarget.setPointerCapture(t.pointerId)}catch{}i.addEventListener(`pointermove`,de,{passive:!0}),i.addEventListener(`pointerup`,fe)},ge=Tt(L?R[0]:l,l,s),_e=Tt(R[R.length-1],l,s)-ge,ye=(e=bt)=>{let t=c(e),n={onPointerDown:he(t)},r={...t,...n};return{...e,ref:U,...r}},be=e=>t=>{e.onMouseOver?.(t);let n=Number(t.currentTarget.getAttribute(`data-index`));E(n)},xe=e=>t=>{e.onMouseLeave?.(t),E(-1)},Se=(e=bt)=>{let t=c(e),n={onMouseOver:be(t),onMouseLeave:xe(t)};return{...e,...t,...n}},Ce=e=>{let t;return L?w===e?t=2:A.current===e&&(t=1):w===e&&(t=1),{pointerEvents:w!==-1&&w!==e?`none`:void 0,zIndex:t}},Ee;return m===`vertical`&&(Ee=a?`vertical-rl`:`vertical-lr`),{active:w,axis:ue,axisProps:Mt,dragging:D,focusedThumbIndex:V,getHiddenInputProps:(n=bt)=>{let i=c(n),o={onChange:ce(i),onFocus:W(i),onBlur:G(i),onKeyDown:K(i)},d={...i,...o};return{tabIndex:y,"aria-labelledby":t,"aria-orientation":m,"aria-valuemax":g(s),"aria-valuemin":g(l),name:u,type:`range`,min:e.min,max:e.max,step:e.step===null&&e.marks?`any`:e.step??void 0,disabled:r,...n,...d,style:{...gt,direction:a?`rtl`:`ltr`,width:`100%`,height:`100%`,writingMode:Ee}}},getRootProps:ye,getThumbProps:Se,marks:z,open:ee,range:L,rootRef:U,trackLeap:_e,trackOffset:ge,values:R,getThumbStyle:Ce}}var Ft=e=>{let{open:t}=e;return{offset:Y(t&&Ke.valueLabelOpen),circle:Ke.valueLabelCircle,label:Ke.valueLabelLabel}};function It(e){let{children:t,className:n,value:r}=e,i=Ft(e);return t?X.cloneElement(t,{className:t.props.className},(0,Z.jsxs)(X.Fragment,{children:[t.props.children,(0,Z.jsx)(`span`,{className:Y(i.offset,n),"aria-hidden":!0,children:(0,Z.jsx)(`span`,{className:i.circle,children:(0,Z.jsx)(`span`,{className:i.label,children:r})})})]})):null}function Lt(e){return e}var Rt=q(`span`,{name:`MuiSlider`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[`color${a(n.color)}`],n.size!==`medium`&&t[`size${a(n.size)}`],n.marked&&t.marked,n.orientation===`vertical`&&t.vertical,n.track===`inverted`&&t.trackInverted,n.track===!1&&t.trackFalse]}})(J(({theme:e})=>({borderRadius:12,boxSizing:`content-box`,display:`inline-block`,position:`relative`,cursor:`pointer`,touchAction:`none`,WebkitTapHighlightColor:`transparent`,"@media print":{colorAdjust:`exact`},[`&.${Ke.disabled}`]:{pointerEvents:`none`,cursor:`default`,color:(e.vars||e).palette.grey[400]},[`&.${Ke.dragging}`]:{[`& .${Ke.thumb}, & .${Ke.track}`]:{transition:`none`}},variants:[...Object.entries(e.palette).filter(w()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),{props:{orientation:`horizontal`},style:{height:4,width:`100%`,padding:`13px 0`,"@media (pointer: coarse)":{padding:`20px 0`}}},{props:{orientation:`horizontal`,size:`small`},style:{height:2}},{props:{orientation:`horizontal`,marked:!0},style:{marginBottom:20}},{props:{orientation:`vertical`},style:{height:`100%`,width:4,padding:`0 13px`,"@media (pointer: coarse)":{padding:`0 20px`}}},{props:{orientation:`vertical`,size:`small`},style:{width:2}},{props:{orientation:`vertical`,marked:!0},style:{marginRight:44}}]}))),zt=q(`span`,{name:`MuiSlider`,slot:`Rail`})({display:`block`,position:`absolute`,borderRadius:`inherit`,backgroundColor:`currentColor`,opacity:.38,"@media (forced-colors: active)":{border:`1px solid transparent`,boxSizing:`border-box`},variants:[{props:{orientation:`horizontal`},style:{width:`100%`,height:`inherit`,top:`50%`,transform:`translateY(-50%)`}},{props:{orientation:`vertical`},style:{height:`100%`,width:`inherit`,left:`50%`,transform:`translateX(-50%)`}},{props:{track:`inverted`},style:{opacity:1}}]}),Bt=q(`span`,{name:`MuiSlider`,slot:`Track`})(J(({theme:e})=>({display:`block`,position:`absolute`,borderRadius:`inherit`,border:`1px solid currentColor`,backgroundColor:`currentColor`,...Ae(e,[`left`,`width`,`bottom`,`height`],{duration:e.transitions.duration.shortest}),variants:[{props:{size:`small`},style:{"@media (forced-colors: none)":{border:`none`}}},{props:{orientation:`horizontal`},style:{height:`inherit`,top:`50%`,transform:`translateY(-50%)`}},{props:{orientation:`vertical`},style:{width:`inherit`,left:`50%`,transform:`translateX(-50%)`}},{props:{track:!1},style:{display:`none`}},...Object.entries(e.palette).filter(w()).map(([t])=>({props:{color:t,track:`inverted`},style:{...e.vars?{backgroundColor:e.vars.palette.Slider[`${t}Track`],borderColor:e.vars.palette.Slider[`${t}Track`]}:{backgroundColor:e.lighten(e.palette[t].main,.62),borderColor:e.lighten(e.palette[t].main,.62),...e.applyStyles(`dark`,{backgroundColor:e.darken(e.palette[t].main,.5)}),...e.applyStyles(`dark`,{borderColor:e.darken(e.palette[t].main,.5)})}}}))]}))),Vt=q(`span`,{name:`MuiSlider`,slot:`Thumb`})(J(({theme:e})=>({position:`absolute`,width:20,height:20,boxSizing:`border-box`,borderRadius:`50%`,outline:0,backgroundColor:`currentColor`,display:`flex`,alignItems:`center`,justifyContent:`center`,...Ae(e,[`box-shadow`,`left`,`bottom`],{duration:e.transitions.duration.shortest}),"@media (forced-colors: active)":{border:`1px solid ButtonBorder`},"&::before":{position:`absolute`,content:`""`,borderRadius:`inherit`,width:`100%`,height:`100%`,boxShadow:(e.vars||e).shadows[2]},"&::after":{position:`absolute`,content:`""`,borderRadius:`50%`,width:42,height:42,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`},[`&.${Ke.disabled}`]:{"&:hover":{boxShadow:`none`}},...e.focusVisible&&{[`&.${Ke.focusVisible}`]:{...Me,...e.focusVisible}},variants:[{props:{size:`small`},style:{width:12,height:12,"&::before":{boxShadow:`none`}}},{props:{orientation:`horizontal`},style:{top:`50%`,transform:`translate(-50%, -50%)`}},{props:{orientation:`vertical`},style:{left:`50%`,transform:`translate(-50%, 50%)`}},...Object.entries(e.palette).filter(w()).map(([t])=>({props:{color:t},style:{"&:hover":{boxShadow:`0px 0px 0px 8px ${e.alpha((e.vars||e).palette[t].main,.16)}`,"@media (hover: none)":{boxShadow:`none`}},...!e.focusVisible&&{[`&.${Ke.focusVisible}`]:{boxShadow:`0px 0px 0px 8px ${e.alpha((e.vars||e).palette[t].main,.16)}`,"@media (hover: none)":{boxShadow:`none`}}},[`&.${Ke.active}`]:{boxShadow:`0px 0px 0px 14px ${e.alpha((e.vars||e).palette[t].main,.16)}`}}}))]}))),Ht=q(It,{name:`MuiSlider`,slot:`ValueLabel`})(J(({theme:e})=>({zIndex:1,whiteSpace:`nowrap`,...e.typography.body2,fontWeight:500,...Ae(e,[`transform`],{duration:e.transitions.duration.shortest}),position:`absolute`,backgroundColor:(e.vars||e).palette.grey[600],borderRadius:2,color:(e.vars||e).palette.common.white,display:`flex`,alignItems:`center`,justifyContent:`center`,padding:`0.25rem 0.75rem`,variants:[{props:{orientation:`horizontal`},style:{transform:`translateY(-100%) scale(0)`,top:`-10px`,transformOrigin:`bottom center`,"&::before":{position:`absolute`,content:`""`,width:8,height:8,transform:`translate(-50%, 50%) rotate(45deg)`,backgroundColor:`inherit`,bottom:0,left:`50%`},[`&.${Ke.valueLabelOpen}`]:{transform:`translateY(-100%) scale(1)`}}},{props:{orientation:`vertical`},style:{transform:`translateY(-50%) scale(0)`,right:`30px`,top:`50%`,transformOrigin:`right center`,"&::before":{position:`absolute`,content:`""`,width:8,height:8,transform:`translate(-50%, -50%) rotate(45deg)`,backgroundColor:`inherit`,right:-8,top:`50%`},[`&.${Ke.valueLabelOpen}`]:{transform:`translateY(-50%) scale(1)`}}},{props:{size:`small`},style:{fontSize:e.typography.pxToRem(12),padding:`0.25rem 0.5rem`}},{props:{orientation:`vertical`,size:`small`},style:{right:`20px`}}]}))),Ut=q(`span`,{name:`MuiSlider`,slot:`Mark`,shouldForwardProp:e=>Se(e)&&e!==`markActive`,overridesResolver:(e,t)=>{let{markActive:n}=e;return[t.mark,n&&t.markActive]}})(J(({theme:e})=>({position:`absolute`,width:2,height:2,borderRadius:1,backgroundColor:`currentColor`,variants:[{props:{orientation:`horizontal`},style:{top:`50%`,transform:`translate(-1px, -50%)`}},{props:{orientation:`vertical`},style:{left:`50%`,transform:`translate(-50%, 1px)`}},{props:{markActive:!0},style:{backgroundColor:(e.vars||e).palette.background.paper,opacity:.8}}]}))),Wt=q(`span`,{name:`MuiSlider`,slot:`MarkLabel`,shouldForwardProp:e=>Se(e)&&e!==`markLabelActive`})(J(({theme:e})=>({...e.typography.body2,color:(e.vars||e).palette.text.secondary,position:`absolute`,whiteSpace:`nowrap`,variants:[{props:{orientation:`horizontal`},style:{top:30,transform:`translateX(-50%)`,"@media (pointer: coarse)":{top:40}}},{props:{orientation:`vertical`},style:{left:36,transform:`translateY(50%)`,"@media (pointer: coarse)":{left:44}}},{props:{markLabelActive:!0},style:{color:(e.vars||e).palette.text.primary}}]}))),Gt=e=>{let{disabled:t,dragging:n,marked:r,orientation:i,track:o,classes:s,color:c,size:l}=e,u={root:[`root`,t&&`disabled`,n&&`dragging`,r&&`marked`,i===`vertical`&&`vertical`,o===`inverted`&&`trackInverted`,o===!1&&`trackFalse`,c&&`color${a(c)}`,l&&`size${a(l)}`],rail:[`rail`],track:[`track`],mark:[`mark`],markActive:[`markActive`],markLabel:[`markLabel`],markLabelActive:[`markLabelActive`],valueLabel:[`valueLabel`],thumb:[`thumb`,t&&`disabled`],active:[`active`],disabled:[`disabled`],focusVisible:[`focusVisible`]};return z(u,Ge,s)},Kt=({children:e})=>e,qt=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiSlider`}),r=H(),{"aria-label":i,"aria-valuetext":a,"aria-labelledby":o,color:s=`primary`,classes:c,className:l,disableSwap:u=!1,disabled:d=!1,getAriaLabel:f,getAriaValueText:p,marks:m=!1,max:h=100,min:g=0,name:_,onChange:y,onChangeCommitted:b,orientation:x=`horizontal`,shiftStep:S=10,size:C=`medium`,step:w=1,scale:T=Lt,slotProps:ee={},slots:E={},tabIndex:te,track:D=`normal`,value:O,valueLabelDisplay:k=`off`,valueLabelFormat:j=Lt,...ne}=n,M={...n,isRtl:r,max:h,min:g,classes:c,disabled:d,disableSwap:u,orientation:x,marks:m,color:s,size:C,step:w,shiftStep:S,scale:T,track:D,valueLabelDisplay:k,valueLabelFormat:j},{axisProps:N,getRootProps:re,getHiddenInputProps:P,getThumbProps:ie,open:ae,active:F,axis:I,focusedThumbIndex:L,range:R,dragging:z,marks:B,values:V,trackOffset:oe,trackLeap:U,getThumbStyle:W}=Pt({...M,rootRef:t});M.marked=B.length>0&&B.some(e=>e.label),M.dragging=z,M.focusedThumbIndex=L;let G=Gt(M),se={slots:E,slotProps:ee},[K,ce]=A(`root`,{elementType:Rt,getSlotProps:re,externalForwardedProps:{...se,...ne},ownerState:M,className:[G.root,l]}),[le,ue]=A(`rail`,{elementType:zt,externalForwardedProps:se,ownerState:M,className:G.rail}),[q,de]=A(`track`,{elementType:Bt,externalForwardedProps:se,additionalProps:{style:{...N[I].offset(oe),...N[I].leap(U)}},ownerState:M,className:G.track}),[fe,pe]=A(`thumb`,{elementType:Vt,getSlotProps:ie,externalForwardedProps:se,ownerState:M,className:G.thumb}),[me,he]=A(`valueLabel`,{elementType:Ht,externalForwardedProps:se,ownerState:M,className:G.valueLabel}),[ge,_e]=A(`mark`,{elementType:Ut,externalForwardedProps:se,ownerState:M,className:G.mark}),[ve,ye]=A(`markLabel`,{elementType:Wt,externalForwardedProps:se,ownerState:M,className:G.markLabel}),[xe,Se]=A(`input`,{elementType:`input`,getSlotProps:P,externalForwardedProps:se,ownerState:M});return(0,Z.jsxs)(K,{...ce,children:[(0,Z.jsx)(le,{...ue}),(0,Z.jsx)(q,{...de}),B.filter(e=>e.value>=g&&e.value<=h).map((e,t)=>{let n=Tt(e.value,g,h),r=N[I].offset(n),i;return i=D===!1?V.includes(e.value):D===`normal`&&(R?e.value>=V[0]&&e.value<=V[V.length-1]:e.value<=V[0])||D===`inverted`&&(R?e.value<=V[0]||e.value>=V[V.length-1]:e.value>=V[0]),(0,Z.jsxs)(X.Fragment,{children:[(0,Z.jsx)(ge,{"data-index":t,..._e,...!v(ge)&&{markActive:i},style:{...r,..._e.style},className:Y(_e.className,i&&G.markActive)}),e.label==null?null:(0,Z.jsx)(ve,{"aria-hidden":!0,"data-index":t,...ye,...!v(ve)&&{markLabelActive:i},style:{...r,...ye.style},className:Y(G.markLabel,ye.className,i&&G.markLabelActive),children:e.label})]},t)}),V.map((e,t)=>{let n=Tt(e,g,h),r=N[I].offset(n),s=k===`off`?Kt:me;return(0,Z.jsx)(s,{...!v(s)&&{valueLabelFormat:j,valueLabelDisplay:k,value:typeof j==`function`?j(T(e),t):j,index:t,open:ae===t||F===t||k===`on`,disabled:d},...he,children:(0,Z.jsx)(fe,{"data-index":t,...pe,className:Y(G.thumb,pe.className,F===t&&G.active,L===t&&G.focusVisible),style:{...r,...W(t),...pe.style},children:(0,Z.jsx)(xe,{"data-index":t,"aria-label":f?f(t):i,"aria-valuenow":T(e),"aria-labelledby":o,"aria-valuetext":p?p(T(e),t):a,value:V[t],...Se})})},t)})]})}),Jt=X.createContext({}),Yt=X.createContext(void 0);function Xt(e,t){return t===void 0||e===void 0?!1:Array.isArray(t)?t.includes(e):e===t}function Zt(e,t){let{children:n,disabled:r=!1,selected:i=!1,value:a}=e,o=O(),s=Re({id:a,ref:t,disabled:r,selected:i}),c=o.getItemMap().size===0&&i?0:s.tabIndex;return X.cloneElement(X.Children.only(n),{...s,tabIndex:n.props.tabIndex??c})}var Qt=X.forwardRef(Zt),$t=e=>{let{classes:t,fullWidth:n,selected:r,disabled:i,size:o,color:s}=e,c={root:[`root`,r&&`selected`,i&&`disabled`,n&&`fullWidth`,`size${a(o)}`,s]};return z(c,qe,t)},en=q(pe,{name:`MuiToggleButton`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[`size${a(n.size)}`]]}})(J(({theme:e})=>({...e.typography.button,borderRadius:(e.vars||e).shape.borderRadius,padding:11,border:`1px solid ${(e.vars||e).palette.divider}`,color:(e.vars||e).palette.action.active,[`&.${Je.disabled}`]:{color:(e.vars||e).palette.action.disabled,border:`1px solid ${(e.vars||e).palette.action.disabledBackground}`},"&:hover":{textDecoration:`none`,backgroundColor:e.alpha((e.vars||e).palette.text.primary,(e.vars||e).palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:`transparent`}},variants:[{props:{color:`standard`},style:{[`&.${Je.selected}`]:{color:(e.vars||e).palette.text.primary,backgroundColor:e.alpha((e.vars||e).palette.text.primary,(e.vars||e).palette.action.selectedOpacity),"&:hover":{backgroundColor:e.alpha((e.vars||e).palette.text.primary,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.hoverOpacity}`),"@media (hover: none)":{backgroundColor:e.alpha((e.vars||e).palette.text.primary,(e.vars||e).palette.action.selectedOpacity)}}}}},...Object.entries(e.palette).filter(w()).map(([t])=>({props:{color:t},style:{[`&.${Je.selected}`]:{color:(e.vars||e).palette[t].main,backgroundColor:e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.selectedOpacity),"&:hover":{backgroundColor:e.alpha((e.vars||e).palette[t].main,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.hoverOpacity}`),"@media (hover: none)":{backgroundColor:e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.selectedOpacity)}}}}})),{props:{fullWidth:!0},style:{width:`100%`}},{props:{size:`small`},style:{padding:7,fontSize:e.typography.pxToRem(13)}},{props:{size:`large`},style:{padding:15,fontSize:e.typography.pxToRem(15)}}]}))),tn=X.forwardRef(function(e,t){let{value:n,isRovingTabIndex:r,...i}=X.useContext(Jt),a=X.useContext(Yt),o=le({...i,selected:Xt(e.value,n)},e),s=be({props:o,name:`MuiToggleButton`}),{children:c,className:l,color:u=`standard`,disabled:d=!1,disableFocusRipple:f=!1,fullWidth:p=!1,onChange:m,onClick:h,selected:g,size:_=`medium`,value:v,...y}=s,b={...s,color:u,disabled:d,disableFocusRipple:f,fullWidth:p,size:_},x=$t(b),S=e=>{h&&(h(e,v),e.defaultPrevented)||m&&m(e,v)},C=a||``,w=(0,Z.jsx)(en,{className:Y(i.className,x.root,l,C),internalNativeButton:!0,disabled:d,focusRipple:!f,ref:r?void 0:t,onClick:S,onChange:m,value:v,ownerState:b,"aria-pressed":g,...y,children:c});return r?(0,Z.jsx)(Qt,{disabled:d,selected:g,ref:t,value:v,children:w}):w});function nn(e){return X.Children.toArray(e).filter(e=>X.isValidElement(e))}function rn(e){return F(`MuiToggleButtonGroup`,e)}var $=K(`MuiToggleButtonGroup`,[`root`,`selected`,`horizontal`,`vertical`,`disabled`,`grouped`,`fullWidth`,`firstButton`,`lastButton`,`middleButton`]),an=e=>{let{classes:t,orientation:n,fullWidth:r,disabled:i}=e;return z({root:[`root`,n,r&&`fullWidth`],grouped:[`grouped`,i&&`disabled`],firstButton:[`firstButton`],lastButton:[`lastButton`],middleButton:[`middleButton`]},rn,t)},on=q(`div`,{name:`MuiToggleButtonGroup`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${$.grouped}`]:t.grouped},{[`& .${$.firstButton}`]:t.firstButton},{[`& .${$.lastButton}`]:t.lastButton},{[`& .${$.middleButton}`]:t.middleButton},t.root,n.orientation===`vertical`&&t.vertical,n.fullWidth&&t.fullWidth]}})(J(({theme:e})=>({display:`inline-flex`,borderRadius:(e.vars||e).shape.borderRadius,...e.focusVisible&&{[`& .${$.grouped}.${t.focusVisible}`]:{zIndex:1}},variants:[{props:{orientation:`vertical`},style:{flexDirection:`column`,[`& .${$.grouped}`]:{[`&.${$.selected} + .${$.grouped}.${$.selected}`]:{borderTop:0,marginTop:0}},[`& .${$.firstButton},& .${$.middleButton}`]:{borderBottomLeftRadius:0,borderBottomRightRadius:0},[`& .${$.lastButton},& .${$.middleButton}`]:{marginTop:-1,borderTop:`1px solid transparent`,borderTopLeftRadius:0,borderTopRightRadius:0},[`& .${$.lastButton}.${Je.disabled},& .${$.middleButton}.${Je.disabled}`]:{borderTop:`1px solid transparent`}}},{props:{fullWidth:!0},style:{width:`100%`}},{props:{orientation:`horizontal`},style:{[`& .${$.grouped}`]:{[`&.${$.selected} + .${$.grouped}.${$.selected}`]:{borderLeft:0,marginLeft:0}},[`& .${$.firstButton},& .${$.middleButton}`]:{borderTopRightRadius:0,borderBottomRightRadius:0},[`& .${$.lastButton},& .${$.middleButton}`]:{marginLeft:-1,borderLeft:`1px solid transparent`,borderTopLeftRadius:0,borderBottomLeftRadius:0},[`& .${$.lastButton}.${Je.disabled},& .${$.middleButton}.${Je.disabled}`]:{borderLeft:`1px solid transparent`}}}]}))),sn=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiToggleButtonGroup`}),{children:r,className:i,color:a=`standard`,disabled:o=!1,exclusive:s=!1,fullWidth:c=!1,onChange:l,orientation:u=`horizontal`,size:d=`medium`,value:f,...p}=n,m={...n,disabled:o,fullWidth:c,orientation:u,size:d},h=an(m),g=H(),_=X.useCallback((e,t)=>{if(!l)return;let n=f&&f.indexOf(t),r;f&&n>=0?(r=f.slice(),r.splice(n,1)):r=f?f.concat(t):[t],l(e,r)},[l,f]),v=X.useCallback((e,t)=>{l&&l(e,f===t?null:t)},[l,f]),y=X.useMemo(()=>({className:h.grouped,onChange:s?v:_,value:f,size:d,fullWidth:c,color:a,disabled:o,isRovingTabIndex:!0}),[h.grouped,s,v,_,f,d,c,a,o]),b=nn(r),x=b.length,S=e=>{let t=e===0,n=e===x-1;return t&&n?``:t?h.firstButton:n?h.lastButton:h.middleButton},C=R({orientation:u,isRtl:g}),w=C.getContainerProps(t,p.onFocus,p.onKeyDown);return(0,Z.jsx)(on,{role:`group`,className:Y(h.root,i),ownerState:m,...p,...w,children:(0,Z.jsx)(Le.Provider,{value:C,children:(0,Z.jsx)(Jt.Provider,{value:y,children:b.map((e,t)=>(0,Z.jsx)(Yt.Provider,{value:S(t),children:e},t))})})})}),cn=e=>{let{classes:t,disabled:n,labelPlacement:r,error:i,required:o}=e,s={root:[`root`,n&&`disabled`,`labelPlacement${a(r)}`,i&&`error`,o&&`required`],label:[`label`,n&&`disabled`],asterisk:[`asterisk`,i&&`error`]};return z(s,Ue,t)},ln=q(`label`,{name:`MuiFormControlLabel`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${We.label}`]:t.label},t.root,t[`labelPlacement${a(n.labelPlacement)}`]]}})(J(({theme:e})=>({display:`inline-flex`,alignItems:`center`,cursor:`pointer`,verticalAlign:`middle`,WebkitTapHighlightColor:`transparent`,marginLeft:-11,marginRight:16,[`&.${We.disabled}`]:{cursor:`default`},[`& .${We.label}`]:{[`&.${We.disabled}`]:{color:(e.vars||e).palette.text.disabled}},variants:[{props:{labelPlacement:`start`},style:{flexDirection:`row-reverse`,marginRight:-11}},{props:{labelPlacement:`top`},style:{flexDirection:`column-reverse`}},{props:{labelPlacement:`bottom`},style:{flexDirection:`column`}},{props:({labelPlacement:e})=>e===`start`||e===`top`||e===`bottom`,style:{marginLeft:16}}]}))),un=q(`span`,{name:`MuiFormControlLabel`,slot:`Asterisk`})(J(({theme:e})=>({[`&.${We.error}`]:{color:(e.vars||e).palette.error.main}}))),dn=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiFormControlLabel`}),{checked:r,className:i,control:a,disabled:o,disableTypography:s,inputRef:c,label:l,labelPlacement:u=`end`,name:d,onChange:f,required:p,slots:h={},slotProps:g={},value:_,...v}=n,[y,b]=m({props:n,states:[`error`]}),x=o??a.props.disabled??b?.disabled,S=p??a.props.required,C={disabled:x,required:S};[`checked`,`name`,`onChange`,`value`,`inputRef`].forEach(e=>{a.props[e]===void 0&&n[e]!==void 0&&(C[e]=n[e])});let w={...n,disabled:x,labelPlacement:u,required:S,error:y.error},T=cn(w),[ee,E]=A(`typography`,{elementType:W,externalForwardedProps:{slots:h,slotProps:g},ownerState:w}),te=l;return te!=null&&te.type!==W&&!s&&(te=(0,Z.jsx)(ee,{component:`span`,...E,className:Y(T.label,E?.className),children:te})),(0,Z.jsxs)(ln,{className:Y(T.root,i),ownerState:w,ref:t,...v,children:[X.cloneElement(a,C),S?(0,Z.jsxs)(`div`,{children:[te,(0,Z.jsxs)(un,{ownerState:w,"aria-hidden":!0,className:T.asterisk,children:[` `,`*`]})]}):te]})});function fn(e={}){let{autoHideDuration:t=null,disableWindowBlurListener:n=!1,onClose:r,open:i,resumeHideDuration:a}=e,o=b();X.useEffect(()=>{if(!i)return;function e(e){e.defaultPrevented||e.key===`Escape`&&r?.(e,`escapeKeyDown`)}return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[i,r]);let s=f((e,t)=>{r?.(e,t)}),l=f(e=>{r&&e!=null&&o.start(e,()=>{s(null,`timeout`)})});X.useEffect(()=>(i&&l(t),o.clear),[i,t,l,o]);let u=e=>{r?.(e,`clickaway`)},d=o.clear,p=X.useCallback(()=>{t!=null&&l(a??t*.5)},[t,a,l]),m=e=>t=>{let n=e.onBlur;n?.(t),p()},h=e=>t=>{let n=e.onFocus;n?.(t),d()},g=e=>t=>{let n=e.onMouseEnter;n?.(t),d()},_=e=>t=>{let n=e.onMouseLeave;n?.(t),p()};return X.useEffect(()=>{if(!n&&i)return window.addEventListener(`focus`,p),window.addEventListener(`blur`,d),()=>{window.removeEventListener(`focus`,p),window.removeEventListener(`blur`,d)}},[n,i,p,d]),{getRootProps:(t={})=>{let n={...c(e),...c(t)};return{role:`presentation`,...t,...n,onBlur:m(n),onFocus:h(n),onMouseEnter:g(n),onMouseLeave:_(n)}},onClickAway:u}}function pn(e){return e.substring(2).toLowerCase()}function mn(e,t){return t.documentElement.clientWidth<e.clientX||t.documentElement.clientHeight<e.clientY}function hn(e){let{children:t,disableReactTree:n=!1,mouseEvent:r=`onClick`,onClickAway:i,touchEvent:a=`onTouchEnd`}=e,o=X.useRef(!1),s=X.useRef(null),c=X.useRef(!1),l=X.useRef(!1);X.useEffect(()=>(setTimeout(()=>{c.current=!0},0),()=>{c.current=!1}),[]);let u=ne(Fe(t),s),d=f(e=>{let t=l.current;l.current=!1;let r=ie(s.current);if(!c.current||!s.current||`clientX`in e&&mn(e,r))return;if(o.current){o.current=!1;return}let a;a=e.composedPath?e.composedPath().includes(s.current):!Ne(r.documentElement,e.target)||Ne(s.current,e.target),!a&&(n||!t)&&i(e)}),p=e=>n=>{l.current=!0;let r=t.props[e];r&&r(n)},m={ref:u};return a!==!1&&(m[a]=p(a)),X.useEffect(()=>{if(a!==!1){let e=pn(a),t=ie(s.current),n=()=>{o.current=!0};return t.addEventListener(e,d),t.addEventListener(`touchmove`,n),()=>{t.removeEventListener(e,d),t.removeEventListener(`touchmove`,n)}}},[d,a]),r!==!1&&(m[r]=p(r)),X.useEffect(()=>{if(r!==!1){let e=pn(r),t=ie(s.current);return t.addEventListener(e,d),()=>{t.removeEventListener(e,d)}}},[d,r]),X.cloneElement(t,m)}function gn(e){return F(`MuiSnackbarContent`,e)}K(`MuiSnackbarContent`,[`root`,`message`,`action`]);var _n=e=>{let{classes:t}=e;return z({root:[`root`],action:[`action`],message:[`message`]},gn,t)},vn=q(_e,{name:`MuiSnackbarContent`,slot:`Root`})(J(({theme:e})=>{let t=e.palette.mode===`light`?.8:.98;return{...e.focusVisible&&V(`0 0 0 4px ${(e.vars||e).palette.background.default}`),...e.typography.body2,color:e.vars?e.vars.palette.SnackbarContent.color:e.palette.getContrastText(G(e.palette.background.default,t)),backgroundColor:e.vars?e.vars.palette.SnackbarContent.bg:G(e.palette.background.default,t),display:`flex`,alignItems:`center`,flexWrap:`wrap`,padding:`6px 16px`,flexGrow:1,[e.breakpoints.up(`sm`)]:{flexGrow:`initial`,minWidth:288}}})),yn=q(`div`,{name:`MuiSnackbarContent`,slot:`Message`})({padding:`8px 0`}),bn=q(`div`,{name:`MuiSnackbarContent`,slot:`Action`})({display:`flex`,alignItems:`center`,marginLeft:`auto`,paddingLeft:16,marginRight:-8}),xn=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiSnackbarContent`}),{action:r,className:i,message:a,role:o=`alert`,...s}=n,c=n,l=_n(c);return(0,Z.jsxs)(vn,{role:o,elevation:6,className:Y(l.root,i),ownerState:c,ref:t,...s,children:[(0,Z.jsx)(yn,{className:l.message,ownerState:c,children:a}),r?(0,Z.jsx)(bn,{className:l.action,ownerState:c,children:r}):null]})});function Sn(e){return F(`MuiSnackbar`,e)}K(`MuiSnackbar`,[`root`,`anchorOriginTopCenter`,`anchorOriginBottomCenter`,`anchorOriginTopRight`,`anchorOriginBottomRight`,`anchorOriginTopLeft`,`anchorOriginBottomLeft`]);var Cn=e=>{let{classes:t,anchorOrigin:n}=e,r={root:[`root`,`anchorOrigin${a(n.vertical)}${a(n.horizontal)}`]};return z(r,Sn,t)},wn=q(`div`,{name:`MuiSnackbar`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[`anchorOrigin${a(n.anchorOrigin.vertical)}${a(n.anchorOrigin.horizontal)}`]]}})(J(({theme:e})=>({zIndex:(e.vars||e).zIndex.snackbar,position:`fixed`,display:`flex`,left:8,right:8,justifyContent:`center`,alignItems:`center`,variants:[{props:({ownerState:e})=>e.anchorOrigin.vertical===`top`,style:{top:8,[e.breakpoints.up(`sm`)]:{top:24}}},{props:({ownerState:e})=>e.anchorOrigin.vertical!==`top`,style:{bottom:8,[e.breakpoints.up(`sm`)]:{bottom:24}}},{props:({ownerState:e})=>e.anchorOrigin.horizontal===`left`,style:{justifyContent:`flex-start`,[e.breakpoints.up(`sm`)]:{left:24,right:`auto`}}},{props:({ownerState:e})=>e.anchorOrigin.horizontal===`right`,style:{justifyContent:`flex-end`,[e.breakpoints.up(`sm`)]:{right:24,left:`auto`}}},{props:({ownerState:e})=>e.anchorOrigin.horizontal===`center`,style:{[e.breakpoints.up(`sm`)]:{left:`50%`,right:`auto`,transform:`translateX(-50%)`}}}]}))),Tn=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiSnackbar`}),r=Oe(),i={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{action:a,anchorOrigin:{vertical:o,horizontal:s}={vertical:`bottom`,horizontal:`left`},autoHideDuration:c=null,children:l,className:u,disableWindowBlurListener:d=!1,message:f,onBlur:p,onClose:m,onFocus:h,onMouseEnter:g,onMouseLeave:_,open:v,resumeHideDuration:y,slots:b={},slotProps:x={},transitionDuration:S=i,...C}=n,w={...n,anchorOrigin:{vertical:o,horizontal:s},autoHideDuration:c,disableWindowBlurListener:d,transitionDuration:S},T=Cn(w),{getRootProps:ee,onClickAway:E}=fn(w),[te,D]=X.useState(!0),O={slots:b,slotProps:x},[k,j]=A(`root`,{ref:t,className:[T.root,u],elementType:wn,getSlotProps:ee,externalForwardedProps:{...O,...C},ownerState:w}),[ne,{ownerState:M,...N}]=A(`clickAwayListener`,{elementType:hn,externalForwardedProps:O,getSlotProps:e=>({onClickAway:(...t)=>{let n=t[0];e.onClickAway?.(...t),!n?.defaultMuiPrevented&&E(...t)}}),ownerState:w}),[re,P]=A(`content`,{elementType:xn,shouldForwardComponentProp:!0,externalForwardedProps:O,additionalProps:{message:f,action:a},ownerState:w}),[ie,ae]=A(`transition`,{elementType:se,externalForwardedProps:O,getSlotProps:e=>({onEnter:(...t)=>{e.onEnter?.(...t),D(!1)},onExited:(...t)=>{e.onExited?.(...t),D(!0)}}),additionalProps:{appear:!0,in:v,timeout:S,direction:o===`top`?`down`:`up`},ownerState:w});return!v&&te?null:(0,Z.jsx)(ne,{...N,...b.clickAwayListener&&{ownerState:M},children:(0,Z.jsx)(k,{...j,children:(0,Z.jsx)(ie,{...ae,children:l||(0,Z.jsx)(re,{...P})})})})});function En(e){return(1+Math.sin(Math.PI*e-Math.PI/2))/2}function Dn(e,t,n,r={},i=()=>{}){let{ease:a=En,duration:o=300}=r,s=null,c=t[e],l=!1,u=()=>{l=!0},d=r=>{if(l){i(Error(`Animation cancelled`));return}s===null&&(s=r);let u=Math.min(1,(r-s)/o);if(t[e]=a(u)*(n-c)+c,u>=1){requestAnimationFrame(()=>{i(null)});return}requestAnimationFrame(d)};return c===n?(i(Error(`Element already at target position`)),u):(requestAnimationFrame(d),u)}var On={width:99,height:99,position:`absolute`,top:-9999,overflow:`scroll`,pointerEvents:`none`};function kn(t){let{onChange:n,...r}=t,i=X.useRef(),a=X.useRef(null),o=()=>{i.current=a.current.offsetHeight-a.current.clientHeight};return g(()=>{let t=e(()=>{let e=i.current;o(),e!==i.current&&n(i.current)}),r=P(a.current);return r.addEventListener(`resize`,t),()=>{t.clear(),r.removeEventListener(`resize`,t)}},[n]),X.useEffect(()=>{o(),n(i.current)},[n]),(0,Z.jsx)(`div`,{style:On,...r,ref:a})}var An=U((0,Z.jsx)(`path`,{d:`M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z`}),`KeyboardArrowLeft`),jn=U((0,Z.jsx)(`path`,{d:`M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z`}),`KeyboardArrowRight`);function Mn(e){return F(`MuiTabScrollButton`,e)}var Nn=K(`MuiTabScrollButton`,[`root`,`vertical`,`horizontal`,`disabled`]),Pn=e=>{let{classes:t,orientation:n,disabled:r}=e;return z({root:[`root`,n,r&&`disabled`]},Mn,t)},Fn=q(pe,{name:`MuiTabScrollButton`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.orientation&&t[n.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${Nn.disabled}`]:{opacity:0},variants:[{props:{orientation:`vertical`},style:{width:`100%`,height:40,"& svg":{transform:`var(--TabScrollButton-svgRotate)`}}}]}),In=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiTabScrollButton`}),{className:r,slots:a={},slotProps:o={},direction:s,orientation:c,disabled:l,...u}=n,{nativeButton:d,...f}=u,p=H(),m={isRtl:p,...n},h=Pn(m),g=a.StartScrollButtonIcon??An,_=a.EndScrollButtonIcon??jn,v=i({elementType:g,externalSlotProps:o.startScrollButtonIcon,additionalProps:{fontSize:`small`},ownerState:m}),y=i({elementType:_,externalSlotProps:o.endScrollButtonIcon,additionalProps:{fontSize:`small`},ownerState:m});return(0,Z.jsx)(Fn,{component:`div`,className:Y(h.root,r),ref:t,role:null,ownerState:m,tabIndex:null,...f,style:{...f.style,...c===`vertical`&&{"--TabScrollButton-svgRotate":`rotate(${p?-90:90}deg)`}},children:s===`left`?(0,Z.jsx)(g,{...v}):(0,Z.jsx)(_,{...y})})});function Ln(e){return F(`MuiTabs`,e)}var Rn=K(`MuiTabs`,[`root`,`vertical`,`list`,`centered`,`scroller`,`fixed`,`scrollableX`,`scrollableY`,`hideScrollbar`,`scrollButtons`,`scrollButtonsHideMobile`,`indicator`]),zn=e=>{let{vertical:t,fixed:n,hideScrollbar:r,scrollableX:i,scrollableY:a,centered:o,scrollButtonsHideMobile:s,classes:c}=e;return z({root:[`root`,t&&`vertical`],scroller:[`scroller`,n&&`fixed`,r&&`hideScrollbar`,i&&`scrollableX`,a&&`scrollableY`],list:[`list`,t&&`vertical`,o&&`centered`],indicator:[`indicator`],scrollButtons:[`scrollButtons`,s&&`scrollButtonsHideMobile`],scrollableX:[i&&`scrollableX`],hideScrollbar:[r&&`hideScrollbar`]},Ln,c)},Bn=q(`div`,{name:`MuiTabs`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${Rn.scrollButtons}`]:t.scrollButtons},{[`& .${Rn.scrollButtons}`]:n.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,n.vertical&&t.vertical]}})(J(({theme:e})=>({overflow:`hidden`,minHeight:48,WebkitOverflowScrolling:`touch`,display:`flex`,variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:`column`}},{props:({ownerState:e})=>e.scrollButtonsHideMobile,style:{[`& .${Rn.scrollButtons}`]:{[e.breakpoints.down(`sm`)]:{display:`none`}}}}]}))),Vn=q(`div`,{name:`MuiTabs`,slot:`Scroller`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.scroller,n.fixed&&t.fixed,n.hideScrollbar&&t.hideScrollbar,n.scrollableX&&t.scrollableX,n.scrollableY&&t.scrollableY]}})({position:`relative`,display:`inline-block`,flex:`1 1 auto`,whiteSpace:`nowrap`,variants:[{props:({ownerState:e})=>e.fixed,style:{overflowX:`hidden`,width:`100%`}},{props:({ownerState:e})=>e.hideScrollbar,style:{scrollbarWidth:`none`,"&::-webkit-scrollbar":{display:`none`}}},{props:({ownerState:e})=>e.scrollableX,style:{overflowX:`auto`,overflowY:`hidden`}},{props:({ownerState:e})=>e.scrollableY,style:{overflowY:`auto`,overflowX:`hidden`}}]}),Hn=q(`div`,{name:`MuiTabs`,slot:`List`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.list,n.centered&&t.centered]}})({display:`flex`,variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:`column`}},{props:({ownerState:e})=>e.centered,style:{justifyContent:`center`}}]}),Un=q(`span`,{name:`MuiTabs`,slot:`Indicator`})(J(({theme:e})=>({position:`absolute`,height:2,bottom:0,width:`100%`,...Ae(e),variants:[{props:{indicatorColor:`primary`},style:{backgroundColor:(e.vars||e).palette.primary.main}},{props:{indicatorColor:`secondary`},style:{backgroundColor:(e.vars||e).palette.secondary.main}},{props:({ownerState:e})=>e.vertical,style:{height:`100%`,width:2,right:0}}]}))),Wn=q(kn)({overflowX:`auto`,overflowY:`hidden`,scrollbarWidth:`none`,"&::-webkit-scrollbar":{display:`none`}}),Gn={},Kn=X.forwardRef(function(t,n){let r=be({props:t,name:`MuiTabs`}),a=Oe(),o=H(),s=de(a.motion.reducedMotion,!1),{"aria-label":c,"aria-labelledby":l,action:u,centered:d=!1,children:f,className:m,component:h=`div`,allowScrollButtonsMobile:g=!1,indicatorColor:_=`primary`,onChange:v,orientation:y=`horizontal`,scrollButtons:b=`auto`,selectionFollowsFocus:x,slots:S={},slotProps:C={},textColor:w=`primary`,value:T,variant:ee=`standard`,visibleScrollbar:E=!1,...D}=r,O=ee===`scrollable`,k=y===`vertical`,j=k?`scrollTop`:`scrollLeft`,ne=k?`top`:`left`,M=k?`bottom`:`right`,ie=k?`clientHeight`:`clientWidth`,F=k?`height`:`width`,I={...r,component:h,allowScrollButtonsMobile:g,indicatorColor:_,orientation:y,vertical:k,scrollButtons:b,textColor:w,variant:ee,visibleScrollbar:E,fixed:!O,hideScrollbar:O&&!E,scrollableX:O&&!k,scrollableY:O&&k,centered:d&&!O,scrollButtonsHideMobile:!g},L=zn(I),z=i({elementType:S.startScrollButtonIcon,externalSlotProps:C.startScrollButtonIcon,ownerState:I}),B=i({elementType:S.endScrollButtonIcon,externalSlotProps:C.endScrollButtonIcon,ownerState:I}),[V,oe]=X.useState(!1),[U,W]=X.useState(Gn),[G,se]=X.useState(!1),[K,ce]=X.useState(!1),[le,ue]=X.useState(!1),q=T===!1?null:T,[fe,pe]=X.useState(!1),[me,he]=X.useState({overflow:`hidden`,scrollbarWidth:0}),ge=new Map,_e=X.useRef(null),ve=X.useRef(null),ye={slots:S,slotProps:C},xe=()=>{let e=_e.current,t;if(e){let n=e.getBoundingClientRect();t={clientWidth:e.clientWidth,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop,scrollWidth:e.scrollWidth,top:n.top,bottom:n.bottom,left:n.left,right:n.right}}let n;if(e&&T!==!1){let e=ve.current.children;if(e.length>0){let t=e[ge.get(T)];n=t?t.getBoundingClientRect():null}}return{tabsMeta:t,tabMeta:n}},Se=N(()=>{let{tabsMeta:e,tabMeta:t}=xe(),n=0,r;k?(r=`top`,t&&e&&(n=t.top-e.top+e.scrollTop)):(r=o?`right`:`left`,t&&e&&(n=(o?-1:1)*(t[r]-e[r]+e.scrollLeft)));let i={[r]:n,[F]:t?t[F]:0};if(typeof U[r]!=`number`||typeof U[F]!=`number`)W(i);else{let e=Math.abs(U[r]-i[r]),t=Math.abs(U[F]-i[F]);(e>=1||t>=1)&&W(i)}}),Ce=(e,{animation:t=!0}={})=>{t&&!s.shouldReduceMotion?Dn(j,_e.current,e,{duration:a.transitions.duration.standard}):_e.current[j]=e},we=e=>{let t=_e.current[j];t+=k?e:e*(o?-1:1),Ce(t)},Te=()=>{let e=_e.current[ie],t=0,n=Array.from(ve.current.children);for(let r=0;r<n.length;r+=1){let i=n[r];if(t+i[ie]>e){r===0&&(t=e);break}t+=i[ie]}return t},Ee=()=>{we(-1*Te())},J=()=>{we(Te())},[De,{onChange:ke,...Ae}]=A(`scrollbar`,{className:Y(L.scrollableX,L.hideScrollbar),elementType:Wn,shouldForwardComponentProp:!0,externalForwardedProps:ye,ownerState:I}),je=X.useCallback(e=>{ke?.(e),he({overflow:null,scrollbarWidth:e})},[ke]),[Me,Ne]=A(`scrollButtons`,{className:L.scrollButtons,elementType:In,externalForwardedProps:ye,ownerState:I,additionalProps:{orientation:y,slots:{StartScrollButtonIcon:S.startScrollButtonIcon,EndScrollButtonIcon:S.endScrollButtonIcon},slotProps:{startScrollButtonIcon:z,endScrollButtonIcon:B}}}),Pe=()=>{let e={};e.scrollbarSizeListener=O?(0,Z.jsx)(De,{...Ae,onChange:je}):null;let t=O&&(b===`auto`&&(G||K)||b===!0);return e.scrollButtonStart=t?(0,Z.jsx)(Me,{direction:o?`right`:`left`,onClick:Ee,disabled:!G,...Ne}):null,e.scrollButtonEnd=t?(0,Z.jsx)(Me,{direction:o?`left`:`right`,onClick:J,disabled:!K,...Ne}):null,e},Fe=N(e=>{let{tabsMeta:t,tabMeta:n}=xe();if(n&&t){if(n[ne]<t[ne]){let r=t[j]+(n[ne]-t[ne]);Ce(r,{animation:e})}else if(n[M]>t[M]){let r=t[j]+(n[M]-t[M]);Ce(r,{animation:e})}}}),Ie=N(()=>{O&&b!==!1&&ue(!le)});X.useEffect(()=>{let t=e(()=>{_e.current&&Se()}),n,r=e=>{e.forEach(e=>{e.removedNodes.forEach(e=>{n?.unobserve(e)}),e.addedNodes.forEach(e=>{n?.observe(e)})}),t(),Ie()},i=P(_e.current);i.addEventListener(`resize`,t);let a;return typeof ResizeObserver<`u`&&(n=new ResizeObserver(t),Array.from(ve.current.children).forEach(e=>{n.observe(e)})),typeof MutationObserver<`u`&&(a=new MutationObserver(r),a.observe(ve.current,{childList:!0})),()=>{t.clear(),i.removeEventListener(`resize`,t),a?.disconnect(),n?.disconnect()}},[Se,Ie]),X.useEffect(()=>{let e=Array.from(ve.current.children),t=e.length;if(typeof IntersectionObserver<`u`&&t>0&&O&&b!==!1){let n=e[0],r=e[t-1],i={root:_e.current,threshold:.99},a=new IntersectionObserver(e=>{se(!e[0].isIntersecting)},i);a.observe(n);let o=new IntersectionObserver(e=>{ce(!e[0].isIntersecting)},i);return o.observe(r),()=>{a.disconnect(),o.disconnect()}}},[O,b,le,f?.length]),X.useEffect(()=>{oe(!0)},[]),X.useEffect(()=>{Se()}),X.useEffect(()=>{Fe(Gn!==U)},[Fe,U]),X.useImperativeHandle(u,()=>({updateIndicator:Se,updateScrollButtons:Ie}),[Se,Ie]);let[Re,ze]=A(`indicator`,{className:L.indicator,elementType:Un,externalForwardedProps:ye,ownerState:I,additionalProps:{style:U}}),Be=(0,Z.jsx)(Re,{...ze}),Ve=R({activeItemId:fe?void 0:q,orientation:y,isRtl:o}),He=Ve.getContainerProps(),Ue=X.Children.toArray(f).filter(X.isValidElement).map((e,t)=>{let n=e.props.value===void 0?t:e.props.value;return ge.set(n,t),{child:e,index:t,childValue:n}}).map(({child:e,childValue:t})=>{let n=t===T;return X.cloneElement(e,{fullWidth:ee===`fullWidth`,indicator:n&&!V&&Be,selected:n,selectionFollowsFocus:x,onChange:v,textColor:w,value:t})}),We=Pe(),[Ge,Ke]=A(`root`,{ref:n,className:Y(L.root,m),elementType:Bn,externalForwardedProps:{...ye,...D,component:h},ownerState:I}),[qe,Je]=A(`scroller`,{ref:_e,className:L.scroller,elementType:Vn,externalForwardedProps:ye,ownerState:I,additionalProps:{style:{overflow:me.overflow,[k?`margin${o?`Left`:`Right`}`:`marginBottom`]:E?void 0:-me.scrollbarWidth}}}),Ye=p(He.ref,ve),Xe=e=>{let t=ve.current;te(re(t))?.getAttribute(`role`)===`tab`&&He.onKeyDown(e)},[Ze,Qe]=A(`list`,{ref:Ye,className:L.list,elementType:Hn,externalForwardedProps:ye,ownerState:I,getSlotProps:e=>({...e,onBlur:t=>{ae(t.currentTarget,t.relatedTarget)||pe(!1),e.onBlur?.(t)},onKeyDown:t=>{Xe(t),e.onKeyDown?.(t)},onFocus:t=>{pe(!0),He.onFocus(t),e.onFocus?.(t)}})});return(0,Z.jsxs)(Ge,{...Ke,children:[We.scrollButtonStart,We.scrollbarSizeListener,(0,Z.jsxs)(qe,{...Je,children:[(0,Z.jsx)(Ze,{"aria-label":c,"aria-labelledby":l,"aria-orientation":y===`vertical`?`vertical`:null,role:`tablist`,...Qe,children:(0,Z.jsx)(Le.Provider,{value:Ve,children:Ue})}),V&&Be]}),We.scrollButtonEnd]})});function qn(e){return F(`MuiTab`,e)}var Jn=K(`MuiTab`,[`root`,`labelIcon`,`textColorInherit`,`textColorPrimary`,`textColorSecondary`,`selected`,`disabled`,`fullWidth`,`wrapped`,`icon`]),Yn=e=>{let{classes:t,textColor:n,fullWidth:r,wrapped:i,icon:o,label:s,selected:c,disabled:l}=e,u={root:[`root`,o&&s&&`labelIcon`,`textColor${a(n)}`,r&&`fullWidth`,i&&`wrapped`,c&&`selected`,l&&`disabled`],icon:[`icon`]};return z(u,qn,t)},Xn=q(pe,{name:`MuiTab`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.label&&n.icon&&t.labelIcon,t[`textColor${a(n.textColor)}`],n.fullWidth&&t.fullWidth,n.wrapped&&t.wrapped,{[`& .${Jn.icon}`]:t.icon}]}})(J(({theme:e})=>({...e.typography.button,maxWidth:360,minWidth:90,position:`relative`,minHeight:48,flexShrink:0,padding:`12px 16px`,overflow:`hidden`,whiteSpace:`normal`,textAlign:`center`,lineHeight:1.25,...e.focusVisible&&ge(3),variants:[{props:({ownerState:e})=>e.label&&(e.iconPosition===`top`||e.iconPosition===`bottom`),style:{flexDirection:`column`}},{props:({ownerState:e})=>e.label&&e.iconPosition!==`top`&&e.iconPosition!==`bottom`,style:{flexDirection:`row`}},{props:({ownerState:e})=>e.icon&&e.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&t===`top`,style:{[`& > .${Jn.icon}`]:{marginBottom:6}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&t===`bottom`,style:{[`& > .${Jn.icon}`]:{marginTop:6}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&t===`start`,style:{[`& > .${Jn.icon}`]:{marginRight:e.spacing(1)}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&t===`end`,style:{[`& > .${Jn.icon}`]:{marginLeft:e.spacing(1)}}},{props:{textColor:`inherit`},style:{color:`inherit`,opacity:.6,[`&.${Jn.selected}`]:{opacity:1},...e.focusVisible&&{[`&.${t.focusVisible}`]:{opacity:1}},[`&.${Jn.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}}},{props:{textColor:`primary`},style:{color:(e.vars||e).palette.text.secondary,[`&.${Jn.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${Jn.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:{textColor:`secondary`},style:{color:(e.vars||e).palette.text.secondary,[`&.${Jn.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${Jn.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:({ownerState:e})=>e.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:`none`}},{props:({ownerState:e})=>e.wrapped,style:{fontSize:e.typography.pxToRem(12)}}]}))),Zn=X.forwardRef(function(e,t){let n=be({props:e,name:`MuiTab`}),{className:r,disabled:i=!1,disableFocusRipple:a=!1,fullWidth:o,icon:s,iconPosition:c=`top`,indicator:l,label:u,onChange:d,onClick:f,onFocus:p,selected:m,selectionFollowsFocus:h,textColor:g=`inherit`,value:_,wrapped:v=!1,...y}=n,b=O(),x=Re({id:_,ref:t,disabled:i,selected:m}),S=b.getItemMap().size===0&&m?0:x.tabIndex,C={...n,disabled:i,disableFocusRipple:a,selected:m,icon:!!s,iconPosition:c,label:!!u,fullWidth:o,textColor:g,wrapped:v},w=Yn(C),T=s&&u&&X.isValidElement(s)?X.cloneElement(s,{className:Y(w.icon,s.props.className)}):s;return(0,Z.jsxs)(Xn,{internalNativeButton:!0,focusRipple:!a,className:Y(w.root,r),ref:x.ref,role:`tab`,"aria-selected":m,disabled:i,onClick:e=>{!m&&d&&d(e,_),f&&f(e)},onFocus:e=>{h&&!m&&d&&d(e,_),p&&p(e)},tabIndex:S,ownerState:C,...y,children:[c===`top`||c===`start`?(0,Z.jsxs)(X.Fragment,{children:[T,u]}):(0,Z.jsxs)(X.Fragment,{children:[u,T]}),l]})}),Qn=`<!-- octopus-revision -->`,$n=e=>String(e).padStart(2,`0`);function er(e){return`lab-lock-${`${e.getUTCFullYear()}${$n(e.getUTCMonth()+1)}${$n(e.getUTCDate())}T${$n(e.getUTCHours())}${$n(e.getUTCMinutes())}${$n(e.getUTCSeconds())}Z`}.md`}var tr=y(ce(),1),nr={width:340,height:640},rr=`This browser can't open a Picture-in-Picture window.`;function ir(e=globalThis){return`documentPictureInPicture`in e}function ar(e=globalThis){let t=e.documentPictureInPicture;return t?t.requestWindow(nr):Promise.reject(Error(rr))}var or=[{id:`page`,label:`Page`},{id:`labels`,label:`Labels`},{id:`lists`,label:`Lists`},{id:`assistant`,label:`Assistant`}],sr=[{id:`pageGutterMin`,kind:`slider`,group:`page`,label:`Gutter, at least`,hook:`pageGutterMin`,min:8,max:parseFloat(j.max),step:2,unit:`px`,default:parseFloat(j.min),question:`The page gutter where room is scarce: the runway's side padding, the masthead's, and the gap between the Overview's columns. 24px is where it was before it grew with the viewport.`},{id:`tabsScrollFade`,kind:`slider`,group:`page`,label:`Fade under the tabs`,hook:`tabsScrollFade`,min:0,max:64,step:2,unit:`px`,default:parseFloat(n),question:`How far below the tab strip the page's content dissolves as it scrolls under. 0 cuts it at the seam, as before.`},{id:`railFoot`,kind:`slider`,group:`page`,label:`Rail foot`,hook:`railFoot`,min:0,max:32,step:1,unit:`px`,default:parseFloat(me),question:`The space under the rail's last item (the settings cog) down to the window's edge. It was 22px.`},{id:`bandGlassOpacity`,kind:`slider`,group:`page`,label:`Header band wash`,hook:`bandGlassOpacity`,min:0,max:1,step:.05,unit:``,default:{light:C.light.band.opacity,dark:C.dark.band.opacity},question:`How much of the page's ground tone a table header's band lays over what scrolls under it. Each mode keeps its own value; the slider moves the one for the mode in view.`},{id:`bandGlassBlur`,kind:`slider`,group:`page`,label:`Header band blur`,hook:`bandGlassBlur`,min:0,max:16,step:1,unit:`px`,default:C.light.band.blur,question:`How far a table header's band blurs what scrolls under it.`},{id:`themeFade`,kind:`slider`,group:`page`,label:`Switch fade`,hook:`appearanceFade`,min:0,max:1e3,step:50,unit:`ms`,default:parseFloat(l),question:`How long a change of theme or mode crossfades, the whole page at once. 0 swaps it in a single frame.`}],cr=[{id:`countStyle`,kind:`choice`,group:`labels`,label:`Count drawing`,attr:`countStyle`,default:fe,question:`The figure beside a tab's or heading's label ("Analysis 9"): a tinted label, an outlined one, or the bare figure.`,options:[{value:`fill`,label:`Fill`},{value:`outline`,label:`Outline`},{value:`plain`,label:`Plain`}]},{id:`countRadius`,kind:`slider`,group:`labels`,label:`Count radius`,hook:`countRadius`,min:0,max:6,step:1,unit:``,default:Be.kbd,question:`How rounded the count label's corners are, as a radius token before the radius scale. 6 is a full pill at its height; ${Be.kbd} is the kbd radius it defaults to.`}],lr=[{id:`rowIconGap`,kind:`slider`,group:`lists`,label:`Row icon gap`,hook:`rowIconGap`,min:0,max:20,step:1,unit:`px`,default:8,question:`The space between a row's icon (the settings cog, the agent) and its label. Investigations drew about 18px.`},{id:`rowIconSize`,kind:`slider`,group:`lists`,label:`Row icon size`,hook:`rowIconSize`,min:12,max:24,step:1,unit:`px`,default:parseFloat(E),question:`How big a row's icon is beside its 14px label. Investigations drew 20px.`}],ur=[{id:`seamBlur`,kind:`slider`,group:`assistant`,label:`Seam shadow blur`,hook:`seamBlur`,min:0,max:40,step:1,unit:`px`,default:parseFloat(T.blur),question:`The shadow the plane casts onto the assistant's pane along their seam: how far it spreads. It was 12px.`},{id:`seamStrength`,kind:`slider`,group:`assistant`,label:`Seam shadow strength`,hook:`seamStrength`,min:0,max:2,step:.05,unit:``,default:1,question:`How dark that shadow is, as a share of the designed opacity (0.14 in light, 0.5 in dark; light was 0.18). It falls over the pane's content, the assistant's header rule included.`},{id:`assistantScrollFade`,kind:`slider`,group:`assistant`,label:`Conversation fade`,hook:`assistantScrollFade`,min:0,max:48,step:2,unit:`px`,default:parseFloat(s),question:`How far the conversation dissolves at its top and bottom edges, under the header and above the composer. 0 cuts it.`}],dr=[...sr,...cr,...lr,...ur];function fr(e){let t=e,n=new Set;return{get:()=>t,set(e){t=typeof e==`function`?e(t):e;for(let e of[...n])e()},subscribe(e){return n.add(e),()=>{n.delete(e)}}}}function pr(e,t){return(0,X.useSyncExternalStore)(e.subscribe,()=>t(e.get()),()=>t(e.get()))}var mr=`aistrike.lab`,hr=[`light`,`dark`],gr=`data-ds-mode`;function _r(e){return e.kind===`slider`&&typeof e.default==`object`}function vr(e,t){if(!_r(e))return e.id;if(t===void 0)throw Error(`The lab control ${e.id} holds a value per mode; name the mode`);return`${e.id}.${t}`}function yr(e){return e.getAttribute(gr)===`light`?`light`:`dark`}function br(e){if(e.kind===`slider`&&typeof e.default==`object`){let t=e.default;return hr.map(n=>({key:vr(e,n),fallback:t[n]}))}return[{key:e.id,fallback:e.default}]}function xr(e,t){return e.kind===`slider`&&typeof e.default==`object`?e.default[t]:e.default}function Sr(e){return Object.fromEntries(e.flatMap(br).map(({key:e,fallback:t})=>[e,t]))}function Cr(e,t){return e.kind===`slider`?typeof t==`number`&&Number.isFinite(t)&&t>=e.min&&t<=e.max:typeof t==`string`&&e.options.some(e=>e.value===t)}function wr(e,t){let n=typeof e==`object`&&e&&!Array.isArray(e)?e:{};return Object.fromEntries(t.flatMap(e=>br(e).map(({key:t,fallback:r})=>{let i=n[t];return[t,Cr(e,i)?i:r]})))}function Tr(e,t=localStorage){try{return wr(JSON.parse(t.getItem(`aistrike.lab`)??`null`),e)}catch{return Sr(e)}}function Er(e,t=localStorage){try{t.setItem(mr,JSON.stringify(e))}catch{}}function Dr(e,t,n=document.documentElement,r=yr(n)){for(let i of t)if(i.kind===`choice`)i.attr!==void 0&&n.setAttribute(x[i.attr],String(e[i.id]??i.default));else if(i.hook!==void 0){let t=h[i.hook],a=xr(i,r),o=e[vr(i,r)]??a;o===a?n.style.removeProperty(t):n.style.setProperty(t,`${o}${i.kind===`slider`?i.unit:``}`)}}function Or(e,t=document.documentElement){for(let n of e)n.kind===`choice`?n.attr!==void 0&&t.removeAttribute(x[n.attr]):n.hook!==void 0&&t.style.removeProperty(h[n.hook])}var kr=(e,t)=>{if(typeof MutationObserver>`u`||typeof Node>`u`||!(e instanceof Node))return()=>void 0;let n=new MutationObserver(t);return n.observe(e,{attributes:!0,attributeFilter:[gr]}),()=>{n.disconnect()}};function Ar(e){let{controls:t}=e,n=e.root??document.documentElement,r=e.storage??localStorage,i=e.experiments??ke(),a=new Map(t.map(e=>[e.id,e])),o=fr(Tr(t,r)),s=i.isPaused(),c=e=>{s?Or(t,n):Dr(e,t,n)};c(o.get());let l=e=>{c(e),Er(e,r),o.set(e)},u=(e.observeMode??kr)(n,()=>{c(o.get()),o.set({...o.get()})}),d=i.subscribe(()=>{i.isPaused()!==s&&(s=i.isPaused(),c(o.get()))}),f=()=>{u(),d()};return{store:o,set(e,t,r){let i=a.get(e);i===void 0||!Cr(i,t)||l({...o.get(),[vr(i,r??yr(n))]:t})},reset(){l(Sr(t))},dispose(){f()}}}var jr=`docs/decisions/2026-10-21-design-lab-in-octopus.md`,Mr=[`light`,`dark`],Nr=(e,t)=>`${t}${e.kind===`slider`?e.unit:``}`;function Pr(e){return e.kind===`choice`?e.attr===void 0?`—`:x[e.attr]:e.hook===void 0?`—`:h[e.hook]}function Fr(e,t,n){return t.filter(e=>n.includes(e.id)).flatMap(t=>{let n=(n,r)=>{let i=vr(t,n??void 0);return{id:t.id,label:t.label,hook:Pr(t),mode:n,old:Nr(t,r),next:Nr(t,e[i]??r)}};if(t.kind===`slider`&&typeof t.default==`object`&&_r(t)){let e=t.default;return Mr.map(t=>n(t,e[t]))}return[n(null,t.default)]})}function Ir({rows:e,url:t,host:n,version:r,lockedAt:i}){let a=[...new Set(e.map(e=>e.id))],o=i.toISOString(),s=e.map(e=>`| ${e.id} | ${e.hook} | ${e.mode??`—`} | ${e.old} | ${e.next} |`);return[`---`,`status: new`,`type: background`,`title: Promote lab lock ${o.slice(0,16)}Z`,`summary: Settle ${a.length} lab controls: ${a.join(`, `)}`,`depends:`,`groomed:`,`worktree:`,`dev:`,`---`,``,`## Request`,``,`Design Lab lock from ${t} (${n}), judged against @aistrike-dev/ui ${r}${Qn}, ${o}.`,``,`| Control | Hook | Mode | Old | New |`,`| --- | --- | --- | --- | --- |`,...s,``,`Promote: set each control's Octopus default to New; remove the control from the lab; remove its hook from`,"`DS_HOOKS` and every read of it (the value becomes the constant); record the decision in",`${jr}. Leave the change uncommitted.`,``,`## Clarifications`,``,`## Progress`,``].join(`
2
- `)}var Lr={light:`Light`,dark:`Dark`},Rr=e=>e.old!==e.next;function zr(e){return e.map(e=>{let t=Rr(e)?`${e.old} → ${e.next}`:`keep`;return e.mode===null?t:`${Lr[e.mode]}: ${t}`}).join(` · `)}function Br({values:e,controls:t,onCancel:n,onConfirm:r}){let i=new Map(t.map(t=>[t.id,Fr(e,[t],[t.id])])),[a,s]=(0,X.useState)(()=>new Set(t.filter(e=>i.get(e.id)?.some(Rr)).map(e=>e.id))),c=e=>{s(t=>{let n=new Set(t);return n.delete(e)||n.add(e),n})},l=t.filter(e=>a.has(e.id)).length;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(he,{children:`Lock in`}),(0,Z.jsxs)(B,{children:[(0,Z.jsx)(W,{variant:`body2`,sx:{mb:1.5,color:`var(--ds-text-quiet)`},children:`Tick what this lock settles. Each becomes a row of a backlog item that promotes it to the design system's default.`}),or.map(e=>{let n=t.filter(t=>t.group===e.id);return n.length===0?null:(0,Z.jsxs)(o,{component:`section`,"aria-label":e.label,sx:{mb:1.5},children:[(0,Z.jsx)(W,{variant:`overline`,component:`h3`,sx:{display:`block`},children:e.label}),n.map(e=>(0,Z.jsxs)(o,{component:`label`,sx:{display:`flex`,alignItems:`center`,gap:1,cursor:`pointer`},children:[(0,Z.jsx)(ct,{size:`small`,checked:a.has(e.id),onChange:()=>c(e.id),slotProps:{input:{"aria-label":e.label}}}),(0,Z.jsx)(W,{variant:`body2`,component:`span`,sx:{flex:1},children:e.label}),(0,Z.jsx)(W,{variant:`caption`,component:`span`,sx:{fontFamily:d.mono,color:`var(--ds-text-quiet)`,textAlign:`right`},children:zr(i.get(e.id)??[])})]},e.id))]},e.id)})]}),(0,Z.jsxs)(ue,{children:[(0,Z.jsx)(Ee,{variant:`ghost`,onClick:n,children:`Cancel`}),(0,Z.jsx)(Ee,{variant:`primary`,disabled:l===0,onClick:()=>r(t.filter(e=>a.has(e.id)).map(e=>e.id)),children:`Lock ${l}`})]})]})}function Vr({open:e,onCancel:t,container:n,...r}){return(0,Z.jsx)(je,{open:e,onClose:t,container:n,fullWidth:!0,maxWidth:`sm`,children:(0,Z.jsx)(Br,{...r,onCancel:t})})}var Hr=`style[data-ds-theme]`,Ur=[`fonts.googleapis.com`,`fonts.bunny.net`,`use.typekit.net`,`fonts.adobe.com`];function Wr(e,t){for(let{name:n}of Array.from(t.attributes))e.hasAttribute(n)||t.removeAttribute(n);for(let{name:n,value:r}of Array.from(e.attributes))t.getAttribute(n)!==r&&t.setAttribute(n,r)}function Gr(e,t){let n=e.head.querySelector(Hr),r=t.head.querySelector(Hr);if(!n){r?.remove();return}r||(r=t.createElement(`style`),r.setAttribute(`data-ds-theme`,``),t.head.appendChild(r)),r.textContent!==n.textContent&&(r.textContent=n.textContent)}var Kr=`data-ds-mirror-font`;function qr(e,t){let n=new Set,r=``;for(let t of Array.from(e.styleSheets)){let e;try{e=t.cssRules}catch{continue}t.href&&n.add(t.href);for(let t of Array.from(e))t instanceof CSSFontFaceRule&&(r+=`${t.cssText}\n`)}if(r&&!t.head.querySelector(`style[${Kr}]`)){let e=t.createElement(`style`);e.setAttribute(Kr,``),e.textContent=r,t.head.appendChild(e)}let i=new Set(Array.from(t.head.querySelectorAll(`link[${Kr}]`),e=>e.href));for(let r of Array.from(e.head.querySelectorAll(`link[rel="stylesheet"]`))){if(!Ur.some(e=>r.href.includes(e))||n.has(r.href)||i.has(r.href))continue;let e=t.createElement(`link`);e.setAttribute(Kr,``),e.rel=`stylesheet`,e.href=r.href,t.head.appendChild(e),i.add(r.href)}}function Jr(e,t){let n=()=>{Wr(e.documentElement,t.documentElement),Gr(e,t)};n(),qr(e,t);let r=new MutationObserver(n);r.observe(e.documentElement,{attributes:!0});let i=()=>Gr(e,t),a=e.defaultView;return a?.addEventListener(D,i),()=>{r.disconnect(),a?.removeEventListener(D,i)}}var Yr=new Set([404,405]);function Xr(e,t){let n=URL.createObjectURL(new Blob([t],{type:`text/markdown`})),r=document.createElement(`a`);r.href=n,r.download=e,r.style.display=`none`,document.body.append(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),0)}async function Zr(e){if(e.status!==200)return null;try{let t=await e.json(),n=typeof t==`object`&&t?t.file:void 0;return typeof n==`string`&&n!==``?n:null}catch{return null}}async function Qr(e,t,n){let{endpoint:r,fetch:i=fetch,download:a=Xr}=n,o=null,s;try{let n=await i(r,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({fileName:t,markdown:e})});o=await Zr(n),!n.ok&&!Yr.has(n.status)&&(s=n.status)}catch{}return o===null?(a(t,e),s===void 0?{kind:`downloaded`,file:t}:{kind:`downloaded`,file:t,refused:s}):{kind:`written`,file:o}}var $r=e=>{window.history.pushState(null,``,e),window.dispatchEvent(new PopStateEvent(`popstate`))},ei=`var(--ds-text-quiet)`,ti=`aria-label`,ni=500;function ri(){return(0,X.useSyncExternalStore)(e=>{window.addEventListener(`popstate`,e);let t=window.setInterval(e,ni);return()=>{window.removeEventListener(`popstate`,e),window.clearInterval(t)}},()=>window.location.pathname)}var ii=e=>e.options.length===2&&e.options[0]?.id===`off`&&e.options[1]?.id===`on`;function ai({definition:e,session:t,copy:n,go:r}){let i=t.picked(e.id)??e.baseline,a=e.options.find(e=>e.id===i),o=ii(e);return(0,Z.jsxs)(`div`,{children:[(0,Z.jsxs)(`div`,{style:{display:`flex`,alignItems:`baseline`,gap:8},children:[(0,Z.jsx)(W,{variant:`subtitle2`,component:`span`,sx:{flex:1,minWidth:0},children:e.title}),(0,Z.jsx)(Ee,{variant:`ghost`,size:`small`,title:`Copy the id`,"aria-label":`Copy ${e.id}`,onClick:()=>n(e.id,e.id),sx:{fontFamily:d.mono,textTransform:`none`,minWidth:0,px:.5,color:ei},children:e.id})]}),e.description===void 0?null:(0,Z.jsx)(W,{variant:`caption`,component:`p`,sx:{m:0,mb:.75,color:ei},children:e.description}),(0,Z.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[o?(0,Z.jsx)(dn,{sx:{flex:1,m:0},label:i===`on`?`On`:`Off`,control:(0,Z.jsx)(ht,{size:`small`,checked:i===`on`,slotProps:{input:{[ti]:e.title}},onChange:(...[,n])=>t.set(e.id,n?`on`:`off`)})}):(0,Z.jsx)(Ce,{fullWidth:!0,size:`small`,value:i,onChange:n=>t.set(e.id,String(n.target.value)),SelectDisplayProps:{[ti]:e.title},children:e.options.map(t=>(0,Z.jsx)(oe,{value:t.id,children:t.id===e.baseline?`${t.label} (ships)`:t.label},t.id))}),r===void 0?null:(0,Z.jsx)(Ee,{variant:`secondary`,size:`small`,onClick:r,children:`Go`})]}),o?null:(0,Z.jsxs)(W,{variant:`caption`,component:`p`,sx:{m:0,mt:.5,color:ei},children:[(0,Z.jsx)(`span`,{style:{fontFamily:d.mono},children:i}),a?.description===void 0?null:` · ${a.description}`]})]})}var oi={experiment:{one:`experiment`,many:`Experiments`,register:`registerExperiment`},scenario:{one:`scenario`,many:`Scenarios`,register:`registerScenario`}};function si({kind:e,session:t,navigate:n,copy:r}){(0,X.useSyncExternalStore)(t.subscribe,()=>t.shared.revision);let i=ri(),[a,o]=(0,X.useState)(!1),s=t.definitions(e),c=s.filter(e=>t.applies(e,i)),l=s.filter(e=>!c.includes(e)),u=oi[e],f=e=>{let r=t.hrefOf(e);if(r!==void 0||e.when!==void 0)return()=>{t.setMany(e.when??{}),r!==void 0&&n(r)}},p=(e,n)=>e.map(e=>(0,Z.jsx)(ai,{definition:e,session:t,copy:r,go:n?f(e):void 0},e.id)),m=e===`experiment`?ye(t):``;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{role:`tabpanel`,"aria-label":u.many,style:{flex:1,minHeight:0,overflowY:`auto`,padding:`4px 16px 12px`,display:`grid`,alignContent:`start`,gap:14},children:s.length===0?(0,Z.jsxs)(W,{variant:`body2`,component:`p`,sx:{m:0,color:ei},children:[`No ${u.one} is registered. An app declares one with `,(0,Z.jsx)(`span`,{style:{fontFamily:d.mono},children:u.register}),` from `,(0,Z.jsx)(`span`,{style:{fontFamily:d.mono},children:`@aistrike-dev/ui/experiments`}),`.`]}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(W,{variant:`overline`,component:`h2`,sx:{m:0,color:ei},children:`On this page`}),c.length===0?(0,Z.jsx)(W,{variant:`caption`,component:`p`,sx:{m:0,color:ei},children:`No ${u.one} applies here.`}):p(c,!1),l.length===0?null:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(Ee,{variant:`ghost`,size:`small`,"aria-expanded":a,onClick:()=>o(e=>!e),sx:{justifySelf:`start`},children:`${a?`Hide`:`Show`} library (${l.length})`}),a?p(l,!0):null]})]})}),(0,Z.jsxs)(`div`,{style:{padding:`10px 16px 12px`,display:`flex`,gap:8,justifyContent:`flex-end`,borderTop:`1px solid var(--ds-separator)`},children:[(0,Z.jsx)(Ee,{variant:`ghost`,size:`small`,onClick:()=>t.reset(e),children:`Reset`}),e===`experiment`?(0,Z.jsx)(Ee,{variant:`primary`,size:`small`,disabled:m===``,onClick:()=>r(m,`the picks`),children:`Copy picks`}):null]})]})}var ci=`6.0.0-alpha.11`,li=`/__octopus/lab/lock`;function ui(e){return e.kind===`written`?`Locked: ${e.file}`:e.refused===void 0?`Downloaded ${e.file}: no design-system checkout is configured`:`Downloaded ${e.file}: the dev server refused the lock (${e.refused})`}var di=[{id:`design`,label:`Design`},{id:`experiment`,label:`Experiments`},{id:`scenario`,label:`Scenarios`}],fi=4,pi=`aria-label`,mi={light:`Light`,dark:`Dark`},hi=`var(--ds-text-quiet)`,gi=e=>(String(e).split(`.`)[1]??``).length;function _i(e,t){let n=Math.round((t-e.min)/e.step),r=Number((e.min+n*e.step).toFixed(Math.max(gi(e.step),gi(e.min))));return Math.min(e.max,Math.max(e.min,r))}function vi({label:e,question:t}){return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(W,{variant:`subtitle2`,component:`span`,children:e}),(0,Z.jsx)(W,{variant:`caption`,component:`p`,sx:{m:0,mb:.75,color:hi},children:t})]})}function yi({control:e,label:t,value:n,other:r,onChange:i}){return(0,Z.jsxs)(`div`,{children:[(0,Z.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,alignItems:`baseline`},children:[(0,Z.jsx)(W,{variant:`subtitle2`,component:`span`,children:t}),(0,Z.jsx)(W,{variant:`caption`,component:`span`,sx:{fontVariantNumeric:`tabular-nums`},children:`${n}${e.unit}`})]}),(0,Z.jsx)(W,{variant:`caption`,component:`p`,sx:{m:0,color:hi},children:e.question}),(0,Z.jsx)(qt,{size:`small`,"aria-label":t,min:e.min,max:e.max,step:e.step,value:n,onChange:(...[,t])=>i(_i(e,Array.isArray(t)?t[0]??n:t))}),r===void 0?null:(0,Z.jsx)(W,{variant:`caption`,component:`p`,sx:{m:0,color:hi,fontVariantNumeric:`tabular-nums`},children:`${mi[r.mode]}: ${r.value}${e.unit}`})]})}function bi({control:e,value:t,onChange:n}){return e.options.length>fi?(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(vi,{label:e.label,question:e.question}),(0,Z.jsx)(Ce,{fullWidth:!0,size:`small`,value:t,onChange:e=>n(String(e.target.value)),SelectDisplayProps:{[pi]:e.label},children:e.options.map(e=>(0,Z.jsx)(oe,{value:e.value,children:e.label},e.value))})]}):(0,Z.jsxs)(`div`,{children:[(0,Z.jsx)(vi,{label:e.label,question:e.question}),(0,Z.jsx)(sn,{exclusive:!0,fullWidth:!0,size:`small`,"aria-label":e.label,value:t,onChange:(...[,e])=>{e!==null&&n(e)},children:e.options.map(e=>(0,Z.jsx)(tn,{value:e.value,sx:{textTransform:`none`,py:.25},children:e.label},e.value))})]})}function xi({control:e,values:t,mode:n,set:r}){if(e.kind===`choice`)return(0,Z.jsx)(bi,{control:e,value:String(t[e.id]??e.default),onChange:t=>r(e.id,t)});if(_r(e)&&typeof e.default==`object`){let i=n===`light`?`dark`:`light`;return(0,Z.jsx)(yi,{control:e,label:`${e.label} (${n})`,value:Number(t[vr(e,n)]??e.default[n]),other:{mode:i,value:Number(t[vr(e,i)]??e.default[i])},onChange:t=>r(e.id,t,n)})}return(0,Z.jsx)(yi,{control:e,label:e.label,value:Number(t[e.id]??e.default),onChange:t=>r(e.id,t)})}function Si(){return typeof location>`u`?{url:``,host:``}:{url:location.href,host:location.host}}function Ci({lab:e,controls:t,lockEndpoint:n,submit:r,experiments:i,navigate:a,container:o}){let s=pr(e.store,e=>e),c=(0,X.useSyncExternalStore)(i.subscribe,()=>i.isPaused()),[l,u]=(0,X.useState)(`design`),d=yr(document.documentElement),[f,p]=(0,X.useState)(!1),[m,h]=(0,X.useState)(null),g=or.filter(e=>t.some(t=>t.group===e.id)),[_,v]=(0,X.useState)(null),y=g.find(e=>e.id===_)?.id??g[0]?.id,b=async i=>{p(!1);try{let a=new Date;h(ui(await r(Ir({rows:Fr(e.store.get(),t,i),...Si(),version:ci,lockedAt:a}),er(a),{endpoint:n})))}catch(e){h(`Lock failed: ${e instanceof Error?e.message:String(e)}`)}},x=(e,t)=>{let n=o.ownerDocument.defaultView?.navigator.clipboard;(n===void 0?Promise.reject(Error(`no clipboard`)):n.writeText(e)).then(()=>h(`Copied ${t}`),()=>h(e))},S=(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{style:{padding:`4px 16px 8px`},children:(0,Z.jsx)(Ce,{fullWidth:!0,size:`small`,value:y??``,onChange:e=>v(e.target.value),SelectDisplayProps:{[pi]:`Control group`},children:g.map(e=>(0,Z.jsx)(oe,{value:e.id,children:e.label},e.id))})}),(0,Z.jsx)(`div`,{role:`tabpanel`,"aria-label":g.find(e=>e.id===y)?.label,style:{flex:1,minHeight:0,overflowY:`auto`,padding:`4px 16px 12px`,display:`grid`,alignContent:`start`,gap:14},children:t.filter(e=>e.group===y).map(t=>(0,Z.jsx)(xi,{control:t,values:s,mode:d,set:e.set},t.id))}),(0,Z.jsxs)(`div`,{style:{padding:`10px 16px 12px`,display:`flex`,gap:8,justifyContent:`flex-end`,borderTop:`1px solid var(--ds-separator)`},children:[(0,Z.jsx)(Ee,{variant:`ghost`,size:`small`,onClick:()=>e.reset(),children:`Reset`}),(0,Z.jsx)(Ee,{variant:`primary`,size:`small`,onClick:()=>p(!0),children:`Lock in`})]})]});return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(I,{rung:`raised`,component:`section`,"aria-label":`Design Lab`,sx:{height:`100vh`,display:`flex`,flexDirection:`column`,borderRadius:0},children:[(0,Z.jsx)(`div`,{style:{padding:`10px 16px 4px`,display:`grid`},children:(0,Z.jsx)(dn,{sx:{m:0,justifyContent:`space-between`},labelPlacement:`start`,label:(0,Z.jsx)(W,{variant:`subtitle2`,component:`span`,children:c?`Overrides off: as it ships`:`Overrides on`}),control:(0,Z.jsx)(ht,{size:`small`,checked:!c,slotProps:{input:{[pi]:`Overrides`}},onChange:(...[,e])=>i.setPaused(!e)})})}),(0,Z.jsx)(`div`,{style:{padding:`0 16px 8px`},children:(0,Z.jsx)(Kn,{value:l,variant:`fullWidth`,sx:{display:`flex`},"aria-label":`Lab sections`,onChange:(...[,e])=>u(e),children:di.map(e=>(0,Z.jsx)(Zn,{value:e.id,label:e.label},e.id))})}),l===`design`?S:(0,Z.jsx)(si,{kind:l,session:i,navigate:a,copy:x})]}),(0,Z.jsx)(Vr,{open:f,values:s,controls:t,container:o,onCancel:()=>p(!1),onConfirm:e=>{b(e)}}),(0,Z.jsx)(Tn,{open:m!==null,message:m??``,autoHideDuration:8e3,anchorOrigin:{vertical:`bottom`,horizontal:`right`},onClose:(...[,e])=>{e!==`clickaway`&&h(null)}})]})}var wi={disableNestedContext:!0};function Ti(e){return e.title=`Design Lab`,Jr(document,e)}function Ei({lab:e,target:t,controls:n=dr,lockEndpoint:r=li,submit:i=Qr,experiments:a=ke(),navigate:o=$r}){let s=(0,X.useMemo)(()=>ze({key:`lab`,container:t.document.head}),[t]);(0,X.useLayoutEffect)(()=>Ti(t.document),[t]);let c=t.document.body;return(0,tr.createPortal)((0,Z.jsx)(Pe,{value:s,children:(0,Z.jsxs)(xe,{theme:De,...wi,children:[(0,Z.jsx)(ee,{}),(0,Z.jsx)(Ci,{lab:e,controls:n,lockEndpoint:r,submit:i,experiments:a,navigate:o,container:c})]})}),c)}var Di=1250;function Oi({lab:e,controls:t,lockEndpoint:n,submit:i,open:a=ar,supported:o=ir(),experiments:s=ke(),navigate:c}){(0,X.useLayoutEffect)(()=>{s.activate()},[s]);let[l,u]=(0,X.useState)(null),[d,f]=(0,X.useState)(!1),p=(0,X.useRef)(!0);return(0,X.useEffect)(()=>(p.current=!0,()=>{p.current=!1}),[]),(0,X.useEffect)(()=>{if(l===null)return;let e=!1,t=()=>{e=!0,u(null)};return l.addEventListener(`pagehide`,t),()=>{l.removeEventListener(`pagehide`,t),e||l.close()}},[l]),l===null?(0,Z.jsxs)(`div`,{style:{position:`fixed`,left:100,bottom:14,zIndex:Di,display:`flex`,alignItems:`center`,gap:8},children:[(0,Z.jsx)(Ee,{variant:`secondary`,size:`small`,startIcon:(0,Z.jsx)(r,{}),"aria-label":`Open Design Lab`,disabled:!o||d,onClick:()=>{f(!0),a().then(e=>{if(!p.current){e.close();return}f(!1),u(e)},e=>{p.current&&f(!1),console.warn(`Design Lab: the window did not open.`,e)})},children:`Design Lab`}),o?null:(0,Z.jsx)(W,{variant:`caption`,component:`span`,sx:{color:`var(--ds-text-quiet)`},children:rr})]}):(0,Z.jsx)(Ei,{lab:e,target:l,controls:t,lockEndpoint:n,submit:i,experiments:s,navigate:c})}var ki;function Ai(){return ki===void 0&&ir()&&(ki=Ar({controls:dr})),ki}function ji(){ki?.dispose(),ki=void 0,Or(dr)}function Mi(){return Ar({controls:dr,root:document.createElement(`html`),storage:{getItem:()=>null,setItem:()=>void 0,removeItem:()=>void 0},observeMode:()=>()=>void 0})}function Ni(){let e=Ai();return e===void 0?(0,Z.jsx)(Oi,{lab:Mi(),supported:!1}):(0,Z.jsx)(Oi,{lab:e})}export{Ni as default,ji as dropLab,Ai as getLab};