https://linkrunner.io/_next/static/chunks/5402-59e5237e3979fa33.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5402],{24021:(e,t,a)=>{a.d(t,{u4:()=>p,gl:()=>x,iP:()=>h});var n=a(7128),r=a(71060),l=a(59950),s=a(43603),i=a(50586);function o({value:e,onChange:t,stops:a,step:l,formatValue:d,label:x,className:u}){let[p,h]=(0,r.useState)(!1),m=a.length-1,g=20*m,f=function(e,t){let a=t.length-1;for(let n=0;n<a;n++){let r=t[n].value,l=t[n+1].value;if(e<=l)return(n+(l===r?0:(e-r)/(l-r)))/a*1e3}return 1e3}(e,a),b=f/1e3*100,v=b/100*g,y=(0,r.useCallback)(e=>{var n;let r,s,i,o,c=(n=Number(e.target.value),i=Math.min(Math.floor(s=n/1e3*(r=a.length-1)),r-1),(o=a[i].value)+(a[i+1].value-o)*(s-i));c=Math.round(c/l)*l,t(c=Math.max(a[0].value,Math.min(a[a.length-1].value,c)))},[t,a,l]);return(0,n.jsxs)("div",{className:(0,i.cn)("flex flex-col",u),children:[(0,n.jsxs)("div",{className:"relative px-0",children:[(0,n.jsxs)("div",{className:"relative h-[48px] w-full",children:[(0,n.jsxs)("div",{className:"pointer-events-none absolute inset-x-0 top-0 flex","aria-hidden":!0,children:[a.slice(0,-1).map((e,t)=>(0,n.jsx)("div",{className:"relative flex-1",children:(0,n.jsx)("span",{className:(0,i.cn)("absolute -top-4 font-mono text-[10px] leading-none text-[rgba(13,13,13,0.35)]",0===t?"left-0":"-translate-x-1/2 left-0"),children:e.label})},e.label)),(0,n.jsx)("div",{className:"relative w-px",children:(0,n.jsx)("span",{className:"absolute -top-4 left-1/2 -translate-x-1/2 whitespace-nowrap font-mono text-[10px] leading-none text-[rgba(13,13,13,0.35)]",children:a[a.length-1].label})})]}),(0,n.jsxs)("div",{className:"absolute inset-x-0 bottom-0 flex items-end",children:[Array.from({length:m}).map((e,t)=>(0,n.jsx)("div",{className:"flex flex-1 items-end",children:Array.from({length:20}).map((e,a)=>{let r=20*t+a,l=a%4==0?16:10,i=Math.abs(r-v),o=p&&i<5?(1+Math.cos(i/5*Math.PI))/2:0;return(0,n.jsx)("div",{className:"flex-1 border-l",style:{height:l+14*o,borderColor:`rgba(13,13,13,${.18+.47000000000000003*o})`,transition:p?`height 80ms ${s.CB.standard}, border-color 80ms ${s.CB.standard}`:`height 300ms ${s.CB.standard}, border-color 300ms ${s.CB.standard}`},"aria-hidden":!0},a)})},t)),(0,n.jsx)("div",{className:"h-[16px] w-px border-l border-[rgba(13,13,13,0.18)]"})]})]}),(0,n.jsx)("div",{className:"pointer-events-none absolute -top-6 z-10 -translate-x-1/2",style:{left:`${b}%`},"aria-hidden":!0,children:(0,n.jsx)("div",{className:"rounded-2xl bg-gray-700 px-2.5 py-0.5",children:(0,n.jsx)("span",{className:"font-mono text-[11px] leading-none text-white whitespace-nowrap",children:d(e)})})}),(0,n.jsx)("input",{type:"range",min:0,max:1e3,step:1,value:f,onChange:y,onPointerDown:()=>h(!0),onPointerUp:()=>h(!1),onPointerCancel:()=>h(!1),"aria-label":x,"aria-valuetext":d(e),className:"tick-slider absolute inset-x-0 top-3 h-12 w-full cursor-pointer appearance-none bg-transparent"})]}),(0,n.jsx)("style",{children:c})]})}let c=`
2  .tick-slider::-webkit-slider-thumb {
3    appearance: none;
4    width: 28px;
5    height: 48px;
6    background: linear-gradient(
7      to right,
8      transparent calc(50% - 1px),
9      var(--gray-solid-700) calc(50% - 1px),
10      var(--gray-solid-700) calc(50% + 1px),
11      transparent calc(50% + 1px)
12    );
13    border: none;
14    cursor: ew-resize;
15    margin-top: -12px;
16  }
17  .tick-slider::-moz-range-thumb {
18    width: 28px;
19    height: 48px;
20    background: linear-gradient(
21      to right,
22      transparent calc(50% - 1px),
23      var(--gray-solid-700) calc(50% - 1px),
24      var(--gray-solid-700) calc(50% + 1px),
25      transparent calc(50% + 1px)
26    );
27    border: none;
28    border-radius: 0;
29    cursor: ew-resize;
30  }
31  .tick-slider::-webkit-slider-runnable-track {
32    height: 1px;
33    background: transparent;
34  }
35  .tick-slider::-moz-range-track {
36    height: 1px;
37    background: transparent;
38  }
39  .tick-slider:focus-visible::-webkit-slider-thumb {
40    box-shadow: 0 0 0 3px var(--blue-100);
41  }
42`;var d=a(50118);function x({text:e,className:t}){return(0,n.jsx)(d.Bc,{delayDuration:150,children:(0,n.jsxs)(d.m_,{children:[(0,n.jsx)(d.k$,{asChild:!0,children:(0,n.jsx)("button",{type:"button","aria-label":e,className:(0,i.cn)("inline-flex size-4 shrink-0 cursor-help items-center justify-center rounded-full text-gray-300 transition-colors hover:text-gray-500",t),children:(0,n.jsx)(l.R,{className:"size-[15px]",weight:"bold","aria-hidden":!0})})}),(0,n.jsx)(d.ZI,{className:"max-w-[230px] text-center text-[12px] leading-snug",children:e})]})})}let u=new Intl.NumberFormat("en-US",{maximumFractionDigits:2});

42function p({value:e,onChange:t,format:a,min:l,max:s,rate:o=1,symbol:c="",className:d,ariaLabel:x="Edit value"}){let[h,m]=(0,r.useState)(!1),[g,f]=(0,r.useState)(""),b=(0,r.useRef)(null);(0,r.useEffect)(()=>{h&&(b.current?.focus(),b.current?.select())},[h]);let v=()=>{let e=parseFloat(g.replace(/[^0-9.]/g,""));Number.isNaN(e)||t(Math.min(s,Math.max(l,e/o))),m(!1)};return h?(0,n.jsxs)("span",{className:(0,i.cn)("inline-flex items-center justify-center",d),children:[c?(0,n.jsx)("span",{className:"text-gray-400",children:c}):null,(0,n.jsx)("input",{ref:b,inputMode:"decimal",value:g,onChange:e=>f(e.target.value),onBlur:v,onKeyDown:e=>{"Enter"===e.key&&v(),"Escape"===e.key&&m(!1)},style:{width:`${Math.max(3,g.length+1)}ch`},className:"bg-transparent text-center outline-none"})]}):(0,n.jsx)("button",{type:"button","aria-label":x,onClick:()=>{f(u.format(e*o).replace(/,/g,"")),m(!0)},className:(0,i.cn)("cursor-text rounded-lg px-1 transition-colors hover:bg-gray-50",d),children:a(e)})}function h({label:e,tooltip:t,value:a,onChange:l,min:s,max:i,step:c,stops:d,format:p,rate:m=1,symbol:g=""}){let[f,b]=(0,r.useState)(!1),[v,y]=(0,r.useState)(""),N=(0,r.useRef)(null);(0,r.useEffect)(()=>{f&&(N.current?.focus(),N.current?.select())},[f]);let j=()=>{let e=parseFloat(v.replace(/[^0-9.]/g,""));Number.isNaN(e)||l(Math.min(i,Math.max(s,e/m))),b(!1)};return(0,n.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,n.jsxs)("span",{className:"flex items-center gap-1.5 text-[13px] font-medium text-gray-500",children:[e,t?(0,n.jsx)(x,{text:t}):null]}),f?(0,n.jsxs)("span",{className:"inline-flex items-center gap-0.5 rounded-lg bg-white px-2.5 py-1 ring-2 ring-blue-300",children:[g?(0,n.jsx)("span",{className:"font-mono text-[22px] leading-none text-gray-400",children:g}):null,(0,n.jsx)("input",{ref:N,inputMode:"decimal",value:v,onChange:e=>y(e.target.value),onBlur:j,onKeyDown:e=>{"Enter"===e.key&&j(),"Escape"===e.key&&b(!1)},style:{width:`${Math.max(3,v.length+1)}ch`},className:"bg-transparent text-right font-mono text-[22px] leading-none tracking-[-0.03em] text-gray-800 outline-none"})]}):(0,n.jsx)("button",{type:"button",onClick:()=>{y(u.format(a*m).replace(/,/g,"")),b(!0)},"aria-label":`Edit ${e}`,className:"cursor-text rounded-lg px-2.5 py-1 font-mono text-[22px] leading-none tracking-[-0.03em] text-gray-800 transition-colors hover:bg-white",children:p(a)})]}),(0,n.jsx)(o,{value:a,onChange:l,min:s,max:i,step:c,stops:d,formatValue:p,label:e,className:"pt-7"})]})}},43454:(e,t,a)=>{a.d(t,{u:()=>r});var n=a(71060);function r(e,t){let[a,r]=(0,n.useState)(t),l=(0,n.useRef)(!0);return(0,n.useEffect)(()=>{let t;try{let a=window.localStorage.getItem(e);if(null!==a){let e=JSON.parse(a);t=window.setTimeout(()=>r(e),0)}}catch{}return()=>{void 0!==t&&window.clearTimeout(t)}},[e]),(0,n.useEffect)(()=>{if(l.current){l.current=!1;return}try{window.localStorage.setItem(e,JSON.stringify(a))}catch{}},[e,a]),[a,r]}},50118:(e,t,a)=>{a.d(t,{Bc:()=>i,ZI:()=>d,k$:()=>c,m_:()=>o});var n=a(7128),r=a(71060),l=a(6613),s=a(50586);let i=({delayDuration:e=250,skipDelayDuration:t=100,disableHoverableContent:a=!0,...r})=>(0,n.jsx)(l.Kq,{delayDuration:e,skipDelayDuration:t,disableHoverableContent:a,...r}),o=({disableHoverableContent:e=!0,...t})=>(0,n.jsx)(l.bL,{disableHoverableContent:e,...t}),c=l.l9,d=r.forwardRef(({className:e,sideOffset:t=6,...a},r)=>(0,n.jsx)(l.ZL,{children:(0,n.jsx)(l.UC,{ref:r,sideOffset:t,className:(0,s.cn)("z-50 rounded-md bg-gray-900 px-2 py-1 text-xs text-white shadow-md animate-in fade-in-0 zoom-in-95",e),...a})}));d.displayName=l.UC.displayName}}]);