Fix code highlight + sidebar spacing

assets/index-BKAcKuY_.css

@@ -1 +0,0 @@
-:root{--bg:#0a0a0a;--panel:#111;--panel2:#161616;--line:#222;--line2:#2c2c2c;--fg:#ededed;--mute:#8a8a8a;--dim:#5c5c5c;--accent:#fff;--red:#ff6b6b;--green:#6ee7a8;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}a{color:inherit}code,pre,.mono{font-family:JetBrains Mono,ui-monospace,monospace}::selection{color:#000;background:#fff}.top{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0abf;align-items:center;gap:24px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.brand .mark{color:#000;background:#fff;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.top nav{gap:6px;margin-left:auto;display:flex}.top nav a{color:var(--mute);border-radius:8px;padding:6px 12px;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.top nav a:hover{color:var(--fg);background:var(--panel2)}.layout{grid-template-columns:220px minmax(0,1fr);max-width:1180px;margin:0 auto;display:grid}.side{border-right:1px solid var(--line);height:calc(100vh - 60px);padding:32px 16px 32px 28px;position:sticky;top:60px;overflow:auto}.side h6{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:22px 0 8px;font-size:11px;font-weight:600}.side h6:first-child{margin-top:0}.side a{color:var(--mute);border-radius:7px;padding:6px 10px;font-size:14px;text-decoration:none;transition:color .15s;display:block;position:relative}.side a:hover,.side a.on{color:var(--fg)}.side .pill{background:var(--panel2);border:1px solid var(--line2);z-index:-1;border-radius:7px;position:absolute;inset:0}main{min-width:0;padding:48px 56px 120px}.hero{border-bottom:1px solid var(--line);margin-bottom:8px;padding:24px 0 48px}.badge{color:var(--mute);border:1px solid var(--line2);background:var(--panel);border-radius:99px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:inline-flex}.dot{background:var(--dim);border-radius:50%;width:7px;height:7px}.dot.up{background:var(--green);box-shadow:0 0 10px var(--green)}.dot.down{background:var(--red)}.hero h1{letter-spacing:-.035em;background:linear-gradient(#fff 30%,#8a8a8a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:22px 0 16px;font-size:52px;font-weight:700;line-height:1.05}.hero p{color:var(--mute);max-width:620px;margin:0;font-size:18px;line-height:1.6}.cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--line2);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--panel2);border-color:#3a3a3a}.btn.primary{color:#000;background:#fff;border-color:#fff}.btn.primary:hover{background:#e5e5e5}.btn:disabled{opacity:.5;cursor:default}.stats{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;display:grid;overflow:hidden}.stats div{background:var(--bg);padding:18px 20px}.stats b{letter-spacing:-.02em;font-size:22px;display:block}.stats span{color:var(--mute);font-size:13px}section{padding-top:56px}section h2{letter-spacing:-.02em;margin:0 0 10px;font-size:26px}section h3{margin:32px 0 10px;font-size:16px}section p,section li{color:var(--mute);font-size:15px;line-height:1.7}section p code,section li code,td code{background:var(--panel2);border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:2px 6px;font-size:13px}.code{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:16px 0;overflow:hidden}.tabs{border-bottom:1px solid var(--line);background:#0d0d0d;align-items:center;gap:2px;padding:6px;display:flex}.tab{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font:500 13px Inter,sans-serif;position:relative}.tab.on{color:var(--fg)}.tab .bg{background:var(--panel2);border:1px solid var(--line2);z-index:0;border-radius:8px;position:absolute;inset:0}.tab span{z-index:1;position:relative}.copy{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font:12px Inter,sans-serif;display:flex}.copy:hover{color:var(--fg);background:var(--panel2)}pre{color:#d4d4d4;margin:0;padding:18px 20px;font-size:13px;line-height:1.7;overflow:auto}.tk-k{color:#fff;font-weight:500}.tk-s{color:#a3a3a3}.tk-c{color:#555;font-style:italic}.tk-n{color:#c8c8c8}.ep{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;padding:14px 16px;display:flex}.m{color:#000;background:#fff;border-radius:6px;padding:4px 8px;font:600 11px JetBrains Mono,monospace}.m.get{color:#fff;background:0 0;border:1px solid #444}.ep code{font-size:14px}.ep p{margin:0 0 0 auto;font-size:13px}table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--line);color:var(--mute);vertical-align:middle;padding:11px 12px}td:first-child{color:var(--fg)}.bar{background:var(--panel2);vertical-align:middle;border-radius:6px;width:120px;height:6px;margin-right:10px;display:inline-block;overflow:hidden}.bar i{background:#fff;border-radius:6px;height:100%;display:block}.warn{color:#e3b4b4;background:#140e0e;border:1px solid #3a2a2a;border-radius:12px;margin:16px 0;padding:14px 16px;font-size:14px;line-height:1.6}.play{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:16px;padding:18px}.play textarea{resize:vertical;background:var(--bg);border:1px solid var(--line2);width:100%;min-height:110px;color:var(--fg);border-radius:10px;outline:none;padding:14px;font:15px Inter,sans-serif;transition:border-color .15s}.play textarea:focus{border-color:#555}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--line2);color:var(--mute);cursor:pointer;background:0 0;border-radius:99px;padding:6px 12px;font:13px Inter,sans-serif}.chip:hover{color:var(--fg);border-color:#444}.res{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.verdict{align-items:center;gap:10px;margin-bottom:14px;font-size:17px;font-weight:600;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#000;background:#fff;border-radius:6px;padding:4px 9px;font:500 12px JetBrains Mono,monospace}.scores{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 24px;display:grid}.sc{color:var(--mute);grid-template-columns:110px 1fr 48px;align-items:center;gap:10px;font-size:13px;display:grid}.sc.hit{color:var(--fg)}.sc .track{background:var(--panel2);border-radius:6px;height:6px;position:relative;overflow:hidden}.sc .track i{background:#666;border-radius:6px;position:absolute;inset:0 auto 0 0}.sc.hit .track i{background:#fff}.sc .th{background:#888;width:1px;position:absolute;top:-2px;bottom:-2px}.sc em{text-align:right;font-family:JetBrains Mono,monospace;font-size:12px;font-style:normal}.err{color:var(--red);font-size:14px}footer{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;gap:16px;margin-top:80px;padding-top:24px;font-size:13px;display:flex}@media (width<=860px){.layout{grid-template-columns:1fr}.side{display:none}main{padding:32px 20px 80px}.hero h1{font-size:38px}.stats{grid-template-columns:repeat(2,1fr)}.top nav a.hide{display:none}.ep p{width:100%;margin-left:0}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}

assets/{index-ClLj0YpQ.js → index-ByIw3hWl.js}

@@ -14,7 +14,7 @@ Error generating stack: `+e.message+`
             ${_}px !important;
             ${v}px !important;
           }
-        `),()=>{s.current?.removeAttribute(`data-motion-pop-id`),b.contains(y)&&b.removeChild(y)}},[t]),(0,z.jsx)(Mc,{isPresent:t,childRef:s,sizeRef:c,pop:a,children:a===!1?e:_.cloneElement(e,{ref:u})})}var Pc=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:a,mode:o,anchorX:s,anchorY:c,root:l})=>{let u=S(Fc),d=(0,_.useId)(),f=(0,_.useRef)(n),p=(0,_.useRef)(r);ee(()=>{f.current=n,p.current=r});let m=!0,h=(0,_.useMemo)(()=>(m=!1,{id:d,initial:t,isPresent:n,custom:i,onExitComplete:e=>{u.set(e,!0);for(let e of u.values())if(!e)return;r&&r()},register:e=>(u.set(e,!1),()=>{u.delete(e),!f.current&&!u.size&&p.current?.()})}),[n,u,r]);return a&&m&&(h={...h}),(0,_.useMemo)(()=>{u.forEach((e,t)=>u.set(t,!1))},[n]),_.useEffect(()=>{!n&&!u.size&&r&&r()},[n]),e=(0,z.jsx)(Nc,{pop:o===`popLayout`,isPresent:n,anchorX:s,anchorY:c,root:l,children:e}),(0,z.jsx)(te.Provider,{value:h,children:e})};function Fc(){return new Map}function Ic(e=!0){let t=(0,_.useContext)(te);if(t===null)return[!0,null];let{isPresent:n,onExitComplete:r,register:i}=t,a=(0,_.useId)();(0,_.useEffect)(()=>{if(e)return i(a)},[e]);let o=(0,_.useCallback)(()=>e&&r&&r(a),[a,r,e]);return!n&&r?[!1,o]:[!0]}var B=e=>e.key||``;function Lc(e){let t=[];return _.Children.forEach(e,e=>{(0,_.isValidElement)(e)&&t.push(e)}),t}var Rc=({children:e,custom:t,initial:n=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:a=`sync`,propagate:o=!1,anchorX:s=`left`,anchorY:c=`top`,root:l})=>{let[u,d]=Ic(o),f=(0,_.useMemo)(()=>Lc(e),[e]),p=o&&!u?[]:f.map(B),m=(0,_.useRef)(!0),h=S(()=>new Map),g=(0,_.useRef)(new Set),[v,y]=(0,_.useState)(f),[b,te]=(0,_.useState)(f);ee(()=>{o&&!u&&!b.length&&d?.()},[u,o,b.length,d]),ee(()=>{m.current=!1;for(let e=0;e<b.length;e++){let t=B(b[e]);p.includes(t)?(h.delete(t),g.current.delete(t)):h.get(t)!==!0&&h.set(t,!1)}},[b,p.length,p.join(`-`)]);let C=[];if(f!==v){let e=[...f],t=0;for(let n of b){let r=p.indexOf(B(n));r===-1?(e.splice(t++,0,n),C.push(n)):t=r+C.length+1}return C.every(e=>h.get(B(e)))?e=f:a===`wait`&&(e=C),te(Lc(e)),y(f),null}let{forceRender:ne}=(0,_.useContext)(x);return(0,z.jsx)(z.Fragment,{children:b.map(e=>{let _=B(e),v=o&&!u?!1:f===b||p.includes(_);return(0,z.jsx)(Pc,{isPresent:v,initial:!m.current||n?void 0:!1,custom:t,presenceAffectsLayout:i,mode:a,root:l,onExitComplete:v?void 0:()=>{if(g.current.has(_))return;if(h.has(_))g.current.add(_),h.set(_,!0);else return;let e=!0;h.forEach(t=>{t||(e=!1)}),e&&(ne?.(),y([]),o&&d?.(),r&&r())},anchorX:s,anchorY:c,children:e},_)})})},zc=(0,_.createContext)({strict:!1}),Bc={animation:[`animate`,`variants`,`whileHover`,`whileTap`,`exit`,`whileInView`,`whileFocus`,`whileDrag`],exit:[`exit`],drag:[`drag`,`dragControls`],focus:[`whileFocus`],hover:[`whileHover`,`onHoverStart`,`onHoverEnd`],tap:[`whileTap`,`onTap`,`onTapStart`,`onTapCancel`],pan:[`onPan`,`onPanStart`,`onPanSessionStart`,`onPanEnd`],inView:[`whileInView`,`onViewportEnter`,`onViewportLeave`],layout:[`layout`,`layoutId`]},Vc=!1;function Hc(){if(Vc)return;let e={};for(let t in Bc)e[t]={isEnabled:e=>Bc[t].some(t=>!!e[t])};jo(e),Vc=!0}function Uc(){return Hc(),Mo()}function Wc(e){let t=Uc();for(let n in e)t[n]={...t[n],...e[n]};jo(t)}var Gc=(0,_.createContext)({});function Kc(e,t){if(So(e)){let{initial:t,animate:n}=e;return{initial:t===!1||yo(t)?t:void 0,animate:yo(n)?n:void 0}}return e.inherit===!1?{}:t}function qc(e){let{initial:t,animate:n}=Kc(e,(0,_.useContext)(Gc));return(0,_.useMemo)(()=>({initial:t,animate:n}),[Jc(t),Jc(n)])}function Jc(e){return Array.isArray(e)?e.join(` `):e}var Yc=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function Xc(e,t,n){for(let r in t)!ji(t[r])&&!Ro(r,n)&&(e[r]=t[r])}function Zc({transformTemplate:e},t){return(0,_.useMemo)(()=>{let n=Yc();return ia(n,t,e),Object.assign({},n.vars,n.style)},[t])}function Qc(e,t){let n=e.style||{},r={};return Xc(r,n,e),Object.assign(r,Zc(e,t)),r}function $c(e,t){let n={},r=Qc(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout=`none`,r.touchAction=e.drag===!0?`none`:`pan-${e.drag===`x`?`y`:`x`}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=r,n}var el=()=>({...Yc(),attrs:{}});function tl(e,t,n,r){let i=(0,_.useMemo)(()=>{let n=el();return la(n,t,Uo(r),e.transformTemplate,e.style),{...n.attrs,style:{...n.style}}},[t]);if(e.style){let t={};Xc(t,e.style,e),i.style={...t,...i.style}}return i}var nl=new Set(`animate.exit.variants.initial.style.values.transition.transformTemplate.custom.inherit.onBeforeLayoutMeasure.onAnimationStart.onAnimationComplete.onUpdate.onDragStart.onDrag.onDragEnd.onMeasureDragConstraints.onDirectionLock.onDragTransitionEnd._dragX._dragY.onHoverStart.onHoverEnd.onViewportEnter.onViewportLeave.globalTapTarget.propagate.ignoreStrict.viewport`.split(`.`));function rl(e){return e.startsWith(`while`)||e.startsWith(`drag`)&&e!==`draggable`||e.startsWith(`layout`)||e.startsWith(`onTap`)||e.startsWith(`onPan`)||e.startsWith(`onLayout`)||nl.has(e)}function il(e,t){return e.startsWith(`on`)?!rl(e):t?.(e)??!rl(e)}function al(e,t,n,r){let i={};for(let a in e)(a!==`values`||typeof e.values!=`object`)&&(ji(e[a])||(il(a,r)||n===!0&&rl(a)||!t&&!rl(a)||e.draggable&&a.startsWith(`onDrag`))&&(i[a]=e[a]));return i}var ol=[`animate`,`circle`,`defs`,`desc`,`ellipse`,`g`,`image`,`line`,`filter`,`marker`,`mask`,`metadata`,`path`,`pattern`,`polygon`,`polyline`,`rect`,`stop`,`switch`,`symbol`,`svg`,`text`,`tspan`,`use`,`view`];function sl(e){return typeof e!=`string`||e.includes(`-`)?!1:!!(ol.indexOf(e)>-1||/[A-Z]/u.test(e))}function cl(e,t,n,{latestValues:r},i,a=!1,o,s){let c=(o??sl(e)?tl:$c)(t,r,i,e),l=al(t,typeof e==`string`,a,s),u=e===_.Fragment?{}:{...l,...c,ref:n},{children:d}=t,f=(0,_.useMemo)(()=>ji(d)?d.get():d,[d]);return(0,_.createElement)(e,{...u,children:f})}function ll({scrapeMotionValuesFromProps:e,createRenderState:t},n,r,i){return{latestValues:ul(n,r,i,e),renderState:t()}}function ul(e,t,n,r){let i={},a=r(e,{});for(let e in a)i[e]=Vs(a[e]);let{initial:o,animate:s}=e,c=So(e),l=Co(e);t&&l&&!c&&e.inherit!==!1&&(o===void 0&&(o=t.initial),s===void 0&&(s=t.animate));let u=n?n.initial===!1:!1;u||=o===!1;let d=u?s:o;if(d&&typeof d!=`boolean`&&!vo(d)){let t=Array.isArray(d)?d:[d];for(let n=0;n<t.length;n++){let r=Ci(e,t[n]);if(r){let{transitionEnd:e,transition:t,...n}=r;for(let e in n){let t=n[e];if(Array.isArray(t)){let e=u?t.length-1:0;t=t[e]}t!==null&&(i[e]=t)}for(let t in e)i[t]=e[t]}}}return i}var dl=e=>(t,n)=>{let r=(0,_.useContext)(Gc),i=(0,_.useContext)(te),a=()=>ll(e,t,r,i);return n?a():S(a)},fl=dl({scrapeMotionValuesFromProps:zo,createRenderState:Yc}),pl=dl({scrapeMotionValuesFromProps:Go,createRenderState:el}),ml=Symbol.for(`motionComponentSymbol`);function hl(e,t,n){let r=(0,_.useRef)(n);(0,_.useInsertionEffect)(()=>{r.current=n});let i=(0,_.useRef)(null);return(0,_.useCallback)(n=>{n&&e.onMount?.(n),t&&(n?t.mount(n):t.unmount());let a=r.current;if(typeof a==`function`){if(n){let e=a(n);typeof e==`function`&&(i.current=e)}else i.current?(i.current(),i.current=null):a(n)}else a&&(a.current=n)},[t])}var gl=(0,_.createContext)({});function _l(e){return e&&typeof e==`object`&&Object.prototype.hasOwnProperty.call(e,`current`)}function vl(e,t,n,r,i,a){let{visualElement:o}=(0,_.useContext)(Gc),s=(0,_.useContext)(zc),c=(0,_.useContext)(te),l=(0,_.useContext)(Oc),u=l.reducedMotion,d=l.skipAnimations,f=(0,_.useRef)(null),p=(0,_.useRef)(!1);r||=s.renderer,!f.current&&r&&(f.current=r(e,{visualState:t,parent:o,props:n,presenceContext:c,blockInitialAnimation:c?c.initial===!1:!1,reducedMotionConfig:u,skipAnimations:d,isSVG:a}),p.current&&f.current&&(f.current.manuallyAnimateOnMount=!0));let m=f.current,h=(0,_.useContext)(gl);m&&!m.projection&&i&&(m.type===`html`||m.type===`svg`)&&yl(f.current,n,i,h);let g=(0,_.useRef)(!1);(0,_.useInsertionEffect)(()=>{m&&g.current&&m.update(n,c)});let v=n[Fi],y=(0,_.useRef)(!!v&&typeof window<`u`&&!window.MotionHandoffIsComplete?.(v)&&window.MotionHasOptimisedAnimation?.(v));return ee(()=>{p.current&&m&&(m.animationState?.animateChanges(),m.enteringChildren=void 0)},[]),ee(()=>{p.current=!0,m&&(g.current=!0,window.MotionIsMounted=!0,m.updateFeatures(),m.scheduleRenderMicrotask(),y.current&&m.animationState&&m.animationState.animateChanges())}),(0,_.useEffect)(()=>{m&&(!y.current&&m.animationState&&m.animationState.animateChanges(),y.current&&=(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(v)}),!1),m.enteringChildren=void 0)}),m}function yl(e,t,n,r){let{layoutId:i,layout:a,drag:o,dragConstraints:s,layoutScroll:c,layoutRoot:l,layoutAnchor:u,layoutCrossfade:d}=t;e.projection=new n(e.latestValues,t[`data-framer-portal-id`]?void 0:bl(e.parent)),e.projection.setOptions({layoutId:i,layout:a,alwaysMeasureLayout:!!o||s&&_l(s),visualElement:e,animationType:typeof a==`string`?a:`both`,initialPromotionConfig:r,crossfade:d,layoutScroll:c,layoutRoot:l,layoutAnchor:u})}function bl(e){if(e)return e.options.allowProjection===!1?bl(e.parent):e.projection}function V(e,{forwardMotionProps:t=!1,type:n}={},r,i){r&&Wc(r);let a=n?n===`svg`:sl(e),o=a?pl:fl;function s(n,s){let c,l={...(0,_.useContext)(Oc),...n,layoutId:xl(n)},{isStatic:u,isValidProp:d}=l,f=qc(n),p=o(n,u);if(!u&&typeof window<`u`){Sl(l,r);let t=Cl(l);c=t.MeasureLayout,f.visualElement=vl(e,p,l,i,t.ProjectionNode,a)}return(0,z.jsxs)(Gc.Provider,{value:f,children:[c&&f.visualElement?(0,z.jsx)(c,{visualElement:f.visualElement,...l}):null,cl(e,n,hl(p,f.visualElement,s),p,u,t,a,d)]})}s.displayName=`motion.${typeof e==`string`?e:`create(${e.displayName??e.name??``})`}`;let c=(0,_.forwardRef)(s);return c[ml]=e,c}function xl({layoutId:e}){let t=(0,_.useContext)(x).id;return t&&e!==void 0?t+`-`+e:e}function Sl(e,t){(0,_.useContext)(zc).strict}function Cl(e){let{drag:t,layout:n}=Uc();if(!t&&!n)return{};let r={...t,...n};return{MeasureLayout:t?.isEnabled(e)||n?.isEnabled(e)?r.MeasureLayout:void 0,ProjectionNode:r.ProjectionNode}}function wl(e,t){if(typeof Proxy>`u`)return V;let n=new Map,r=(n,r)=>V(n,r,e,t);return new Proxy((e,t)=>r(e,t),{get:(i,a)=>a===`create`?r:(n.has(a)||n.set(a,V(a,void 0,e,t)),n.get(a))})}var Tl=(e,t)=>t.isSVG??sl(e)?new Ko(t):new Vo(t,{allowProjection:e!==_.Fragment}),El=class extends Fo{constructor(e){super(e),e.animationState||=L(e)}updateAnimationControlsSubscription(){let{animate:e}=this.node.getProps();vo(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){let{animate:e}=this.node.getProps(),{animate:t}=this.node.prevProps||{};e!==t&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}},Dl=0,Ol={animation:{Feature:El},exit:{Feature:class extends Fo{constructor(){super(...arguments),this.id=Dl++}update(){let{presenceContext:e,prevPresenceContext:t,animationState:n}=this.node;if(!e||!n)return;let{isPresent:r,onExitComplete:i}=e,a=t?.isPresent;if(r===a)return;if(r&&a===!1){if(this.exit===!0){let{initial:e}=this.node.getProps();if(e&&!Array.isArray(e)){let{transition:t,transitionEnd:n,...r}=wi(this.node,e)||{};for(let e in r)this.node.getValue(e)?.jump(r[e])}this.node.blockInitialAnimation=!1,n.reset(),n.animateChanges()}else n.setActive(`exit`,!1);this.exit=void 0;return}let o=this.exit=n.setActive(`exit`,!r);i&&!r&&o.then(()=>{this.exit===o&&(this.exit=!0,i(this.id))})}mount(){let{register:e,onExitComplete:t}=this.node.presenceContext||{};t&&t(this.id),e&&(this.unmount=e(this.id))}unmount(){}}}};function kl(e){return{point:{x:e.pageX,y:e.pageY}}}var Al=e=>t=>La(t)&&e(t,kl(t));function jl(e,t,n,r){return Ls(e,t,Al(n),r)}var Ml=({current:e})=>e?e.ownerDocument.defaultView:null,Nl=(e,t)=>Math.abs(e-t);function Pl(e,t){let n=Nl(e.x,t.x),r=Nl(e.y,t.y);return Math.sqrt(n**2+r**2)}var Fl=new Set([`auto`,`scroll`]),Il=class{constructor(e,t,{transformPagePoint:n,contextWindow:r=window,dragSnapToOrigin:i=!1,distanceThreshold:a=3,element:o}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.lastRawMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=e=>{this.handleScroll(e.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;this.hasPendingMove=!1,this.lastRawMoveEventInfo&&(this.lastMoveEventInfo=Ll(this.lastRawMoveEventInfo,this.transformPagePoint));let e=zl(this.lastMoveEventInfo,this.history),t=this.startEvent!==null,n=Pl(e.offset,{x:0,y:0})>=this.distanceThreshold;if(!t&&!n)return;let{point:r}=e;this.history.push({...r,timestamp:Ie.now()});let{onStart:i,onMove:a}=this.handlers;t||(i&&i(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),a&&a(this.lastMoveEvent,e)},this.handlePointerMove=(e,t)=>{this.lastMoveEvent=e,this.lastRawMoveEventInfo=t,this.lastMoveEventInfo=Ll(t,this.transformPagePoint),this.hasPendingMove=!0,j.update(this.updatePoint,!0)},this.handlePointerUp=(e,t)=>{this.hasPendingMove&&this.updatePoint(),this.end();let{onEnd:n,onSessionEnd:r,resumeAnimation:i}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&i&&i(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let a=zl(e.type===`pointercancel`?this.lastMoveEventInfo:Ll(t,this.transformPagePoint),this.history);this.startEvent&&n&&n(e,a),r&&r(e,a)},!La(e))return;this.dragSnapToOrigin=i,this.handlers=t,this.transformPagePoint=n,this.distanceThreshold=a,this.contextWindow=r||window;let s=Ll(kl(e),this.transformPagePoint),{point:c}=s,{timestamp:l}=O;this.history=[{...c,timestamp:l}];let{onSessionStart:u}=t;u&&u(e,zl(s,this.history));let d={passive:!0,capture:!0};this.removeListeners=le(jl(this.contextWindow,`pointermove`,this.handlePointerMove,d),jl(this.contextWindow,`pointerup`,this.handlePointerUp,d),jl(this.contextWindow,`pointercancel`,this.handlePointerUp,d)),o&&this.startScrollTracking(o)}startScrollTracking(e){let t=e.parentElement;for(;t;){let e=getComputedStyle(t);(Fl.has(e.overflowX)||Fl.has(e.overflowY))&&this.scrollPositions.set(t,{x:t.scrollLeft,y:t.scrollTop}),t=t.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener(`scroll`,this.onElementScroll,{capture:!0}),window.addEventListener(`scroll`,this.onWindowScroll),this.removeScrollListeners=()=>{window.removeEventListener(`scroll`,this.onElementScroll,{capture:!0}),window.removeEventListener(`scroll`,this.onWindowScroll)}}handleScroll(e){let t=this.scrollPositions.get(e);if(!t)return;let n=e===window,r=n?{x:window.scrollX,y:window.scrollY}:{x:e.scrollLeft,y:e.scrollTop},i={x:r.x-t.x,y:r.y-t.y};(i.x!==0||i.y!==0)&&(n?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=i.x,this.lastMoveEventInfo.point.y+=i.y):this.history.length>0&&(this.history[0].x-=i.x,this.history[0].y-=i.y),this.scrollPositions.set(e,r),j.update(this.updatePoint,!0))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),M(this.updatePoint)}};function Ll(e,t){return t?{point:t(e.point)}:e}function Rl(e,t){return{x:e.x-t.x,y:e.y-t.y}}function zl({point:e},t){return{point:e,delta:Rl(e,Vl(t)),offset:Rl(e,Bl(t)),velocity:Hl(t,.1)}}function Bl(e){return e[0]}function Vl(e){return e[e.length-1]}function Hl(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null,i=Vl(e);for(;n>=0&&(r=e[n],!(i.timestamp-r.timestamp>fe(t)));)n--;if(!r)return{x:0,y:0};r===e[0]&&e.length>2&&i.timestamp-r.timestamp>fe(t)*2&&(r=e[1]);let a=pe(i.timestamp-r.timestamp);if(a===0)return{x:0,y:0};let o={x:(i.x-r.x)/a,y:(i.y-r.y)/a};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Ul(e,{min:t,max:n},r){return t!==void 0&&e<t?e=r?A(t,e,r.min):Math.max(e,t):n!==void 0&&e>n&&(e=r?A(n,e,r.max):Math.min(e,n)),e}function Wl(e,t,n){return{min:t===void 0?void 0:e.min+t,max:n===void 0?void 0:e.max+n-(e.max-e.min)}}function Gl(e,{top:t,left:n,bottom:r,right:i}){return{x:Wl(e.x,n,i),y:Wl(e.y,t,r)}}function Kl(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.min<e.max-e.min&&([n,r]=[r,n]),{min:n,max:r}}function ql(e,t){return{x:Kl(e.x,t.x),y:Kl(e.y,t.y)}}function Jl(e,t){let n=.5,r=ns(e),i=ns(t);return i>r?n=ue(t.min,t.max-r,e.min):r>i&&(n=ue(e.min,e.max-i,t.min)),w(0,1,n)}function Yl(e,t){let n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}var Xl=.35;function Zl(e=Xl){return e===!1?e=0:e===!0&&(e=Xl),{x:Ql(e,`left`,`right`),y:Ql(e,`top`,`bottom`)}}function Ql(e,t,n){return{min:$l(e,t),max:$l(e,n)}}function $l(e,t){return typeof e==`number`?e:e[t]||0}var eu=new WeakMap,tu=class{constructor(e){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=go(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:t=!1,distanceThreshold:n}={}){let{presenceContext:r}=this.visualElement;if(r&&r.isPresent===!1)return;let i=e=>{t&&this.snapToCursor(e),this.stopAnimation()},a=(e,t)=>{let{drag:n,dragPropagation:r,onDragStart:i}=this.getProps();if(n&&!r&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Ma(n),!this.openDragLock))return;this.latestPointerEvent=e,this.latestPanInfo=t,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),ws(e=>{let t=this.getAxisMotionValue(e).get()||0;if(at.test(t)){let{projection:n}=this.visualElement;if(n&&n.layout){let r=n.layout.layoutBox[e];r&&(t=ns(r)*(parseFloat(t)/100))}}this.originPoint[e]=t}),i&&j.update(()=>i(e,t),!1,!0),Ni(this.visualElement,`transform`);let{animationState:a}=this.visualElement;a&&a.setActive(`whileDrag`,!0)},o=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t;let{dragPropagation:n,dragDirectionLock:r,onDirectionLock:i,onDrag:a}=this.getProps();if(!n&&!this.openDragLock)return;let{offset:o}=t;if(r&&this.currentDirection===null){this.currentDirection=au(o),this.currentDirection!==null&&i&&i(this.currentDirection);return}this.updateAxis(`x`,t.point,o),this.updateAxis(`y`,t.point,o),this.visualElement.render(),a&&j.update(()=>a(e,t),!1,!0)},s=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t,this.stop(e,t),this.latestPointerEvent=null,this.latestPanInfo=null},c=()=>{let{dragSnapToOrigin:e}=this.getProps();(e||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:l}=this.getProps();this.panSession=new Il(e,{onSessionStart:i,onStart:a,onMove:o,onSessionEnd:s,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:l,distanceThreshold:n,contextWindow:Ml(this.visualElement),element:this.visualElement.current})}stop(e,t){let n=e||this.latestPointerEvent,r=t||this.latestPanInfo,i=this.isDragging;if(this.cancel(),!i||!r||!n)return;let{velocity:a}=r;this.startAnimation(a);let{onDragEnd:o}=this.getProps();o&&j.postRender(()=>o(n,r))}cancel(){this.isDragging=!1;let{projection:e,animationState:t}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.endPanSession();let{dragPropagation:n}=this.getProps();!n&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),t&&t.setActive(`whileDrag`,!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(e,t,n){let{drag:r}=this.getProps();if(!n||!iu(e,r,this.currentDirection))return;let i=this.getAxisMotionValue(e),a=this.originPoint[e]+n[e];this.constraints&&this.constraints[e]&&(a=Ul(a,this.constraints[e],this.elastic[e])),i.set(a)}resolveConstraints(){let{dragConstraints:e,dragElastic:t}=this.getProps(),n=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,r=this.constraints;e&&_l(e)?this.constraints||=this.resolveRefConstraints():this.constraints=e&&n?Gl(n.layoutBox,e):!1,this.elastic=Zl(t),r!==this.constraints&&!_l(e)&&n&&this.constraints&&!this.hasMutatedConstraints&&ws(e=>{this.constraints!==!1&&this.getAxisMotionValue(e)&&(this.constraints[e]=Yl(n.layoutBox[e],this.constraints[e]))})}resolveRefConstraints(){let{dragConstraints:e,onMeasureDragConstraints:t}=this.getProps();if(!e||!_l(e))return!1;let n=e.current,{projection:r}=this.visualElement;if(!r||!r.layout)return!1;r.root&&(r.root.scroll=void 0,r.root.updateScroll());let i=Oa(n,r.root,this.visualElement.getTransformPagePoint()),a=ql(r.layout.layoutBox,i);if(t){let e=t(N(a));this.hasMutatedConstraints=!!e,e&&(a=ua(e))}return a}startAnimation(e){let{drag:t,dragMomentum:n,dragElastic:r,dragTransition:i,dragSnapToOrigin:a,onDragTransitionEnd:o}=this.getProps(),s=this.constraints||{},c=ws(o=>{if(!iu(o,t,this.currentDirection))return;let c=s&&s[o]||{};(a===!0||a===o)&&(c={min:0,max:0});let l=r?200:1e6,u=r?40:1e7,d={type:`inertia`,velocity:n?e[o]:0,bounceStiffness:l,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...i,...c};return this.startAxisValueAnimation(o,d)});return Promise.all(c).then(o)}startAxisValueAnimation(e,t){let n=this.getAxisMotionValue(e);return Ni(this.visualElement,e),n.start(vi(e,n,0,t,this.visualElement,!1))}stopAnimation(){ws(e=>this.getAxisMotionValue(e).stop())}getAxisMotionValue(e){let t=`_drag${e.toUpperCase()}`;return this.visualElement.getProps()[t]||this.visualElement.getValue(e,this.visualElement.latestValues[e]??0)}snapToCursor({clientX:e,clientY:t}){let{drag:n}=this.getProps(),r={x:e,y:t},i=this.visualElement.getTransformPagePoint()?.(r)||r,a=this.visualElement.measureViewportBox();ws(e=>{if(!iu(e,n,this.currentDirection))return;let t=this.getAxisMotionValue(e),{min:r,max:o}=a[e];t.set((t.get()||0)+i[e]-A(r,o,.5))})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag:e,dragConstraints:t}=this.getProps(),{projection:n}=this.visualElement;if(!_l(t)||!n||!this.constraints)return;this.stopAnimation();let r=this.constraints,i={x:0,y:0};ws(e=>{let t=this.getAxisMotionValue(e).get();i[e]=Jl({min:t,max:t},r[e])});let{transformTemplate:a}=this.visualElement.getProps();this.visualElement.current.style.transform=a?a({},``):`none`,n.root&&n.root.updateScroll(),n.updateLayout(),this.constraints=!1,this.resolveConstraints(),ws(t=>{let n=this.getAxisMotionValue(t);if(!iu(t,e,null)||!n.get())return;let{min:r,max:a}=this.constraints[t];n.set(A(r,a,i[t]))}),this.visualElement.render()}addListeners(){if(!this.visualElement.current)return;eu.set(this.visualElement,this);let e=this.visualElement.current,t=jl(e,`pointerdown`,t=>{let{drag:n,dragListener:r=!0}=this.getProps(),i=t.target,a=i!==e&&Va(i);n&&r&&!a&&this.start(t)}),n,r=()=>{let{dragConstraints:t}=this.getProps();_l(t)&&t.current&&(this.constraints=this.resolveRefConstraints(),n||=ru(e,t.current,()=>this.scalePositionWithinConstraints()))},{projection:i}=this.visualElement,a=i.addEventListener(`measure`,r);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),j.read(r);let o=Ls(window,`resize`,()=>this.scalePositionWithinConstraints()),s=i.addEventListener(`didUpdate`,(({delta:e,hasLayoutChanged:t})=>{this.isDragging&&t&&(ws(t=>{let n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))}),this.visualElement.render())}));return()=>{o(),t(),a(),s&&s(),n&&n()}}getProps(){let e=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:n=!1,dragPropagation:r=!1,dragConstraints:i=!1,dragElastic:a=Xl,dragMomentum:o=!0}=e;return{...e,drag:t,dragDirectionLock:n,dragPropagation:r,dragConstraints:i,dragElastic:a,dragMomentum:o}}};function nu(e){let t=!0;return()=>{if(t){t=!1;return}e()}}function ru(e,t,n){let r=co(e,nu(n)),i=co(t,nu(n));return()=>{r(),i()}}function iu(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function au(e,t=10){let n=null;return Math.abs(e.y)>t?n=`y`:Math.abs(e.x)>t&&(n=`x`),n}var ou=class extends Fo{constructor(e){super(e),this.removeGroupControls=ce,this.removeListeners=ce,this.controls=new tu(e)}mount(){let{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||ce}update(){let{dragControls:e}=this.node.getProps(),{dragControls:t}=this.node.prevProps||{};e!==t&&(this.removeGroupControls(),e&&(this.removeGroupControls=e.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}},su=e=>(t,n)=>{e&&j.update(()=>e(t,n),!1,!0)},H=class extends Fo{constructor(){super(...arguments),this.removePointerDownListener=ce}onPointerDown(e){this.session=new Il(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Ml(this.node)})}createPanHandlers(){let{onPanSessionStart:e,onPanStart:t,onPan:n,onPanEnd:r}=this.node.getProps();return{onSessionStart:su(e),onStart:su(t),onMove:su(n),onEnd:(e,t)=>{delete this.session,r&&j.postRender(()=>r(e,t))}}}mount(){this.removePointerDownListener=jl(this.node.current,`pointerdown`,e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}},cu=!1,lu=class extends _.Component{componentDidMount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:n,layoutId:r}=this.props,{projection:i}=e;i&&(t.group&&t.group.add(i),n&&n.register&&r&&n.register(i),cu&&i.root.didUpdate(),i.addEventListener(`animationComplete`,()=>{this.safeToRemove()}),i.setOptions({...i.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),Ws.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){let{layoutDependency:t,visualElement:n,drag:r,isPresent:i}=this.props,{projection:a}=n;return a?(a.isPresent=i,e.layoutDependency!==t&&a.setOptions({...a.options,layoutDependency:t}),cu=!0,r||e.layoutDependency!==t||t===void 0||e.isPresent!==i?a.willUpdate():this.safeToRemove(),e.isPresent!==i&&(i?a.promote():a.relegate()||j.postRender(()=>{let e=a.getStack();(!e||!e.members.length)&&this.safeToRemove()})),null):null}componentDidUpdate(){let{visualElement:e,layoutAnchor:t}=this.props,{projection:n}=e;n&&(n.options.layoutAnchor=t,n.root.didUpdate(),ka.postRender(()=>{!n.currentAnimation&&n.isLead()&&this.safeToRemove()}))}componentWillUnmount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:n}=this.props,{projection:r}=e;cu=!0,r&&(r.scheduleCheckAfterUnmount(),t&&t.group&&t.group.remove(r),n&&n.deregister&&n.deregister(r))}safeToRemove(){let{safeToRemove:e}=this.props;e&&e()}render(){return null}};function uu(e){let[t,n]=Ic(),r=(0,_.useContext)(x);return(0,z.jsx)(lu,{...e,layoutGroup:r,switchLayoutGroup:(0,_.useContext)(gl),isPresent:t,safeToRemove:n})}var du={pan:{Feature:H},drag:{Feature:ou,ProjectionNode:Dc,MeasureLayout:uu}};function fu(e,t,n){let{props:r}=e;e.animationState&&r.whileHover&&e.animationState.setActive(`whileHover`,n===`Start`);let i=r[`onHover`+n];i&&j.postRender(()=>i(t,kl(t)))}var pu=class extends Fo{mount(){let{current:e}=this.node;e&&(this.unmount=Fa(e,(e,t)=>(fu(this.node,t,`Start`),e=>fu(this.node,e,`End`))))}unmount(){}},mu=class extends Fo{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(`:focus-visible`)}catch{e=!0}e&&this.node.animationState&&(this.node.animationState.setActive(`whileFocus`,!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive(`whileFocus`,!1),this.isActive=!1)}mount(){this.unmount=le(Ls(this.node.current,`focus`,()=>this.onFocus()),Ls(this.node.current,`blur`,()=>this.onBlur()))}unmount(){}};function hu(e,t,n){let{props:r}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&r.whileTap&&e.animationState.setActive(`whileTap`,n===`Start`);let i=r[`onTap`+(n===`End`?``:n)];i&&j.postRender(()=>i(t,kl(t)))}var gu=class extends Fo{mount(){let{current:e}=this.node;if(!e)return;let{globalTapTarget:t,propagate:n}=this.node.props;this.unmount=Ja(e,(e,t)=>(hu(this.node,t,`Start`),(e,{success:t})=>hu(this.node,e,t?`End`:`Cancel`)),{useGlobalTarget:t,stopPropagation:n?.tap===!1})}unmount(){}},_u=new WeakMap,vu=new WeakMap,yu=e=>{let t=_u.get(e.target);t&&t(e)},bu=e=>{e.forEach(yu)};function xu({root:e,...t}){let n=e||document;vu.has(n)||vu.set(n,{});let r=vu.get(n),i=JSON.stringify(t);return r[i]||(r[i]=new IntersectionObserver(bu,{root:e,...t})),r[i]}function Su(e,t,n){let r=xu(t);return _u.set(e,n),r.observe(e),()=>{_u.delete(e),r.unobserve(e)}}var U={some:0,all:1},Cu=class extends Fo{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.stopObserver?.();let{viewport:e={}}=this.node.getProps(),{root:t,margin:n,amount:r=`some`,once:i}=e,a={root:t?t.current:void 0,rootMargin:n,threshold:typeof r==`number`?r:U[r]},o=e=>{let{isIntersecting:t}=e;if(this.isInView===t||(this.isInView=t,i&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive(`whileInView`,t);let{onViewportEnter:n,onViewportLeave:r}=this.node.getProps(),a=t?n:r;a&&a(e)};this.stopObserver=Su(this.node.current,a,o)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>`u`)return;let{props:e,prevProps:t}=this.node;[`amount`,`margin`,`root`].some(wu(e,t))&&this.startObserver()}unmount(){this.stopObserver?.(),this.hasEnteredView=!1,this.isInView=!1}};function wu({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}var Tu={inView:{Feature:Cu},tap:{Feature:gu},focus:{Feature:mu},hover:{Feature:pu}},Eu={layout:{ProjectionNode:Dc,MeasureLayout:uu}},Du=wl({...Ol,...Tu,...du,...Eu},Tl),Ou=e=>e?.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase();function ku(e,t,n=[]){if(t==null)throw Error(`[lucide]: iconNode is required when icon name is used`);return{name:Ou(e),size:24,node:t,...n.length>0?{aliases:n}:{}}}var Au=e=>{let t=``,n=!1;for(let r of e){if(r===`-`||r===`_`||r<=` `){n=t.length>0;continue}t.length===0?t+=r.toLowerCase():t+=n?r.toUpperCase():r,n=!1}return t},ju=e=>{let t=Au(e);return t.charAt(0).toUpperCase()+t.slice(1)},Mu=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),Nu={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`};function Pu(e){return e!=null}function Fu(e,t={}){let n=t.attributeNames??{},r=e=>n[e]??e,i=e.size??e.width??Nu.width,a=e.size??e.height??Nu.height,o=e.aliases?.filter(e=>typeof e==`string`&&e.trim()!==``).map(e=>`lucide-${e}`)??[],s=[...e.name?[`lucide-${e.name}`]:[],...o],c=t.className?.split(` `).filter(Boolean)??[],l=t.includeDefaultClasses===!1?Mu(...c):Mu(`lucide`,...s,...c),u=t.absoluteStrokeWidth?Number(t.strokeWidth??Nu[`stroke-width`])*Number(e.size??e.width??Nu.width)/Number(t.size??t.width??Nu.width):t.strokeWidth??Nu[`stroke-width`];return[`svg`,{...Object.entries(Nu).reduce((e,[t,n])=>(e[r(t)]=n,e),{}),...`color`in t&&t.color&&{[r(`stroke`)]:t.color},...`size`in t&&Pu(t.size)&&{[r(`width`)]:t.size,[r(`height`)]:t.size},...`width`in t&&Pu(t.width)&&{[r(`width`)]:t.width},...`height`in t&&Pu(t.height)&&{[r(`height`)]:t.height},[r(`stroke-width`)]:u,...l&&{[r(`class`)]:l},[r(`viewBox`)]:`0 0 ${i} ${a}`,...t.hasA11yProp===!1?{[r(`aria-hidden`)]:`true`}:{},...`attributes`in t&&t.attributes},e.node.map(e=>{let[n,i,a]=e,o=t.nonScalingStroke?{[r(`vector-effect`)]:`non-scaling-stroke`,...i}:i;return a?[n,o,a]:[n,o]})]}function Iu(e,t={}){return Fu(e,{...t,attributeNames:{...t.attributeNames,class:`className`,"stroke-width":`strokeWidth`,"stroke-linecap":`strokeLinecap`,"stroke-linejoin":`strokeLinejoin`,"vector-effect":`vectorEffect`}})}var Lu=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},Ru=(0,_.createContext)({}),zu=()=>(0,_.useContext)(Ru),Bu=(0,_.forwardRef)(({color:e,size:t,width:n,height:r,strokeWidth:i,absoluteStrokeWidth:a,nonScalingStroke:o,className:s=``,children:c,iconNode:l=[],icon:u={node:l,aliases:[],size:24},...d},f)=>{let{size:p=24,strokeWidth:m=2,absoluteStrokeWidth:h=!1,nonScalingStroke:g=!1,color:v=`currentColor`,className:y=``}=zu()??{},b=!!c||Lu(d),[x,S,ee=[]]=Iu(u,{color:e??v,width:n??t??p,height:r??t??p,strokeWidth:i??m,absoluteStrokeWidth:a??h,nonScalingStroke:o??g,className:Mu(y,s),hasA11yProp:b,attributes:d});return(0,_.createElement)(x,{ref:f,...S},[...ee.map(([e,t])=>(0,_.createElement)(e,t)),...Array.isArray(c)?c:[c]])});function Vu(e,t=[],n=[]){let r=typeof e==`string`?ku(e,t,n):e,i=(0,_.forwardRef)(({className:e,...t},n)=>(0,_.createElement)(Bu,{ref:n,icon:r,className:e,...t}));return r.name&&(i.displayName=ju(r.name)),i}var Hu={name:`arrow-up-right`,size:24,node:[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]};Hu.node;var Uu=Vu(Hu),Wu={name:`check`,size:24,node:[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]};Wu.node;var Gu=Vu(Wu),Ku={name:`copy`,size:24,node:[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]};Ku.node;var qu=Vu(Ku),Ju={name:`loader-circle`,size:24,node:[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]],aliases:[`loader-2`]};Ju.node;var Yu=Vu(Ju),Xu={name:`shield-alert`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]};Xu.node;var Zu=Vu(Xu),Qu={name:`shield-check`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]};Qu.node;var $u=Vu(Qu),ed={name:`shield`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}]]};ed.node;var td=Vu(ed),W={toxic:{threshold:.83,f1:.678,auroc:.959},severe_toxic:{threshold:.31,f1:.598,auroc:.985},obscene:{threshold:.45,f1:.777,auroc:.993},insult:{threshold:.64,f1:.663,auroc:.971},threat:{threshold:.79,f1:.373,auroc:.986},hate:{threshold:.91,f1:.543,auroc:.978},sexual:{threshold:.95,f1:.548,auroc:.989},sexual_minors:{threshold:.44,f1:.769,auroc:.984},harassment:{threshold:.43,f1:.551,auroc:.923},self_harm:{threshold:.8,f1:.902,auroc:.994},violence:{threshold:.49,f1:.706,auroc:.957},illegal:{threshold:.33,f1:.869,auroc:.974},spam:{threshold:.55,f1:.98,auroc:.999}},G=`https://misukisu-moderation-api.hf.space`,K=`misukisu/moderation-modernbert-en`,q={type:`spring`,stiffness:520,damping:44,mass:.8},J=W,nd={toxic:`Rude, disrespectful or unreasonable language`,severe_toxic:`Very hateful, aggressive or extreme toxicity`,obscene:`Swearing, vulgar or crude language`,insult:`Insulting or demeaning a person`,threat:`Intent to inflict harm on someone`,hate:`Attacks on protected groups (race, religion, gender...)`,sexual:`Sexual content or solicitation`,sexual_minors:`Sexual content involving minors (review signal only)`,harassment:`Targeted harassment or bullying`,self_harm:`Self-harm or suicide content`,violence:`Violent content or glorification`,illegal:`Illegal goods, drugs, weapons, fraud`,spam:`Spam, scams and unsolicited ads`};function rd(e){let t=/(#[^\n]*|\/\/[^\n]*)|("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`[^`]*`)|\b(import|from|const|let|await|async|print|for|in|def|return|var|try|curl|let|func|true|false|None|new)\b|\b(\d+(?:\.\d+)?)\b/g,n=[],r=0,i,a=0;for(;i=t.exec(e);){i.index>r&&n.push(e.slice(r,i.index));let o=i[1]?`tk-c`:i[2]?`tk-s`:i[3]?`tk-k`:`tk-n`;n.push((0,z.jsx)(`span`,{className:o,children:i[0]},a++)),r=t.lastIndex}return n.push(e.slice(r)),n}function id({tabs:e}){let t=Object.keys(e),[n,r]=(0,_.useState)(t[0]),[i,a]=(0,_.useState)(!1),o=(0,_.useMemo)(()=>Math.random().toString(36).slice(2),[]);return(0,z.jsxs)(`div`,{className:`code`,children:[(0,z.jsxs)(`div`,{className:`tabs`,children:[t.map(e=>(0,z.jsxs)(`button`,{className:`tab`+(e===n?` on`:``),onClick:()=>r(e),children:[e===n&&(0,z.jsx)(Du.div,{layoutId:`t`+o,className:`bg`,transition:q}),(0,z.jsx)(`span`,{children:e})]},e)),(0,z.jsxs)(`button`,{className:`copy`,onClick:()=>{navigator.clipboard.writeText(e[n]),a(!0),setTimeout(()=>a(!1),1400)},children:[i?(0,z.jsx)(Gu,{size:14}):(0,z.jsx)(qu,{size:14}),i?`Copied`:`Copy`]})]}),(0,z.jsx)(Rc,{mode:`wait`,initial:!1,children:(0,z.jsx)(Du.pre,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.14},children:(0,z.jsx)(`code`,{children:rd(e[n])})},n)})]})}var ad={cURL:`curl -X POST ${G}/v1/moderate \\
+        `),()=>{s.current?.removeAttribute(`data-motion-pop-id`),b.contains(y)&&b.removeChild(y)}},[t]),(0,z.jsx)(Mc,{isPresent:t,childRef:s,sizeRef:c,pop:a,children:a===!1?e:_.cloneElement(e,{ref:u})})}var Pc=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:a,mode:o,anchorX:s,anchorY:c,root:l})=>{let u=S(Fc),d=(0,_.useId)(),f=(0,_.useRef)(n),p=(0,_.useRef)(r);ee(()=>{f.current=n,p.current=r});let m=!0,h=(0,_.useMemo)(()=>(m=!1,{id:d,initial:t,isPresent:n,custom:i,onExitComplete:e=>{u.set(e,!0);for(let e of u.values())if(!e)return;r&&r()},register:e=>(u.set(e,!1),()=>{u.delete(e),!f.current&&!u.size&&p.current?.()})}),[n,u,r]);return a&&m&&(h={...h}),(0,_.useMemo)(()=>{u.forEach((e,t)=>u.set(t,!1))},[n]),_.useEffect(()=>{!n&&!u.size&&r&&r()},[n]),e=(0,z.jsx)(Nc,{pop:o===`popLayout`,isPresent:n,anchorX:s,anchorY:c,root:l,children:e}),(0,z.jsx)(te.Provider,{value:h,children:e})};function Fc(){return new Map}function Ic(e=!0){let t=(0,_.useContext)(te);if(t===null)return[!0,null];let{isPresent:n,onExitComplete:r,register:i}=t,a=(0,_.useId)();(0,_.useEffect)(()=>{if(e)return i(a)},[e]);let o=(0,_.useCallback)(()=>e&&r&&r(a),[a,r,e]);return!n&&r?[!1,o]:[!0]}var B=e=>e.key||``;function Lc(e){let t=[];return _.Children.forEach(e,e=>{(0,_.isValidElement)(e)&&t.push(e)}),t}var Rc=({children:e,custom:t,initial:n=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:a=`sync`,propagate:o=!1,anchorX:s=`left`,anchorY:c=`top`,root:l})=>{let[u,d]=Ic(o),f=(0,_.useMemo)(()=>Lc(e),[e]),p=o&&!u?[]:f.map(B),m=(0,_.useRef)(!0),h=S(()=>new Map),g=(0,_.useRef)(new Set),[v,y]=(0,_.useState)(f),[b,te]=(0,_.useState)(f);ee(()=>{o&&!u&&!b.length&&d?.()},[u,o,b.length,d]),ee(()=>{m.current=!1;for(let e=0;e<b.length;e++){let t=B(b[e]);p.includes(t)?(h.delete(t),g.current.delete(t)):h.get(t)!==!0&&h.set(t,!1)}},[b,p.length,p.join(`-`)]);let C=[];if(f!==v){let e=[...f],t=0;for(let n of b){let r=p.indexOf(B(n));r===-1?(e.splice(t++,0,n),C.push(n)):t=r+C.length+1}return C.every(e=>h.get(B(e)))?e=f:a===`wait`&&(e=C),te(Lc(e)),y(f),null}let{forceRender:ne}=(0,_.useContext)(x);return(0,z.jsx)(z.Fragment,{children:b.map(e=>{let _=B(e),v=o&&!u?!1:f===b||p.includes(_);return(0,z.jsx)(Pc,{isPresent:v,initial:!m.current||n?void 0:!1,custom:t,presenceAffectsLayout:i,mode:a,root:l,onExitComplete:v?void 0:()=>{if(g.current.has(_))return;if(h.has(_))g.current.add(_),h.set(_,!0);else return;let e=!0;h.forEach(t=>{t||(e=!1)}),e&&(ne?.(),y([]),o&&d?.(),r&&r())},anchorX:s,anchorY:c,children:e},_)})})},zc=(0,_.createContext)({strict:!1}),Bc={animation:[`animate`,`variants`,`whileHover`,`whileTap`,`exit`,`whileInView`,`whileFocus`,`whileDrag`],exit:[`exit`],drag:[`drag`,`dragControls`],focus:[`whileFocus`],hover:[`whileHover`,`onHoverStart`,`onHoverEnd`],tap:[`whileTap`,`onTap`,`onTapStart`,`onTapCancel`],pan:[`onPan`,`onPanStart`,`onPanSessionStart`,`onPanEnd`],inView:[`whileInView`,`onViewportEnter`,`onViewportLeave`],layout:[`layout`,`layoutId`]},Vc=!1;function Hc(){if(Vc)return;let e={};for(let t in Bc)e[t]={isEnabled:e=>Bc[t].some(t=>!!e[t])};jo(e),Vc=!0}function Uc(){return Hc(),Mo()}function Wc(e){let t=Uc();for(let n in e)t[n]={...t[n],...e[n]};jo(t)}var Gc=(0,_.createContext)({});function Kc(e,t){if(So(e)){let{initial:t,animate:n}=e;return{initial:t===!1||yo(t)?t:void 0,animate:yo(n)?n:void 0}}return e.inherit===!1?{}:t}function qc(e){let{initial:t,animate:n}=Kc(e,(0,_.useContext)(Gc));return(0,_.useMemo)(()=>({initial:t,animate:n}),[Jc(t),Jc(n)])}function Jc(e){return Array.isArray(e)?e.join(` `):e}var Yc=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function Xc(e,t,n){for(let r in t)!ji(t[r])&&!Ro(r,n)&&(e[r]=t[r])}function Zc({transformTemplate:e},t){return(0,_.useMemo)(()=>{let n=Yc();return ia(n,t,e),Object.assign({},n.vars,n.style)},[t])}function Qc(e,t){let n=e.style||{},r={};return Xc(r,n,e),Object.assign(r,Zc(e,t)),r}function $c(e,t){let n={},r=Qc(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout=`none`,r.touchAction=e.drag===!0?`none`:`pan-${e.drag===`x`?`y`:`x`}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=r,n}var el=()=>({...Yc(),attrs:{}});function tl(e,t,n,r){let i=(0,_.useMemo)(()=>{let n=el();return la(n,t,Uo(r),e.transformTemplate,e.style),{...n.attrs,style:{...n.style}}},[t]);if(e.style){let t={};Xc(t,e.style,e),i.style={...t,...i.style}}return i}var nl=new Set(`animate.exit.variants.initial.style.values.transition.transformTemplate.custom.inherit.onBeforeLayoutMeasure.onAnimationStart.onAnimationComplete.onUpdate.onDragStart.onDrag.onDragEnd.onMeasureDragConstraints.onDirectionLock.onDragTransitionEnd._dragX._dragY.onHoverStart.onHoverEnd.onViewportEnter.onViewportLeave.globalTapTarget.propagate.ignoreStrict.viewport`.split(`.`));function rl(e){return e.startsWith(`while`)||e.startsWith(`drag`)&&e!==`draggable`||e.startsWith(`layout`)||e.startsWith(`onTap`)||e.startsWith(`onPan`)||e.startsWith(`onLayout`)||nl.has(e)}function il(e,t){return e.startsWith(`on`)?!rl(e):t?.(e)??!rl(e)}function al(e,t,n,r){let i={};for(let a in e)(a!==`values`||typeof e.values!=`object`)&&(ji(e[a])||(il(a,r)||n===!0&&rl(a)||!t&&!rl(a)||e.draggable&&a.startsWith(`onDrag`))&&(i[a]=e[a]));return i}var ol=[`animate`,`circle`,`defs`,`desc`,`ellipse`,`g`,`image`,`line`,`filter`,`marker`,`mask`,`metadata`,`path`,`pattern`,`polygon`,`polyline`,`rect`,`stop`,`switch`,`symbol`,`svg`,`text`,`tspan`,`use`,`view`];function sl(e){return typeof e!=`string`||e.includes(`-`)?!1:!!(ol.indexOf(e)>-1||/[A-Z]/u.test(e))}function cl(e,t,n,{latestValues:r},i,a=!1,o,s){let c=(o??sl(e)?tl:$c)(t,r,i,e),l=al(t,typeof e==`string`,a,s),u=e===_.Fragment?{}:{...l,...c,ref:n},{children:d}=t,f=(0,_.useMemo)(()=>ji(d)?d.get():d,[d]);return(0,_.createElement)(e,{...u,children:f})}function ll({scrapeMotionValuesFromProps:e,createRenderState:t},n,r,i){return{latestValues:ul(n,r,i,e),renderState:t()}}function ul(e,t,n,r){let i={},a=r(e,{});for(let e in a)i[e]=Vs(a[e]);let{initial:o,animate:s}=e,c=So(e),l=Co(e);t&&l&&!c&&e.inherit!==!1&&(o===void 0&&(o=t.initial),s===void 0&&(s=t.animate));let u=n?n.initial===!1:!1;u||=o===!1;let d=u?s:o;if(d&&typeof d!=`boolean`&&!vo(d)){let t=Array.isArray(d)?d:[d];for(let n=0;n<t.length;n++){let r=Ci(e,t[n]);if(r){let{transitionEnd:e,transition:t,...n}=r;for(let e in n){let t=n[e];if(Array.isArray(t)){let e=u?t.length-1:0;t=t[e]}t!==null&&(i[e]=t)}for(let t in e)i[t]=e[t]}}}return i}var dl=e=>(t,n)=>{let r=(0,_.useContext)(Gc),i=(0,_.useContext)(te),a=()=>ll(e,t,r,i);return n?a():S(a)},fl=dl({scrapeMotionValuesFromProps:zo,createRenderState:Yc}),pl=dl({scrapeMotionValuesFromProps:Go,createRenderState:el}),ml=Symbol.for(`motionComponentSymbol`);function hl(e,t,n){let r=(0,_.useRef)(n);(0,_.useInsertionEffect)(()=>{r.current=n});let i=(0,_.useRef)(null);return(0,_.useCallback)(n=>{n&&e.onMount?.(n),t&&(n?t.mount(n):t.unmount());let a=r.current;if(typeof a==`function`){if(n){let e=a(n);typeof e==`function`&&(i.current=e)}else i.current?(i.current(),i.current=null):a(n)}else a&&(a.current=n)},[t])}var gl=(0,_.createContext)({});function _l(e){return e&&typeof e==`object`&&Object.prototype.hasOwnProperty.call(e,`current`)}function vl(e,t,n,r,i,a){let{visualElement:o}=(0,_.useContext)(Gc),s=(0,_.useContext)(zc),c=(0,_.useContext)(te),l=(0,_.useContext)(Oc),u=l.reducedMotion,d=l.skipAnimations,f=(0,_.useRef)(null),p=(0,_.useRef)(!1);r||=s.renderer,!f.current&&r&&(f.current=r(e,{visualState:t,parent:o,props:n,presenceContext:c,blockInitialAnimation:c?c.initial===!1:!1,reducedMotionConfig:u,skipAnimations:d,isSVG:a}),p.current&&f.current&&(f.current.manuallyAnimateOnMount=!0));let m=f.current,h=(0,_.useContext)(gl);m&&!m.projection&&i&&(m.type===`html`||m.type===`svg`)&&yl(f.current,n,i,h);let g=(0,_.useRef)(!1);(0,_.useInsertionEffect)(()=>{m&&g.current&&m.update(n,c)});let v=n[Fi],y=(0,_.useRef)(!!v&&typeof window<`u`&&!window.MotionHandoffIsComplete?.(v)&&window.MotionHasOptimisedAnimation?.(v));return ee(()=>{p.current&&m&&(m.animationState?.animateChanges(),m.enteringChildren=void 0)},[]),ee(()=>{p.current=!0,m&&(g.current=!0,window.MotionIsMounted=!0,m.updateFeatures(),m.scheduleRenderMicrotask(),y.current&&m.animationState&&m.animationState.animateChanges())}),(0,_.useEffect)(()=>{m&&(!y.current&&m.animationState&&m.animationState.animateChanges(),y.current&&=(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(v)}),!1),m.enteringChildren=void 0)}),m}function yl(e,t,n,r){let{layoutId:i,layout:a,drag:o,dragConstraints:s,layoutScroll:c,layoutRoot:l,layoutAnchor:u,layoutCrossfade:d}=t;e.projection=new n(e.latestValues,t[`data-framer-portal-id`]?void 0:bl(e.parent)),e.projection.setOptions({layoutId:i,layout:a,alwaysMeasureLayout:!!o||s&&_l(s),visualElement:e,animationType:typeof a==`string`?a:`both`,initialPromotionConfig:r,crossfade:d,layoutScroll:c,layoutRoot:l,layoutAnchor:u})}function bl(e){if(e)return e.options.allowProjection===!1?bl(e.parent):e.projection}function V(e,{forwardMotionProps:t=!1,type:n}={},r,i){r&&Wc(r);let a=n?n===`svg`:sl(e),o=a?pl:fl;function s(n,s){let c,l={...(0,_.useContext)(Oc),...n,layoutId:xl(n)},{isStatic:u,isValidProp:d}=l,f=qc(n),p=o(n,u);if(!u&&typeof window<`u`){Sl(l,r);let t=Cl(l);c=t.MeasureLayout,f.visualElement=vl(e,p,l,i,t.ProjectionNode,a)}return(0,z.jsxs)(Gc.Provider,{value:f,children:[c&&f.visualElement?(0,z.jsx)(c,{visualElement:f.visualElement,...l}):null,cl(e,n,hl(p,f.visualElement,s),p,u,t,a,d)]})}s.displayName=`motion.${typeof e==`string`?e:`create(${e.displayName??e.name??``})`}`;let c=(0,_.forwardRef)(s);return c[ml]=e,c}function xl({layoutId:e}){let t=(0,_.useContext)(x).id;return t&&e!==void 0?t+`-`+e:e}function Sl(e,t){(0,_.useContext)(zc).strict}function Cl(e){let{drag:t,layout:n}=Uc();if(!t&&!n)return{};let r={...t,...n};return{MeasureLayout:t?.isEnabled(e)||n?.isEnabled(e)?r.MeasureLayout:void 0,ProjectionNode:r.ProjectionNode}}function wl(e,t){if(typeof Proxy>`u`)return V;let n=new Map,r=(n,r)=>V(n,r,e,t);return new Proxy((e,t)=>r(e,t),{get:(i,a)=>a===`create`?r:(n.has(a)||n.set(a,V(a,void 0,e,t)),n.get(a))})}var Tl=(e,t)=>t.isSVG??sl(e)?new Ko(t):new Vo(t,{allowProjection:e!==_.Fragment}),El=class extends Fo{constructor(e){super(e),e.animationState||=L(e)}updateAnimationControlsSubscription(){let{animate:e}=this.node.getProps();vo(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){let{animate:e}=this.node.getProps(),{animate:t}=this.node.prevProps||{};e!==t&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}},Dl=0,Ol={animation:{Feature:El},exit:{Feature:class extends Fo{constructor(){super(...arguments),this.id=Dl++}update(){let{presenceContext:e,prevPresenceContext:t,animationState:n}=this.node;if(!e||!n)return;let{isPresent:r,onExitComplete:i}=e,a=t?.isPresent;if(r===a)return;if(r&&a===!1){if(this.exit===!0){let{initial:e}=this.node.getProps();if(e&&!Array.isArray(e)){let{transition:t,transitionEnd:n,...r}=wi(this.node,e)||{};for(let e in r)this.node.getValue(e)?.jump(r[e])}this.node.blockInitialAnimation=!1,n.reset(),n.animateChanges()}else n.setActive(`exit`,!1);this.exit=void 0;return}let o=this.exit=n.setActive(`exit`,!r);i&&!r&&o.then(()=>{this.exit===o&&(this.exit=!0,i(this.id))})}mount(){let{register:e,onExitComplete:t}=this.node.presenceContext||{};t&&t(this.id),e&&(this.unmount=e(this.id))}unmount(){}}}};function kl(e){return{point:{x:e.pageX,y:e.pageY}}}var Al=e=>t=>La(t)&&e(t,kl(t));function jl(e,t,n,r){return Ls(e,t,Al(n),r)}var Ml=({current:e})=>e?e.ownerDocument.defaultView:null,Nl=(e,t)=>Math.abs(e-t);function Pl(e,t){let n=Nl(e.x,t.x),r=Nl(e.y,t.y);return Math.sqrt(n**2+r**2)}var Fl=new Set([`auto`,`scroll`]),Il=class{constructor(e,t,{transformPagePoint:n,contextWindow:r=window,dragSnapToOrigin:i=!1,distanceThreshold:a=3,element:o}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.lastRawMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=e=>{this.handleScroll(e.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;this.hasPendingMove=!1,this.lastRawMoveEventInfo&&(this.lastMoveEventInfo=Ll(this.lastRawMoveEventInfo,this.transformPagePoint));let e=zl(this.lastMoveEventInfo,this.history),t=this.startEvent!==null,n=Pl(e.offset,{x:0,y:0})>=this.distanceThreshold;if(!t&&!n)return;let{point:r}=e;this.history.push({...r,timestamp:Ie.now()});let{onStart:i,onMove:a}=this.handlers;t||(i&&i(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),a&&a(this.lastMoveEvent,e)},this.handlePointerMove=(e,t)=>{this.lastMoveEvent=e,this.lastRawMoveEventInfo=t,this.lastMoveEventInfo=Ll(t,this.transformPagePoint),this.hasPendingMove=!0,j.update(this.updatePoint,!0)},this.handlePointerUp=(e,t)=>{this.hasPendingMove&&this.updatePoint(),this.end();let{onEnd:n,onSessionEnd:r,resumeAnimation:i}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&i&&i(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let a=zl(e.type===`pointercancel`?this.lastMoveEventInfo:Ll(t,this.transformPagePoint),this.history);this.startEvent&&n&&n(e,a),r&&r(e,a)},!La(e))return;this.dragSnapToOrigin=i,this.handlers=t,this.transformPagePoint=n,this.distanceThreshold=a,this.contextWindow=r||window;let s=Ll(kl(e),this.transformPagePoint),{point:c}=s,{timestamp:l}=O;this.history=[{...c,timestamp:l}];let{onSessionStart:u}=t;u&&u(e,zl(s,this.history));let d={passive:!0,capture:!0};this.removeListeners=le(jl(this.contextWindow,`pointermove`,this.handlePointerMove,d),jl(this.contextWindow,`pointerup`,this.handlePointerUp,d),jl(this.contextWindow,`pointercancel`,this.handlePointerUp,d)),o&&this.startScrollTracking(o)}startScrollTracking(e){let t=e.parentElement;for(;t;){let e=getComputedStyle(t);(Fl.has(e.overflowX)||Fl.has(e.overflowY))&&this.scrollPositions.set(t,{x:t.scrollLeft,y:t.scrollTop}),t=t.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener(`scroll`,this.onElementScroll,{capture:!0}),window.addEventListener(`scroll`,this.onWindowScroll),this.removeScrollListeners=()=>{window.removeEventListener(`scroll`,this.onElementScroll,{capture:!0}),window.removeEventListener(`scroll`,this.onWindowScroll)}}handleScroll(e){let t=this.scrollPositions.get(e);if(!t)return;let n=e===window,r=n?{x:window.scrollX,y:window.scrollY}:{x:e.scrollLeft,y:e.scrollTop},i={x:r.x-t.x,y:r.y-t.y};(i.x!==0||i.y!==0)&&(n?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=i.x,this.lastMoveEventInfo.point.y+=i.y):this.history.length>0&&(this.history[0].x-=i.x,this.history[0].y-=i.y),this.scrollPositions.set(e,r),j.update(this.updatePoint,!0))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),M(this.updatePoint)}};function Ll(e,t){return t?{point:t(e.point)}:e}function Rl(e,t){return{x:e.x-t.x,y:e.y-t.y}}function zl({point:e},t){return{point:e,delta:Rl(e,Vl(t)),offset:Rl(e,Bl(t)),velocity:Hl(t,.1)}}function Bl(e){return e[0]}function Vl(e){return e[e.length-1]}function Hl(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null,i=Vl(e);for(;n>=0&&(r=e[n],!(i.timestamp-r.timestamp>fe(t)));)n--;if(!r)return{x:0,y:0};r===e[0]&&e.length>2&&i.timestamp-r.timestamp>fe(t)*2&&(r=e[1]);let a=pe(i.timestamp-r.timestamp);if(a===0)return{x:0,y:0};let o={x:(i.x-r.x)/a,y:(i.y-r.y)/a};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Ul(e,{min:t,max:n},r){return t!==void 0&&e<t?e=r?A(t,e,r.min):Math.max(e,t):n!==void 0&&e>n&&(e=r?A(n,e,r.max):Math.min(e,n)),e}function Wl(e,t,n){return{min:t===void 0?void 0:e.min+t,max:n===void 0?void 0:e.max+n-(e.max-e.min)}}function Gl(e,{top:t,left:n,bottom:r,right:i}){return{x:Wl(e.x,n,i),y:Wl(e.y,t,r)}}function Kl(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.min<e.max-e.min&&([n,r]=[r,n]),{min:n,max:r}}function ql(e,t){return{x:Kl(e.x,t.x),y:Kl(e.y,t.y)}}function Jl(e,t){let n=.5,r=ns(e),i=ns(t);return i>r?n=ue(t.min,t.max-r,e.min):r>i&&(n=ue(e.min,e.max-i,t.min)),w(0,1,n)}function Yl(e,t){let n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}var Xl=.35;function Zl(e=Xl){return e===!1?e=0:e===!0&&(e=Xl),{x:Ql(e,`left`,`right`),y:Ql(e,`top`,`bottom`)}}function Ql(e,t,n){return{min:$l(e,t),max:$l(e,n)}}function $l(e,t){return typeof e==`number`?e:e[t]||0}var eu=new WeakMap,tu=class{constructor(e){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=go(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:t=!1,distanceThreshold:n}={}){let{presenceContext:r}=this.visualElement;if(r&&r.isPresent===!1)return;let i=e=>{t&&this.snapToCursor(e),this.stopAnimation()},a=(e,t)=>{let{drag:n,dragPropagation:r,onDragStart:i}=this.getProps();if(n&&!r&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Ma(n),!this.openDragLock))return;this.latestPointerEvent=e,this.latestPanInfo=t,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),ws(e=>{let t=this.getAxisMotionValue(e).get()||0;if(at.test(t)){let{projection:n}=this.visualElement;if(n&&n.layout){let r=n.layout.layoutBox[e];r&&(t=ns(r)*(parseFloat(t)/100))}}this.originPoint[e]=t}),i&&j.update(()=>i(e,t),!1,!0),Ni(this.visualElement,`transform`);let{animationState:a}=this.visualElement;a&&a.setActive(`whileDrag`,!0)},o=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t;let{dragPropagation:n,dragDirectionLock:r,onDirectionLock:i,onDrag:a}=this.getProps();if(!n&&!this.openDragLock)return;let{offset:o}=t;if(r&&this.currentDirection===null){this.currentDirection=au(o),this.currentDirection!==null&&i&&i(this.currentDirection);return}this.updateAxis(`x`,t.point,o),this.updateAxis(`y`,t.point,o),this.visualElement.render(),a&&j.update(()=>a(e,t),!1,!0)},s=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t,this.stop(e,t),this.latestPointerEvent=null,this.latestPanInfo=null},c=()=>{let{dragSnapToOrigin:e}=this.getProps();(e||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:l}=this.getProps();this.panSession=new Il(e,{onSessionStart:i,onStart:a,onMove:o,onSessionEnd:s,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:l,distanceThreshold:n,contextWindow:Ml(this.visualElement),element:this.visualElement.current})}stop(e,t){let n=e||this.latestPointerEvent,r=t||this.latestPanInfo,i=this.isDragging;if(this.cancel(),!i||!r||!n)return;let{velocity:a}=r;this.startAnimation(a);let{onDragEnd:o}=this.getProps();o&&j.postRender(()=>o(n,r))}cancel(){this.isDragging=!1;let{projection:e,animationState:t}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.endPanSession();let{dragPropagation:n}=this.getProps();!n&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),t&&t.setActive(`whileDrag`,!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(e,t,n){let{drag:r}=this.getProps();if(!n||!iu(e,r,this.currentDirection))return;let i=this.getAxisMotionValue(e),a=this.originPoint[e]+n[e];this.constraints&&this.constraints[e]&&(a=Ul(a,this.constraints[e],this.elastic[e])),i.set(a)}resolveConstraints(){let{dragConstraints:e,dragElastic:t}=this.getProps(),n=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,r=this.constraints;e&&_l(e)?this.constraints||=this.resolveRefConstraints():this.constraints=e&&n?Gl(n.layoutBox,e):!1,this.elastic=Zl(t),r!==this.constraints&&!_l(e)&&n&&this.constraints&&!this.hasMutatedConstraints&&ws(e=>{this.constraints!==!1&&this.getAxisMotionValue(e)&&(this.constraints[e]=Yl(n.layoutBox[e],this.constraints[e]))})}resolveRefConstraints(){let{dragConstraints:e,onMeasureDragConstraints:t}=this.getProps();if(!e||!_l(e))return!1;let n=e.current,{projection:r}=this.visualElement;if(!r||!r.layout)return!1;r.root&&(r.root.scroll=void 0,r.root.updateScroll());let i=Oa(n,r.root,this.visualElement.getTransformPagePoint()),a=ql(r.layout.layoutBox,i);if(t){let e=t(N(a));this.hasMutatedConstraints=!!e,e&&(a=ua(e))}return a}startAnimation(e){let{drag:t,dragMomentum:n,dragElastic:r,dragTransition:i,dragSnapToOrigin:a,onDragTransitionEnd:o}=this.getProps(),s=this.constraints||{},c=ws(o=>{if(!iu(o,t,this.currentDirection))return;let c=s&&s[o]||{};(a===!0||a===o)&&(c={min:0,max:0});let l=r?200:1e6,u=r?40:1e7,d={type:`inertia`,velocity:n?e[o]:0,bounceStiffness:l,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...i,...c};return this.startAxisValueAnimation(o,d)});return Promise.all(c).then(o)}startAxisValueAnimation(e,t){let n=this.getAxisMotionValue(e);return Ni(this.visualElement,e),n.start(vi(e,n,0,t,this.visualElement,!1))}stopAnimation(){ws(e=>this.getAxisMotionValue(e).stop())}getAxisMotionValue(e){let t=`_drag${e.toUpperCase()}`;return this.visualElement.getProps()[t]||this.visualElement.getValue(e,this.visualElement.latestValues[e]??0)}snapToCursor({clientX:e,clientY:t}){let{drag:n}=this.getProps(),r={x:e,y:t},i=this.visualElement.getTransformPagePoint()?.(r)||r,a=this.visualElement.measureViewportBox();ws(e=>{if(!iu(e,n,this.currentDirection))return;let t=this.getAxisMotionValue(e),{min:r,max:o}=a[e];t.set((t.get()||0)+i[e]-A(r,o,.5))})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag:e,dragConstraints:t}=this.getProps(),{projection:n}=this.visualElement;if(!_l(t)||!n||!this.constraints)return;this.stopAnimation();let r=this.constraints,i={x:0,y:0};ws(e=>{let t=this.getAxisMotionValue(e).get();i[e]=Jl({min:t,max:t},r[e])});let{transformTemplate:a}=this.visualElement.getProps();this.visualElement.current.style.transform=a?a({},``):`none`,n.root&&n.root.updateScroll(),n.updateLayout(),this.constraints=!1,this.resolveConstraints(),ws(t=>{let n=this.getAxisMotionValue(t);if(!iu(t,e,null)||!n.get())return;let{min:r,max:a}=this.constraints[t];n.set(A(r,a,i[t]))}),this.visualElement.render()}addListeners(){if(!this.visualElement.current)return;eu.set(this.visualElement,this);let e=this.visualElement.current,t=jl(e,`pointerdown`,t=>{let{drag:n,dragListener:r=!0}=this.getProps(),i=t.target,a=i!==e&&Va(i);n&&r&&!a&&this.start(t)}),n,r=()=>{let{dragConstraints:t}=this.getProps();_l(t)&&t.current&&(this.constraints=this.resolveRefConstraints(),n||=ru(e,t.current,()=>this.scalePositionWithinConstraints()))},{projection:i}=this.visualElement,a=i.addEventListener(`measure`,r);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),j.read(r);let o=Ls(window,`resize`,()=>this.scalePositionWithinConstraints()),s=i.addEventListener(`didUpdate`,(({delta:e,hasLayoutChanged:t})=>{this.isDragging&&t&&(ws(t=>{let n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))}),this.visualElement.render())}));return()=>{o(),t(),a(),s&&s(),n&&n()}}getProps(){let e=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:n=!1,dragPropagation:r=!1,dragConstraints:i=!1,dragElastic:a=Xl,dragMomentum:o=!0}=e;return{...e,drag:t,dragDirectionLock:n,dragPropagation:r,dragConstraints:i,dragElastic:a,dragMomentum:o}}};function nu(e){let t=!0;return()=>{if(t){t=!1;return}e()}}function ru(e,t,n){let r=co(e,nu(n)),i=co(t,nu(n));return()=>{r(),i()}}function iu(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function au(e,t=10){let n=null;return Math.abs(e.y)>t?n=`y`:Math.abs(e.x)>t&&(n=`x`),n}var ou=class extends Fo{constructor(e){super(e),this.removeGroupControls=ce,this.removeListeners=ce,this.controls=new tu(e)}mount(){let{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||ce}update(){let{dragControls:e}=this.node.getProps(),{dragControls:t}=this.node.prevProps||{};e!==t&&(this.removeGroupControls(),e&&(this.removeGroupControls=e.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}},su=e=>(t,n)=>{e&&j.update(()=>e(t,n),!1,!0)},H=class extends Fo{constructor(){super(...arguments),this.removePointerDownListener=ce}onPointerDown(e){this.session=new Il(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Ml(this.node)})}createPanHandlers(){let{onPanSessionStart:e,onPanStart:t,onPan:n,onPanEnd:r}=this.node.getProps();return{onSessionStart:su(e),onStart:su(t),onMove:su(n),onEnd:(e,t)=>{delete this.session,r&&j.postRender(()=>r(e,t))}}}mount(){this.removePointerDownListener=jl(this.node.current,`pointerdown`,e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}},cu=!1,lu=class extends _.Component{componentDidMount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:n,layoutId:r}=this.props,{projection:i}=e;i&&(t.group&&t.group.add(i),n&&n.register&&r&&n.register(i),cu&&i.root.didUpdate(),i.addEventListener(`animationComplete`,()=>{this.safeToRemove()}),i.setOptions({...i.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),Ws.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){let{layoutDependency:t,visualElement:n,drag:r,isPresent:i}=this.props,{projection:a}=n;return a?(a.isPresent=i,e.layoutDependency!==t&&a.setOptions({...a.options,layoutDependency:t}),cu=!0,r||e.layoutDependency!==t||t===void 0||e.isPresent!==i?a.willUpdate():this.safeToRemove(),e.isPresent!==i&&(i?a.promote():a.relegate()||j.postRender(()=>{let e=a.getStack();(!e||!e.members.length)&&this.safeToRemove()})),null):null}componentDidUpdate(){let{visualElement:e,layoutAnchor:t}=this.props,{projection:n}=e;n&&(n.options.layoutAnchor=t,n.root.didUpdate(),ka.postRender(()=>{!n.currentAnimation&&n.isLead()&&this.safeToRemove()}))}componentWillUnmount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:n}=this.props,{projection:r}=e;cu=!0,r&&(r.scheduleCheckAfterUnmount(),t&&t.group&&t.group.remove(r),n&&n.deregister&&n.deregister(r))}safeToRemove(){let{safeToRemove:e}=this.props;e&&e()}render(){return null}};function uu(e){let[t,n]=Ic(),r=(0,_.useContext)(x);return(0,z.jsx)(lu,{...e,layoutGroup:r,switchLayoutGroup:(0,_.useContext)(gl),isPresent:t,safeToRemove:n})}var du={pan:{Feature:H},drag:{Feature:ou,ProjectionNode:Dc,MeasureLayout:uu}};function fu(e,t,n){let{props:r}=e;e.animationState&&r.whileHover&&e.animationState.setActive(`whileHover`,n===`Start`);let i=r[`onHover`+n];i&&j.postRender(()=>i(t,kl(t)))}var pu=class extends Fo{mount(){let{current:e}=this.node;e&&(this.unmount=Fa(e,(e,t)=>(fu(this.node,t,`Start`),e=>fu(this.node,e,`End`))))}unmount(){}},mu=class extends Fo{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(`:focus-visible`)}catch{e=!0}e&&this.node.animationState&&(this.node.animationState.setActive(`whileFocus`,!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive(`whileFocus`,!1),this.isActive=!1)}mount(){this.unmount=le(Ls(this.node.current,`focus`,()=>this.onFocus()),Ls(this.node.current,`blur`,()=>this.onBlur()))}unmount(){}};function hu(e,t,n){let{props:r}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&r.whileTap&&e.animationState.setActive(`whileTap`,n===`Start`);let i=r[`onTap`+(n===`End`?``:n)];i&&j.postRender(()=>i(t,kl(t)))}var gu=class extends Fo{mount(){let{current:e}=this.node;if(!e)return;let{globalTapTarget:t,propagate:n}=this.node.props;this.unmount=Ja(e,(e,t)=>(hu(this.node,t,`Start`),(e,{success:t})=>hu(this.node,e,t?`End`:`Cancel`)),{useGlobalTarget:t,stopPropagation:n?.tap===!1})}unmount(){}},_u=new WeakMap,vu=new WeakMap,yu=e=>{let t=_u.get(e.target);t&&t(e)},bu=e=>{e.forEach(yu)};function xu({root:e,...t}){let n=e||document;vu.has(n)||vu.set(n,{});let r=vu.get(n),i=JSON.stringify(t);return r[i]||(r[i]=new IntersectionObserver(bu,{root:e,...t})),r[i]}function Su(e,t,n){let r=xu(t);return _u.set(e,n),r.observe(e),()=>{_u.delete(e),r.unobserve(e)}}var U={some:0,all:1},Cu=class extends Fo{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.stopObserver?.();let{viewport:e={}}=this.node.getProps(),{root:t,margin:n,amount:r=`some`,once:i}=e,a={root:t?t.current:void 0,rootMargin:n,threshold:typeof r==`number`?r:U[r]},o=e=>{let{isIntersecting:t}=e;if(this.isInView===t||(this.isInView=t,i&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive(`whileInView`,t);let{onViewportEnter:n,onViewportLeave:r}=this.node.getProps(),a=t?n:r;a&&a(e)};this.stopObserver=Su(this.node.current,a,o)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>`u`)return;let{props:e,prevProps:t}=this.node;[`amount`,`margin`,`root`].some(wu(e,t))&&this.startObserver()}unmount(){this.stopObserver?.(),this.hasEnteredView=!1,this.isInView=!1}};function wu({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}var Tu={inView:{Feature:Cu},tap:{Feature:gu},focus:{Feature:mu},hover:{Feature:pu}},Eu={layout:{ProjectionNode:Dc,MeasureLayout:uu}},Du=wl({...Ol,...Tu,...du,...Eu},Tl),Ou=e=>e?.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase();function ku(e,t,n=[]){if(t==null)throw Error(`[lucide]: iconNode is required when icon name is used`);return{name:Ou(e),size:24,node:t,...n.length>0?{aliases:n}:{}}}var Au=e=>{let t=``,n=!1;for(let r of e){if(r===`-`||r===`_`||r<=` `){n=t.length>0;continue}t.length===0?t+=r.toLowerCase():t+=n?r.toUpperCase():r,n=!1}return t},ju=e=>{let t=Au(e);return t.charAt(0).toUpperCase()+t.slice(1)},Mu=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),Nu={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`};function Pu(e){return e!=null}function Fu(e,t={}){let n=t.attributeNames??{},r=e=>n[e]??e,i=e.size??e.width??Nu.width,a=e.size??e.height??Nu.height,o=e.aliases?.filter(e=>typeof e==`string`&&e.trim()!==``).map(e=>`lucide-${e}`)??[],s=[...e.name?[`lucide-${e.name}`]:[],...o],c=t.className?.split(` `).filter(Boolean)??[],l=t.includeDefaultClasses===!1?Mu(...c):Mu(`lucide`,...s,...c),u=t.absoluteStrokeWidth?Number(t.strokeWidth??Nu[`stroke-width`])*Number(e.size??e.width??Nu.width)/Number(t.size??t.width??Nu.width):t.strokeWidth??Nu[`stroke-width`];return[`svg`,{...Object.entries(Nu).reduce((e,[t,n])=>(e[r(t)]=n,e),{}),...`color`in t&&t.color&&{[r(`stroke`)]:t.color},...`size`in t&&Pu(t.size)&&{[r(`width`)]:t.size,[r(`height`)]:t.size},...`width`in t&&Pu(t.width)&&{[r(`width`)]:t.width},...`height`in t&&Pu(t.height)&&{[r(`height`)]:t.height},[r(`stroke-width`)]:u,...l&&{[r(`class`)]:l},[r(`viewBox`)]:`0 0 ${i} ${a}`,...t.hasA11yProp===!1?{[r(`aria-hidden`)]:`true`}:{},...`attributes`in t&&t.attributes},e.node.map(e=>{let[n,i,a]=e,o=t.nonScalingStroke?{[r(`vector-effect`)]:`non-scaling-stroke`,...i}:i;return a?[n,o,a]:[n,o]})]}function Iu(e,t={}){return Fu(e,{...t,attributeNames:{...t.attributeNames,class:`className`,"stroke-width":`strokeWidth`,"stroke-linecap":`strokeLinecap`,"stroke-linejoin":`strokeLinejoin`,"vector-effect":`vectorEffect`}})}var Lu=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},Ru=(0,_.createContext)({}),zu=()=>(0,_.useContext)(Ru),Bu=(0,_.forwardRef)(({color:e,size:t,width:n,height:r,strokeWidth:i,absoluteStrokeWidth:a,nonScalingStroke:o,className:s=``,children:c,iconNode:l=[],icon:u={node:l,aliases:[],size:24},...d},f)=>{let{size:p=24,strokeWidth:m=2,absoluteStrokeWidth:h=!1,nonScalingStroke:g=!1,color:v=`currentColor`,className:y=``}=zu()??{},b=!!c||Lu(d),[x,S,ee=[]]=Iu(u,{color:e??v,width:n??t??p,height:r??t??p,strokeWidth:i??m,absoluteStrokeWidth:a??h,nonScalingStroke:o??g,className:Mu(y,s),hasA11yProp:b,attributes:d});return(0,_.createElement)(x,{ref:f,...S},[...ee.map(([e,t])=>(0,_.createElement)(e,t)),...Array.isArray(c)?c:[c]])});function Vu(e,t=[],n=[]){let r=typeof e==`string`?ku(e,t,n):e,i=(0,_.forwardRef)(({className:e,...t},n)=>(0,_.createElement)(Bu,{ref:n,icon:r,className:e,...t}));return r.name&&(i.displayName=ju(r.name)),i}var Hu={name:`arrow-up-right`,size:24,node:[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]};Hu.node;var Uu=Vu(Hu),Wu={name:`check`,size:24,node:[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]};Wu.node;var Gu=Vu(Wu),Ku={name:`copy`,size:24,node:[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]};Ku.node;var qu=Vu(Ku),Ju={name:`loader-circle`,size:24,node:[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]],aliases:[`loader-2`]};Ju.node;var Yu=Vu(Ju),Xu={name:`shield-alert`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]};Xu.node;var Zu=Vu(Xu),Qu={name:`shield-check`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]};Qu.node;var $u=Vu(Qu),ed={name:`shield`,size:24,node:[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}]]};ed.node;var td=Vu(ed),W={toxic:{threshold:.83,f1:.678,auroc:.959},severe_toxic:{threshold:.31,f1:.598,auroc:.985},obscene:{threshold:.45,f1:.777,auroc:.993},insult:{threshold:.64,f1:.663,auroc:.971},threat:{threshold:.79,f1:.373,auroc:.986},hate:{threshold:.91,f1:.543,auroc:.978},sexual:{threshold:.95,f1:.548,auroc:.989},sexual_minors:{threshold:.44,f1:.769,auroc:.984},harassment:{threshold:.43,f1:.551,auroc:.923},self_harm:{threshold:.8,f1:.902,auroc:.994},violence:{threshold:.49,f1:.706,auroc:.957},illegal:{threshold:.33,f1:.869,auroc:.974},spam:{threshold:.55,f1:.98,auroc:.999}},G=`https://misukisu-moderation-api.hf.space`,K=`misukisu/moderation-modernbert-en`,q={type:`spring`,stiffness:520,damping:44,mass:.8},J=W,nd={toxic:`Rude, disrespectful or unreasonable language`,severe_toxic:`Very hateful, aggressive or extreme toxicity`,obscene:`Swearing, vulgar or crude language`,insult:`Insulting or demeaning a person`,threat:`Intent to inflict harm on someone`,hate:`Attacks on protected groups (race, religion, gender...)`,sexual:`Sexual content or solicitation`,sexual_minors:`Sexual content involving minors (review signal only)`,harassment:`Targeted harassment or bullying`,self_harm:`Self-harm or suicide content`,violence:`Violent content or glorification`,illegal:`Illegal goods, drugs, weapons, fraud`,spam:`Spam, scams and unsolicited ads`};function rd(e){let t=/((?:^|(?<=\s))(?:#|\/\/)[^\n]*)|("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`[^`]*`)|\b(import|from|const|let|await|async|print|for|in|def|return|var|try|curl|let|func|true|false|None|new)\b|\b(\d+(?:\.\d+)?)\b/g,n=[],r=0,i,a=0;for(;i=t.exec(e);){i.index>r&&n.push(e.slice(r,i.index));let o=i[1]?`tk-c`:i[2]?`tk-s`:i[3]?`tk-k`:`tk-n`;n.push((0,z.jsx)(`span`,{className:o,children:i[0]},a++)),r=t.lastIndex}return n.push(e.slice(r)),n}function id({tabs:e}){let t=Object.keys(e),[n,r]=(0,_.useState)(t[0]),[i,a]=(0,_.useState)(!1),o=(0,_.useMemo)(()=>Math.random().toString(36).slice(2),[]);return(0,z.jsxs)(`div`,{className:`code`,children:[(0,z.jsxs)(`div`,{className:`tabs`,children:[t.map(e=>(0,z.jsxs)(`button`,{className:`tab`+(e===n?` on`:``),onClick:()=>r(e),children:[e===n&&(0,z.jsx)(Du.div,{layoutId:`t`+o,className:`bg`,transition:q}),(0,z.jsx)(`span`,{children:e})]},e)),(0,z.jsxs)(`button`,{className:`copy`,onClick:()=>{navigator.clipboard.writeText(e[n]),a(!0),setTimeout(()=>a(!1),1400)},children:[i?(0,z.jsx)(Gu,{size:14}):(0,z.jsx)(qu,{size:14}),i?`Copied`:`Copy`]})]}),(0,z.jsx)(Rc,{mode:`wait`,initial:!1,children:(0,z.jsx)(Du.pre,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.14},children:(0,z.jsx)(`code`,{children:rd(e[n])})},n)})]})}var ad={cURL:`curl -X POST ${G}/v1/moderate \\
   -H "Content-Type: application/json" \\
   -d '{"input": "you are a worthless idiot"}'`,Python:`import requests
 

assets/index-DY6WEqNJ.css

@@ -0,0 +1 @@
+:root{--bg:#0a0a0a;--panel:#111;--panel2:#161616;--line:#222;--line2:#2c2c2c;--fg:#ededed;--mute:#8a8a8a;--dim:#5c5c5c;--accent:#fff;--red:#ff6b6b;--green:#6ee7a8;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}a{color:inherit}code,pre,.mono{font-family:JetBrains Mono,ui-monospace,monospace}::selection{color:#000;background:#fff}.top{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0abf;align-items:center;gap:24px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.brand .mark{color:#000;background:#fff;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.top nav{gap:6px;margin-left:auto;display:flex}.top nav a{color:var(--mute);border-radius:8px;padding:6px 12px;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.top nav a:hover{color:var(--fg);background:var(--panel2)}.layout{grid-template-columns:220px minmax(0,1fr);max-width:1180px;margin:0 auto;display:grid}.side{border-right:1px solid var(--line);height:calc(100vh - 60px);padding:32px 16px 32px 28px;position:sticky;top:60px;overflow:auto}.side h6{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:22px 0 8px;font-size:11px;font-weight:600}.side>div:first-child h6{margin-top:0}.side a{color:var(--mute);border-radius:7px;padding:6px 10px;font-size:14px;text-decoration:none;transition:color .15s;display:block;position:relative}.side a:hover,.side a.on{color:var(--fg)}.side .pill{background:var(--panel2);border:1px solid var(--line2);z-index:-1;border-radius:7px;position:absolute;inset:0}main{min-width:0;padding:48px 56px 120px}.hero{border-bottom:1px solid var(--line);margin-bottom:8px;padding:24px 0 48px}.badge{color:var(--mute);border:1px solid var(--line2);background:var(--panel);border-radius:99px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:inline-flex}.dot{background:var(--dim);border-radius:50%;width:7px;height:7px}.dot.up{background:var(--green);box-shadow:0 0 10px var(--green)}.dot.down{background:var(--red)}.hero h1{letter-spacing:-.035em;background:linear-gradient(#fff 30%,#8a8a8a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:22px 0 16px;font-size:52px;font-weight:700;line-height:1.05}.hero p{color:var(--mute);max-width:620px;margin:0;font-size:18px;line-height:1.6}.cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--line2);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--panel2);border-color:#3a3a3a}.btn.primary{color:#000;background:#fff;border-color:#fff}.btn.primary:hover{background:#e5e5e5}.btn:disabled{opacity:.5;cursor:default}.stats{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;display:grid;overflow:hidden}.stats div{background:var(--bg);padding:18px 20px}.stats b{letter-spacing:-.02em;font-size:22px;display:block}.stats span{color:var(--mute);font-size:13px}section{padding-top:56px}section h2{letter-spacing:-.02em;margin:0 0 10px;font-size:26px}section h3{margin:32px 0 10px;font-size:16px}section p,section li{color:var(--mute);font-size:15px;line-height:1.7}section p code,section li code,td code{background:var(--panel2);border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:2px 6px;font-size:13px}.code{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:16px 0;overflow:hidden}.tabs{border-bottom:1px solid var(--line);background:#0d0d0d;align-items:center;gap:2px;padding:6px;display:flex}.tab{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font:500 13px Inter,sans-serif;position:relative}.tab.on{color:var(--fg)}.tab .bg{background:var(--panel2);border:1px solid var(--line2);z-index:0;border-radius:8px;position:absolute;inset:0}.tab span{z-index:1;position:relative}.copy{color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font:12px Inter,sans-serif;display:flex}.copy:hover{color:var(--fg);background:var(--panel2)}pre{color:#d4d4d4;margin:0;padding:18px 20px;font-size:13px;line-height:1.7;overflow:auto}.tk-k{color:#fff;font-weight:500}.tk-s{color:#a3a3a3}.tk-c{color:#555;font-style:italic}.tk-n{color:#c8c8c8}.ep{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;padding:14px 16px;display:flex}.m{color:#000;background:#fff;border-radius:6px;padding:4px 8px;font:600 11px JetBrains Mono,monospace}.m.get{color:#fff;background:0 0;border:1px solid #444}.ep code{font-size:14px}.ep p{margin:0 0 0 auto;font-size:13px}table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--line);color:var(--mute);vertical-align:middle;padding:11px 12px}td:first-child{color:var(--fg)}.bar{background:var(--panel2);vertical-align:middle;border-radius:6px;width:120px;height:6px;margin-right:10px;display:inline-block;overflow:hidden}.bar i{background:#fff;border-radius:6px;height:100%;display:block}.warn{color:#e3b4b4;background:#140e0e;border:1px solid #3a2a2a;border-radius:12px;margin:16px 0;padding:14px 16px;font-size:14px;line-height:1.6}.play{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:16px;padding:18px}.play textarea{resize:vertical;background:var(--bg);border:1px solid var(--line2);width:100%;min-height:110px;color:var(--fg);border-radius:10px;outline:none;padding:14px;font:15px Inter,sans-serif;transition:border-color .15s}.play textarea:focus{border-color:#555}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--line2);color:var(--mute);cursor:pointer;background:0 0;border-radius:99px;padding:6px 12px;font:13px Inter,sans-serif}.chip:hover{color:var(--fg);border-color:#444}.res{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.verdict{align-items:center;gap:10px;margin-bottom:14px;font-size:17px;font-weight:600;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#000;background:#fff;border-radius:6px;padding:4px 9px;font:500 12px JetBrains Mono,monospace}.scores{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 24px;display:grid}.sc{color:var(--mute);grid-template-columns:110px 1fr 48px;align-items:center;gap:10px;font-size:13px;display:grid}.sc.hit{color:var(--fg)}.sc .track{background:var(--panel2);border-radius:6px;height:6px;position:relative;overflow:hidden}.sc .track i{background:#666;border-radius:6px;position:absolute;inset:0 auto 0 0}.sc.hit .track i{background:#fff}.sc .th{background:#888;width:1px;position:absolute;top:-2px;bottom:-2px}.sc em{text-align:right;font-family:JetBrains Mono,monospace;font-size:12px;font-style:normal}.err{color:var(--red);font-size:14px}footer{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;gap:16px;margin-top:80px;padding-top:24px;font-size:13px;display:flex}@media (width<=860px){.layout{grid-template-columns:1fr}.side{display:none}main{padding:32px 20px 80px}.hero h1{font-size:38px}.stats{grid-template-columns:repeat(2,1fr)}.top nav a.hide{display:none}.ep p{width:100%;margin-left:0}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}

index.html

@@ -8,8 +8,8 @@
     <meta name="description" content="Free English content moderation API. 13 labels, ModernBERT, open weights." />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
-    <script type="module" crossorigin src="./assets/index-ClLj0YpQ.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BKAcKuY_.css">
+    <script type="module" crossorigin src="./assets/index-ByIw3hWl.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DY6WEqNJ.css">
   </head>
   <body>
     <div id="root"></div>