@graphty/compact-mantine 0.5.0 → 0.6.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mantine/core"),o=require("react/jsx-runtime"),V=require("@mantine/hooks"),D=require("lucide-react"),a=require("react"),Fe=require("react-dom"),ve=["#d5d7da","#a3a8b1","#7a828e","#5f6873","#48525c","#374047","#2a3035","#1f2428","#161b22","#0d1117"],Pe={...e.DEFAULT_THEME.colors,dark:ve},Re={"--button-height":"24px","--button-fz":"11px","--button-padding-x":"8px"},De={"--ai-size":"24px"},_e={"--cb-size":"16px","--cb-icon-size":"12px"},Ve={Button:e.Button.extend({defaultProps:{size:"sm"},vars:()=>({root:Re})}),ActionIcon:e.ActionIcon.extend({defaultProps:{size:"sm",variant:"subtle"},vars:()=>({root:De})}),CloseButton:e.CloseButton.extend({defaultProps:{size:"xs"},vars:()=>({root:_e})})},He={"--switch-height":"16px","--switch-width":"28px","--switch-thumb-size":"12px","--switch-track-label-padding":"2px","--switch-label-font-size":"5px"},Le={"--checkbox-size":"16px"},Me={"--radio-size":"16px","--radio-icon-size":"6px"},xe={"--slider-size":"4px","--slider-thumb-size":"12px"},Ne={"--sc-font-size":"10px","--sc-padding":"4px 8px"},Ge={backgroundColor:"transparent"},Ue={backgroundColor:"var(--mantine-color-dark-6)"},Q={fontSize:11},me={fontSize:10,marginTop:2},$e={SegmentedControl:e.SegmentedControl.extend({defaultProps:{size:"sm",withItemsBorders:!1},vars:()=>({root:Ne}),styles:{root:Ge,indicator:Ue}}),Checkbox:e.Checkbox.extend({defaultProps:{size:"sm"},vars:()=>({root:Le}),styles:{label:Q}}),Switch:e.Switch.extend({defaultProps:{size:"sm"},vars:()=>({root:He}),styles:{label:Q}}),Slider:e.Slider.extend({defaultProps:{size:"sm"},vars:()=>({root:xe}),styles:{markLabel:me}}),Radio:e.Radio.extend({defaultProps:{size:"sm"},vars:()=>({root:Me}),styles:{label:Q}}),RangeSlider:e.RangeSlider.extend({defaultProps:{size:"sm"},vars:()=>({root:xe}),styles:{markLabel:me}})},Xe={"--badge-height":"14px","--badge-fz":"9px","--badge-padding-x":"4px"},We={"--avatar-size":"24px"},qe={"--ti-size":"24px"},Ze={"--indicator-size":"8px"},Ke={"--kbd-fz":"10px","--kbd-padding":"2px 4px"},Ye={"--pill-height":"16px","--pill-fz":"10px"},Je={Text:e.Text.extend({}),Badge:e.Badge.extend({defaultProps:{size:"sm"},vars:()=>({root:Xe})}),Pill:e.Pill.extend({defaultProps:{size:"sm"},vars:()=>({root:Ye})}),Avatar:e.Avatar.extend({defaultProps:{size:"sm"},vars:()=>({root:We})}),ThemeIcon:e.ThemeIcon.extend({defaultProps:{size:"sm"},vars:()=>({root:qe})}),Indicator:e.Indicator.extend({defaultProps:{size:"sm"},vars:()=>({root:Ze})}),Kbd:e.Kbd.extend({defaultProps:{size:"sm"},vars:()=>({root:Ke})})},Qe={"--loader-size":"18px"},et={"--progress-size":"4px"},tt={label:{fontSize:9}},ot={Loader:e.Loader.extend({defaultProps:{size:"sm"},vars:()=>({root:Qe})}),Progress:e.Progress.extend({defaultProps:{size:"sm"},vars:()=>({root:et}),styles:tt}),RingProgress:e.RingProgress.extend({})},te=1e3,L=1100,Se=8,nt=4,G={"--input-height":"24px","--input-size":"24px","--input-fz":"11px","--input-bg":"var(--mantine-color-default)","--input-bd":"none"},q={"--input-fz":"11px","--input-bg":"var(--mantine-color-default)","--input-bd":"none"},$={fontSize:11,color:"var(--mantine-color-dimmed)",marginBottom:1,lineHeight:1.2},oe={paddingLeft:8,paddingRight:8,border:"none",backgroundColor:"var(--mantine-color-default)"},U={label:$,input:oe},ge={label:$,input:oe},Z={dropdown:{padding:4,border:"none",boxShadow:"var(--mantine-shadow-md)"},option:{fontSize:11,padding:"4px 8px",borderRadius:4},options:{},groupLabel:{fontSize:10,padding:"4px 8px"},empty:{fontSize:11,padding:"8px"}},ee={input:{...U.input,minHeight:24,height:"auto",display:"flex",alignItems:"center",paddingTop:4,paddingBottom:4},pillsList:{columnGap:4,rowGap:2},pill:{margin:0}},st={TextInput:e.TextInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:G}),styles:U}),NumberInput:e.NumberInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:{...G,"--input-right-section-width":"24px"},controls:{"--ni-chevron-size":"10px"}}),styles:{label:$,input:oe,control:{borderColor:"transparent"}}}),Select:e.Select.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:L}},vars:()=>({root:{},wrapper:G}),styles:{...U,...Z}}),Textarea:e.Textarea.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:q}),styles:ge}),PasswordInput:e.PasswordInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:G}),styles:{...U,innerInput:{paddingLeft:8,paddingRight:8}}}),Autocomplete:e.Autocomplete.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:L}},vars:()=>({root:{},wrapper:G}),styles:{...U,...Z}}),MultiSelect:e.MultiSelect.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:L}},vars:()=>({root:{},wrapper:{...G,"--combobox-chevron-size":"12px"}}),styles:{label:$,...Z,...ee,inputField:{minWidth:60,flexBasis:60}}}),TagsInput:e.TagsInput.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:L}},vars:()=>({root:{},wrapper:q}),styles:{label:$,...Z,...ee,inputField:{minWidth:30,flexBasis:30}}}),PillsInput:e.PillsInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:q}),styles:{label:$,...ee}}),FileInput:e.FileInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:G}),styles:U}),JsonInput:e.JsonInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:q}),styles:ge}),InputClearButton:e.InputClearButton.extend({defaultProps:{size:"xs"},vars:()=>({root:{"--cb-size":"16px","--cb-icon-size":"12px"}})})},rt={"--pagination-control-size":"24px","--pagination-control-fz":"11px"},at={"--stepper-icon-size":"24px","--stepper-fz":"11px","--stepper-spacing":"8px"},lt={"--burger-size":"18px","--burger-line-size":"2px"},it={root:{fontSize:11}},ct={root:{fontSize:11,minHeight:28},label:{fontSize:11}},ut={tab:{fontSize:11,padding:"6px 10px"}},dt={Anchor:e.Anchor.extend({defaultProps:{size:"sm"},styles:it}),Burger:e.Burger.extend({defaultProps:{size:"sm"},vars:()=>({root:lt})}),NavLink:e.NavLink.extend({styles:ct}),Pagination:e.Pagination.extend({defaultProps:{size:"sm"},vars:()=>({root:rt})}),Stepper:e.Stepper.extend({defaultProps:{size:"sm"},vars:()=>({root:at})}),Tabs:e.Tabs.extend({styles:ut})},pt={"--menu-item-fz":"11px"},ft={tooltip:{fontSize:11,padding:"4px 8px"}},xt={dropdown:{padding:8}},mt={dropdown:{padding:8}},gt={Menu:e.Menu.extend({defaultProps:{zIndex:L},vars:()=>({dropdown:pt})}),Tooltip:e.Tooltip.extend({defaultProps:{zIndex:L},styles:ft}),Popover:e.Popover.extend({defaultProps:{zIndex:L},styles:xt}),HoverCard:e.HoverCard.extend({defaultProps:{zIndex:L},styles:mt})},ht={xs:"10px",sm:"11px",md:"13px",lg:"14px",xl:"16px"},bt={xs:"4px",sm:"6px",md:"8px",lg:"12px",xl:"16px"},vt={xs:"2px",sm:"4px",md:"6px",lg:"8px",xl:"12px"},Ce=e.createTheme({colors:Pe,fontSizes:ht,spacing:bt,radius:vt,focusRing:"never",components:{...st,...Ve,...$e,...Je,...ot,...dt,...gt}}),Pt=e.mergeMantineTheme(e.DEFAULT_THEME,Ce),St=["#5B8FF9","#FF6B6B","#61D095","#F7B731","#9B59B6"],ze=["#5B8FF9FF","#FF6B6BFF","#61D095FF","#F7B731FF","#9B59B6FF","#5B8FF980","#FF6B6B80","#61D09580","#F7B73180","#9B59B680"],K="#888888",ne=255,se=100;function re(t){return Math.round(parseInt(t,16)/ne*se)}function ae(t){return Math.round(t/se*ne).toString(16).padStart(2,"0")}function Ct(t){let n=t.replace("#","");n.length===3?n=`${n.split("").map(s=>s+s).join("")}ff`:n.length===4?n=n.split("").map(s=>s+s).join(""):n.length===6&&(n=`${n}ff`);const l=`#${n.slice(0,6)}`,r=n.slice(6,8),i=re(r);return{hex:l,opacity:i}}function zt(t,n){const l=t.replace("#",""),r=ae(n);return`#${l}${r}`}function yt(t){return/^#?([A-Fa-f0-9]{3}|[A-Fa-f0-9]{4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(t)}const ye=a.createContext(null);function wt(){return a.useContext(ye)}function It({children:t}){const n=a.useRef(null);if(!a.isValidElement(t))throw new Error("PopoutAnchor requires a single valid React element as its child");const l=t,r=a.cloneElement(l,{ref:n});return o.jsx(ye.Provider,{value:{anchorRef:n},children:r})}function kt({children:t}){return o.jsx(e.Box,{p:"sm",children:t})}const Tt=["[data-portal]","[data-combobox-dropdown]","[data-menu-dropdown]","[data-popover-dropdown]","[data-tooltip]","[data-hovercard-dropdown]","[data-dates-dropdown]","[data-modal]"].join(", ");function jt(t,n=!0){a.useEffect(()=>{if(!n)return;const l=r=>{const i=r.target;i.closest('[role="dialog"]')||i.closest("[data-popout-trigger]")||i.closest("[data-popout-portal-container]")||i.closest(Tt)||t()};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[t,n])}function At(t,n=!0){a.useEffect(()=>{if(!n)return;const l=r=>{r.key==="Escape"&&(r.preventDefault(),t())};return document.addEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)}},[t,n])}const le=a.createContext(null),we=a.createContext(null);function ie(){const t=a.useContext(le);if(!t)throw new Error("usePopoutContext must be used within a Popout component");return t}function Et(){return a.useContext(le)}function Bt(){const t=a.useContext(we);if(!t)throw new Error("usePopoutManagerContext must be used within a PopoutManager");return t}function Ot({children:t,parentId:n=null}){const l=a.useId(),[r,i]=a.useState(!1),s=a.useRef(null),c=a.useMemo(()=>({id:l,isOpen:r,open:()=>{i(!0)},close:()=>{i(!1)},toggle:()=>{i(d=>!d)},triggerRef:s,parentId:n}),[l,r,n]);return o.jsx(le.Provider,{value:c,children:t})}function Ft({children:t}){const[n,l]=a.useState(null),r=a.useRef([]),i=a.useRef(new Map),s=a.useRef(new Map),[c,d]=a.useState(0),x=a.useCallback((f,g,C)=>{var y,_;if(!r.current.includes(f)){const z=r.current,B=[];for(const A of z)s.current.get(A)===(C??null)&&B.push(A);for(const A of B.reverse()){const R=[];for(const O of z){let F=O;for(;F;){const I=s.current.get(F);if(I===A){R.push(O);break}F=I??null}}for(const O of R.reverse())(y=i.current.get(O))==null||y();(_=i.current.get(A))==null||_()}r.current=[...r.current.filter(A=>!B.includes(A)&&!B.some(R=>{let O=A;for(;O;){const F=s.current.get(O);if(F===R)return!0;O=F??null}return!1})),f],i.current.set(f,g),s.current.set(f,C??null),d(A=>A+1)}},[]),b=a.useCallback(f=>{r.current=r.current.filter(g=>g!==f),i.current.delete(f),s.current.delete(f),d(g=>g+1)},[]),P=a.useCallback(f=>{const g=r.current.indexOf(f);return g>=0?te+g:te},[]),m=a.useCallback(f=>{const g=r.current,C=g.indexOf(f);C===-1||C===g.length-1||(r.current=[...g.filter(y=>y!==f),f],d(y=>y+1))},[]),p=a.useCallback(f=>s.current.get(f)??null,[]),v=a.useCallback((f,g)=>{let C=g;for(;C;){const y=s.current.get(C);if(y===f)return!0;C=y??null}return!1},[]),E=a.useCallback(f=>{const g=[],C=r.current;for(const y of C)v(f,y)&&g.push(y);return g},[v]),u=a.useCallback(f=>{const g=E(f);for(const C of[...g].reverse()){const y=i.current.get(C);y==null||y()}},[E]),h=a.useCallback(f=>{u(f);const g=i.current.get(f);g==null||g()},[u]),S=a.useCallback((f,g)=>{const C=r.current;for(const y of C){if(y===f)continue;s.current.get(y)===g&&h(y)}},[h]),w=a.useCallback(()=>{const f=r.current;if(f.length===0)return;const g=f[f.length-1],C=i.current.get(g);C==null||C()},[]),j=a.useCallback(()=>{const f=[...r.current];for(const g of f){const C=i.current.get(g);C==null||C()}},[]),k=a.useCallback(()=>r.current.length>0,[]),[M,H]=a.useState(!1);a.useEffect(()=>{H(r.current.length>0)},[c]),At(w,M),jt(j,M);const X=a.useMemo(()=>({register:x,unregister:b,getZIndex:P,bringToFront:m,portalContainer:n,zIndexVersion:c,closeFocused:w,closeAll:j,hasOpenPopouts:k,closeWithDescendants:h,closeDescendants:u,closeSiblings:S,getParentId:p,isAncestor:v}),[x,b,P,m,n,c,w,j,k,h,u,S,p,v]);return o.jsxs(we.Provider,{value:X,children:[t,o.jsx("div",{ref:l,"data-popout-portal-container":!0})]})}function Rt(t){const{isOpen:n,onDragStart:l}=t,[r,i]=a.useState({left:0,top:0}),s=a.useRef(!1),c=a.useRef({x:0,y:0,offsetLeft:0,offsetTop:0}),d=a.useCallback(()=>{i({left:0,top:0})},[]),x=a.useCallback(m=>{const p=m.target;p.tagName==="INPUT"||p.tagName==="TEXTAREA"||p.tagName==="BUTTON"||p.tagName==="SELECT"||p.closest("button")||p.closest("input")||p.closest("textarea")||p.closest("select")||(s.current=!0,c.current={x:m.clientX,y:m.clientY,offsetLeft:r.left,offsetTop:r.top},l==null||l(),m.target.setPointerCapture(m.pointerId))},[r.left,r.top,l]),b=a.useCallback(m=>{if(!s.current)return;const p=m.clientX-c.current.x,v=m.clientY-c.current.y;i({left:c.current.offsetLeft+p,top:c.current.offsetTop+v})},[]),P=a.useCallback(m=>{s.current&&(s.current=!1,m.target.releasePointerCapture(m.pointerId))},[]);return n?{dragTriggerProps:{"data-drag-trigger":!0,onPointerDown:x,onPointerMove:b,onPointerUp:P,style:{cursor:"grab",userSelect:"none",touchAction:"none"}},dragOffset:r,resetDragOffset:d}:{dragTriggerProps:{},dragOffset:{left:0,top:0},resetDragOffset:d}}function Dt({config:t,onClose:n,dragTriggerProps:l={},actions:r=[],activeTab:i,onTabChange:s,titleId:c}){var p;const{style:d,...x}=l,P=t.variant==="tabs"?t:null,m=(P==null?void 0:P.tabs.map(v=>({value:v.id,label:v.label})))??[];return o.jsxs(e.Group,{justify:"space-between",px:"sm",py:"xs",...x,style:{...d},children:[t.variant==="title"?o.jsx(e.Text,{id:c,size:"sm",fw:500,children:t.title}):o.jsxs(o.Fragment,{children:[o.jsx("span",{id:c,style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0, 0, 0, 0)"},children:((p=P==null?void 0:P.tabs[0])==null?void 0:p.label)??"Settings"}),o.jsx(e.SegmentedControl,{data:m,value:i,onChange:v=>s==null?void 0:s(v),size:"xs"})]}),o.jsxs(e.Group,{gap:4,children:[r.map(v=>o.jsx(e.ActionIcon,{variant:"subtle",onClick:v.onClick,"aria-label":v.label,children:v.icon},v.id)),o.jsx(e.CloseButton,{size:"sm",onClick:n,"aria-label":"Close panel"})]})]})}function _t(t,n,l=Se,r={}){const{placement:i="left",alignment:s="start",panelHeight:c=0}=r;let d,x;switch(i){case"left":d=t.left-n-l,x=he(t,s,c);break;case"right":d=t.right+l,x=he(t,s,c);break;case"top":d=be(t,s,n),x=t.top-c-l;break;case"bottom":d=be(t,s,n),x=t.bottom+l;break;default:{const b=i;throw new Error(`Unknown placement: ${String(b)}`)}}return{left:d,top:x}}function he(t,n,l){switch(n){case"start":return t.top;case"center":return t.top+t.height/2-l/2;case"end":return t.bottom-l;default:{const r=n;throw new Error(`Unknown alignment: ${String(r)}`)}}}function be(t,n,l){switch(n){case"start":return t.left;case"center":return t.left+t.width/2-l/2;case"end":return t.right-l;default:{const r=n;throw new Error(`Unknown alignment: ${String(r)}`)}}}function Vt({width:t,height:n,header:l,children:r,anchorRef:i,placement:s="left",alignment:c="start",gap:d=0,actions:x}){var pe,fe;const{isOpen:b,close:P,triggerRef:m,id:p,parentId:v}=ie(),{getZIndex:E,portalContainer:u,register:h,unregister:S,bringToFront:w,zIndexVersion:j,closeWithDescendants:k,closeDescendants:M}=Bt(),H=wt(),X=a.useId(),f=`popout-panel-${p}`,g=`popout-title-${X}`,[C,y]=a.useState(null),_=a.useRef(!1),z=a.useRef(null),B=a.useCallback(()=>{w(p)},[w,p]),{dragTriggerProps:A,dragOffset:R,resetDragOffset:O}=Rt({isOpen:b,onDragStart:B}),F=l.variant==="tabs",I=F?l:null,J=(I==null?void 0:I.defaultTab)??((pe=I==null?void 0:I.tabs[0])==null?void 0:pe.id),[ce,ue]=a.useState(J),Te=a.useCallback(T=>{var N;ue(T),(N=I==null?void 0:I.onTabChange)==null||N.call(I,T)},[I]),je=a.useCallback(T=>{T.stopPropagation(),M(p),w(p)},[M,w,p]),Ae=a.useCallback(()=>{k(p)},[k,p]);if(a.useEffect(()=>(b?h(p,P,v):S(p),()=>{S(p)}),[b,p,h,S,P,v]),a.useEffect(()=>{if(b){let T=(i==null?void 0:i.current)??null;if(!T&&(H!=null&&H.anchorRef.current)&&(T=H.anchorRef.current),!T&&v&&(T=document.querySelector(`[data-popout-id="${v}"]`)),T||(T=m.current),T){const N=T.getBoundingClientRect(),Oe=_t(N,t,d,{placement:s,alignment:c,panelHeight:n});y(Oe),_.current||(O(),F&&ue(J))}}_.current=b},[b,t,n,d,m,i,s,c,O,F,J,v]),a.useEffect(()=>{if(b&&z.current){const T=setTimeout(()=>{var N;(N=z.current)==null||N.focus()},0);return()=>{clearTimeout(T)}}else!b&&m.current&&m.current.focus()},[b,m]),!b||!u||!C)return null;const Ee=E(p),de={left:C.left+R.left,top:C.top+R.top},Be=o.jsxs(e.Paper,{ref:z,id:f,role:"dialog","aria-modal":"false","aria-labelledby":g,tabIndex:-1,radius:8,onClick:je,"data-popout-id":p,...v&&{"data-parent-id":v},style:{position:"fixed",left:de.left,top:de.top,minWidth:t,...n!==void 0&&{minHeight:n},zIndex:Ee,backgroundColor:"var(--mantine-color-body)",border:"1px solid light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.12))",boxShadow:["0 1px 2px light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.4))","0 4px 8px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.35))","0 8px 16px light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.25))"].join(", "),outline:"none"},children:[o.jsx(Dt,{config:l,onClose:Ae,dragTriggerProps:A,activeTab:ce,onTabChange:Te,actions:x,titleId:g}),o.jsx(e.Box,{children:F?(fe=I==null?void 0:I.tabs.find(T=>T.id===ce))==null?void 0:fe.content:r})]});return Fe.createPortal(Be,u)}function Ht({children:t}){const{toggle:n,triggerRef:l,isOpen:r,id:i}=ie(),s=a.useCallback(x=>{x.stopPropagation(),n()},[n]);if(!a.isValidElement(t))throw new Error("PopoutTrigger requires a single valid React element as its child");const c=`popout-panel-${i}`,d=t;return a.cloneElement(d,{onClick:x=>{var b,P;(P=(b=d.props).onClick)==null||P.call(b,x),s(x)},ref:l,"data-popout-trigger":!0,"aria-expanded":r,"aria-controls":c,"aria-haspopup":"dialog"})}function Lt({children:t}){const n=Et(),l=(n==null?void 0:n.id)??null;return o.jsx(Ot,{parentId:l,children:t})}const W=Object.assign(Lt,{Trigger:Ht,Panel:Vt,Content:kt,Anchor:It}),Mt=a.forwardRef(function({icon:n,size:l="xs",...r},i){const{isOpen:s}=ie();return o.jsx(e.ActionIcon,{ref:i,variant:s?"light":"subtle",size:l,c:s?void 0:"dimmed",...r,children:n})});function Nt({children:t}){return o.jsx(Ft,{children:t})}function Ie({color:t,defaultColor:n,opacity:l,defaultOpacity:r=100,onColorChange:i,onOpacityChange:s,label:c,showOpacity:d=!0}){const[x,b]=V.useUncontrolled({value:t,defaultValue:void 0,finalValue:void 0,onChange:i}),[P,m]=V.useUncontrolled({value:l,defaultValue:void 0,finalValue:void 0,onChange:s}),p=x===void 0,v=P===void 0,E=p&&(!d||v),u=x??n,h=P??r,[S,w]=a.useState(u.replace("#","").toUpperCase()),[j,k]=a.useState(h);a.useEffect(()=>{w(u.replace("#","").toUpperCase())},[u]),a.useEffect(()=>{k(h)},[h]);const M=z=>{if(z.length===9){const B=z.slice(0,7).toUpperCase(),A=z.slice(7,9),R=re(A);b(B),d&&m(R)}else b(z.toUpperCase())},H=()=>{const z=ae(h);return`${u}${z}`.toUpperCase()},X=z=>{w(z.currentTarget.value.toUpperCase())},f=()=>{let z=S.toUpperCase();z&&!z.startsWith("#")&&(z=`#${z}`),/^#[0-9A-F]{6}$/i.test(z)&&z!==u?b(z):w(u.replace("#","").toUpperCase())},g=z=>{k(z)},C=()=>{const z=typeof j=="string"?parseFloat(j):j;if(isNaN(z))k(h);else{const B=Math.min(100,Math.max(0,z));B!==h&&m(B)}},y=()=>{b(void 0),d&&m(void 0)},_=o.jsxs(e.Group,{gap:4,wrap:"nowrap",children:[o.jsxs(e.Group,{gap:0,children:[o.jsxs(W,{children:[o.jsx(W.Trigger,{children:o.jsx(e.ActionIcon,{variant:"filled",size:24,radius:0,style:{backgroundColor:"var(--mantine-color-default)",borderRadius:"4px 0 0 4px"},"aria-label":"Color swatch",children:o.jsx(e.ColorSwatch,{color:u,size:14,radius:2,style:{border:"1px solid var(--mantine-color-default-border)"}})})}),o.jsx(W.Panel,{width:220,header:{variant:"title",title:c??"Color"},placement:"bottom",alignment:"start",gap:4,children:o.jsx(W.Content,{children:o.jsx(e.ColorPicker,{format:"hexa",value:H(),onChange:M,swatches:[...ze]})})})]}),o.jsx(e.TextInput,{value:S,onChange:X,onBlur:f,"aria-label":"Color hex value","data-is-default":p?"true":"false",w:72,styles:{input:{borderRadius:d?0:"0 4px 4px 0",fontFamily:"monospace",textTransform:"uppercase",...p?{fontStyle:"italic",color:"var(--mantine-color-dimmed)"}:{}}}}),d&&o.jsxs(o.Fragment,{children:[o.jsx(e.Box,{style:{width:1,height:24,backgroundColor:"var(--mantine-color-default-border)"}}),o.jsx(e.NumberInput,{value:j,onChange:g,onBlur:C,min:0,max:100,hideControls:!0,suffix:"%","aria-label":"Opacity","data-is-default":v?"true":"false",w:54,styles:{input:{borderRadius:"0 4px 4px 0",textAlign:"right",...v?{fontStyle:"italic",color:"var(--mantine-color-dimmed)"}:{}}}})]})]}),!E&&o.jsx(e.ActionIcon,{variant:"subtle",size:"xs",c:"dimmed","aria-label":`Reset ${c??"color"} to default`,onClick:y,children:o.jsx(D.X,{size:12})})]});return c?o.jsxs(e.Stack,{gap:0,children:[o.jsx(e.Text,{size:"xs",c:"dimmed",mb:1,lh:1.2,children:c}),_]}):_}function Gt({label:t,actions:n,children:l,bleed:r}){const i=r?"calc(-1 * var(--mantine-spacing-sm) - 1px)":void 0;return o.jsxs(e.Box,{children:[o.jsx(e.Divider,{color:"gray.7",mt:8,mb:0,mx:i}),o.jsxs(e.Group,{justify:"space-between",py:8,px:8,children:[o.jsx(e.Text,{size:"xs",fw:500,lh:1.2,children:t}),n&&o.jsx(e.Group,{gap:4,children:n})]}),o.jsx(e.Stack,{gap:0,px:8,children:l})]})}function Ut({label:t,defaultOpen:n=!0,children:l,hasConfiguredValues:r=!1}){const[i,{toggle:s}]=V.useDisclosure(n);return o.jsxs(e.Box,{children:[o.jsx(e.Divider,{color:"gray.7",mt:8,mb:0,mx:8}),o.jsx(e.Group,{justify:"space-between",py:8,px:8,style:{cursor:"pointer"},onClick:s,children:o.jsxs(e.Group,{gap:4,children:[o.jsx(e.ActionIcon,{variant:"subtle",size:"xs",c:"dimmed","aria-label":i?`Collapse ${t}`:`Expand ${t}`,children:i?o.jsx(D.ChevronDown,{size:12}):o.jsx(D.ChevronRight,{size:12})}),o.jsx(e.Text,{size:"xs",fw:500,lh:1.2,children:t}),r&&o.jsx(e.Box,{"aria-label":`${t} has configured values`,style:{width:6,height:6,borderRadius:"50%",backgroundColor:"var(--mantine-color-blue-5)",marginLeft:4}})]})}),o.jsx(e.Collapse,{in:i,children:o.jsx(e.Stack,{gap:0,children:l})})]})}function $t({label:t,defaultOpen:n=!1,children:l}){const[r,{toggle:i}]=V.useDisclosure(n);return o.jsxs(e.Box,{children:[o.jsxs(e.Group,{gap:4,py:4,style:{cursor:"pointer"},onClick:i,children:[o.jsx(e.ActionIcon,{variant:"subtle",size:"xs",c:"dimmed","aria-label":r?`Collapse ${t}`:`Expand ${t}`,children:r?o.jsx(D.ChevronDown,{size:10}):o.jsx(D.ChevronRight,{size:10})}),o.jsx(e.Text,{size:"xs",c:"dimmed",lh:1.2,children:t})]}),r&&o.jsx(e.Box,{pl:"md",children:o.jsx(e.Stack,{gap:4,children:l})})]})}function Xt(){return crypto.randomUUID().slice(0,8)}function Y(t,n){return{id:Xt(),offset:t,color:n}}function ke(){return[Y(0,"#6366F1"),Y(1,"#06B6D4")]}function Wt({stops:t,defaultStops:n,direction:l,defaultDirection:r=0,showDirection:i=!0,onChange:s}){const[c,d]=V.useUncontrolled({value:t,defaultValue:n,finalValue:ke(),onChange:u=>s==null?void 0:s(u,x)}),[x,b]=V.useUncontrolled({value:l,defaultValue:r,finalValue:0,onChange:u=>s==null?void 0:s(c,u)}),P=(u,h)=>{const S=[...c];S[u]={...S[u],color:h},d(S),s==null||s(S,x)},m=(u,h)=>{const S=[...c];S[u]={...S[u],offset:h/100},d(S),s==null||s(S,x)},p=u=>{b(u),s==null||s(c,u)},v=()=>{if(c.length>=5)return;const u=c.length>0?(c[c.length-1].offset+1)/2:.5,h=[...c,Y(u,K)];h.sort((S,w)=>S.offset-w.offset),d(h),s==null||s(h,x)},E=u=>{if(c.length<=2)return;const h=c.filter((S,w)=>w!==u);d(h),s==null||s(h,x)};return o.jsxs(e.Stack,{gap:"xs",children:[o.jsxs(e.Group,{justify:"space-between",align:"center",children:[o.jsx(e.Text,{size:"xs",c:"dimmed",children:"Color Stops"}),o.jsx(e.ActionIcon,{variant:"subtle",color:"gray",onClick:v,disabled:c.length>=5,"aria-label":"Add color stop",children:o.jsx(D.Plus,{size:12})})]}),c.map((u,h)=>o.jsxs(e.Group,{gap:"xs",align:"flex-end",children:[o.jsx(Ie,{color:u.color,defaultColor:K,onColorChange:S=>{P(h,S??K)},showOpacity:!1}),o.jsx(e.Box,{style:{width:"80px"},children:o.jsx(e.Slider,{min:0,max:100,value:u.offset*100,onChange:S=>{m(h,S)},label:S=>`${Math.round(S)}%`,"aria-label":`Stop ${h+1} position`})}),o.jsx(e.ActionIcon,{variant:"subtle",color:"gray",onClick:()=>{E(h)},disabled:c.length<=2,"aria-label":`Remove color stop ${h+1}`,children:o.jsx(D.Minus,{size:12})})]},u.id)),i&&o.jsxs(e.Box,{pb:"md",children:[o.jsx(e.Text,{size:"xs",c:"dimmed",mb:4,children:"Direction"}),o.jsx(e.Slider,{min:0,max:360,value:x,onChange:p,label:u=>`${u}°`,"aria-label":"Gradient direction",marks:[{value:0,label:"0°"},{value:90,label:"90°"},{value:180,label:"180°"},{value:270,label:"270°"},{value:360,label:"360°"}]})]})]})}function qt({label:t,value:n}){return o.jsxs(e.Group,{justify:"space-between",py:4,children:[o.jsx(e.Text,{size:"sm",c:"dimmed",children:t}),o.jsx(e.Text,{size:"sm",c:"var(--mantine-color-text)",fw:500,children:String(n)})]})}function Zt({label:t,value:n,defaultValue:l,onChange:r,min:i,max:s,step:c,decimalScale:d,suffix:x,hideControls:b=!0}){const[P,m]=V.useUncontrolled({value:n,defaultValue:void 0,finalValue:void 0,onChange:r}),p=P===void 0,v=P??l,[E,u]=a.useState(v);a.useEffect(()=>{u(P??l)},[P,l]);const h=j=>{u(j)},S=()=>{const j=typeof E=="string"?parseFloat(E):E;if(isNaN(j))u(P??l);else{let k=j;i!==void 0&&k<i&&(k=i),s!==void 0&&k>s&&(k=s),k!==P&&m(k),u(k)}},w=()=>{m(void 0)};return o.jsxs(e.Group,{gap:4,wrap:"nowrap",align:"flex-end",children:[o.jsx(e.NumberInput,{label:t,"aria-label":t,value:E,onChange:h,onBlur:S,min:i,max:s,step:c,decimalScale:d,suffix:x,hideControls:b,"data-is-default":p?"true":"false",styles:{input:p?{fontStyle:"italic",color:"var(--mantine-color-dimmed)"}:void 0},style:{flex:1}}),!p&&o.jsx(e.ActionIcon,{variant:"subtle",size:"xs",c:"dimmed","aria-label":`Reset ${t} to default`,onClick:w,style:{marginBottom:2},children:o.jsx(D.X,{size:12})})]})}function Kt({label:t,value:n,defaultValue:l,options:r,onChange:i}){const[s,c]=V.useUncontrolled({value:n,defaultValue:void 0,finalValue:void 0,onChange:i}),d=s===void 0,x=s??l,b=m=>{m!==null&&c(m)},P=()=>{c(void 0)};return o.jsxs(e.Group,{gap:4,wrap:"nowrap",align:"flex-end",children:[o.jsx(e.Select,{label:t,"aria-label":t,value:x,onChange:b,data:r,rightSection:o.jsx(D.ChevronDown,{size:14}),rightSectionPointerEvents:"none","data-is-default":d?"true":"false",allowDeselect:!1,styles:{input:d?{fontStyle:"italic",color:"var(--mantine-color-dimmed)"}:void 0},style:{flex:1}}),!d&&o.jsx(e.ActionIcon,{variant:"subtle",size:"xs",c:"dimmed","aria-label":`Reset ${t} to default`,onClick:P,style:{marginBottom:2},children:o.jsx(D.X,{size:12})})]})}function Yt({label:t,checked:n,defaultChecked:l,onChange:r,children:i}){const[s,c]=V.useUncontrolled({value:n,defaultValue:l,finalValue:!1,onChange:r});return o.jsxs(e.Stack,{gap:4,children:[o.jsx(e.Checkbox,{label:t,checked:s,onChange:d=>{c(d.currentTarget.checked)}}),s&&o.jsx(e.Box,{"data-testid":"toggle-with-content-children",pl:"md",children:o.jsx(e.Stack,{gap:4,children:i})})]})}function Jt(){return e.useComputedColorScheme("dark")}const Qt={xs:e.rem(4),sm:e.rem(8),md:e.rem(16),lg:e.rem(24),xl:e.rem(32)},eo="0.1.0";exports.CompactColorInput=Ie;exports.ControlGroup=Gt;exports.ControlSection=Ut;exports.ControlSubGroup=$t;exports.DEFAULT_GRADIENT_STOP_COLOR=K;exports.GradientEditor=Wt;exports.MANTINE_SPACING=Qt;exports.MAX_ALPHA_HEX=ne;exports.MAX_OPACITY_PERCENT=se;exports.POPOUT_GAP=Se;exports.POPOUT_NESTED_GAP=nt;exports.POPOUT_Z_INDEX_BASE=te;exports.Popout=W;exports.PopoutButton=Mt;exports.PopoutManager=Nt;exports.SWATCH_COLORS=St;exports.SWATCH_COLORS_HEXA=ze;exports.StatRow=qt;exports.StyleNumberInput=Zt;exports.StyleSelect=Kt;exports.ToggleWithContent=Yt;exports.VERSION=eo;exports.compactColors=Pe;exports.compactDarkColors=ve;exports.compactTheme=Pt;exports.compactThemeOverride=Ce;exports.createColorStop=Y;exports.createDefaultGradientStops=ke;exports.isValidHex=yt;exports.opacityToAlphaHex=ae;exports.parseAlphaFromHexa=re;exports.parseHexaColor=Ct;exports.toHexaColor=zt;exports.useActualColorScheme=Jt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@mantine/core"),t=require("react/jsx-runtime"),$=require("@mantine/hooks"),s=require("react"),wo=require("react-dom"),de=require("@tanstack/react-table"),Io=require("@tanstack/react-virtual"),u={WIDTH:280,PAD_LEFT:16,PAD_RIGHT:8,CONTENT:256,BODY:224,FIELD:108,GUTTER:8,TRAIL_GAP:8,TRAIL:24,TRIPLE:72,TRIPLE_GAP:4,CONTROL_HEIGHT:24,ROW_PITCH:32,TOGGLE_PITCH:24,DATA_PITCH:28,SECTION_HEADER:32,SECTION_PAD_BOTTOM:8,GLYPH_SLOT:16,GLYPH:14,CHEVRON:12,VALUE_INSET:24,SPARKLINE_HEIGHT:32,HISTOGRAM_HEIGHT:64,LABEL_COLUMN:76},b={VALUE:"var(--mantine-color-text)",CHROME:"light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1))",PROSE:"light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1))",PLACEHOLDER:"light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1))",DISABLED:"var(--mantine-color-disabled-color)",SURFACE:"light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-6))",PANEL:"var(--mantine-color-body)",RAISED:"light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5))",SELECTED:"light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1))",ON_SELECTED:"var(--mantine-color-body)",BORDER:"light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2))",DIVIDER:"light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2))",ACCENT:"var(--mantine-primary-color-filled)",ON_ACCENT:"var(--mantine-primary-color-contrast)",WARNING:"var(--mantine-color-yellow-6)",SUCCESS:"var(--mantine-color-green-6)",DANGER:"var(--mantine-color-red-6)"},Dn=["#d5d7da","#a3a8b1","#7a828e","#5f6873","#48525c","#374047","#2a3035","#1f2428","#161b22","#0d1117"],kn={...o.DEFAULT_THEME.colors,dark:Dn},Eo={"--button-height":"24px","--button-fz":"11px","--button-padding-x":"8px"},So={"--ai-size":"24px"},Co={"--cb-size":"16px","--cb-icon-size":"12px"},To={Button:o.Button.extend({defaultProps:{size:"sm"},vars:()=>({root:Eo})}),ActionIcon:o.ActionIcon.extend({defaultProps:{size:"sm",variant:"subtle"},vars:()=>({root:So})}),CloseButton:o.CloseButton.extend({defaultProps:{size:"xs"},vars:()=>({root:Co})})},Ro={"--switch-height":"16px","--switch-width":"28px","--switch-thumb-size":"12px","--switch-track-label-padding":"2px","--switch-label-font-size":"5px"},Po={"--checkbox-size":"16px"},Ao={"--radio-size":"16px","--radio-icon-size":"6px"},en={"--slider-size":"4px","--slider-thumb-size":"12px"},jo={"--sc-font-size":"10px","--sc-padding":"4px 8px"},Lo={backgroundColor:"transparent"},Oo={backgroundColor:"light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6))"},wt={fontSize:11},tn={fontSize:10,marginTop:2},Ho={SegmentedControl:o.SegmentedControl.extend({defaultProps:{size:"sm",withItemsBorders:!1},vars:()=>({root:jo}),styles:{root:Lo,indicator:Oo}}),Checkbox:o.Checkbox.extend({defaultProps:{size:"sm"},vars:()=>({root:Po}),styles:{label:wt}}),Switch:o.Switch.extend({defaultProps:{size:"sm"},vars:()=>({root:Ro}),styles:{label:wt}}),Slider:o.Slider.extend({defaultProps:{size:"sm"},vars:()=>({root:en}),styles:{markLabel:tn}}),Radio:o.Radio.extend({defaultProps:{size:"sm"},vars:()=>({root:Ao}),styles:{label:wt}}),RangeSlider:o.RangeSlider.extend({defaultProps:{size:"sm"},vars:()=>({root:en}),styles:{markLabel:tn}})},_o={"--badge-height":"14px","--badge-fz":"9px","--badge-padding-x":"4px"},No={"--avatar-size":"24px"},Do={"--ti-size":"24px"},ko={"--indicator-size":"8px"},Go={"--kbd-fz":"10px","--kbd-padding":"2px 4px"},Mo={"--pill-height":"16px","--pill-fz":"10px"},zo={Text:o.Text.extend({}),Badge:o.Badge.extend({defaultProps:{size:"sm"},vars:()=>({root:_o})}),Pill:o.Pill.extend({defaultProps:{size:"sm"},vars:()=>({root:Mo})}),Avatar:o.Avatar.extend({defaultProps:{size:"sm"},vars:()=>({root:No})}),ThemeIcon:o.ThemeIcon.extend({defaultProps:{size:"sm"},vars:()=>({root:Do})}),Indicator:o.Indicator.extend({defaultProps:{size:"sm"},vars:()=>({root:ko})}),Kbd:o.Kbd.extend({defaultProps:{size:"sm"},vars:()=>({root:Go})})},Bo={"--loader-size":"18px"},Fo={"--progress-size":"4px"},Vo={label:{fontSize:9}},Uo={Loader:o.Loader.extend({defaultProps:{size:"sm"},vars:()=>({root:Bo})}),Progress:o.Progress.extend({defaultProps:{size:"sm"},vars:()=>({root:Fo}),styles:Vo}),RingProgress:o.RingProgress.extend({})},_t=1e3,ke=1100,Gn=8,Mn=4,zn="light-dark(var(--mantine-primary-color-filled), var(--mantine-primary-color-5))",$e={"--input-height":"24px","--input-size":"24px","--input-fz":"11px","--input-bg":"var(--mantine-color-default)","--input-bd":"transparent","--input-bd-focus":zn},ut={"--input-fz":"11px","--input-bg":"var(--mantine-color-default)","--input-bd":"transparent","--input-bd-focus":zn},qe={fontSize:11,color:b.CHROME,marginBottom:1,lineHeight:1.2},Mt={paddingInlineStart:8,paddingInlineEnd:8,backgroundColor:"var(--mantine-color-default)"},Ke={label:qe,input:Mt},nn={label:qe,input:Mt},pt={dropdown:{padding:4,border:"none",boxShadow:"var(--mantine-shadow-md)"},option:{fontSize:11,padding:"4px 8px",borderRadius:4},options:{},groupLabel:{fontSize:10,padding:"4px 8px"},empty:{fontSize:11,padding:"8px"}},It={input:{...Ke.input,minHeight:24,height:"auto",display:"flex",alignItems:"center",paddingTop:4,paddingBottom:4},pillsList:{columnGap:4,rowGap:2},pill:{margin:0}},$o={TextInput:o.TextInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:$e}),styles:Ke}),NumberInput:o.NumberInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:{...$e,"--input-right-section-width":"24px"},controls:{"--ni-chevron-size":"10px"}}),styles:{label:qe,input:Mt,control:{borderColor:"transparent"}}}),Select:o.Select.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:ke}},vars:()=>({root:{},wrapper:$e}),styles:{...Ke,...pt}}),Textarea:o.Textarea.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:ut}),styles:nn}),PasswordInput:o.PasswordInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:$e}),styles:{...Ke,innerInput:{paddingInlineStart:8,paddingInlineEnd:8}}}),Autocomplete:o.Autocomplete.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:ke}},vars:()=>({root:{},wrapper:$e}),styles:{...Ke,...pt}}),MultiSelect:o.MultiSelect.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:ke}},vars:()=>({root:{},wrapper:{...$e,"--combobox-chevron-size":"12px"}}),styles:{label:qe,...pt,...It,inputField:{minWidth:60,flexBasis:60}}}),TagsInput:o.TagsInput.extend({defaultProps:{size:"sm",variant:"filled",comboboxProps:{zIndex:ke}},vars:()=>({root:{},wrapper:ut}),styles:{label:qe,...pt,...It,inputField:{minWidth:30,flexBasis:30}}}),PillsInput:o.PillsInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:ut}),styles:{label:qe,...It}}),FileInput:o.FileInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:$e}),styles:Ke}),JsonInput:o.JsonInput.extend({defaultProps:{size:"sm",variant:"filled"},vars:()=>({root:{},wrapper:ut}),styles:nn}),InputClearButton:o.InputClearButton.extend({defaultProps:{size:"xs"},vars:()=>({root:{"--cb-size":"16px","--cb-icon-size":"12px"}})})},Wo={"--pagination-control-size":"24px","--pagination-control-fz":"11px"},Yo={"--stepper-icon-size":"24px","--stepper-fz":"11px","--stepper-spacing":"8px"},Xo={"--burger-size":"18px","--burger-line-size":"2px"},Ko={root:{fontSize:11}},qo={root:{fontSize:11,minHeight:28},label:{fontSize:11}},Zo={tab:{fontSize:11,padding:"6px 10px"}},Jo={Anchor:o.Anchor.extend({defaultProps:{size:"sm"},styles:Ko}),Burger:o.Burger.extend({defaultProps:{size:"sm"},vars:()=>({root:Xo})}),NavLink:o.NavLink.extend({styles:qo}),Pagination:o.Pagination.extend({defaultProps:{size:"sm"},vars:()=>({root:Wo})}),Stepper:o.Stepper.extend({defaultProps:{size:"sm"},vars:()=>({root:Yo})}),Tabs:o.Tabs.extend({styles:Zo})},Qo={"--menu-item-fz":"11px"},er={tooltip:{fontSize:11,padding:"4px 8px"}},tr={dropdown:{padding:8}},nr={dropdown:{padding:8}},or={Menu:o.Menu.extend({defaultProps:{zIndex:ke},vars:()=>({dropdown:Qo})}),Tooltip:o.Tooltip.extend({defaultProps:{zIndex:ke},styles:er}),Popover:o.Popover.extend({defaultProps:{zIndex:ke},styles:tr}),HoverCard:o.HoverCard.extend({defaultProps:{zIndex:ke},styles:nr})},rr={xs:"10px",sm:"11px",md:"13px",lg:"14px",xl:"16px"},ar={xs:"4px",sm:"6px",md:"8px",lg:"12px",xl:"16px"},sr={xs:"2px",sm:"4px",md:"6px",lg:"8px",xl:"12px"},Bn=o.createTheme({colors:kn,fontSizes:rr,spacing:ar,radius:sr,focusRing:"auto",other:{panelGrid:u},components:{...$o,...To,...Ho,...zo,...Uo,...Jo,...or}}),ir=o.mergeMantineTheme(o.DEFAULT_THEME,Bn),Fn=["#5B8FF9FF","#FF6B6BFF","#61D095FF","#F7B731FF","#9B59B6FF","#5B8FF980","#FF6B6B80","#61D09580","#F7B73180","#9B59B680"],xt="#888888",Vn={mixed:"Mixed",fieldBound:"Bound to a data attribute",fieldPending:"Set but not yet applied",scaleSqrt:"Square root scale",scaleLinear:"Linear scale",scaleLog:"Logarithmic scale",details:"Details",departure:"Departure",percentile:e=>`${e} percentile`,expandSection:e=>`Expand ${e}`,collapseSection:e=>`Collapse ${e}`,addToSection:e=>`Add ${e}`,sectionHasConfiguredValues:e=>`${e} has configured values`,about:e=>`About ${e}`,resetToDefault:e=>`Reset ${e} to default`,colorSwatch:"Color swatch",colorHexValue:"Color hex value",opacity:"Opacity",colorPanelTitle:"Color",colorGenericName:"color",colorStops:"Color Stops",addColorStop:"Add color stop",colorStopPosition:e=>`Stop ${e} position`,removeColorStop:e=>`Remove color stop ${e}`,direction:"Direction",gradientDirection:"Gradient direction",degrees:e=>`${e}°`,percent:e=>`${e}%`,dataTable:"Data table",search:"Search",searchPlaceholder:"Search",clearSearch:"Clear search",noRows:"No rows",noMatchingRows:"No rows match the search",rowsShown:(e,n)=>`${e} of ${n} rows`,rowsSelected:e=>`${e} selected`,yes:"Yes",no:"No",closePanel:"Close panel",settings:"Settings",ordinal:(e,n)=>{switch(n){case"one":return`${e}st`;case"two":return`${e}nd`;case"few":return`${e}rd`;default:return`${e}th`}}},lr="en",Nt=s.createContext(Vn),Dt=s.createContext(void 0);function cr(e){return e!==void 0&&e!==""?e:typeof document<"u"&&document.documentElement.lang!==""?document.documentElement.lang:typeof navigator<"u"&&navigator.language!==""?navigator.language:lr}function dr({labels:e,locale:n,children:a}){const r=s.useContext(Nt),i=s.useContext(Dt),l=s.useMemo(()=>({...r,...e}),[r,e]),d=n??i;return t.jsx(Dt.Provider,{value:d,children:t.jsx(Nt.Provider,{value:l,children:a})})}function re(){return s.useContext(Nt)}function ze(){const e=s.useContext(Dt);return cr(e)}const ur=1234.5,pr="9876543210",fr=9876543210,hr=new Set([" "," "," "," ","'","’"]),gr="−",xr=/^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/iu,on=new Map;function mr(e){var h,p;const n=on.get(e);if(n!==void 0)return n;const a=new Intl.NumberFormat(e).formatToParts(ur),r=((h=a.find(f=>f.type==="decimal"))==null?void 0:h.value)??".",i=((p=a.find(f=>f.type==="group"))==null?void 0:p.value)??"",l=new Map;for(const f of"0123456789")l.set(f,f);const d=new Intl.NumberFormat(e,{useGrouping:!1}).format(fr);Array.from(d).forEach((f,x)=>{l.set(f,pr[x])});const g={decimal:r,digits:l,group:i};return on.set(e,g),g}function Un(e,n){const a=mr(n);let r="";for(const l of e.trim()){const d=a.digits.get(l);if(d!==void 0){r+=d;continue}if(l===a.decimal){r+=".";continue}if(!(l===a.group||hr.has(l))){if(l==="-"||l===gr){r+="-";continue}if(l==="+"){r+="+";continue}if(l==="e"||l==="E"){r+=l;continue}break}}const i=xr.exec(r);return i===null?Number.NaN:Number(i[0])}function Ye(e){const n=ze(),a=JSON.stringify(e??{});return s.useMemo(()=>new Intl.NumberFormat(n,e),[n,a])}function $n(){const e=ze(),n=re(),a=Ye(),r=s.useMemo(()=>new Intl.PluralRules(e,{type:"ordinal"}),[e]);return s.useCallback(i=>n.ordinal(a.format(i),r.select(i)),[n,a,r])}function Wn(e){const n=ze(),a=JSON.stringify(e??{});return s.useMemo(()=>new Intl.Collator(n,e),[n,a])}function zt(){const e=ze();return s.useCallback(n=>Un(n,e),[e])}const Yn=["sizeSmallest","sizeLargest","width","opacity","attribute","scaleSqrt","scaleLinear","scaleLog"],Xn=["N","E","W","D","K"],br=["chevronDown","chevronRight","chevronLeft","close","plus","minus","gear","warning","check","eye","refresh","copy","pin","info","reset"],Kn={viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"},Re={fill:"currentColor",stroke:"none"},yr={sizeSmallest:e=>t.jsxs(t.Fragment,{children:[t.jsx("circle",{cx:"5",cy:"11",r:"2.5",...e?Re:{}}),t.jsx("circle",{cx:"10.5",cy:"6.5",r:"4",...e?Re:{}})]}),sizeLargest:e=>t.jsxs(t.Fragment,{children:[t.jsx("circle",{cx:"4.5",cy:"11.5",r:"1.75",...e?Re:{}}),t.jsx("circle",{cx:"10",cy:"6",r:"5",...e?Re:{}})]}),width:e=>t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:"2.5",y1:"8",x2:"13.5",y2:"8"}),t.jsx("polyline",{points:"5,5.5 2.5,8 5,10.5",...e?Re:{}}),t.jsx("polyline",{points:"11,5.5 13.5,8 11,10.5",...e?Re:{}})]}),opacity:e=>e?t.jsx("circle",{cx:"8",cy:"8",r:"5.5",...Re}):t.jsxs(t.Fragment,{children:[t.jsx("circle",{cx:"8",cy:"8",r:"5.5"}),t.jsx("path",{d:"M8 2.5a5.5 5.5 0 0 1 0 11z",...Re})]}),attribute:e=>e?t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M2.5 7.2V3.5a1 1 0 0 1 1-1h3.7l6.3 6.3-4.7 4.7z",...Re}),t.jsx("circle",{cx:"5.5",cy:"5.5",r:"0.75",style:{fill:b.SURFACE},stroke:"none"})]}):t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M2.5 7.2V3.5a1 1 0 0 1 1-1h3.7l6.3 6.3-4.7 4.7z"}),t.jsx("circle",{cx:"5.5",cy:"5.5",r:"0.75"})]}),scaleSqrt:()=>t.jsx("path",{d:"M2.5 13.5C4.5 5 8 2.5 13.5 2.5"}),scaleLinear:()=>t.jsx("line",{x1:"2.5",y1:"13.5",x2:"13.5",y2:"2.5"}),scaleLog:()=>t.jsx("path",{d:"M2.5 13.5C8 13.5 11.5 11 13.5 2.5"})},vr={chevronDown:t.jsx("polyline",{points:"4,6 8,10 12,6"}),chevronRight:t.jsx("polyline",{points:"6,4 10,8 6,12"}),chevronLeft:t.jsx("polyline",{points:"10,4 6,8 10,12"}),close:t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:"4",y1:"4",x2:"12",y2:"12"}),t.jsx("line",{x1:"12",y1:"4",x2:"4",y2:"12"})]}),plus:t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:"8",y1:"3",x2:"8",y2:"13"}),t.jsx("line",{x1:"3",y1:"8",x2:"13",y2:"8"})]}),minus:t.jsx("line",{x1:"3",y1:"8",x2:"13",y2:"8"}),gear:t.jsxs(t.Fragment,{children:[t.jsx("circle",{cx:"8",cy:"8",r:"2.25"}),t.jsx("path",{d:"M8 1.5v2M8 12.5v2M1.5 8h2M12.5 8h2M3.4 3.4l1.4 1.4M11.2 11.2l1.4 1.4M12.6 3.4l-1.4 1.4M4.8 11.2l-1.4 1.4"})]}),warning:t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M8 2.5l6 11H2z"}),t.jsx("line",{x1:"8",y1:"6.5",x2:"8",y2:"9.5"}),t.jsx("line",{x1:"8",y1:"11.5",x2:"8",y2:"11.75"})]}),check:t.jsx("polyline",{points:"3.5,8.5 6.5,11.5 12.5,5"}),eye:t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M1.5 8s2.5-4.5 6.5-4.5S14.5 8 14.5 8s-2.5 4.5-6.5 4.5S1.5 8 1.5 8z"}),t.jsx("circle",{cx:"8",cy:"8",r:"2"})]}),refresh:t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M2.5 8a5.5 5.5 0 1 0 1.6-3.9"}),t.jsx("polyline",{points:"2.5,2.5 2.5,6 6,6"})]}),copy:t.jsxs(t.Fragment,{children:[t.jsx("rect",{x:"5.5",y:"5.5",width:"8",height:"8",rx:"1"}),t.jsx("path",{d:"M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2"})]}),pin:t.jsxs(t.Fragment,{children:[t.jsx("path",{d:"M6 2.5h4l-.5 3.5 2 2.5H4.5l2-2.5z"}),t.jsx("line",{x1:"8",y1:"8.5",x2:"8",y2:"13.5"})]}),info:t.jsxs(t.Fragment,{children:[t.jsx("circle",{cx:"8",cy:"8",r:"6.5"}),t.jsx("line",{x1:"8",y1:"7",x2:"8",y2:"11.5"}),t.jsx("line",{x1:"8",y1:"4.5",x2:"8",y2:"4.75"})]}),reset:t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:"4",y1:"4",x2:"12",y2:"12"}),t.jsx("line",{x1:"12",y1:"4",x2:"4",y2:"12"})]})};function nt({name:e,filled:n=!1,size:a=u.GLYPH}){return t.jsx("svg",{width:a,height:a,...Kn,"aria-hidden":"true",focusable:"false","data-glyph":e,"data-filled":n?"true":"false",style:{flex:"0 0 auto",display:"block"},children:yr[e](n)})}function te({name:e,size:n=u.GLYPH}){return t.jsx("svg",{width:n,height:n,...Kn,"aria-hidden":"true",focusable:"false","data-glyph":e,style:{flex:"0 0 auto",display:"block"},children:vr[e]})}function Bt(e){return typeof e=="string"&&Yn.includes(e)}function Ft(e){return typeof e=="string"&&Xn.includes(e)}const Vt=255,Ut=100;function $t(e){return Math.round(parseInt(e,16)/Vt*Ut)}function Wt(e){return Math.round(e/Ut*Vt).toString(16).padStart(2,"0")}function wr(e){let n=e.replace("#","");n.length===3?n=`${n.split("").map(l=>l+l).join("")}ff`:n.length===4?n=n.split("").map(l=>l+l).join(""):n.length===6&&(n=`${n}ff`);const a=`#${n.slice(0,6)}`,r=n.slice(6,8),i=$t(r);return{hex:a,opacity:i}}function Ir(e,n){const a=e.replace("#",""),r=Wt(n);return`#${a}${r}`}function Er(e){return/^#?([A-Fa-f0-9]{3}|[A-Fa-f0-9]{4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(e)}const qn=s.createContext(null);function Sr(){return s.useContext(qn)}function Cr({children:e}){const n=s.useRef(null);if(!s.isValidElement(e))throw new Error("PopoutAnchor requires a single valid React element as its child");const a=e,r=s.cloneElement(a,{ref:n});return t.jsx(qn.Provider,{value:{anchorRef:n},children:r})}function Tr({children:e}){return t.jsx(o.Box,{p:"sm",children:e})}const Rr=["[data-portal]","[data-combobox-dropdown]","[data-menu-dropdown]","[data-popover-dropdown]","[data-tooltip]","[data-hovercard-dropdown]","[data-dates-dropdown]","[data-modal]"].join(", ");function Pr(e,n=!0){s.useEffect(()=>{if(!n)return;const a=r=>{const i=r.target;i.closest('[role="dialog"]')||i.closest("[data-popout-trigger]")||i.closest("[data-popout-portal-container]")||i.closest(Rr)||e()};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[e,n])}function Ar(e,n=!0){s.useEffect(()=>{if(!n)return;const a=r=>{r.key==="Escape"&&(r.preventDefault(),e())};return document.addEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)}},[e,n])}const Yt=s.createContext(null),Xt=s.createContext(null);function yt(){const e=s.useContext(Yt);if(!e)throw new Error("usePopoutContext must be used within a Popout component");return e}function jr(){return s.useContext(Yt)}function Lr(){const e=s.useContext(Xt);if(!e)throw new Error("usePopoutManagerContext must be used within a PopoutManager");return e}function Or(){return s.useContext(Xt)}function Hr({children:e,parentId:n=null,opened:a,defaultOpened:r,onOpenChange:i}){const l=s.useId(),d=s.useRef(null),[g,h]=$.useUncontrolled({value:a,defaultValue:r,finalValue:!1,onChange:i}),p=s.useRef(h);s.useEffect(()=>{p.current=h});const f=s.useCallback((v,S)=>{if(S){p.current(v,S);return}p.current(v)},[]),x=s.useCallback(v=>{f(!0,v)},[f]),y=s.useCallback(v=>{f(!1,v)},[f]),C=s.useCallback(v=>{f(!g,v)},[g,f]),T=s.useMemo(()=>({id:l,isOpen:g,open:x,close:y,toggle:C,triggerRef:d,parentId:n}),[l,g,x,y,C,n]);return t.jsx(Yt.Provider,{value:T,children:e})}function _r({children:e}){const[n,a]=s.useState(null),r=s.useRef([]),i=s.useRef(new Map),l=s.useRef(new Map),[d,g]=s.useState(0),h=s.useCallback(m=>{const w=[];for(const R of r.current)(l.current.get(R)??null)===m&&w.push(R);return w},[]),p=s.useCallback(m=>{const w=[];for(const R of r.current){let j=R;for(;j;){const K=l.current.get(j)??null;if(K===m){w.push(R);break}j=K}}return w},[]),f=s.useCallback(m=>{let w=0,R=m;for(;R;){const j=l.current.get(R)??null;if(!j)break;w++,R=j}return w},[]),x=s.useCallback(m=>{var R;const w=[...m].sort((j,K)=>f(K)-f(j));for(const j of w)(R=i.current.get(j))==null||R()},[f]),y=s.useCallback((m,w,R)=>{if(r.current.includes(m)){i.current.set(m,w);return}const j=R??null,K=h(j),W=[];for(const U of K)W.push(U),W.push(...p(U));x(W);const xe=new Set(W);r.current=r.current.filter(U=>!xe.has(U)),r.current.push(m),i.current.set(m,w),l.current.set(m,j),g(U=>U+1)},[h,p,x]),C=s.useCallback(m=>{if(!r.current.includes(m)){i.current.delete(m),l.current.delete(m);return}r.current=r.current.filter(w=>w!==m),i.current.delete(m),l.current.delete(m),g(w=>w+1)},[]),T=s.useCallback(m=>{const w=r.current.indexOf(m);return w>=0?_t+w:_t},[]),v=s.useCallback(m=>{const w=r.current,R=w.indexOf(m);R===-1||R===w.length-1||(r.current=[...w.filter(j=>j!==m),m],g(j=>j+1))},[]),S=s.useCallback(m=>l.current.get(m)??null,[]),H=s.useCallback((m,w)=>{let R=w;for(;R;){const j=l.current.get(R);if(j===m)return!0;R=j??null}return!1},[]),P=s.useCallback(m=>{const w=[],R=r.current;for(const j of R)H(m,j)&&w.push(j);return w},[H]),E=s.useCallback(m=>{const w=P(m);for(const R of[...w].reverse()){const j=i.current.get(R);j==null||j()}},[P]),A=s.useCallback(m=>{E(m);const w=i.current.get(m);w==null||w()},[E]),_=s.useCallback((m,w)=>{const R=r.current;for(const j of R){if(j===m)continue;l.current.get(j)===w&&A(j)}},[A]),L=s.useCallback(()=>{const m=r.current;if(m.length===0)return;const w=m[m.length-1],R=i.current.get(w);R==null||R()},[]),D=s.useCallback(()=>{const m=[...r.current];for(const w of m){const R=i.current.get(w);R==null||R()}},[]),N=s.useCallback(()=>r.current.length>0,[]),[G,M]=s.useState(!1);s.useEffect(()=>{M(r.current.length>0)},[d]),Ar(L,G),Pr(D,G);const F=s.useMemo(()=>({register:y,unregister:C,getZIndex:T,bringToFront:v,portalContainer:n,zIndexVersion:d,closeFocused:L,closeAll:D,hasOpenPopouts:N,closeWithDescendants:A,closeDescendants:E,closeSiblings:_,getParentId:S,isAncestor:H}),[y,C,T,v,n,d,L,D,N,A,E,_,S,H]);return t.jsxs(Xt.Provider,{value:F,children:[e,t.jsx("div",{ref:a,"data-popout-portal-container":!0,style:{display:"contents"}})]})}function Ae(){return o.useDirection().dir}function ue(e){return e==="rtl"}function Nr(e,n){return ue(n)?1-e:e}function Dr(e,n,a){return Nr(e,a)*n}function kr(e){return ue(e)?{transform:"scaleX(-1)"}:{}}const rn=3;function Gr(e){const{isOpen:n,onPress:a,onDragStart:r,onDrag:i,onDragEnd:l}=e,[d,g]=s.useState({left:0,top:0}),h=s.useRef(!1),p=s.useRef(!1),f=s.useRef(!1),x=s.useRef({x:0,y:0,offsetLeft:0,offsetTop:0}),y=s.useCallback(()=>{g({left:0,top:0})},[]),C=s.useCallback(()=>{const P=f.current;return f.current=!1,P},[]),T=s.useCallback(P=>{const E=P.target;if(!(E.tagName==="INPUT"||E.tagName==="TEXTAREA"||E.tagName==="BUTTON"||E.tagName==="SELECT"||E.closest("button")||E.closest("input")||E.closest("textarea")||E.closest("select"))){h.current=!0,p.current=!1,f.current=!1,x.current={x:P.clientX,y:P.clientY,offsetLeft:d.left,offsetTop:d.top},a==null||a(P);try{E.setPointerCapture(P.pointerId)}catch{}}},[d.left,d.top,a]),v=s.useCallback(P=>{if(!h.current)return;const E=P.clientX-x.current.x,A=P.clientY-x.current.y;if(!p.current){if(!(Math.abs(E)>=rn||Math.abs(A)>=rn))return;p.current=!0,r==null||r(P)}const _={left:x.current.offsetLeft+E,top:x.current.offsetTop+A};g(_),i==null||i(_,P)},[i,r]),S=s.useCallback(P=>{if(!h.current)return;h.current=!1;const E=P.target;E.hasPointerCapture(P.pointerId)&&E.releasePointerCapture(P.pointerId),p.current&&(p.current=!1,f.current=!0,l==null||l(P))},[l]),H=d.left!==0||d.top!==0;return n?{dragTriggerProps:{"data-drag-trigger":!0,onPointerDown:T,onPointerMove:v,onPointerUp:S,onPointerCancel:S,style:{cursor:"grab",userSelect:"none",touchAction:"none"}},dragOffset:d,resetDragOffset:y,hasDragged:H,consumeDragClick:C}:{dragTriggerProps:{},dragOffset:{left:0,top:0},resetDragOffset:y,hasDragged:!1,consumeDragClick:C}}function Mr({config:e,onClose:n,dragTriggerProps:a={},actions:r=[],activeTab:i,onTabChange:l,titleId:d}){var C;const g=re(),{style:h,...p}=a,x=e.variant==="tabs"?e:null,y=(x==null?void 0:x.tabs.map(T=>({value:T.id,label:T.label})))??[];return t.jsxs(o.Group,{"data-testid":"popout-header",justify:"space-between",px:"sm",py:"xs",...p,style:{...h},children:[e.variant==="title"?t.jsx(o.Text,{id:d,"data-testid":"popout-header-title",size:"sm",fw:500,children:e.title}):t.jsxs(t.Fragment,{children:[t.jsx(o.VisuallyHidden,{id:d,children:((C=x==null?void 0:x.tabs[0])==null?void 0:C.label)??g.settings}),t.jsx(o.SegmentedControl,{"data-testid":"popout-header-tabs",data:y,value:i,onChange:T=>l==null?void 0:l(T),size:"xs"})]}),t.jsxs(o.Group,{gap:4,children:[r.map(T=>t.jsx(o.ActionIcon,{variant:"subtle",onClick:T.onClick,"aria-label":T.label,children:T.icon},T.id)),t.jsx(o.CloseButton,{size:"sm","data-testid":"popout-header-close",onClick:n,"aria-label":g.closePanel})]})]})}function zr(e,n=document){return e===null?null:n.querySelector(`[data-popout-id="${e}"]`)}function an(e,n,a){const{trigger:r,parent:i,panel:l}=a;if(e!==void 0){if(typeof e=="object")return e.current;switch(e){case"parent":return i??l??r;case"panel":return l??i??r;case"trigger":return r;default:{const d=e;throw new Error(`Unknown anchor target: ${String(d)}`)}}}return n==="x"?i??l??r:r??i??l}function Br(e,n){return e==="start"?ue(n)?"right":"left":e==="end"?ue(n)?"left":"right":e}function Fr(e,n,a=Gn,r={}){const{placement:i="left",alignment:l="start",panelHeight:d=0,crossAnchorRect:g=e,direction:h="ltr"}=r;let p,f;switch(i){case"left":p=e.left-n-a,f=sn(g,l,d);break;case"right":p=e.right+a,f=sn(g,l,d);break;case"top":p=ln(g,l,n,h),f=e.top-d-a;break;case"bottom":p=ln(g,l,n,h),f=e.bottom+a;break;default:{const x=i;throw new Error(`Unknown placement: ${String(x)}`)}}return{left:p,top:f}}function sn(e,n,a){switch(n){case"start":return e.top;case"center":return e.top+e.height/2-a/2;case"end":return e.bottom-a;default:{const r=n;throw new Error(`Unknown alignment: ${String(r)}`)}}}function ln(e,n,a,r){switch(n){case"start":return ue(r)?e.right-a:e.left;case"center":return e.left+e.width/2-a/2;case"end":return ue(r)?e.left:e.right-a;default:{const i=n;throw new Error(`Unknown alignment: ${String(i)}`)}}}function Vr(e){var Ie,Ve;const{width:n,height:a,header:r,label:i,children:l,anchorX:d,anchorY:g,placement:h="left",alignment:p="start",gap:f,actions:x,manageFocus:y=!0,onDragStart:C,onDrag:T,onDragEnd:v}=e,{isOpen:S,close:H,triggerRef:P,id:E,parentId:A}=yt(),{getZIndex:_,portalContainer:L,register:D,unregister:N,bringToFront:G,zIndexVersion:M,closeDescendants:F}=Lr(),m=Sr(),w=Ae(),R=s.useId(),j=`popout-panel-${E}`,K=`popout-title-${R}`,[W,xe]=s.useState(null),U=s.useRef(!1),le=s.useRef(null),V=s.useCallback(()=>{G(E)},[G,E]),{dragTriggerProps:Z,dragOffset:ee,resetDragOffset:je,hasDragged:Le,consumeDragClick:ne}=Gr({isOpen:S,onPress:V,onDragStart:C,onDrag:T,onDragEnd:v}),me=(r==null?void 0:r.variant)==="tabs",X=(r==null?void 0:r.variant)==="tabs"?r:null,ve=(X==null?void 0:X.defaultTab)??((Ie=X==null?void 0:X.tabs[0])==null?void 0:Ie.id),[pe,Be]=s.useState(ve),Oe=f??(A===null?0:Mn),Qe=s.useCallback((z,J)=>{var Y;Be(z),(Y=X==null?void 0:X.onTabChange)==null||Y.call(X,z,J)},[X]),Fe=s.useCallback(z=>{z.stopPropagation(),G(E),!ne()&&F(E)},[F,G,ne,E]),ae=s.useCallback(z=>{F(E),H(z)},[F,H,E]),ge=s.useRef(H);s.useEffect(()=>{ge.current=H});const we=s.useCallback(()=>{ge.current()},[]);s.useEffect(()=>(S?D(E,we,A):N(E),()=>{N(E)}),[S,E,D,N,we,A]);const be=s.useCallback(()=>{const z={trigger:P.current,parent:zr(A),panel:(m==null?void 0:m.anchorRef.current)??null};return{inline:an(d,"x",z),block:an(g,"y",z)}},[P,A,m,d,g]),He=s.useCallback(()=>{var se;const{inline:z,block:J}=be(),Y=z??J,fe=J??z;if(!Y||!fe)return;const Q=(se=le.current)==null?void 0:se.getBoundingClientRect(),Ee=Math.max(n,(Q==null?void 0:Q.width)??0),ce=Math.max(a??0,(Q==null?void 0:Q.height)??0),k=Br(h,w),oe=k==="top"||k==="bottom",Ue=oe?fe:Y,st=oe?Y:fe,Se=Fr(Ue.getBoundingClientRect(),Ee,Oe,{placement:k,alignment:p,panelHeight:ce,crossAnchorRect:st.getBoundingClientRect(),direction:w});xe(De=>De&&De.left===Se.left&&De.top===Se.top?De:Se)},[be,n,a,h,p,Oe,w]);if($.useIsomorphicEffect(()=>{if(!S){xe(null);return}U.current||(je(),me&&Be(ve)),He()},[S,He,je,me,ve]),s.useEffect(()=>{if(!S)return;let z=0;const J=()=>{z===0&&(z=requestAnimationFrame(()=>{z=0,He()}))},Y=new ResizeObserver(J),fe=new MutationObserver(J),{inline:Q,block:Ee}=be();for(const k of new Set([Q,Ee].filter(oe=>oe!==null)))Y.observe(k),fe.observe(k,{attributes:!0,attributeFilter:["style","class"]});le.current&&Y.observe(le.current);const ce=()=>{Le||J()};return window.addEventListener("resize",ce),window.addEventListener("scroll",ce,!0),()=>{z!==0&&cancelAnimationFrame(z),Y.disconnect(),fe.disconnect(),window.removeEventListener("resize",ce),window.removeEventListener("scroll",ce,!0)}},[S,He,be,Le]),s.useEffect(()=>{var z;if(y){if(S){const J=setTimeout(()=>{var Y;(Y=le.current)==null||Y.focus()},0);return()=>{clearTimeout(J)}}U.current&&((z=P.current)==null||z.focus())}},[S,y,P]),s.useEffect(()=>{U.current=S},[S]),!S||!L)return null;const et=_(E),_e={left:((W==null?void 0:W.left)??0)+ee.left,top:((W==null?void 0:W.top)??0)+ee.top},Ne=t.jsxs(o.Paper,{ref:le,id:j,role:"dialog","aria-modal":"false","aria-labelledby":r?K:void 0,"aria-label":r?void 0:i,tabIndex:-1,radius:8,onClick:Fe,"data-testid":"popout-panel","data-popout-id":E,...A&&{"data-parent-id":A},style:{position:"fixed",left:_e.left,top:_e.top,minWidth:n,width:"min-content",...a!==void 0&&{minHeight:a},...W===null&&{visibility:"hidden"},zIndex:et,backgroundColor:"var(--mantine-color-body)",border:"1px solid light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.12))",boxShadow:["0 1px 2px light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.4))","0 4px 8px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.35))","0 8px 16px light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.25))"].join(", ")},children:[r?t.jsx(Mr,{config:r,onClose:ae,dragTriggerProps:Z,activeTab:pe,onTabChange:Qe,actions:x,titleId:K}):null,t.jsx(o.Box,{"data-testid":"popout-panel-content",children:me?(Ve=X==null?void 0:X.tabs.find(z=>z.id===pe))==null?void 0:Ve.content:l})]});return wo.createPortal(Ne,L)}function Ur({children:e,action:n="toggle"}){const{open:a,toggle:r,triggerRef:i,isOpen:l,id:d}=yt(),g=s.useCallback(f=>{if(f.stopPropagation(),n==="open"){a(f);return}r(f)},[n,a,r]);if(!s.isValidElement(e))throw new Error("PopoutTrigger requires a single valid React element as its child");const h=`popout-panel-${d}`,p=e;return s.cloneElement(p,{onClick:f=>{var x,y;(y=(x=p.props).onClick)==null||y.call(x,f),g(f)},ref:i,"data-popout-trigger":!0,"aria-expanded":l,"aria-controls":h,"aria-haspopup":"dialog"})}function $r({children:e,opened:n,defaultOpened:a,onOpenChange:r}){const i=jr(),l=(i==null?void 0:i.id)??null;return t.jsx(Hr,{parentId:l,opened:n,defaultOpened:a,onOpenChange:r,children:e})}const Ge=Object.assign($r,{Trigger:Ur,Panel:Vr,Content:Tr,Anchor:Cr}),Wr=s.forwardRef(function({icon:n,size:a="xs",...r},i){const{isOpen:l}=yt();return t.jsx(o.ActionIcon,{ref:i,"data-testid":"popout-button",variant:l?"light":"subtle",size:a,c:l?void 0:"dimmed",...r,children:n})});function Zn({children:e}){return t.jsx(_r,{children:e})}const cn=4,dn=4,Yr=2,Xr=72,Kr=54,qr=220,un=0,Et=100,pn=9,fn=7,Zr=/^#[0-9A-F]{6}$/iu,Jr=1.1;function St(e){const n=e==="start"?dn:0,a=e==="end"?dn:0;return{borderStartStartRadius:n,borderEndStartRadius:n,borderStartEndRadius:a,borderEndEndRadius:a}}function Qr(){const e=ze();return s.useMemo(()=>{var a;return((a=new Intl.NumberFormat(e).formatToParts(Jr).find(r=>r.type==="decimal"))==null?void 0:a.value)??"."},[e])}function Jn({color:e,defaultColor:n,opacity:a,defaultOpacity:r=Et,onColorChange:i,onOpacityChange:l,label:d,showOpacity:g=!0,disabled:h=!1,onFocus:p,onBlur:f}){const x=re(),y=zt(),C=Qr(),T=s.useId(),[v,S]=$.useUncontrolled({value:e,defaultValue:void 0,finalValue:void 0,onChange:i}),[H,P]=$.useUncontrolled({value:a,defaultValue:void 0,finalValue:void 0,onChange:l}),E=v===void 0,A=H===void 0,_=E&&(!g||A),L=v??n,D=H??r,[N,G]=s.useState(L.replace("#","").toUpperCase()),[M,F]=s.useState(D);s.useEffect(()=>{G(L.replace("#","").toUpperCase())},[L]),s.useEffect(()=>{F(D)},[D]);const m=V=>{if(V.length===pn){S(V.slice(0,fn).toUpperCase()),g&&P($t(V.slice(fn,pn)));return}S(V.toUpperCase())},w=()=>`${L}${Wt(D)}`.toUpperCase(),R=V=>{G(V.currentTarget.value.toUpperCase())},j=V=>{const Z=N.toUpperCase(),ee=Z.startsWith("#")?Z:`#${Z}`;Zr.test(ee)&&ee!==L?S(ee,V):G(L.replace("#","").toUpperCase()),f==null||f(V)},K=V=>{F(V)},W=V=>{const Z=typeof M=="string"?y(M):M;if(Number.isNaN(Z)){F(D),f==null||f(V);return}const ee=Math.min(Et,Math.max(un,Z));ee!==D&&P(ee,V),F(ee),f==null||f(V)},xe=V=>{S(void 0,V),g&&P(void 0,V)},U=g?"middle":"end",le=t.jsxs(o.Group,{"data-testid":"compact-color-input",gap:cn,wrap:"nowrap",children:[t.jsxs(o.Group,{gap:0,wrap:"nowrap",children:[t.jsxs(Ge,{children:[t.jsx(Ge.Trigger,{children:t.jsx(o.ActionIcon,{variant:"filled",size:u.CONTROL_HEIGHT,radius:0,style:{backgroundColor:"var(--mantine-color-default)",...St("start")},"data-testid":"compact-color-input-swatch",disabled:h,"aria-label":x.colorSwatch,children:t.jsx(o.ColorSwatch,{color:L,size:u.GLYPH,radius:Yr,style:{border:`1px solid ${b.BORDER}`}})})}),t.jsx(Ge.Panel,{width:qr,header:{variant:"title",title:d??x.colorPanelTitle},placement:"bottom",alignment:"start",gap:cn,children:t.jsx(Ge.Content,{children:t.jsx(o.ColorPicker,{format:"hexa",value:w(),onChange:m,swatches:[...Fn]})})})]}),t.jsx(o.TextInput,{"data-testid":"compact-color-input-hex",disabled:h,value:N,onChange:R,onFocus:p,onBlur:j,"aria-label":x.colorHexValue,"data-is-default":E?"true":"false",w:Xr,styles:{input:{...St(U),fontFamily:"monospace",textTransform:"uppercase",...E?{fontStyle:"italic",color:b.CHROME}:{}}}}),g&&t.jsxs(t.Fragment,{children:[t.jsx(o.Divider,{orientation:"vertical",color:b.BORDER,h:u.CONTROL_HEIGHT,my:0}),t.jsx(o.NumberInput,{"data-testid":"compact-color-input-opacity",disabled:h,value:M,onChange:K,onFocus:p,onBlur:W,min:un,max:Et,decimalSeparator:C,hideControls:!0,suffix:"%","aria-label":x.opacity,"data-is-default":A?"true":"false",w:Kr,styles:{input:{...St("end"),textAlign:"end",...A?{fontStyle:"italic",color:b.CHROME}:{}}}})]})]}),!_&&t.jsx(o.ActionIcon,{variant:"subtle",size:u.TRAIL,c:b.CHROME,"data-testid":"compact-color-input-reset",disabled:h,"aria-label":x.resetToDefault(d??x.colorGenericName),onClick:xe,children:t.jsx(te,{name:"reset",size:u.CHEVRON})})]});return d===void 0?le:t.jsxs(o.Stack,{"data-testid":"compact-color-input-labelled",gap:0,role:"group","aria-labelledby":T,children:[t.jsx(o.Text,{id:T,"data-testid":"compact-color-input-label",size:"xs",c:b.CHROME,mb:1,lh:1.2,children:d}),le]})}const ft=u.GUTTER,hn=4,ea=1,ta=1.2,na="calc(-1 * var(--mantine-spacing-sm) - 1px)";function oa({label:e,actions:n,children:a,bleed:r=!1}){const i=s.useId(),l=n!=null;return t.jsxs(o.Box,{"data-testid":"control-group",role:"group","aria-labelledby":i,children:[t.jsx(o.Divider,{"data-testid":"control-group-divider",color:b.DIVIDER,size:ea,style:{marginBlockStart:ft,marginBlockEnd:0,marginInline:r?na:void 0}}),t.jsxs(o.Box,{"data-testid":"control-group-header",style:{display:"flex",alignItems:"center",gap:hn,boxSizing:"border-box",paddingBlock:ft,paddingInline:ft},children:[t.jsx(o.Box,{component:"span",id:i,"data-testid":"control-group-label",title:e,style:{flex:"1 1 auto",minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"var(--mantine-font-size-xs)",fontWeight:500,lineHeight:ta,color:b.VALUE},children:e}),l&&t.jsx(o.Box,{"data-testid":"control-group-actions",style:{display:"flex",alignItems:"center",gap:hn,flex:"0 0 auto"},children:n})]}),t.jsx(o.Stack,{"data-testid":"control-group-content",gap:0,px:ft,children:a})]})}function Pe(e){const n=s.useRef(void 0);s.useEffect(()=>{process.env.NODE_ENV==="production"||e===void 0||n.current!==e&&(n.current=e,console.warn(e))},[e])}const gn=250,ra=4;function aa({name:e,bubbleId:n}){const{isOpen:a,open:r,close:i}=yt();return t.jsx(Ge.Trigger,{action:"open",children:t.jsx(o.UnstyledButton,{type:"button",title:e,"aria-label":e,"aria-describedby":a?n:void 0,"data-testid":"info-circle",onMouseEnter:r,onMouseLeave:i,onFocus:r,onBlur:i,style:{flex:"0 0 auto",width:u.GLYPH,height:u.GLYPH,display:"inline-flex",alignItems:"center",justifyContent:"center",background:"transparent",color:b.CHROME,cursor:"default"},children:t.jsx(te,{name:"info",size:u.CHEVRON})})})}function Qn({children:e,label:n,opened:a,defaultOpened:r,onOpenChange:i}){const l=re(),d=s.useId(),g=Or()!==null,h=l.about(n),p=t.jsxs(Ge,{opened:a,defaultOpened:r,onOpenChange:i,children:[t.jsx(aa,{name:h,bubbleId:d}),t.jsx(Ge.Panel,{width:gn,label:h,placement:"bottom",alignment:"start",gap:ra,anchorX:"trigger",anchorY:"trigger",manageFocus:!1,children:t.jsx(o.Box,{id:d,w:gn,p:"xs",style:{fontSize:"var(--mantine-font-size-sm)",lineHeight:1.4,color:b.PROSE},children:e})})]});return g?p:t.jsx(Zn,{children:p})}function ot(e){return e!=null&&e!==!1}function ye({children:e}){return t.jsx(o.Box,{"data-testid":"trailing-slot",style:{flex:"0 0 auto",width:u.TRAIL,height:u.CONTROL_HEIGHT,display:"flex",alignItems:"center",justifyContent:"center"},children:e})}const eo=s.forwardRef(function(n,a){const{label:r,changed:i=!1,icon:l,onClick:d,disabled:g=!1,loading:h=!1,style:p,...f}=n,x=re(),y=i?x.sectionHasConfiguredValues(r):r,C=i?b.VALUE:b.CHROME;return t.jsx(o.ActionIcon,{...f,ref:a,type:"button",variant:"subtle",color:"gray",size:u.TRAIL,radius:"sm",vars:()=>({root:{"--ai-color":C}}),title:y,"aria-label":y,"aria-busy":h,disabled:g,loading:h,"data-testid":"advanced-button","data-changed":i?"true":"false",onClick:d,style:{flex:"0 0 auto",...p},children:l??t.jsx(te,{name:"gear",size:u.GLYPH})})}),Ct=4,sa=1,xn=6,ia=12,la=1.2;function ca(e){const{label:n,opened:a,defaultOpened:r,onOpenChange:i,hasConfiguredValues:l=!1,empty:d=!1,onAdd:g,info:h,actions:p,children:f}=e,x=re(),y=Ae(),C=s.useId(),T=s.useId(),v=s.useId(),[S,H]=$.useUncontrolled({value:a,defaultValue:r,finalValue:!0,onChange:i}),P=!d&&s.Children.toArray(f).length>0,E=h!=null;Pe(d||P?void 0:`ControlSection "${n}" was given no children, and it holds the rows of a section. Pass the rows, set "empty" to draw it as a single row with a "+", or do not render it: a section header whose chevron opens onto nothing is a dead end for the reader.`);const A=F=>{H(!S,F)},_=S?x.collapseSection(n):x.expandSection(n),L=x.addToSection(n),D=ue(y)?"chevronLeft":"chevronRight",N={flex:"0 0 auto",width:u.GLYPH_SLOT,height:u.GLYPH_SLOT,display:"flex",alignItems:"center",justifyContent:"center",color:b.CHROME},G={display:"flex",alignItems:"center",gap:Ct,flex:"0 1 auto",minWidth:0,height:"100%",background:"transparent",textAlign:"start"},M=t.jsx(o.Box,{component:"span",id:C,title:n,"data-testid":"control-section-name",style:{minWidth:0,fontSize:ia,fontWeight:500,lineHeight:la,color:d?b.CHROME:b.VALUE,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n});return t.jsxs(o.Box,{role:"group","aria-labelledby":C,"aria-describedby":E?v:void 0,"data-testid":"control-section","data-empty":d?"true":void 0,children:[t.jsx(o.Divider,{"data-testid":"control-section-divider",color:b.DIVIDER,size:sa,my:0,mx:0}),t.jsxs(o.Box,{"data-testid":"control-section-header",style:{display:"flex",alignItems:"center",gap:Ct,boxSizing:"border-box",height:u.SECTION_HEADER,paddingInlineStart:u.PAD_LEFT,paddingInlineEnd:u.PAD_RIGHT},children:[P?t.jsxs(o.UnstyledButton,{type:"button","data-testid":"control-section-toggle","aria-label":_,"aria-expanded":S,"aria-controls":T,onClick:A,style:{...G,cursor:"pointer"},children:[t.jsx(o.Box,{"data-testid":"control-section-chevron-slot",style:N,children:t.jsx(te,{name:S?"chevronDown":D,size:u.CHEVRON})}),M]}):t.jsxs(o.Box,{style:G,children:[t.jsx(o.Box,{"data-testid":"control-section-chevron-slot",style:N}),M]}),l&&t.jsx(o.Box,{role:"img","aria-label":x.sectionHasConfiguredValues(n),"data-testid":"control-section-dot",style:{flex:"0 0 auto",width:xn,height:xn,borderRadius:"50%",background:b.ACCENT}}),E&&t.jsx(Qn,{label:n,children:h}),t.jsx(o.Box,{style:{flex:"1 1 auto"}}),p!=null&&t.jsx(o.Box,{"data-testid":"control-section-actions",style:{display:"flex",alignItems:"center",gap:Ct,flex:"0 0 auto"},children:p}),d&&g!==void 0&&t.jsx(ye,{children:t.jsx(o.ActionIcon,{type:"button",variant:"subtle",size:u.CONTROL_HEIGHT,radius:"sm",c:b.CHROME,title:L,"aria-label":L,"data-testid":"control-section-add",onClick:g,children:t.jsx(te,{name:"plus",size:u.GLYPH})})})]}),E&&t.jsx(o.Box,{id:v,"data-testid":"control-section-description",hidden:!0,children:h}),P&&t.jsx(o.Collapse,{id:T,in:S,children:t.jsx(o.Box,{"data-testid":"control-section-content",style:{paddingInlineStart:u.PAD_LEFT,paddingInlineEnd:u.PAD_RIGHT,paddingBottom:u.SECTION_PAD_BOTTOM},children:t.jsx(o.Stack,{gap:0,children:f})})})]})}const Tt="control-sub-group",mn=4,da=10,ua=1.2;function pa(e){const{label:n,opened:a,defaultOpened:r,onOpenChange:i,children:l}=e,d=re(),g=Ae(),h=s.useRef(void 0),[p,f]=$.useUncontrolled({value:a,defaultValue:r,finalValue:!1,onChange:i}),x=s.useCallback(S=>{h.current=S},[]),y=s.useCallback(S=>{const H=h.current;h.current=void 0,f(S===Tt,H)},[f]),C=p?d.collapseSection(n):d.expandSection(n);let T="chevronDown";p||(T=ue(g)?"chevronLeft":"chevronRight");const v={item:{border:"none",background:"transparent"},control:{paddingInline:0,paddingBlock:0,minHeight:u.TOGGLE_PITCH,color:b.CHROME},label:{paddingBlock:0,fontSize:"var(--mantine-font-size-xs)",lineHeight:ua,color:b.CHROME},chevron:{marginInlineStart:0,marginInlineEnd:mn,color:b.CHROME},content:{paddingBlock:0,paddingInlineStart:u.GUTTER,paddingInlineEnd:0}};return t.jsx(o.Accordion,{"data-testid":"control-sub-group",value:p?Tt:null,onChange:y,chevronPosition:"left",chevronSize:u.GLYPH_SLOT,disableChevronRotation:!0,chevron:t.jsx(te,{name:T,size:da}),styles:v,children:t.jsxs(o.Accordion.Item,{value:Tt,"data-testid":"control-sub-group-item",children:[t.jsx(o.Accordion.Control,{"data-testid":"control-sub-group-control","aria-label":C,onClick:x,children:t.jsx(o.Box,{component:"span","data-testid":"control-sub-group-label",title:n,style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n})}),t.jsx(o.Accordion.Panel,{"data-testid":"control-sub-group-panel",children:t.jsx(o.Box,{"data-testid":"control-sub-group-content",style:{display:"flex",flexDirection:"column",gap:mn},children:l})})]})})}function Je(e){if("key"in e)return{source:"keyboard"};const n=e.nativeEvent;return typeof PointerEvent<"u"&&n instanceof PointerEvent?{source:n.pointerType===""?"keyboard":"pointer"}:{source:n.detail===0?"keyboard":"pointer"}}function fa(e){const n=re();return s.useMemo(()=>({...n,...e}),[n,e])}const ie=-1;function Ze(e,n,a){return Math.min(Math.max(e,n),a)}function ha(e,n,a,r,i){const{rowCount:l,columnCount:d,pageSize:g}=a,h=l-1,p=d-1;if(d===0)return;const f=ue(r)?"ArrowLeft":"ArrowRight",x=ue(r)?"ArrowRight":"ArrowLeft";if(n===f)return{row:e.row,column:Math.min(e.column+1,p)};if(n===x)return{row:e.row,column:Math.max(e.column-1,0)};if(n==="ArrowDown")return{row:Ze(e.row+1,ie,h),column:e.column};if(n==="ArrowUp")return{row:Ze(e.row-1,ie,h),column:e.column};if(n==="Home")return i.jumpToEnd?{row:ie,column:0}:{row:e.row,column:0};if(n==="End")return i.jumpToEnd?{row:Math.max(h,ie),column:p}:{row:e.row,column:p};if(n==="PageDown")return{row:Ze(Math.max(e.row,0)+g,0,Math.max(h,0)),column:e.column};if(n==="PageUp")return{row:Ze(Math.max(e.row,0)-g,0,Math.max(h,0)),column:e.column}}function ga(e,n){const a=n.rowCount-1,r=Math.max(n.columnCount-1,0);return{row:Ze(e.row,ie,Math.max(a,ie)),column:Ze(e.column,0,r)}}function ht(e,n){return e.row===n.row&&e.column===n.column}function xa(e,n,a){const r=Math.min(n,a),i=Math.max(n,a);return e.slice(r,i+1)}function kt(e,n){const a=new Set(e),r=[];for(const i of a)n.includes(i)||r.push(i);for(const i of n)a.has(i)&&r.push(i);return r}function ma(e){const{ids:n,index:a,selected:r,anchor:i,modifiers:l,mode:d}=e,g=n[a];if(d==="none"||g===void 0)return{selected:[...r],anchor:i};if(d==="single")return{selected:[g],anchor:g};const h=i===void 0?-1:n.indexOf(i);if(l.extend&&h!==-1){const p=xa(n,h,a);return{selected:l.toggle?kt([...r,...p],n):p,anchor:i}}if(l.toggle){const p=new Set(r);return p.has(g)?p.delete(g):p.add(g),{selected:kt(p,n),anchor:g}}return{selected:[g],anchor:g}}function ba(e,n,a){return a!=="multiple"?{selected:[...n],anchor:void 0}:{selected:kt([...n,...e],e),anchor:e[0]}}function bn(e,n){return e==null?"":typeof e=="string"?e:typeof e=="number"?Number.isFinite(e)?n.number.format(e):"":typeof e=="boolean"?e?n.yes:n.no:Number.isNaN(e.getTime())?"":n.date.format(e)}function yn(e){return e==null?!0:typeof e=="number"?!Number.isFinite(e):e instanceof Date&&Number.isNaN(e.getTime())}function ya(e,n,a){const r=yn(e),i=yn(n);return r||i?r&&i?0:r?-1:1:typeof e=="number"&&typeof n=="number"?e-n:typeof e=="boolean"&&typeof n=="boolean"?e===n?0:e?1:-1:e instanceof Date&&n instanceof Date?e.getTime()-n.getTime():a.compare(String(e),String(n))}const va=de.tableFeatures({columnFilteringFeature:de.columnFilteringFeature,columnOrderingFeature:de.columnOrderingFeature,columnVisibilityFeature:de.columnVisibilityFeature,filteredRowModel:de.createFilteredRowModel(),globalFilteringFeature:de.globalFilteringFeature,rowSelectionFeature:de.rowSelectionFeature,rowSortingFeature:de.rowSortingFeature,sortedRowModel:de.createSortedRowModel()}),wa=320,Ia=8,Ea=12,Sa=1.2,Ca="var(--mantine-primary-color-light)",vn="mantine-focus-auto",Rt=[],Ta=[];function wn(e){return e==="asc"?"ascending":e==="desc"?"descending":"none"}function Ra(e,n,a){return Math.min(Math.max(e,n),a)}function Pa(e,n){const{data:a,columns:r,getRowId:i,label:l,labelledBy:d,labels:g,height:h=wa,rowHeight:p=u.DATA_PITCH,headerHeight:f=u.CONTROL_HEIGHT,overscan:x=Ia,selectionMode:y="multiple",selectedIds:C,defaultSelectedIds:T,onSelectionChange:v,sorting:S,defaultSorting:H,onSortingChange:P,hiddenColumns:E,defaultHiddenColumns:A,onHiddenColumnsChange:_,columnOrder:L,defaultColumnOrder:D,onColumnOrderChange:N,filter:G,defaultFilter:M,onFilterChange:F,searchable:m=!1,onRowClick:w,onRowDoubleClick:R,onRowContextMenu:j,onFocus:K,onBlur:W,empty:xe}=e,U=fa(g),le=Ae(),V=ze(),Z=Ye(),ee=Wn({numeric:!0,sensitivity:"variant"}),je=s.useMemo(()=>new Intl.DateTimeFormat(V),[V]),Le=s.useMemo(()=>({number:Z,date:je,yes:U.yes,no:U.no}),[Z,je,U.yes,U.no]),[ne,me]=$.useUncontrolled({value:C,defaultValue:T,finalValue:Rt,onChange:(c,I)=>{v==null||v([...c],I)}}),[X,ve]=$.useUncontrolled({value:S,defaultValue:H,finalValue:Ta,onChange:(c,I)=>{P==null||P([...c],I)}}),[pe,Be]=$.useUncontrolled({value:E,defaultValue:A,finalValue:Rt,onChange:(c,I)=>{_==null||_([...c],I)}}),[Oe,Qe]=$.useUncontrolled({value:L,defaultValue:D,finalValue:Rt,onChange:(c,I)=>{N==null||N([...c],I)}}),[Fe,ae]=$.useUncontrolled({value:G,defaultValue:M,finalValue:"",onChange:(c,I)=>{F==null||F(c,I)}}),ge=s.useMemo(()=>{const c=new Map;for(const I of r)c.set(I.id,I);return c},[r]),we=JSON.stringify(pe),be=s.useMemo(()=>{const c=new Set(pe);return r.filter(I=>(I.filterable??!0)&&!c.has(I.id)).map(I=>I.id)},[r,we]),He=s.useMemo(()=>{const c=Fe.trim();if(c!=="")return{query:c.toLocaleLowerCase(V),columnIds:be}},[Fe,V,be]),et=s.useMemo(()=>[...a],[a]),_e=s.useMemo(()=>r.map(c=>({id:c.id,accessorFn:I=>c.value(I),enableSorting:c.sortable??!0,enableHiding:c.hideable??!0,enableGlobalFilter:c.filterable??!0,sortDescFirst:c.descendingFirst,sortFn:(I,O)=>ya(c.value(I.original),c.value(O.original),ee)})),[r,ee]),at=JSON.stringify(X),Xe=s.useMemo(()=>X.map(c=>({id:c.id,desc:c.desc})),[at]),Ne=s.useMemo(()=>{const c={};for(const I of pe)c[I]=!1;return c},[pe]),Ie=s.useMemo(()=>{const c={};for(const I of ne)c[I]=!0;return c},[ne]),Ve=s.useMemo(()=>[...Oe],[Oe]),z=s.useRef(void 0),J=de.useTable({features:va,data:et,columns:_e,getRowId:i,enableRowSelection:y!=="none",enableMultiRowSelection:y==="multiple",getColumnCanGlobalFilter:()=>!0,globalFilterFn:(c,I,O)=>{const B=O;if(B===void 0||!B.columnIds.includes(I))return!1;const q=ge.get(I);return q===void 0?!1:bn(q.value(c.original),Le).toLocaleLowerCase(V).includes(B.query)},state:{sorting:Xe,columnVisibility:Ne,columnOrder:Ve,rowSelection:Ie,globalFilter:He},onSortingChange:c=>{const I=de.functionalUpdate(c,Xe);ve(I.map(O=>({id:O.id,desc:O.desc})),z.current)},onColumnVisibilityChange:c=>{const I=de.functionalUpdate(c,Ne);Be(Object.keys(I).filter(O=>!I[O]))},onColumnOrderChange:c=>{Qe(de.functionalUpdate(c,Ve))},onRowSelectionChange:c=>{me(Object.keys(de.functionalUpdate(c,Ie)))}}),{rows:Y}=J.getRowModel(),fe=J.getVisibleLeafColumns(),Q=Y.length,Ee=fe.length,ce=s.useMemo(()=>Y.map(c=>c.id),[Y]),k=s.useRef(null),oe=s.useRef(null),Ue=Io.useVirtualizer({count:Q,getScrollElement:()=>k.current,estimateSize:()=>p,getItemKey:c=>ce[c]??c,overscan:x}),[st,Se]=s.useState({row:ie,column:0}),se=s.useMemo(()=>ga(st,{rowCount:Q,columnCount:Ee}),[st,Q,Ee]),De=s.useRef(!1),vt=s.useRef(void 0),go=c=>{c.row>=0&&Ue.scrollToIndex(c.row),De.current=!0,Se(I=>ht(I,c)?I:c)};s.useLayoutEffect(()=>{var O;if(!De.current)return;const c=`[data-grid-row="${se.row}"][data-grid-column="${se.column}"]`,I=(O=oe.current)==null?void 0:O.querySelector(c);I instanceof HTMLElement&&(De.current=!1,I.focus())});const qt=(c,I)=>{vt.current=c.anchor,!(c.selected.length===ne.length&&c.selected.every((B,q)=>B===ne[q]))&&me(c.selected,I)},it=(c,I,O)=>{qt(ma({ids:ce,index:c,selected:ne,anchor:vt.current,modifiers:I,mode:y}),O)},Zt=(c,I,O)=>{const B=Y[c];B!==void 0&&(w==null||w(B.original,I,O))},xo=(c,I)=>{c.getCanSort()&&(z.current=I,c.toggleSorting(void 0,I.shiftKey&&c.getCanMultiSort()),z.current=void 0)},mo=()=>{var O;const c=((O=k.current)==null?void 0:O.clientHeight)??0,I=Math.floor((c===0?p*10:c)/p);return Math.max(1,I-1)},bo=c=>{const I=y==="multiple",O=c.ctrlKey||c.metaKey;if(I&&O&&(c.key==="a"||c.key==="A")){c.preventDefault(),qt(ba(ce,ne,y),c);return}if(se.row>=0&&(c.key===" "||c.key==="Enter")){c.preventDefault(),c.key===" "?it(se.row,{extend:c.shiftKey,toggle:!c.shiftKey},c):(it(se.row,{extend:!1,toggle:!1},c),Zt(se.row,c,{source:"keyboard"}));return}const B=ha(se,c.key,{rowCount:Q,columnCount:Ee,pageSize:mo()},le,{jumpToEnd:O});B!==void 0&&(c.preventDefault(),go(B),I&&c.shiftKey&&B.row>=0&&B.row!==se.row&&it(B.row,{extend:!0,toggle:!1},c))};s.useImperativeHandle(n,()=>({scrollToRow:c=>{c>=0&&c<Q&&Ue.scrollToIndex(c)},setColumnHidden:(c,I)=>{var O;(O=J.getColumn(c))==null||O.toggleVisibility(!I)},moveColumn:(c,I)=>{const O=J.getAllLeafColumns().map(q=>q.id),B=O.indexOf(c);B!==-1&&(O.splice(B,1),O.splice(Ra(I,0,O.length),0,c),J.setColumnOrder(O))},clearSelection:()=>{vt.current=void 0,me([])}}),[J,Ue,Q,me]);const yo=fe.reduce((c,I)=>{var O;return c+(((O=ge.get(I.id))==null?void 0:O.width)??u.FIELD)},0),Jt=(c,I)=>{const O=(c==null?void 0:c.width)??u.FIELD;return{flex:I===Ee-1?`1 1 ${String(O)}px`:`0 0 ${String(O)}px`,minWidth:0,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:(c==null?void 0:c.align)==="end"?"flex-end":"flex-start",paddingInline:u.GUTTER,outlineOffset:-2,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},lt=y!=="none",Qt=U.rowsShown(Z.format(Q),Z.format(a.length)),vo=()=>xe!==void 0?xe:a.length===0?U.noRows:U.noMatchingRows;return t.jsxs(o.Box,{"data-testid":"data-table",dir:ue(le)?"rtl":void 0,onFocus:K,onBlur:W,style:{display:"flex",flexDirection:"column",gap:u.TRAIL_GAP,width:"100%",color:b.VALUE},children:[m&&t.jsxs(o.Box,{style:{display:"flex",alignItems:"center",gap:u.GUTTER},children:[t.jsx(o.TextInput,{"data-testid":"data-table-search",size:"xs",type:"search","aria-label":U.search,placeholder:U.searchPlaceholder,value:Fe,onChange:c=>{ae(c.currentTarget.value,c)},rightSection:Fe===""?void 0:t.jsx(o.ActionIcon,{"data-testid":"data-table-search-clear",variant:"subtle",size:u.CONTROL_HEIGHT,"aria-label":U.clearSearch,onClick:c=>{ae("",c)},children:t.jsx(te,{name:"close",size:u.CHEVRON})}),rightSectionPointerEvents:"all",style:{flex:"1 1 auto",minWidth:0}}),t.jsx(o.Box,{component:"span","data-testid":"data-table-count","aria-hidden":"true",dir:"auto",style:{flex:"0 0 auto",fontSize:"var(--mantine-font-size-sm)",color:b.CHROME},children:Qt})]}),t.jsxs(o.VisuallyHidden,{role:"status","aria-live":"polite",dir:"auto","data-testid":"data-table-status",children:[Qt,lt&&ne.length>0?` ${U.rowsSelected(Z.format(ne.length))}`:""]}),t.jsxs(o.Box,{ref:k,"data-testid":"data-table-viewport",style:{height:h,overflow:"auto",position:"relative",border:`1px solid ${b.BORDER}`,borderRadius:"var(--mantine-radius-sm)",background:b.PANEL},children:[t.jsxs(o.Table,{ref:oe,role:"grid","aria-label":d===void 0&&l===void 0?U.dataTable:l,"aria-labelledby":d,"aria-rowcount":Q+1,"aria-colcount":Ee,"aria-multiselectable":y==="multiple"?!0:void 0,onKeyDown:bo,stickyHeader:!0,tabularNums:!0,withRowBorders:!1,horizontalSpacing:0,verticalSpacing:0,highlightOnHover:lt,highlightOnHoverColor:b.SURFACE,style:{display:"grid",width:"100%",minWidth:yo,fontSize:Ea,lineHeight:Sa},children:[t.jsx(o.Table.Thead,{style:{display:"grid",position:"sticky",insetBlockStart:0,zIndex:1,background:b.PANEL,borderBlockEnd:`1px solid ${b.DIVIDER}`},children:t.jsx(o.Table.Tr,{role:"row","aria-rowindex":1,style:{display:"flex",width:"100%",height:f},children:fe.map((c,I)=>{const O=ge.get(c.id),B=c.getCanSort(),q=c.getIsSorted(),he=se.row===ie&&se.column===I,ct=q===!1?-1:c.getSortIndex(),dt=he?0:-1,tt=t.jsxs(t.Fragment,{children:[t.jsx(o.Box,{component:"span","data-testid":"data-table-header-label",dir:"auto",title:O==null?void 0:O.header,style:{flex:"0 1 auto",minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:q===!1?void 0:b.VALUE},children:(O==null?void 0:O.header)??c.id}),q!==!1&&t.jsx(o.Box,{component:"span","data-testid":"data-table-sort-glyph","data-direction":wn(q),"aria-hidden":"true",style:{flex:"0 0 auto",display:"flex",alignItems:"center",color:b.VALUE,transform:q==="asc"?"rotate(180deg)":void 0},children:t.jsx(te,{name:"chevronDown",size:u.CHEVRON})}),Xe.length>1&&ct>=0&&t.jsx(o.Box,{component:"span","data-testid":"data-table-sort-priority","aria-hidden":"true",style:{flex:"0 0 auto",fontSize:"var(--mantine-font-size-xs)",color:b.CHROME},children:Z.format(ct+1)})]});return t.jsx(o.Table.Th,{scope:"col","data-testid":"data-table-header","aria-colindex":I+1,"aria-sort":B?wn(q):void 0,"data-grid-row":B?void 0:ie,"data-grid-column":B?void 0:I,tabIndex:B?void 0:dt,className:B?void 0:vn,onFocus:B?void 0:()=>{Se(Ce=>ht(Ce,{row:ie,column:I})?Ce:{row:ie,column:I})},style:{...Jt(O,I),gap:u.GUTTER/2,height:f,fontSize:"var(--mantine-font-size-sm)",fontWeight:500,color:b.CHROME,textAlign:"start"},children:B?t.jsx(o.UnstyledButton,{type:"button","data-testid":"data-table-sort-button","data-grid-row":ie,"data-grid-column":I,tabIndex:dt,onClick:Ce=>{Se({row:ie,column:I}),xo(c,Ce)},onFocus:()=>{Se(Ce=>ht(Ce,{row:ie,column:I})?Ce:{row:ie,column:I})},style:{display:"flex",alignItems:"center",gap:u.GUTTER/2,justifyContent:(O==null?void 0:O.align)==="end"?"flex-end":"flex-start",flex:"1 1 auto",minWidth:0,height:"100%",background:"transparent",color:"inherit",font:"inherit",textAlign:"start",outlineOffset:-2,cursor:"pointer"},children:tt}):tt},c.id)})})}),t.jsx(o.Table.Tbody,{style:{display:"grid",position:"relative",height:Ue.getTotalSize()},children:Ue.getVirtualItems().map(c=>{const I=Y[c.index];if(I===void 0)return null;const O=ne.includes(I.id);return t.jsx(o.Table.Tr,{role:"row","data-testid":"data-table-row","data-index":c.index,"data-selected":O?"true":void 0,"aria-rowindex":c.index+2,"aria-selected":lt?O:void 0,onDoubleClick:B=>{R==null||R(I.original,B)},onContextMenu:B=>{j==null||j(I.original,B)},style:{display:"flex",position:"absolute",insetBlockStart:0,insetInlineStart:0,width:"100%",height:p,transform:`translateY(${String(c.start)}px)`,background:O?Ca:void 0,cursor:lt?"pointer":void 0},children:fe.map((B,q)=>{const he=ge.get(B.id),ct=se.row===c.index&&se.column===q,dt=he==null?void 0:he.value(I.original),tt=bn(dt,Le),Ce=(he==null?void 0:he.cell)===void 0?t.jsx(o.Box,{component:"span",dir:"auto",style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:tt}):he.cell(I.original);return t.jsx(o.Table.Td,{role:"gridcell","data-testid":"data-table-cell","aria-colindex":q+1,"data-grid-row":c.index,"data-grid-column":q,tabIndex:ct?0:-1,className:vn,title:(he==null?void 0:he.cell)===void 0?tt:void 0,onFocus:()=>{Se(Te=>ht(Te,{row:c.index,column:q})?Te:{row:c.index,column:q})},onClick:Te=>{Se({row:c.index,column:q}),it(c.index,{extend:Te.shiftKey,toggle:Te.metaKey||Te.ctrlKey},Te),Zt(c.index,Te,Je(Te))},style:Jt(he,q),children:Ce},B.id)})},I.id)})})]}),Q===0&&t.jsx(o.Box,{"data-testid":"data-table-empty",style:{display:"flex",alignItems:"center",justifyContent:"center",padding:u.PAD_LEFT,fontSize:"var(--mantine-font-size-sm)",color:b.CHROME},children:vo()})]})]})}const Aa=s.forwardRef(Pa);function ja(){return crypto.randomUUID().slice(0,8)}function mt(e,n){return{id:ja(),offset:e,color:n}}function to(){return[mt(0,"#6366F1"),mt(1,"#06B6D4")]}const La=2,Oa=5,Ha=80,_a=0,Pt=100,At=0,Na=360,Da=[0,90,180,270,360];function ka({stops:e,defaultStops:n,direction:a,defaultDirection:r=At,showDirection:i=!0,onChange:l,onChangeStart:d,onChangeEnd:g,minStops:h=La,maxStops:p=Oa}){const f=re(),x=Ye({maximumFractionDigits:0}),y=s.useId(),C=s.useId(),T=s.useMemo(()=>to(),[]),[v,S]=$.useUncontrolled({value:e,defaultValue:n,finalValue:T,onChange:(m,w)=>{l==null||l(m,H,w)}}),[H,P]=$.useUncontrolled({value:a,defaultValue:r,finalValue:At,onChange:(m,w)=>{l==null||l(v,m,w)}}),E=s.useRef(!1),A=m=>{E.current||(E.current=!0,d==null||d(m))},_=(m,w)=>{E.current=!1,g==null||g(m,w)},L=(m,w)=>v.map((R,j)=>j===m?{...R,color:w}:R),D=(m,w)=>v.map((R,j)=>j===m?{...R,offset:w/Pt}:R),N=m=>{if(v.length>=p)return;const w=v[v.length-1],R=w===void 0?.5:(w.offset+1)/2,j=[...v,mt(R,xt)];j.sort((K,W)=>K.offset-W.offset),S(j,m)},G=(m,w)=>{v.length<=h||S(v.filter((R,j)=>j!==m),w)},M=v.length>=p,F=v.length<=h;return t.jsxs(o.Stack,{"data-testid":"gradient-editor",gap:"xs",children:[t.jsxs(o.Group,{justify:"space-between",align:"center",children:[t.jsx(o.Text,{id:y,"data-testid":"gradient-editor-heading",size:"xs",c:b.CHROME,children:f.colorStops}),t.jsx(o.ActionIcon,{variant:"subtle",color:"gray",size:u.TRAIL,"data-testid":"gradient-editor-add-stop",onClick:N,disabled:M,"aria-label":f.addColorStop,children:t.jsx(te,{name:"plus",size:u.CHEVRON})})]}),t.jsx(o.Stack,{"data-testid":"gradient-editor-stops",gap:"xs",role:"group","aria-labelledby":y,children:v.map((m,w)=>{const R=x.format(w+1);return t.jsxs(o.Group,{"data-testid":"gradient-editor-stop",gap:"xs",align:"flex-end",wrap:"nowrap",children:[t.jsx(Jn,{color:m.color,defaultColor:xt,onColorChange:(j,K)=>{S(L(w,j??xt),K)},showOpacity:!1}),t.jsx(o.Box,{style:{width:Ha},children:t.jsx(o.Slider,{"data-testid":"gradient-editor-stop-position",min:_a,max:Pt,value:m.offset*Pt,onPointerDown:A,onChange:j=>{A(),S(D(w,j))},onChangeEnd:j=>{_(D(w,j),H)},label:j=>f.percent(x.format(j)),thumbLabel:f.colorStopPosition(R)})}),t.jsx(o.ActionIcon,{variant:"subtle",color:"gray",size:u.TRAIL,onClick:j=>{G(w,j)},"data-testid":"gradient-editor-remove-stop",disabled:F,"aria-label":f.removeColorStop(R),children:t.jsx(te,{name:"minus",size:u.CHEVRON})})]},m.id)})}),i&&t.jsxs(o.Box,{"data-testid":"gradient-editor-direction",pb:"md",role:"group","aria-labelledby":C,children:[t.jsx(o.Text,{id:C,"data-testid":"gradient-editor-direction-heading",size:"xs",c:b.CHROME,mb:4,children:f.direction}),t.jsx(o.Slider,{"data-testid":"gradient-editor-direction-slider",min:At,max:Na,value:H,onPointerDown:A,onChange:m=>{A(),P(m)},onChangeEnd:m=>{_(v,m)},label:m=>f.degrees(x.format(m)),thumbLabel:f.gradientDirection,marks:Da.map(m=>({value:m,label:f.degrees(x.format(m))}))})]})]})}const Ga=4,Ma=2,za=1.1;function Ba(){const e=ze();return s.useMemo(()=>{var a;return((a=new Intl.NumberFormat(e).formatToParts(za).find(r=>r.type==="decimal"))==null?void 0:a.value)??"."},[e])}function Fa({label:e,value:n,defaultValue:a,onChange:r,min:i,max:l,step:d,decimalScale:g,suffix:h,hideControls:p=!0,disabled:f=!1,onFocus:x,onBlur:y}){const C=re(),T=zt(),v=Ba(),[S,H]=$.useUncontrolled({value:n,defaultValue:void 0,finalValue:void 0,onChange:r}),P=S===void 0,E=S??a,[A,_]=s.useState(E),L=s.useRef(!1);s.useEffect(()=>{L.current||_(S??a),L.current=!1},[S,a]);const D=M=>{L.current=!0,_(M)},N=M=>{const F=typeof A=="string"?T(A):A;if(Number.isNaN(F)){_(S??a),y==null||y(M);return}let m=F;i!==void 0&&m<i&&(m=i),l!==void 0&&m>l&&(m=l),m!==S&&H(m,M),_(m),y==null||y(M)},G=M=>{H(void 0,M)};return t.jsxs(o.Group,{"data-testid":"style-number-input",gap:Ga,wrap:"nowrap",align:"flex-end",children:[t.jsx(o.NumberInput,{"data-testid":"style-number-input-field",label:e,value:A,onChange:D,onFocus:x,onBlur:N,min:i,max:l,step:d,decimalScale:g,decimalSeparator:v,suffix:h,hideControls:p,disabled:f,"data-is-default":P?"true":"false",styles:{input:P?{fontStyle:"italic",color:b.CHROME}:void 0},style:{flex:1}}),!P&&t.jsx(o.ActionIcon,{variant:"subtle",size:u.TRAIL,c:b.CHROME,"data-testid":"style-number-input-reset",disabled:f,"aria-label":C.resetToDefault(e),onClick:G,style:{marginBlockEnd:Ma},children:t.jsx(te,{name:"reset",size:u.CHEVRON})})]})}const Va=4,Ua=2;function $a({label:e,value:n,defaultValue:a,options:r,onChange:i,disabled:l=!1,onFocus:d,onBlur:g}){const h=re(),[p,f]=$.useUncontrolled({value:n,defaultValue:void 0,finalValue:void 0,onChange:i}),x=p===void 0,y=p??a,C=v=>{v!==null&&f(v)},T=v=>{f(void 0,v)};return t.jsxs(o.Group,{"data-testid":"style-select",gap:Va,wrap:"nowrap",align:"flex-end",children:[t.jsx(o.Select,{"data-testid":"style-select-field",label:e,value:y,onChange:C,onFocus:d,onBlur:g,data:r,rightSection:t.jsx(te,{name:"chevronDown",size:u.GLYPH}),rightSectionPointerEvents:"none",disabled:l,"data-is-default":x?"true":"false",allowDeselect:!1,styles:{input:x?{fontStyle:"italic",color:b.CHROME}:void 0},style:{flex:1}}),!x&&t.jsx(o.ActionIcon,{variant:"subtle",size:u.TRAIL,c:b.CHROME,"data-testid":"style-select-reset",disabled:l,"aria-label":h.resetToDefault(e),onClick:T,style:{marginBlockEnd:Ua},children:t.jsx(te,{name:"reset",size:u.CHEVRON})})]})}const jt=4,Wa=`${String(u.TOGGLE_PITCH)}px`;function Ya({label:e,checked:n,defaultChecked:a,onChange:r,disabled:i=!1,onFocus:l,onBlur:d,children:g}){const h=s.useId(),[p,f]=$.useUncontrolled({value:n,defaultValue:a,finalValue:!1,onChange:r}),x=C=>{f(C.currentTarget.checked,C)},y={root:{minWidth:0},body:{alignItems:"center",minWidth:0},labelWrapper:{minWidth:0},label:{display:"block",height:u.TOGGLE_PITCH,paddingInlineStart:jt,fontSize:"var(--mantine-font-size-sm)",lineHeight:Wa,color:i?b.DISABLED:b.VALUE,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}};return t.jsxs(o.Box,{"data-testid":"toggle-with-content","data-checked":p?"true":"false","data-disabled":i?"true":void 0,style:{display:"flex",flexDirection:"column",gap:jt},children:[t.jsx(o.Checkbox,{"data-testid":"toggle-with-content-checkbox",label:e,checked:p,disabled:i,"aria-expanded":p,"aria-controls":p?h:void 0,onChange:x,onFocus:l,onBlur:d,wrapperProps:{title:e},styles:y}),p&&t.jsx(o.Box,{id:h,"data-testid":"toggle-with-content-children",style:{display:"flex",flexDirection:"column",gap:jt,paddingInlineStart:u.GUTTER},children:g})]})}function no(e,n){return e!==void 0?e:n===void 0?"off":"polite"}function Me(e,n){const a=no(e,n);return a==="off"?{"aria-busy":n}:{"aria-live":a,"aria-atomic":!0,"aria-busy":n}}const Lt=4,Xa="(hover: none)";function Ka(e){if(typeof e=="string")return e;if(typeof e=="number")return String(e)}function qa(e){const{state:n,stateTitle:a,busy:r,live:i,actions:l,residentActions:d,actionsVisible:g,onClick:h,onFocus:p,onBlur:f}=e,x=Me(i,r),{hovered:y,ref:C}=$.useHover(),T=$.useMediaQuery(Xa)??!1,[v,S]=s.useState(!1),H=s.useId(),P=v||(g??(y||T)),E=l!==void 0||d!==void 0,A=Ka(n),_=a!==void 0&&a!==A,L=a??A,D=E&&n!==void 0,N=_?t.jsxs(t.Fragment,{children:[t.jsx("span",{"aria-hidden":"true",children:n}),t.jsx(o.VisuallyHidden,{"data-testid":"action-row-state-full",children:a})]}):n;Pe(h!==void 0&&n===void 0?"ActionRow was given onClick but no state, and its own activation is carried by the text it reports. That text is also what names the row for a screen reader, so a row with nothing to report has nothing to activate. Give the row a state, or put the action on a control in actions.":void 0);const G=R=>{S(!0),p==null||p(R)},M=R=>{R.currentTarget.contains(R.relatedTarget)||S(!1),f==null||f(R)},F=R=>{h==null||h(R,Je(R))},m={flex:"1 1 auto",minWidth:0,fontSize:"var(--mantine-font-size-sm)",lineHeight:1.2,color:b.CHROME,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},w={...m,alignSelf:"stretch",lineHeight:`${u.ROW_PITCH}px`,textAlign:"start",borderRadius:"var(--mantine-radius-sm)"};return t.jsxs(o.Box,{ref:C,"data-testid":"action-row",role:D?"group":void 0,"aria-labelledby":D?H:void 0,onFocus:G,onBlur:M,style:{display:"flex",alignItems:"center",justifyContent:"space-between",boxSizing:"border-box",gap:u.TRAIL_GAP,height:u.ROW_PITCH},children:[n!==void 0&&(h===void 0?t.jsx(o.Box,{component:"span",id:H,"data-testid":"action-row-state",title:L,...x,style:m,children:N}):t.jsx(o.UnstyledButton,{type:"button",id:H,"data-testid":"action-row-state",title:L,...x,onClick:F,style:w,children:N})),E&&t.jsxs(o.Box,{"data-testid":"action-row-affordances",style:{flex:"0 0 auto",marginInlineStart:"auto",display:"flex",alignItems:"center",gap:Lt},children:[l!==void 0&&t.jsx(o.Box,{"data-testid":"action-row-actions","data-visible":P?"true":"false",style:{flex:"0 0 auto",display:"flex",alignItems:"center",gap:Lt,opacity:P?1:0,pointerEvents:P?void 0:"none"},children:l}),d!==void 0&&t.jsx(o.Box,{"data-testid":"action-row-resident-actions",style:{flex:"0 0 auto",display:"flex",alignItems:"center",gap:Lt},children:d})]})]})}const oo=u.GUTTER,Za=12,ro=1.2,Ja=20,Qa=500,es="var(--mantine-primary-color-light)";function ts({name:e,value:n,icon:a,selected:r=!1,role:i="button",tabIndex:l,onClick:d,onDoubleClick:g,onContextMenu:h,onFocus:p,onBlur:f,trailing:x}){const{hovered:y,ref:C}=$.useHover(),T=d!==void 0,v=a!=null,S=n!=null,H=ot(x),P=i==="option",E=P?r:void 0,A=!P&&r?!0:void 0,_=G=>{d==null||d(G,Je(G))};let L="transparent";r?L=es:T&&y&&(L=b.SURFACE);const D=t.jsxs(t.Fragment,{children:[v&&t.jsx(o.Box,{component:"span","data-testid":"data-row-icon",style:{flex:"0 0 auto",width:u.GLYPH_SLOT,height:u.GLYPH_SLOT,display:"flex",alignItems:"center",justifyContent:"center",color:b.CHROME},children:a}),t.jsx(o.Box,{component:"span","data-testid":"data-row-name",title:e,style:{flex:"1 1 auto",minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e}),S&&t.jsx(o.Box,{component:"span","data-testid":"data-row-value",style:{flex:"0 0 auto",fontSize:"var(--mantine-font-size-sm)",color:b.CHROME},children:n})]}),N={display:"flex",alignItems:"center",gap:u.GUTTER,flex:"1 1 auto",minWidth:0,height:"100%",background:"transparent",color:"inherit",font:"inherit",textAlign:"start",cursor:T?"pointer":"default"};return t.jsxs(o.Box,{ref:C,"data-testid":"data-row","data-selected":r?"true":void 0,onDoubleClick:g,onContextMenu:h,style:{display:"flex",alignItems:"center",gap:u.TRAIL_GAP,boxSizing:"border-box",width:"100%",height:u.DATA_PITCH,paddingInline:oo,borderRadius:"var(--mantine-radius-sm)",background:L,color:b.VALUE,fontSize:Za,lineHeight:ro},children:[T?t.jsx(o.UnstyledButton,{type:"button","data-testid":"data-row-button",role:P?"option":void 0,"aria-current":A,"aria-selected":E,tabIndex:l,onClick:_,onFocus:p,onBlur:f,style:N,children:D}):t.jsx(o.Box,{"data-testid":"data-row-body",role:P?"option":void 0,"aria-current":A,"aria-selected":E,tabIndex:l,onFocus:p,onBlur:f,style:N,children:D}),H&&t.jsx(ye,{children:x})]})}function ns({label:e,unit:n,sortDirection:a,defaultSortDirection:r,onSortChange:i,sortPriority:l}){const[d,g]=$.useUncontrolled({value:a,defaultValue:r,finalValue:"none",onChange:i}),h=Ye(),p=i!==void 0,f=d!=="none",x=T=>{g(d==="ascending"?"descending":"ascending",T)},y=t.jsxs(t.Fragment,{children:[t.jsx(o.Box,{component:"span","data-testid":"data-row-header-label",title:e,style:{flex:"1 1 auto",minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:f?b.VALUE:void 0},children:e}),n!==void 0&&t.jsx(o.Box,{component:"span","data-testid":"data-row-header-unit",style:{flex:"0 0 auto",whiteSpace:"nowrap"},children:n}),l!==void 0&&f&&t.jsx(o.Box,{component:"span","aria-hidden":"true",style:{flex:"0 0 auto",display:"flex"},children:t.jsx(Kt,{children:h.format(l)})}),f&&t.jsx(o.Box,{component:"span","data-testid":"data-row-header-sort-glyph","data-direction":d,style:{flex:"0 0 auto",display:"flex",alignItems:"center",color:b.VALUE,transform:d==="ascending"?"rotate(180deg)":void 0},children:t.jsx(te,{name:"chevronDown",size:u.CHEVRON})})]}),C=p||f;return t.jsx(o.Box,{"data-testid":"data-row-header",role:C?"columnheader":void 0,"aria-sort":C?d:void 0,style:{display:"flex",alignItems:"center",gap:u.GUTTER,boxSizing:"border-box",width:"100%",height:Ja,paddingInline:oo,fontSize:"var(--mantine-font-size-sm)",lineHeight:ro,color:b.CHROME},children:p?t.jsx(o.UnstyledButton,{type:"button","data-testid":"data-row-header-sort",onClick:x,style:{display:"flex",alignItems:"center",gap:u.GUTTER,flex:"1 1 auto",minWidth:0,height:"100%",background:"transparent",color:"inherit",font:"inherit",textAlign:"start",cursor:"pointer"},children:y}):y})}function Kt({children:e}){return t.jsx(o.Badge,{component:"span","data-testid":"rank-chip",style:{flex:"0 0 auto",background:b.RAISED,color:b.VALUE,fontWeight:Qa,textTransform:"none",letterSpacing:"normal"},children:e})}const In=2,os=1,rs=13,as=2,ss=1,is=1,ls=64,ao=4,En=ao/2,so=4,cs=12,We=100,ds=1.5,Gt=100;function bt({children:e,end:n,id:a}){return t.jsx(o.Box,{component:"span",id:a,"data-testid":`chart-axis-${n}`,style:{flex:"0 0 auto",minWidth:0,fontSize:"var(--mantine-font-size-sm)",lineHeight:1,color:b.CHROME,whiteSpace:"nowrap"},children:e})}function io(){return t.jsx(o.Box,{"data-testid":"chart-baseline",style:{flex:"0 0 auto",height:os,background:b.BORDER}})}function lo({caption:e,rows:n,testId:a}){return t.jsxs(o.VisuallyHidden,{component:"table","data-testid":a,children:[e!==void 0&&t.jsx("caption",{children:e}),t.jsx("tbody",{children:n.map(r=>t.jsxs("tr",{children:[t.jsx("th",{scope:"row",children:r.header}),t.jsx("td",{children:r.value})]},r.id))})]})}function us(e,n){if(e.length===0)return null;const a=We/2;if(e.length===1)return`0,${a} ${We},${a}`;const r=Math.min(...e),l=Math.max(...e)-r,d=e.length-1;return e.map((g,h)=>{const p=Dr(h/d,We,n),f=l===0?a:We-(g-r)/l*We;return`${p},${f}`}).join(" ")}function co(){const e=s.useId(),n=`${e}min`,a=`${e}max`;return{min:n,max:a,describedBy:`${n} ${a}`}}function ps({bins:e,label:n,minLabel:a,maxLabel:r,busy:i,live:l,trailing:d}){const g=Ye(),h=co(),p=e.reduce((x,y)=>Math.max(x,y.count,0),0),f=e.map((x,y)=>({id:`${x.label}-${String(y)}`,header:x.label,value:g.format(x.count)}));return t.jsxs(o.Box,{"data-testid":"histogram-row","aria-busy":i,style:{display:"flex",alignItems:"flex-start",gap:u.TRAIL_GAP,height:u.HISTOGRAM_HEIGHT},children:[t.jsxs(o.Box,{"data-testid":"histogram-chart",...Me(l,i),style:{flex:"1 1 auto",minWidth:0,height:"100%",display:"flex",flexDirection:"column",gap:In},children:[t.jsxs(o.Box,{"data-testid":"histogram-drawing",role:n===void 0?void 0:"img","aria-label":n,"aria-describedby":n===void 0?void 0:h.describedBy,"aria-hidden":n===void 0?!0:void 0,style:{flex:"1 1 auto",minHeight:0,display:"flex",flexDirection:"column",gap:In},children:[t.jsx(o.Box,{"data-testid":"histogram-plot",style:{flex:"1 1 auto",minHeight:0,display:"flex",alignItems:"flex-end",gap:as},children:e.map((x,y)=>{const C=Math.max(0,x.count),T=p===0?0:C/p*Gt,v=x.highlighted===!0;return t.jsx(o.Box,{"data-testid":"histogram-bar","data-highlighted":v?"true":"false","aria-hidden":"true",title:x.label,style:{flex:"1 1 0",minWidth:0,height:`${String(T)}%`,minHeight:C>0?is:0,background:v?b.ACCENT:b.BORDER,borderRadius:ss}},`${x.label}-${String(y)}`)})}),t.jsx(io,{})]}),t.jsxs(o.Box,{"data-testid":"chart-axis",style:{flex:"0 0 auto",height:rs,display:"flex",alignItems:"center",justifyContent:"space-between",gap:so},children:[t.jsx(bt,{end:"min",id:h.min,children:a}),t.jsx(bt,{end:"max",id:h.max,children:r})]})]}),t.jsx(lo,{caption:n,rows:f,testId:"histogram-values"}),ot(d)&&t.jsx(ye,{children:d})]})}function fs({values:e,label:n,minLabel:a,maxLabel:r,busy:i,live:l,trailing:d}){const g=Ae(),h=Ye(),p=co(),f=us(e,g),x=e.map((y,C)=>({id:`point-${String(C)}`,header:h.format(C+1),value:h.format(y)}));return t.jsxs(o.Box,{"data-testid":"sparkline-row","aria-busy":i,style:{display:"flex",alignItems:"center",gap:u.TRAIL_GAP,height:u.SPARKLINE_HEIGHT},children:[t.jsxs(o.Box,{"data-testid":"sparkline-chart",...Me(l,i),style:{flex:"1 1 auto",minWidth:0,display:"flex",alignItems:"center",gap:so},children:[t.jsx(bt,{end:"min",id:p.min,children:a}),t.jsxs(o.Box,{"data-testid":"sparkline-drawing",role:n===void 0?void 0:"img","aria-label":n,"aria-describedby":n===void 0?void 0:p.describedBy,"aria-hidden":n===void 0?!0:void 0,style:{flex:"1 1 auto",minWidth:0,display:"flex",flexDirection:"column",color:b.BORDER},children:[t.jsx(o.Box,{component:"svg","data-testid":"sparkline-plot",width:"100%",height:u.CONTROL_HEIGHT,viewBox:`0 0 ${String(We)} ${String(We)}`,preserveAspectRatio:"none",fill:"none",stroke:"currentColor",strokeWidth:ds,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",style:{display:"block",overflow:"visible"},children:f!==null&&t.jsx("polyline",{points:f,vectorEffect:"non-scaling-stroke"})}),t.jsx(io,{})]}),t.jsx(bt,{end:"max",id:p.max,children:r})]}),t.jsx(lo,{caption:n,rows:x,testId:"sparkline-values"}),ot(d)&&t.jsx(ye,{children:d})]})}function hs({name:e,percentile:n,value:a,rank:r,busy:i,live:l,onClick:d,onDoubleClick:g,onContextMenu:h,onFocus:p,onBlur:f}){const x=re(),y=$n(),C=s.useId(),T=d,v=T!==void 0,S=Math.min(Gt,Math.max(0,n)),H=x.percentile(y(Math.round(S))),P=A=>{T!==void 0&&T(A,Je(A))},E=A=>{T!==void 0&&(A.key==="Enter"||A.key===" ")&&(A.preventDefault(),T(A,Je(A)))};return t.jsxs(o.Box,{"data-testid":"metric-row",role:v?"button":void 0,tabIndex:v?0:void 0,...Me(l,i),onClick:P,onKeyDown:E,onDoubleClick:g,onContextMenu:h,onFocus:p,onBlur:f,style:{display:"flex",alignItems:"center",gap:u.GUTTER,height:u.ROW_PITCH,cursor:v?"pointer":"default"},children:[t.jsx(o.Box,{component:"span",id:C,"data-testid":"metric-row-name",title:e,style:{flex:"1 1 auto",minWidth:0,fontSize:cs,lineHeight:1.2,color:b.VALUE,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e}),t.jsx(o.Progress.Root,{"data-testid":"metric-row-bar",role:"progressbar","aria-labelledby":C,"aria-valuemin":0,"aria-valuemax":Gt,"aria-valuenow":S,"aria-valuetext":H,title:H,size:ao,style:{flex:`0 0 ${String(ls)}px`,borderRadius:En,background:b.SURFACE},children:t.jsx(o.Progress.Section,{"data-testid":"metric-row-fill",value:S,withAria:!1,color:b.ACCENT,style:{borderRadius:En}})}),t.jsx(o.Box,{component:"span","data-testid":"metric-row-value",style:{flex:"0 0 auto",fontSize:"var(--mantine-font-size-sm)",lineHeight:1,color:b.VALUE},children:a}),r!==void 0&&t.jsx(Kt,{children:r})]})}const uo=s.createContext(!1);function po({showLabels:e=!1,children:n}){return t.jsx(uo.Provider,{value:e,children:n})}function rt(){return s.useContext(uo)}const gs=u.VALUE_INSET-u.GLYPH_SLOT,xs=2,ms=1,bs=2,ys=3;function vs(e){if(e.fullValue!==void 0)return e.fullValue;if(typeof e.value=="string")return e.value;if(typeof e.value=="number")return String(e.value)}function ws({segment:e,grow:n,index:a}){const{glyph:r,value:i,unit:l,mono:d=!1}=e;let g=null;Bt(r)?g=t.jsx(nt,{name:r}):Ft(r)?g=t.jsx(o.Box,{component:"span","data-letter":r,style:{fontSize:"var(--mantine-font-size-sm)",lineHeight:1},children:r}):r!=null&&(g=r);const h=vs(e),p=e.fullValue!==void 0;return t.jsxs(o.Box,{"data-testid":"compound-segment","data-segment-index":a,"data-grow":n?"true":"false",style:{display:"flex",alignItems:"center",boxSizing:"border-box",flex:n?"1 1 auto":"0 0 auto",minWidth:0,height:u.CONTROL_HEIGHT,paddingBlock:0,paddingInline:gs},children:[g!==null&&t.jsx(o.Box,{"data-testid":"compound-segment-slot",style:{flex:"0 0 auto",width:u.GLYPH_SLOT,height:u.GLYPH_SLOT,display:"flex",alignItems:"center",justifyContent:"center",color:b.CHROME},children:g}),t.jsx(o.Box,{component:"span","data-testid":"compound-segment-value","data-mono":d?"true":"false",title:h,"aria-hidden":p?!0:void 0,style:{flex:n?"1 1 auto":"0 0 auto",minWidth:0,fontFamily:d?"var(--mantine-font-family-monospace)":void 0,fontSize:"var(--mantine-font-size-sm)",lineHeight:1,color:b.VALUE,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",unicodeBidi:"isolate"},children:i}),p&&t.jsx(o.VisuallyHidden,{children:e.fullValue}),l!==void 0&&t.jsx(o.Box,{component:"span","data-testid":"compound-segment-unit",style:{flex:"0 0 auto",marginInlineStart:xs,fontSize:"var(--mantine-font-size-sm)",lineHeight:1,color:b.CHROME},children:l})]})}function Is(e,n){if(!(n>=bs&&n<=ys))return`CompoundRow "${e}" was given ${String(n)} ${n===1?"segment":"segments"}, and it holds two or three. A compound row shows one value together with the parts that belong to it: use PanelField for a single value, and a table or a list of rows for more than three.`}function Es(e,n){if(n!==1)return`CompoundRow "${e}" was given ${String(n)} segments that set grow, and exactly one should. The segment that sets grow takes the box's leftover width and should be the main value, with the rest sized to their content. Using the first segment that sets it, or the leading segment when none does.`}function Ss({label:e,segments:n,width:a=u.BODY,trailing:r,busy:i,live:l,onClick:d,onFocus:g,onBlur:h}){const p=rt(),f=s.useId(),x=n.filter(L=>L.grow===!0).length;Pe(Is(e,n.length)),Pe(Es(e,x));const y=n.findIndex(L=>L.grow===!0),C=y===-1?0:y,T=d!==void 0,v=no(l,i)!=="off",S=T||v,H=T?void 0:f,P=S?void 0:f,E=S||p,A={display:"flex",alignItems:"center",boxSizing:"border-box",flex:p?"1 1 auto":"0 0 auto",width:p?void 0:a,minWidth:0,height:u.CONTROL_HEIGHT,background:b.SURFACE,borderRadius:"var(--mantine-radius-sm)",overflow:"hidden",textAlign:"start",cursor:T?"pointer":void 0},_=t.jsxs(t.Fragment,{children:[S&&t.jsx(o.VisuallyHidden,{id:H,children:e}),n.map((L,D)=>t.jsxs(s.Fragment,{children:[D>0&&t.jsx(o.Box,{"data-testid":"compound-row-hairline",style:{flex:"0 0 auto",width:ms,height:u.CONTROL_HEIGHT,background:b.PANEL}}),t.jsx(ws,{segment:L,grow:D===C,index:D})]},D))]});return t.jsxs(o.Box,{"data-testid":"compound-row",style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:u.TRAIL_GAP,height:u.ROW_PITCH},children:[p&&t.jsx(o.Box,{component:"span",id:P,"data-testid":"compound-row-label",title:e,"aria-hidden":S?!0:void 0,style:{flex:`0 0 ${u.LABEL_COLUMN}px`,fontSize:"var(--mantine-font-size-sm)",lineHeight:1.2,color:b.CHROME,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e}),T?t.jsx(o.UnstyledButton,{type:"button",title:e,"data-testid":"compound-row-box","data-interactive":"true",...Me(l,i),onClick:d,onFocus:g,onBlur:h,style:A,children:_}):t.jsx(o.Box,{role:"group","aria-label":E?void 0:e,"aria-labelledby":E?f:void 0,title:e,"data-testid":"compound-row-box","data-interactive":"false",...Me(l,i),onFocus:g,onBlur:h,style:A,children:_}),t.jsx(ye,{children:r})]})}const Ot=u.VALUE_INSET-u.GLYPH_SLOT,gt=4,Sn=4,Cs=u.VALUE_INSET+u.LABEL_COLUMN,Cn={position:"absolute",width:1,height:1,margin:-1,padding:0,overflow:"hidden",clipPath:"inset(50%)",whiteSpace:"nowrap",border:0},fo=s.forwardRef(function(n,a){const{label:r,glyph:i,kind:l,value:d,defaultValue:g,onChange:h,data:p,unit:f,width:x=u.FIELD,bound:y=!1,mixed:C=!1,placeholder:T,pending:v=!1,min:S,max:H,step:P,onScrubStart:E,onScrub:A,onScrubEnd:_,onClick:L,disabled:D=!1,readOnly:N,boundDescription:G,pendingDescription:M,title:F,style:m,className:w,onKeyDown:R,...j}=n,K=rt(),W=re(),xe=Ae(),U=$.useMediaQuery("(pointer: coarse)"),[le,V]=$.useUncontrolled({value:d===null?"":d,defaultValue:g,finalValue:"",onChange:h}),Z=l??(p!==void 0?"select":"text"),ee=Z==="select",je=Z==="select"&&p!==void 0,Le=N??(h===void 0&&g===void 0),ne=String(le),me=T===!0,X=C||me;let ve;C?ve=W.mixed:me?ve=ne:typeof T=="string"&&(ve=T);const pe=[];C&&pe.push(W.mixed);const Be=G??W.fieldBound,Oe=M??W.fieldPending;y&&Be!==""&&pe.push(Be),v&&Oe!==""&&pe.push(Oe);const Qe=pe.length>0?pe.join(". "):void 0,ae=(E!==void 0||A!==void 0||_!==void 0)&&!D&&!U,ge=s.useRef(!1),we=s.useRef(!1),be=s.useRef(0),He=k=>{if(!ae||k.button!==0)return;k.preventDefault(),k.stopPropagation();const oe=k.currentTarget;typeof oe.setPointerCapture=="function"&&oe.setPointerCapture(k.pointerId),ge.current=!0,we.current=!1,be.current=k.clientX},et=k=>{if(!ge.current)return;const oe=k.clientX-be.current;oe!==0&&(be.current=k.clientX,we.current||(we.current=!0,E==null||E(k)),A==null||A(ue(xe)?-oe:oe,k))},_e=k=>{ge.current&&(ge.current=!1,we.current&&(we.current=!1,_==null||_(k)))},at=k=>{D||L==null||L(k)},Xe=k=>{R==null||R(k),!(L===void 0||D||k.defaultPrevented)&&(je||(k.key==="Enter"||k.key===" "&&Le)&&(k.preventDefault(),L(k)))},Ne=(k,oe)=>{V(k,oe)};let Ie=null;Bt(i)?Ie=t.jsx(nt,{name:i,filled:y}):Ft(i)?Ie=t.jsx(o.Box,{component:"span","data-letter":i,style:{fontSize:"var(--mantine-font-size-sm)",lineHeight:1},children:i}):i!=null&&(Ie=i);const Ve=t.jsxs(t.Fragment,{children:[t.jsxs(o.Box,{"data-testid":"panel-field-slot","data-scrub":ae?"true":void 0,onPointerDown:ae?He:void 0,onPointerMove:ae?et:void 0,onPointerUp:ae?_e:void 0,onPointerCancel:ae?_e:void 0,onLostPointerCapture:ae?_e:void 0,style:{position:"relative",flex:"0 0 auto",width:u.GLYPH_SLOT,height:u.GLYPH_SLOT,display:"flex",alignItems:"center",justifyContent:"center",color:b.CHROME,cursor:ae?"ew-resize":void 0,touchAction:ae?"none":void 0},children:[Ie,v&&t.jsx(o.Box,{"data-testid":"panel-field-pending",style:{position:"absolute",insetInlineStart:0,bottom:0,width:Sn,height:Sn,background:b.ACCENT}})]}),K&&t.jsx(o.Box,{component:"span","data-testid":"panel-field-label","aria-hidden":"true",style:{flex:"1 1 auto",minWidth:0,marginInlineStart:gt,fontSize:"var(--mantine-font-size-sm)",lineHeight:1,color:b.CHROME,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r})]}),z=f!==void 0,J=z||ee?t.jsxs(t.Fragment,{children:[z&&t.jsx(o.Box,{component:"span","data-testid":"panel-field-unit",style:{flex:"0 0 auto",lineHeight:1},children:f}),ee&&t.jsx(o.Box,{component:"span","data-testid":"panel-field-chevron",style:{flex:"0 0 auto",display:"flex",alignItems:"center",marginInlineStart:z?gt:0},children:t.jsx(te,{name:"chevronDown",size:u.GLYPH})})]}):void 0;let Y=Ot+gt;ee&&(Y+=u.GLYPH),ee&&z&&(Y+=gt);const fe=J===void 0?void 0:`calc(${String((f==null?void 0:f.length)??0)}ch + ${String(Y)}px)`,Q=ae?"auto":"none",ce={"data-testid":"panel-field-value",...j,ref:a,className:w,label:r,description:Qe,placeholder:ve,disabled:D,readOnly:Le,onClick:at,onKeyDown:Xe,leftSection:Ve,leftSectionWidth:K?Cs:u.VALUE_INSET,leftSectionPointerEvents:Q,leftSectionProps:{style:{insetInlineStart:0,justifyContent:"flex-start",paddingInlineStart:Ot}},rightSection:J,rightSectionWidth:fe,rightSectionPointerEvents:"none",rightSectionProps:{style:{insetInlineEnd:0,justifyContent:"flex-end",paddingInlineEnd:Ot,fontSize:"var(--mantine-font-size-sm)",color:b.CHROME}},styles:{wrapper:{marginTop:0,marginBottom:0,"--input-placeholder-color":C?b.VALUE:b.PLACEHOLDER},input:{backgroundColor:b.SURFACE,paddingInlineStart:void 0,paddingInlineEnd:void 0},label:Cn,description:Cn},wrapperProps:{title:F??r,"data-testid":"panel-field","data-kind":Z,"data-bound":y?"true":void 0,"data-mixed":C?"true":void 0,"data-pending":v?"true":void 0,"data-disabled":D?"true":void 0},style:{flex:x==="fill"?"1 1 auto":"0 0 auto",width:x==="fill"?"100%":x,minWidth:0,...m}};return Z==="number"?t.jsx(o.NumberInput,{...ce,value:X?"":le,onChange:Ne,min:S,max:H,step:P,hideControls:!0}):je?t.jsx(o.Select,{...ce,data:p,value:X||ne===""?null:ne,onChange:k=>{Ne(k??"")}}):t.jsx(o.TextInput,{...ce,value:X?"":ne,onChange:k=>{Ne(k.currentTarget.value,k)}})}),Ts=2,Rs=u.BODY+u.TRAIL_GAP;function Ps(e){return s.Children.toArray(e).flatMap(n=>s.isValidElement(n)&&n.type===s.Fragment?s.Children.toArray(n.props.children):[n])}function Tn(e,n){return s.isValidElement(e)&&e.key!==null?e.key:`field-row-${String(n)}`}function As(e){if(s.isValidElement(e)&&typeof e.props.label=="string")return e.props.label}function Rn(e){return s.isValidElement(e)&&e.type===fo?s.cloneElement(e,{width:"fill"}):e}const js=s.forwardRef(function({children:n,trailing:a,groupLabel:r,role:i,style:l,"aria-label":d,"aria-labelledby":g,...h},p){const f=rt(),x=Ps(n),y=x.length;Pe(y===0||y>Ts?`FieldRow was given ${String(y)} ${y===1?"field":"fields"}, and it holds one field, or two side by side. A row with none is an empty 32px gap, and a third field has nowhere to go in the 280px panel the row is measured for. Put the extra fields on rows of their own.`:void 0);const C=r??d,v=i??(C!==void 0||g!==void 0?"group":void 0),S=ot(a);if(f&&y>1)return t.jsx(o.Box,{ref:p,"data-testid":"field-row-labelled","data-fields":y,role:v,"aria-label":C,"aria-labelledby":g,...h,style:{display:"flex",flexDirection:"column",...l},children:x.map((_,L)=>{const D=As(_);return t.jsxs(o.Box,{"data-testid":"field-row","data-labelled":"true",style:{display:"flex",alignItems:"center",height:u.ROW_PITCH},children:[t.jsx(o.Box,{component:"span","data-testid":"field-row-label",title:D,style:{flex:`0 0 ${String(u.LABEL_COLUMN)}px`,minWidth:0,fontSize:"var(--mantine-font-size-sm)",lineHeight:1.2,color:b.CHROME,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:D}),t.jsx(o.Box,{"data-testid":"field-row-slot","data-width":"fill",style:{display:"flex",alignItems:"center",flex:"1 1 auto",minWidth:0,marginInlineStart:u.GUTTER,marginInlineEnd:u.TRAIL_GAP},children:t.jsx(po,{showLabels:!1,children:Rn(_)})}),t.jsx(ye,{children:L===0?a:null})]},Tn(_,L))})});const H=y<=1,P=H&&!S;let E=u.FIELD;H&&(E=P?Rs:u.BODY);const A=P?void 0:u.TRAIL_GAP;return t.jsxs(o.Box,{ref:p,"data-testid":"field-row","data-fields":y,role:v,"aria-label":C,"aria-labelledby":g,...h,style:{display:"flex",alignItems:"center",height:u.ROW_PITCH,...l},children:[x.map((_,L)=>t.jsx(o.Box,{"data-testid":"field-row-slot","data-width":E,style:{display:"flex",alignItems:"center",flex:`0 0 ${String(E)}px`,minWidth:0,marginInlineStart:L===0?void 0:u.GUTTER,marginInlineEnd:L===y-1?A:void 0},children:Rn(_)},Tn(_,L))),t.jsx(ye,{children:a})]})}),Ls=2,Os=6,ho=1,Hs=u.CONTROL_HEIGHT-ho*2,_s=2,Pn=3,Ns=4,Ds=6,ks=u.GLYPH,Gs=3;function Ms(e,n){return n?b.DISABLED:e?b.ON_SELECTED:b.CHROME}function zs(e){const{options:n,value:a,defaultValue:r,onChange:i,label:l,labelledBy:d,name:g,disabled:h=!1,hybrid:p=!1,width:f,trailing:x,onFocus:y,onBlur:C}=e,T=rt(),v=n.length,[S]=n,[H,P]=$.useUncontrolled({value:a,defaultValue:r,finalValue:S===void 0?"":S.value,onChange:i}),E=s.useRef(void 0);Pe(v<Ls||v>Os?`IconGroupRow was given ${String(v)} ${v===1?"option":"options"}, and it holds two to six drawable ones. One option is a statement rather than a choice and belongs in a field, and more than six stop reading as a set of drawings -- use a select instead. Rendering them anyway.`:void 0);const A=f??(v<=Gs?u.FIELD:u.BODY),_=A==="fill",L=N=>{var m;if(h||N.key!=="Home"&&N.key!=="End")return;const G=n.filter(w=>w.disabled!==!0),M=N.key==="Home"?G[0]:G[G.length-1];if(M===void 0)return;N.preventDefault(),P(M.value,N),(m=Array.from(N.currentTarget.querySelectorAll('input[type="radio"]')).find(w=>w.value===M.value))==null||m.focus()},D=n.map(N=>{const G=N.value===H,M=h||N.disabled===!0,F=T||p&&G;return{value:N.value,disabled:N.disabled,label:t.jsxs(o.Box,{component:"span","data-testid":"icon-group-button","data-value":N.value,"data-active":G?"true":"false",title:N.label,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",gap:F?Ns:0,paddingInline:F?Ds:0,width:"100%",minWidth:0,color:Ms(G,M)},children:[t.jsx(o.Box,{component:"span","data-testid":"icon-group-icon",style:{flex:"0 0 auto",display:"inline-flex",alignItems:"center",justifyContent:"center"},children:N.icon}),F?t.jsx(o.Box,{component:"span","data-testid":"icon-group-word",style:{minWidth:0,fontWeight:500,lineHeight:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:N.label}):t.jsx(o.VisuallyHidden,{children:N.label})]})}});return t.jsxs(o.Box,{"data-testid":"icon-group-row",style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:u.TRAIL_GAP,height:u.ROW_PITCH},children:[t.jsx(o.SegmentedControl,{data:D,value:H,onChange:N=>{const G=E.current;E.current=void 0,P(N,G)},onChangeCapture:N=>{E.current=N},onKeyDown:L,onFocus:y,onBlur:C,name:g,disabled:h,radius:"sm","aria-label":l,"aria-labelledby":d,"data-testid":"icon-group-track","data-hybrid":p?"true":void 0,__vars:{"--sc-color":b.SELECTED,"--sc-shadow":"none"},styles:{root:{boxSizing:"border-box",flex:_?"1 1 auto":"0 0 auto",width:_?"100%":A,minWidth:0,height:u.CONTROL_HEIGHT,padding:ho,gap:_s,backgroundColor:b.SURFACE,overflow:"visible"},control:{flex:"1 1 auto",minWidth:ks},label:{display:"flex",alignItems:"center",justifyContent:"center",height:Hs,padding:0,borderRadius:Pn,fontSize:"var(--mantine-font-size-sm)"},innerLabel:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",minWidth:0},indicator:{backgroundColor:b.SELECTED,borderRadius:Pn,boxShadow:"none"}}}),t.jsx(ye,{children:x})]})}const Bs=12,Fs=1.5,An=1.4,jn=4,Vs=20,Ln=220,On=2,Hn=new RegExp("\\p{Sentence_Terminal}","u"),Us=/[.!?]/u,_n=/\s/u;function $s(e){const n=Array.from(e);let a=0,r=0,i=0;for(;r<n.length;){if(!Hn.test(n[r])){r+=1;continue}let d=r;for(;d+1<n.length&&Hn.test(n[d+1]);)d+=1;const g=n[d+1],h=Us.test(n[d]);r=d+1,(!h||g===void 0||_n.test(g))&&(a+=1,i=r)}return n.slice(i).some(d=>!_n.test(d))?a+1:a}function Ws(e){return Array.from(e).length}function Ys(e,n){if(e!=="reading"||typeof n!="string")return;const a=Ws(n);if(a>Ln)return`ProseBlock was given a reading of ${String(a)} characters, and a reading is at most ${String(Ln)} characters. Shorten it, or it has stopped being a reading and become an explanation.`;const r=$s(n);if(r>On)return`ProseBlock was given a reading of ${String(r)} sentences, and a reading is at most ${String(On)} sentences. Delete any sentence that repeats what is already on screen, and move the rest into an InfoCircle.`}function Xs(e,n){if(!(n===void 0||e==="runRecord"))return`ProseBlock was given onDetails on the "${e}" shape, and it belongs to "runRecord". A reading and a departure line carry no chevron, so the handler is ignored.`}function Ks({variant:e,children:n,onDetails:a,busy:r,live:i}){const l=re(),d=Ae(),g=s.useId();Pe(Ys(e,n)),Pe(Xs(e,a));const h=Me(i,r);if(e==="reading")return t.jsx(o.Text,{...h,"data-testid":"prose-block","data-variant":e,style:{fontSize:Bs,lineHeight:Fs,color:b.PROSE},children:n});if(e==="departure")return t.jsxs(o.Box,{...h,role:"note","aria-label":l.departure,"data-testid":"prose-block","data-variant":e,style:{display:"flex",alignItems:"flex-start",gap:jn},children:[t.jsx(o.Box,{"aria-hidden":!0,"data-testid":"prose-block-warning",style:{flex:"0 0 auto",inlineSize:u.GLYPH_SLOT,blockSize:u.GLYPH_SLOT,display:"flex",alignItems:"center",justifyContent:"center",color:b.WARNING},children:t.jsx(te,{name:"warning",size:u.GLYPH})}),t.jsx(o.Text,{span:!0,size:"sm","data-testid":"prose-block-text",style:{lineHeight:An,color:b.VALUE},children:n})]});const p=typeof n=="string"?n:void 0;return t.jsxs(o.Box,{...h,"data-testid":"prose-block","data-variant":e,style:{display:"flex",alignItems:"center",gap:jn,blockSize:Vs},children:[t.jsx(o.Text,{span:!0,size:"sm",truncate:"end",id:g,title:p,"data-testid":"prose-block-text",style:{flex:"1 1 auto",minInlineSize:0,lineHeight:An,color:b.CHROME},children:n}),a!==void 0&&t.jsx(o.UnstyledButton,{type:"button",title:l.details,"aria-label":l.details,"aria-describedby":g,"data-testid":"prose-block-details",onClick:a,style:{flex:"0 0 auto",inlineSize:u.GLYPH_SLOT,blockSize:u.GLYPH_SLOT,display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:"transparent",color:b.CHROME,cursor:"pointer"},children:t.jsx(te,{name:ue(d)?"chevronLeft":"chevronRight",size:u.CHEVRON})})]})}const Ht=4,qs=4,Zs=`polygon(0 calc(100% - ${qs}px), 100% 0, 100% 100%, 0 100%)`,Js=120,Qs=`linear-gradient(to right, ${b.SURFACE}, ${b.ACCENT})`,ei={sqrt:"scaleSqrt",linear:"scaleLinear",log:"scaleLog"},Nn={flex:"0 0 auto",lineHeight:1,color:b.CHROME,whiteSpace:"nowrap"};function ti({min:e,max:n,label:a,variant:r="size",gradient:i,scale:l,busy:d,live:g,onScaleClick:h,trailing:p}){const f=re(),x=Ae(),y=s.useId(),C=r==="color",T=l===void 0?void 0:ei[l],v=T===void 0?void 0:f[T],S=`${y}-label`,H=`${y}-min`,P=`${y}-max`,E=`${y}-scale`,A=[a===void 0?void 0:S,H,P,v===void 0?void 0:E].filter(D=>D!==void 0);let _=null;T!==void 0&&v!==void 0&&(h===void 0?_=t.jsx(o.Box,{"data-testid":"ramp-row-scale","aria-hidden":"true",title:v,style:{flex:"0 0 auto",width:u.TRAIL,height:u.CONTROL_HEIGHT,display:"flex",alignItems:"center",justifyContent:"center",color:b.CHROME},children:t.jsx(nt,{name:T})}):_=t.jsx(eo,{label:v,icon:t.jsx(nt,{name:T}),onClick:h}));const L=ot(p)?p:_;return t.jsxs(o.Box,{"data-testid":"ramp-row","data-variant":r,"data-scale":l,style:{display:"flex",alignItems:"center",gap:Ht,height:u.ROW_PITCH},children:[t.jsxs(o.Box,{"data-testid":"ramp-row-figure",role:"img","aria-labelledby":A.join(" "),...Me(g,d),style:{flex:"1 1 auto",minWidth:0,display:"flex",alignItems:"center",gap:Ht},children:[a!==void 0&&t.jsx(o.VisuallyHidden,{"data-testid":"ramp-row-a11y-label",id:S,children:a}),t.jsx(o.Text,{span:!0,size:"sm",id:H,"data-testid":"ramp-row-min",style:Nn,children:e}),t.jsx(o.Box,{"data-testid":"ramp-row-ramp","data-variant":r,"aria-hidden":"true",style:{flex:"1 1 auto",minWidth:Js,height:u.GLYPH,boxSizing:"border-box",background:C?i??Qs:b.CHROME,borderRadius:C?"var(--mantine-radius-xs)":void 0,border:C?`1px solid ${b.BORDER}`:void 0,clipPath:C?void 0:Zs,...kr(x)}}),t.jsx(o.Text,{span:!0,size:"sm",id:P,"data-testid":"ramp-row-max",style:Nn,children:n}),v!==void 0&&t.jsx(o.VisuallyHidden,{"data-testid":"ramp-row-a11y-scale",id:E,children:v})]}),t.jsx(o.Box,{style:{flex:"0 0 auto",display:"flex",marginInlineStart:u.TRAIL_GAP-Ht},children:t.jsx(ye,{children:L})})]})}const ni=4,oi=`${String(u.TOGGLE_PITCH)}px`,ri=2;function ai({label:e,checked:n,defaultChecked:a,onChange:r,control:i="checkbox",trailing:l,disabled:d=!1,onFocus:g,onBlur:h}){const[p,f]=$.useUncontrolled({value:n,defaultValue:a,finalValue:!1,onChange:r}),x=T=>{f(T.currentTarget.checked,T)},y={root:{flex:"1 1 auto",minWidth:0},body:{alignItems:"center",minWidth:0},labelWrapper:{minWidth:0},label:{display:"block",height:u.TOGGLE_PITCH,paddingInlineStart:ni,fontSize:"var(--mantine-font-size-sm)",lineHeight:oi,color:d?b.DISABLED:b.VALUE,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},C={title:e};return t.jsxs(o.Box,{"data-testid":"toggle-row","data-control":i,"data-checked":p?"true":"false","data-disabled":d?"true":void 0,style:{display:"flex",alignItems:"center",boxSizing:"border-box",gap:u.TRAIL_GAP,height:u.TOGGLE_PITCH},children:[i==="switch"?t.jsx(o.Switch,{"data-testid":"toggle-row-control",label:e,checked:p,disabled:d,onChange:x,onFocus:g,onBlur:h,wrapperProps:C,styles:y}):t.jsx(o.Checkbox,{"data-testid":"toggle-row-control",label:e,checked:p,disabled:d,onChange:x,onFocus:g,onBlur:h,wrapperProps:C,styles:y}),t.jsx(ye,{children:l})]})}function si({children:e,label:n,labelledBy:a}){const r=s.Children.toArray(e).length;return Pe(r<ri?`ToggleRowGroup was given ${String(r)} ${r===1?"row":"rows"}, and it holds two or more. A single checkbox on a row of its own interrupts a column of rows to say one bit: put it in the trailing slot of the row it modifies, or make it one tile of a group of icon buttons. Rendering it anyway.`:void 0),t.jsx(o.Box,{role:"group","aria-label":a===void 0?n:void 0,"aria-labelledby":a,"data-testid":"toggle-row-group","data-rows":r,style:{display:"flex",flexDirection:"column"},children:e})}function ii(e="dark"){return o.useComputedColorScheme(e)}const li={xs:o.rem(4),sm:o.rem(8),md:o.rem(16),lg:o.rem(24),xl:o.rem(32)},ci={HEIGHT:24,FONT_SIZE:11,CONTROL_PADDING:8,SECTION_GAP:4},di="0.6.0";exports.ActionRow=qa;exports.AdvancedButton=eo;exports.COMPACT_SIZING=ci;exports.CompactColorInput=Jn;exports.CompoundRow=Ss;exports.ControlGroup=oa;exports.ControlSection=ca;exports.ControlSubGroup=pa;exports.DEFAULT_GRADIENT_STOP_COLOR=xt;exports.DataRow=ts;exports.DataRowHeader=ns;exports.DataTable=Aa;exports.FIELD_GLYPH_NAMES=Yn;exports.FIELD_LETTERS=Xn;exports.FieldGlyph=nt;exports.FieldRow=js;exports.GradientEditor=ka;exports.HistogramRow=ps;exports.IconGroupRow=zs;exports.InfoCircle=Qn;exports.LabelsProvider=dr;exports.MANTINE_SPACING=li;exports.MAX_ALPHA_HEX=Vt;exports.MAX_OPACITY_PERCENT=Ut;exports.MetricRow=hs;exports.PANEL_GRID=u;exports.PANEL_INK=b;exports.POPOUT_GAP=Gn;exports.POPOUT_NESTED_GAP=Mn;exports.POPOUT_Z_INDEX_BASE=_t;exports.PanelField=fo;exports.PanelLabelsProvider=po;exports.Popout=Ge;exports.PopoutButton=Wr;exports.PopoutManager=Zn;exports.ProseBlock=Ks;exports.RampRow=ti;exports.RankChip=Kt;exports.SWATCH_COLORS_HEXA=Fn;exports.SparklineRow=fs;exports.StyleNumberInput=Fa;exports.StyleSelect=$a;exports.ToggleRow=ai;exports.ToggleRowGroup=si;exports.ToggleWithContent=Ya;exports.TrailingSlot=ye;exports.UI_GLYPH_NAMES=br;exports.UiGlyph=te;exports.VERSION=di;exports.compactColors=kn;exports.compactDarkColors=Dn;exports.compactTheme=ir;exports.compactThemeOverride=Bn;exports.createColorStop=mt;exports.createDefaultGradientStops=to;exports.defaultLabels=Vn;exports.getActivationMeta=Je;exports.isFieldGlyphName=Bt;exports.isFieldLetter=Ft;exports.isRtl=ue;exports.isValidHex=Er;exports.opacityToAlphaHex=Wt;exports.parseAlphaFromHexa=$t;exports.parseHexaColor=wr;exports.parseLocaleNumber=Un;exports.toHexaColor=Ir;exports.useActualColorScheme=ii;exports.useCollator=Wn;exports.useDirection=Ae;exports.useLabels=re;exports.useLocale=ze;exports.useNumberFormatter=Ye;exports.useNumberParser=zt;exports.useOrdinalFormatter=$n;exports.usePanelLabels=rt;