https://naemo.ai/_next/static/chunks/5784.efb558de54ed1236.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5784],{5784:function(e,t,n){n.r(t),n.d(t,{default:function(){return y}});var l=n(57437),a=n(2265),i=n(57586),s=n(13100),r=n(40875),c=n(30401),o=n(34415),d=n(45884),x=n(18930),m=n(99397),u=n(69076),h=n(89227),f=n(33276),p=n(46211),b=n(93448),g=n(25450),j=n(91455),z=n(4908),v=n(25368);let w=[{id:"multi",label:"뽑기"},{id:"team",label:"팀 나누기"},{id:"order",label:"발표 순서"},{id:"lucky",label:"럭키 드로우"},{id:"roulette",label:"룰렛"},{id:"timer",label:"타이머"}];function y(){let{students:e,classes:t}=(0,z.AF)(),[y,N]=(0,a.useState)("담임 학급"),[k,C]=(0,a.useState)("multi"),[S,E]=(0,a.useState)(!1),[F,M]=(0,a.useState)([]),[A,I]=(0,a.useState)(""),[T,Z]=(0,a.useState)(3),[_,R]=(0,a.useState)(4),[L,O]=(0,a.useState)([]),[W,B]=(0,a.useState)([]),[D,P]=(0,a.useState)(null),[q,J]=(0,a.useState)(""),[X,G]=(0,a.useState)([]),[H,Q]=(0,a.useState)([]),[V,K]=(0,a.useState)([]),[Y,U]=(0,a.useState)([{id:"1",name:"항목 1",weight:1},{id:"2",name:"항목 2",weight:1},{id:"3",name:"항목 3",weight:1}]),[$,ee]=(0,a.useState)(!1),[et,en]=(0,a.useState)(null),[el,ea]=(0,a.useState)(null),[ei,es]=(0,a.useState)("idle"),[er,ec]=(0,a.useState)(null),[eo,ed]=(0,a.useState)(!1),[ex,em]=(0,a.useState)("timer"),[eu,eh]=(0,a.useState)(300),[ef,ep]=(0,a.useState)(300),[eb,eg]=(0,a.useState)(0),[ej,ez]=(0,a.useState)([]),[ev,ew]=(0,a.useState)(!1),[ey,eN]=(0,a.useState)(!1),[ek,eC]=(0,a.useState)(!1),[eS,eE]=(0,a.useState)(!1),eF=(0,a.useRef)(null),eM=(0,a.useRef)(null),eA=(0,a.useRef)(null),eI=(0,a.useRef)(null),eT=()=>{try{let e=new(window.AudioContext||window.webkitAudioContext),t=0,n=()=>{if(t>=4)return;let l=e.createOscillator(),a=e.createGain();l.connect(a),a.connect(e.destination),l.type="square",l.frequency.setValueAtTime(880,e.currentTime),a.gain.setValueAtTime(.3,e.currentTime),a.gain.exponentialRampToValueAtTime(.001,e.currentTime+.15),l.start(e.currentTime),l.stop(e.currentTime+.15),t++,eI.current=setTimeout(n,300)};n()}catch(e){}};(0,a.useEffect)(()=>{let e=()=>{let e=document.fullscreenElement||document.webkitFullscreenElement;e?e===eA.current?eC(!0):eN(!0):(eN(!1),eC(!1))};return document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e)}},[]);let eZ=async()=>{if(ek)document.exitFullscreen?await document.exitFullscreen():eC(!1);else try{let e=eA.current;(null==e?void 0:e.requestFullscreen)?await e.requestFullscreen():eC(!0)}catch(e){eC(!0)}},e_=async()=>{if(ey)document.fullscreenElement&&document.exitFullscreen?await document.exitFullscreen():eN(!1);else{var e;if(null===(e=eM.current)||void 0===e?void 0:e.requestFullscreen)try{await eM.current.requestFullscreen()}catch(e){eN(!0)}else eN(!0)}},eR=(0,a.useRef)(null),eL=(0,a.useRef)(null),eO=(0,a.useRef)(null),eW=["담임 학급",...t.filter(e=>"담임 학급"!==e)],eB=e.filter(e=>{var t;return"담임 학급"===y?"담임 학급"===e.homeClassId:e.homeClassId===y||(null===(t=e.customClassIds)||void 0===t?void 0:t.includes(y))}).sort((e,t)=>e.number-t.number);(0,a.useEffect)(()=>{Q(eB.map(e=>({id:e.id,name:e.name,number:e.number}))),K([])},[y,e]);let eD=(0,a.useRef)(!1),eP=e.length>0;(0,a.useEffect)(()=>{if(!y||!eP)return;eD.current=!1;let e=new Set(eB.map(e=>e.id)),t=t=>{let n=t.filter(e=>e&&e.id).map(e=>e.id);return n.length>0&&n.every(t=>e.has(t))},n=[],l=localStorage.getItem("random-picker-teams-".concat(y));if(l)try{let e=JSON.parse(l);Array.isArray(e)&&e.length>0&&e.every(e=>Array.isArray(e))&&t(e.flat())&&(n=e)}catch(e){}O(n);let a=localStorage.getItem("random-picker-teamNames-".concat(y));if(a)try{B(JSON.parse(a))}catch(e){B([])}else B([]);let i=[],s=localStorage.getItem("random-picker-order-".concat(y));if(s)try{let e=JSON.parse(s);Array.isArray(e)&&t(e)&&(i=e)}catch(e){}G(i),"team"===k&&n.length>0?es("result"):"order"===k&&i.length>0?es("result"):es("idle"),M([]),eD.current=!0},[y,eP]),(0,a.useEffect)(()=>{y&&eD.current&&0!==L.length&&localStorage.setItem("random-picker-teams-".concat(y),JSON.stringify(L))},[L]),(0,a.useEffect)(()=>{y&&eD.current&&localStorage.setItem("random-picker-teamNames-".concat(y),JSON.stringify(W))},[W]),(0,a.useEffect)(()=>{y&&eD.current&&0!==X.length&&localStorage.setItem("random-picker-order-".concat(y),JSON.stringify(X))},[X]),(0,a.useEffect)(()=>(ev?"timer"===ex?eF.current=setInterval(()=>{ep(e=>e<=1?(ew(!1),eE(!0),eT(),0):e-1)},1e3):eF.current=setInterval(()=>{eg(e=>e+10)},10):eF.current&&clearInterval(eF.current),()=>{eF.current&&clearInterval(eF.current)}),[ev,ex]);let eq=()=>{if($||0===Y.length)return;en(null),ea(null),ee(!0);let e=Math.random()*Y.reduce((e,t)=>

1e+t.weight,0),t=Y[0];for(let n of Y)if((e-=n.weight)<=0){t=n;break}ea(t.id)},eJ=(0,a.useCallback)(()=>{ee(!1);let e=Y.find(e=>e.id===el);e&&en(e.name)},[el,Y]),eX=e=>{let t=Math.floor(e/1e3);return"".concat(Math.floor(t/60).toString().padStart(2,"0"),":").concat((t%60).toString().padStart(2,"0"),".").concat(Math.floor(e%1e3/10).toString().padStart(2,"0"))};(0,a.useEffect)(()=>()=>{eR.current&&clearInterval(eR.current),eL.current&&clearInterval(eL.current),eF.current&&clearInterval(eF.current)},[]);let eG=e=>{let t=[...e];for(let e=t.length-1;e>0;e--){let n=Math.floor(Math.random()*(e+1));[t[e],t[n]]=[t[n],t[e]]}return t},eH=(0,a.useCallback)(e=>{eL.current&&clearInterval(eL.current),ec(e),eL.current=setInterval(()=>{ec(e=>!e||e<=1?(eL.current&&clearInterval(eL.current),null):e-1)},1e3)},[]),eQ=(0,a.useCallback)(()=>{0===eB.length||S||(E(!0),es("shuffling"),M([]),eH(3),setTimeout(()=>{let e=eG(eB);M(e.slice(0,Math.min(T,e.length)).map(e=>({id:e.id,name:e.name,number:e.number}))),es("result"),E(!1)},3e3))},[eB,S,T,eH]),eV=(0,a.useCallback)(()=>{0===eB.length||S||(E(!0),es("shuffling"),O([]),B([]),eH(3),setTimeout(()=>{let e=eG(eB),t=Array.from({length:_},()=>[]);e.forEach((e,n)=>t[n%_].push({id:e.id,name:e.name,number:e.number})),O(t),es("result"),E(!1)},3e3))},[eB,S,_,eH]),eK=(0,a.useCallback)(()=>{0===eB.length||S||(E(!0),es("shuffling"),G([]),eH(2),setTimeout(()=>{G(eG(eB).map(e=>({id:e.id,name:e.name,number:e.number}))),es("result"),E(!1)},2e3))},[eB,S,eH]),eY=(0,a.useCallback)(()=>{if(0===H.length||S)return;E(!0);let e=0;eR.current=setInterval(()=>{if(I(H[Math.floor(Math.random()*H.length)].name),++e>=15){eR.current&&clearInterval(eR.current);let e=Math.floor(Math.random()*H.length),t=H[e];K(e=>[...e,t]),Q(t=>t.filter((t,n)=>n!==e)),I(""),E(!1),(async()=>{let{default:e}=await n.e(9235).then(n.bind(n,79235));(eO.current?e.create(eO.current,{resize:!0,useWorker:!0}):e)({particleCount:120,spread:100,origin:{y:.6},colors:["#3b82f6","#10b981","#f59e0b","#ef4444","#8b5cf6"]})})()}},80)},[H,S]),eU=()=>{Q(eB.map(e=>({id:e.id,name:e.name,number:e.number}))),K([])},e$=()=>{M([]),O([]),G([]),es("idle"),ec(null),"lucky"===k&&eU()};return(0,l.jsxs)("div",{className:"flex flex-col h-full bg-[#fafaf9] dark:bg-zinc-950",children:[(0,l.jsxs)("div",{className:"px-5 pt-8 pb-3 sticky top-0 z-40 bg-[#fafaf9]/90 dark:bg-zinc-950/90 backdrop-blur-md",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,l.jsx)("h2",{className:"text-[17px] font-bold text-zinc-900 dark:text-zinc-100",children:"랜덤 뽑기"}),(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsxs)("button",{onClick:()=>ed(e=>!e),className:"flex items-center gap-1.5 px-3 py-1.5 bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-full text-[13px] font-medium text-zinc-700 dark:text-zinc-300 active:scale-95 transition shadow-sm",children:[y,(0,l.jsx)(r.Z,{size:13,className:(0,b.cn)("text-zinc-400 dark:text-zinc-500 transition-transform duration-200",eo&&"rotate-180")})]}),(0,l.jsx)(i.M,{children:eo&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"fixed inset-0 z-[200]",onClick:()=>ed(!1)}),(0,l.jsx)(s.E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.12},className:"absolute right-0 top-full mt-1.5 z-[201] bg-white rounded-2xl shadow-xl border border-zinc-100 overflow-hidden",style:{minWidth:150},children:eW.map((e,t)=>(0,l.jsxs)("button",{onClick:()=>{N(e),ed(!1)},className:(0,b.cn)("w-full flex items-center justify-between px-4 py-3 text-[14px] transition-colors",t>0&&"border-t border-zinc-100/80",e===y?"font-semibold text-zinc-900 bg-zinc-50":"font-medium text-zinc-600 dark:text-zinc-400 active:bg-zinc-50"),children:[e,e===y&&(0,l.jsx)(c.Z,{size:13,className:"text-zinc-500 ml-3 shrink-0",strokeWidth:2.5})]},e))})]})})]})]}),(0,l.jsx)("div",{className:"flex gap-1.5 mt-3 overflow-x-auto scrollbar-hide pb-0.5",children:w.map(e=>(0,l.jsx)("button",{type:"button",onClick:()=>{C(e.id),M([]),"team"===e.id&&L.length>0?es("result"):"order"===e.id&&X.length>0?es("result"):es("idle")},className:(0,g.Fk)(k===e.id,"flex-none whitespace-nowrap"),children:e.label},e.id))})]}),(0,l.jsx)("div",{className:"flex-1 overflow-y-auto px-5 mobile-scroll-with-floating",children:"timer"!==k&&0===eB.length?(0,l.jsx)("div",{className:"flex flex-col items-center justify-center h-48 text-zinc-300",children:(0,l.jsx)("p",{className:"text-sm text-zinc-400",children:"학생 데이터가 없습니다"})}):(0,l.jsxs)(l.Fragment,{children:["multi"===k&&(0,l.jsxs)("div",{className:"flex flex-col gap-4 pt-3",children:[(0,l.jsxs)("div",{className:"py-2 flex items-center justify-between",children:[(0,l.jsx)("span",{className:"text-[13px] font-medium text-zinc-600 dark:text-zinc-400",children:"뽑을 인원"}),(0,l.jsx)(j.s,{value:T,onChange:Z,"aria-label":"뽑을 인원 수",className:"gap-1 bg-zinc-100 rounded-lg p-1",itemClassName:"w-8 h-8 rounded-md text-[13px] font-bold active:scale-90",activeItem

1ClassName:"text-zinc-900",inactiveItemClassName:"text-zinc-500",indicatorClassName:"bg-[#e5e4e0] rounded-md",options:[1,2,3,4,5,6].map(e=>({key:e,label:e}))})]}),(0,l.jsxs)(i.M,{mode:"wait",children:["idle"===ei&&(0,l.jsx)(s.E.div,{initial:{opacity:0},animate:{opacity:1},className:"py-4 flex flex-col items-center gap-4",children:(0,l.jsx)("div",{className:"grid grid-cols-4 gap-3 w-full",children:eB.map(e=>(0,l.jsxs)("div",{className:"flex flex-col items-center p-3 bg-zinc-100/70 rounded-xl",children:[(0,l.jsx)("span",{className:"text-[11px] text-zinc-400 font-bold",children:e.number}),(0,l.jsx)("span",{className:"text-[13px] font-semibold text-zinc-700 dark:text-zinc-300 mt-0.5",children:e.name})]},e.id))})},"idle"),"shuffling"===ei&&(0,l.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},className:"min-h-[280px] py-10 flex flex-col items-center justify-center gap-5",children:[(0,l.jsx)("div",{className:"w-20 h-20 rounded-full border-4 border-zinc-200 border-t-zinc-900 animate-spin"}),null!==er&&(0,l.jsx)("span",{className:"text-4xl font-black text-zinc-900 tabular-nums",children:er}),(0,l.jsx)("p",{className:"text-sm text-zinc-400",children:"선발 중..."})]},"shuffling"),"result"===ei&&F.length>0&&(0,l.jsxs)(s.E.div,{initial:{opacity:0}

1,animate:{opacity:1},className:"flex flex-col gap-2",children:[(0,l.jsx)("p",{className:"text-[11px] font-bold text-zinc-400 uppercase tracking-widest px-1",children:"선발 결과"}),F.map((e,t)=>(0,l.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.08*t},className:"bg-white/80 border border-zinc-200/70 rounded-2xl px-5 py-4 flex items-center gap-4 shadow-sm",children:[(0,l.jsx)("span",{className:"w-8 h-8 rounded-full bg-blue-500 text-white text-xs font-bold flex items-center justify-center shrink-0",children:t+1}),(0,l.jsxs)("span",{className:"text-[11px] text-zinc-400 font-medium w-6",children:[e.number,"번"]}),(0,l.jsx)("span",{className:"text-[16px] font-bold text-zinc-900",children:e.name})]},e.id))]},"result")]})]}),"team"===k&&(0,l.jsxs)("div",{className:"flex flex-col gap-4 pt-3",children:[(0,l.jsxs)("div",{className:"py-2 flex items-center justify-between",children:[(0,l.jsx)("span",{className:"text-[13px] font-medium text-zinc-600 dark:text-zinc-400",children:"팀 수"}),(0,l.jsx)(j.s,{value:_,onChange:R,"aria-label":"나눌 팀 수",className:"gap-1 bg-zinc-100 rounded-lg p-1",itemClassName:"w-8 h-8 rounded-md text-[13px] font-bold active:scale-90",activeItem

1ClassName:"text-zinc-900",inactiveItemClassName:"text-zinc-500",indicatorClassName:"bg-[#e5e4e0] rounded-md",options:[2,3,4,5,6].map(e=>({key:e,label:e}))})]}),(0,l.jsxs)(i.M,{mode:"wait",children:["shuffling"===ei&&(0,l.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},className:"min-h-[280px] py-10 flex flex-col items-center justify-center gap-5",children:[(0,l.jsx)("div",{className:"w-20 h-20 rounded-full border-4 border-zinc-200 border-t-zinc-900 animate-spin"}),null!==er&&(0,l.jsx)("span",{className:"text-4xl font-black text-zinc-900 tabular-nums",children:er}),(0,l.jsx)("p",{className:"text-sm text-zinc-400",children:"팀 나누는 중..."})]},"shuffling"),"result"===ei&&L.length>0?(0,l.jsx)(s.E.div,{className:"flex flex-col gap-3",children:L.map((e,t)=>(0,l.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.06*t},className:"py-3",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[D===t?(0,l.jsx)("input",{type:"text",autoFocus:!0,value:q,onChange:e=>J(e.target.value),onBlur:()=>{let e=[...W];for(;e.length<=t;)e.push("");e[t]=q.trim(),B(e),P(null)},onKeyDown:e=>{"Enter"===e.key&&e.target.blur(),"Escape"===e.key&&P(null)},className:"text-[13px] font-bold text-zinc-800 dark:text-zinc-200 bg-transparent outline-none border-b border-zinc-300 focus:border-zinc-500 w-24",maxLength:20}):(0,l.jsx)("span",{className:"text-[13px] font-bold text-zinc-800 dark:text-zinc-200 cursor-pointer active:text-zinc-500 transition-colors",onClick:()=>{P(t),J(W[t]||"".concat(t+1,"모둠"))},children:W[t]||"".concat(t+1,"모둠")}),(0,l.jsxs)("span",{className:"text-[11px] bg-zinc-100 text-zinc-500 rounded-full px-2 py-0.5 font-medium",children:[e.length,"명"]})]}),(0,l.jsx)("div",{className:"flex flex-wrap gap-2",children:e.map(e=>(0,l.jsxs)("div",{className:"flex items-center gap-1.5 bg-zinc-100/70 rounded-xl px-3.5 py-2",children:[(0,l.jsx)("span",{className:"text-[10px] font-bold text-zinc-400",children:e.number}),(0,l.jsx)("span",{className:"text-[13px] font-semibold text-zinc-800 dark:text-zinc-200",children:e.name})]},e.id))})]},t))},"teams"):(0,l.jsxs)(s.E.div,{className:"min-h-[260px] py-8 flex flex-col items-center justify-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm text-zinc-400",children:"버튼을 눌러 팀을 나눠보세요"}),(0,l.jsxs)("p",{className:"text-[11px] text-zinc-300",children:[eB.length,"명 / ",_,"팀"]})]},"idle-team")]})]}),"order"===k&&(0,l.jsx)("div",{className:"flex flex-col gap-4 pt-3",children:(0,l.jsxs)(i.M,{mode:"wait",children:["shuffling"===ei&&(0,l.jsxs)(s.E.div,{initial:{opacity:0}

1,animate:{opacity:1},className:"min-h-[280px] py-10 flex flex-col items-center justify-center gap-5",children:[(0,l.jsx)("div",{className:"w-16 h-16 rounded-full border-4 border-zinc-200 border-t-zinc-900 animate-spin"}),null!==er&&(0,l.jsx)("span",{className:"text-4xl font-black text-zinc-900",children:er}),(0,l.jsx)("p",{className:"text-sm text-zinc-400",children:"순서 정하는 중..."})]},"shuffling"),("idle"===ei||"result"===ei&&0===X.length)&&(0,l.jsxs)(s.E.div,{className:"min-h-[260px] py-8 flex flex-col items-center justify-center gap-2",children:[(0,l.jsx)("p",{className:"text-sm text-zinc-400",children:"버튼을 눌러 발표 순서를 정해보세요"}),(0,l.jsxs)("p",{className:"text-[11px] text-zinc-300",children:["총 ",eB.length,"명"]})]},"idle-order"),"result"===ei&&X.length>0&&(0,l.jsx)(s.E.div,{className:"flex flex-col gap-2",children:X.map((e,t)=>(0,l.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:Math.min(.03*t,.5)},className:"bg-white/80 border border-zinc-200/70 rounded-2xl px-5 py-3.5 flex items-center gap-4",children:[(0,l.jsx)("span",{className:"w-7 h-7 rounded-lg bg-[#e5e4e0] text-zinc-900 text-[11px] font-bold flex items-center justify-center shrink-0",children:t+1}),(0,l.jsxs)("span",{className:"text-[11px] text-zinc-400 font-medium",children:[e.number,"번"]}),(0,l.jsx)("span",{className:"text-[14px] font-semibold text-zinc-900",children:e.name})]},e.id))},"order-result")]})}),"lucky"===k&&(0,l.jsxs)("div",{className:"flex flex-col gap-4 pt-3",children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,l.jsxs)("div",{className:"py-3 flex flex-col items-center gap-1",children:[(0,l.jsx)("span",{className:"text-[10px] font-bold text-zinc-400 uppercase tracking-widest",children:"남은 인원"}),(0,l.jsx)("span",{className:"text-3xl font-black text-zinc-900 tabular-nums",children:H.length})]}),(0,l.jsxs)("div",{className:"py-3 flex flex-col items-center gap-1",children:[(0,l.jsx)("span",{className:"text-[10px] font-bold text-blue-400 uppercase tracking-widest",children:"뽑힌 인원"}),(0,l.jsx)("span",{className:"text-3xl font-black text-blue-500 tabular-nums",children:V.length})]})]}),(0,l.jsxs)("div",{className:"relative overflow-hidden",style:{minHeight:230},children:[(0,l.jsx)("canvas",{ref:eO,className:"absolute inset-0 w-full h-full pointer-events-none z-0"}),(0,l.jsx)("div",{className:"relative z-10 flex flex-col items-center justify-center p-8",style:{minHeight:230},children:(0,l.jsx)(i.M,{mode:"wait",children:S&&A?(0,l.jsx)(s.E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.08},className:"text-6xl font-black text-zinc-900 text-center",children:A},"animating"):V.length>0?(0,l.jsxs)(s.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:"flex flex-col items-center gap-2",children:[(0,l.jsx)("p",{className:"text-[11px] font-bold text-zinc-400 uppercase tracking-widest",children:"당첨!"}),(0,l.jsx)("p",{className:"text-6xl font-black text-zinc-900",children:V[V.length-1].name}),(0,l.jsxs)("p",{className:"text-sm text-zinc-500",children:[V[V.length-1].number,"번"]})]},"winner"):(0,l.jsx)(s.E.div,{className:"flex flex-col items-center gap-2",children:(0,l.jsx)("p",{className:"text-sm text-zinc-400",children:"뽑기 버튼을 눌러주세요"})},"idle-lucky")})})]}),V.length>0&&(0,l.jsxs)("div",{className:"pt-3",children:[(0,l.jsx)("p",{className:"text-[11px] font-bold text-zinc-400 uppercase tracking-widest mb-3",children:"당첨 기록"}),(0,l.jsx)("div",{className:"flex flex-col gap-1.5",children:(0,l.jsx)(i.M,{initial:!1,children:[...V].reverse().map((e,t)=>(0,l.jsxs)(s.E.div,{initial:{opacity:0}

1,animate:{opacity:1},className:(0,b.cn)("flex items-center gap-3 px-3 py-2.5 rounded-xl",0===t?"bg-blue-50 border border-blue-100":"bg-zinc-50"),children:[(0,l.jsx)("span",{className:(0,b.cn)("w-5 h-5 rounded-full text-[10px] font-bold flex items-center justify-center shrink-0",0===t?"bg-[#007AFF] text-white":"bg-zinc-200 text-zinc-500"),children:V.length-t}),(0,l.jsxs)("span",{className:"text-[11px] text-zinc-400",children:[e.number,"번"]}),(0,l.jsx)("span",{className:"text-[13px] font-semibold text-zinc-800 dark:text-zinc-200",children:e.name})]},e.id))})})]})]}),"roulette"===k&&(0,l.jsxs)("div",{ref:eA,className:(0,b.cn)("flex flex-col transition-all",ek?"fixed inset-0 z-[9999] bg-[#fafaf9] items-center justify-center gap-4 mobile-fullscreen-safe px-6":"gap-4 pt-3 mobile-picker-stage"),children:[(0,l.jsx)("button",{"aria-label":ek?"전체화면 종료":"전체화면",onClick:eZ,className:(0,b.cn)("absolute z-50 p-2.5 bg-white shadow-sm rounded-full transition-all active:scale-95 border border-zinc-100",ek?"top-12 right-6":"top-2 right-0"),children:ek?(0,l.jsx)(o.Z,{size:20}):(0,l.jsx)(d.Z,{size:20})}),(0,l.jsx)("div",{className:(0,b.cn)("relative flex flex-col items-center justify-center w-full mx-auto",ek?"shrink-0":"flex-1 min-h-[220px] max-w-[320px] mb-4"),children:(0,l.jsx)(v.c,{items:Y,isSpinning:$,targetId:el,onFinished:eJ,size:ek?Math.min(460,.92*window.innerWidth):Math.min(280,.75*window.innerWidth),highlightId:!$&&et?el:null})}),!ek&&(0,l.jsxs)("div",{className:"p-1 shrink-0 flex flex-col h-[200px]",children:[(0,l.jsx)("div",{className:"flex-1 overflow-y-auto mb-2 pr-1 custom-scrollbar",children:(0,l.jsx)("div",{className:"flex flex-col gap-2",children:Y.map((e,t)=>(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-2 px-1",children:[(0,l.jsx)("div",{className:"w-2.5 h-2.5 rounded-full shrink-0",style:{background:v.Q[t%v.Q.length]}}),(0,l.jsx)("input",{type:"text",value:e.name,onChange:t=>U(n=>n.map(n=>n.id===e.id?{...n,name:t.target.value}:n)),className:"flex-1 min-w-0 bg-zinc-50 text-zinc-800 dark:text-zinc-200 text-sm outline-none px-2 py-1.5 rounded-md border border-zinc-200 focus:border-blue-400",placeholder:"항목 이름"}),(0,l.jsxs)("div",{className:"flex items-center gap-1 shrink-0",children:[(0,l.jsx)("span",{className:"text-zinc-400 text-[10px] font-medium",children:"비율"}),(0,l.jsx)("input",{type:"number",min:1,max:100,value:e.weight,onChange:t=>U(n=>n.map(n=>n.id===e.id?{...n,weight:Math.max(1,Number(t.target.value))}:n)),className:"w-[42px] bg-zinc-50 text-zinc-800 dark:text-zinc-200 text-sm text-center rounded-md px-1 py-1.5 outline-none border border-zinc-200 focus:border-blue-400"})]}),(0,l.jsx)("button",{"aria-label":"삭제",onClick:()=>U(t=>t.filter(t=>t.id!==e.id)),disabled:Y.length<=2,className:"p-1.5 text-zinc-300 hover:text-red-400 transition-colors disabled:opacity-20 shrink-0",children:(0,l.jsx)(x.Z,{size:16})})]},e.id))})}),(0,l.jsxs)("div",{className:"flex items-center justify-between shrink-0 pt-2 border-t border-zinc-100",children:[(0,l.jsxs)("button",{onClick:()=>U(e=>[...e,{id:Date.now().toString(),name:"항목 ".concat(e.length+1),weight:1}]),className:"flex items-center gap-1 text-zinc-500 hover:text-zinc-800 text-sm font-medium transition-colors",children:[(0,l.jsx)(m.Z,{size:16}),(0,l.jsx)("span",{children:"추가"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("button",{onClick:()=>{en(null),ea(null)},disabled:$,className:"px-4 py-2 rounded-full bg-white hover:bg-zinc-50 border border-zinc-200 text-zinc-600 dark:text-zinc-400 font-bold text-sm transition active:scale-95 disabled:opacity-50 shadow-sm",children:"초기화"}),(0,l.jsx)("button",{onClick:eq,disabled:$||Y.length<2,className:"px-6 py-2 rounded-full bg-[#007AFF] hover:bg-[#0066D6] text-white font-bold text-sm transition active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed shadow-md",children:$?"돌리는 중...":"돌리기"})]})]})]}),ek&&(0,l.jsxs)("div",{className:"flex items-center gap-3 shrink-0",children:[(0,l.jsx)("button",{onClick:()=>{en(null),ea(null)},disabled:$,className:"px-6 py-3 rounded-full bg-white border border-zinc-200 text-zinc-700 dark:text-zinc-300 font-bold text-sm shadow-sm active:scale-95 disabled:opacity-50",children:"초기화"}),(0,l.jsx)("button",{onClick:eq,disabled:$||Y.length<2,className:"px-10 py-3 rounded-full bg-[#007AFF] text-white font-bold text-base shadow-md active:scale-95 disabled:opacity-50",children:$?"돌리는 중...":"돌리기"})]})]}),"timer"===k&&(0,l.jsxs)("div",{ref:eM,className:(0,b.cn)("flex flex-col gap-4 pt-3 transition-all",ey?"fixed inset-0 z-[9999] bg-[#fafaf9] px-4 mobile-fullscreen-safe pt-12":"h-full relative"),children:[(0,l.jsx)("button",{"aria-label":ey?"전체화면 종료":"전체화면",onClick:e_,className:(0,b.cn)("absolute z-50 p-2.5 text-zinc-400 hover:text-zinc-600 bg-white shadow-sm rounded-full transition-all active:scale-95 border border-zinc-100",ey?"top-12 right-6":"top-2 right-0"),children:ey?(0,l.jsx)(o.Z,{size:20}):(0,l.jsx)(d.Z,{size:20})}),(0,l.jsx)(j.s,{value:ex,onChange:e=>{em(e),ew(!1)},"aria-label":"시간 측정 방식",equalWidth:!0,className:"gap-1.5 p-1 bg-white border border-zinc-100 rounded-xl max-w-[200px] mx-auto 

1shadow-sm",itemClassName:"py-1.5 text-[13px] font-bold rounded-lg whitespace-nowrap",activeItemClassName:"text-zinc-900",inactiveItemClassName:"text-zinc-400",indicatorClassName:"bg-zinc-100 rounded-lg shadow-sm",options:[{key:"timer",label:"타이머"},{key:"stopwatch",label:"스톱워치"}]}),(0,l.jsxs)("div",{className:"flex-1 flex flex-col items-center justify-center py-6 min-h-[360px]",children:["timer"===ex&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{children:"@keyframes timerShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}"}),(0,l.jsx)("div",{style:eS?{animation:"timerShake 0.4s ease-in-out infinite"}:{},className:(0,b.cn)("font-black tabular-nums leading-none mb-auto mt-auto tracking-tight whitespace-nowrap px-1 transition-colors duration-300",ey?"text-[clamp(7rem,22vw,14rem)]":"text-[clamp(5rem,20vw,11rem)]",eS?"text-red-500":"text-zinc-900"),children:"".concat(Math.floor(ef/60).toString().padStart(2,"0"),":").concat((ef%60).toString().padStart(2,"0"))}),!ev&&(0,l.jsxs)("div",{className:"flex flex-wrap justify-center gap-1.5 mb-8 px-2",children:[(0,l.jsx)("button",{onClick:()=>{eh(e=>Math.max(0,e-60)),ep(e=>Math.max(0,e-60))},className:"px-2.5 py-1.5 rounded-lg bg-zinc-50 border border-zinc-100 text-zinc-500 font-medium text-[12px]",children:"-1분"}),(0,l.jsx)("button",{onClick:()=>{eh(e=>Math.max(0,e-10)),ep(e=>Math.max(0,e-10))},className:"px-2.5 py-1.5 rounded-lg bg-zinc-50 border border-zinc-100 text-zinc-500 font-medium text-[12px]",children:"-10초"}),(0,l.jsx)("button",{onClick:()=>{eh(e=>Math.max(0,e-1)),ep(e=>Math.max(0,e-1))},className:"px-2.5 py-1.5 rounded-lg bg-zinc-50 border border-zinc-100 text-zinc-500 font-medium text-[12px]",children:"-1초"}),(0,l.jsx)("button",{onClick:()=>{eh(e=>e+1),ep(e=>e+1)},className:"px-2.5 py-1.5 rounded-lg bg-zinc-50 border border-zinc-100 text-zinc-500 font-medium text-[12px]",children:"+1초"}),(0,l.jsx)("button",{onClick:()=>{eh(e=>e+10),ep(e=>e+10)},className:"px-2.5 py-1.5 rounded-lg bg-zinc-50 border border-zinc-100 text-zinc-500 font-medium text-[12px]",children:"+10초"}),(0,l.jsx)("button",{onClick:()=>{eh(e=>e+60),ep(e=>e+60)},className:"px-2.5 py-1.5 rounded-lg bg-zinc-50 border border-zinc-100 text-zinc-500 font-medium text-[12px]",children:"+1분"}),(0,l.jsx)("button",{onClick:()=>{eh(e=>e+300),ep(e=>e+300)},className:"px-2.5 py-1.5 rounded-lg bg-zinc-50 border border-zinc-100 text-zinc-500 font-medium text-[12px]",children:"+5분"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-4 mt-auto",children:[(0,l.jsx)("button",{"aria-label":"타이머 초기화",onClick:()=>{ew(!1),eE(!1),eI.current&&clearTimeout(eI.current),ev||ef!==eu||300===eu?ep(eu):(eh(300),ep(300))},className:"w-14 h-14 rounded-full bg-zinc-100 flex items-center justify-center text-zinc-500 transition-transform active:scale-95",children:(0,l.jsx)(u.Z,{size:22})}),(0,l.jsx)("button",{"aria-label":ev?"일시정지":"재생",onClick:()=>ew(!ev),className:(0,b.cn)("w-16 h-16 rounded-full flex items-center justify-center transition-transform active:scale-95 shadow-md",ev?"bg-red-500 shadow-red-500/30 text-white":"bg-[#007AFF] shadow-blue-500/30 text-white"),children:ev?(0,l.jsx)(h.Z,{size:28,fill:"white",color:"white"}):(0,l.jsx)(f.Z,{size:28,fill:"white",color:"white",className:"ml-1"})})]})]}),"stopwatch"===ex&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:(0,b.cn)("font-black text-zinc-900 tabular-nums leading-none tracking-tight whitespace-nowrap px-1 mb-auto mt-auto transition",ey?"text-[clamp(6rem,16vw,10rem)]":"text-[clamp(4rem,15vw,8rem)]"),children:eX(eb)}),ej.length>0&&(0,l.jsx)("div",{className:"absolute bottom-[90px] left-0 right-0 max-h-[120px] overflow-y-auto custom-scrollbar flex flex-col items-center gap-1 pb-2 z-0",style:{WebkitMaskImage:"linear-gradient(to bottom, transparent, black 25%)"},children:ej.map((e,t)=>(0,l.jsx)("div",{className:"text-zinc-900 dark:text-zinc-100 font-black text-[1.2rem] tabular-nums tracking-widest shrink-0",children:eX(e)},t))}),(0,l.jsxs)("div",{className:"flex items-center gap-4 mt-auto pt-4 relative z-10",children:[(0,l.jsx)("button",{"aria-label":ev?"종료":"초기화",onClick:()=>{ev?ez(e=>[eb,...e]):(ew(!1),eg(0),ez([]))}

1,className:"w-14 h-14 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center text-zinc-500 dark:text-zinc-400 transition-transform active:scale-95",children:ev?(0,l.jsx)(p.Z,{size:22}):(0,l.jsx)(u.Z,{size:22})}),(0,l.jsx)("button",{"aria-label":ev?"일시정지":"재생",onClick:()=>ew(!ev),className:(0,b.cn)("w-16 h-16 rounded-full flex items-center justify-center transition-transform active:scale-95 shadow-md",ev?"bg-red-500 shadow-red-500/30 text-white":"bg-[#007AFF] shadow-blue-500/30 text-white"),children:ev?(0,l.jsx)(h.Z,{size:28,fill:"white",color:"white"}):(0,l.jsx)(f.Z,{size:28,fill:"white",color:"white",className:"ml-1"})})]})]})]})]})]})}),"timer"!==k&&eB.length>0&&(0,l.jsx)("div",{className:"px-5 mobile-bottom-action-bar pt-4 bg-[#fafaf9]/80 backdrop-blur-xl border-t border-zinc-100 shadow-[0_-5px_20px_rgba(0,0,0,0.03)] z-50",children:(0,l.jsxs)("div",{className:"flex gap-2 max-w-md mx-auto",children:["multi"===k&&(0,l.jsx)("button",{onClick:"result"===ei?e$:eQ,disabled:S,className:(0,b.cn)("w-full py-4 rounded-2xl text-[15px] font-bold flex items-center justify-center gap-2 transition active:scale-[0.98]",S?"bg-zinc-200 text-zinc-400":"result"===ei?"bg-zinc-100 text-zinc-700 dark:text-zinc-300":"bg-[#007AFF] text-white"),children:S?"뽑는 중...":"result"===ei?"다시 뽑기":"".concat(T,"명 뽑기")}),"team"===k&&(0,l.jsx)("button",{onClick:"result"===ei?e$:eV,disabled:S,className:(0,b.cn)("w-full py-4 rounded-2xl text-[15px] font-bold flex items-center justify-center gap-2 transition active:scale-[0.98]",S?"bg-zinc-200 text-zinc-400":"result"===ei?"bg-zinc-100 text-zinc-700 dark:text-zinc-300":"bg-[#007AFF] text-white"),children:S?"나누는 중...":"result"===ei?"다시 나누기":"팀 나누기"}),"order"===k&&(0,l.jsx)("button",{onClick:"result"===ei?e$:eK,disabled:S,className:(0,b.cn)("w-full py-4 rounded-2xl text-[15px] font-bold flex items-center justify-center gap-2 transition active:scale-[0.98]",S?"bg-zinc-200 text-zinc-400":"result"===ei?"bg-zinc-100 text-zinc-700 dark:text-zinc-300":"bg-[#007AFF] text-white"),children:S?"정하는 중...":"result"===ei?"다시 정하기":"순서 정하기"}),"lucky"===k&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("button",{onClick:eU,className:"flex-none px-4 py-4 rounded-2xl text-[14px] font-bold bg-zinc-100 text-zinc-600 dark:text-zinc-400 flex items-center gap-1.5 active:scale-[0.98] transition",children:[(0,l.jsx)(u.Z,{size:15}),"초기화"]}),(0,l.jsx)("button",{onClick:eY,disabled:S||0===H.length,className:(0,b.cn)("flex-1 py-4 rounded-2xl text-[15px] font-bold transition active:scale-[0.98]",S||0===H.length?"bg-zinc-200 text-zinc-400":"bg-[#007AFF] text-white"),children:S?"뽑는 중...":0===H.length?"모두 뽑았습니다":"뽑기"})]})]})})]})}},25368:function(e,t,n){n.d(t,{Q:function(){return r},c:function(){return c}});var l=n(57437),a=n(2265),i=n(19653),s=n(13100);let r=["#7BaEB3","#DDA77B","#A0B084","#AE8F9E","#7D93B5","#D78A76","#E0B878","#82A1B1","#D6A8A8","#7A9E88"];function c(e){let{items:t,isSpinning:n,targetId:c,onFinished:o,size:d=400,highlightId:x}=e,m=(0,a.useRef)(null),[u,h]=(0,a.useState)(0),f=(0,i._)(),p=(0,a.useMemo)(()=>t.reduce((e,t)=>e+t.weight,0),[t]);return(0,a.useEffect)(()=>{let e=m.current;if(!e||0===t.length)return;let n=e.getContext("2d");if(!n)return;let l=window.devicePixelRatio||1;e.width=d*l,e.height=d*l,n.scale(l,l);let a=d/2,i=d/2,s=d/2-12;n.clearRect(0,0,d,d);let c=-Math.PI/2;t.forEach((e,t)=>{let l=e.weight/p*2*Math.PI,o=c+l,m=x&&x!==e.id;n.globalAlpha=m?.2:1,n.beginPath(),n.moveTo(a,i),n.arc(a,i,s,c,o),n.closePath();let u=c+l/2,h=a+.1*s*Math.cos(u),f=i+.1*s*Math.sin(u),b=a+Math.cos(u)*s,g=i+Math.sin(u)*s,j=n.createLinearGradient(h,f,b,g),z=e.color||r[t%r.length];j.addColorStop(0,z),j.addColorStop(1,"#"+z.replace(/^#/,"").replace(/../g,e=>("0"+Math.min(255,Math.max(0,parseInt(e,16)+-15)).toString(16)).substr(-2))),n.fillStyle=j,n.fill(),n.strokeStyle="rgba(255, 255, 255, 0.4)",n.lineWidth=2,n.stroke(),n.save(),n.translate(a,i),n.rotate(u),n.textAlign="right",n.textBaseline="middle",n.fillStyle="#ffffff",n.font="bold ".concat(Math.max(14,d/22),'px "Pretendard", "Apple SD Gothic Neo", sans-serif'),n.shadowColor="rgba(0,0,0,0.2)",n.shadowBlur=4,n.shadowOffsetX=1,n.shadowOffsetY=1;let v=.65*s,w=e.name;n.measureText(w).width>

1v&&(w=w.substring(0,8)+"..."),n.fillText(w,s-20,0),n.restore(),c=o,n.globalAlpha=1}),n.beginPath(),n.arc(a,i,.12*d,0,2*Math.PI),n.fillStyle="#FFFFFF",n.fill(),n.strokeStyle="#E4E4E7",n.lineWidth=6,n.stroke(),n.beginPath(),n.arc(a,i,.04*d,0,2*Math.PI),n.fillStyle="#F4F4F5",n.fill()},[t,d,p,x]),(0,a.useEffect)(()=>{if(n&&c){let e=0,n=0;for(let l of t){let t=l.weight/p*360;if(l.id===c){n=e/p*360+t/2;break}e+=l.weight}let l=t.find(e=>e.id===c),a=(2520+(360-n)+(l?l.weight/p:0)*216*(Math.random()-.5))%360-u%360;a<0&&(a+=360);let i=u+a+2520;f.start({rotate:i,transition:{type:"tween",ease:[.12,.85,.15,1],duration:5.5}}).then(()=>{h(i),o()})}},[n,c,t,p,u,f,o]),(0,l.jsxs)("div",{className:"relative flex items-center justify-center drop-shadow-[0_8px_24px_rgba(0,0,0,0.12)] h-full w-full",style:{width:d,height:d},children:[(0,l.jsx)("div",{className:"absolute inset-[-12px] rounded-full border-[8px] border-[#E5E4E0] bg-white shadow-sm"}),(0,l.jsx)("div",{className:"absolute inset-[-4px] rounded-full border border-black/5 pointer-events-none"}),(0,l.jsx)(s.E.div,{className:"relative rounded-full overflow-hidden will-change-transform z-10",animate:f,style:{width:"100%",height:"100%"},children:(0,l.jsx)("canvas",{ref:m,style:{width:"100%",height:"100%"}})}),(0,l.jsx)("div",{className:"absolute top-[-20px] left-1/2 -translate-x-1/2 z-20 flex flex-col items-center drop-shadow-[0_4px_6px_rgba(0,0,0,0.3)]",style:{transformOrigin:"top center"},children:(0,l.jsx)(s.E.div,{animate:n?{rotate:[0,-10,15,-12,8,-5,0]}:{},transition:{repeat:n?1/0:0,repeatType:"loop",duration:.3,ease:"linear"},style:{transformOrigin:"50% 10%"},children:(0,l.jsxs)("svg",{width:"40",height:"48",viewBox:"0 0 40 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M20 48L3.48386 20.3117C-3.69345 8.2934 4.95461 -7.60416e-07 18.9168 0L21.0832 1.4878e-07C35.0454 1.09672e-06 43.6935 8.2934 36.5161 20.3117L20 48Z",fill:"#FCA5A5"}),(0,l.jsx)("path",{d:"M20 45L5.59814 20.871C-0.342171 10.9209 6.81432 1 18.4285 1L21.5715 1.25997e-06C33.1857 1.45828e-06 40.3422 10.9209 34.4019 20.871L20 45Z",fill:"#EF4444",stroke:"#DC2626",strokeWidth:"2"}),(0,l.jsx)("circle",{cx:"20",cy:"12",r:"4",fill:"#FEE2E2"})]})})})]})}},91455:function(e,t,n){n.d(t,{s:function(){return s}});var l=n(57437),a=n(2265),i=n(93448);function s(e){let{options:t,value:n,onChange:s,className:r,itemClassName:c,activeItemClassName:o,inactiveItemClassName:d,indicatorClassName:x,variant:m="pill",underlineThickness:u=2,disabled:h=!1,equalWidth:f=!1,"aria-label":p}=e,b=(0,a.useRef)(null),g=(0,a.useRef)({}),[j,z]=(0,a.useState)(null),[v,w]=(0,a.useState)(!1),y=t.map(e=>e.key).join("\0"),N=(0,a.useCallback)(()=>{let e=b.current,t=g.current[n];if(!e||!t||0===t.offsetWidth){z(e=>null===e?e:null);return}let l={left:t.offsetLeft,top:t.offsetTop,width:t.offsetWidth,height:t.offsetHeight};z(e=>e&&e.left===l.left&&e.top===l.top&&e.width===l.width&&e.height===l.height?e:l)},[n]);(0,a.useLayoutEffect)(()=>{N()},[N,y,m]),(0,a.useEffect)(()=>{if(!j||v)return;let e=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(e)},[j,v]),(0,a.useEffect)(()=>{let e=b.current;if(!e||"undefined"==typeof ResizeObserver)return;let t=new ResizeObserver(()=>N());return t.observe(e),Object.values(g.current).forEach(e=>{e&&t.observe(e)}),()=>t.disconnect()},[N,y]),(0,a.useEffect)(()=>{let e=document.fonts;if(!(null==e?void 0:e.ready))return;let t=!1;return e.ready.then(()=>{t||N()}).catch(()=>{}),()=>{t=!0}},[N]);let k=!!j&&!h;return(0,l.jsxs)("div",{ref:b,role:"group","aria-label":p,className:(0,i.cn)("relative flex items-center",r),children:[(0,l.jsx)("div",{"aria-hidden":!0,className:(0,i.cn)("absolute left-0 top-0 pointer-events-none","pill"===m?"rounded-lg":"rounded-full",v&&"transition-[transform,width,opacity] duration-300 ease-out motion-reduce:transition-none",k?"opacity-100":"opacity-0",x),style:j?{transform:"translate3d(".concat(j.left,"px, ").concat("underline"===m?j.top+j.height-u:j.top,"px, 0)"),width:j.width,height:"underline"===m?u:j.height}:void 0}),t.map(e=>{let t=e.key===n;return(0,l.jsx)("button",{ref:t=>{g.current[e.key]=t},type:"button","aria-pressed":t,title:e.title,"aria-label":e.ariaLabel,disabled:h,onClick:()=>s(e.key),className:(0,i.cn)("relative z-10 flex items-center justify-center transition-colors duration-200 motion-reduce:transition-none",f&&"flex-1",c,t?o:d,e.className),children:e.label},e.key)})]})}},25450:function(e,t,n){n.d(t,{Fk:function(){return a}});var l=n(93448);function a(e){for(var t=arguments.length,n=Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];return(0,l.cn)("inline-flex items-center justify-center h-8 px-3 rounded-full text-[13px] transition active:scale-[0.96]",e?"bg-white dark:bg-[#1C1C1E] text-zinc-900 dark:text-zinc-100 font-semibold border border-zinc-200/90 dark:border-white/[0.12] shadow-[0_1px_2px_rgba(0,0,0,0.04)]":"bg-zinc-100/80 dark:bg-zinc-800/60 text-zinc-500 dark:text-zinc-400 font-medium border border-transparent",...n)}}}]);