https://naemo.ai/_next/static/chunks/3807.e5397b08d95810ac.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3807],{41473:function(e,t,r){r.d(t,{Z:function(){return l}});let l=(0,r(79205).Z)("Grid3x3",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]])},28124:function(e,t,r){r.d(t,{Z:function(){return l}});let l=(0,r(79205).Z)("Layers",[["path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z",key:"8b97xw"}],["path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65",key:"dd6zsq"}],["path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65",key:"ep9fru"}]])},25368:function(e,t,r){r.d(t,{Q:function(){return i},c:function(){return o}});var l=r(57437),n=r(2265),a=r(19653),s=r(13100);let i=["#7BaEB3","#DDA77B","#A0B084","#AE8F9E","#7D93B5","#D78A76","#E0B878","#82A1B1","#D6A8A8","#7A9E88"];function o(e){let{items:t,isSpinning:r,targetId:o,onFinished:c,size:d=400,highlightId:x}=e,h=(0,n.useRef)(null),[u,m]=(0,n.useState)(0),f=(0,a._)(),b=(0,n.useMemo)(()=>t.reduce((e,t)=>e+t.weight,0),[t]);return(0,n.useEffect)(()=>{let e=h.current;if(!e||0===t.length)return;let r=e.getContext("2d");if(!r)return;let l=window.devicePixelRatio||1;e.width=d*l,e.height=d*l,r.scale(l,l);let n=d/2,a=d/2,s=d/2-12;r.clearRect(0,0,d,d);let o=-Math.PI/2;t.forEach((e,t)=>{let l=e.weight/b*2*Math.PI,c=o+l,h=x&&x!==e.id;r.globalAlpha=h?.2:1,r.beginPath(),r.moveTo(n,a),r.arc(n,a,s,o,c),r.closePath();let u=o+l/2,m=n+.1*s*Math.cos(u),f=a+.1*s*Math.sin(u),p=n+Math.cos(u)*s,g=a+Math.sin(u)*s,w=r.createLinearGradient(m,f,p,g),v=e.color||i[t%i.length];w.addColorStop(0,v),w.addColorStop(1,"#"+v.replace(/^#/,"").replace(/../g,e=>("0"+Math.min(255,Math.max(0,parseInt(e,16)+-15)).toString(16)).substr(-2))),r.fillStyle=w,r.fill(),r.strokeStyle="rgba(255, 255, 255, 0.4)",r.lineWidth=2,r.stroke(),r.save(),r.translate(n,a),r.rotate(u),r.textAlign="right",r.textBaseline="middle",r.fillStyle="#ffffff",r.font="bold ".concat(Math.max(14,d/22),'px "Pretendard", "Apple SD Gothic Neo", sans-serif'),r.shadowColor="rgba(0,0,0,0.2)",r.shadowBlur=4,r.shadowOffsetX=1,r.shadowOffsetY=1;let j=.65*s,y=e.name;r.measureText(y).width>j&&(y=y.substring(0,8)+"..."),r.fillText(y,s-20,0),r.restore(),o=c,r.globalAlpha=1}),r.beginPath(),r.arc(n,a,.12*d,0,2*Math.PI),r.fillStyle="#FFFFFF",r.fill(),r.strokeStyle="#E4E4E7",r.lineWidth=6,r.stroke(),r.beginPath(),r.arc(n,a,.04*d,0,2*Math.PI),r.fillStyle="#F4F4F5",r.fill()},[t,d,b,x]),(0,n.useEffect)(()=>{if(r&&o){let e=0,r=0;for(let l of t){let t=l.weight/b*360;if(l.id===o){r=e/b*360+t/2;break}e+=l.weight}let l=t.find(e=>e.id===o),n=(2520+(360-r)+(l?l.weight/b:0)*216*(Math.random()-.5))%360-u%360;n<0&&(n+=360);let a=u+n+2520;f.start({rotate:a,transition:{type:"tween",ease:[.12,.85,.15,1],duration:5.5}}).then(()=>{m(a),c()})}},[r,o,t,b,u,f,c]),(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:h,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:r?{rotate:[0,-10,15,-12,8,-5,0]}:{},transition:{repeat:r?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"})]})})})]})}},3807:function(e,t,r){r.r(t),r.d(t,{default:function(){return F}});var l=r(57437),n=r(90982),a=r(2265),s=r(57586),i=r(13100),o=r(95805),c=r(41473),d=r(28124),x=r(79205);let h=(0,x.Z)("Disc",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]),u=(0,x.Z)("Timer",[["line",{x1:"10",x2:"14",y1:"2",y2:"2",key:"14vaq8"}],["line",{x1:"12",x2:"15",y1:"14",y2:"11",key:"17fdiu"}],["circle",{cx:"12",cy:"14",r:"8",key:"1e1u0o"}]]);var m=r(40875),f=r(34415),b=r(45884),p=r(18930),g=r(99397),w=r(69076),v=r(89227),j=r(33276),y=r(46211),k=r(58346),N=r(93448),A=r(91455),E=r(4908),z=r(25368),S=r(64954);function C(e){return e<=12?4:e<=20?5:e<=30?6:7}let M=[{id:"multi",label:"뽑기",description:"무작위 선택",icon:o.Z},{id:"team",label:"팀 나누기",description:"그룹 구성",icon:c.Z},{id:"order",label:"발표 순서",description:"순서 정하기",icon:d.Z},{id:"lucky",label:"럭키 드로우",description:"추첨",icon:function(e){let{size:t=16,className:r}=e;return(0,l.jsx)(k.d,{name:"trophy-star",size:t,className:r})}},{id:"roulette",label:"룰렛",description:"비율 추첨",icon:h},{id:"timer",label:"타이머",description:"시간 측정",icon:u}];function F(){var e,t;let{students:o,classes:c,isLoaded:d,isLoading:x}=(0,E.AF)(),[h,u]=(0,a.useState)("담임 학급"),[F,D]=(0,a.useState)("multi"),[I,Z]=(0,a.useState)(!1),[R,T]=(0,a.useState)([]),[L,_]=(0,a.useState)(""),[O,q]=(0,a.useState)(3),[B,P]=(0,a.useState)(4),[J,W]=(0,a.useState)([]),[X,G]=(0,a.useState)([]),[Q,V]=(0,a.useState)(null),[K,Y]=(0,a.useState)(""),[H,U]=(0,a.useState)([]),[$,ee]=(0,a.useState)(!1),[et,er]=(0,a.useState)([]),[el,en]=(0,a.useState)([]),[ea,es]=(0,a.useState)([{id:"1",name:"항목 1",weight:1},{id:"2",name:"항목 2",weight:1},{id:"3",name:"항목 3",weight:1}]),[ei,eo]=(0,a.useState)(!1),[ec,ed]=(0,a.useState)(null),[ex,eh]=(0,a.useState)(null),[eu,em]=(0,a.useState)(!1),[ef,eb]=(0,a.useState)(0),[ep,eg]=(0,a.useState)(!1),[ew,ev]=(0,a.useState)(!1),[ej,ey]=(0,a.useState)(null);(0,a.useRef)(null);let[ek,eN]=(0,a.useState)("idle"),[eA,eE]=(0,a.useState)([]),ez=(0,a.useRef)([]),eS=(0,a.useRef)(null),[eC,eM]=(0,a.useState)(null),eF=(0,a.useRef)(null),eD=(0,a.useRef)(null),[eI,eZ]=(0,a.useState)("timer"),[eR,eT]=(0,a.useState)(300),[eL,e_]=(0,a.useState)(300),[eO,eq]=(0,a.useState)(0),[eB,eP]=(0,a.useState)([]),[eJ,eW]=(0,a.useState)(!1),[eX,eG]=(0,a.useState)(!1),[eQ,eV]=(0,a.useState)(!1),eK=(0,a.useRef)(null),eY=(0,a.useRef)(null),eH=(0,a.useRef)(null),[eU,e$]=(0,a.useState)({width:0,height:0});(0,a.useEffect)(()=>{let e=eH.current;if(!e||"undefined"==typeof ResizeObserver)return;let t=new ResizeObserver(e=>{let[t]=e,{width:r,height:l}=t.contentRect;e$(e=>1>Math.abs(e.width-r)&&1>Math.abs(e.height-l)?e:{width:r,height:l})});return t.observe(e),()=>t.disconnect()},[]);let e0=(0,a.useRef)(null),e1=()=>{try{let e=new(window.AudioContext||window.webkitAudioContext),t=0,r=()=>{if(t>=4)return;let l=e.createOscillator(),n=e.createGain();l.connect(n),n.connect(e.destination),l.type="square",l.frequency.setValueAtTime(880,e.currentTime),n.gain.setValueAtTime(.3,e.currentTime),n.gain.exponentialRampToValueAtTime(.001,e.currentTime+.15),l.start(e.currentTime),l.stop(e.currentTime+.15),t++,e0.current=setTimeout(r,300)};r()}catch(e){}};(0,a.useEffect)(()=>{let e=()=>{let e=document.fullscreenElement||document.webkitFullscreenElement;eG(!!e&&e===eY.current)};return document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e)}},[]);let e2=async()=>

1{if(eX)try{document.exitFullscreen?await document.exitFullscreen():document.webkitExitFullscreen?await document.webkitExitFullscreen():eG(!1)}catch(e){eG(!1)}else try{let e=eY.current;if(!e)return;e.requestFullscreen?await e.requestFullscreen():e.webkitRequestFullscreen?await e.webkitRequestFullscreen():eG(!0)}catch(e){eG(!0)}},e5=["담임 학급",...c.filter(e=>"담임 학급"!==e)],e3=o.filter(e=>{var t;return"담임 학급"===h?"담임 학급"===e.homeClassId:e.homeClassId===h||(null===(t=e.customClassIds)||void 0===t?void 0:t.includes(h))}).sort((e,t)=>e.number-t.number);(0,a.useEffect)(()=>{er(e3.map(e=>({id:e.id,name:e.name,number:e.number}))),en([])},[h,o]);let e8=(0,a.useRef)(null),e4=(0,a.useRef)(!1),e6=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(!h||!d)return;e4.current=!0,e6.current=!1;let e=[],t=[];em(!1);let r=new Set(e3.map(e=>e.id)),l=localStorage.getItem("random-picker-teams-".concat(h));if(l)try{let t=JSON.parse(l);if(Array.isArray(t)&&t.length>0){let l=t.flat().filter(e=>e&&e.id).map(e=>e.id);l.length>0&&l.every(e=>r.has(e))&&(e=t)}}catch(e){console.error("Failed to load teams",e)}W(e);let n=localStorage.getItem("random-picker-teamNames-".concat(h));if(n&&e.length>0)try{G(JSON.parse(n))}catch(e){G([])}else G([]);let a=localStorage.getItem("random-picker-order-".concat(h));if(a)try{let e=JSON.parse(a);if(Array.isArray(e)&&e.length>0){let l=e.filter(e=>e&&e.id).map(e=>e.id);l.length>0&&l.every(e=>r.has(e))&&(t=e)}}catch(e){console.error("Failed to load order",e)}U(t),"team"===F&&e.length>0?eN("result"):"order"===F&&t.length>0?eN("result"):eN("idle")},[h,d]),(0,a.useEffect)(()=>{e4.current&&(e4.current=!1,e6.current=!0)},[J,X,H]),(0,a.useEffect)(()=>{h&&e6.current&&0!==J.length&&localStorage.setItem("random-picker-teams-".concat(h),JSON.stringify(J))},[J]),(0,a.useEffect)(()=>{h&&e6.current&&localStorage.setItem("random-picker-teamNames-".concat(h),JSON.stringify(X))},[X]),(0,a.useEffect)(()=>{h&&e6.current&&0!==H.length&&localStorage.setItem("random-picker-order-".concat(h),JSON.stringify(H))},[H]);let e9=(0,a.useCallback)(e=>{eF.current&&clearInterval(eF.current),eM(e),eF.current=setInterval(()=>{eM(e=>null===e||e<=1?(eF.current&&clearInterval(eF.current),null):e-1)},1e3)},[]),e7=e=>{let t=[...e];for(let e=t.length-1;e>0;e--){let r=Math.floor(Math.random()*(e+1));[t[e],t[r]]=[t[r],t[e]]}return t},te=(0,a.useCallback)(e=>{let t=e7(e3);return t.slice(0,Math.min(e,t.length)).map(e=>({id:e.id,name:e.name,number:e.number}))},[e3]);(0,a.useCallback)(()=>{if(0===e3.length||ep)return;eg(!0),ev(!1),T([]),ey(null);let e=Math.min(8,e3.length),t=Math.floor(Math.random()*e),r=e3[t];eb(ef+1800-360/e*t),setTimeout(()=>{eg(!1),ey(t),ev(!0),setTimeout(()=>{T([{id:r.id,name:r.name,number:r.number}])},600)},3500)},[e3,ep,ef]);let tt=(0,a.useCallback)(()=>{let e=e3.map(e=>e.id);eE(e),ez.current=e,eS.current&&clearInterval(eS.current),eS.current=setInterval(()=>{eE(e=>{let t=[...e];for(let e=0;e<2;e++){let e=Math.floor(Math.random()*t.length),r=Math.floor(Math.random()*t.length);[t[e],t[r]]=[t[r],t[e]]}return ez.current=t,t})},150)},[e3]),tr=(0,a.useCallback)(()=>{0===e3.length||I||(Z(!0),eN("shuffling"),T([]),e9(3),setTimeout(()=>{T(te(O)),eN("result"),Z(!1)},3e3))},[e3,I,O,te,e9]),tl=(0,a.useCallback)(()=>{if(0===e3.length||I)return;Z(!0),W([]),G([]),em(!0);let e=e7(e3),t=Array.from({length:B},()=>[]);e.forEach((e,r)=>{t[r%B].push({id:e.id,name:e.name,number:e.number})}),W(t),eN("result"),setTimeout(()=>{Z(!1)},4e3)},[e3,I,B]),tn=(0,a.useCallback)(()=>{Z(!0),eN("shuffling"),U([]),tt(),e9(5),setTimeout(()=>{eS.current&&clearInterval(eS.current),U(ez.current.map(e=>{let t=e3.find(t=>t.id===e);return{id:t.id,name:t.name,number:t.number}})),eN("result"),Z(!1)},5e3)},[e3,I,tt,e9]),ta=(0,a.useCallback)(()=>{if(0===et.length||I)return;Z(!0);let e=0;e8.current=setInterval(()=>{if(_(et[Math.floor(Math.random()*et.length)].name),++e>=15){e8.current&&clearInterval(e8.current);let e=Math.floor(Math.random()*et.length),t=et[e];en(e=>[...e,t]),er(t=>t.filter((t,r)=>r!==e)),_(""),Z(!1),(async()=>{let e=(await r.e(9235).then(r.bind(r,79235))).default,t=Date.now()+1e3,l=["#3b82f6","#10b981","#f59e0b","#ef4444","#8b5cf6","#ffffff"],n=eD.

1current?e.create(eD.current,{resize:!0,useWorker:!0}):e;(function e(){n({particleCount:3,angle:60,spread:55,origin:{x:0},colors:l}),n({particleCount:3,angle:120,spread:55,origin:{x:1},colors:l}),Date.now()<t&&requestAnimationFrame(e)})(),n({particleCount:150,spread:100,origin:{y:.6},colors:l,disableForReducedMotion:!0})})()}},80)},[et,I]),ts=(0,a.useCallback)(()=>{eo(!1);let e=ea.find(e=>e.id===ex);e&&ed(e.name)},[ex,ea]);(0,a.useEffect)(()=>(eJ?"timer"===eI?eK.current=setInterval(()=>{e_(e=>e<=1?(eW(!1),eV(!0),e1(),0):e-1)},1e3):eK.current=setInterval(()=>{eq(e=>e+10)},10):eK.current&&clearInterval(eK.current),()=>{eK.current&&clearInterval(eK.current)}),[eJ,eI]);let ti=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"))};return((0,a.useEffect)(()=>()=>{e8.current&&clearInterval(e8.current),eS.current&&clearInterval(eS.current),eF.current&&clearInterval(eF.current),eK.current&&clearInterval(eK.current)},[]),x&&0===o.length)?(0,l.jsx)(n.ContentLoadingState,{variant:"zones",label:"학생 명단을 불러오고 있어요"}):(0,l.jsxs)("div",{className:"h-full flex overflow-hidden bg-[#0D0D0D] relative",children:[(0,l.jsxs)("div",{className:"w-64 border-r border-white/5 flex flex-col bg-[#0D0D0D] shrink-0 random-sidebar nav-rail-shadow sub-sidebar-enter",children:[(0,l.jsx)("div",{className:"p-4 border-b border-white/5",children:(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("select",{value:h,onChange:e=>u(e.target.value),className:"w-full appearance-none bg-[#1A1A1A] border border-white/10 rounded-lg px-3 py-2.5 pr-8 text-white text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 hover:bg-[#222] transition-colors cursor-pointer",children:e5.map(e=>(0,l.jsx)("option",{value:e,children:e},e))}),(0,l.jsx)(m.Z,{className:"absolute right-3 top-1/2 -translate-y-1/2 text-[#666] pointer-events-none",size:14})]})}),(0,l.jsx)("div",{className:"flex-1 overflow-y-auto p-2",children:(0,l.jsx)("div",{className:"space-y-1",children:M.map(e=>(0,l.jsxs)("button",{onClick:()=>{D(e.id),"team"===e.id&&J.length>0?eN("result"):"order"===e.id&&H.length>0?eN("result"):eN("idle")},className:(0,N.cn)("w-full flex items-center gap-3 px-3 py-2.5 rounded-md text-left transition-[background-color] duration-200 group min-h-[44px] random-menu-btn",F===e.id?"bg-[#202023] text-white random-mode-selected":"text-[#a1a1aa] dark:text-white hover:bg-[#202023] hover:text-white"),"data-selected":F===e.id,children:[(0,l.jsx)("span",{className:(0,N.cn)("shrink-0 rounded-full transition-all",F===e.id?"w-2 h-2 bg-current opacity-100":"w-1.5 h-1.5 bg-current opacity-25 group-hover:opacity-50")}),(0,l.jsx)("div",{children:(0,l.jsx)("div",{className:"text-sm font-normal leading-none",children:e.label})})]},e.id))})})]}),(0,l.jsx)("div",{ref:eY,className:(0,N.cn)("flex-1 p-4 lg:p-6 overflow-hidden flex flex-col bg-[#0D0D0D]",eX&&"absolute inset-0 z-[9999]"),children:(0,l.jsxs)("div",{className:(0,N.cn)("w-full mx-auto h-full flex flex-col",eX?"max-w-none":"max-w-5xl"),children:[(0,l.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3 mb-6 shrink-0 min-h-[48px]",children:[(0,l.jsxs)("div",{className:"whitespace-nowrap",children:[(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)("h2",{className:"text-xl font-bold text-white",children:null===(e=M.find(e=>e.id===F))||void 0===e?void 0:e.label}),null!==eC&&(0,l.jsxs)("span",{className:"text-lg font-bold text-blue-400 tabular-nums",children:[eC,"s"]})]}),(0,l.jsx)("p",{className:"text-sm text-[#666] mt-0.5",children:null===(t=M.find(e=>e.id===F))||void 0===t?void 0:t.description})]}),(0,l.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:["multi"===F&&(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)(A.s,{value:O,onChange:q,"aria-label":"뽑을 인원 수",className:"bg-[#f8f8f5] dark:bg-[#1A1A1A] border border-[#E5E4E0] dark:border-transparent rounded-lg p-1 gap-1 h-[38px]",itemClassName:"w-8 h-8 rounded text-xs font-bold",activeItem

1ClassName:"text-[#1d1715] dark:text-white",inactiveItemClassName:"text-[#8E8E93] dark:text-[#666] dark:hover:text-white",indicatorClassName:"bg-[#EAEAEA] dark:bg-white/10 rounded shadow-sm dark:shadow-none",options:[1,2,3,4,5,6].map(e=>({key:e,label:e}))}),(0,l.jsx)("button",{onClick:tr,className:"h-[38px] px-6 text-sm font-bold text-white bg-[#007AFF] hover:bg-[#0066D6] rounded-lg transition-colors",children:"뽑기"})]}),"team"===F&&(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)(A.s,{value:B,onChange:P,"aria-label":"나눌 팀 수",className:"bg-[#f8f8f5] dark:bg-[#1A1A1A] border border-[#E5E4E0] dark:border-transparent rounded-lg p-1 gap-1 h-[38px]",itemClassName:"w-8 h-8 rounded text-xs font-bold",activeItemClassName:"text-[#1d1715] dark:text-white",inactiveItemClassName:"text-[#8E8E93] dark:text-[#666] dark:hover:text-white",indicatorClassName:"bg-[#EAEAEA] dark:bg-white/10 rounded shadow-sm dark:shadow-none",options:[2,3,4,5,6].map(e=>({key:e,label:e}))}),(0,l.jsx)("button",{onClick:tl,className:"h-[38px] px-6 text-sm font-bold text-white bg-[#007AFF] hover:bg-[#0066D6] rounded-lg transition-colors",children:"팀 나누기"})]}),"order"===F&&(0,l.jsxs)("div",{className:"flex items-center gap-2",children:["result"===ek&&H.length>0&&(0,l.jsx)("button",{onClick:()=>ee(!$),className:(0,N.cn)("h-[38px] px-4 text-sm font-medium rounded-lg transition-colors",$?"bg-white/10 text-white":"bg-[#1A1A1A] text-[#888] hover:text-white"),children:$?"카드로 보기":"표로 보기"}),(0,l.jsx)("button",{onClick:()=>{ee(!1),tn()},disabled:I,className:"h-[38px] px-6 bg-[#007AFF] text-white font-bold text-sm rounded-lg hover:bg-[#0066D6] disabled:opacity-50 transition-colors",children:"순서 정하기"})]}),"lucky"===F&&(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("button",{onClick:()=>{er(e3.map(e=>({id:e.id,name:e.name,number:e.number}))),en([])},className:"h-[38px] px-4 text-sm font-medium bg-[#1A1A1A] text-[#888] hover:text-white rounded-lg transition-colors",children:"초기화"}),(0,l.jsx)("button",{onClick:ta,disabled:I||0===et.length,className:"h-[38px] px-6 text-sm font-bold text-white bg-[#007AFF] hover:bg-[#0066D6] rounded-lg transition-colors disabled:opacity-50",children:"뽑기"})]}),"timer"===F&&(0,l.jsx)(A.s,{value:eI,onChange:e=>{eZ(e),eW(!1)},"aria-label":"시간 측정 방식",className:"gap-2 bg-[#f8f8f5] dark:bg-[#1A1A1A] border border-[#E5E4E0] dark:border-transparent p-1 rounded-lg h-[38px]",itemClassName:"h-full px-4 text-sm font-bold rounded-md",activeItem

1ClassName:"text-[#1d1715] dark:text-white",inactiveItemClassName:"text-[#8E8E93] dark:text-[#888] dark:hover:text-white",indicatorClassName:"bg-[#EAEAEA] dark:bg-white/10 rounded-md shadow-sm dark:shadow-none",options:[{key:"timer",label:"타이머"},{key:"stopwatch",label:"스톱워치"}]}),(0,l.jsxs)("button",{onClick:e2,className:"h-[38px] px-4 text-sm font-medium bg-[#1A1A1A] text-[#888] hover:text-white rounded-lg transition-colors flex items-center gap-1.5",title:eX?"전체화면 끄기":"전체화면으로 크게 보기",children:[eX?(0,l.jsx)(f.Z,{size:16}):(0,l.jsx)(b.Z,{size:16}),(0,l.jsx)("span",{children:eX?"전체화면 끄기":"전체화면"})]})]})]}),(0,l.jsx)("div",{ref:eH,className:"flex-1 relative overflow-hidden",children:"timer"!==F&&0===e3.length?(0,l.jsx)("div",{className:"flex items-center justify-center h-full p-8",children:(0,l.jsx)(S.Z,{size:"lg",title:"학생 데이터가 없습니다",description:"뽑기를 진행할 학생 명단이 없습니다. 학급을 선택하거나 학생을 먼저 등록해 주세요."})}):(0,l.jsxs)(l.Fragment,{children:[("multi"===F||("team"===F||"order"===F)&&"result"!==ek)&&(()=>{let e=e3.length||1,t=function(e,t,r){let l=Math.max(1,e);if(!(t>0)||!(r>0))return C(l);let n=C(l),a=-1;for(let e=2;e<=Math.min(8,l);e++){let s=Math.ceil(l/e),i=Math.min(t/e,r/s*1.3);i>a+.5&&(a=i,n=e)}return n}(e,eU.width,eU.height),r=Math.ceil(e/t);return(0,l.jsx)("div",{className:"grid gap-2 md:gap-3 h-full p-1",style:{gridTemplateColumns:"repeat(".concat(t,", minmax(0, 1fr))"),gridTemplateRows:"repeat(".concat(r,", minmax(0, 1fr))")},children:(0,l.jsx)(s.M,{mode:"popLayout",children:("order"===F&&"shuffling"===ek?eA.map(e=>e3.find(t=>t.id===e)):e3).map(e=>{if(!e)return null;let t="multi"===F&&R.some(t=>t.id===e.id),r="relative flex flex-col items-center justify-center p-2 rounded-2xl border min-h-0 overflow-hidden";return"idle"===ek?r+=" bg-white dark:bg-[#1E1E20] border-zinc-200/90 dark:border-white/10 hover:border-zinc-300 dark:hover:border-white/20 shadow-sm transition duration-300":"shuffling"===ek?r+=" bg-white dark:bg-[#1E1E20] border-zinc-200/90 dark:border-white/10 shadow-sm":"result"===ek&&"multi"===F&&(t?r+=" bg-white border-2 border-zinc-900 dark:border-zinc-200 shadow-2xl scale-110 z-10 translate-y-[-8px] transition duration-500":r+=" bg-zinc-100/50 dark:bg-[#0D0D0D] border-transparent opacity-25 grayscale scale-95 transition duration-500"),(0,l.jsx)(i.E.div,{layout:!0,layoutId:"card-".concat(e.id),className:(0,N.cn)(r,"multi"===F&&"shuffling"===ek&&"animate-rumble"),transition:{type:"spring",stiffness:350,damping:35,mass:1},children:(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center gap-1 w-full py-0.5",children:[(0,l.jsxs)("span",{className:(0,N.cn)("rounded-md font-bold flex items-center justify-center transition-colors leading-none tabular-nums",eX?"text-xs px-2 py-0.5":"text-[10px] md:text-[11px] px-1.5 py-0.5","multi"===F&&"result"===ek&&t?"bg-zinc-100 text-zinc-800 dark:text-zinc-200 border border-zinc-200":"bg-zinc-100/90 text-zinc-600 dark:bg-white/10 dark:text-zinc-300"),children:[e.number,"번"]}),(0,l.jsx)("span",{className:(0,N.cn)("font-black transition-all text-center tracking-tight px-1 truncate max-w-full select-none","multi"===F&&"result"===ek&&t?eX?"text-3xl md:text-5xl text-zinc-950":"text-xl md:text-2xl lg:text-3xl text-zinc-950":eX?"text-2xl md:text-3xl lg:text-4xl text-zinc-900 dark:text-white":"text-lg md:text-xl lg:text-2xl text-zinc-900 dark:text-white"),children:e.name})]})},e.id)})})})})(),"team"===F&&"result"===ek&&(0,l.jsx)("div",{className:"grid grid-cols-2 lg:grid-cols-3 gap-6 h-full overflow-y-auto py-2 custom-scrollbar content-start",children:J.map((e,t)=>(0,l.jsxs)("div",{className:(0,N.cn)("rounded-2xl p-5 h-fit shadow-lg transition duration-1000 ease-in-out",I&&eu?"bg-transparent border border-transparent shadow-none":"bg-[#1A1A1A] border border-white/10"),children:[(0,l.jsxs)("div",{className:(0,N.cn)("flex items-center justify-between mb-4 pb-3 border-b transition duration-1000 ease-in-out",I&&eu?"opacity-0 border-transparent":"opacity-100 border-white/5"),children:[Q===t?(0,l.jsx)("input",{type:"text",autoFocus:!0,value:K,onChange:e=>Y(e.target.value),onBlur:()=>{let e=[...X];for(;e.length<=t;)e.push("");e[t]=K.trim(),G(e),V(null)},onKeyDown:e=>{"Enter"===e.key&&e.target.blur(),"Escape"===e.key&&V(null)},className:"font-bold text-white text-lg bg-transparent outline-none border-b border-white/30 focus:border-white/60 w-32",maxLength:20}):(0,l.jsx)("span",{className:(0,N.cn)("font-bold text-white cursor-pointer hover:text-white/80 transition-colors",eX?"text-2xl":"text-lg"),onClick:()=>{V(t),Y(X[t]||"".concat(t+1,"모둠"))},children:X[t]||"".concat(t+1,"모둠")}),(0,l.jsxs)("span",{className:(0,N.cn)("bg-white/10 text-white/70 px-2 py-1 rounded-full font-medium shrink-0",eX?"text-sm":"text-xs"),children:[e.length,"명"]})]}),(0,l.jsx)("div",{className:"grid grid-cols-2 gap-2",children:e.map((e,r)=>{let n=J.slice(0,t).reduce((e,t)=>

1e+t.length,0)+r;return eu?(0,l.jsxs)(i.E.div,{layoutId:"card-".concat(e.id),className:"bg-white border border-zinc-200/90 py-3 px-2 rounded-xl flex flex-col items-center justify-center gap-1 shadow-sm hover:border-zinc-300 transition-all",transition:{layout:{type:"spring",stiffness:200,damping:25,delay:.1*n}},children:[(0,l.jsxs)("span",{className:(0,N.cn)("rounded-md bg-zinc-100 text-zinc-600 dark:text-zinc-400 font-bold px-2 py-0.5 leading-none tabular-nums",eX?"text-xs":"text-[11px]"),children:[e.number,"번"]}),(0,l.jsx)("span",{className:(0,N.cn)("font-black text-zinc-950 tracking-tight truncate max-w-full text-center select-none",eX?"text-2xl md:text-3xl":"text-lg md:text-xl"),children:e.name})]},e.id):(0,l.jsxs)("div",{className:"bg-white border border-zinc-200/90 py-3 px-2 rounded-xl flex flex-col items-center justify-center gap-1 shadow-sm hover:border-zinc-300 transition-all",children:[(0,l.jsxs)("span",{className:(0,N.cn)("rounded-md bg-zinc-100 text-zinc-600 dark:text-zinc-400 font-bold px-2 py-0.5 leading-none tabular-nums",eX?"text-xs":"text-[11px]"),children:[e.number,"번"]}),(0,l.jsx)("span",{className:(0,N.cn)("font-black text-zinc-950 tracking-tight truncate max-w-full text-center select-none",eX?"text-2xl md:text-3xl":"text-lg md:text-xl"),children:e.name})]},e.id)})})]},t))}),"order"===F&&"result"===ek&&($?(0,l.jsx)("div",{className:"h-full overflow-y-auto py-2 custom-scrollbar",children:(0,l.jsxs)("table",{className:(0,N.cn)("w-full mx-auto",eX?"max-w-4xl":"max-w-2xl"),children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{className:"border-b border-zinc-200",children:[(0,l.jsx)("th",{className:"py-3 px-4 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider w-24",children:"발표 순서"}),(0,l.jsx)("th",{className:"py-3 px-4 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider w-28",children:"출석번호"}),(0,l.jsx)("th",{className:"py-3 px-4 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider",children:"학생 이름"})]})}),(0,l.jsx)("tbody",{children:H.map((e,t)=>(0,l.jsxs)("tr",{className:"border-b border-zinc-100 hover:bg-zinc-50 transition-colors bg-white",children:[(0,l.jsx)("td",{className:"py-3.5 px-4",children:(0,l.jsxs)("span",{className:(0,N.cn)("inline-flex items-center justify-center bg-[#F2EFE9] text-[#3D3833] border border-[#E2DDD3] rounded-md font-bold shadow-2xs tabular-nums leading-none",eX?"px-3 py-1.5 text-sm":"px-2.5 py-1 text-xs"),children:[t+1,"번째"]})}),(0,l.jsxs)("td",{className:(0,N.cn)("py-3.5 px-4 text-zinc-500 font-medium",eX?"text-base":"text-xs md:text-sm"),children:["출석 ",e.number,"번"]}),(0,l.jsx)("td",{className:(0,N.cn)("py-3.5 px-4 text-zinc-950 font-black tracking-tight",eX?"text-2xl md:text-3xl":"text-base md:text-xl"),children:e.name})]},e.id))})]})}):(0,l.jsx)("div",{className:"grid grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 content-start h-full overflow-y-auto py-2 custom-scrollbar",children:H.map((e,t)=>(0,l.jsxs)(i.E.div,{layoutId:"card-".concat(e.id),className:(0,N.cn)("relative bg-white hover:bg-zinc-50/90 border border-zinc-200/90 rounded-2xl flex flex-col items-center justify-center animate-in zoom-in slide-in-from-bottom-2 duration-300 fill-mode-backwards shadow-sm hover:shadow transition-all",eX?"min-h-[140px] p-4":"min-h-[110px] p-3"),style:{animationDelay:"".concat(40*t,"ms")},children:[(0,l.jsxs)("span",{className:(0,N.cn)("absolute left-3 top-3 font-bold rounded-md bg-[#F2EFE9] text-[#3D3833] border border-[#E2DDD3] shadow-2xs flex items-center justify-center shrink-0 tabular-nums leading-none",eX?"px-2.5 py-1 text-xs":"px-2 py-0.5 text-[11px]"),children:[t+1,"번째"]}),(0,l.jsxs)("span",{className:(0,N.cn)("absolute right-3 top-3 rounded-md bg-zinc-100 text-zinc-500 font-medium leading-none tabular-nums",eX?"px-2 py-1 text-xs":"px-1.5 py-0.5 text-[10px] md:text-[11px]"),children:["출석 ",e.number,"번"]}),(0,l.jsx)("div",{className:"w-full text-center px-2 my-auto flex items-center justify-center",children:(0,l.jsx)("span",{className:(0,N.cn)("font-black text-zinc-950 tracking-tight truncate block max-w-full select-none",eX?"text-3xl md:text-4xl":"text-xl md:text-2xl"),children:e.name})})]},e.id))}

1)),"lucky"===F&&(0,l.jsxs)("div",{className:"h-full flex bg-[#0D0D0D]",children:[(0,l.jsxs)("div",{className:(0,N.cn)("border-r border-white/5 flex flex-col bg-transparent dark:bg-[#0A0A0A]/50 p-2 shrink-0",eX?"w-80":"w-64"),children:[(0,l.jsxs)("div",{className:"grid grid-cols-2 gap-2 mb-2",children:[(0,l.jsxs)("div",{className:"flex flex-col items-center text-center p-2 bg-[#1A1A1A] rounded-xl border border-white/5",children:[(0,l.jsx)("span",{className:"text-[10px] text-white/30 uppercase tracking-widest font-bold mb-1",children:"남은 인원"}),(0,l.jsx)("span",{className:"text-xl font-bold text-white tabular-nums leading-none",children:et.length})]}),(0,l.jsxs)("div",{className:"flex flex-col items-center text-center p-2 bg-[#1A1A1A] rounded-xl border border-white/5",children:[(0,l.jsx)("span",{className:"text-[10px] text-white/30 uppercase tracking-widest font-bold mb-1",children:"뽑힌 인원"}),(0,l.jsx)("span",{className:"text-xl font-bold text-blue-400 tabular-nums leading-none",children:el.length})]})]}),(0,l.jsx)("div",{className:"text-xs text-white/30 uppercase tracking-widest font-bold mt-4 mb-1 px-1",children:"최근 당첨자"}),(0,l.jsxs)("div",{className:"flex-1 overflow-y-auto custom-scrollbar pr-2 space-y-2",children:[(0,l.jsx)(s.M,{initial:!1,mode:"popLayout",children:[...el].reverse().map((e,t)=>(0,l.jsxs)(i.E.div,{layout:!0,initial:{opacity:0,x:-20,scale:.9},animate:{opacity:1,x:0,scale:1},className:(0,N.cn)("flex items-center gap-3 px-4 py-3 rounded-xl border w-full",0===t?"bg-white/10 border-white/20":"bg-[#1A1A1A] border-white/5 opacity-60 hover:opacity-100"),children:[(0,l.jsx)("span",{className:(0,N.cn)("rounded-full bg-white/10 flex items-center justify-center font-bold text-[#888] shrink-0",eX?"w-8 h-8 text-sm":"w-6 h-6 text-xs"),children:e.number}),(0,l.jsx)("span",{className:(0,N.cn)("text-white/90 font-medium truncate",eX?"text-lg":"text-sm"),children:e.name})]},e.id))}),0===el.length&&(0,l.jsx)("div",{className:"text-sm text-white/20 text-center py-8",children:"아직 당첨자가 없습니다"})]})]}),(0,l.jsxs)("div",{className:"flex-1 flex flex-col items-center justify-center relative p-10 overflow-hidden",children:[(0,l.jsx)("canvas",{ref:eD,className:"absolute inset-0 w-full h-full pointer-events-none z-0"}),(0,l.jsx)("div",{className:"relative w-full flex flex-col items-center justify-center flex-1 min-h-0 z-10",children:(0,l.jsx)(s.M,{mode:"wait",children:I&&L?(0,l.jsx)(i.E.div,{initial:{opacity:0,scale:.8,filter:"blur(10px)"},animate:{opacity:1,scale:1,filter:"blur(0px)"},exit:{opacity:0,scale:1.2,filter:"blur(10px)"},transition:{duration:.1},className:(0,N.cn)("font-black text-black dark:text-transparent dark:bg-clip-text dark:bg-gradient-to-br dark:from-white dark:via-white dark:to-white/50 tracking-tight text-center",eX?"text-[clamp(5rem,13vw,15rem)]":"text-6xl md:text-8xl"),children:L},"animating"):el.length>0?(0,l.jsx)(i.E.div,{initial:{opacity:0,scale:.5,y:20},animate:{opacity:1,scale:1,y:0},transition:{type:"spring",stiffness:300,damping:20},className:"flex flex-col items-center gap-6",children:(0,l.jsx)("div",{className:(0,N.cn)("font-black text-white text-center drop-shadow-[0_0_15px_rgba(255,255,255,0.3)] z-10 relative px-8 py-4",eX?"text-[clamp(5rem,13vw,15rem)]":"text-7xl md:text-8xl"),children:el[el.length-1].name})},"winner"):(0,l.jsx)("div",{className:"w-24 h-24 rounded-full border-2 border-white/5 flex items-center justify-center",children:(0,l.jsx)(k.d,{name:"trophy-star",size:32,className:"opacity-10"})})})})]})]}),"roulette"===F&&(0,l.jsxs)("div",{className:(0,N.cn)("flex flex-col items-center transition-all h-full",eX?"justify-center px-8 gap-4 pb-12":"gap-3 overflow-hidden"),children:[(0,l.jsx)("div",{className:(0,N.cn)("relative flex flex-col items-center justify-center w-full",eX?"shrink-0":"flex-1 min-h-0 mb-4"),children:(0,l.jsx)("div",{className:(0,N.cn)("flex items-center justify-center",eX?"w-[620px] h-[620px]":"w-full max-w-[420px] aspect-square"),children:(0,l.jsx)(z.c,{items:ea,isSpinning:ei,targetId:ex,onFinished:ts,size:eX?580:Math.min(360,.75*window.innerWidth),highlightId:!ei&&ec?ex:null})})}),!eX&&(0,l.jsxs)("div",{className:"w-full shrink-0 px-1 max-h-[180px] overflow-y-auto custom-scrollbar",children:[(0,l.jsx)("div",{className:"flex flex-col gap-1.5",children:ea.map((e,t)=>(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("div",{className:"w-2.5 h-2.5 rounded-full shrink-0",style:{background:z.Q[t%z.Q.length]}}),(0,l.jsx)("input",{type:"text",value:e.name,onChange:t=>es(r=>r.map(r=>r.id===e.id?{...r,name:t.target.value}:r)),className:"flex-1 bg-transparent text-white text-sm outline-none border-b border-white/10 focus:border-white/30 pb-0.5 min-w-0",placeholder:"항목 이름"}),(0,l.jsxs)("div",{className:"flex items-center gap-1 shrink-0",children:[(0,l.jsx)("span",{className:"text-white/40 text-xs",children:"비율"}),(0,l.jsx)("input",{type:"number",min:1,max:100,value:e.weight,onChange:t=>es(r=>r.map(r=>r.id===e.id?{...r,weight:Math.max(1,Number(t.target.value))}:r)),className:"w-10 bg-white/10 text-white text-sm text-center rounded px-1 py-0.5 outline-none border border-white/10 focus:border-white/30"})]}),(0,l.jsx)("button",{"aria-label":"삭제",onClick:()=>es(t=>t.filter(t=>t.id!==e.id)),disabled:ea.length<=2,className:"text-white/30 hover:text-red-400 transition-colors disabled:opacity-20",children:(0,l.jsx)(p.Z,{size:14})})]},e.id))}),(0,l.jsxs)("button",{onClick:()=>es(e=>[...e,{id:Date.now().toString(),name:"항목 ".concat(e.length+1),weight:1}]),className:"mt-2 flex items-center gap-1.5 text-white/40 hover:text-white text-sm transition-colors",children:[(0,l.jsx)(g.Z,{size:14}),(0,l.jsx)("span",{children:"항목 추가"})]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2 w-full max-w-[240px] shrink-0",children:[(0,l.jsx)("button",{onClick:()=>{ed(null),eh(null)},disabled:ei,className:"shrink-0 h-12 px-6 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:()=>

1{if(ei||0===ea.length)return;ed(null),eh(null),eo(!0);let e=Math.random()*ea.reduce((e,t)=>e+t.weight,0),t=ea[0];for(let r of ea)if((e-=r.weight)<=0){t=r;break}eh(t.id)},disabled:ei||ea.length<2,className:"flex-1 h-12 rounded-full bg-[#007AFF] hover:bg-[#0066D6] text-white font-bold text-base transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed",children:ei?"돌리는 중…":"돌리기"})]})]}),"timer"===F&&(0,l.jsx)("div",{className:(0,N.cn)("flex flex-col items-center justify-center transition-all h-full bg-transparent rounded-xl relative",eX?"overflow-visible":"overflow-hidden"),children:(0,l.jsxs)("div",{className:(0,N.cn)("flex flex-col items-center justify-center z-10 mx-auto relative transition-all flex-1 w-full",eX?"max-w-none p-0":"max-w-5xl p-8"),children:["timer"===eI&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{children:"@keyframes timerShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}"}),(0,l.jsx)("div",{className:(0,N.cn)("flex-1 flex items-center justify-center w-full",eX?"overflow-visible px-0":"overflow-hidden px-4"),children:(0,l.jsx)("div",{style:eQ?{animation:"timerShake 0.4s ease-in-out infinite"}:{},className:(0,N.cn)("font-black tabular-nums leading-none select-none drop-shadow-2xl tracking-tight whitespace-nowrap transition-colors duration-300",eX?"text-[clamp(10rem,25vw,40rem)]":"text-[clamp(6rem,14vw,24rem)]",eQ?"text-red-500":"text-white"),children:"".concat(Math.floor(eL/60).toString().padStart(2,"0"),":").concat((eL%60).toString().padStart(2,"0"))})}),(0,l.jsxs)("div",{className:"h-32 flex flex-col items-center justify-end shrink-0 w-full",children:[!eJ&&(0,l.jsxs)("div",{className:"flex gap-2 mb-8 opacity-80 hover:opacity-100 transition-opacity",children:[(0,l.jsx)("button",{onClick:()=>{eT(e=>Math.max(0,e-60)),e_(e=>Math.max(0,e-60))},className:"px-3 py-2 rounded-full bg-white/5 hover:bg-white/10 text-white/70 font-medium text-sm border border-white/10 transition-colors",children:"-1분"}),(0,l.jsx)("button",{onClick:()=>{eT(e=>Math.max(0,e-10)),e_(e=>Math.max(0,e-10))},className:"px-3 py-2 rounded-full bg-white/5 hover:bg-white/10 text-white/70 font-medium text-sm border border-white/10 transition-colors",children:"-10초"}),(0,l.jsx)("button",{onClick:()=>{eT(e=>Math.max(0,e-1)),e_(e=>Math.max(0,e-1))},className:"px-3 py-2 rounded-full bg-white/5 hover:bg-white/10 text-white/70 font-medium text-sm border border-white/10 transition-colors",children:"-1초"}),(0,l.jsx)("div",{className:"w-px h-6 bg-white/10 mx-1 self-center"}),(0,l.jsx)("button",{onClick:()=>{eT(e=>e+1),e_(e=>e+1)},className:"px-3 py-2 rounded-full bg-white/5 hover:bg-white/10 text-white/70 font-medium text-sm border border-white/10 transition-colors",children:"+1초"}),(0,l.jsx)("button",{onClick:()=>{eT(e=>e+10),e_(e=>e+10)},className:"px-3 py-2 rounded-full bg-white/5 hover:bg-white/10 text-white/70 font-medium text-sm border border-white/10 transition-colors",children:"+10초"}),(0,l.jsx)("button",{onClick:()=>{eT(e=>e+60),e_(e=>e+60)},className:"px-3 py-2 rounded-full bg-white/5 hover:bg-white/10 text-white/70 font-medium text-sm border border-white/10 transition-colors",children:"+1분"}),(0,l.jsx)("button",{onClick:()=>{eT(e=>e+300),e_(e=>e+300)},className:"px-3 py-2 rounded-full bg-white/5 hover:bg-white/10 text-white/70 font-medium text-sm border border-white/10 transition-colors",children:"+5분"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)("button",{"aria-label":"초기화",onClick:()=>{eW(!1),eV(!1),e0.current&&clearTimeout(e0.current),eJ||eL!==eR||300===eR?e_(eR):(eT(300),e_(300))},className:"w-16 h-16 rounded-full bg-[#1A1A1A] hover:bg-[#222] border border-white/10 flex items-center justify-center text-[#888] hover:text-white transition active:scale-95 shadow-lg",children:(0,l.jsx)(w.Z,{size:24})}),(0,l.jsx)("button",{"aria-label":eJ?"일시정지":"재생",onClick:()=>eW(!eJ),className:(0,N.cn)("w-20 h-20 rounded-full flex items-center justify-center transition active:scale-95 shadow-xl",eJ?"bg-red-500 hover:bg-red-600 shadow-red-500/20 text-white":"bg-[#007AFF] hover:bg-[#0066D6] shadow-blue-500/20 text-white"),children:eJ?(0,l.jsx)(v.Z,{size:32,fill:"white",color:"white"}):(0,l.jsx)(j.Z,{size:32,fill:"white",color:"white",className:"ml-1"})})]})]})]}),"stopwatch"===eI&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:(0,N.cn)("flex-1 flex flex-col items-center justify-center w-full min-h-0 relative",eX?"overflow-visible px-0":"overflow-hidden px-4"),children:[(0,l.jsx)("div",{className:(0,N.cn)("font-black text-white tabular-nums leading-none select-none drop-shadow-2xl tracking-tight whitespace-nowrap mb-auto mt-auto transition-all",eX?"text-[clamp(8rem,20vw,35rem)]":"text-[clamp(4rem,10vw,16rem)]"),children:ti(eO)}),eB.length>0&&(0,l.jsx)("div",{className:"absolute bottom-4 left-0 right-0 max-h-[160px] overflow-y-auto custom-scrollbar flex flex-col items-center gap-2 pb-2",style:{WebkitMaskImage:"linear-gradient(to bottom, transparent, black 30%)"},children:eB.map((e,t)=>(0,l.jsx)("div",{className:"text-white font-black text-2xl tabular-nums tracking-widest shrink-0 drop-shadow-md",children:ti(e)},t))})]}),(0,l.jsx)("div",{className:"h-32 flex flex-col items-center justify-end shrink-0 w-full relative z-10",children:(0,l.jsxs)("div",{className:"flex items-center gap-8",children:[(0,l.jsx)("button",{"aria-label":eJ?"종료":"초기화",onClick:()=>{eJ?eP(e=>[eO,...e]):(eW(!1),eq(0),eP([]))},className:"w-16 h-16 rounded-full bg-[#1A1A1A] hover:bg-[#222] border border-white/10 flex items-center justify-center text-[#888] hover:text-white transition active:scale-95 shadow-lg",children:eJ?(0,l.jsx)(y.Z,{size:24}):(0,l.jsx)(w.Z,{size:24})}),(0,l.jsx)("button",{"aria-label":eJ?"일시정지":"재생",onClick:()=>eW(!eJ),className:(0,N.cn)("w-20 h-20 rounded-full flex items-center justify-center transition active:scale-95 shadow-xl",eJ?"bg-red-500 hover:bg-red-600 shadow-red-500/20 text-white":"bg-[#007AFF] hover:bg-[#0066D6] shadow-blue-500/20 text-white"),children:eJ?(0,l.jsx)(v.Z,{size:32,fill:"white",color:"white"}):(0,l.jsx)(j.Z,{size:32,fill:"white",color:"white",className:"ml-1"})})]})})]})]})})]})})]})})]})}}}]);