https://blog.maximeheckel.com/_next/static/chunks/3983.4c792f38d038b7a9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3983],{1100:(e,t,n)=>{n.d(t,{A:()=>k});var a=n(67002),r=n(92342),i=n(77809),o=n(9642),s=n(17596),c=n(35627),l=n(35798),d=n(18734),u=n(42475),h=n(16466),p=n(97839),f=n(84727),v=n(58198),g=n(42566),m=n(75879),b=n(45448);let x=(0,b.g)(p.g,{position:"relative",display:"flex",alignItems:"center",userSelect:"none",touchAction:"none",width:"100%",overflow:"clip",backgroundColor:"oklch(from var(--gray-900) l c h / var(--opacity, 0.3))",cursor:"grab","&:active":{cursor:"grabbing"},"[data-disabled]":{cursor:"not-allowed !important"},"&:has(:focus-visible)":{outline:"2px solid var(--blue-800)",outlineOffset:2},variants:{size:{sm:{height:"34px",borderRadius:"8px"},md:{height:"48px",borderRadius:"12px"}}}}),w=(0,b.g)(f.X,{position:"relative",boxSizing:"border-box",display:"flex",alignItems:"center",width:"100%",touchAction:"none",userSelect:"none",variants:{size:{sm:{height:"34px"},md:{height:"48px"}}}}),y=(0,b.g)(v.h,{position:"relative",flexGrow:1,height:"100%",userSelect:"none"}),C=(0,b.g)(g.X,{userSelect:"none",position:"absolute",height:"100%","&::before":{content:'""',position:"absolute",top:"50%",transition:"opacity 0.15s ease-in-out",opacity:"var(--thumb-opacity, 1)",transform:"translate(-50%, -50%)",right:"var(--right-offset, auto)",left:"var(--left-offset, auto)",width:"2px",backgroundColor:"oklch(from var(--text-primary) l c h / var(--opacity, 0.5))",borderRadius:"9999px",height:"20px"}}),j=(0,b.g)(m.O,{display:"block",opacity:1,backgroundColor:"rgba(220, 38, 38, 0.0)",width:"20px",height:"44px",borderRadius:"9999px",position:"relative",zIndex:1,"&::before":{content:'""',position:"absolute",top:"50%",transform:"translate(-50%, -50%)",left:"50%",width:"2px",borderRadius:"9999px",height:"24px"}}),z=(0,b.g)(i.a,{position:"absolute",width:"100%",display:"flex",justifyContent:"space-between",padding:"0 16px",top:"50%",transform:"translateY(-50%)",fontSize:"12px",opacity:.9,pointerEvents:"none"}),S=(0,b.g)(i.a,{position:"absolute",inset:0,display:"flex",alignItems:"center",pointerEvents:"none"}),k=e=>{let{id:t,min:n,max:p,step:f=1,onChange:v,value:g,defaultValue:m,disabled:b,label:k,labelValue:B,hideDots:R,size:A="md"}=e,T=(0,s.I)(),D=(0,h.useId)(),W=t||D,[I,M]=(0,h.useState)(!1),q=(0,h.useRef)(0),H=(0,h.useRef)(!1),O=(0,h.useRef)(null),P=(0,h.useRef)(50),E=(0,h.useRef)(null),L=(0,h.useRef)(!0),F=(0,h.useRef)(null),U=(0,h.useRef)(null),X=(0,h.useRef)({left:null,right:null}),V=(0,c.d)(1),G=(0,c.d)(1),_=(0,c.d)(0),N=(0,c.d)("left center"),Y=(0,c.d)(1),$=(0,c.d)(0),J=(0,l.z)(V,{stiffness:700,damping:20,mass:1.2}),K=(0,l.z)(G,{stiffness:700,damping:20,mass:1.2}),Q=(0,l.z)(_,{stiffness:700,damping:20,mass:1.2}),Z=(0,l.z)(Y,{stiffness:500,damping:40,mass:.5}),ee=(0,l.z)($,{stiffness:300,damping:20,mass:.5}),et=(0,d.G)(ee,e=>"".concat(e,"%")),en=(0,d.G)($,e=>"".concat(e,"%")),ea=(0,h.useMemo)(()=>25>=Math.floor((p-n)/f)+1,[25,p,n,f]),er=(0,h.useCallback)(e=>{if(!H.current||!O.current)return;let t=e.clientX-q.current;if(ea){let n=O.current.getBoundingClientRect(),a=100*Math.max(0,Math.min(1,(e.clientX-n.left)/n.width));if(P.current=a,E.current){let e=E.current.getBoundingClientRect(),n=O.current.getBoundingClientRect(),r=e.width/n.width*100,i=Math.min(8/Math.max(e.width,16),.5);a<=100&&a>r&&t>0?Y.set(1+i):a>=0&&a<r&&t<0?Y.set(1-i):Y.set(1)}}if(E.current&&O.current){let e=E.current.getBoundingClientRect(),n=O.current.getBoundingClientRect(),a=e.width/n.width*100,r=0;if(a>=99.9&&t>0?r=Math.min(.1*t,50):a<=.5&&t<0&&(r=Math.max(.1*t,-50)),0!==r){let e=Math.abs(r)/50,t=r>0?Math.min(3*e,2):Math.max(-2*e,-2);V.set(1+.02*e),G.set(1-.03*e),_.set(t),N.set(r>0?"left center":"right center")}else V.set(1),G.set(1),_.set(0),N.set("left center")}},[ea,Y,V,G,_,N]);(0,h.useEffect)(()=>{let e=()=>{if(F.current&&U.current&&O.current){let e=O.current.getBoundingClientRect(),t=F.current.getBoundingClientRect(),n=U.current.getBoundingClientRect();X.current={left:{...t,left:t.left-e.left,right:t.right-e.left,width:t.width},right:{...n,left:n.left-e.left,right:n.right-e.left,width:n.width}},M(!0)}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,h.useEffect)(()=>{let e=(g-n)/(p-n)*100;L.current?(ee.jump(e),L.current=!1):$.set(e)},[g,p,n,$,ee]);let ei=(0,h.useMemo)(()=>

1{if(!I||!X.current.left||!O.current)return!1;let e=(g-n)/(p-n)*O.current.getBoundingClientRect().width;return e>X.current.left.left-16&&e<X.current.left.right+16},[p,n,g,I]),eo=(0,h.useMemo)(()=>{if(!I||!X.current.right||!O.current)return!1;let e=(g-n)/(p-n)*O.current.getBoundingClientRect().width;return e<X.current.right.right+16&&e>X.current.right.left-16},[p,n,g,I]);return(0,a.jsxs)(x,{id:W,"aria-label":k,"aria-valuemin":n,"aria-valuemax":p,"aria-valuenow":g,"aria-disabled":b,"aria-valuetext":"".concat(k,": ").concat(g),ref:O,defaultValue:m,min:n,max:p,step:f,value:g,disabled:b,onValueChange:v,size:A,render:(0,a.jsx)(u.P.div,{onPointerMove:er,onPointerUp:()=>{V.set(1),G.set(1),_.set(0),Y.set(1),H.current=!1},onPointerDown:e=>{q.current=e.clientX,H.current=!0},style:{opacity:b?.4:1,transformOrigin:N,scaleX:T?V:J,scaleY:T?G:K,x:T?_:Q}}),children:[(0,a.jsx)(w,{size:A,children:(0,a.jsxs)(y,{children:[(0,a.jsx)(C,{render:(0,a.jsx)(u.P.div,{ref:E,style:{borderRadius:"sm"===A?"8px":"12px",scaleX:T?Y:Z,width:T?en:et,"--left-offset":0===g?"8px":"auto","--right-offset":0===g?"auto":"8px","--thumb-opacity":ei||eo?0:1,transformOrigin:"left center",minWidth:0===g?"1px":"auto"},children:(0,a.jsx)(r.b,{border:!1,style:{zIndex:"unset !important",backdropFilter:"unset !important"}})})}),(0,a.jsx)(j,{})]})}),ea&&!R?(0,a.jsx)(S,{"aria-hidden":"true",children:Array.from({length:Math.floor((p-n)/f)+1}).map((e,t)=>{let r=n+t*f,o=(r-n)/(p-n)*100;return(0,a.jsx)(i.a,{css:{position:"absolute",left:"calc(".concat(o,"% - 10px)"),transform:"translateX(-50%)",width:"4px",height:"4px",backgroundColor:"hsla(0, 0%, 100%, 0.3)",borderRadius:"9999px",transition:"opacity 0.15s ease-in-out",willChange:"opacity"},style:{opacity:r===g||r<n+.3*(p-n)||r>n+.8*(p-n)?0:1}},t)})}):null,(0,a.jsxs)(z,{children:[k?(0,a.jsx)(o.c,{id:"".concat(W,"-label"),as:"label",htmlFor:W,size:"2",weight:"4",variant:"secondary",ref:F,children:k}):null,(0,a.jsx)(o.c,{variant:"primary",size:"2",style:{fontVariantNumeric:"tabular-nums"},weight:"4",ref:U,children:B||g.toFixed(2)})]})]})}},13983:(e,t,n)=>{n.r(t),n.d(t,{SDFShapes:()=>p});var a=n(67002),r=n(16466),i=n(17847),o=n(67479),s=n(1100);let c=[{label:"Box",value:"box"},{label:"Circle",value:"circle"},{label:"Crosshair",value:"crosshair"}],l=[{label:"Segment",value:"segment"},{label:"Cubic Bezier",value:"cubicBezier"}],d={box:"float sdBox(vec2 p, vec2 b) {\n  vec2 d = abs(p) - b;\n\n  return length(max(d, 0.0)) + min(max(d.x, d.y), 0.0);\n}",circle:"float sdCircle(vec2 p, float radius) {\n  return length(p) - radius;\n}",segment:"float sdSegment(vec2 p, vec2 a, vec2 b) {\n  vec2 pa = p - a;\n  vec2 ba = b - a;\n\n  float segmentLengthSq = max(dot(ba, ba), 0.0001);\n  float projection = dot(pa, ba) / segmentLengthSq;\n  float t = clamp(projection, 0.0, 1.0);\n\n  vec2 closestPoint = a * (1.0 - t) + b * t;\n\n  return smoothstep(0.0, uThickness, length(p - closestPoint));\n}",cubicBezier:"vec2 cubicBezier(vec2 a, vec2 c1, vec2 c2, vec2 b, float t) {\n  return\n    a * (1.0 - t) * (1.0 - t) * (1.0 - t) +\n    c1 * 3.0 * (1.0 - t) * (1.0 - t) * t +\n    c2 * 3.0 * (1.0 - t) * t * t +\n    b * t * t * t;\n}\n  \nfloat sdCubicBezier(vec2 p, vec2 a, vec2 b) {\n  vec2 pa = p - a;\n  vec2 ba = b - a;\n\n  float segmentLengthSq = max(dot(ba, ba), 0.0001);\n  float projection = dot(pa, ba) / segmentLengthSq;\n  float t = clamp(projection, 0.0, 1.0);\n\n  vec2 direction = ba / max(length(ba), 0.0001);\n  vec2 normal = vec2(-direction.y, direction.x);\n\n  vec2 c1 = a + ba * 0.33 + normal * uC1Offset;\n  vec2 c2 = a + ba * 0.67 + normal * uC2Offset;\n\n  vec2 closestPoint = cubicBezier(a, c1, c2, b, t);\n\n  float curveDistance = length(p - closestPoint);\n  float startCapDistance = length(p - a);\n  float endCapDistance = length(p - b);\n  \n  float distanceToCurve = min(curveDistance, min(startCapDistance, endCapDistance));\n\n  return smoothstep(0.0, uThickness, distanceToCurve);\n}",arrow:"float sdTriangle(vec2 p, vec2 p0, vec2 p1, vec2 p2) {\n  vec2 e0 = p1 - p0;\n  vec2 e1 = p2 - p1;\n  vec2 e2 = p0 - p2;\n\n  vec2 v0 = p - p0;\n  vec2 v1 = p - p1;\n  vec2 v2 = p - p2;\n\n  vec2 pq0 = v0 - e0 * clamp(dot(v0, e0) / dot(e0, e0), 0.0, 1.0);\n  vec2 pq1 = v1 - e1 * clamp(dot(v1, e1) / dot(e1, e1), 0.0, 1.0);\n  vec2 pq2 = v2 - e2 * clamp(dot(v2, e2) / dot(e2, e2), 0.0, 1.0);\n\n  float s = sign(e0.x * e2.y - e0.y * e2.x);\n  vec2 d = min(\n    min(vec2(dot(pq0, pq0), s * (v0.x * e0.y - v0.y * e0.x)),\n    vec2(dot(pq1, pq1), s * (v1.x * e1.y - v1.y * e1.x))),\n    vec2(dot(pq2, pq2), s * (v2.x * e2.y - v2.y * e2.x))\n  );\n\n  return -sqrt(d.x) * sign(d.y);\n}\n\nfloat sdArrow(vec2 p, vec2 a, vec2 b) {\n  vec2 ba = b - a;\n  vec2 direction = ba / max(length(ba), 0.0001);\n  vec2 normal = vec2(-direction.y, direction.x);\n  vec2 center = (a + b) * 0.5;\n  vec2 arrowUv = vec2(dot(p - center, direction), dot(p - center, normal));\n\n  float scale = length(ba) * 0.5;\n  float arrowTail = uArrowTailPosition * scale;\n  float arrowTip = 0.66 * scale;\n  float shaftEnd = (uArrowTailPosition + uArrowTailLength) * scale;\n  float shaftHalfWidth = 0.065 * scale;\n  float headStart = uArrowHeadStart * scale;\n  float headBaseWidth = uArrowHeadWidth;

1\n\n  vec2 shaftCenter = vec2((arrowTail + shaftEnd) * 0.5, 0.0);\n  vec2 shaftSize = vec2((shaftEnd - arrowTail) * 0.5, shaftHalfWidth);\n  float shaft = sdBox(arrowUv - shaftCenter, shaftSize);\n\n  float headHalfWidth = max((arrowTip - headStart) * headBaseWidth, 0.0);\n  float head = sdTriangle(\n    arrowUv,\n    vec2(arrowTip, 0.0),\n    vec2(headStart, headHalfWidth),\n    vec2(headStart, -headHalfWidth)\n  );\n\n  return min(shaft, head);\n}"},u={box:"float shapeDistance(vec2 p) {\n  return abs(sdBox(p, vec2(0.5, 0.5)));\n}",circle:"float shapeDistance(vec2 p) {\n  return abs(sdCircle(p, 0.5));\n}",crosshair:"float shapeDistance(vec2 p) {\n  float horizontal = sdSegment(p, vec2(-0.38, 0.0), vec2(0.38, 0.0));\n  float vertical = sdSegment(p, vec2(0.0, -0.38), vec2(0.0, 0.38));\n\n  return min(horizontal, vertical);\n}",segment:"float shapeDistance(vec2 p) {\n  vec2 start = vec2(0.1, 0.9) * 2.0 - 1.0;\n  vec2 end = vec2(0.9, 0.1) * 2.0 - 1.0;\n\n  return sdSegment(p, start, end);\n}",cubicBezier:"float shapeDistance(vec2 p) {\n  vec2 start = vec2(0.1, 0.9) * 2.0 - 1.0;\n  vec2 end = vec2(0.9, 0.1) * 2.0 - 1.0;\n\n  return sdCubicBezier(p, start, end);\n}",arrow:"float shapeDistance(vec2 p) {\n  vec2 start = vec2(0.1, 0.9) * 2.0 - 1.0;\n  vec2 end = vec2(0.9, 0.1) * 2.0 - 1.0;\n\n  return max(sdArrow(p, start, end), 0.0);\n}"},h={box:"".concat(d.box,"\n\n").concat(u.box),circle:"".concat(d.circle,"\n\n").concat(u.circle),crosshair:"".concat(d.segment,"\n\n").concat(u.crosshair),segment:"".concat(d.segment,"\n\n").concat(u.segment),cubicBezier:"".concat(d.cubicBezier,"\n\n").concat(u.cubicBezier),arrow:"".concat(d.box,"\n\n").concat(d.arrow,"\n\n").concat(u.arrow)},p=e=>{let{variant:t="shapes"}=e,[n,p]=(0,r.useState)("shapes"===t?"box":"arrows"===t?"arrow":"segment"),[f,v]=(0,r.useState)(.27),[g,m]=(0,r.useState)(.67),[b,x]=(0,r.useState)(-.33),[w,y]=(0,r.useState)(.42),[C,j]=(0,r.useState)(-.2),[z,S]=(0,r.useState)(.68),[k,B]=(0,r.useState)(-.58),R=(0,r.useId)(),A="arrows"===t?"arrow":n,T=(0,r.useMemo)(()=>"#version 300 es\nprecision highp float;\n\nin vec2 vUv;\nout vec4 fragColor;\n\nuniform vec2 uResolution;\nuniform float uThickness;\nuniform float uC1Offset;\nuniform float uC2Offset;\nuniform float uArrowHeadWidth;\nuniform float uArrowHeadStart;\nuniform float uArrowTailLength;\nuniform float uArrowTailPosition;\n\n".concat(d.box,"\n\n").concat(d.circle,"\n\n").concat(d.segment,"\n\n").concat(d.cubicBezier,"\n\n").concat(d.arrow,"\n\n").concat(u[A],"\n\nvoid main() {\n  vec2 p = vUv * 2.0 - 1.0;\n  p.x *= uResolution.x / uResolution.y;\n\n  float distanceToShape = shapeDistance(p);\n  float lineWidth = 0.018;\n  float antialias = fwidth(distanceToShape);\n  float line = 1.0 - smoothstep(lineWidth, lineWidth + antialias, distanceToShape);\n\n  vec3 background = vec3(0.133, 0.51, 0.933);\n  vec3 shapeColor = vec3(1.0);\n  vec3 color = mix(background, shapeColor, line);\n\n  fragColor = vec4(color, 1.0);\n}\n"),[A]),D="segment"===A||"cubicBezier"===A;return(0,a.jsxs)(i.$,{fullBleedWidth:50,fragmentShader:T,uniforms:{uThickness:f,uC1Offset:g,uC2Offset:b,uArrowHeadWidth:w,uArrowHeadStart:C,uArrowTailLength:z,uArrowTailPosition:k},codeString:h[A],showGrid:!0,showCode:!0,gridSize:10,children:["arrows"!==t?(0,a.jsx)(o.l,{id:"".concat(R,"-shape"),label:"Shape",items:"shapes"===t?c:l,value:n,onChange:e=>{e&&p(e)},size:"md"}):null,"segments"===t&&D?(0,a.jsx)(s.A,{hideDots:!0,id:"".concat(R,"-bezier-thickness"),label:"Thickness",min:.1,max:.4,step:.01,value:f,onChange:v}):null,"cubicBezier"===A?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.A,{hideDots:!0,id:"".concat(R,"-c1-offset"),label:"C1 Offset",min:-1,max:1,step:.01,value:g,onChange:m}),(0,a.jsx)(s.A,{hideDots:!0,id:"".concat(R,"-c2-offset"),label:"C2 Offset",min:-1,max:1,step:.01,value:b,onChange:x})]}):null,"arrow"===A?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.A,{hideDots:!0,id:"".concat(R,"-arrow-head-width"),label:"Head Width",min:.12,max:.8,step:.01,value:w,onChange:y}),(0,a.jsx)(s.A,{hideDots:!0,id:"".concat(R,"-arrow-head-start"),label:"Head Start",min:-.55,max:.35,step:.

101,value:C,onChange:j}),(0,a.jsx)(s.A,{hideDots:!0,id:"".concat(R,"-arrow-tail-length"),label:"Tail Length",min:.2,max:1.1,step:.01,value:z,onChange:S}),(0,a.jsx)(s.A,{hideDots:!0,id:"".concat(R,"-arrow-tail-position"),label:"Tail Position",min:-.9,max:-.05,step:.01,value:k,onChange:B})]}):null]},T)}},67479:(e,t,n)=>{n.d(t,{l:()=>a.A});var a=n(68298)},68298:(e,t,n)=>{n.d(t,{A:()=>z});var a=n(67002),r=n(91495),i=n(13632),o=n(20682),s=n(36030),c=n(82618),l=n(9642),d=n(63933),u=n(23896),h=n(16466),p=n(72498),f=n(88316),v=n(8181),g=n(79192),m=n(53001),b=n(45448);let x=(0,b.g)(p.b,{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"var(--space-2)",padding:"var(--space-1) var(--space-3)",backgroundColor:"oklch(from var(--gray-900) l c h / var(--opacity, 0.3))",border:"var(--thickness, 1px) solid oklch(from var(--gray-1100) l c h / 5%)",borderRadius:"var(--border-radius-2)",height:"34px",cursor:"pointer",color:"var(--text-primary)",letterSpacing:"-0.022em",fontFamily:"var(--font-display)",fontWeight:"500",minWidth:"var(--min-width)",transition:"background-color 0.25s ease-in-out","&[disabled]":{cursor:"not-allowed",opacity:.4,filter:"grayscale(0.25)"},"&:hover:not([disabled])":{backgroundColor:"oklch(from var(--gray-900) l c h / var(--opacity, 0.4))"},"&:focus-visible:not([disabled])":{outline:"2px solid var(--blue-800)",outlineOffset:2,backgroundColor:"oklch(from var(--gray-900) l c h / var(--opacity, 0.4))"},variants:{size:{sm:{height:"34px"},md:{height:"48px",width:"100%"}}}}),w=(0,b.g)(f.w,{display:"flex",alignItems:"center",justifyContent:"center",color:"var(--text-primary)"}),y=(0,b.g)(v.t,{borderRadius:"var(--border-radius-2)",backgroundColor:"oklch(from var(--gray-900) l c h / var(--opacity, 0.3))",backdropFilter:"blur(var(--blur, 12px)) saturate(var(--saturate, 1.15))",border:"var(--thickness, 1px) solid oklch(from var(--gray-1100) l c h / 15%)",color:"var(--color-gray-900)",minWidth:"var(--anchor-width)",transformOrigin:"var(--transform-origin)",transition:"transform 0.15s, opacity 0.15s",padding:"var(--space-1) 0px","&[data-starting-style], &[data-ending-style]":{opacity:0,transform:"scale(0.9)"},'&[data-side="none"]':{transition:"none",transform:"none",opacity:1,minWidth:"calc(var(--anchor-width) + 1rem)"},outline:"1px solid var(--color-gray-300)"}),C=(0,b.g)(g.e,{boxSizing:"border-box",outline:0,fontWeight:"var(--font-weight-500)",fontFamily:"var(--font-display)",fontSize:"var(--font-size-1)",letterSpacing:"-0.022em",padding:"var(--space-2) var(--space-2) var(--space-2) var(--space-3)",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"var(--space-2)",cursor:"pointer",userSelect:"none",scrollMarginBlock:"0.25rem","@media (pointer: coarse)":{paddingBlock:"0.625rem"},"[data-side='none'] &":{paddingRight:"3rem"},"@media (hover: hover)":{"&[data-highlighted]":{zIndex:0,position:"relative",color:"var(--color-gray-50)"},"&[data-highlighted]::before":{content:"''",zIndex:-1,position:"absolute",insetBlock:0,insetInline:4,borderRadius:"var(--border-radius-1)",backgroundColor:"oklch(from var(--gray-900) l c h / var(--opacity, 0.3))"}}}),j=(0,b.g)(m.h,{display:"flex",alignItems:"center",justifyContent:"center",color:"var(--text-primary)"}),z=e=>{let{id:t,triggerRef:n,items:p,value:f,onChange:v,minWidth:g,disabled:m,size:b="sm",label:z}=e,S=(0,h.useId)();return(0,a.jsxs)(r.H,{items:p,value:f,onValueChange:v,children:[(0,a.jsxs)(x,{id:t||S,ref:n,disabled:m,size:b,style:{"--min-width":"".concat(null!=g?g:124,"px")},children:[z&&"md"===b?(0,a.jsx)(l.c,{size:"2",weight:"4",variant:"secondary",children:z}):null,(0,a.jsxs)(d.a,{alignItems:"center",css:{width:"md"===b?"auto":"100%"},justifyContent:"space-between",gap:"1",children:[(0,a.jsx)(l.c,{size:"2",weight:"4",variant:"primary",children:(0,a.jsx)(i.y,{})}),(0,a.jsx)(w,{children:(0,a.jsx)(u.a.ChevronUpDown,{size:4})})]})]}),(0,a.jsx)(o.V,{children:(0,a.jsx)(s.l,{alignItemWithTrigger:!1,sideOffset:4,style:{outline:"none",zIndex:1,WebkitUserSelect:"none",userSelect:"none"},children:(0,a.jsx)(y,{children:(0,a.jsx)(c.B,{children:p.map(e=>{let{label:t,value:n}=e;return(0,a.jsxs)(C,{value:n,children:[t,(0,a.jsx)(j,{children:(0,a.jsx)(u.a.Check,{variant:"default",size:4})})]},t)})})})})})]})}}}]);