https://naemo.ai/_next/static/chunks/6806.04fb0c3ae28f3cb2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6806],{41473:function(e,t,n){n.d(t,{Z:function(){return r}});let r=(0,n(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,n){n.d(t,{Z:function(){return r}});let r=(0,n(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"}]])},82431:function(e,t,n){n.d(t,{Z:function(){return r}});let r=(0,n(79205).Z)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},51013:function(e,t,n){n.d(t,{NU:function(){return u},ZP:function(){return d},nF:function(){return x}});var r=n(57437);n(2265);var l=n(76865),a=n(82431),i=n(64954),s=n(7888),c=n(92804),o=n(93448);function d(e){let{isLoading:t=!1,error:n=null,onRetry:d,isEmpty:x=!1,emptyTitle:h="아직 아무것도 없습니다",emptyDescription:m,emptyAction:f,skeleton:p,subject:b,size:g="md",className:w,children:v}=e;return n?(0,r.jsxs)("div",{role:"alert",className:(0,o.cn)("flex flex-col items-center justify-center text-center px-6 py-14 gap-3",w),children:[(0,r.jsx)(l.Z,{size:22,className:"text-red-600 dark:text-red-400","aria-hidden":"true"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-[14px] font-semibold text-zinc-900 dark:text-zinc-100 break-keep",children:b?"".concat(b).concat((0,c.Ge)(b,"을","를")," 불러오지 못했습니다"):"내용을 불러오지 못했습니다"}),(0,r.jsx)("p",{className:"mt-1 text-[13px] text-zinc-600 dark:text-zinc-300 break-keep max-w-[320px]",children:(0,s.q)(n,"잠시 후 다시 시도해 주세요. 계속 안 되면 네트워크 상태를 확인해 주세요.")})]}),d&&(0,r.jsxs)("button",{type:"button",onClick:d,className:"inline-flex items-center gap-1.5 min-h-[44px] px-4 rounded-xl text-[13px] font-semibold bg-zinc-100 dark:bg-zinc-800 text-zinc-800 dark:text-zinc-100 hover:bg-zinc-200 dark:hover:bg-zinc-700 active:scale-[0.97] transition",children:[(0,r.jsx)(a.Z,{size:14,"aria-hidden":"true"}),"다시 시도"]})]}):t?(0,r.jsxs)("div",{className:w,"aria-busy":"true","aria-live":"polite",children:[null!=p?p:(0,r.jsx)(u,{}),(0,r.jsx)("span",{className:"sr-only",children:"불러오는 중"})]}):x?(0,r.jsx)(i.Z,{title:h,description:m,action:f,size:g,className:w}):(0,r.jsx)(r.Fragment,{children:v})}function u(e){let{rows:t=5,className:n}=e;return(0,r.jsx)("div",{className:(0,o.cn)("space-y-2 py-2",n),"aria-hidden":"true",children:Array.from({length:t}).map((e,t)=>(0,r.jsxs)("div",{className:"flex items-center gap-2.5 px-2 py-1",children:[(0,r.jsx)("div",{className:"w-24 h-3 rounded bg-zinc-200/80 dark:bg-zinc-800 animate-pulse"}),(0,r.jsx)("div",{className:"flex-1 h-2 rounded-full bg-zinc-200/80 dark:bg-zinc-800 animate-pulse",style:{maxWidth:"".concat(70-8*t,"%")}})]},t))})}function x(e){let{cells:t=12,className:n,cellClassName:l}=e;return(0,r.jsx)("div",{className:(0,o.cn)("grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 p-4",n),"aria-hidden":"true",children:Array.from({length:t}).map((e,t)=>(0,r.jsx)("div",{className:(0,o.cn)("h-20 rounded-xl bg-zinc-200/70 dark:bg-zinc-800 animate-pulse",l),style:{animationDelay:"".concat(t%6*60,"ms")}},t))})}},25368:function(e,t,n){n.d(t,{Q:function(){return s},c:function(){return c}});var r=n(57437),l=n(2265),a=n(19653),i=n(13100);let s=["#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:u}=e,x=(0,l.useRef)(null),[h,m]=(0,l.useState)(0),f=(0,a._)(),p=(0,l.useMemo)(()=>t.reduce((e,t)=>

1e+t.weight,0),[t]);return(0,l.useEffect)(()=>{let e=x.current;if(!e||0===t.length)return;let n=e.getContext("2d");if(!n)return;let r=window.devicePixelRatio||1;e.width=d*r,e.height=d*r,n.scale(r,r);let l=d/2,a=d/2,i=d/2-12;n.clearRect(0,0,d,d);let c=-Math.PI/2;t.forEach((e,t)=>{let r=e.weight/p*2*Math.PI,o=c+r,x=u&&u!==e.id;n.globalAlpha=x?.2:1,n.beginPath(),n.moveTo(l,a),n.arc(l,a,i,c,o),n.closePath();let h=c+r/2,m=l+.1*i*Math.cos(h),f=a+.1*i*Math.sin(h),b=l+Math.cos(h)*i,g=a+Math.sin(h)*i,w=n.createLinearGradient(m,f,b,g),v=e.color||s[t%s.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))),n.fillStyle=w,n.fill(),n.strokeStyle="rgba(255, 255, 255, 0.4)",n.lineWidth=2,n.stroke(),n.save(),n.translate(l,a),n.rotate(h),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 y=.65*i,j=e.name;n.measureText(j).width>y&&(j=j.substring(0,8)+"..."),n.fillText(j,i-20,0),n.restore(),c=o,n.globalAlpha=1}),n.beginPath(),n.arc(l,a,.12*d,0,2*Math.PI),n.fillStyle="#FFFFFF",n.fill(),n.strokeStyle="#E4E4E7",n.lineWidth=6,n.stroke(),n.beginPath(),n.arc(l,a,.04*d,0,2*Math.PI),n.fillStyle="#F4F4F5",n.fill()},[t,d,p,u]),(0,l.useEffect)(()=>{if(n&&c){let e=0,n=0;for(let r of t){let t=r.weight/p*360;if(r.id===c){n=e/p*360+t/2;break}e+=r.weight}let r=t.find(e=>e.id===c),l=(2520+(360-n)+(r?r.weight/p:0)*216*(Math.random()-.5))%360-h%360;l<0&&(l+=360);let a=h+l+2520;f.start({rotate:a,transition:{type:"tween",ease:[.12,.85,.15,1],duration:5.5}}).then(()=>{m(a),o()})}},[n,c,t,p,h,f,o]),(0,r.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,r.jsx)("div",{className:"absolute inset-[-12px] rounded-full border-[8px] border-[#E5E4E0] bg-white shadow-sm"}),(0,r.jsx)("div",{className:"absolute inset-[-4px] rounded-full border border-black/5 pointer-events-none"}),(0,r.jsx)(i.E.div,{className:"relative rounded-full overflow-hidden will-change-transform z-10",animate:f,style:{width:"100%",height:"100%"},children:(0,r.jsx)("canvas",{ref:x,style:{width:"100%",height:"100%"}})}),(0,r.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,r.jsx)(i.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,r.jsxs)("svg",{width:"40",height:"48",viewBox:"0 0 40 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.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,r.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,r.jsx)("circle",{cx:"20",cy:"12",r:"4",fill:"#FEE2E2"})]})})})]})}},91455:function(e,t,n){n.d(t,{s:function(){return i}});var r=n(57437),l=n(2265),a=n(93448);function i(e){let{options:t,value:n,onChange:i,className:s,itemClassName:c,activeItemClassName:o,inactiveItemClassName:d,indicatorClassName:u,variant:x="pill",underlineThickness:h=2,disabled:m=!1,equalWidth:f=!1,"aria-label":p}=e,b=(0,l.useRef)(null),g=(0,l.useRef)({}),[w,v]=(0,l.useState)(null),[y,j]=(0,l.useState)(!1),k=t.map(e=>e.key).join("\0"),N=(0,l.useCallback)(()=>{let e=b.current,t=g.current[n];if(!e||!t||0===t.offsetWidth){v(e=>null===e?e:null);return}let r={left:t.offsetLeft,top:t.offsetTop,width:t.offsetWidth,height:t.offsetHeight};v(e=>e&&e.left===r.left&&e.top===r.top&&e.width===r.width&&e.height===r.height?e:r)},[n]);(0,l.useLayoutEffect)(()=>{N()},[N,k,x]),(0,l.useEffect)(()=>

1{if(!w||y)return;let e=requestAnimationFrame(()=>j(!0));return()=>cancelAnimationFrame(e)},[w,y]),(0,l.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,k]),(0,l.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 z=!!w&&!m;return(0,r.jsxs)("div",{ref:b,role:"group","aria-label":p,className:(0,a.cn)("relative flex items-center",s),children:[(0,r.jsx)("div",{"aria-hidden":!0,className:(0,a.cn)("absolute left-0 top-0 pointer-events-none","pill"===x?"rounded-lg":"rounded-full",y&&"transition-[transform,width,opacity] duration-300 ease-out motion-reduce:transition-none",z?"opacity-100":"opacity-0",u),style:w?{transform:"translate3d(".concat(w.left,"px, ").concat("underline"===x?w.top+w.height-h:w.top,"px, 0)"),width:w.width,height:"underline"===x?h:w.height}:void 0}),t.map(e=>{let t=e.key===n;return(0,r.jsx)("button",{ref:t=>{g.current[e.key]=t},type:"button","aria-pressed":t,title:e.title,"aria-label":e.ariaLabel,disabled:m,onClick:()=>i(e.key),className:(0,a.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)})]})}},96806:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r=n(57437),l=n(51013),a=n(2265),i=n(57586),s=n(13100),c=n(95805),o=n(41473),d=n(28124),u=n(79205);let x=(0,u.Z)("Disc",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]),h=(0,u.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=n(40875),f=n(34415),p=n(45884),b=n(18930),g=n(99397),w=n(69076),v=n(89227),y=n(33276),j=n(46211),k=n(58346),N=n(93448),z=n(91455),A=n(4908),E=n(25368),C=n(64954);let S=[{id:"multi",label:"뽑기",description:"무작위 선택",icon:c.Z},{id:"team",label:"팀 나누기",description:"그룹 구성",icon:o.Z},{id:"order",label:"발표 순서",description:"순서 정하기",icon:d.Z},{id:"lucky",label:"럭키 드로우",description:"추첨",icon:function(e){let{size:t=16,className:n}=e;return(0,r.jsx)(k.d,{name:"trophy-star",size:t,className:n})}},{id:"roulette",label:"룰렛",description:"비율 추첨",icon:x},{id:"timer",label:"타이머",description:"시간 측정",icon:h}];function M(){var e,t;let{students:c,classes:o,isLoaded:d,isLoading:u}=(0,A.AF)(),[x,h]=(0,a.useState)("담임 학급"),[M,F]=(0,a.useState)("multi"),[D,I]=(0,a.useState)(!1),[Z,L]=(0,a.useState)([]),[R,T]=(0,a.useState)(""),[q,O]=(0,a.useState)(3),[_,B]=(0,a.useState)(4),[P,W]=(0,a.useState)([]),[G,J]=(0,a.useState)([]),[X,Q]=(0,a.useState)(null),[V,H]=(0,a.useState)(""),[K,U]=(0,a.useState)([]),[Y,$]=(0,a.useState)(!1),[ee,et]=(0,a.useState)([]),[en,er]=(0,a.useState)([]),[el,ea]=(0,a.useState)([{id:"1",name:"항목 1",weight:1},{id:"2",name:"항목 2",weight:1},{id:"3",name:"항목 3",weight:1}]),[ei,es]=(0,a.useState)(!1),[ec,eo]=(0,a.useState)(null),[ed,eu]=(0,a.useState)(null),[ex,eh]=(0,a.useState)(!1),[em,ef]=(0,a.useState)(0),[ep,eb]=(0,a.useState)(!1),[eg,ew]=(0,a.useState)(!1),[ev,ey]=(0,a.useState)(null);(0,a.useRef)(null);let[ej,ek]=(0,a.useState)("idle"),[eN,ez]=(0,a.useState)([]),eA=(0,a.useRef)([]),eE=(0,a.useRef)(null),[eC,eS]=(0,a.useState)(null),eM=(0,a.useRef)(null),eF=(0,a.useRef)(null),[eD,eI]=(0,a.useState)("timer"),[eZ,eL]=(0,a.useState)(300),[eR,eT]=(0,a.useState)(300),[eq,eO]=(0,a.useState)(0),[e_,eB]=(0,a.useState)([]),[eP,eW]=(0,a.useState)(!1),[eG,eJ]=(0,a.useState)(!1),[eX,eQ]=(0,a.useState)(!1),eV=(0,a.useRef)(null),eH=(0,a.useRef)(null),eK=(0,a.useRef)(null),eU=()=>{try{let e=new(window.AudioContext||window.webkitAudioContext),t=0,n=()=>{if(t>=4)return;let r=e.createOscillator(),l=e.createGain();r.connect(l),l.connect(e.destination),r.type="square",r.frequency.setValueAtTime(880,e.currentTime),l.gain.setValueAtTime(.3,e.currentTime),l.gain.exponentialRampToValueAtTime(.001,e.currentTime+.15),r.start(e.currentTime),r.stop(e.currentTime+.15),t++,eK.current=setTimeout(n,300)};n()}catch(e){}};(0,a.useEffect)(()=>{let e=()=>{let e=document.fullscreenElement||document.webkitFullscreenElement;eJ(!!e&&e===eH.current)};return document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e)}},[]);let eY=async()=>

1{if(eG)try{document.exitFullscreen?await document.exitFullscreen():document.webkitExitFullscreen?await document.webkitExitFullscreen():eJ(!1)}catch(e){eJ(!1)}else try{let e=eH.current;if(!e)return;e.requestFullscreen?await e.requestFullscreen():e.webkitRequestFullscreen?await e.webkitRequestFullscreen():eJ(!0)}catch(e){eJ(!0)}},e$=["담임 학급",...o.filter(e=>"담임 학급"!==e)],e0=c.filter(e=>{var t;return"담임 학급"===x?"담임 학급"===e.homeClassId:e.homeClassId===x||(null===(t=e.customClassIds)||void 0===t?void 0:t.includes(x))}).sort((e,t)=>e.number-t.number);(0,a.useEffect)(()=>{et(e0.map(e=>({id:e.id,name:e.name,number:e.number}))),er([])},[x,c]);let e1=(0,a.useRef)(null),e2=(0,a.useRef)(!1),e5=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(!x||!d)return;e2.current=!0,e5.current=!1;let e=[],t=[];eh(!1);let n=new Set(e0.map(e=>e.id)),r=localStorage.getItem("random-picker-teams-".concat(x));if(r)try{let t=JSON.parse(r);if(Array.isArray(t)&&t.length>0){let r=t.flat().filter(e=>e&&e.id).map(e=>e.id);r.length>0&&r.every(e=>n.has(e))&&(e=t)}}catch(e){console.error("Failed to load teams",e)}W(e);let l=localStorage.getItem("random-picker-teamNames-".concat(x));if(l&&e.length>0)try{J(JSON.parse(l))}catch(e){J([])}else J([]);let a=localStorage.getItem("random-picker-order-".concat(x));if(a)try{let e=JSON.parse(a);if(Array.isArray(e)&&e.length>0){let r=e.filter(e=>e&&e.id).map(e=>e.id);r.length>0&&r.every(e=>n.has(e))&&(t=e)}}catch(e){console.error("Failed to load order",e)}U(t),"team"===M&&e.length>0?ek("result"):"order"===M&&t.length>0?ek("result"):ek("idle")},[x,d]),(0,a.useEffect)(()=>{e2.current&&(e2.current=!1,e5.current=!0)},[P,G,K]),(0,a.useEffect)(()=>{x&&e5.current&&0!==P.length&&localStorage.setItem("random-picker-teams-".concat(x),JSON.stringify(P))},[P]),(0,a.useEffect)(()=>{x&&e5.current&&localStorage.setItem("random-picker-teamNames-".concat(x),JSON.stringify(G))},[G]),(0,a.useEffect)(()=>{x&&e5.current&&0!==K.length&&localStorage.setItem("random-picker-order-".concat(x),JSON.stringify(K))},[K]);let e3=(0,a.useCallback)(e=>{eM.current&&clearInterval(eM.current),eS(e),eM.current=setInterval(()=>{eS(e=>null===e||e<=1?(eM.current&&clearInterval(eM.current),null):e-1)},1e3)},[]),e4=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},e8=(0,a.useCallback)(e=>{let t=e4(e0);return t.slice(0,Math.min(e,t.length)).map(e=>({id:e.id,name:e.name,number:e.number}))},[e0]);(0,a.useCallback)(()=>{if(0===e0.length||ep)return;eb(!0),ew(!1),L([]),ey(null);let e=Math.min(8,e0.length),t=Math.floor(Math.random()*e),n=e0[t];ef(em+1800-360/e*t),setTimeout(()=>{eb(!1),ey(t),ew(!0),setTimeout(()=>{L([{id:n.id,name:n.name,number:n.number}])},600)},3500)},[e0,ep,em]);let e6=(0,a.useCallback)(()=>{let e=e0.map(e=>e.id);ez(e),eA.current=e,eE.current&&clearInterval(eE.current),eE.current=setInterval(()=>{ez(e=>{let t=[...e];for(let e=0;e<2;e++){let e=Math.floor(Math.random()*t.length),n=Math.floor(Math.random()*t.length);[t[e],t[n]]=[t[n],t[e]]}return eA.current=t,t})},150)},[e0]),e9=(0,a.useCallback)(()=>{0===e0.length||D||(I(!0),ek("shuffling"),L([]),e3(3),setTimeout(()=>{L(e8(q)),ek("result"),I(!1)},3e3))},[e0,D,q,e8,e3]),e7=(0,a.useCallback)(()=>{if(0===e0.length||D)return;I(!0),W([]),J([]),eh(!0);let e=e4(e0),t=Array.from({length:_},()=>[]);e.forEach((e,n)=>{t[n%_].push({id:e.id,name:e.name,number:e.number})}),W(t),ek("result"),setTimeout(()=>{I(!1)},4e3)},[e0,D,_]),te=(0,a.useCallback)(()=>{I(!0),ek("shuffling"),U([]),e6(),e3(5),setTimeout(()=>{eE.current&&clearInterval(eE.current),U(eA.current.map(e=>{let t=e0.find(t=>t.id===e);return{id:t.id,name:t.name,number:t.number}})),ek("result"),I(!1)},5e3)},[e0,D,e6,e3]),tt=(0,a.useCallback)(()=>{if(0===ee.length||D)return;I(!0);let e=0;e1.current=setInterval(()=>{if(T(ee[Math.floor(Math.random()*ee.length)].name),++e>=15){e1.current&&clearInterval(e1.current);let e=Math.floor(Math.random()*ee.length),t=ee[e];er(e=>[...e,t]),et(t=>t.filter((t,n)=>n!==e)),T(""),I(!1),(async()=>{let e=(await n.e(9235).then(n.bind(n,79235))).default,t=Date.now()+1e3,r=["#3b82f6","#10b981","#f59e0b","#ef4444","#8b5cf6","#ffffff"],l=eF.current?e.create(eF.current,{resize:!0,useWorker:!0}):e;(function e(){l({particleCount:3,angle:60,spread:55,origin:{x:0},colors:r}),l({particleCount:3,angle:120,spread:55,origin:{x:1},colors:r}),Date.now()<t&&requestAnimationFrame(e)})(),l({particleCount:150,spread:100,origin:{y:.6},colors:r,disableForReducedMotion:!0}

1)})()}},80)},[ee,D]),tn=(0,a.useCallback)(()=>{es(!1);let e=el.find(e=>e.id===ed);e&&eo(e.name)},[ed,el]);(0,a.useEffect)(()=>(eP?"timer"===eD?eV.current=setInterval(()=>{eT(e=>e<=1?(eW(!1),eQ(!0),eU(),0):e-1)},1e3):eV.current=setInterval(()=>{eO(e=>e+10)},10):eV.current&&clearInterval(eV.current),()=>{eV.current&&clearInterval(eV.current)}),[eP,eD]);let tr=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)(()=>()=>{e1.current&&clearInterval(e1.current),eE.current&&clearInterval(eE.current),eM.current&&clearInterval(eM.current),eV.current&&clearInterval(eV.current)},[]),u&&0===c.length)?(0,r.jsxs)("div",{className:"flex-1 overflow-hidden","aria-busy":"true","aria-live":"polite",children:[(0,r.jsx)(l.nF,{cells:12}),(0,r.jsx)("span",{className:"sr-only",children:"불러오는 중"})]}):(0,r.jsxs)("div",{className:"h-full flex overflow-hidden bg-[#0D0D0D] relative",children:[(0,r.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,r.jsx)("div",{className:"p-4 border-b border-white/5",children:(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("select",{value:x,onChange:e=>h(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:e$.map(e=>(0,r.jsx)("option",{value:e,children:e},e))}),(0,r.jsx)(m.Z,{className:"absolute right-3 top-1/2 -translate-y-1/2 text-[#666] pointer-events-none",size:14})]})}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto p-2",children:(0,r.jsx)("div",{className:"space-y-1",children:S.map(e=>(0,r.jsxs)("button",{onClick:()=>{F(e.id),"team"===e.id&&P.length>0?ek("result"):"order"===e.id&&K.length>0?ek("result"):ek("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",M===e.id?"bg-[#202023] text-white random-mode-selected":"text-[#a1a1aa] dark:text-white hover:bg-[#202023] hover:text-white"),"data-selected":M===e.id,children:[(0,r.jsx)("span",{className:(0,N.cn)("shrink-0 rounded-full transition-all",M===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,r.jsx)("div",{children:(0,r.jsx)("div",{className:"text-sm font-normal leading-none",children:e.label})})]},e.id))})})]}),(0,r.jsx)("div",{ref:eH,className:(0,N.cn)("flex-1 p-6 overflow-hidden flex flex-col bg-[#0D0D0D]",eG&&"absolute inset-0 z-[9999]"),children:(0,r.jsxs)("div",{className:(0,N.cn)("w-full mx-auto h-full flex flex-col",eG?"max-w-none":"max-w-5xl"),children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-6 shrink-0 min-h-[48px]",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("h2",{className:"text-xl font-bold text-white",children:null===(e=S.find(e=>e.id===M))||void 0===e?void 0:e.label}),null!==eC&&(0,r.jsxs)("span",{className:"text-lg font-bold text-blue-400 tabular-nums",children:[eC,"s"]})]}),(0,r.jsx)("p",{className:"text-sm text-[#666] mt-0.5",children:null===(t=S.find(e=>e.id===M))||void 0===t?void 0:t.description})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:["multi"===M&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(z.s,{value:q,onChange:O,"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,r.jsx)("button",{onClick:e9,className:"h-[38px] px-6 text-sm font-bold text-white bg-[#007AFF] hover:bg-[#0066D6] rounded-lg transition-colors",children:"뽑기"})]}),"team"===M&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(z.s,{value:_,onChange:B,"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,r.jsx)("button",{onClick:e7,className:"h-[38px] px-6 text-sm font-bold text-white bg-[#007AFF] hover:bg-[#0066D6] rounded-lg transition-colors",children:"팀 나누기"})]}),"order"===M&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:["result"===ej&&K.length>0&&(0,r.jsx)("button",{onClick:()=>$(!Y),className:(0,N.cn)("h-[38px] px-4 text-sm font-medium rounded-lg transition-colors",Y?"bg-white/10 text-white":"bg-[#1A1A1A] text-[#888] hover:text-white"),children:Y?"카드로 보기":"표로 보기"}),(0,r.jsx)("button",{onClick:()=>{$(!1),te()},disabled:D,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"===M&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("button",{onClick:()=>{et(e0.map(e=>({id:e.id,name:e.name,number:e.number}))),er([])},className:"h-[38px] px-4 text-sm font-medium bg-[#1A1A1A] text-[#888] hover:text-white rounded-lg transition-colors",children:"초기화"}),(0,r.jsx)("button",{onClick:tt,disabled:D||0===ee.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"===M&&(0,r.jsx)(z.s,{value:eD,onChange:e=>{eI(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,r.jsxs)("button",{onClick:eY,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:eG?"전체화면 끄기":"전체화면으로 크게 보기",children:[eG?(0,r.jsx)(f.Z,{size:16}):(0,r.jsx)(p.Z,{size:16}),(0,r.jsx)("span",{children:eG?"전체화면 끄기":"전체화면"})]})]})]}),(0,r.jsx)("div",{className:"flex-1 relative overflow-hidden",children:"timer"!==M&&0===e0.length?(0,r.jsx)("div",{className:"flex items-center justify-center h-full p-8",children:(0,r.jsx)(C.Z,{size:"lg",title:"학생 데이터가 없습니다",description:"뽑기를 진행할 학생 명단이 없습니다. 학급을 선택하거나 학생을 먼저 등록해 주세요."})}):(0,r.jsxs)(r.Fragment,{children:[("multi"===M||("team"===M||"order"===M)&&"result"!==ej)&&(()=>{let e=e0.length||1,t=e<=12?4:e<=20?5:e<=30?6:7;return(0,r.jsx)("div",{className:"grid gap-2 md:gap-3 h-full p-1",style:{gridTemplateColumns:"repeat(".concat(t,", minmax(0, 1fr))"),gridTemplateRows:"repeat(".concat(Math.ceil(e/t),", minmax(0, 1fr))")},children:(0,r.jsx)(i.M,{mode:"popLayout",children:("order"===M&&"shuffling"===ej?eN.map(e=>e0.find(t=>t.id===e)):e0).map(e=>{if(!e)return null;let t="multi"===M&&Z.some(t=>t.id===e.id),n="relative flex flex-col items-center justify-center p-2 rounded-2xl border min-h-0 overflow-hidden";return"idle"===ej?n+=" 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"===ej?n+=" bg-white dark:bg-[#1E1E20] border-zinc-200/90 dark:border-white/10 shadow-sm":"result"===ej&&"multi"===M&&(t?n+=" bg-white border-2 border-zinc-900 dark:border-zinc-200 shadow-2xl scale-110 z-10 translate-y-[-8px] transition duration-500":n+=" bg-zinc-100/50 dark:bg-[#0D0D0D] border-transparent opacity-25 grayscale scale-95 transition duration-500"),(0,r.jsx)(s.E.div,{layout:!0,layoutId:"card-".concat(e.id),className:(0,N.cn)(n,"multi"===M&&"shuffling"===ej&&"animate-rumble"),transition:{type:"spring",stiffness:350,damping:35,mass:1},children:(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center gap-1 w-full py-0.5",children:[(0,r.jsxs)("span",{className:(0,N.cn)("rounded-md font-bold flex items-center justify-center transition-colors leading-none tabular-nums",eG?"text-xs px-2 py-0.5":"text-[10px] md:text-[11px] px-1.5 py-0.5","multi"===M&&"result"===ej&&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,r.jsx)("span",{className:(0,N.cn)("font-black transition-all text-center tracking-tight px-1 truncate max-w-full select-none","multi"===M&&"result"===ej&&t?eG?"text-3xl md:text-5xl text-zinc-950":"text-xl md:text-2xl lg:text-3xl text-zinc-950":eG?"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"===M&&"result"===ej&&(0,r.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:P.map((e,t)=>(0,r.jsxs)("div",{className:(0,N.cn)("rounded-2xl p-5 h-fit shadow-lg transition duration-1000 ease-in-out",D&&ex?"bg-transparent border border-transparent shadow-none":"bg-[#1A1A1A] border border-white/10"),children:[(0,r.jsxs)("div",{className:(0,N.cn)("flex items-center justify-between mb-4 pb-3 border-b transition duration-1000 ease-in-out",D&&ex?"opacity-0 border-transparent":"opacity-100 border-white/5"),children:[X===t?(0,r.jsx)("input",{type:"text",autoFocus:!0,value:V,onChange:e=>H(e.target.value),onBlur:()=>{let e=[...G];for(;e.length<=t;)e.push("");e[t]=V.trim(),J(e),Q(null)},onKeyDown:e=>{"Enter"===e.key&&e.target.blur(),"Escape"===e.key&&Q(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,r.jsx)("span",{className:(0,N.cn)("font-bold text-white cursor-pointer hover:text-white/80 transition-colors",eG?"text-2xl":"text-lg"),onClick:()=>{Q(t),H(G[t]||"".concat(t+1,"모둠"))},children:G[t]||"".concat(t+1,"모둠")}),(0,r.jsxs)("span",{className:(0,N.cn)("bg-white/10 text-white/70 px-2 py-1 rounded-full font-medium shrink-0",eG?"text-sm":"text-xs"),children:[e.length,"명"]})]}),(0,r.jsx)("div",{className:"grid grid-cols-2 gap-2",children:e.map((e,n)=>{let l=P.slice(0,t).reduce((e,t)=>

1e+t.length,0)+n;return ex?(0,r.jsxs)(s.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*l}},children:[(0,r.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",eG?"text-xs":"text-[11px]"),children:[e.number,"번"]}),(0,r.jsx)("span",{className:(0,N.cn)("font-black text-zinc-950 tracking-tight truncate max-w-full text-center select-none",eG?"text-2xl md:text-3xl":"text-lg md:text-xl"),children:e.name})]},e.id):(0,r.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,r.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",eG?"text-xs":"text-[11px]"),children:[e.number,"번"]}),(0,r.jsx)("span",{className:(0,N.cn)("font-black text-zinc-950 tracking-tight truncate max-w-full text-center select-none",eG?"text-2xl md:text-3xl":"text-lg md:text-xl"),children:e.name})]},e.id)})})]},t))}),"order"===M&&"result"===ej&&(Y?(0,r.jsx)("div",{className:"h-full overflow-y-auto py-2 custom-scrollbar",children:(0,r.jsxs)("table",{className:(0,N.cn)("w-full mx-auto",eG?"max-w-4xl":"max-w-2xl"),children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-zinc-200",children:[(0,r.jsx)("th",{className:"py-3 px-4 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider w-24",children:"발표 순서"}),(0,r.jsx)("th",{className:"py-3 px-4 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider w-28",children:"출석번호"}),(0,r.jsx)("th",{className:"py-3 px-4 text-left text-xs font-semibold text-zinc-500 uppercase tracking-wider",children:"학생 이름"})]})}),(0,r.jsx)("tbody",{children:K.map((e,t)=>(0,r.jsxs)("tr",{className:"border-b border-zinc-100 hover:bg-zinc-50 transition-colors bg-white",children:[(0,r.jsx)("td",{className:"py-3.5 px-4",children:(0,r.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",eG?"px-3 py-1.5 text-sm":"px-2.5 py-1 text-xs"),children:[t+1,"번째"]})}),(0,r.jsxs)("td",{className:(0,N.cn)("py-3.5 px-4 text-zinc-500 font-medium",eG?"text-base":"text-xs md:text-sm"),children:["출석 ",e.number,"번"]}),(0,r.jsx)("td",{className:(0,N.cn)("py-3.5 px-4 text-zinc-950 font-black tracking-tight",eG?"text-2xl md:text-3xl":"text-base md:text-xl"),children:e.name})]},e.id))})]})}):(0,r.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:K.map((e,t)=>(0,r.jsxs)(s.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",eG?"min-h-[140px] p-4":"min-h-[110px] p-3"),style:{animationDelay:"".concat(40*t,"ms")},children:[(0,r.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",eG?"px-2.5 py-1 text-xs":"px-2 py-0.5 text-[11px]"),children:[t+1,"번째"]}),(0,r.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",eG?"px-2 py-1 text-xs":"px-1.5 py-0.5 text-[10px] md:text-[11px]"),children:["출석 ",e.number,"번"]}),(0,r.jsx)("div",{className:"w-full text-center px-2 my-auto flex items-center justify-center",children:(0,r.jsx)("span",{className:(0,N.cn)("font-black text-zinc-950 tracking-tight truncate block max-w-full select-none",eG?"text-3xl md:text-4xl":"text-xl md:text-2xl"),children:e.name})})]},e.id))}

1)),"lucky"===M&&(0,r.jsxs)("div",{className:"h-full flex bg-[#0D0D0D]",children:[(0,r.jsxs)("div",{className:(0,N.cn)("border-r border-white/5 flex flex-col bg-transparent dark:bg-[#0A0A0A]/50 p-2 shrink-0",eG?"w-80":"w-64"),children:[(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-2 mb-2",children:[(0,r.jsxs)("div",{className:"flex flex-col items-center text-center p-2 bg-[#1A1A1A] rounded-xl border border-white/5",children:[(0,r.jsx)("span",{className:"text-[10px] text-white/30 uppercase tracking-widest font-bold mb-1",children:"남은 인원"}),(0,r.jsx)("span",{className:"text-xl font-bold text-white tabular-nums leading-none",children:ee.length})]}),(0,r.jsxs)("div",{className:"flex flex-col items-center text-center p-2 bg-[#1A1A1A] rounded-xl border border-white/5",children:[(0,r.jsx)("span",{className:"text-[10px] text-white/30 uppercase tracking-widest font-bold mb-1",children:"뽑힌 인원"}),(0,r.jsx)("span",{className:"text-xl font-bold text-blue-400 tabular-nums leading-none",children:en.length})]})]}),(0,r.jsx)("div",{className:"text-xs text-white/30 uppercase tracking-widest font-bold mt-4 mb-1 px-1",children:"최근 당첨자"}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto custom-scrollbar pr-2 space-y-2",children:[(0,r.jsx)(i.M,{initial:!1,mode:"popLayout",children:[...en].reverse().map((e,t)=>(0,r.jsxs)(s.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,r.jsx)("span",{className:(0,N.cn)("rounded-full bg-white/10 flex items-center justify-center font-bold text-[#888] shrink-0",eG?"w-8 h-8 text-sm":"w-6 h-6 text-xs"),children:e.number}),(0,r.jsx)("span",{className:(0,N.cn)("text-white/90 font-medium truncate",eG?"text-lg":"text-sm"),children:e.name})]},e.id))}),0===en.length&&(0,r.jsx)("div",{className:"text-sm text-white/20 text-center py-8",children:"아직 당첨자가 없습니다"})]})]}),(0,r.jsxs)("div",{className:"flex-1 flex flex-col items-center justify-center relative p-10 overflow-hidden",children:[(0,r.jsx)("canvas",{ref:eF,className:"absolute inset-0 w-full h-full pointer-events-none z-0"}),(0,r.jsx)("div",{className:"relative w-full flex flex-col items-center justify-center flex-1 min-h-0 z-10",children:(0,r.jsx)(i.M,{mode:"wait",children:D&&R?(0,r.jsx)(s.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",eG?"text-[clamp(5rem,13vw,15rem)]":"text-6xl md:text-8xl"),children:R},"animating"):en.length>0?(0,r.jsx)(s.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,r.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",eG?"text-[clamp(5rem,13vw,15rem)]":"text-7xl md:text-8xl"),children:en[en.length-1].name})},"winner"):(0,r.jsx)("div",{className:"w-24 h-24 rounded-full border-2 border-white/5 flex items-center justify-center",children:(0,r.jsx)(k.d,{name:"trophy-star",size:32,className:"opacity-10"})})})})]})]}),"roulette"===M&&(0,r.jsxs)("div",{className:(0,N.cn)("flex flex-col items-center transition-all h-full",eG?"justify-center px-8 gap-4 pb-12":"gap-3 overflow-hidden"),children:[(0,r.jsx)("div",{className:(0,N.cn)("relative flex flex-col items-center justify-center w-full",eG?"shrink-0":"flex-1 min-h-0 mb-4"),children:(0,r.jsx)("div",{className:(0,N.cn)("flex items-center justify-center",eG?"w-[620px] h-[620px]":"w-full max-w-[420px] aspect-square"),children:(0,r.jsx)(E.c,{items:el,isSpinning:ei,targetId:ed,onFinished:tn,size:eG?580:Math.min(360,.75*window.innerWidth),highlightId:!ei&&ec?ed:null})})}),!eG&&(0,r.jsxs)("div",{className:"w-full shrink-0 px-1 max-h-[180px] overflow-y-auto custom-scrollbar",children:[(0,r.jsx)("div",{className:"flex flex-col gap-1.5",children:el.map((e,t)=>(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("div",{className:"w-2.5 h-2.5 rounded-full shrink-0",style:{background:E.Q[t%E.Q.length]}}),(0,r.jsx)("input",{type:"text",value:e.name,onChange:t=>ea(n=>n.map(n=>n.id===e.id?{...n,name:t.target.value}:n)),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,r.jsxs)("div",{className:"flex items-center gap-1 shrink-0",children:[(0,r.jsx)("span",{className:"text-white/40 text-xs",children:"비율"}),(0,r.jsx)("input",{type:"number",min:1,max:100,value:e.weight,onChange:t=>ea(n=>n.map(n=>n.id===e.id?{...n,weight:Math.max(1,Number(t.target.value))}:n)),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,r.jsx)("button",{"aria-label":"삭제",onClick:()=>ea(t=>t.filter(t=>t.id!==e.id)),disabled:el.length<=2,className:"text-white/30 hover:text-red-400 transition-colors disabled:opacity-20",children:(0,r.jsx)(b.Z,{size:14})})]},e.id))}),(0,r.jsxs)("button",{onClick:()=>ea(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,r.jsx)(g.Z,{size:14}),(0,r.jsx)("span",{children:"항목 추가"})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 w-full max-w-[240px] shrink-0",children:[(0,r.jsx)("button",{onClick:()=>{eo(null),eu(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,r.jsx)("button",{onClick:()=>

1{if(ei||0===el.length)return;eo(null),eu(null),es(!0);let e=Math.random()*el.reduce((e,t)=>e+t.weight,0),t=el[0];for(let n of el)if((e-=n.weight)<=0){t=n;break}eu(t.id)},disabled:ei||el.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"===M&&(0,r.jsx)("div",{className:(0,N.cn)("flex flex-col items-center justify-center transition-all h-full bg-transparent rounded-xl relative",eG?"overflow-visible":"overflow-hidden"),children:(0,r.jsxs)("div",{className:(0,N.cn)("flex flex-col items-center justify-center z-10 mx-auto relative transition-all flex-1 w-full",eG?"max-w-none p-0":"max-w-5xl p-8"),children:["timer"===eD&&(0,r.jsxs)(r.Fragment,{children:[(0,r.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,r.jsx)("div",{className:(0,N.cn)("flex-1 flex items-center justify-center w-full",eG?"overflow-visible px-0":"overflow-hidden px-4"),children:(0,r.jsx)("div",{style:eX?{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",eG?"text-[clamp(10rem,25vw,40rem)]":"text-[clamp(6rem,14vw,24rem)]",eX?"text-red-500":"text-white"),children:"".concat(Math.floor(eR/60).toString().padStart(2,"0"),":").concat((eR%60).toString().padStart(2,"0"))})}),(0,r.jsxs)("div",{className:"h-32 flex flex-col items-center justify-end shrink-0 w-full",children:[!eP&&(0,r.jsxs)("div",{className:"flex gap-2 mb-8 opacity-80 hover:opacity-100 transition-opacity",children:[(0,r.jsx)("button",{onClick:()=>{eL(e=>Math.max(0,e-60)),eT(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,r.jsx)("button",{onClick:()=>{eL(e=>Math.max(0,e-10)),eT(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,r.jsx)("button",{onClick:()=>{eL(e=>Math.max(0,e-1)),eT(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,r.jsx)("div",{className:"w-px h-6 bg-white/10 mx-1 self-center"}),(0,r.jsx)("button",{onClick:()=>{eL(e=>e+1),eT(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,r.jsx)("button",{onClick:()=>{eL(e=>e+10),eT(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,r.jsx)("button",{onClick:()=>{eL(e=>e+60),eT(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,r.jsx)("button",{onClick:()=>{eL(e=>e+300),eT(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,r.jsxs)("div",{className:"flex items-center gap-8",children:[(0,r.jsx)("button",{"aria-label":"초기화",onClick:()=>{eW(!1),eQ(!1),eK.current&&clearTimeout(eK.current),eP||eR!==eZ||300===eZ?eT(eZ):(eL(300),eT(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,r.jsx)(w.Z,{size:24})}),(0,r.jsx)("button",{"aria-label":eP?"일시정지":"재생",onClick:()=>eW(!eP),className:(0,N.cn)("w-20 h-20 rounded-full flex items-center justify-center transition active:scale-95 shadow-xl",eP?"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:eP?(0,r.jsx)(v.Z,{size:32,fill:"white",color:"white"}):(0,r.jsx)(y.Z,{size:32,fill:"white",color:"white",className:"ml-1"})})]})]})]}),"stopwatch"===eD&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:(0,N.cn)("flex-1 flex flex-col items-center justify-center w-full min-h-0 relative",eG?"overflow-visible px-0":"overflow-hidden px-4"),children:[(0,r.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",eG?"text-[clamp(8rem,20vw,35rem)]":"text-[clamp(4rem,10vw,16rem)]"),children:tr(eq)}),e_.length>0&&(0,r.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:e_.map((e,t)=>(0,r.jsx)("div",{className:"text-white font-black text-2xl tabular-nums tracking-widest shrink-0 drop-shadow-md",children:tr(e)},t))})]}),(0,r.jsx)("div",{className:"h-32 flex flex-col items-center justify-end shrink-0 w-full relative z-10",children:(0,r.jsxs)("div",{className:"flex items-center gap-8",children:[(0,r.jsx)("button",{"aria-label":eP?"종료":"초기화",onClick:()=>{eP?eB(e=>[eq,...e]):(eW(!1),eO(0),eB([]))},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:eP?(0,r.jsx)(j.Z,{size:24}):(0,r.jsx)(w.Z,{size:24})}),(0,r.jsx)("button",{"aria-label":eP?"일시정지":"재생",onClick:()=>eW(!eP),className:(0,N.cn)("w-20 h-20 rounded-full flex items-center justify-center transition active:scale-95 shadow-xl",eP?"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:eP?(0,r.jsx)(v.Z,{size:32,fill:"white",color:"white"}):(0,r.jsx)(y.Z,{size:32,fill:"white",color:"white",className:"ml-1"})})]})})]})]})})]})})]})})]})}},7888:function(e,t,n){n.d(t,{q:function(){return r}});function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"요청을 처리하지 못했습니다. 잠시 후 다시 시도해 주세요.",n=e instanceof Error?e.message:String(null!=e?e:""),r=n.toLowerCase();return r.trim()?/[가-힣]/.test(n)&&!/error|exception|prisma|econn|timeout|undefined|null|\bp\d{4}\b|stack|<|\bat\s/i.test(n)?n:r.includes("unauthorized")||r.includes("unauthenticated")||r.includes("로그인 세션")?"로그인이 필요하거나 세션이 만료되었습니다. 페이지를 새로고침한 뒤 다시 시도해 주세요.":r.includes("permission denied")||r.includes("forbidden")||r.includes("access denied")||r.includes(" 403")?"이 작업을 수행할 권한이 없습니다.":r.includes("not found")||r.includes("no such")||r.includes("does not exist")?"대상을 찾을 수 없습니다. 목록을 새로고침한 뒤 다시 시도해 주세요.":r.includes("transaction")&&(r.includes("closed")||r.includes("timeout")||r.includes("aborted")||r.includes("expired"))?"한 번에 처리할 양이 많아 시간이 ì´

1ˆê³¼ë˜ì—ˆìŠµë‹ˆë‹¤. 나눠서 다시 시도해 주세요.":r.includes("econnreset")||r.includes("econnrefused")||r.includes("fetch failed")||r.includes("socket hang up")||r.includes("enotfound")||r.includes("network")?"서버 연결이 불안정합니다. 잠시 후 다시 시도해 주세요.":r.includes("timeout")||r.includes("timed out")||r.includes("etimedout")?"서버 응답 시간이 초과되었습니다. 잠시 후 다시 시도해 주세요.":r.includes("unique constraint")||r.includes("p2002")||r.includes("duplicate key")?"이미 등록되어 있는 항목입니다.":r.includes("no file provided")||r.includes("file provided")?"파일이 첨부되지 않았습니다. 파일을 선택한 뒤 다시 시도해 주세요.":r.includes("prisma")||/\bp\d{4}\b/.test(r)||r.includes("database")||r.includes("column ")||r.includes("relation ")?"데이터를 저장하는 중 문제가 발생했습니다. 잠시 후 다시 시도해 주세요.":t:t}},92804:function(e,t,n){n.d(t,{Ge:function(){return r}});function r(e,t,n){return!function(e){let t=e.trim().slice(-1);if(!t)return!1;let n=t.charCodeAt(0);return n>=44032&&n<=55203?(n-44032)%28!=0:t>="0"&&t<="9"&&["0","1","3","6","7","8"].includes(t)}(e)?n:t}}}]);