@aistrike-dev/ui-shell-dev 2.1.0 → 2.1.1

package/platform/settings/ui/entry.js

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./chunks/ui-C21hUUVD.js","./chunks/preload-helper-CYtfOYgs.js"])))=>i.map(i=>d[i]);
-import{t as e}from"./chunks/preload-helper-CYtfOYgs.js";var t=`__aistrikeTitlePath`;function n(e){document.title=e,globalThis[t]=globalThis.location.pathname}function r(e,t){history.pushState(null,``,e),globalThis.__aistrikeHistoryPatched!==!0&&dispatchEvent(new PopStateEvent(`popstate`)),t?.title!==void 0&&n(t.title)}var i=t=>{let n,i=0;return{nav:[{label:`Settings`,path:`/`,icon:`settings`}],settings:null,entities:[],commands:[{id:`profile`,title:`Settings: Profile`,keywords:[`account`,`name`],icon:null,run:()=>r(`/settings/profile`)},{id:`appearance`,title:`Settings: Appearance`,keywords:[`theme`,`brand`,`colour`,`color`],icon:null,run:()=>r(`/settings/appearance`)},{id:`notifications`,title:`Settings: Notifications`,keywords:[],icon:null,run:()=>r(`/settings/notifications`)},{id:`shortcuts`,title:`Settings: Keyboard shortcuts`,keywords:[`keys`,`bindings`],icon:null,run:()=>r(`/settings/shortcuts`)}],async mount(r){i+=1;let a=i;n?.(),n=void 0;let{mountUi:o}=await e(async()=>{let{mountUi:e}=await import(`./chunks/ui-C21hUUVD.js`);return{mountUi:e}},__vite__mapDeps([0,1]),import.meta.url);a===i&&(n=o(r,t))},unmount(){i+=1,n?.(),n=void 0}}};export{i as activate};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./chunks/ui-BRCsapmB.js","./chunks/preload-helper-CYtfOYgs.js"])))=>i.map(i=>d[i]);
+import{t as e}from"./chunks/preload-helper-CYtfOYgs.js";var t=`__aistrikeTitlePath`;function n(e){document.title=e,globalThis[t]=globalThis.location.pathname}function r(e,t){history.pushState(null,``,e),globalThis.__aistrikeHistoryPatched!==!0&&dispatchEvent(new PopStateEvent(`popstate`)),t?.title!==void 0&&n(t.title)}var i=t=>{let n,i=0;return{nav:[{label:`Settings`,path:`/`,icon:`settings`}],settings:null,entities:[],commands:[{id:`profile`,title:`Settings: Profile`,keywords:[`account`,`name`],icon:null,run:()=>r(`/settings/profile`)},{id:`appearance`,title:`Settings: Appearance`,keywords:[`theme`,`brand`,`colour`,`color`],icon:null,run:()=>r(`/settings/appearance`)},{id:`notifications`,title:`Settings: Notifications`,keywords:[],icon:null,run:()=>r(`/settings/notifications`)},{id:`shortcuts`,title:`Settings: Keyboard shortcuts`,keywords:[`keys`,`bindings`],icon:null,run:()=>r(`/settings/shortcuts`)}],async mount(r){i+=1;let a=i;n?.(),n=void 0;let{mountUi:o}=await e(async()=>{let{mountUi:e}=await import(`./chunks/ui-BRCsapmB.js`);return{mountUi:e}},__vite__mapDeps([0,1]),import.meta.url);a===i&&(n=o(r,t))},unmount(){i+=1,n?.(),n=void 0}}};export{i as activate};

package/shell/assets/LabHost-D3o-OJsx.js

@@ -0,0 +1,2 @@
+import{$ as e,A as t,At as n,B as r,Bt as i,C as a,Ct as o,D as s,Dt as c,E as l,Et as u,F as d,Ft as f,G as p,Gt as m,H as h,Ht as g,I as _,It as v,J as y,Jt as b,K as x,Kt as S,L as C,Lt as w,M as T,Mt as E,N as D,Nt as O,O as ee,Ot as k,P as te,Pt as A,Q as ne,Qt as j,R as M,Rt as N,S as re,St as P,T as ie,Tt as ae,U as F,Ut as I,V as oe,Vt as L,W as se,Wt as ce,X as R,Xt as le,Y as ue,Yt as de,Z as z,Zt as fe,_ as B,_t as V,a as pe,at as H,b as me,bt as he,c as ge,ct as _e,d as ve,dt as ye,et as be,f as U,ft as xe,g as W,gt as Se,h as Ce,ht as we,i as G,it as Te,j as Ee,jt as K,k as q,kt as De,l as Oe,lt as ke,m as Ae,mt as je,n as Me,nt as Ne,o as Pe,ot as J,p as Fe,pt as Ie,q as Le,qt as Re,r as ze,rt as Be,s as Ve,st as He,t as Ue,tt as We,u as Ge,ut as Ke,v as qe,vt as Je,w as Ye,wt as Xe,x as Ze,xt as Qe,y as $e,yt as et,z as tt,zt as nt}from"./index-DW0Z5YeB.js";var rt=Se();function it(e){let{theme:t,name:n,props:r}=e;return!t||!t.components||!t.components[n]||!t.components[n].defaultProps?r:we(t.components[n].defaultProps,r)}function at(e){let{props:t,name:n,defaultTheme:r,themeId:i}=e,a=et(r);return i&&(a=a[i]||a),it({theme:a,name:n,props:t})}var Y=j(A(),1),X=E(),ot=he(),st=rt(`div`,{name:`MuiStack`,slot:`Root`});function ct(e){return at({props:e,name:`MuiStack`,defaultTheme:ot})}function lt(e,t){let n=Y.Children.toArray(e).filter(Boolean);return n.reduce((e,r,i)=>(e.push(r),i<n.length-1&&e.push(Y.cloneElement(t,{key:`separator-${i}`})),e),[])}var ut=e=>({row:`Left`,"row-reverse":`Right`,column:`Top`,"column-reverse":`Bottom`})[e],dt=({ownerState:e,theme:t})=>{let n={display:`flex`,flexDirection:`column`,...ae({theme:t},c({values:e.direction,breakpoints:t.breakpoints.values}),e=>({flexDirection:e}))};if(e.spacing){let r=o(t),i=Object.keys(t.breakpoints.values).reduce((t,n)=>((typeof e.spacing==`object`&&e.spacing[n]!=null||typeof e.direction==`object`&&e.direction[n]!=null)&&(t[n]=!0),t),{}),a=c({values:e.direction,base:i}),s=c({values:e.spacing,base:i});typeof a==`object`&&Object.keys(a).forEach((e,t,n)=>{if(!a[e]){let r=t>0?a[n[t-1]]:`column`;a[e]=r}}),n=k(n,ae({theme:t},s,(t,n)=>e.useFlexGap?{gap:Xe(r,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${ut(n?a[n]:e.direction)}`]:Xe(r,t)}}))}return n=u(t.breakpoints,n),n};function ft(e={}){let{createStyledComponent:t=st,useThemeProps:r=ct,componentName:i=`MuiStack`}=e,a=()=>De({root:[`root`]},e=>Je(i,e),{}),o=t(dt);return Y.forwardRef(function(e,t){let{component:i=`div`,direction:s=`column`,spacing:c=0,divider:l,children:u,className:d,useFlexGap:f=!1,...p}=r(e),m={direction:s,spacing:c,useFlexGap:f},h=a();return(0,X.jsx)(o,{as:i,ownerState:m,ref:t,className:n(h.root,d),...p,children:l?lt(u,l):u})})}function pt(e){return Je(`MuiCheckbox`,e)}var mt=V(`MuiCheckbox`,[`root`,`checked`,`disabled`,`indeterminate`,`colorPrimary`,`colorSecondary`,`sizeSmall`,`sizeMedium`]);function ht(e){return Je(`MuiFormControlLabel`,e)}var gt=V(`MuiFormControlLabel`,[`root`,`labelPlacementStart`,`labelPlacementEnd`,`labelPlacementTop`,`labelPlacementBottom`,`disabled`,`label`,`error`,`required`,`asterisk`]);function _t(e){return Je(`MuiSlider`,e)}var Z=V(`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 vt(e){return Je(`MuiToggleButton`,e)}var yt=V(`MuiToggleButton`,[`root`,`disabled`,`selected`,`standard`,`primary`,`secondary`,`sizeSmall`,`sizeMedium`,`sizeLarge`,`fullWidth`]);function bt(e){return Je(`PrivateSwitchBase`,e)}V(`PrivateSwitchBase`,[`root`,`checked`,`disabled`,`input`,`edgeStart`,`edgeEnd`]);var xt=e=>{let{classes:t,checked:n,disabled:r,edge:i}=e,a={root:[`root`,n&&`checked`,r&&`disabled`,i&&`edge${K(i)}`],input:[`input`]};return De(a,bt,t)},St=J(D,{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}}]}),Ct=J(`input`,{name:`MuiSwitchBase`,shouldForwardProp:He})({cursor:`inherit`,position:`absolute`,opacity:0,width:`100%`,height:`100%`,top:0,left:0,margin:0,padding:0,zIndex:1}),wt=Y.forwardRef(function(e,t){let{autoFocus:n,checked:r,checkedIcon:i,defaultChecked:a,disabled:o,disableFocusRipple:s=!1,edge:c=!1,icon:l,id:u,name:d,onBlur:f,onChange:p,onFocus:m,readOnly:h,required:g=!1,tabIndex:_,type:v,value:b,slots:x={},slotProps:S={},...C}=e,{nativeButton:w,...T}=C,[E,D]=y({controlled:r,default:!!a,name:`SwitchBase`,state:`checked`}),O=M(),ee=e=>{m&&m(e),O&&O.onFocus&&O.onFocus(e)},k=e=>{f&&f(e),O&&O.onBlur&&O.onBlur(e)},te=e=>{if(e.nativeEvent.defaultPrevented||h)return;let t=e.target.checked;D(t),p&&p(e,t)},A=o;O&&A===void 0&&(A=O.disabled);let ne=v===`checkbox`||v===`radio`,j={...e,checked:E,disabled:A,disableFocusRipple:s,edge:c},N=xt(j),re={slots:x,slotProps:S},[P,ie]=q(`root`,{ref:t,elementType:St,className:N.root,shouldForwardComponentProp:!0,externalForwardedProps:{...re,component:`span`,...T},getSlotProps:e=>({...e,onFocus:t=>{e.onFocus?.(t),ee(t)},onBlur:t=>{e.onBlur?.(t),k(t)}}),ownerState:j,additionalProps:{centerRipple:!0,focusRipple:!s,role:void 0,tabIndex:null,internalDisabledThemeFocusVisible:!0}}),[ae,F]=q(`input`,{elementType:Ct,className:N.input,externalForwardedProps:re,getSlotProps:e=>({...e,onChange:t=>{e.onChange?.(t),te(t)}}),ownerState:j,additionalProps:{autoFocus:n,checked:r,defaultChecked:a,disabled:A,id:ne?u:void 0,name:d,readOnly:h,required:g,tabIndex:_,type:v,...v===`checkbox`&&b===void 0?{}:{value:b}}});return(0,X.jsxs)(P,{...ie,children:[(0,X.jsx)(ae,{...F}),E?i:l]})}),Tt=Ne((0,X.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`),Et=Ne((0,X.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`),Dt=Ne((0,X.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`),Ot=e=>{let{classes:t,indeterminate:n,color:r,size:i}=e,a={root:[`root`,n&&`indeterminate`,`color${K(r)}`,`size${K(i)}`]},o=De(a,pt,t);return{...t,...o}},kt=J(wt,{shouldForwardProp:e=>He(e)||e===`classes`,name:`MuiCheckbox`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.indeterminate&&t.indeterminate,t[`size${K(n.size)}`],n.color!=="default"&&t[`color${K(n.color)}`]]}})(H(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.focusVisible&&{[`&.${te.focusVisible} svg:first-of-type`]:{...ye,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(T()).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(T()).map(([t])=>({props:{color:t},style:{[`&.${mt.checked}, &.${mt.indeterminate}`]:{color:(e.vars||e).palette[t].main},[`&.${mt.disabled}`]:{color:(e.vars||e).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:`transparent`}}}}]}))),At=(0,X.jsx)(Et,{}),jt=(0,X.jsx)(Tt,{}),Mt=(0,X.jsx)(Dt,{}),Nt=Y.forwardRef(function(e,t){let r=Te({props:e,name:`MuiCheckbox`}),{checkedIcon:i=At,color:a=`primary`,icon:o=jt,indeterminate:s=!1,indeterminateIcon:c=Mt,size:l=`medium`,disableRipple:u=!1,className:d,slots:f={},slotProps:p={},...m}=r,h=s?c:o,g=s?c:i,_={...r,disableRipple:u,color:a,indeterminate:s,size:l},v=Ot(_),y=p.input,[b,x]=q(`root`,{ref:t,elementType:kt,className:n(v.root,d),shouldForwardComponentProp:!0,externalForwardedProps:{slots:f,slotProps:p,...m},ownerState:_,additionalProps:{type:`checkbox`,icon:Y.cloneElement(h,{fontSize:h.props.fontSize??l}),checkedIcon:Y.cloneElement(g,{fontSize:g.props.fontSize??l}),disableRipple:r.disableRipple,slots:f,slotProps:{input:F(typeof y==`function`?y(_):y,{"data-indeterminate":s,"aria-checked":s?`mixed`:void 0})}}});return(0,X.jsx)(b,{...x,classes:v})});function Pt(e){return Je(`MuiSwitch`,e)}var Q=V(`MuiSwitch`,[`root`,`edgeStart`,`edgeEnd`,`switchBase`,`colorPrimary`,`colorSecondary`,`sizeSmall`,`sizeMedium`,`checked`,`disabled`,`input`,`thumb`,`track`]),Ft=e=>{let{classes:t,edge:n,size:r,color:i,checked:a,disabled:o}=e,s={root:[`root`,n&&`edge${K(n)}`,`size${K(r)}`],switchBase:[`switchBase`,`color${K(i)}`,a&&`checked`,o&&`disabled`],thumb:[`thumb`],track:[`track`],input:[`input`]},c=De(s,Pt,t);return{...t,...c}},It=J(`span`,{name:`MuiSwitch`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.edge&&t[`edge${K(n.edge)}`],t[`size${K(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)`}}}}]}),Lt=J(wt,{name:`MuiSwitch`,slot:`SwitchBase`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.switchBase,{[`& .${Q.input}`]:t.input},n.color!=="default"&&t[`color${K(n.color)}`]]}})(H(({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]}`,...Be(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?{[`&.${te.focusVisible} ~ .${Q.track}`]:{...ye,...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%`}})),H(({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(T([`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}`)}}}}))]}))),Rt=J(`span`,{name:`MuiSwitch`,slot:`Track`})(H(({theme:e})=>({height:`100%`,width:`100%`,borderRadius:7,zIndex:-1,...Be(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}`}}))),zt=J(`span`,{name:`MuiSwitch`,slot:`Thumb`})(H(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:`currentColor`,boxSizing:`border-box`,border:`1px solid transparent`,width:20,height:20,borderRadius:`50%`}))),Bt=Y.forwardRef(function(e,t){let r=Te({props:e,name:`MuiSwitch`}),{className:i,color:a=`primary`,edge:o=!1,size:s=`medium`,sx:c,slots:l={},slotProps:u={},...d}=r,f={...r,color:a,edge:o,size:s},p=Ft(f),m=u.input,h={slots:l,slotProps:u},[g,_]=q(`root`,{className:n(p.root,i),elementType:It,externalForwardedProps:h,ownerState:f,additionalProps:{sx:c}}),[v,y]=q(`thumb`,{className:p.thumb,elementType:zt,externalForwardedProps:h,ownerState:f}),b=(0,X.jsx)(v,{...y}),[x,S]=q(`track`,{className:p.track,elementType:Rt,externalForwardedProps:h,ownerState:f});return(0,X.jsxs)(g,{..._,children:[(0,X.jsx)(Lt,{type:`checkbox`,icon:b,checkedIcon:b,ref:t,ownerState:f,...d,classes:{...p,root:p.switchBase},slots:{...l.switchBase&&{root:l.switchBase},...l.input&&{input:l.input}},slotProps:{...u.switchBase&&{root:typeof u.switchBase==`function`?u.switchBase(f):u.switchBase},input:F(typeof m==`function`?m(f):m,{role:`switch`})}}),(0,X.jsx)(x,{...S})]})}),Vt={border:0,clipPath:`inset(50%)`,height:`1px`,margin:`-1px`,overflow:`hidden`,padding:0,position:`absolute`,whiteSpace:`nowrap`,width:`1px`};function Ht(e,t,n=(e,t)=>e===t){return e.length===t.length&&e.every((e,r)=>n(e,t[r]))}var Ut=2,Wt=[],Gt={};function Kt(e,t,n,r,i){return n===1?Math.min(e+t,i):Math.max(e-t,r)}function qt(e,t){return e-t}function Jt(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)??Gt;return r==null?r:n>=0&&e[n]===e[r]?n:r}function Yt(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 Xt(e,t,n){return(e-t)*100/(n-t)}function Zt(e,t,n){return(n-t)*e+t}function Qt(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 $t(e,t,n){let r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(Qt(t)))}function en(e,t,n){let r=e.slice();return r[n]=t,r.sort(qt)}function tn(t,n,r,i){let o=e(t.current),s=be(o);if(!a(t.current,s)||Number(s?.getAttribute(`data-index`))!==n){let e=t.current?.querySelector(`[type="range"][data-index="${n}"]`);e!=null&&(i==null?e.focus({preventScroll:!0}):e.focus({preventScroll:!0,focusVisible:i}))}r&&r(n)}function nn(e,t){return typeof e==`number`&&typeof t==`number`?e===t:typeof e==`object`&&typeof t==`object`&&Ht(e,t)}var rn={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}%`})}},an=e=>e;function on(n){let{"aria-labelledby":r,defaultValue:i,disabled:o=!1,disableSwap:s=!1,isRtl:c=!1,marks:l=!1,max:u=100,min:d=0,name:f,onChange:m,onChangeCommitted:h,orientation:g=`horizontal`,rootRef:v,scale:y=an,step:b=1,shiftStep:x=10,tabIndex:S,value:C}=n,w=Y.useRef(void 0),T=Y.useRef(null),[E,D]=Y.useState(-1),[O,ee]=Y.useState(-1),[k,te]=Y.useState(!1),A=Y.useRef(0),ne=Y.useRef(-1),j=Y.useRef(!1),M=Y.useRef(-1),N=Le(()=>{T.current!=null&&(cancelAnimationFrame(T.current),T.current=null)}),re=Y.useRef(null),[P,ie]=ue({controlled:C,default:i??d,name:`Slider`}),ae=Le((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:f}}),re.current=t,m?.(i,t,n)}),F=Array.isArray(P),I=Y.useMemo(()=>{if(typeof P==`number`)return[Ie(P,d,u)];if(P==null)return[d];let e=P.slice().sort(qt);for(let t=0;t<e.length;t+=1){let n=e[t];e[t]=n==null?d:Ie(n,d,u)}return e},[P,d,u]),oe=Y.useMemo(()=>{if(l===!0&&b!=null){let e=Array(Math.floor((u-d)/b)+1);for(let t=0;t<e.length;t+=1)e[t]={value:d+b*t};return e}return Array.isArray(l)?l:Wt},[l,b,d,u]),L=Y.useMemo(()=>{let e=Array(oe.length);for(let t=0;t<oe.length;t+=1)e[t]=oe[t].value;return e},[oe]),[se,ce]=Y.useState(-1),R=Y.useRef(null),le=p(v,R),de=e=>t=>{let n=Number(t.currentTarget.getAttribute(`data-index`));_(t.target)&&ce(n),ee(n),e?.onFocus?.(t)},z=e=>t=>{_(t.target)||ce(-1),ee(-1),e?.onBlur?.(t)},fe=(e,t)=>{let n=Number(e.currentTarget.getAttribute(`data-index`)),r=I[n],i=L.indexOf(r),a=t;if(oe&&b==null){let e=L[L.length-1];a=a>=e?e:a<=L[0]?L[0]:a<r?L[i-1]:L[i+1]}if(a=Ie(a,d,u),F){s&&(a=Ie(a,I[n-1]||-1/0,I[n+1]||1/0));let e=a;a=en(I,a,n);let t=n;s||(t=a.indexOf(e)),tn(R,t)}ie(a),ce(n),m&&!nn(a,P)&&ae(e,a,n),h&&h(e,re.current??a)},B=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=I[e],r=null;if(b!=null){let e=t.shiftKey?x:b;switch(t.key){case`ArrowUp`:r=Kt(n,e,1,d,u);break;case`ArrowRight`:r=Kt(n,e,c?-1:1,d,u);break;case`ArrowDown`:r=Kt(n,e,-1,d,u);break;case`ArrowLeft`:r=Kt(n,e,c?1:-1,d,u);break;case`PageUp`:r=Kt(n,x,1,d,u);break;case`PageDown`:r=Kt(n,x,-1,d,u);break;case`Home`:r=d;break;case`End`:r=u}}else if(oe){let e=L[L.length-1],i=L.indexOf(n),a=[c?`ArrowRight`:`ArrowLeft`,`ArrowDown`,`PageDown`,`Home`],o=[c?`ArrowLeft`:`ArrowRight`,`ArrowUp`,`PageUp`,`End`];a.includes(t.key)?r=i===0?L[0]:L[i-1]:o.includes(t.key)&&(r=i===L.length-1?e:L[i+1])}r!=null&&fe(t,r)}e?.onKeyDown?.(t)};je(()=>{let t=be(e(R.current));o&&a(R.current,t)&&t!=null&&`blur`in t&&t.blur()},[o]),o&&E!==-1&&D(-1),o&&se!==-1&&ce(-1);let V=e=>t=>{e.onChange?.(t),fe(t,t.currentTarget.valueAsNumber)},pe=Y.useRef(void 0),H=g;c&&g===`horizontal`&&(H+=`-reverse`);let me=e=>{let{current:t}=R;if(!t)return null;let{width:n,height:r,bottom:i,left:a}=t.getBoundingClientRect(),o;o=H.startsWith(`vertical`)?(i-e.y)/r:(e.x-a)/n,H.includes(`-reverse`)&&(o=1-o);let c;if(c=Zt(o,d,u),b)c=$t(c,b,d);else{let e=Jt(L,c);c=L[e]}c=Ie(c,d,u);let l=0;if(F){let e=pe.current!==-1;l=e?pe.current:Jt(I,c,ne.current),s&&(c=Ie(c,I[l-1]||-1/0,I[l+1]||1/0));let t=c;c=en(I,c,l),s&&e||(l=c.indexOf(t),pe.current=l)}return{newValue:c,activeIndex:l}},he=Le(e=>{if(`pointerId`in e&&e.pointerId!==M.current)return;let t=Yt(e,w);if(!t)return;if(A.current+=1,e.type===`pointermove`&&e.buttons===0){ge(e);return}let n=me(t);n&&(tn(R,n.activeIndex,D,!1),ne.current=n.activeIndex,ie(n.newValue),!k&&A.current>Ut&&te(!0),m&&!nn(n.newValue,P)&&ae(e,n.newValue,n.activeIndex))}),ge=Le(e=>{if(`pointerId`in e&&e.pointerId!==M.current)return;let t=Yt(e,w);if(te(!1),!t)return;let n=me(t);D(-1),e.type===`touchend`&&ee(-1),n&&h&&h(e,re.current??n.newValue),`pointerType`in e&&R.current?.hasPointerCapture(e.pointerId)&&R.current.releasePointerCapture(e.pointerId),w.current=void 0,M.current=-1,ve()}),_e=Le(t=>{if(o)return;if(j.current){j.current=!1;let e=t.changedTouches[0];e!=null&&(w.current=e.identifier);return}let n=t.changedTouches[0];n!=null&&(w.current=n.identifier);let r=Yt(t,w);if(r!==!1){pe.current=-1;let e=me(r);e&&(tn(R,e.activeIndex,D,!1),ne.current=e.activeIndex,ie(e.newValue),m&&!nn(e.newValue,P)&&ae(t,e.newValue,e.activeIndex))}A.current=0;let i=e(R.current);i.addEventListener(`touchmove`,he,{passive:!0}),i.addEventListener(`touchend`,ge,{passive:!0})}),ve=Y.useCallback(()=>{let t=e(R.current);t.removeEventListener(`pointermove`,he),t.removeEventListener(`pointerup`,ge),t.removeEventListener(`touchmove`,he),t.removeEventListener(`touchend`,ge)},[ge,he]);Y.useEffect(()=>{let e=R.current;if(e)return e.addEventListener(`touchstart`,_e,{passive:!0}),()=>{e.removeEventListener(`touchstart`,_e),N(),ve()}},[ve,_e,N]),Y.useEffect(()=>{o&&(ve(),N())},[o,ve,N]);let ye=t=>n=>{if(t.onPointerDown?.(n),n.pointerType===`touch`&&(j.current=!0),o||n.defaultPrevented||n.button!==0)return;let r=Yt(n,w);if(r!==!1){pe.current=-1;let t=me(r);if(t){let r=R.current?.querySelector(`input[type="range"][data-index="${t.activeIndex}"]`),i=e(R.current),a=r!=null&&r===be(i);D(t.activeIndex),ne.current=t.activeIndex,a?n.preventDefault():(N(),T.current=requestAnimationFrame(()=>{T.current=null,tn(R,t.activeIndex,void 0,!1)})),ie(t.newValue),m&&!nn(t.newValue,P)&&ae(n,t.newValue,t.activeIndex)}}A.current=0,M.current=n.pointerId;let i=e(R.current);try{n.currentTarget.setPointerCapture(n.pointerId)}catch{}i.addEventListener(`pointermove`,he,{passive:!0}),i.addEventListener(`pointerup`,ge)},U=Xt(F?I[0]:d,d,u),xe=Xt(I[I.length-1],d,u)-U,W=(e=Gt)=>{let n=t(e),r={onPointerDown:ye(n)},i={...n,...r};return{...e,ref:le,...i}},Se=e=>t=>{e.onMouseOver?.(t);let n=Number(t.currentTarget.getAttribute(`data-index`));ee(n)},Ce=e=>t=>{e.onMouseLeave?.(t),ee(-1)},we=(e=Gt)=>{let n=t(e),r={onMouseOver:Se(n),onMouseLeave:Ce(n)};return{...e,...n,...r}},G=e=>{let t;return F?E===e?t=2:ne.current===e&&(t=1):E===e&&(t=1),{pointerEvents:E!==-1&&E!==e?`none`:void 0,zIndex:t}},Te;return g===`vertical`&&(Te=c?`vertical-rl`:`vertical-lr`),{active:E,axis:H,axisProps:rn,dragging:k,focusedThumbIndex:se,getHiddenInputProps:(e=Gt)=>{let i=t(e),a={onChange:V(i),onFocus:de(i),onBlur:z(i),onKeyDown:B(i)},s={...i,...a};return{tabIndex:S,"aria-labelledby":r,"aria-orientation":g,"aria-valuemax":y(u),"aria-valuemin":y(d),name:f,type:`range`,min:n.min,max:n.max,step:n.step===null&&n.marks?`any`:n.step??void 0,disabled:o,...e,...s,style:{...Vt,direction:c?`rtl`:`ltr`,width:`100%`,height:`100%`,writingMode:Te}}},getRootProps:W,getThumbProps:we,marks:oe,open:O,range:F,rootRef:le,trackLeap:xe,trackOffset:U,values:I,getThumbStyle:G}}var sn=e=>{let{open:t}=e;return{offset:n(t&&Z.valueLabelOpen),circle:Z.valueLabelCircle,label:Z.valueLabelLabel}};function cn(e){let{children:t,className:r,value:i}=e,a=sn(e);return t?Y.cloneElement(t,{className:t.props.className},(0,X.jsxs)(Y.Fragment,{children:[t.props.children,(0,X.jsx)(`span`,{className:n(a.offset,r),"aria-hidden":!0,children:(0,X.jsx)(`span`,{className:a.circle,children:(0,X.jsx)(`span`,{className:a.label,children:i})})})]})):null}function ln(e){return e}var un=J(`span`,{name:`MuiSlider`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[`color${K(n.color)}`],n.size!==`medium`&&t[`size${K(n.size)}`],n.marked&&t.marked,n.orientation===`vertical`&&t.vertical,n.track===`inverted`&&t.trackInverted,n.track===!1&&t.trackFalse]}})(H(({theme:e})=>({borderRadius:12,boxSizing:`content-box`,display:`inline-block`,position:`relative`,cursor:`pointer`,touchAction:`none`,WebkitTapHighlightColor:`transparent`,"@media print":{colorAdjust:`exact`},[`&.${Z.disabled}`]:{pointerEvents:`none`,cursor:`default`,color:(e.vars||e).palette.grey[400]},[`&.${Z.dragging}`]:{[`& .${Z.thumb}, & .${Z.track}`]:{transition:`none`}},variants:[...Object.entries(e.palette).filter(T()).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}}]}))),dn=J(`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}}]}),fn=J(`span`,{name:`MuiSlider`,slot:`Track`})(H(({theme:e})=>({display:`block`,position:`absolute`,borderRadius:`inherit`,border:`1px solid currentColor`,backgroundColor:`currentColor`,...Be(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(T()).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)})}}}))]}))),pn=J(`span`,{name:`MuiSlider`,slot:`Thumb`})(H(({theme:e})=>({position:`absolute`,width:20,height:20,boxSizing:`border-box`,borderRadius:`50%`,outline:0,backgroundColor:`currentColor`,display:`flex`,alignItems:`center`,justifyContent:`center`,...Be(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%)`},[`&.${Z.disabled}`]:{"&:hover":{boxShadow:`none`}},...e.focusVisible&&{[`&.${Z.focusVisible}`]:{...ye,...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(T()).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&&{[`&.${Z.focusVisible}`]:{boxShadow:`0px 0px 0px 8px ${e.alpha((e.vars||e).palette[t].main,.16)}`,"@media (hover: none)":{boxShadow:`none`}}},[`&.${Z.active}`]:{boxShadow:`0px 0px 0px 14px ${e.alpha((e.vars||e).palette[t].main,.16)}`}}}))]}))),mn=J(cn,{name:`MuiSlider`,slot:`ValueLabel`})(H(({theme:e})=>({zIndex:1,whiteSpace:`nowrap`,...e.typography.body2,fontWeight:500,...Be(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%`},[`&.${Z.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%`},[`&.${Z.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`}}]}))),hn=J(`span`,{name:`MuiSlider`,slot:`Mark`,shouldForwardProp:e=>_e(e)&&e!==`markActive`,overridesResolver:(e,t)=>{let{markActive:n}=e;return[t.mark,n&&t.markActive]}})(H(({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}}]}))),gn=J(`span`,{name:`MuiSlider`,slot:`MarkLabel`,shouldForwardProp:e=>_e(e)&&e!==`markLabelActive`})(H(({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}}]}))),_n=e=>{let{disabled:t,dragging:n,marked:r,orientation:i,track:a,classes:o,color:s,size:c}=e,l={root:[`root`,t&&`disabled`,n&&`dragging`,r&&`marked`,i===`vertical`&&`vertical`,a===`inverted`&&`trackInverted`,a===!1&&`trackFalse`,s&&`color${K(s)}`,c&&`size${K(c)}`],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 De(l,_t,o)},vn=({children:e})=>e,yn=Y.forwardRef(function(e,t){let i=Te({props:e,name:`MuiSlider`}),a=xe(),{"aria-label":o,"aria-valuetext":s,"aria-labelledby":c,color:l=`primary`,classes:u,className:d,disableSwap:f=!1,disabled:p=!1,getAriaLabel:m,getAriaValueText:h,marks:g=!1,max:_=100,min:v=0,name:y,onChange:b,onChangeCommitted:x,orientation:S=`horizontal`,shiftStep:C=10,size:w=`medium`,step:T=1,scale:E=ln,slotProps:D={},slots:O={},tabIndex:ee,track:k=`normal`,value:te,valueLabelDisplay:A=`off`,valueLabelFormat:ne=ln,...j}=i,M={...i,isRtl:a,max:_,min:v,classes:u,disabled:p,disableSwap:f,orientation:S,marks:g,color:l,size:w,step:T,shiftStep:C,scale:E,track:k,valueLabelDisplay:A,valueLabelFormat:ne},{axisProps:N,getRootProps:re,getHiddenInputProps:P,getThumbProps:ie,open:ae,active:F,axis:I,focusedThumbIndex:oe,range:L,dragging:se,marks:ce,values:R,trackOffset:le,trackLeap:ue,getThumbStyle:de}=on({...M,rootRef:t});M.marked=ce.length>0&&ce.some(e=>e.label),M.dragging=se,M.focusedThumbIndex=oe;let z=_n(M),fe={slots:O,slotProps:D},[B,V]=q(`root`,{elementType:un,getSlotProps:re,externalForwardedProps:{...fe,...j},ownerState:M,className:[z.root,d]}),[pe,H]=q(`rail`,{elementType:dn,externalForwardedProps:fe,ownerState:M,className:z.rail}),[me,he]=q(`track`,{elementType:fn,externalForwardedProps:fe,additionalProps:{style:{...N[I].offset(le),...N[I].leap(ue)}},ownerState:M,className:z.track}),[ge,_e]=q(`thumb`,{elementType:pn,getSlotProps:ie,externalForwardedProps:fe,ownerState:M,className:z.thumb}),[ve,ye]=q(`valueLabel`,{elementType:mn,externalForwardedProps:fe,ownerState:M,className:z.valueLabel}),[be,U]=q(`mark`,{elementType:hn,externalForwardedProps:fe,ownerState:M,className:z.mark}),[W,Se]=q(`markLabel`,{elementType:gn,externalForwardedProps:fe,ownerState:M,className:z.markLabel}),[Ce,we]=q(`input`,{elementType:`input`,getSlotProps:P,externalForwardedProps:fe,ownerState:M});return(0,X.jsxs)(B,{...V,children:[(0,X.jsx)(pe,{...H}),(0,X.jsx)(me,{...he}),ce.filter(e=>e.value>=v&&e.value<=_).map((e,t)=>{let i=Xt(e.value,v,_),a=N[I].offset(i),o;return o=k===!1?R.includes(e.value):k===`normal`&&(L?e.value>=R[0]&&e.value<=R[R.length-1]:e.value<=R[0])||k===`inverted`&&(L?e.value<=R[0]||e.value>=R[R.length-1]:e.value>=R[0]),(0,X.jsxs)(Y.Fragment,{children:[(0,X.jsx)(be,{"data-index":t,...U,...!r(be)&&{markActive:o},style:{...a,...U.style},className:n(U.className,o&&z.markActive)}),e.label==null?null:(0,X.jsx)(W,{"aria-hidden":!0,"data-index":t,...Se,...!r(W)&&{markLabelActive:o},style:{...a,...Se.style},className:n(z.markLabel,Se.className,o&&z.markLabelActive),children:e.label})]},t)}),R.map((e,t)=>{let i=Xt(e,v,_),a=N[I].offset(i),l=A===`off`?vn:ve;return(0,X.jsx)(l,{...!r(l)&&{valueLabelFormat:ne,valueLabelDisplay:A,value:typeof ne==`function`?ne(E(e),t):ne,index:t,open:ae===t||F===t||A===`on`,disabled:p},...ye,children:(0,X.jsx)(ge,{"data-index":t,..._e,className:n(z.thumb,_e.className,F===t&&z.active,oe===t&&z.focusVisible),style:{...a,...de(t),..._e.style},children:(0,X.jsx)(Ce,{"data-index":t,"aria-label":m?m(t):o,"aria-valuenow":E(e),"aria-labelledby":c,"aria-valuetext":h?h(E(e),t):s,value:R[t],...we})})},t)})]})}),bn=Y.createContext({}),xn=Y.createContext(void 0);function Sn(e,t){return t===void 0||e===void 0?!1:Array.isArray(t)?t.includes(e):e===t}function Cn(e,t){let{children:n,disabled:r=!1,selected:i=!1,value:a}=e,o=s(),c=Ye({id:a,ref:t,disabled:r,selected:i}),l=o.getItemMap().size===0&&i?0:c.tabIndex;return Y.cloneElement(Y.Children.only(n),{...c,tabIndex:n.props.tabIndex??l})}var wn=Y.forwardRef(Cn),Tn=e=>{let{classes:t,fullWidth:n,selected:r,disabled:i,size:a,color:o}=e,s={root:[`root`,r&&`selected`,i&&`disabled`,n&&`fullWidth`,`size${K(a)}`,o]};return De(s,vt,t)},En=J(D,{name:`MuiToggleButton`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[`size${K(n.size)}`]]}})(H(({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,[`&.${yt.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:{[`&.${yt.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(T()).map(([t])=>({props:{color:t},style:{[`&.${yt.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)}}]}))),Dn=Y.forwardRef(function(e,t){let{value:r,isRovingTabIndex:i,...a}=Y.useContext(bn),o=Y.useContext(xn),s=we({...a,selected:Sn(e.value,r)},e),c=Te({props:s,name:`MuiToggleButton`}),{children:l,className:u,color:d=`standard`,disabled:f=!1,disableFocusRipple:p=!1,fullWidth:m=!1,onChange:h,onClick:g,selected:_,size:v=`medium`,value:y,...b}=c,x={...c,color:d,disabled:f,disableFocusRipple:p,fullWidth:m,size:v},S=Tn(x),C=e=>{g&&(g(e,y),e.defaultPrevented)||h&&h(e,y)},w=o||``,T=(0,X.jsx)(En,{className:n(a.className,S.root,u,w),internalNativeButton:!0,disabled:f,focusRipple:!p,ref:i?void 0:t,onClick:C,onChange:h,value:y,ownerState:x,"aria-pressed":_,...b,children:l});return i?(0,X.jsx)(wn,{disabled:f,selected:_,ref:t,value:y,children:T}):T});function On(e){return Y.Children.toArray(e).filter(e=>Y.isValidElement(e))}function kn(e){return Je(`MuiToggleButtonGroup`,e)}var $=V(`MuiToggleButtonGroup`,[`root`,`selected`,`horizontal`,`vertical`,`disabled`,`grouped`,`fullWidth`,`firstButton`,`lastButton`,`middleButton`]),An=e=>{let{classes:t,orientation:n,fullWidth:r,disabled:i}=e;return De({root:[`root`,n,r&&`fullWidth`],grouped:[`grouped`,i&&`disabled`],firstButton:[`firstButton`],lastButton:[`lastButton`],middleButton:[`middleButton`]},kn,t)},jn=J(`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]}})(H(({theme:e})=>({display:`inline-flex`,borderRadius:(e.vars||e).shape.borderRadius,...e.focusVisible&&{[`& .${$.grouped}.${te.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}.${yt.disabled},& .${$.middleButton}.${yt.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}.${yt.disabled},& .${$.middleButton}.${yt.disabled}`]:{borderLeft:`1px solid transparent`}}}]}))),Mn=Y.forwardRef(function(e,t){let r=Te({props:e,name:`MuiToggleButtonGroup`}),{children:i,className:a,color:o=`standard`,disabled:s=!1,exclusive:c=!1,fullWidth:u=!1,onChange:d,orientation:f=`horizontal`,size:p=`medium`,value:m,...h}=r,g={...r,disabled:s,fullWidth:u,orientation:f,size:p},_=An(g),v=xe(),y=Y.useCallback((e,t)=>{if(!d)return;let n=m&&m.indexOf(t),r;m&&n>=0?(r=m.slice(),r.splice(n,1)):r=m?m.concat(t):[t],d(e,r)},[d,m]),b=Y.useCallback((e,t)=>{d&&d(e,m===t?null:t)},[d,m]),x=Y.useMemo(()=>({className:_.grouped,onChange:c?b:y,value:m,size:p,fullWidth:u,color:o,disabled:s,isRovingTabIndex:!0}),[_.grouped,c,b,y,m,p,u,o,s]),S=On(i),C=S.length,w=e=>{let t=e===0,n=e===C-1;return t&&n?``:t?_.firstButton:n?_.lastButton:_.middleButton},T=ie({orientation:f,isRtl:v}),E=T.getContainerProps(t,h.onFocus,h.onKeyDown);return(0,X.jsx)(jn,{role:`group`,className:n(_.root,a),ownerState:g,...h,...E,children:(0,X.jsx)(l.Provider,{value:T,children:(0,X.jsx)(bn.Provider,{value:x,children:S.map((e,t)=>(0,X.jsx)(xn.Provider,{value:w(t),children:e},t))})})})}),Nn=ft({createStyledComponent:J(`div`,{name:`MuiStack`,slot:`Root`}),useThemeProps:e=>Te({props:e,name:`MuiStack`})}),Pn=e=>{let{classes:t,disabled:n,labelPlacement:r,error:i,required:a}=e,o={root:[`root`,n&&`disabled`,`labelPlacement${K(r)}`,i&&`error`,a&&`required`],label:[`label`,n&&`disabled`],asterisk:[`asterisk`,i&&`error`]};return De(o,ht,t)},Fn=J(`label`,{name:`MuiFormControlLabel`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${gt.label}`]:t.label},t.root,t[`labelPlacement${K(n.labelPlacement)}`]]}})(H(({theme:e})=>({display:`inline-flex`,alignItems:`center`,cursor:`pointer`,verticalAlign:`middle`,WebkitTapHighlightColor:`transparent`,marginLeft:-11,marginRight:16,[`&.${gt.disabled}`]:{cursor:`default`},[`& .${gt.label}`]:{[`&.${gt.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}}]}))),In=J(`span`,{name:`MuiFormControlLabel`,slot:`Asterisk`})(H(({theme:e})=>({[`&.${gt.error}`]:{color:(e.vars||e).palette.error.main}}))),Ln=Y.forwardRef(function(e,t){let r=Te({props:e,name:`MuiFormControlLabel`}),{checked:i,className:a,control:o,disabled:s,disableTypography:c,inputRef:l,label:u,labelPlacement:d=`end`,name:f,onChange:p,required:m,slots:h={},slotProps:g={},value:_,...v}=r,[y,b]=tt({props:r,states:[`error`]}),x=s??o.props.disabled??b?.disabled,S=m??o.props.required,C={disabled:x,required:S};[`checked`,`name`,`onChange`,`value`,`inputRef`].forEach(e=>{o.props[e]===void 0&&r[e]!==void 0&&(C[e]=r[e])});let w={...r,disabled:x,labelPlacement:d,required:S,error:y.error},T=Pn(w),[E,D]=q(`typography`,{elementType:B,externalForwardedProps:{slots:h,slotProps:g},ownerState:w}),O=u;return O!=null&&O.type!==B&&!c&&(O=(0,X.jsx)(E,{component:`span`,...D,className:n(T.label,D?.className),children:O})),(0,X.jsxs)(Fn,{className:n(T.root,a),ownerState:w,ref:t,...v,children:[Y.cloneElement(o,C),S?(0,X.jsxs)(`div`,{children:[O,(0,X.jsxs)(In,{ownerState:w,"aria-hidden":!0,className:T.asterisk,children:[` `,`*`]})]}):O]})});function Rn(e){return(1+Math.sin(Math.PI*e-Math.PI/2))/2}function zn(e,t,n,r={},i=()=>{}){let{ease:a=Rn,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 Bn={width:99,height:99,position:`absolute`,top:-9999,overflow:`scroll`,pointerEvents:`none`};function Vn(e){let{onChange:t,...n}=e,r=Y.useRef(),i=Y.useRef(null),a=()=>{r.current=i.current.offsetHeight-i.current.clientHeight};return R(()=>{let e=We(()=>{let e=r.current;a(),e!==r.current&&t(r.current)}),n=z(i.current);return n.addEventListener(`resize`,e),()=>{e.clear(),n.removeEventListener(`resize`,e)}},[t]),Y.useEffect(()=>{a(),t(r.current)},[t]),(0,X.jsx)(`div`,{style:Bn,...n,ref:i})}var Hn=Ne((0,X.jsx)(`path`,{d:`M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z`}),`KeyboardArrowLeft`),Un=Ne((0,X.jsx)(`path`,{d:`M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z`}),`KeyboardArrowRight`);function Wn(e){return Je(`MuiTabScrollButton`,e)}var Gn=V(`MuiTabScrollButton`,[`root`,`vertical`,`horizontal`,`disabled`]),Kn=e=>{let{classes:t,orientation:n,disabled:r}=e;return De({root:[`root`,n,r&&`disabled`]},Wn,t)},qn=J(D,{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,[`&.${Gn.disabled}`]:{opacity:0},variants:[{props:{orientation:`vertical`},style:{width:`100%`,height:40,"& svg":{transform:`var(--TabScrollButton-svgRotate)`}}}]}),Jn=Y.forwardRef(function(e,t){let r=Te({props:e,name:`MuiTabScrollButton`}),{className:i,slots:a={},slotProps:o={},direction:s,orientation:c,disabled:l,...u}=r,{nativeButton:d,...f}=u,p=xe(),m={isRtl:p,...r},h=Kn(m),g=a.StartScrollButtonIcon??Hn,_=a.EndScrollButtonIcon??Un,v=ee({elementType:g,externalSlotProps:o.startScrollButtonIcon,additionalProps:{fontSize:`small`},ownerState:m}),y=ee({elementType:_,externalSlotProps:o.endScrollButtonIcon,additionalProps:{fontSize:`small`},ownerState:m});return(0,X.jsx)(qn,{component:`div`,className:n(h.root,i),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,X.jsx)(g,{...v}):(0,X.jsx)(_,{...y})})});function Yn(e){return Je(`MuiTabs`,e)}var Xn=V(`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 De({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`]},Yn,c)},Qn=J(`div`,{name:`MuiTabs`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${Xn.scrollButtons}`]:t.scrollButtons},{[`& .${Xn.scrollButtons}`]:n.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,n.vertical&&t.vertical]}})(H(({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:{[`& .${Xn.scrollButtons}`]:{[e.breakpoints.down(`sm`)]:{display:`none`}}}}]}))),$n=J(`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`}}]}),er=J(`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`}}]}),tr=J(`span`,{name:`MuiTabs`,slot:`Indicator`})(H(({theme:e})=>({position:`absolute`,height:2,bottom:0,width:`100%`,...Be(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}}]}))),nr=J(Vn)({overflowX:`auto`,overflowY:`hidden`,scrollbarWidth:`none`,"&::-webkit-scrollbar":{display:`none`}}),rr={},ir=Y.forwardRef(function(e,t){let r=Te({props:e,name:`MuiTabs`}),i=ke(),o=xe(),s=d(i.motion.reducedMotion,!1),{"aria-label":c,"aria-labelledby":u,action:f,centered:p=!1,children:m,className:h,component:g=`div`,allowScrollButtonsMobile:_=!1,indicatorColor:v=`primary`,onChange:y,orientation:b=`horizontal`,scrollButtons:S=`auto`,selectionFollowsFocus:C,slots:w={},slotProps:T={},textColor:E=`primary`,value:D,variant:O=`standard`,visibleScrollbar:k=!1,...te}=r,A=O===`scrollable`,j=b===`vertical`,M=j?`scrollTop`:`scrollLeft`,N=j?`top`:`left`,re=j?`bottom`:`right`,P=j?`clientHeight`:`clientWidth`,ae=j?`height`:`width`,F={...r,component:g,allowScrollButtonsMobile:_,indicatorColor:v,orientation:b,vertical:j,scrollButtons:S,textColor:E,variant:O,visibleScrollbar:k,fixed:!A,hideScrollbar:A&&!k,scrollableX:A&&!j,scrollableY:A&&j,centered:p&&!A,scrollButtonsHideMobile:!_},I=Zn(F),oe=ee({elementType:w.startScrollButtonIcon,externalSlotProps:T.startScrollButtonIcon,ownerState:F}),L=ee({elementType:w.endScrollButtonIcon,externalSlotProps:T.endScrollButtonIcon,ownerState:F}),[ce,R]=Y.useState(!1),[le,ue]=Y.useState(rr),[de,fe]=Y.useState(!1),[B,V]=Y.useState(!1),[pe,H]=Y.useState(!1),me=D===!1?null:D,[he,ge]=Y.useState(!1),[_e,ve]=Y.useState({overflow:`hidden`,scrollbarWidth:0}),ye=new Map,U=Y.useRef(null),W=Y.useRef(null),Se={slots:w,slotProps:T},Ce=()=>{let e=U.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&&D!==!1){let e=W.current.children;if(e.length>0){let t=e[ye.get(D)];n=t?t.getBoundingClientRect():null}}return{tabsMeta:t,tabMeta:n}},we=x(()=>{let{tabsMeta:e,tabMeta:t}=Ce(),n=0,r;j?(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,[ae]:t?t[ae]:0};if(typeof le[r]!=`number`||typeof le[ae]!=`number`)ue(i);else{let e=Math.abs(le[r]-i[r]),t=Math.abs(le[ae]-i[ae]);(e>=1||t>=1)&&ue(i)}}),G=(e,{animation:t=!0}={})=>{t&&!s.shouldReduceMotion?zn(M,U.current,e,{duration:i.transitions.duration.standard}):U.current[M]=e},Ee=e=>{let t=U.current[M];t+=j?e:e*(o?-1:1),G(t)},K=()=>{let e=U.current[P],t=0,n=Array.from(W.current.children);for(let r=0;r<n.length;r+=1){let i=n[r];if(t+i[P]>e){r===0&&(t=e);break}t+=i[P]}return t},De=()=>{Ee(-1*K())},Oe=()=>{Ee(K())},[Ae,{onChange:je,...Me}]=q(`scrollbar`,{className:n(I.scrollableX,I.hideScrollbar),elementType:nr,shouldForwardComponentProp:!0,externalForwardedProps:Se,ownerState:F}),Ne=Y.useCallback(e=>{je?.(e),ve({overflow:null,scrollbarWidth:e})},[je]),[Pe,J]=q(`scrollButtons`,{className:I.scrollButtons,elementType:Jn,externalForwardedProps:Se,ownerState:F,additionalProps:{orientation:b,slots:{StartScrollButtonIcon:w.startScrollButtonIcon,EndScrollButtonIcon:w.endScrollButtonIcon},slotProps:{startScrollButtonIcon:oe,endScrollButtonIcon:L}}}),Fe=()=>{let e={};e.scrollbarSizeListener=A?(0,X.jsx)(Ae,{...Me,onChange:Ne}):null;let t=A&&(S===`auto`&&(de||B)||S===!0);return e.scrollButtonStart=t?(0,X.jsx)(Pe,{direction:o?`right`:`left`,onClick:De,disabled:!de,...J}):null,e.scrollButtonEnd=t?(0,X.jsx)(Pe,{direction:o?`left`:`right`,onClick:Oe,disabled:!B,...J}):null,e},Ie=x(e=>{let{tabsMeta:t,tabMeta:n}=Ce();if(n&&t){if(n[N]<t[N]){let r=t[M]+(n[N]-t[N]);G(r,{animation:e})}else if(n[re]>t[re]){let r=t[M]+(n[re]-t[re]);G(r,{animation:e})}}}),Le=x(()=>{A&&S!==!1&&H(!pe)});Y.useEffect(()=>{let e=We(()=>{U.current&&we()}),t,n=n=>{n.forEach(e=>{e.removedNodes.forEach(e=>{t?.unobserve(e)}),e.addedNodes.forEach(e=>{t?.observe(e)})}),e(),Le()},r=z(U.current);r.addEventListener(`resize`,e);let i;return typeof ResizeObserver<`u`&&(t=new ResizeObserver(e),Array.from(W.current.children).forEach(e=>{t.observe(e)})),typeof MutationObserver<`u`&&(i=new MutationObserver(n),i.observe(W.current,{childList:!0})),()=>{e.clear(),r.removeEventListener(`resize`,e),i?.disconnect(),t?.disconnect()}},[we,Le]),Y.useEffect(()=>{let e=Array.from(W.current.children),t=e.length;if(typeof IntersectionObserver<`u`&&t>0&&A&&S!==!1){let n=e[0],r=e[t-1],i={root:U.current,threshold:.99},a=new IntersectionObserver(e=>{fe(!e[0].isIntersecting)},i);a.observe(n);let o=new IntersectionObserver(e=>{V(!e[0].isIntersecting)},i);return o.observe(r),()=>{a.disconnect(),o.disconnect()}}},[A,S,pe,m?.length]),Y.useEffect(()=>{R(!0)},[]),Y.useEffect(()=>{we()}),Y.useEffect(()=>{Ie(rr!==le)},[Ie,le]),Y.useImperativeHandle(f,()=>({updateIndicator:we,updateScrollButtons:Le}),[we,Le]);let[Re,ze]=q(`indicator`,{className:I.indicator,elementType:tr,externalForwardedProps:Se,ownerState:F,additionalProps:{style:le}}),Be=(0,X.jsx)(Re,{...ze}),Ve=ie({activeItemId:he?void 0:me,orientation:b,isRtl:o}),He=Ve.getContainerProps(),Ue=Y.Children.toArray(m).filter(Y.isValidElement).map((e,t)=>{let n=e.props.value===void 0?t:e.props.value;return ye.set(n,t),{child:e,index:t,childValue:n}}).map(({child:e,childValue:t})=>{let n=t===D;return Y.cloneElement(e,{fullWidth:O===`fullWidth`,indicator:n&&!ce&&Be,selected:n,selectionFollowsFocus:C,onChange:y,textColor:E,value:t})}),Ge=Fe(),[Ke,qe]=q(`root`,{ref:t,className:n(I.root,h),elementType:Qn,externalForwardedProps:{...Se,...te,component:g},ownerState:F}),[Je,Ye]=q(`scroller`,{ref:U,className:I.scroller,elementType:$n,externalForwardedProps:Se,ownerState:F,additionalProps:{style:{overflow:_e.overflow,[j?`margin${o?`Left`:`Right`}`:`marginBottom`]:k?void 0:-_e.scrollbarWidth}}}),Xe=se(He.ref,W),Ze=e=>{let t=W.current;be(ne(t))?.getAttribute(`role`)===`tab`&&He.onKeyDown(e)},[Qe,$e]=q(`list`,{ref:Xe,className:I.list,elementType:er,externalForwardedProps:Se,ownerState:F,getSlotProps:e=>({...e,onBlur:t=>{a(t.currentTarget,t.relatedTarget)||ge(!1),e.onBlur?.(t)},onKeyDown:t=>{Ze(t),e.onKeyDown?.(t)},onFocus:t=>{ge(!0),He.onFocus(t),e.onFocus?.(t)}})});return(0,X.jsxs)(Ke,{...qe,children:[Ge.scrollButtonStart,Ge.scrollbarSizeListener,(0,X.jsxs)(Je,{...Ye,children:[(0,X.jsx)(Qe,{"aria-label":c,"aria-labelledby":u,"aria-orientation":b===`vertical`?`vertical`:null,role:`tablist`,...$e,children:(0,X.jsx)(l.Provider,{value:Ve,children:Ue})}),ce&&Be]}),Ge.scrollButtonEnd]})});function ar(e){return Je(`MuiTab`,e)}var or=V(`MuiTab`,[`root`,`labelIcon`,`textColorInherit`,`textColorPrimary`,`textColorSecondary`,`selected`,`disabled`,`fullWidth`,`wrapped`,`icon`]),sr=e=>{let{classes:t,textColor:n,fullWidth:r,wrapped:i,icon:a,label:o,selected:s,disabled:c}=e,l={root:[`root`,a&&o&&`labelIcon`,`textColor${K(n)}`,r&&`fullWidth`,i&&`wrapped`,s&&`selected`,c&&`disabled`],icon:[`icon`]};return De(l,ar,t)},cr=J(D,{name:`MuiTab`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.label&&n.icon&&t.labelIcon,t[`textColor${K(n.textColor)}`],n.fullWidth&&t.fullWidth,n.wrapped&&t.wrapped,{[`& .${or.icon}`]:t.icon}]}})(H(({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&&Ke(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:{[`& > .${or.icon}`]:{marginBottom:6}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&t===`bottom`,style:{[`& > .${or.icon}`]:{marginTop:6}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&t===`start`,style:{[`& > .${or.icon}`]:{marginRight:e.spacing(1)}}},{props:({ownerState:e,iconPosition:t})=>e.icon&&e.label&&t===`end`,style:{[`& > .${or.icon}`]:{marginLeft:e.spacing(1)}}},{props:{textColor:`inherit`},style:{color:`inherit`,opacity:.6,[`&.${or.selected}`]:{opacity:1},...e.focusVisible&&{[`&.${te.focusVisible}`]:{opacity:1}},[`&.${or.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}}},{props:{textColor:`primary`},style:{color:(e.vars||e).palette.text.secondary,[`&.${or.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${or.disabled}`]:{color:(e.vars||e).palette.text.disabled}}},{props:{textColor:`secondary`},style:{color:(e.vars||e).palette.text.secondary,[`&.${or.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${or.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)}}]}))),lr=Y.forwardRef(function(e,t){let r=Te({props:e,name:`MuiTab`}),{className:i,disabled:a=!1,disableFocusRipple:o=!1,fullWidth:c,icon:l,iconPosition:u=`top`,indicator:d,label:f,onChange:p,onClick:m,onFocus:h,selected:g,selectionFollowsFocus:_,textColor:v=`inherit`,value:y,wrapped:b=!1,...x}=r,S=s(),C=Ye({id:y,ref:t,disabled:a,selected:g}),w=S.getItemMap().size===0&&g?0:C.tabIndex,T={...r,disabled:a,disableFocusRipple:o,selected:g,icon:!!l,iconPosition:u,label:!!f,fullWidth:c,textColor:v,wrapped:b},E=sr(T),D=l&&f&&Y.isValidElement(l)?Y.cloneElement(l,{className:n(E.icon,l.props.className)}):l;return(0,X.jsxs)(cr,{internalNativeButton:!0,focusRipple:!o,className:n(E.root,i),ref:C.ref,role:`tab`,"aria-selected":g,disabled:a,onClick:e=>{!g&&p&&p(e,y),m&&m(e)},onFocus:e=>{_&&!g&&p&&p(e,y),h&&h(e)},tabIndex:w,ownerState:T,...x,children:[u===`top`||u===`start`?(0,X.jsxs)(Y.Fragment,{children:[D,f]}):(0,X.jsxs)(Y.Fragment,{children:[f,D]}),d]})}),ur=`<!-- octopus-revision -->`,dr=e=>String(e).padStart(2,`0`);function fr(e){return`lab-lock-${`${e.getUTCFullYear()}${dr(e.getUTCMonth()+1)}${dr(e.getUTCDate())}T${dr(e.getUTCHours())}${dr(e.getUTCMinutes())}${dr(e.getUTCSeconds())}Z`}.md`}var pr=j(re(),1),mr=[{id:`page`,label:`Page`},{id:`labels`,label:`Labels`},{id:`lists`,label:`Lists`},{id:`assistant`,label:`Assistant`}],hr=[{id:`frame`,kind:`choice`,group:`page`,label:`Frame`,attr:`frame`,default:N,question:`Whether the plane fills the main area with no frame, as before the frame; is capped at the page's width and centred in the window; or fills the window with the page's content centred inside it, as Gmail does. Corner beside the assistant applies only under a frame.`,options:[{value:`full`,label:`Full`},{value:`capped`,label:`Capped`},{value:`stretch`,label:`Stretch`}]},{id:`planeCorner`,kind:`choice`,group:`page`,label:`Corner beside the assistant`,attr:`planeCorner`,default:nt,question:`The page's top-right corner beside the open assistant. Square, meeting the pane with its shadow along the seam, as the sidebar does; or round, the page above the pane casting its own shadow off its right edge.`,options:[{value:`square`,label:`Square`},{value:`round`,label:`Round`}]},{id:`metaGlassOpacity`,kind:`slider`,group:`page`,label:`Meta field glass`,hook:`metaGlassOpacity`,min:0,max:100,step:5,unit:`%`,default:{light:parseFloat(le.light),dark:parseFloat(le.dark)},question:`How much of a raised card's fill a glass meta field takes (MetaField variant = glass): 0 is none, 100 the card. Each mode keeps its own value; the slider moves the one for the mode in view.`},{id:`metaPadY`,kind:`slider`,group:`page`,label:`Meta row padding`,hook:`metaPadY`,min:0,max:24,step:1,unit:`px`,default:0,question:`Padding above and below a subject page's row of facts (its meta slot: on a case, the summary strip). None as designed; Compact sets its own.`},{id:`tabsScrollFade`,kind:`slider`,group:`page`,label:`Fade under the tabs`,hook:`tabsScrollFade`,min:0,max:64,step:2,unit:`px`,default:parseFloat(L),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(g),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:Re.light.band.opacity,dark:Re.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:Re.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(m),question:`How long a change of theme or mode crossfades, the whole page at once. 0 swaps it in a single frame.`}],gr=[{id:`countStyle`,kind:`choice`,group:`labels`,label:`Count drawing`,attr:`countStyle`,default:S,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:I.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; ${I.kbd} is the kbd radius it defaults to.`},{id:`chipRadius`,kind:`slider`,group:`labels`,label:`Chip radius`,hook:`chipRadius`,min:0,max:16,step:1,unit:`px`,default:16,question:`How rounded a chip's corners are. 14px and up is a full pill on a medium chip (11px on a small one); 4px is a tag.`},{id:`chipPadX`,kind:`slider`,group:`labels`,label:`Chip padding`,hook:`chipPadX`,min:2,max:20,step:1,unit:`px`,default:parseFloat(i.medium),question:`The space either side of a medium chip's label. MUI's 12px.`},{id:`chipPadXSmall`,kind:`slider`,group:`labels`,label:`Chip padding, small`,hook:`chipPadXSmall`,min:2,max:16,step:1,unit:`px`,default:parseFloat(i.small),question:`The space either side of a small chip's label: tables, filters, counts beside tabs. MUI's 8px.`},{id:`chipPadY`,kind:`slider`,group:`labels`,label:`Chip padding, vertical`,hook:`chipPadY`,min:0,max:10,step:1,unit:`px`,default:w.medium,question:`The space above and below a medium chip's label, which sets its height: 4px is the 28px it has always been.`},{id:`chipPadYSmall`,kind:`slider`,group:`labels`,label:`Chip padding, vertical, small`,hook:`chipPadYSmall`,min:0,max:8,step:1,unit:`px`,default:w.small,question:`The same for a small chip: 3px is its 22px.`}],_r=[{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(fe),question:`How big a row's icon is beside its 14px label. Investigations drew 20px.`}],vr=[{id:`seamBlur`,kind:`slider`,group:`assistant`,label:`Seam shadow blur`,hook:`seamBlur`,min:0,max:40,step:1,unit:`px`,default:parseFloat(v.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(f),question:`How far the conversation dissolves at its top and bottom edges, under the header and above the composer. 0 cuts it.`}],yr=[...hr,...gr,..._r,...vr],br={width:340,height:640},xr=`This browser can't open a Picture-in-Picture window.`;function Sr(e=globalThis){return`documentPictureInPicture`in e}function Cr(e=globalThis){let t=e.documentPictureInPicture;return t?t.requestWindow(br):Promise.reject(Error(xr))}function wr(e,t){let n=t.join(` `).toLowerCase();return e.toLowerCase().split(/\s+/).filter(Boolean).every(e=>n.includes(e))}function Tr(e){let t=mr.find(t=>t.id===e.group)?.label,n=e.kind===`choice`?e.options.map(e=>e.label):[];return[e.label,e.question,e.id,t,...n]}function Er(e){let t=e.options.flatMap(e=>[e.label,e.description]);return[e.title,e.id,e.group,e.description,...t]}function Dr(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 Or(e,t){return(0,Y.useSyncExternalStore)(e.subscribe,()=>t(e.get()),()=>t(e.get()))}var kr=`aistrike.lab`,Ar=[`light`,`dark`],jr=`data-ds-mode`;function Mr(e){return e.kind===`slider`&&typeof e.default==`object`}function Nr(e,t){if(!Mr(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 Pr(e){return e.getAttribute(jr)===`light`?`light`:`dark`}function Fr(e){if(e.kind===`slider`&&typeof e.default==`object`){let t=e.default;return Ar.map(n=>({key:Nr(e,n),fallback:t[n]}))}return[{key:e.id,fallback:e.default}]}function Ir(e,t){return e.kind===`slider`&&typeof e.default==`object`?e.default[t]:e.default}function Lr(e){return Object.fromEntries(e.flatMap(Fr).map(({key:e,fallback:t})=>[e,t]))}function Rr(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 zr(e,t){let n=typeof e==`object`&&e&&!Array.isArray(e)?e:{};return Object.fromEntries(t.flatMap(e=>Fr(e).map(({key:t,fallback:r})=>{let i=n[t];return[t,Rr(e,i)?i:r]})))}function Br(e,t=localStorage){try{return zr(JSON.parse(t.getItem(`aistrike.lab`)??`null`),e)}catch{return Lr(e)}}function Vr(e,t=localStorage){try{t.setItem(kr,JSON.stringify(e))}catch{}}function Hr(e,t,n=document.documentElement,r=Pr(n)){for(let i of t)if(i.kind===`choice`)i.attr!==void 0&&n.setAttribute(b[i.attr],String(e[i.id]??i.default));else if(i.hook!==void 0){let t=ce[i.hook],a=Ir(i,r),o=e[Nr(i,r)]??a;o===a?n.style.removeProperty(t):n.style.setProperty(t,`${o}${i.kind===`slider`?i.unit:``}`)}}function Ur(e,t=document.documentElement){for(let n of e)n.kind===`choice`?n.attr!==void 0&&t.removeAttribute(b[n.attr]):n.hook!==void 0&&t.style.removeProperty(ce[n.hook])}var Wr=(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:[jr]}),()=>{n.disconnect()}};function Gr(e){let{controls:t}=e,n=e.root??document.documentElement,r=e.storage??localStorage,i=e.experiments??Ue(),a=new Map(t.map(e=>[e.id,e])),o=Dr(Br(t,r)),s=i.isPaused(),c=e=>{s?Ur(t,n):Hr(e,t,n)};c(o.get());let l=e=>{c(e),Vr(e,r),o.set(e)},u=(e.observeMode??Wr)(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||!Rr(i,t)||l({...o.get(),[Nr(i,r??Pr(n))]:t})},replace(e){l(zr(e,t))},reset(){l(Lr(t))},dispose(){f()}}}var Kr=`docs/decisions/2026-10-21-design-lab-in-octopus.md`,qr=[`light`,`dark`],Jr=(e,t)=>`${t}${e.kind===`slider`?e.unit:``}`;function Yr(e){return e.kind===`choice`?e.attr===void 0?`—`:b[e.attr]:e.hook===void 0?`—`:ce[e.hook]}function Xr(e,t,n){return t.filter(e=>n.includes(e.id)).flatMap(t=>{let n=(n,r)=>{let i=Nr(t,n??void 0);return{id:t.id,label:t.label,hook:Yr(t),mode:n,old:Jr(t,r),next:Jr(t,e[i]??r)}};if(t.kind===`slider`&&typeof t.default==`object`&&Mr(t)){let e=t.default;return qr.map(t=>n(t,e[t]))}return[n(null,t.default)]})}function Zr({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}${ur}, ${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",`${Kr}. Leave the change uncommitted.`,``,`## Clarifications`,``,`## Progress`,``].join(`
+`)}var Qr={light:`Light`,dark:`Dark`},$r=e=>e.old!==e.next;function ei(e){return e.map(e=>{let t=$r(e)?`${e.old} → ${e.next}`:`keep`;return e.mode===null?t:`${Qr[e.mode]}: ${t}`}).join(` · `)}function ti({values:e,controls:t,onCancel:n,onConfirm:r}){let i=new Map(t.map(t=>[t.id,Xr(e,[t],[t.id])])),[a,o]=(0,Y.useState)(()=>new Set(t.filter(e=>i.get(e.id)?.some($r)).map(e=>e.id))),s=e=>{o(t=>{let n=new Set(t);return n.delete(e)||n.add(e),n})},c=t.filter(e=>a.has(e.id)).length;return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(Ae,{children:`Lock in`}),(0,X.jsxs)(Fe,{children:[(0,X.jsx)(B,{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.`}),mr.map(e=>{let n=t.filter(t=>t.group===e.id);return n.length===0?null:(0,X.jsxs)(Ee,{component:`section`,"aria-label":e.label,sx:{mb:1.5},children:[(0,X.jsx)(B,{variant:`overline`,component:`h3`,sx:{display:`block`},children:e.label}),n.map(e=>(0,X.jsxs)(Ee,{component:`label`,sx:{display:`flex`,alignItems:`center`,gap:1,cursor:`pointer`},children:[(0,X.jsx)(Nt,{size:`small`,checked:a.has(e.id),onChange:()=>s(e.id),slotProps:{input:{"aria-label":e.label}}}),(0,X.jsx)(B,{variant:`body2`,component:`span`,sx:{flex:1},children:e.label}),(0,X.jsx)(B,{variant:`caption`,component:`span`,sx:{fontFamily:de.mono,color:`var(--ds-text-quiet)`,textAlign:`right`},children:ei(i.get(e.id)??[])})]},e.id))]},e.id)})]}),(0,X.jsxs)(ve,{children:[(0,X.jsx)(G,{variant:`ghost`,onClick:n,children:`Cancel`}),(0,X.jsx)(G,{variant:`primary`,disabled:c===0,onClick:()=>r(t.filter(e=>a.has(e.id)).map(e=>e.id)),children:`Lock ${c}`})]})]})}function ni({open:e,onCancel:t,container:n,...r}){return(0,X.jsx)(ge,{open:e,onClose:t,container:n,fullWidth:!0,maxWidth:`sm`,children:(0,X.jsx)(ti,{...r,onCancel:t})})}var ri=`style[data-ds-theme]`,ii=[`fonts.googleapis.com`,`fonts.bunny.net`,`use.typekit.net`,`fonts.adobe.com`];function ai(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 oi(e,t){let n=e.head.querySelector(ri),r=t.head.querySelector(ri);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 si=`data-ds-mirror-font`;function ci(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[${si}]`)){let e=t.createElement(`style`);e.setAttribute(si,``),e.textContent=r,t.head.appendChild(e)}let i=new Set(Array.from(t.head.querySelectorAll(`link[${si}]`),e=>e.href));for(let r of Array.from(e.head.querySelectorAll(`link[rel="stylesheet"]`))){if(!ii.some(e=>r.href.includes(e))||n.has(r.href)||i.has(r.href))continue;let e=t.createElement(`link`);e.setAttribute(si,``),e.rel=`stylesheet`,e.href=r.href,t.head.appendChild(e),i.add(r.href)}}function li(e,t){let n=()=>{ai(e.documentElement,t.documentElement),oi(e,t)};n(),ci(e,t);let r=new MutationObserver(n);r.observe(e.documentElement,{attributes:!0});let i=()=>oi(e,t),a=e.defaultView;return a?.addEventListener(O,i),()=>{r.disconnect(),a?.removeEventListener(O,i)}}var ui=new Set([404,405]);function di(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 fi(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 pi(e,t,n){let{endpoint:r,fetch:i=fetch,download:a=di}=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 fi(n),!n.ok&&!ui.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 mi=e=>{window.history.pushState(null,``,e),window.dispatchEvent(new PopStateEvent(`popstate`))},hi=`aistrike.lab.snapshots`,gi=`aistrike.lab.snapshot`;function _i(e=localStorage){try{return e.getItem(`aistrike.lab.snapshot`)??``}catch{return``}}function vi(e,t=localStorage){try{t.setItem(gi,e)}catch{}}function yi(e=localStorage){try{let t=JSON.parse(e.getItem(`aistrike.lab.snapshots`)??`[]`);return Array.isArray(t)?t.filter(e=>typeof e?.name==`string`):[]}catch{return[]}}function bi(e,t=localStorage){try{t.setItem(hi,JSON.stringify(e))}catch{}}function xi(e,t,n,r){let i=Lr(r),a=Object.fromEntries(Object.entries(t.store.get()).filter(([e,t])=>t!==i[e])),o={};for(let e of n.definitions()){let t=n.picked(e.id);t!==void 0&&t!==e.baseline&&(o[e.id]=t)}return{name:e,design:a,switches:o}}function Si(e,t){let n=e.findIndex(e=>e.name===t.name);return n===-1?[...e,t]:e.map((e,r)=>r===n?t:e)}function Ci(e,t,n){t.replace(e.design),n.reset(`experiment`),n.reset(`scenario`),n.setMany(e.switches)}var wi=`aria-label`,Ti={padding:`0 16px 8px`,display:`flex`,gap:8,alignItems:`center`};function Ei({lab:e,controls:t,session:n,notify:r}){let[i,a]=(0,Y.useState)(()=>yi()),[o,s]=(0,Y.useState)(_i),c=e=>{vi(e),s(e)},[l,u]=(0,Y.useState)(null),d=e=>{bi(e),a(e)},f=t=>{let a=i.find(e=>e.name===t);a!==void 0&&(Ci(a,e,n),c(t),r(`Loaded ${t}`))},p=(a,o)=>{d(Si(i,xi(a,e,n,t))),c(a),u(null),r(`${o} ${a}`)},m=()=>{let e=(l??``).trim();e!==``&&p(e,`Saved`)};return l===null?(0,X.jsxs)(`div`,{style:Ti,children:[(0,X.jsx)(me,{fullWidth:!0,displayEmpty:!0,size:`small`,value:i.some(e=>e.name===o)?o:``,onChange:e=>f(String(e.target.value)),renderValue:e=>e===``?i.length===0?`No snapshots yet`:`Load a snapshot`:e,SelectDisplayProps:{[wi]:`Snapshots`},children:i.map(e=>(0,X.jsx)(W,{value:e.name,children:e.name},e.name))}),(0,X.jsx)(G,{variant:`ghost`,size:`small`,disabled:!i.some(e=>e.name===o),onClick:()=>p(o,`Updated`),children:`Update`}),(0,X.jsx)(G,{variant:`ghost`,size:`small`,onClick:()=>u(``),children:`Save`}),(0,X.jsx)(G,{variant:`ghost`,size:`small`,disabled:!i.some(e=>e.name===o),onClick:()=>{d(i.filter(e=>e.name!==o)),r(`Deleted ${o}`),c(``)},children:`Delete`})]}):(0,X.jsxs)(`div`,{style:Ti,children:[(0,X.jsx)($e,{autoFocus:!0,fullWidth:!0,size:`small`,placeholder:`Snapshot name`,value:l,slotProps:{htmlInput:{[wi]:`Snapshot name`}},onChange:e=>u(e.target.value),onKeyDown:e=>{e.key===`Enter`?m():e.key===`Escape`&&u(null)}}),(0,X.jsx)(G,{variant:`primary`,size:`small`,disabled:l.trim()===``,onClick:m,children:`Save`}),(0,X.jsx)(G,{variant:`ghost`,size:`small`,onClick:()=>u(null),children:`Cancel`})]})}var Di=`var(--ds-text-quiet)`,Oi=`aria-label`;function ki({query:e}){return(0,X.jsx)(B,{variant:`caption`,component:`p`,sx:{m:0,color:Di},children:`Nothing matches "${e.trim()}".`})}var Ai=500;function ji(){return(0,Y.useSyncExternalStore)(e=>{window.addEventListener(`popstate`,e);let t=window.setInterval(e,Ai);return()=>{window.removeEventListener(`popstate`,e),window.clearInterval(t)}},()=>window.location.pathname)}var Mi=e=>e.group??`Other`,Ni=e=>e.options.length===2&&e.options[0]?.id===`off`&&e.options[1]?.id===`on`;function Pi({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=Ni(e);return(0,X.jsxs)(`div`,{children:[(0,X.jsxs)(`div`,{style:{display:`flex`,alignItems:`baseline`,gap:8},children:[(0,X.jsx)(B,{variant:`subtitle2`,component:`span`,sx:{flex:1,minWidth:0},children:e.title}),(0,X.jsx)(G,{variant:`ghost`,size:`small`,title:`Copy the id`,"aria-label":`Copy ${e.id}`,onClick:()=>n(e.id,e.id),sx:{fontFamily:de.mono,textTransform:`none`,minWidth:0,px:.5,color:Di},children:e.id})]}),e.description===void 0?null:(0,X.jsx)(B,{variant:`caption`,component:`p`,sx:{m:0,mb:.75,color:Di},children:e.description}),(0,X.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[o?(0,X.jsx)(Ln,{sx:{flex:1,m:0},label:i===`on`?`On`:`Off`,control:(0,X.jsx)(Bt,{size:`small`,checked:i===`on`,slotProps:{input:{[Oi]:e.title}},onChange:(...[,n])=>t.set(e.id,n?`on`:`off`)})}):(0,X.jsx)(me,{fullWidth:!0,size:`small`,value:i,onChange:n=>t.set(e.id,String(n.target.value)),SelectDisplayProps:{[Oi]:e.title},children:e.options.map(t=>(0,X.jsx)(W,{value:t.id,children:t.id===e.baseline?`${t.label} (ships)`:t.label},t.id))}),r===void 0?null:(0,X.jsx)(G,{variant:`secondary`,size:`small`,onClick:r,children:`Go`})]}),o?null:(0,X.jsxs)(B,{variant:`caption`,component:`p`,sx:{m:0,mt:.5,color:Di},children:[(0,X.jsx)(`span`,{style:{fontFamily:de.mono},children:i}),a?.description===void 0?null:` · ${a.description}`]})]})}var Fi={experiment:{one:`experiment`,many:`Experiments`,register:`registerExperiment`},scenario:{one:`scenario`,many:`Scenarios`,register:`registerScenario`}};function Ii({kind:e,session:t,navigate:n,copy:r,query:i=``}){(0,Y.useSyncExternalStore)(t.subscribe,()=>t.shared.revision);let a=ji(),[o,s]=(0,Y.useState)(!1),c=t.definitions(e),l=i.trim()!==``,u=c.filter(e=>wr(i,Er(e))),d=u.filter(e=>t.applies(e,a)),f=u.filter(e=>!d.includes(e)),p=Fi[e],m=e=>{let r=t.hrefOf(e);if(r!==void 0||e.when!==void 0)return()=>{t.setMany(e.when??{}),r!==void 0&&n(r)}},h=(e,n)=>(0,X.jsx)(Pi,{definition:e,session:t,copy:r,go:n?m(e):void 0},e.id),g=(e,t)=>c.some(e=>e.group!==void 0)?[...new Set(c.map(Mi))].filter(t=>e.some(e=>Mi(e)===t)).map(n=>(0,X.jsxs)(`section`,{"aria-label":n,style:{display:`grid`,gap:14},children:[(0,X.jsx)(B,{variant:`subtitle2`,component:`h3`,sx:{m:0,mt:.5,color:Di},children:n}),e.filter(e=>Mi(e)===n).map(e=>h(e,t))]},n)):e.map(e=>h(e,t)),_=e===`experiment`?ze(t):``;return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(`div`,{role:`tabpanel`,"aria-label":p.many,style:{flex:1,minHeight:0,overflowY:`auto`,padding:`4px 16px 12px`,display:`grid`,alignContent:`start`,gap:14},children:c.length===0?(0,X.jsxs)(B,{variant:`body2`,component:`p`,sx:{m:0,color:Di},children:[`No ${p.one} is registered. An app declares one with `,(0,X.jsx)(`span`,{style:{fontFamily:de.mono},children:p.register}),` from `,(0,X.jsx)(`span`,{style:{fontFamily:de.mono},children:`@aistrike-dev/ui/experiments`}),`.`]}):l&&u.length===0?(0,X.jsx)(ki,{query:i}):(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(B,{variant:`overline`,component:`h2`,sx:{m:0,color:Di},children:`On this page`}),d.length===0?(0,X.jsx)(B,{variant:`caption`,component:`p`,sx:{m:0,color:Di},children:`No ${p.one} applies here.`}):g(d,!1),f.length===0?null:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(G,{variant:`ghost`,size:`small`,"aria-expanded":o,onClick:()=>s(e=>!e),sx:{justifySelf:`start`},children:`${o?`Hide`:`Show`} library (${f.length})`}),o||l?g(f,!0):null]})]})}),(0,X.jsxs)(`div`,{style:{padding:`10px 16px 12px`,display:`flex`,gap:8,justifyContent:`flex-end`,borderTop:`1px solid var(--ds-separator)`},children:[(0,X.jsx)(G,{variant:`ghost`,size:`small`,onClick:()=>t.reset(e),children:`Reset`}),e===`experiment`?(0,X.jsx)(G,{variant:`primary`,size:`small`,disabled:_===``,onClick:()=>r(_,`the picks`),children:`Copy picks`}):null]})]})}var Li=`6.2.0`,Ri=`/__octopus/lab/lock`;function zi(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 Bi=`aistrike.lab.section`,Vi=`aistrike.lab.scroll`,Hi=`section[aria-label="Design Lab"] [role="tabpanel"]`;function Ui(e,t){try{let n=localStorage.getItem(e);return n===null?t:JSON.parse(n)}catch{return t}}function Wi(e,t){try{localStorage.setItem(e,JSON.stringify(t))}catch{}}var Gi=[{id:`design`,label:`Design`},{id:`experiment`,label:`Experiments`},{id:`scenario`,label:`Scenarios`}],Ki=4,qi=`aria-label`,Ji={light:`Light`,dark:`Dark`},Yi=`var(--ds-text-quiet)`,Xi=e=>(String(e).split(`.`)[1]??``).length;function Zi(e,t){let n=Math.round((t-e.min)/e.step),r=Number((e.min+n*e.step).toFixed(Math.max(Xi(e.step),Xi(e.min))));return Math.min(e.max,Math.max(e.min,r))}function Qi({label:e,question:t}){return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(B,{variant:`subtitle2`,component:`span`,children:e}),(0,X.jsx)(B,{variant:`caption`,component:`p`,sx:{m:0,mb:.75,color:Yi},children:t})]})}function $i({control:e,label:t,value:n,other:r,onChange:i}){return(0,X.jsxs)(`div`,{children:[(0,X.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,alignItems:`baseline`},children:[(0,X.jsx)(B,{variant:`subtitle2`,component:`span`,children:t}),(0,X.jsx)(B,{variant:`caption`,component:`span`,sx:{fontVariantNumeric:`tabular-nums`},children:`${n}${e.unit}`})]}),(0,X.jsx)(B,{variant:`caption`,component:`p`,sx:{m:0,color:Yi},children:e.question}),(0,X.jsx)(yn,{size:`small`,"aria-label":t,min:e.min,max:e.max,step:e.step,value:n,onChange:(...[,t])=>i(Zi(e,Array.isArray(t)?t[0]??n:t))}),r===void 0?null:(0,X.jsx)(B,{variant:`caption`,component:`p`,sx:{m:0,color:Yi,fontVariantNumeric:`tabular-nums`},children:`${Ji[r.mode]}: ${r.value}${e.unit}`})]})}function ea({control:e,value:t,onChange:n}){return e.options.length>Ki?(0,X.jsxs)(`div`,{children:[(0,X.jsx)(Qi,{label:e.label,question:e.question}),(0,X.jsx)(me,{fullWidth:!0,size:`small`,value:t,onChange:e=>n(String(e.target.value)),SelectDisplayProps:{[qi]:e.label},children:e.options.map(e=>(0,X.jsx)(W,{value:e.value,children:e.label},e.value))})]}):(0,X.jsxs)(`div`,{children:[(0,X.jsx)(Qi,{label:e.label,question:e.question}),(0,X.jsx)(Mn,{exclusive:!0,fullWidth:!0,size:`small`,"aria-label":e.label,value:t,onChange:(...[,e])=>{e!==null&&n(e)},children:e.options.map(e=>(0,X.jsx)(Dn,{value:e.value,sx:{textTransform:`none`,py:.25},children:e.label},e.value))})]})}function ta({control:e,values:t,mode:n,set:r}){if(e.kind===`choice`)return(0,X.jsx)(ea,{control:e,value:String(t[e.id]??e.default),onChange:t=>r(e.id,t)});if(Mr(e)&&typeof e.default==`object`){let i=n===`light`?`dark`:`light`;return(0,X.jsx)($i,{control:e,label:`${e.label} (${n})`,value:Number(t[Nr(e,n)]??e.default[n]),other:{mode:i,value:Number(t[Nr(e,i)]??e.default[i])},onChange:t=>r(e.id,t,n)})}return(0,X.jsx)($i,{control:e,label:e.label,value:Number(t[e.id]??e.default),onChange:t=>r(e.id,t)})}function na(){return typeof location>`u`?{url:``,host:``}:{url:location.href,host:location.host}}function ra({lab:e,controls:t,lockEndpoint:n,submit:r,experiments:i,navigate:a,container:o,actions:s}){let c=Or(e.store,e=>e),l=(0,Y.useSyncExternalStore)(i.subscribe,()=>i.isPaused()),[u,d]=(0,Y.useState)(()=>{let e=Ui(Bi,`design`);return Gi.some(t=>t.id===e)?e:`design`}),f=e=>{Wi(Bi,e),d(e)};(0,Y.useLayoutEffect)(()=>{let e=Ui(Vi,{})[u],t=o.querySelector(Hi);t!==null&&typeof e==`number`&&(t.scrollTop=e)},[u,o]);let p=e=>{e.target===o.querySelector(Hi)&&Wi(Vi,{...Ui(Vi,{}),[u]:e.target.scrollTop})},[m,h]=(0,Y.useState)({design:``,experiment:``,scenario:``}),g=m[u],_=Gi.find(e=>e.id===u)?.label??``,v=g.trim()!==``,y=Pr(document.documentElement),[b,x]=(0,Y.useState)(!1),[S,C]=(0,Y.useState)(null),w=mr.filter(e=>t.some(t=>t.group===e.id)),[T,E]=(0,Y.useState)(null),D=w.find(e=>e.id===T)?.id??w[0]?.id,O=async i=>{x(!1);try{let a=new Date;C(zi(await r(Zr({rows:Xr(e.store.get(),t,i),...na(),version:Li,lockedAt:a}),fr(a),{endpoint:n})))}catch(e){C(`Lock failed: ${e instanceof Error?e.message:String(e)}`)}},ee=(e,t)=>{let n=o.ownerDocument.defaultView?.navigator.clipboard;(n===void 0?Promise.reject(Error(`no clipboard`)):n.writeText(e)).then(()=>C(`Copied ${t}`),()=>C(e))},k=v?t.filter(e=>wr(g,Tr(e))):t.filter(e=>e.group===D),te=(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(`div`,{style:{padding:`4px 16px 8px`,display:v?`none`:void 0},children:(0,X.jsx)(me,{fullWidth:!0,size:`small`,value:D??``,onChange:e=>E(e.target.value),SelectDisplayProps:{[qi]:`Control group`},children:w.map(e=>(0,X.jsx)(W,{value:e.id,children:e.label},e.id))})}),(0,X.jsxs)(`div`,{role:`tabpanel`,"aria-label":v?`Matching controls`:w.find(e=>e.id===D)?.label,style:{flex:1,minHeight:0,overflowY:`auto`,padding:`4px 16px 12px`,display:`grid`,alignContent:`start`,gap:14},children:[k.map(t=>(0,X.jsx)(ta,{control:t,values:c,mode:y,set:e.set},t.id)),k.length===0?(0,X.jsx)(ki,{query:g}):null]}),(0,X.jsxs)(`div`,{style:{padding:`10px 16px 12px`,display:`flex`,gap:8,justifyContent:`flex-end`,borderTop:`1px solid var(--ds-separator)`},children:[(0,X.jsx)(G,{variant:`ghost`,size:`small`,onClick:()=>e.reset(),children:`Reset`}),(0,X.jsx)(G,{variant:`primary`,size:`small`,onClick:()=>x(!0),children:`Lock in`})]})]});return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(Ve,{rung:`raised`,component:`section`,"aria-label":`Design Lab`,onScrollCapture:p,sx:{height:`100vh`,display:`flex`,flexDirection:`column`,borderRadius:0},children:[(0,X.jsxs)(`div`,{style:{padding:`12px 16px 4px`,display:`flex`,alignItems:`center`,gap:8},children:[(0,X.jsx)(Ln,{sx:{m:0,flex:1,justifyContent:`space-between`},labelPlacement:`start`,label:(0,X.jsx)(B,{variant:`subtitle2`,component:`span`,children:l?`Overrides off: as it ships`:`Overrides on`}),control:(0,X.jsx)(Bt,{size:`small`,checked:!l,slotProps:{input:{[qi]:`Overrides`}},onChange:(...[,e])=>i.setPaused(!e)})}),s]}),(0,X.jsx)(Ei,{lab:e,controls:t,session:i,notify:C}),(0,X.jsx)(`div`,{style:{padding:`0 16px 8px`},children:(0,X.jsx)(ir,{value:u,variant:`fullWidth`,sx:{display:`flex`},"aria-label":`Lab sections`,onChange:(...[,e])=>f(e),children:Gi.map(e=>(0,X.jsx)(lr,{value:e.id,label:e.label},e.id))})}),(0,X.jsx)(`div`,{style:{padding:`0 16px 4px`},children:(0,X.jsx)(Pe,{fullWidth:!0,size:`small`,value:g,onChange:e=>h({...m,[u]:e}),placeholder:`Filter ${_.toLowerCase()}`,slotProps:{htmlInput:{[qi]:`Filter ${_.toLowerCase()}`}}})}),u===`design`?te:(0,X.jsx)(Ii,{kind:u,session:i,navigate:a,copy:ee,query:g})]}),(0,X.jsx)(ni,{open:b,values:c,controls:t,container:o,onCancel:()=>x(!1),onConfirm:e=>{O(e)}}),(0,X.jsx)(Ce,{open:S!==null,message:S??``,autoHideDuration:8e3,anchorOrigin:{vertical:`bottom`,horizontal:`right`},onClose:(...[,e])=>{e!==`clickaway`&&C(null)}})]})}var ia={disableNestedContext:!0};function aa(e){return e.title=`Design Lab`,li(document,e)}function oa({lab:e,target:t,controls:n=yr,lockEndpoint:r=Ri,submit:i=pi,experiments:a=Ue(),navigate:o=mi,actions:s}){let c=(0,Y.useMemo)(()=>P({key:`lab`,container:t.document.head}),[t]);(0,Y.useLayoutEffect)(()=>aa(t.document),[t]);let l=t.document.body;return(0,pr.createPortal)((0,X.jsx)(Qe,{value:c,children:(0,X.jsxs)(Ge,{theme:pe,...ia,children:[(0,X.jsx)(C,{}),(0,X.jsx)(ra,{lab:e,controls:n,lockEndpoint:r,submit:i,experiments:a,navigate:o,container:l,actions:s})]})}),l)}var sa=5;function ca(e){let t=Object.keys(e).find(e=>e.startsWith(`__reactFiber$`));return t===void 0?void 0:e[t]}function la(e){let t=[],n=e.memoizedState;if(typeof n!=`object`||!n||!(`next`in n))return t;for(let e=n;e!==null;e=e.next){let n=e.queue?.getSnapshot?.[Me];n!==void 0&&!t.includes(n)&&t.push(n)}return t}function ua(e){let t=[],n=e=>{for(let r=e;r!==null;r=r.sibling)r.tag===sa&&r.stateNode instanceof Element?t.push(r.stateNode):n(r.child)};return e.tag===sa&&e.stateNode instanceof Element?[e.stateNode]:(n(e.child),t)}function da(e){let t=e.map(e=>e.getBoundingClientRect()).filter(e=>e.width>0||e.height>0);if(t.length===0)return null;let n=Math.min(...t.map(e=>e.left)),r=Math.min(...t.map(e=>e.top)),i=Math.max(...t.map(e=>e.right)),a=Math.max(...t.map(e=>e.bottom));return new DOMRect(n,r,i-n,a-r)}function fa(e,t,n=3){let r=[],i=new Set;for(let a=ca(e)??null;a!==null&&r.length<n;a=a.return){let e=la(a).filter(e=>t(e)&&!i.has(e));e.length>0&&(e.forEach(e=>i.add(e)),r.push({ids:e,elements:ua(a)}))}return r}var pa=`data-lab-inspector`,ma=`data-lab-inspecting`,ha=1290,ga=`html[${ma}] body *:not([${pa}] *):not(.MuiPopover-root *){cursor:crosshair !important}`;function _a(e){return e instanceof Element&&e.closest(`[${pa}], .MuiPopover-root, .MuiModal-root`)!==null}function va(e){return(0,Y.useSyncExternalStore)(e.subscribe,()=>e.shared.revision,()=>e.shared.revision)}function ya({hovered:e,titleOf:t}){let{box:n,readers:r}=e,i=r[0]?.ids.map(t).join(` · `)??``,a=r.slice(1).reduce((e,t)=>e+t.ids.length,0);return(0,X.jsx)(Ee,{"aria-hidden":!0,sx:{position:`fixed`,left:n.left,top:n.top,width:n.width,height:n.height,zIndex:ha,pointerEvents:`none`,border:`2px solid var(--ds-accent)`,borderRadius:`6px`,backgroundColor:`color-mix(in srgb, var(--ds-accent) 8%, transparent)`},children:(0,X.jsxs)(Ee,{sx:{position:`absolute`,left:-2,bottom:`100%`,mb:.5,px:1,py:.25,maxWidth:480,borderRadius:`4px`,backgroundColor:`var(--ds-accent)`,color:`var(--ds-on-accent, #fff)`,fontSize:12,fontWeight:600,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},children:[i,a>0?` +${String(a)} around it`:``,` · click to change`]})})}function ba({opened:e,session:t,onClose:n}){va(t);let r=e=>t.definitions().find(t=>t.id===e),i=e.groups.flatMap((e,n)=>e.flatMap((e,i)=>{let a=r(e);if(a===void 0)return[];let o=t.picked(e);return[...n===0&&i===0?[]:[(0,X.jsx)(qe,{},`${e}-rule`)],(0,X.jsx)(U,{primary:a.title,secondary:[n===0?void 0:`Around it`,a.group,a.kind===`scenario`?`Scenario`:void 0].filter(e=>e!==void 0).join(` · `)||void 0},`${e}-head`),...a.options.map(n=>(0,X.jsx)(Oe,{checked:o===n.id,onSelect:()=>t.set(e,n.id),end:n.id===a.baseline?(0,X.jsx)(B,{variant:`caption`,color:`textQuiet`,children:`ships`}):void 0,children:n.label},`${e}-${n.id}`))]}));return(0,X.jsx)(Ze,{open:!0,onClose:n,anchorReference:`anchorPosition`,anchorPosition:e.at,slotProps:{paper:{[pa]:``,sx:{maxHeight:`70vh`,minWidth:280,maxWidth:420}}},children:i})}function xa({session:e,onOpen:t,onExit:n}){va(e);let[r,i]=(0,Y.useState)(``),a=e.definitions().filter(t=>e.applies(t,window.location.pathname)),o=r.trim().toLowerCase(),s=o===``?[]:a.filter(e=>[e.title,e.id,e.group??``].some(e=>e.toLowerCase().includes(o))).slice(0,8);return(0,X.jsxs)(Ee,{[pa]:``,role:`toolbar`,"aria-label":`Design Lab inspector`,sx:{position:`fixed`,left:`50%`,bottom:16,transform:`translateX(-50%)`,zIndex:ha,width:560,maxWidth:`calc(100vw - 32px)`,borderRadius:`12px`,backgroundColor:`var(--ds-surface-raised, var(--ds-bg))`,border:`1px solid var(--ds-border)`,boxShadow:`var(--ds-elevation-overlay, 0 8px 24px rgba(0,0,0,.24))`},children:[s.length>0&&(0,X.jsx)(Nn,{component:`ul`,"aria-label":`Experiments found`,sx:{m:0,p:.5,listStyle:`none`,borderBottom:`1px solid var(--ds-border)`},children:s.map(e=>(0,X.jsx)(`li`,{children:(0,X.jsxs)(Ee,{component:`button`,type:`button`,onClick:()=>t(e.id),sx:{display:`flex`,width:`100%`,gap:1,alignItems:`baseline`,px:1.5,py:.75,border:`none`,background:`none`,font:`inherit`,color:`inherit`,textAlign:`left`,cursor:`pointer`,borderRadius:`6px`,"&:hover":{backgroundColor:`var(--ds-hover)`}},children:[(0,X.jsx)(B,{variant:`body2`,sx:{fontWeight:600},children:e.title}),(0,X.jsx)(B,{variant:`caption`,color:`textQuiet`,noWrap:!0,children:e.group??e.id})]})},e.id))}),(0,X.jsxs)(Nn,{direction:`row`,sx:{alignItems:`center`,gap:1.5,px:1.5,py:1},children:[(0,X.jsx)(B,{variant:`body2`,sx:{fontWeight:600,whiteSpace:`nowrap`},children:`Inspecting`}),(0,X.jsx)(Ee,{sx:{flex:1,minWidth:0},children:(0,X.jsx)(Pe,{value:r,onChange:i,debounceMs:0,placeholder:`Find one of ${String(a.length)} experiments on this page`})}),(0,X.jsx)(G,{variant:`ghost`,size:`small`,onClick:n,children:`Exit`})]})]})}function Sa({session:e,onExit:t}){let[n,r]=(0,Y.useState)(null),[i,a]=(0,Y.useState)(null),o=(0,Y.useMemo)(()=>t=>e.definitions().some(e=>e.id===t),[e]);return(0,Y.useEffect)(()=>{let n=document.documentElement;n.setAttribute(ma,``);let i=document.createElement(`style`);i.textContent=ga,document.head.appendChild(i);let s=t=>{if(!(t instanceof Node)||_a(t))return null;let n=fa(t,o,2).map((t,n)=>n===0?t:{...t,ids:t.ids.filter(t=>e.definitions().find(e=>e.id===t)?.kind===`experiment`)}).filter(e=>e.ids.length>0),r=n[0]===void 0?null:da(n[0].elements);return r===null?null:{readers:n,box:r}},c=e=>{_a(e.target)||r(s(e.target))},l=e=>{_a(e.target)||(e.preventDefault(),e.stopPropagation())},u=e=>{if(_a(e.target))return;l(e);let t=s(e.target);t!==null&&a({groups:t.readers.map(e=>e.ids),at:{top:e.clientY,left:e.clientX}})},d=e=>{e.key===`Escape`&&document.querySelector(`.MuiPopover-root`)===null&&t()},f=[`pointerdown`,`mousedown`,`pointerup`,`mouseup`,`dblclick`,`contextmenu`];return document.addEventListener(`pointermove`,c,!0),document.addEventListener(`click`,u,!0),f.forEach(e=>document.addEventListener(e,l,!0)),document.addEventListener(`keydown`,d),()=>{n.removeAttribute(ma),i.remove(),document.removeEventListener(`pointermove`,c,!0),document.removeEventListener(`click`,u,!0),f.forEach(e=>document.removeEventListener(e,l,!0)),document.removeEventListener(`keydown`,d)}},[o,t,e]),(0,Y.useEffect)(()=>{if(n===null)return;let e=0,t=()=>{let i=da(n.readers[0]?.elements??[]);i!==null&&(i.left!==n.box.left||i.top!==n.box.top||i.width!==n.box.width||i.height!==n.box.height)&&r({...n,box:i}),e=requestAnimationFrame(t)};return e=requestAnimationFrame(t),()=>cancelAnimationFrame(e)},[n]),(0,pr.createPortal)((0,X.jsxs)(X.Fragment,{children:[n!==null&&i===null&&(0,X.jsx)(ya,{hovered:n,titleOf:t=>e.definitions().find(e=>e.id===t)?.title??t}),i!==null&&(0,X.jsx)(ba,{opened:i,session:e,onClose:()=>a(null)}),(0,X.jsx)(xa,{session:e,onOpen:e=>{a({groups:[[e]],at:{top:window.innerHeight-96,left:window.innerWidth/2-140}})},onExit:t})]}),document.body)}var Ca=1250,wa=`--ds-lab-dock`,Ta=`octopus.lab.pinned`;function Ea(){try{return localStorage.getItem(Ta)===`1`}catch{return!1}}function Da(e){try{localStorage.setItem(Ta,e?`1`:`0`)}catch{}}function Oa(e){let t=`${String(br.width)}px`;return(0,Y.useLayoutEffect)(()=>{let e=document.documentElement;return e.style.setProperty(wa,t),()=>{e.style.removeProperty(wa)}},[t]),(0,X.jsx)(`div`,{style:{position:`fixed`,top:0,right:0,bottom:0,width:t,zIndex:Ca,borderLeft:`1px solid var(--ds-separator)`},children:(0,X.jsx)(ra,{...e})})}function ka({lab:e,controls:t=yr,lockEndpoint:n=Ri,submit:r=pi,open:i=Cr,supported:a=Sr(),experiments:o=Ue(),navigate:s=mi}){(0,Y.useLayoutEffect)(()=>{o.activate()},[o]);let[c,l]=(0,Y.useState)(null),[u,d]=(0,Y.useState)(()=>a&&Ea()),f=e=>{Da(e),d(e)},[p,m]=(0,Y.useState)(!1),g=(0,Y.useRef)(!0);(0,Y.useEffect)(()=>(g.current=!0,()=>{g.current=!1}),[]),(0,Y.useEffect)(()=>{if(c===null)return;let e=!1,t=()=>{e=!0,l(null)};return c.addEventListener(`pagehide`,t),()=>{c.removeEventListener(`pagehide`,t),e||c.close()}},[c]);let _=()=>{m(!0),i().then(e=>{if(!g.current){e.close();return}m(!1),f(!1),l(e)},e=>{g.current&&m(!1),console.warn(`Design Lab: the window did not open.`,e)})},v={lab:e,controls:t,lockEndpoint:n,submit:r,experiments:o,navigate:s},[y,b]=(0,Y.useState)(!1),x=(0,Y.useCallback)(()=>b(!1),[]),S=(0,X.jsx)(G,{variant:y?`primary`:`secondary`,size:`small`,startIcon:(0,X.jsx)(oe,{}),"aria-pressed":y,disabled:!a,onClick:()=>b(!y),children:`Inspect`}),C=(e,t)=>(0,X.jsxs)(X.Fragment,{children:[e,(0,X.jsxs)(`div`,{style:{position:`fixed`,left:100,bottom:14,zIndex:Ca,display:`flex`,alignItems:`center`,gap:8},children:[t,S]}),y?(0,X.jsx)(Sa,{session:o,onExit:x}):null]});if(c!==null){let e=()=>{f(!0),l(null)};return C((0,X.jsx)(oa,{...v,target:c,actions:(0,X.jsx)(G,{variant:`ghost`,size:`small`,onClick:e,children:`Pin`})}),null)}if(u){let e=(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(G,{variant:`ghost`,size:`small`,disabled:p,onClick:_,children:`Float`}),(0,X.jsx)(G,{variant:`ghost`,size:`small`,onClick:()=>f(!1),children:`Close`})]});return C((0,X.jsx)(Oa,{...v,container:document.body,actions:e}),null)}return C(null,(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(G,{variant:`secondary`,size:`small`,startIcon:(0,X.jsx)(h,{}),"aria-label":`Open Design Lab`,disabled:!a||p,onClick:_,children:`Design Lab`}),a?null:(0,X.jsx)(B,{variant:`caption`,component:`span`,sx:{color:`var(--ds-text-quiet)`},children:xr})]}))}var Aa;function ja(){return Aa===void 0&&Sr()&&(Aa=Gr({controls:yr})),Aa}function Ma(){Aa?.dispose(),Aa=void 0,Ur(yr)}function Na(){return Gr({controls:yr,root:document.createElement(`html`),storage:{getItem:()=>null,setItem:()=>void 0,removeItem:()=>void 0},observeMode:()=>()=>void 0})}function Pa(){let e=ja();return e===void 0?(0,X.jsx)(ka,{lab:Na(),supported:!1}):(0,X.jsx)(ka,{lab:e})}export{Pa as default,Ma as dropLab,ja as getLab};