https://openpanel.dev/_next/static/chunks/9867-cf0a18a4543cc0b8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9867],{10653:(e,t,r)=>{r.r(t),r.d(t,{Tab:()=>f,Tabs:()=>d,TabsContent:()=>m,TabsList:()=>l,TabsTrigger:()=>c});var n=r(74258),o=r(57085),a=r(32619),i=r(66299);let s=(0,a.createContext)(null);function u(){let e=(0,a.useContext)(s);if(!e)throw Error("You must wrap your component in <Tabs>");return e}function l(e){return(0,i.jsx)(o.j7,{...e,className:(0,n.QP)("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose",e.className)})}function c(e){return(0,i.jsx)(o.Xi,{...e,className:(0,n.QP)("inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-fd-primary data-[state=active]:text-fd-primary",e.className)})}function d({ref:e,className:t,items:r,label:u,defaultIndex:d=0,defaultValue:f=r?p(r[d]):void 0,...m}){let[v,h]=(0,a.useState)(f),b=(0,a.useMemo)(()=>[],[]);return(0,i.jsxs)(o.tU,{ref:e,className:(0,n.QP)("flex flex-col overflow-hidden rounded-xl border bg-fd-secondary my-4",t),value:v,onValueChange:e=>{(!r||r.some(t=>p(t)===e))&&h(e)},...m,children:[r&&(0,i.jsxs)(l,{children:[u&&(0,i.jsx)("span",{className:"text-sm font-medium my-auto me-auto",children:u}),r.map(e=>(0,i.jsx)(c,{value:p(e),children:e},e))]}),(0,i.jsx)(s.Provider,{value:(0,a.useMemo)(()=>({items:r,collection:b}),[b,r]),children:m.children})]})}function f({value:e,...t}){let{items:r}=u(),n=e??r?.at(function(){let e=(0,a.useId)(),{collection:t}=u();return(0,a.useEffect)(()=>()=>{let r=t.indexOf(e);-1!==r&&t.splice(r,1)},[e,t]),t.includes(e)||t.push(e),t.indexOf(e)}());if(!n)throw Error("Failed to resolve tab `value`, please pass a `value` prop to the Tab component.");return(0,i.jsx)(m,{value:p(n),...t,children:t.children})}function m({value:e,className:t,...r}){return(0,i.jsx)(o.av,{value:e,forceMount:!0,className:(0,n.QP)("p-4 text-[0.9375rem] bg-fd-background rounded-xl outline-none prose-no-margin data-[state=inactive]:hidden [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none",t),...r,children:r.children})}function p(e){return e.toLowerCase().replace(/\s/,"-")}},12830:(e,t,r)=>{r.d(t,{Image:()=>c,N_:()=>d,Uy:()=>s,a8:()=>u,rd:()=>l});var n=r(32619),o=r(66299);let a=()=>{throw Error("You need to wrap your application inside `FrameworkProvider`.")},i=(0,n.createContext)({useParams:a,useRouter:a,usePathname:a});function s({Link:e,useRouter:t,useParams:r,usePathname:a,Image:s,children:u}){return(0,o.jsx)(i,{value:(0,n.useMemo)(()=>({usePathname:a,useRouter:t,Link:e,Image:s,useParams:r}),[e,a,t,r,s]),children:u})}function u(){return(0,n.use)(i).usePathname()}function l(){return(0,n.use)(i).useRouter()}function c(e){let{Image:t}=(0,n.use)(i);if(!t){let{src:t,alt:r,priority:n,...a}=e;return(0,o.jsx)("img",{alt:r,src:t,fetchPriority:n?"high":"auto",...a})}return(0,o.jsx)(t,{...e})}function d(e){let{Link:t}=(0,n.use)(i);if(!t){let{href:t,prefetch:r,...n}=e;return(0,o.jsx)("a",{href:t,...n})}return(0,o.jsx)(t,{...e})}},41963:(e,t,r)=>{r.r(t),r.d(t,{default:()=>i});var n=r(12830),o=r(32619),a=r(66299);let i=(0,o.forwardRef)(({href:e="#",external:t=e.match(/^\w+:/)||e.startsWith("//"),prefetch:r,children:o,...i},s)=>t?(0,a.jsx)("a",{ref:s,href:e,rel:"noreferrer noopener",target:"_blank",...i,children:o}):(0,a.jsx)(n.N_,{ref:s,href:e,prefetch:r,...i,children:o}));i.displayName="Link"},43074:(e,t,r)=>{r.d(t,{c:()=>o});var n=r(32619);function o(e){let t=n.useRef(e);return n.useEffect(()=>{t.current=e}),n.useMemo(()=>(...e)=>t.current?.(...e),[])}},52891:(e,t,r)=>{r.d(t,{P:()=>n});function n(...e){return t=>{e.forEach(e=>{"function"==typeof e?e(t):e&&(e.current=t)})}}},57085:(e,t,r)=>{r.d(t,{tU:()=>W,av:()=>J,j7:()=>X,Xi:()=>q});var n=r(52891),o=r(32619),a=r(66299),i=r(33610),s=r(50003),u=r(55947),l=r(86217),c=r(25086),d=r(2074),f=r(43074),m=r(44434),p=r(99338),v="rovingFocusGroup.onEntryFocus",h={bubbles:!1,cancelable:!0},b="RovingFocusGroup",[x,g,w]=(0,u.N)(b),[y,j]=(0,s.A)(b,[w]),[C,I]=y(b),E=o.forwardRef((e,t)=>

1(0,a.jsx)(x.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,a.jsx)(x.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,a.jsx)(T,{...e,ref:t})})}));E.displayName=b;var T=o.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:r,orientation:n,loop:s=!1,dir:u,currentTabStopId:c,defaultCurrentTabStopId:x,onCurrentTabStopIdChange:w,onEntryFocus:y,preventScrollOnEntryFocus:j=!1,...I}=e,E=o.useRef(null),T=(0,l.s)(t,E),R=(0,p.jH)(u),[F,K]=(0,m.i)({prop:c,defaultProp:x??null,onChange:w,caller:b}),[P,A]=o.useState(!1),D=(0,f.c)(y),S=g(r),k=o.useRef(!1),[M,L]=o.useState(0);return o.useEffect(()=>{let e=E.current;if(e)return e.addEventListener(v,D),()=>e.removeEventListener(v,D)},[D]),(0,a.jsx)(C,{scope:r,orientation:n,dir:R,loop:s,currentTabStopId:F,onItemFocus:o.useCallback(e=>K(e),[K]),onItemShiftTab:o.useCallback(()=>A(!0),[]),onFocusableItemAdd:o.useCallback(()=>L(e=>e+1),[]),onFocusableItemRemove:o.useCallback(()=>L(e=>e-1),[]),children:(0,a.jsx)(d.sG.div,{tabIndex:P||0===M?-1:0,"data-orientation":n,...I,ref:T,style:{outline:"none",...e.style},onMouseDown:(0,i.mK)(e.onMouseDown,()=>{k.current=!0}),onFocus:(0,i.mK)(e.onFocus,e=>{let t=!k.current;if(e.target===e.currentTarget&&t&&!P){let t=new CustomEvent(v,h);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){let e=S().filter(e=>e.focusable);N([e.find(e=>e.active),e.find(e=>e.id===F),...e].filter(Boolean).map(e=>e.ref.current),j)}}k.current=!1}),onBlur:(0,i.mK)(e.onBlur,()=>A(!1))})})}),R="RovingFocusGroupItem",F=o.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:r,focusable:n=!0,active:s=!1,tabStopId:u,children:l,...f}=e,m=(0,c.B)(),p=u||m,v=I(R,r),h=v.currentTabStopId===p,b=g(r),{onFocusableItemAdd:w,onFocusableItemRemove:y,currentTabStopId:j}=v;return o.useEffect(()=>{if(n)return w(),()=>y()},[n,w,y]),(0,a.jsx)(x.ItemSlot,{scope:r,id:p,focusable:n,active:s,children:(0,a.jsx)(d.sG.span,{tabIndex:h?0:-1,"data-orientation":v.orientation,...f,ref:t,onMouseDown:(0,i.mK)(e.onMouseDown,e=>{n?v.onItemFocus(p):e.preventDefault()}),onFocus:(0,i.mK)(e.onFocus,()=>v.onItemFocus(p)),onKeyDown:(0,i.mK)(e.onKeyDown,e=>{if("Tab"===e.key&&e.shiftKey)return void v.onItemShiftTab();if(e.target!==e.currentTarget)return;let t=function(e,t,r){var n;let o=(n=e.key,"rtl"!==r?n:"ArrowLeft"===n?"ArrowRight":"ArrowRight"===n?"ArrowLeft":n);if(!("vertical"===t&&["ArrowLeft","ArrowRight"].includes(o))&&!("horizontal"===t&&["ArrowUp","ArrowDown"].includes(o)))return K[o]}(e,v.orientation,v.dir);if(void 0!==t){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let o=b().filter(e=>e.focusable).map(e=>e.ref.current);if("last"===t)o.reverse();else if("prev"===t||"next"===t){var r,n;"prev"===t&&o.reverse();let a=o.indexOf(e.currentTarget);o=v.loop?(r=o,n=a+1,r.map((e,t)=>r[(n+t)%r.length])):o.slice(a+1)}setTimeout(()=>N(o))}}),children:"function"==typeof l?l({isCurrentTabStop:h,hasTabStop:null!=j}):l})})});F.displayName=R;var K={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function N(e,t=!1){let r=document.activeElement;for(let n of e)if(n===r||(n.focus({preventScroll:t}),document.activeElement!==r))return}var P=r(39625),A="Tabs",[D,S]=(0,s.A)(A,[j]),k=j(),[M,L]=D(A),_=o.forwardRef((e,t)=>{let{__scopeTabs:r,value:n,onValueChange:o,defaultValue:i,orientation:s="horizontal",dir:u,activationMode:l="automatic",...f}=e,v=(0,p.jH)(u),[h,b]=(0,m.i)({prop:n,onChange:o,defaultProp:i??"",caller:A});return(0,a.jsx)(M,{scope:r,baseId:(0,c.B)(),value:h,onValueChange:b,orientation:s,dir:v,activationMode:l,children:(0,a.jsx)(d.sG.div,{dir:v,"data-orientation":s,...f,ref:t})})});_.displayName=A;var G="TabsList",V=o.forwardRef((e,t)=>{let{__scopeTabs:r,loop:n=!0,...o}=e,i=L(G,r),s=k(r);return(0,a.jsx)(E,{asChild:!0,...s,orientation:i.orientation,dir:i.dir,loop:n,children:(0,a.jsx)(d.sG.div,{role:"tablist","aria-orientation":i.orientation,...o,ref:t})})});V.displayName=G;var U="TabsTrigger",B=o.forwardRef((e,t)=>{let{__scopeTabs:r,value:n,disabled:o=!1,...s}=e,u=L(U,r),l=k(r),c=z(u.baseId,n),f=H(u.baseId,n),m=n===u.value;return(0,a.jsx)(F,{asChild:!0,...l,focusable:!o,active:m,children:(0,a.jsx)(d.sG.button,{type:"button",role:"tab","aria-selected":m,"aria-controls":f,"data-state":m?"active":"inactive","data-disabled":o?"":void 0,disabled:o,id:c,...s,ref:t,onMouseDown:(0,i.mK)(e.onMouseDown,e=>{o||0!==e.button||!1!==e.ctrlKey?e.preventDefault():u.onValueChange(n)}),onKeyDown:(0,i.mK)(e.onKeyDown,e=>

1{[" ","Enter"].includes(e.key)&&u.onValueChange(n)}),onFocus:(0,i.mK)(e.onFocus,()=>{let e="manual"!==u.activationMode;m||o||!e||u.onValueChange(n)})})})});B.displayName=U;var $="TabsContent",Q=o.forwardRef((e,t)=>{let{__scopeTabs:r,value:n,forceMount:i,children:s,...u}=e,l=L($,r),c=z(l.baseId,n),f=H(l.baseId,n),m=n===l.value,p=o.useRef(m);return o.useEffect(()=>{let e=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,a.jsx)(P.C,{present:i||m,children:({present:r})=>(0,a.jsx)(d.sG.div,{"data-state":m?"active":"inactive","data-orientation":l.orientation,role:"tabpanel","aria-labelledby":c,hidden:!r,id:f,tabIndex:0,...u,ref:t,style:{...e.style,animationDuration:p.current?"0s":void 0},children:r&&s})})});function z(e,t){return`${e}-trigger-${t}`}function H(e,t){return`${e}-content-${t}`}Q.displayName=$;let O=new Map,Y=(0,o.createContext)(null),X=V,q=B;function W({ref:e,groupId:t,persist:r=!1,updateAnchor:i=!1,defaultValue:s,value:u,onValueChange:l,...c}){let d=(0,o.useRef)(null),f=(0,o.useMemo)(()=>new Map,[]),[m,p]=void 0===u?(0,o.useState)(s):[u,(0,o.useEffectEvent)(e=>l?.(e))];return(0,o.useLayoutEffect)(()=>{if(!t)return;let e=sessionStorage.getItem(t);r&&(e??=localStorage.getItem(t)),e&&p(e);let n=O.get(t)??new Set;return n.add(p),O.set(t,n),()=>{n.delete(p)}},[t,r,p]),(0,o.useLayoutEffect)(()=>{let e=window.location.hash.slice(1);if(e){for(let[t,r]of f.entries())if(r===e){p(t),d.current?.scrollIntoView();break}}},[p,f]),(0,a.jsx)(_,{ref:(0,n.P)(e,d),value:m,onValueChange:e=>{if(i){let t=f.get(e);t&&window.history.replaceState(null,"",`#${t}`)}if(t){let n=O.get(t);if(n)for(let t of n)t(e);sessionStorage.setItem(t,e),r&&localStorage.setItem(t,e)}else p(e)},...c,children:(0,a.jsx)(Y,{value:(0,o.useMemo)(()=>({valueToIdMap:f}),[f]),children:c.children})})}function J({value:e,...t}){let{valueToIdMap:r}=function(){let e=(0,o.use)(Y);if(!e)throw Error("You must wrap your component in <Tabs>");return e}();return t.id&&r.set(e,t.id),(0,a.jsx)(Q,{value:e,...t,children:t.children})}}}]);