@hua-labs/ui 1.0.0 → 1.1.0-alpha.0.2

package/dist/advanced.mjs

@@ -0,0 +1,2 @@
+import {a as a$1,b,c,d,h,e,f,g}from'./chunk-627HOIRV.mjs';export{l as ComponentLayout}from'./chunk-627HOIRV.mjs';export{d as ActivityFeed,l as DashboardEmptyState,c as DashboardGrid,m as DashboardSidebar,o as DashboardToolbar,f as MembershipBadge,t as MerchantList,j as MetricCard,g as MiniBarChart,i as NotificationCard,e as ProfileCard,k as ProgressCard,b as QuickActionCard,s as RoutingBreakdownCard,v as SectionHeader,r as SettlementTimeline,a as StatCard,u as StatsPanel,h as SummaryCard,q as TransactionDetailDrawer,n as TransactionsTable,p as TrendChart}from'./chunk-R5KCFRYV.mjs';import {i}from'./chunk-E5PN4LUS.mjs';export{a as AdvancedPageTransition,g as CubePageTransition,b as FadePageTransition,e as FlipPageTransition,f as MorphPageTransition,d as ScalePageTransition,c as SlidePageTransition,h as ZoomPageTransition,i as usePageTransition,j as usePageTransitionManager}from'./chunk-KHEJZ3U4.mjs';import {a as a$2}from'./chunk-ACEKLG37.mjs';import {l}from'./chunk-UGSYQDR4.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import V,{useState,useEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var Q=V.forwardRef(({className:p,id:e,storageKey:o="bookmarks",defaultBookmarked:i=false,onBookmarkChange:s,size:l$1="md",variant:u="default",...b},v)=>{let[m,x]=useState(i);useEffect(()=>{let y=localStorage.getItem(o);if(y){let n=JSON.parse(y);x(n.includes(e));}},[e,o]);let d=()=>{let y=!m;x(y);let n=localStorage.getItem(o),h=n?JSON.parse(n):[];if(y)h.includes(e)||h.push(e);else {let r=h.indexOf(e);r>-1&&h.splice(r,1);}localStorage.setItem(o,JSON.stringify(h)),s==null||s(y);},g={sm:"w-6 h-6",md:"w-8 h-8",lg:"w-10 h-10"},N={default:"text-slate-400 hover:text-yellow-500 transition-colors",filled:"text-yellow-500 hover:text-yellow-600 transition-colors",outline:"border border-slate-300 dark:border-slate-600 text-slate-400 hover:text-yellow-500 hover:border-yellow-500 transition-colors rounded"};return jsx("button",{ref:v,onClick:d,className:a("flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2",g[l$1],N[u],p),...b,children:jsx(l,{name:"star",className:a("transition-all duration-200",m&&"fill-current")})})});Q.displayName="Bookmark";var X=V.forwardRef(({className:p,message:e,user:o={name:"\uC0AC\uC6A9\uC790",color:"#3b82f6"},assistant:i$1={name:"AI",color:"#10b981"},showAvatar:s=true,showTimestamp:l=true,showEmotion:u=true,variant:b$1="default",theme:v={userBubbleBg:"#3b82f6",userBubbleText:"#ffffff",aiBubbleBg:"#f3f4f6",aiBubbleText:"#1f2937"},...m},x)=>{var h$1,r,B;let d$1=e.role==="user";e.role==="assistant";e.role==="system";let y=k=>k?{joy:"bg-yellow-100 text-yellow-800",sadness:"bg-blue-100 text-blue-800",anger:"bg-red-100 text-red-800",calm:"bg-green-100 text-green-800",excitement:"bg-pink-100 text-pink-800",worry:"bg-gray-100 text-gray-800",gratitude:"bg-purple-100 text-purple-800",loneliness:"bg-indigo-100 text-indigo-800"}[k]||"bg-gray-100 text-gray-800":"bg-gray-100",n=k=>k.toLocaleTimeString("ko-KR",{hour:"2-digit",minute:"2-digit"});return b$1==="bubble"?jsx("div",{ref:x,className:a("flex w-full",d$1?"justify-end":"justify-start",p),...m,children:jsxs("div",{className:a("flex max-w-[80%] space-x-2",d$1?"flex-row-reverse space-x-reverse":"flex-row"),children:[s&&jsxs(a$1,{className:"w-8 h-8 flex-shrink-0",children:[jsx(b,{src:d$1?o.avatar:i$1.avatar,alt:d$1?o.name:i$1.name}),jsx(c,{style:{backgroundColor:d$1?o.color:i$1.color},children:(h$1=d$1?o.name:i$1.name)==null?void 0:h$1.charAt(0)})]}),jsxs("div",{className:"space-y-1",children:[jsx("div",{className:a("px-4 py-2 rounded-2xl max-w-full break-words",d$1?"rounded-br-md":"rounded-bl-md"),style:{backgroundColor:d$1?v.userBubbleBg:v.aiBubbleBg,color:d$1?v.userBubbleText:v.aiBubbleText},children:e.isTyping?jsxs("div",{className:"flex space-x-1",children:[jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce"}),jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce delay-100"}),jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce delay-200"})]}):jsx("div",{className:"whitespace-pre-wrap",children:e.content})}),jsxs("div",{className:a("flex items-center space-x-2 text-xs text-muted-foreground",d$1?"justify-end":"justify-start"),children:[l&&jsx("span",{children:n(e.timestamp)}),u&&e.emotion&&jsx(i,{variant:"secondary",className:a("text-xs",y(e.emotion)),children:e.emotion})]})]})]})}):b$1==="compact"?jsxs("div",{ref:x,className:a("flex items-start space-x-3 py-2",p),...m,children:[s&&jsxs(a$1,{className:"w-6 h-6 flex-shrink-0",children:[jsx(b,{src:d$1?o.avatar:i$1.avatar,alt:d$1?o.name:i$1.name}),jsx(c,{style:{backgroundColor:d$1?o.color:i$1.color},children:(r=d$1?o.name:i$1.name)==null?void 0:r.charAt(0)})]}),jsxs("div",{className:"flex-1 min-w-0",children:[jsxs("div",{className:"flex items-center space-x-2 mb-1",children:[jsx("span",{className:"text-sm font-medium",children:d$1?o.name:i$1.name}),l&&jsx("span",{className:"text-xs text-muted-foreground",children:n(e.timestamp)}),u&&e.emotion&&jsx(i,{variant:"secondary",className:a("text-xs",y(e.emotion)),children:e.emotion})]}),jsx("div",{className:"text-sm",children:e.isTyping?jsxs("div",{className:"flex space-x-1",children:[jsx("div",{className:"w-1.5 h-1.5 bg-muted-foreground rounded-full animate-bounce"}),jsx("div",{className:"w-1.5 h-1.5 bg-muted-foreground rounded-full animate-bounce delay-100"}),jsx("div",{className:"w-1.5 h-1.5 bg-muted-foreground rounded-full animate-bounce delay-200"})]}):jsx("div",{className:"whitespace-pre-wrap",children:e.content})})]})]}):jsxs("div",{ref:x,className:a("flex items-start space-x-3 py-4",p),...m,children:[s&&jsxs(a$1,{className:"w-10 h-10 flex-shrink-0",children:[jsx(b,{src:d$1?o.avatar:i$1.avatar,alt:d$1?o.name:i$1.name}),jsx(c,{style:{backgroundColor:d$1?o.color:i$1.color},children:(B=d$1?o.name:i$1.name)==null?void 0:B.charAt(0)})]}),jsxs("div",{className:"flex-1 min-w-0",children:[jsxs("div",{className:"flex items-center space-x-2 mb-2",children:[jsx("span",{className:"font-medium",children:d$1?o.name:i$1.name}),l&&jsx("span",{className:"text-sm text-muted-foreground",children:n(e.timestamp)}),u&&e.emotion&&jsx(i,{variant:"secondary",className:a("text-xs",y(e.emotion)),children:e.emotion})]}),jsx(d,{className:a("inline-block",d$1?"bg-primary text-primary-foreground":"bg-muted"),children:jsx(h,{className:"p-3",children:e.isTyping?jsxs("div",{className:"flex space-x-1",children:[jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce"}),jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce delay-100"}),jsx("div",{className:"w-2 h-2 bg-current rounded-full animate-bounce delay-200"})]}):jsx("div",{className:"whitespace-pre-wrap",children:e.content})})})]})]})});X.displayName="ChatMessage";var L=V.forwardRef(({className:p,value:e,max:o=100,size:i="md",color:s="blue",...l},u)=>{let b={sm:"h-2",md:"h-3",lg:"h-4"},v={blue:"bg-blue-500",green:"bg-green-500",yellow:"bg-yellow-500",red:"bg-red-500",purple:"bg-purple-500",orange:"bg-orange-500",indigo:"bg-indigo-500",pink:"bg-pink-500",gray:"bg-gray-500"},m=Math.min(Math.max(e/o*100,0),100);return jsx("div",{ref:u,className:a("w-full bg-gray-200 rounded-full dark:bg-gray-700",b[i],p),...l,children:jsx("div",{className:a("h-full rounded-full transition-all duration-300",v[s]||v.blue),style:{width:`${m}%`}})})});L.displayName="EmotionMeter";var ee=V.forwardRef(({className:p,primaryEmotion:e$1,emotionDistribution:o=[],keywords:i$1=[],intensity:s=50,positivity:l=70,energy:u=60,showMeter:b=true,showDistribution:v=true,showKeywords:m=true,showMetrics:x=true,layout:d$1="detailed",...g$1},N)=>{let y=r=>r<30?"\uC57D\uD568":r<70?"\uBCF4\uD1B5":"\uAC15\uD568",n=r=>r<30?"\uBD80\uC815\uC801":r<70?"\uC911\uB9BD\uC801":"\uAE0D\uC815\uC801",h$1=r=>r<30?"\uB0AE\uC74C":r<70?"\uBCF4\uD1B5":"\uB192\uC74C";return d$1==="compact"?jsxs("div",{ref:N,className:a("space-y-3",p),...g$1,children:[e$1&&jsxs("div",{className:"flex items-center justify-between",children:[jsx("span",{className:"text-sm font-medium",children:"\uC8FC\uC694 \uAC10\uC815:"}),jsxs("div",{className:"flex items-center space-x-2",children:[jsxs("span",{className:"text-sm text-muted-foreground",children:[e$1.name," (",e$1.intensity,"%)"]}),b&&jsx(L,{value:e$1.intensity,size:"sm",color:"blue"})]})]}),x&&jsxs(Fragment,{children:[jsxs("div",{className:"flex items-center justify-between",children:[jsx("span",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4:"}),jsx("span",{className:"text-sm text-muted-foreground",children:y(s)})]}),jsxs("div",{className:"flex items-center justify-between",children:[jsx("span",{className:"text-sm font-medium",children:"\uAE0D\uC815\uC131:"}),jsx("span",{className:"text-sm text-muted-foreground",children:n(l)})]}),jsxs("div",{className:"flex items-center justify-between",children:[jsx("span",{className:"text-sm font-medium",children:"\uC5D0\uB108\uC9C0:"}),jsx("span",{className:"text-sm text-muted-foreground",children:h$1(u)})]})]}),m&&i$1.length>0&&jsxs("div",{children:[jsx("span",{className:"text-sm font-medium",children:"\uD0A4\uC6CC\uB4DC:"}),jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:i$1.map(r=>jsx(i,{variant:"secondary",className:"text-xs",children:r},r))})]})]}):d$1==="card"?jsxs(d,{ref:N,className:a("",p),...g$1,children:[jsxs(e,{children:[jsxs(f,{className:"flex items-center",children:[jsx("span",{className:"text-2xl mr-2",children:"\u2728"}),"AI \uBD84\uC11D"]}),jsx(g,{children:"\uAC10\uC815 \uBD84\uC11D \uACB0\uACFC"})]}),jsxs(h,{className:"space-y-4",children:[e$1&&jsxs("div",{className:"space-y-3",children:[jsxs("div",{className:"text-sm",children:[jsx("span",{className:"font-medium",children:"\uC8FC\uC694 \uAC10\uC815:"}),jsxs("span",{className:"ml-2 text-muted-foreground",children:[e$1.name," (",e$1.intensity,"%)"]})]}),b&&jsx("div",{className:"flex justify-center",children:jsx(L,{value:e$1.intensity,size:"md",color:"blue"})})]}),x&&jsxs(Fragment,{children:[jsxs("div",{className:"text-sm",children:[jsx("span",{className:"font-medium",children:"\uAC10\uC815 \uAC15\uB3C4:"}),jsx("span",{className:"ml-2 text-muted-foreground",children:y(s)})]}),jsxs("div",{className:"text-sm",children:[jsx("span",{className:"font-medium",children:"\uAE0D\uC815\uC131:"}),jsx("span",{className:"ml-2 text-muted-foreground",children:n(l)})]}),jsxs("div",{className:"text-sm",children:[jsx("span",{className:"font-medium",children:"\uC5D0\uB108\uC9C0:"}),jsx("span",{className:"ml-2 text-muted-foreground",children:h$1(u)})]})]}),m&&i$1.length>0&&jsxs("div",{className:"text-sm",children:[jsx("span",{className:"font-medium",children:"\uD0A4\uC6CC\uB4DC:"}),jsx("div",{className:"flex flex-wrap gap-1 mt-1",children:i$1.map(r=>jsx(i,{variant:"secondary",className:"text-xs",children:r},r))})]})]})]}):jsxs("div",{ref:N,className:a("space-y-6",p),...g$1,children:[e$1&&jsxs("div",{className:"space-y-4",children:[jsx("h3",{className:"text-lg font-semibold",children:"\uC8FC\uC694 \uAC10\uC815"}),jsxs("div",{className:"flex items-center space-x-4",children:[jsxs("div",{className:"text-center",children:[jsx("div",{className:"text-2xl font-bold text-primary",children:e$1.name}),jsxs("div",{className:"text-sm text-muted-foreground",children:[e$1.intensity,"% \uAC15\uB3C4"]})]}),b&&jsx(L,{value:e$1.intensity,size:"lg",color:"blue"})]})]}),v&&o.length>0&&jsxs("div",{className:"space-y-4",children:[jsx("h3",{className:"text-lg font-semibold",children:"\uAC10\uC815 \uBD84\uD3EC"}),jsx("div",{className:"space-y-3",children:o.map((r,B)=>jsxs("div",{className:"space-y-2",children:[jsxs("div",{className:"flex items-center justify-between",children:[jsx("span",{className:"text-sm font-medium",children:r.emotion}),jsxs("span",{className:"text-sm text-muted-foreground",children:[r.percentage,"%"]})]}),jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsx("div",{className:`${r.color} h-2 rounded-full transition-all duration-300`,style:{width:`${r.percentage}%`}})})]},B))})]}),x&&jsxs("div",{className:"space-y-4",children:[jsx("h3",{className:"text-lg font-semibold",children:"\uBD84\uC11D \uC9C0\uD45C"}),jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[jsxs("div",{className:"space-y-2",children:[jsx("div",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4"}),jsx("div",{className:"text-2xl font-bold text-primary",children:y(s)}),jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsx("div",{className:"bg-primary h-2 rounded-full transition-all duration-300",style:{width:`${s}%`}})})]}),jsxs("div",{className:"space-y-2",children:[jsx("div",{className:"text-sm font-medium",children:"\uAE0D\uC815\uC131"}),jsx("div",{className:"text-2xl font-bold text-green-600",children:n(l)}),jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsx("div",{className:"bg-green-500 h-2 rounded-full transition-all duration-300",style:{width:`${l}%`}})})]}),jsxs("div",{className:"space-y-2",children:[jsx("div",{className:"text-sm font-medium",children:"\uC5D0\uB108\uC9C0"}),jsx("div",{className:"text-2xl font-bold text-orange-600",children:h$1(u)}),jsx("div",{className:"w-full bg-muted rounded-full h-2",children:jsx("div",{className:"bg-orange-500 h-2 rounded-full transition-all duration-300",style:{width:`${u}%`}})})]})]})]}),m&&i$1.length>0&&jsxs("div",{className:"space-y-4",children:[jsx("h3",{className:"text-lg font-semibold",children:"\uAC10\uC815 \uD0A4\uC6CC\uB4DC"}),jsx("div",{className:"flex flex-wrap gap-2",children:i$1.map(r=>jsx(i,{variant:"outline",className:"text-sm",children:r},r))})]})]})});ee.displayName="EmotionAnalysis";var F=V.forwardRef(({className:p,emotion:e,isSelected:o=false,size:i="md",...s},l)=>jsx("button",{ref:l,className:a("rounded-full border-2 transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-500",{sm:"w-8 h-8 text-sm",md:"w-12 h-12 text-lg",lg:"w-16 h-16 text-xl"}[i],o?"border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800",p),...s,children:e}));F.displayName="EmotionButton";var ke=[{key:"joy",label:"\uAE30\uC068",icon:"smile",color:"yellow"},{key:"sadness",label:"\uC2AC\uD514",icon:"frown",color:"blue"},{key:"anger",label:"\uD654\uB0A8",icon:"angry",color:"red"},{key:"calm",label:"\uD3C9\uC628",icon:"heart",color:"green"},{key:"excitement",label:"\uC124\uB818",icon:"star",color:"pink"},{key:"worry",label:"\uAC71\uC815",icon:"meh",color:"gray"},{key:"gratitude",label:"\uAC10\uC0AC",icon:"heart",color:"purple"},{key:"loneliness",label:"\uC678\uB85C\uC6C0",icon:"user",color:"indigo"}],te=V.forwardRef(({className:p,selectedEmotion:e,onEmotionSelect:o,layout:i="grid",showIntensity:s=false,intensity:l=50,onIntensityChange:u,emotions:b=ke,size:v="md",variant:m="button",...x},d)=>{let g=n=>{o==null||o(n);},N=n=>{let h=e===n.key;return m==="button"?jsx(F,{emotion:n.key,isSelected:h,size:v,onClick:()=>g(n.key),className:a("transition-all duration-200",h&&"ring-2 ring-offset-2 ring-primary"),children:n.label},n.key):m==="card"?jsx("div",{className:a("p-4 rounded-lg border-2 cursor-pointer transition-all duration-200 hover:shadow-md",h?"border-primary bg-primary/5":"border-border hover:border-primary/50"),onClick:()=>g(n.key),children:jsxs("div",{className:"flex items-center space-x-3",children:[jsx("div",{className:a("w-8 h-8 rounded-full flex items-center justify-center",h?"bg-primary text-primary-foreground":"bg-muted"),children:n.icon&&jsxs("span",{className:"text-lg",children:[n.icon==="smile"&&"\u{1F60A}",n.icon==="frown"&&"\u{1F622}",n.icon==="angry"&&"\u{1F620}",n.icon==="heart"&&"\u2764\uFE0F",n.icon==="star"&&"\u2B50",n.icon==="meh"&&"\u{1F610}",n.icon==="user"&&"\u{1F464}"]})}),jsx("span",{className:"font-medium truncate max-w-[120px]",children:n.label})]})},n.key):m==="chip"?jsx("div",{className:a("px-3 py-1 rounded-full cursor-pointer transition-all duration-200 text-sm font-medium",h?"bg-primary text-primary-foreground":"bg-muted hover:bg-muted/80"),onClick:()=>g(n.key),children:jsx("span",{className:"truncate max-w-[100px]",children:n.label})},n.key):null},y={grid:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 md:gap-3",list:"space-y-2",compact:"flex flex-wrap gap-1"};return jsxs("div",{ref:d,className:a("space-y-4",p),...x,children:[jsx("div",{className:y[i],children:b.map(N)}),s&&e&&jsxs("div",{className:"space-y-3",children:[jsxs("div",{className:"flex items-center justify-between",children:[jsx("span",{className:"text-sm font-medium",children:"\uAC10\uC815 \uAC15\uB3C4"}),jsxs("span",{className:"text-sm text-muted-foreground",children:[l,"%"]})]}),jsx("input",{type:"range",min:"0",max:"100",value:l,onChange:n=>u==null?void 0:u(Number(n.target.value)),className:"w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider"}),jsxs("div",{className:"flex justify-between text-xs text-muted-foreground",children:[jsx("span",{children:"\uC57D\uD568"}),jsx("span",{children:"\uBCF4\uD1B5"}),jsx("span",{children:"\uAC15\uD568"})]})]}),e&&s&&jsx("div",{className:"flex justify-center",children:jsx(L,{value:l,size:"md",color:"blue"})})]})});te.displayName="EmotionSelector";var re=V.forwardRef(({className:p,size:e="md",variant:o="button",showLabel:i=false,languages:s=[{code:"ko",name:"\uD55C\uAD6D\uC5B4",flag:"\u{1F1F0}\u{1F1F7}"},{code:"en",name:"English",flag:"\u{1F1FA}\u{1F1F8}"},{code:"ja",name:"\u65E5\u672C\u8A9E",flag:"\u{1F1EF}\u{1F1F5}"},{code:"zh",name:"\u4E2D\u6587",flag:"\u{1F1E8}\u{1F1F3}"}],currentLanguage:l="ko",onLanguageChange:u,...b},v)=>{let [m,x]=V.useState(false),d=V.useRef(null),g=s.find(r=>r.code===l)||s[0],N={sm:"h-10 w-10",md:"h-12 w-12",lg:"h-14 w-14"};V.useEffect(()=>{let r=B=>{d.current&&!d.current.contains(B.target)&&x(false);};return m&&document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r);}},[m]);let n=r=>{u==null||u(r),x(false);},h=()=>jsx("div",{className:"flex items-center justify-center",children:jsx("span",{className:"text-lg",children:g.flag})});return o==="icon"?jsxs("div",{ref:d,className:"relative",children:[jsx("button",{onClick:()=>x(!m),className:a("inline-flex items-center justify-center rounded-lg transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2",N[e],p),...b,children:h()}),m&&jsx("div",{className:"absolute top-full right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-2 z-50",children:s.map(r=>jsxs("button",{onClick:()=>n(r.code),className:a("w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200 flex items-center gap-3",l===r.code&&"bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400"),children:[jsx("span",{className:"text-lg",children:r.flag}),jsx("span",{className:"text-sm font-medium",children:r.name})]},r.code))})]}):o==="dropdown"?jsxs("div",{ref:d,className:"relative",children:[jsxs("button",{onClick:()=>x(!m),className:a("inline-flex items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2",p),...b,children:[jsx("span",{className:"text-lg",children:g.flag}),i&&jsx("span",{children:g.name}),jsx("svg",{className:a("w-4 h-4 transition-transform duration-200",m&&"rotate-180"),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),m&&jsx("div",{className:"absolute top-full right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-2 z-50",children:s.map(r=>jsxs("button",{onClick:()=>n(r.code),className:a("w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200 flex items-center gap-3",l===r.code&&"bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400"),children:[jsx("span",{className:"text-lg",children:r.flag}),jsx("span",{className:"text-sm font-medium",children:r.name})]},r.code))})]}):jsxs("button",{onClick:()=>{let B=(s.findIndex(k=>k.code===l)+1)%s.length;u==null||u(s[B].code);},className:a("inline-flex items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2",p),...b,children:[jsx("span",{className:"text-lg",children:g.flag}),i&&jsx("span",{children:g.name})]})});re.displayName="LanguageToggle";var ae=V.forwardRef(({className:p,targetId:e,text:o="Scroll down",iconName:i="arrowDown",iconSize:s=20,position:l$1="bottom-center",variant:u="default",size:b="md",animated:v=true,autoHide:m=true,hideThreshold:x=100,...d},g)=>{let[N,y]=useState(true);useEffect(()=>{if(!m)return;let k=()=>{let z=window.scrollY;y(z<x);};return k(),window.addEventListener("scroll",k,{passive:true}),()=>window.removeEventListener("scroll",k)},[m,x]);let n=()=>{if(e){let k=document.getElementById(e);k&&k.scrollIntoView({behavior:"smooth"});}else {let k=g;if(k.current){let z=k.current.nextElementSibling;z&&z.scrollIntoView({behavior:"smooth"});}}},h={"bottom-center":"bottom-8 left-1/2 transform -translate-x-1/2","bottom-left":"bottom-8 left-8","bottom-right":"bottom-8 right-8"},r={sm:"text-sm",md:"text-base",lg:"text-lg"},B={default:"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white",primary:"text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200",secondary:"text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200",outline:"text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"};return N?jsx("div",{ref:g,className:a("absolute z-10",h[l$1],p),...d,children:jsxs(a$2,{onClick:n,variant:"ghost",size:"sm",className:a("flex flex-col items-center space-y-2 transition-all duration-300",r[b],B[u],v&&"animate-in fade-in-0 slide-in-from-bottom-2 duration-500"),"aria-label":o,children:[jsx("span",{className:"text-xs opacity-80",children:o}),jsx(l,{name:i,size:s,className:a(v&&"animate-bounce")})]})}):null});ae.displayName="ScrollIndicator";var le=V.forwardRef(({className:p,height:e=2,color:o="gradient",position:i="top",animated:s=true,showPercentage:l=false,...u},b)=>{let[v,m]=useState(0);useEffect(()=>{let g=()=>{let N=window.scrollY,y=document.documentElement.scrollHeight-window.innerHeight,n=y>0?N/y*100:0;m(n);};return g(),window.addEventListener("scroll",g,{passive:true}),window.addEventListener("resize",g,{passive:true}),()=>{window.removeEventListener("scroll",g),window.removeEventListener("resize",g);}},[]);let x={default:"bg-blue-600",primary:"bg-purple-600",secondary:"bg-gray-600",gradient:"bg-gradient-to-r from-purple-600 via-blue-600 to-purple-600"};return jsxs("div",{ref:b,className:a("fixed z-50",{top:"top-0 left-0 right-0",bottom:"bottom-0 left-0 right-0"}[i],p),style:{height:`${e}px`},...u,children:[jsx("div",{className:"w-full h-full bg-gray-200 dark:bg-gray-700"}),jsx("div",{className:a("h-full origin-left transition-all duration-100 ease-out",x[o]||x.gradient),style:{width:`${v}%`,transformOrigin:"left"}}),l&&jsxs("div",{className:"absolute top-2 right-2 text-xs text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-800 px-2 py-1 rounded",children:[Math.round(v),"%"]})]})});le.displayName="ScrollProgress";var ne=V.forwardRef(({className:p,variant:e="default",size:o="md",orientation:i="both",autoHide:s=true,smooth:l=true,children:u,...b},v)=>{let m=()=>{switch(e){case "glass":return "scrollbar-thumb-white/20 hover:scrollbar-thumb-white/30 backdrop-blur-sm";case "colorful":return "scrollbar-thumb-gradient-to-b scrollbar-thumb-from-blue-500 scrollbar-thumb-to-purple-500 hover:scrollbar-thumb-from-blue-600 hover:scrollbar-thumb-to-purple-600";case "minimal":return "scrollbar-thumb-slate-200/50 hover:scrollbar-thumb-slate-300/70 dark:scrollbar-thumb-slate-700/50 dark:hover:scrollbar-thumb-slate-600/70";case "neon":return "scrollbar-thumb-cyan-400/60 hover:scrollbar-thumb-cyan-300/80 scrollbar-thumb-shadow-lg scrollbar-thumb-shadow-cyan-500/25";default:return "scrollbar-thumb-slate-300 hover:scrollbar-thumb-slate-400 dark:scrollbar-thumb-slate-600 dark:hover:scrollbar-thumb-slate-500"}},x=()=>{switch(o){case "sm":return "scrollbar-w-1";case "lg":return "scrollbar-w-3";case "xl":return "scrollbar-w-4";default:return "scrollbar-w-2"}},d=()=>{switch(i){case "vertical":return "overflow-y-auto overflow-x-hidden";case "horizontal":return "overflow-x-auto overflow-y-hidden";default:return "overflow-auto"}},g=a("scrollbar-thin scrollbar-track-transparent scrollbar-thumb-rounded-full transition-all duration-200",m(),x(),d(),s&&"scrollbar-hide",l&&"scroll-smooth",p);return jsx("div",{className:g,ref:v,...b,children:u})});ne.displayName="Scrollbar";var ie=V.forwardRef(({className:p,icon:e,title:o,description:i,variant:s="default",size:l$1="md",hover:u="scale",gradient:b="blue",customGradient:v,...m},x)=>{let d={sm:"p-4",md:"p-6",lg:"p-8"},g={default:"bg-white/90 dark:bg-gray-800/80 backdrop-blur-sm border border-gray-200/50 dark:border-gray-700/50",gradient:`bg-gradient-to-br ${v||Ie(b)}`,glass:"bg-white/10 dark:bg-gray-800/10 backdrop-blur-md border border-white/20 dark:border-gray-700/20",neon:"bg-gray-900/90 dark:bg-gray-900/90 border border-cyan-400/30 dark:border-cyan-400/30 shadow-lg shadow-cyan-400/20"},N={scale:"hover:scale-105 transition-transform duration-300",glow:"hover:shadow-2xl hover:shadow-blue-500/25 dark:hover:shadow-cyan-400/25 transition-shadow duration-300",slide:"hover:-translate-y-2 transition-transform duration-300",none:""},y=l$1==="lg"?"text-5xl":l$1==="md"?"text-4xl":"text-3xl";return jsxs("div",{ref:x,className:a("rounded-2xl shadow-lg transition-all duration-300 flex flex-col items-center text-center",d[l$1],g[s],N[u],p),...m,children:[e&&jsx("div",{className:`mb-4 ${y} ${s==="neon"?"text-cyan-400":""}`,children:typeof e=="string"&&e.startsWith("http")?jsx("img",{src:e,alt:o,className:"w-full h-full object-contain"}):typeof e=="string"?jsx("span",{children:e}):jsx(l,{name:e,className:"w-full h-full"})}),jsx("h3",{className:a("font-bold mb-2",l$1==="lg"?"text-2xl":l$1==="md"?"text-xl":"text-lg",s==="gradient"?"text-white":"text-gray-900 dark:text-white"),children:o}),jsx("p",{className:a(l$1==="lg"?"text-base":"text-sm",s==="gradient"?"text-white/90":"text-gray-600 dark:text-gray-300"),children:i})]})});ie.displayName="FeatureCard";function Ie(p){let e={blue:"from-blue-500 via-cyan-500 to-blue-600",purple:"from-purple-500 via-pink-500 to-purple-600",green:"from-green-500 via-emerald-500 to-green-600",orange:"from-orange-500 via-red-500 to-orange-600",pink:"from-pink-500 via-rose-500 to-pink-600"};return e[p]||e.blue}var de=V.forwardRef(({className:p,title:e,subtitle:o,description:i,primaryAction:s,secondaryAction:l,variant:u="default",background:b="gradient",customBackground:v,size:m="lg",...x},d)=>{let g={sm:"py-16",md:"py-20",lg:"py-24",xl:"py-32"},N={sm:"text-3xl md:text-4xl",md:"text-4xl md:text-5xl",lg:"text-5xl md:text-6xl",xl:"text-6xl md:text-7xl"},y={sm:"text-lg md:text-xl",md:"text-xl md:text-2xl",lg:"text-2xl md:text-3xl",xl:"text-3xl md:text-4xl"},n={sm:"text-base md:text-lg",md:"text-lg md:text-xl",lg:"text-lg md:text-2xl",xl:"text-xl md:text-3xl"},h={none:"",gradient:"relative overflow-hidden",particles:"relative overflow-hidden",video:"relative overflow-hidden"},r={none:null,gradient:jsxs("div",{className:"absolute inset-0 z-0 pointer-events-none",children:[jsx("div",{className:"absolute -top-32 -left-32 w-[600px] h-[600px] bg-gradient-to-br from-cyan-400 via-blue-500 to-purple-600 opacity-60 rounded-full blur-3xl animate-pulse"}),jsx("div",{className:"absolute bottom-0 right-0 w-[400px] h-[400px] bg-gradient-to-tr from-orange-400 via-pink-500 to-red-600 opacity-40 rounded-full blur-2xl animate-pulse"})]}),particles:jsxs("div",{className:"absolute inset-0 z-0 pointer-events-none",children:[jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 dark:from-gray-900 dark:via-blue-900 dark:to-purple-900"}),jsx("div",{className:"absolute inset-0 opacity-30",children:[...Array(20)].map((B,k)=>jsx("div",{className:"absolute w-2 h-2 bg-blue-500 rounded-full animate-pulse",style:{left:`${Math.random()*100}%`,top:`${Math.random()*100}%`,animationDelay:`${Math.random()*2}s`,animationDuration:`${2+Math.random()*2}s`}},k))})]}),video:jsx("div",{className:"absolute inset-0 z-0 pointer-events-none",children:jsx("video",{autoPlay:true,loop:true,muted:true,playsInline:true,className:"absolute inset-0 w-full h-full object-cover opacity-20",children:jsx("source",{src:v,type:"video/mp4"})})})};return jsxs("section",{ref:d,className:a("flex-1 flex flex-col justify-center items-center text-center px-4 sm:px-6 lg:px-8",g[m],h[b],p),...x,children:[r[b],jsxs("div",{className:"relative z-10 max-w-4xl mx-auto",children:[jsxs("h1",{className:a("font-extrabold mb-6 text-gray-900 dark:text-white drop-shadow-[0_4px_24px_rgba(0,0,0,0.1)] dark:drop-shadow-[0_4px_24px_rgba(0,0,0,0.25)]",N[m]),children:[jsx("span",{className:"block text-transparent bg-clip-text bg-gradient-to-r from-blue-600 via-purple-600 to-cyan-600 dark:from-cyan-300 dark:via-blue-400 dark:to-purple-400 drop-shadow-[0_2px_8px_rgba(39,94,254,0.3)]",children:e}),o&&jsx("span",{className:a("block font-semibold mt-4 text-gray-700 dark:text-white/90",y[m]),children:o})]}),jsx("p",{className:a("text-gray-600 dark:text-white/80 mb-10 max-w-2xl mx-auto drop-shadow-[0_2px_8px_rgba(0,0,0,0.05)] dark:drop-shadow-[0_2px_8px_rgba(0,0,0,0.15)]",n[m]),children:i}),(s||l)&&jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center mb-8",children:[s&&jsxs(a$2,{href:s.href,variant:"gradient",size:m==="xl"?"lg":"md",className:"inline-flex items-center",children:[s.icon&&jsx("span",{className:"mr-2",children:s.icon}),s.label]}),l&&jsxs(a$2,{href:l.href,variant:"outline",size:m==="xl"?"lg":"md",className:"inline-flex items-center",children:[l.icon&&jsx("span",{className:"mr-2",children:l.icon}),l.label]})]})]})]})});de.displayName="HeroSection";var Ae={blue:{container:"bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-lg p-4 border border-blue-200 dark:border-blue-700",icon:"h-5 w-5 text-blue-600 dark:text-blue-400 mr-3 mt-0.5 flex-shrink-0",title:"text-sm font-medium text-blue-900 dark:text-blue-100 mb-2 block",body:"text-gray-800 dark:text-gray-200 text-sm leading-relaxed"},purple:{container:"bg-gradient-to-r from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-lg p-4 border border-purple-200 dark:border-purple-700",icon:"h-5 w-5 text-purple-600 dark:text-purple-400 mr-3 mt-0.5 flex-shrink-0",title:"text-sm font-medium text-purple-900 dark:text-purple-100 mb-2 block",body:"text-gray-800 dark:text-gray-200 text-sm leading-relaxed"},green:{container:"bg-gradient-to-r from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20 rounded-lg p-4 border border-green-200 dark:border-green-700",icon:"h-5 w-5 text-green-600 dark:text-green-400 mr-3 mt-0.5 flex-shrink-0",title:"text-sm font-medium text-green-900 dark:text-green-100 mb-2 block",body:"text-gray-800 dark:text-gray-200 text-sm leading-relaxed"},orange:{container:"bg-gradient-to-r from-orange-50 to-rose-50 dark:from-orange-900/20 dark:to-rose-900/20 rounded-lg p-4 border border-orange-200 dark:border-orange-700",icon:"h-5 w-5 text-orange-600 dark:text-orange-400 mr-3 mt-0.5 flex-shrink-0",title:"text-sm font-medium text-orange-900 dark:text-orange-100 mb-2 block",body:"text-gray-800 dark:text-gray-200 text-sm leading-relaxed"}},ce=V.forwardRef(({className:p,title:e,icon:o,tone:i="blue",children:s,...l$1},u)=>{let b=Ae[i];return jsx("div",{ref:u,className:a(b.container,p),...l$1,children:jsxs("div",{className:"flex items-start mb-2",children:[jsx(l,{name:o,className:b.icon}),jsxs("div",{className:"flex-1",children:[jsx("span",{className:b.title,children:e}),jsx("div",{className:b.body,children:s})]})]})})});ce.displayName="InfoCard";export{Q as Bookmark,X as ChatMessage,ee as EmotionAnalysis,F as EmotionButton,L as EmotionMeter,te as EmotionSelector,ie as FeatureCard,de as HeroSection,ce as InfoCard,re as LanguageToggle,ae as ScrollIndicator,le as ScrollProgress,ne as Scrollbar};//# sourceMappingURL=advanced.mjs.map
+//# sourceMappingURL=advanced.mjs.map

package/dist/advanced.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Bookmark.tsx","../src/components/ChatMessage.tsx","../src/components/EmotionMeter.tsx","../src/components/EmotionAnalysis.tsx","../src/components/EmotionButton.tsx","../src/components/EmotionSelector.tsx","../src/components/LanguageToggle.tsx","../src/components/ScrollIndicator.tsx","../src/components/ScrollProgress.tsx","../src/components/scrollbar/scrollbar.tsx","../src/components/FeatureCard.tsx","../src/components/HeroSection.tsx","../src/components/InfoCard.tsx"],"names":["Bookmark","React","className","id","storageKey","defaultBookmarked","onBookmarkChange","size","variant","props","ref","isBookmarked","setIsBookmarked","useState","useEffect","savedBookmarks","bookmarks","toggleBookmark","newBookmarked","index","sizeClasses","variantClasses","jsx","merge","Icon","ChatMessage","message","user","assistant","showAvatar","showTimestamp","showEmotion","theme","_a","_b","_c","isUser","getEmotionColor","emotion","formatTime","date","jsxs","Avatar","AvatarImage","AvatarFallback","Badge","Card","CardContent","EmotionMeter","value","max","color","emotionColors","percentage","EmotionAnalysis","primaryEmotion","emotionDistribution","keywords","intensity","positivity","energy","showMeter","showDistribution","showKeywords","showMetrics","layout","getIntensityLabel","getPositivityLabel","getEnergyLabel","Fragment","keyword","CardHeader","CardTitle","CardDescription","item","EmotionButton","isSelected","defaultEmotions","EmotionSelector","selectedEmotion","onEmotionSelect","showIntensity","onIntensityChange","emotions","handleEmotionClick","emotionKey","renderEmotionItem","layoutClasses","e","LanguageToggle","showLabel","languages","currentLanguage","onLanguageChange","isOpen","setIsOpen","dropdownRef","currentLang","lang","handleClickOutside","event","handleLanguageChange","languageCode","renderIcon","language","nextIndex","ScrollIndicator","targetId","text","iconName","iconSize","position","animated","autoHide","hideThreshold","isVisible","setIsVisible","handleScroll","scrollTop","scrollToTarget","targetElement","currentSection","nextSection","positionClasses","Button","ScrollProgress","height","showPercentage","progress","setProgress","updateProgress","docHeight","currentProgress","progressColors","Scrollbar","orientation","smooth","children","getVariantClasses","getSizeClasses","getOrientationClasses","baseClasses","FeatureCard","icon","title","description","hover","gradient","customGradient","getGradientClass","hoverClasses","gradients","HeroSection","subtitle","primaryAction","secondaryAction","background","customBackground","titleSizeClasses","subtitleSizeClasses","descriptionSizeClasses","backgroundClasses","backgroundContent","_","i","toneClasses","InfoCard","tone","t"],"mappings":"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","file":"advanced.mjs","sourcesContent":["\"use client\"\n\nimport React, { useState, useEffect } from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Bookmark 컴포넌트의 props / Bookmark component props\n * @typedef {Object} BookmarkProps\n * @property {string} id - 북마크 고유 ID / Bookmark unique ID\n * @property {string} [storageKey='bookmarks'] - localStorage 키 / localStorage key\n * @property {boolean} [defaultBookmarked=false] - 기본 북마크 상태 / Default bookmarked state\n * @property {(bookmarked: boolean) => void} [onBookmarkChange] - 북마크 상태 변경 콜백 / Bookmark state change callback\n * @property {'sm' | 'md' | 'lg'} [size='md'] - Bookmark 크기 / Bookmark size\n * @property {'default' | 'filled' | 'outline'} [variant='default'] - Bookmark 스타일 변형 / Bookmark style variant\n * @extends {React.HTMLAttributes<HTMLButtonElement>}\n */\nexport interface BookmarkProps extends React.HTMLAttributes<HTMLButtonElement> {\n  id: string\n  storageKey?: string\n  defaultBookmarked?: boolean\n  onBookmarkChange?: (bookmarked: boolean) => void\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'default' | 'filled' | 'outline'\n}\n\n/**\n * Bookmark 컴포넌트 / Bookmark component\n * \n * 북마크 기능을 제공하는 버튼 컴포넌트입니다.\n * localStorage에 북마크 상태를 저장하며, 여러 항목의 북마크를 관리할 수 있습니다.\n * \n * Button component that provides bookmark functionality.\n * Saves bookmark state to localStorage and can manage bookmarks for multiple items.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Bookmark id=\"article-1\" />\n * \n * @example\n * // 상태 변경 감지 / State change detection\n * <Bookmark \n *   id=\"article-1\"\n *   onBookmarkChange={(bookmarked) => console.log(bookmarked)}\n *   variant=\"filled\"\n * />\n * \n * @param {BookmarkProps} props - Bookmark 컴포넌트의 props / Bookmark component props\n * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref\n * @returns {JSX.Element} Bookmark 컴포넌트 / Bookmark component\n */\nconst Bookmark = React.forwardRef<HTMLButtonElement, BookmarkProps>(\n  ({ \n    className, \n    id, \n    storageKey = 'bookmarks',\n    defaultBookmarked = false,\n    onBookmarkChange,\n    size = 'md',\n    variant = 'default',\n    ...props \n  }, ref) => {\n    const [isBookmarked, setIsBookmarked] = useState(defaultBookmarked)\n\n    // 로컬 스토리지에서 북마크 상태 불러오기\n    useEffect(() => {\n      const savedBookmarks = localStorage.getItem(storageKey)\n      if (savedBookmarks) {\n        const bookmarks = JSON.parse(savedBookmarks)\n        setIsBookmarked(bookmarks.includes(id))\n      }\n    }, [id, storageKey])\n\n    // 북마크 토글\n    const toggleBookmark = () => {\n      const newBookmarked = !isBookmarked\n      setIsBookmarked(newBookmarked)\n      \n      // 로컬 스토리지 업데이트\n      const savedBookmarks = localStorage.getItem(storageKey)\n      const bookmarks = savedBookmarks ? JSON.parse(savedBookmarks) : []\n      \n      if (newBookmarked) {\n        if (!bookmarks.includes(id)) {\n          bookmarks.push(id)\n        }\n      } else {\n        const index = bookmarks.indexOf(id)\n        if (index > -1) {\n          bookmarks.splice(index, 1)\n        }\n      }\n      \n      localStorage.setItem(storageKey, JSON.stringify(bookmarks))\n      onBookmarkChange?.(newBookmarked)\n    }\n\n    const sizeClasses = {\n      sm: \"w-6 h-6\",\n      md: \"w-8 h-8\", \n      lg: \"w-10 h-10\"\n    }\n\n    const variantClasses = {\n      default: \"text-slate-400 hover:text-yellow-500 transition-colors\",\n      filled: \"text-yellow-500 hover:text-yellow-600 transition-colors\",\n      outline: \"border border-slate-300 dark:border-slate-600 text-slate-400 hover:text-yellow-500 hover:border-yellow-500 transition-colors rounded\"\n    }\n\n    return (\n      <button\n        ref={ref}\n        onClick={toggleBookmark}\n        className={merge(\n          \"flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2\",\n          sizeClasses[size],\n          variantClasses[variant],\n          className\n        )}\n        {...props}\n      >\n        <Icon \n          name=\"star\" \n          className={merge(\n            \"transition-all duration-200\",\n            isBookmarked && \"fill-current\"\n          )}\n        />\n      </button>\n    )\n  }\n)\n\nBookmark.displayName = \"Bookmark\"\n\nexport { Bookmark } ","'use client'\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Avatar, AvatarImage, AvatarFallback } from \"./Avatar\"\nimport { Badge } from \"./Badge\"\nimport { Card, CardContent } from \"./Card\"\n\n/**\n * ChatMessage 컴포넌트의 props / ChatMessage component props\n * @typedef {Object} ChatMessageProps\n * @property {Object} message - 메시지 데이터 / Message data\n * @property {string} message.id - 메시지 ID / Message ID\n * @property {string} message.content - 메시지 내용 / Message content\n * @property {\"user\" | \"assistant\" | \"system\"} message.role - 메시지 역할 / Message role\n * @property {Date} message.timestamp - 메시지 타임스탬프 / Message timestamp\n * @property {string} [message.emotion] - 감정 정보 / Emotion information\n * @property {number} [message.intensity] - 감정 강도 / Emotion intensity\n * @property {boolean} [message.isTyping] - 타이핑 중 여부 / Typing state\n * @property {Object} [user] - 사용자 정보 / User information\n * @property {string} [user.name=\"사용자\"] - 사용자 이름 / User name\n * @property {string} [user.avatar] - 사용자 아바타 URL / User avatar URL\n * @property {string} [user.color=\"#3b82f6\"] - 사용자 색상 / User color\n * @property {Object} [assistant] - AI 어시스턴트 정보 / AI assistant information\n * @property {string} [assistant.name=\"AI\"] - AI 이름 / AI name\n * @property {string} [assistant.avatar] - AI 아바타 URL / AI avatar URL\n * @property {string} [assistant.color=\"#10b981\"] - AI 색상 / AI color\n * @property {boolean} [showAvatar=true] - 아바타 표시 여부 / Show avatar\n * @property {boolean} [showTimestamp=true] - 타임스탬프 표시 여부 / Show timestamp\n * @property {boolean} [showEmotion=true] - 감정 표시 여부 / Show emotion\n * @property {\"default\" | \"compact\" | \"bubble\"} [variant=\"default\"] - ChatMessage 스타일 변형 / ChatMessage style variant\n * @property {Object} [theme] - 커스텀 테마 / Custom theme\n * @property {string} [theme.userBubbleBg] - 사용자 버블 배경색 / User bubble background color\n * @property {string} [theme.userBubbleText] - 사용자 버블 텍스트 색상 / User bubble text color\n * @property {string} [theme.aiBubbleBg] - AI 버블 배경색 / AI bubble background color\n * @property {string} [theme.aiBubbleText] - AI 버블 텍스트 색상 / AI bubble text color\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\ninterface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  message: {\n    id: string\n    content: string\n    role: \"user\" | \"assistant\" | \"system\"\n    timestamp: Date\n    emotion?: string\n    intensity?: number\n    isTyping?: boolean\n  }\n  user?: {\n    name?: string\n    avatar?: string\n    color?: string\n  }\n  assistant?: {\n    name?: string\n    avatar?: string\n    color?: string\n  }\n  showAvatar?: boolean\n  showTimestamp?: boolean\n  showEmotion?: boolean\n  variant?: \"default\" | \"compact\" | \"bubble\"\n  theme?: {\n    userBubbleBg?: string\n    userBubbleText?: string\n    aiBubbleBg?: string\n    aiBubbleText?: string\n  }\n}\n\n/**\n * ChatMessage 컴포넌트\n * \n * 채팅 메시지를 표시하는 컴포넌트입니다.\n * 사용자, AI 어시스턴트, 시스템 메시지를 지원하며, 감정 정보를 표시할 수 있습니다.\n * \n * @component\n * @example\n * // 기본 사용\n * <ChatMessage\n *   message={{\n *     id: \"1\",\n *     content: \"안녕하세요!\",\n *     role: \"user\",\n *     timestamp: new Date()\n *   }}\n * />\n * \n * @example\n * // AI 메시지, 감정 정보 포함\n * <ChatMessage\n *   message={{\n *     id: \"2\",\n *     content: \"안녕하세요! 도와드릴까요?\",\n *     role: \"assistant\",\n *     timestamp: new Date(),\n *     emotion: \"joy\",\n *     intensity: 0.8\n *   }}\n *   variant=\"bubble\"\n * />\n * \n * @param {ChatMessageProps} props - ChatMessage 컴포넌트의 props / ChatMessage component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ChatMessage 컴포넌트 / ChatMessage component\n */\nconst ChatMessage = React.forwardRef<HTMLDivElement, ChatMessageProps>(\n  ({ \n    className, \n    message,\n    user = { name: \"사용자\", color: \"#3b82f6\" },\n    assistant = { name: \"AI\", color: \"#10b981\" },\n    showAvatar = true,\n    showTimestamp = true,\n    showEmotion = true,\n    variant = \"default\",\n    theme = {\n      userBubbleBg: \"#3b82f6\",\n      userBubbleText: \"#ffffff\",\n      aiBubbleBg: \"#f3f4f6\",\n      aiBubbleText: \"#1f2937\"\n    },\n    ...props \n  }, ref) => {\n    const isUser = message.role === \"user\"\n    const isAssistant = message.role === \"assistant\"\n    const isSystem = message.role === \"system\"\n\n    const getEmotionColor = (emotion?: string) => {\n      if (!emotion) return \"bg-gray-100\"\n      \n      const emotionColors = {\n        joy: \"bg-yellow-100 text-yellow-800\",\n        sadness: \"bg-blue-100 text-blue-800\",\n        anger: \"bg-red-100 text-red-800\",\n        calm: \"bg-green-100 text-green-800\",\n        excitement: \"bg-pink-100 text-pink-800\",\n        worry: \"bg-gray-100 text-gray-800\",\n        gratitude: \"bg-purple-100 text-purple-800\",\n        loneliness: \"bg-indigo-100 text-indigo-800\"\n      }\n      \n      return emotionColors[emotion as keyof typeof emotionColors] || \"bg-gray-100 text-gray-800\"\n    }\n\n    const formatTime = (date: Date) => {\n      return date.toLocaleTimeString('ko-KR', { \n        hour: '2-digit', \n        minute: '2-digit' \n      })\n    }\n\n    if (variant === \"bubble\") {\n      return (\n        <div\n          ref={ref}\n          className={merge(\n            \"flex w-full\",\n            isUser ? \"justify-end\" : \"justify-start\",\n            className\n          )}\n          {...props}\n        >\n          <div className={merge(\n            \"flex max-w-[80%] space-x-2\",\n            isUser ? \"flex-row-reverse space-x-reverse\" : \"flex-row\"\n          )}>\n            {showAvatar && (\n              <Avatar className=\"w-8 h-8 flex-shrink-0\">\n                <AvatarImage\n                  src={isUser ? user.avatar : assistant.avatar}\n                  alt={isUser ? user.name : assistant.name}\n                />\n                <AvatarFallback\n                  style={{\n                    backgroundColor: isUser ? user.color : assistant.color\n                  }}\n                >\n                  {(isUser ? user.name : assistant.name)?.charAt(0)}\n                </AvatarFallback>\n              </Avatar>\n            )}\n            \n            <div className=\"space-y-1\">\n              <div\n                className={merge(\n                  \"px-4 py-2 rounded-2xl max-w-full break-words\",\n                  isUser \n                    ? \"rounded-br-md\" \n                    : \"rounded-bl-md\"\n                )}\n                style={{\n                  backgroundColor: isUser ? theme.userBubbleBg : theme.aiBubbleBg,\n                  color: isUser ? theme.userBubbleText : theme.aiBubbleText\n                }}\n              >\n                {message.isTyping ? (\n                  <div className=\"flex space-x-1\">\n                    <div className=\"w-2 h-2 bg-current rounded-full animate-bounce\" />\n                    <div className=\"w-2 h-2 bg-current rounded-full animate-bounce delay-100\" />\n                    <div className=\"w-2 h-2 bg-current rounded-full animate-bounce delay-200\" />\n                  </div>\n                ) : (\n                  <div className=\"whitespace-pre-wrap\">{message.content}</div>\n                )}\n              </div>\n              \n              <div className={merge(\n                \"flex items-center space-x-2 text-xs text-muted-foreground\",\n                isUser ? \"justify-end\" : \"justify-start\"\n              )}>\n                {showTimestamp && (\n                  <span>{formatTime(message.timestamp)}</span>\n                )}\n                {showEmotion && message.emotion && (\n                  <Badge \n                    variant=\"secondary\" \n                    className={merge(\"text-xs\", getEmotionColor(message.emotion))}\n                  >\n                    {message.emotion}\n                  </Badge>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      )\n    }\n\n    if (variant === \"compact\") {\n      return (\n        <div\n          ref={ref}\n          className={merge(\n            \"flex items-start space-x-3 py-2\",\n            className\n          )}\n          {...props}\n        >\n          {showAvatar && (\n            <Avatar className=\"w-6 h-6 flex-shrink-0\">\n              <AvatarImage\n                src={isUser ? user.avatar : assistant.avatar}\n                alt={isUser ? user.name : assistant.name}\n              />\n              <AvatarFallback\n                style={{\n                  backgroundColor: isUser ? user.color : assistant.color\n                }}\n              >\n                {(isUser ? user.name : assistant.name)?.charAt(0)}\n              </AvatarFallback>\n            </Avatar>\n          )}\n          \n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center space-x-2 mb-1\">\n              <span className=\"text-sm font-medium\">\n                {isUser ? user.name : assistant.name}\n              </span>\n              {showTimestamp && (\n                <span className=\"text-xs text-muted-foreground\">\n                  {formatTime(message.timestamp)}\n                </span>\n              )}\n              {showEmotion && message.emotion && (\n                <Badge \n                  variant=\"secondary\" \n                  className={merge(\"text-xs\", getEmotionColor(message.emotion))}\n                >\n                  {message.emotion}\n                </Badge>\n              )}\n            </div>\n            \n            <div className=\"text-sm\">\n              {message.isTyping ? (\n                <div className=\"flex space-x-1\">\n                  <div className=\"w-1.5 h-1.5 bg-muted-foreground rounded-full animate-bounce\" />\n                  <div className=\"w-1.5 h-1.5 bg-muted-foreground rounded-full animate-bounce delay-100\" />\n                  <div className=\"w-1.5 h-1.5 bg-muted-foreground rounded-full animate-bounce delay-200\" />\n                </div>\n              ) : (\n                <div className=\"whitespace-pre-wrap\">{message.content}</div>\n              )}\n            </div>\n          </div>\n        </div>\n      )\n    }\n\n    // default variant\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"flex items-start space-x-3 py-4\",\n          className\n        )}\n        {...props}\n      >\n        {showAvatar && (\n          <Avatar className=\"w-10 h-10 flex-shrink-0\">\n            <AvatarImage\n              src={isUser ? user.avatar : assistant.avatar}\n              alt={isUser ? user.name : assistant.name}\n            />\n            <AvatarFallback\n              style={{\n                backgroundColor: isUser ? user.color : assistant.color\n              }}\n            >\n              {(isUser ? user.name : assistant.name)?.charAt(0)}\n            </AvatarFallback>\n          </Avatar>\n        )}\n        \n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center space-x-2 mb-2\">\n            <span className=\"font-medium\">\n              {isUser ? user.name : assistant.name}\n            </span>\n            {showTimestamp && (\n              <span className=\"text-sm text-muted-foreground\">\n                {formatTime(message.timestamp)}\n              </span>\n            )}\n            {showEmotion && message.emotion && (\n              <Badge \n                variant=\"secondary\" \n                className={merge(\"text-xs\", getEmotionColor(message.emotion))}\n              >\n                {message.emotion}\n              </Badge>\n            )}\n          </div>\n          \n          <Card className={merge(\n            \"inline-block\",\n            isUser ? \"bg-primary text-primary-foreground\" : \"bg-muted\"\n          )}>\n            <CardContent className=\"p-3\">\n              {message.isTyping ? (\n                <div className=\"flex space-x-1\">\n                  <div className=\"w-2 h-2 bg-current rounded-full animate-bounce\" />\n                  <div className=\"w-2 h-2 bg-current rounded-full animate-bounce delay-100\" />\n                  <div className=\"w-2 h-2 bg-current rounded-full animate-bounce delay-200\" />\n                </div>\n              ) : (\n                <div className=\"whitespace-pre-wrap\">{message.content}</div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    )\n  }\n)\n\nChatMessage.displayName = \"ChatMessage\"\n\nexport { ChatMessage } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport type { Color } from \"../lib/types/common\"\n\n/**\n * EmotionMeter 컴포넌트의 props / EmotionMeter component props\n * @typedef {Object} EmotionMeterProps\n * @property {number} value - 감정 강도 값 (0-max) / Emotion intensity value (0-max)\n * @property {number} [max=100] - 최대값 / Maximum value\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 미터 크기 / Meter size\n * @property {\"blue\" | \"green\" | \"yellow\" | \"red\"} [color=\"blue\"] - 미터 색상 / Meter color\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface EmotionMeterProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: number\n  max?: number\n  size?: \"sm\" | \"md\" | \"lg\"\n  color?: \"blue\" | \"green\" | \"yellow\" | \"red\" | Color\n}\n\n/**\n * EmotionMeter 컴포넌트 / EmotionMeter component\n * \n * 감정 강도를 표시하는 미터 컴포넌트입니다.\n * Progress 컴포넌트와 유사하지만 감정 분석에 특화되어 있습니다.\n * \n * Meter component that displays emotion intensity.\n * Similar to Progress component but specialized for emotion analysis.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionMeter value={75} />\n * \n * @example\n * // 다양한 색상 / Various colors\n * <EmotionMeter \n *   value={80}\n *   color=\"green\"\n *   size=\"lg\"\n * />\n * \n * @param {EmotionMeterProps} props - EmotionMeter 컴포넌트의 props / EmotionMeter component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionMeter 컴포넌트 / EmotionMeter component\n */\nconst EmotionMeter = React.forwardRef<HTMLDivElement, EmotionMeterProps>(\n  ({ className, value, max = 100, size = \"md\", color = \"blue\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"h-2\",\n      md: \"h-3\", \n      lg: \"h-4\"\n    }\n\n    // EmotionMeter는 특정 색상만 사용 (감정 분석 특화)\n    const emotionColors: Record<string, string> = {\n      blue: \"bg-blue-500\",\n      green: \"bg-green-500\",\n      yellow: \"bg-yellow-500\",\n      red: \"bg-red-500\",\n      // 추가 색상 지원\n      purple: \"bg-purple-500\",\n      orange: \"bg-orange-500\",\n      indigo: \"bg-indigo-500\",\n      pink: \"bg-pink-500\",\n      gray: \"bg-gray-500\",\n    }\n\n    const percentage = Math.min(Math.max((value / max) * 100, 0), 100)\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"w-full bg-gray-200 rounded-full dark:bg-gray-700\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      >\n        <div\n          className={merge(\n            \"h-full rounded-full transition-all duration-300\",\n            emotionColors[color] || emotionColors.blue\n          )}\n          style={{ width: `${percentage}%` }}\n        />\n      </div>\n    )\n  }\n)\nEmotionMeter.displayName = \"EmotionMeter\"\n\nexport { EmotionMeter } ","'use client'\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"./Card\"\nimport { Badge } from \"./Badge\"\nimport { EmotionMeter } from \"./EmotionMeter\"\n\n/**\n * EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props\n * @typedef {Object} EmotionAnalysisProps\n * @property {Object} [primaryEmotion] - 주요 감정 정보 / Primary emotion information\n * @property {string} primaryEmotion.name - 감정 이름 / Emotion name\n * @property {number} primaryEmotion.intensity - 감정 강도 (0-100) / Emotion intensity (0-100)\n * @property {string} [primaryEmotion.color] - 감정 색상 / Emotion color\n * @property {Array<Object>} [emotionDistribution] - 감정 분포 배열 / Emotion distribution array\n * @property {string} emotionDistribution[].emotion - 감정 이름 / Emotion name\n * @property {number} emotionDistribution[].percentage - 감정 비율 (0-100) / Emotion percentage (0-100)\n * @property {string} emotionDistribution[].color - 감정 색상 / Emotion color\n * @property {string[]} [keywords] - 키워드 배열 / Keywords array\n * @property {number} [intensity=50] - 전체 강도 (0-100) / Overall intensity (0-100)\n * @property {number} [positivity=70] - 긍정성 (0-100) / Positivity (0-100)\n * @property {number} [energy=60] - 에너지 (0-100) / Energy (0-100)\n * @property {boolean} [showMeter=true] - 강도 미터 표시 여부 / Show intensity meter\n * @property {boolean} [showDistribution=true] - 분포 표시 여부 / Show distribution\n * @property {boolean} [showKeywords=true] - 키워드 표시 여부 / Show keywords\n * @property {boolean} [showMetrics=true] - 메트릭 표시 여부 / Show metrics\n * @property {\"compact\" | \"detailed\" | \"card\"} [layout=\"detailed\"] - 레이아웃 타입 / Layout type\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\ninterface EmotionAnalysisProps extends React.HTMLAttributes<HTMLDivElement> {\n  primaryEmotion?: {\n    name: string\n    intensity: number\n    color?: string\n  }\n  emotionDistribution?: Array<{\n    emotion: string\n    percentage: number\n    color: string\n  }>\n  keywords?: string[]\n  intensity?: number\n  positivity?: number\n  energy?: number\n  showMeter?: boolean\n  showDistribution?: boolean\n  showKeywords?: boolean\n  showMetrics?: boolean\n  layout?: \"compact\" | \"detailed\" | \"card\"\n}\n\n/**\n * EmotionAnalysis 컴포넌트 / EmotionAnalysis component\n * \n * 감정 분석 결과를 표시하는 컴포넌트입니다.\n * 주요 감정, 감정 분포, 키워드, 메트릭(강도, 긍정성, 에너지)을 표시할 수 있습니다.\n * \n * Component that displays emotion analysis results.\n * Can display primary emotion, emotion distribution, keywords, and metrics (intensity, positivity, energy).\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionAnalysis\n *   primaryEmotion={{ name: \"기쁨\", intensity: 80 }}\n *   keywords={[\"행복\", \"만족\"]}\n * />\n * \n * @example\n * // 상세 레이아웃 / Detailed layout\n * <EmotionAnalysis\n *   primaryEmotion={{ name: \"평온\", intensity: 65, color: \"green\" }}\n *   emotionDistribution={[\n *     { emotion: \"기쁨\", percentage: 40, color: \"yellow\" },\n *     { emotion: \"평온\", percentage: 60, color: \"green\" }\n *   ]}\n *   keywords={[\"안정\", \"편안\"]}\n *   intensity={65}\n *   positivity={75}\n *   energy={50}\n *   layout=\"detailed\"\n * />\n * \n * @param {EmotionAnalysisProps} props - EmotionAnalysis 컴포넌트의 props / EmotionAnalysis component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionAnalysis 컴포넌트 / EmotionAnalysis component\n */\nconst EmotionAnalysis = React.forwardRef<HTMLDivElement, EmotionAnalysisProps>(\n  ({ \n    className, \n    primaryEmotion,\n    emotionDistribution = [],\n    keywords = [],\n    intensity = 50,\n    positivity = 70,\n    energy = 60,\n    showMeter = true,\n    showDistribution = true,\n    showKeywords = true,\n    showMetrics = true,\n    layout = \"detailed\",\n    ...props \n  }, ref) => {\n    const getIntensityLabel = (value: number) => {\n      if (value < 30) return \"약함\"\n      if (value < 70) return \"보통\"\n      return \"강함\"\n    }\n\n    const getPositivityLabel = (value: number) => {\n      if (value < 30) return \"부정적\"\n      if (value < 70) return \"중립적\"\n      return \"긍정적\"\n    }\n\n    const getEnergyLabel = (value: number) => {\n      if (value < 30) return \"낮음\"\n      if (value < 70) return \"보통\"\n      return \"높음\"\n    }\n\n    if (layout === \"compact\") {\n      return (\n        <div\n          ref={ref}\n          className={merge(\"space-y-3\", className)}\n          {...props}\n        >\n          {primaryEmotion && (\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-sm font-medium\">주요 감정:</span>\n              <div className=\"flex items-center space-x-2\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {primaryEmotion.name} ({primaryEmotion.intensity}%)\n                </span>\n                {showMeter && (\n                  <EmotionMeter\n                    value={primaryEmotion.intensity}\n                    size=\"sm\"\n                    color=\"blue\"\n                  />\n                )}\n              </div>\n            </div>\n          )}\n\n          {showMetrics && (\n            <>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">감정 강도:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getIntensityLabel(intensity)}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">긍정성:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getPositivityLabel(positivity)}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm font-medium\">에너지:</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {getEnergyLabel(energy)}\n                </span>\n              </div>\n            </>\n          )}\n\n          {showKeywords && keywords.length > 0 && (\n            <div>\n              <span className=\"text-sm font-medium\">키워드:</span>\n              <div className=\"flex flex-wrap gap-1 mt-1\">\n                {keywords.map((keyword) => (\n                  <Badge key={keyword} variant=\"secondary\" className=\"text-xs\">\n                    {keyword}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    if (layout === \"card\") {\n      return (\n        <Card\n          ref={ref}\n          className={merge(\"\", className)}\n          {...props}\n        >\n          <CardHeader>\n            <CardTitle className=\"flex items-center\">\n              <span className=\"text-2xl mr-2\">✨</span>\n              AI 분석\n            </CardTitle>\n            <CardDescription>\n              감정 분석 결과\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {primaryEmotion && (\n              <div className=\"space-y-3\">\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">주요 감정:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {primaryEmotion.name} ({primaryEmotion.intensity}%)\n                  </span>\n                </div>\n                {showMeter && (\n                  <div className=\"flex justify-center\">\n                    <EmotionMeter\n                      value={primaryEmotion.intensity}\n                      size=\"md\"\n                      color=\"blue\"\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n\n            {showMetrics && (\n              <>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">감정 강도:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getIntensityLabel(intensity)}\n                  </span>\n                </div>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">긍정성:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getPositivityLabel(positivity)}\n                  </span>\n                </div>\n                <div className=\"text-sm\">\n                  <span className=\"font-medium\">에너지:</span>\n                  <span className=\"ml-2 text-muted-foreground\">\n                    {getEnergyLabel(energy)}\n                  </span>\n                </div>\n              </>\n            )}\n\n            {showKeywords && keywords.length > 0 && (\n              <div className=\"text-sm\">\n                <span className=\"font-medium\">키워드:</span>\n                <div className=\"flex flex-wrap gap-1 mt-1\">\n                  {keywords.map((keyword) => (\n                    <Badge key={keyword} variant=\"secondary\" className=\"text-xs\">\n                      {keyword}\n                    </Badge>\n                  ))}\n                </div>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n      )\n    }\n\n    // detailed layout (default)\n    return (\n      <div\n        ref={ref}\n        className={merge(\"space-y-6\", className)}\n        {...props}\n      >\n        {primaryEmotion && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">주요 감정</h3>\n            <div className=\"flex items-center space-x-4\">\n              <div className=\"text-center\">\n                <div className=\"text-2xl font-bold text-primary\">\n                  {primaryEmotion.name}\n                </div>\n                <div className=\"text-sm text-muted-foreground\">\n                  {primaryEmotion.intensity}% 강도\n                </div>\n              </div>\n              {showMeter && (\n                                  <EmotionMeter\n                    value={primaryEmotion.intensity}\n                    size=\"lg\"\n                    color=\"blue\"\n                  />\n              )}\n            </div>\n          </div>\n        )}\n\n        {showDistribution && emotionDistribution.length > 0 && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">감정 분포</h3>\n            <div className=\"space-y-3\">\n              {emotionDistribution.map((item, index) => (\n                <div key={index} className=\"space-y-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm font-medium\">{item.emotion}</span>\n                    <span className=\"text-sm text-muted-foreground\">\n                      {item.percentage}%\n                    </span>\n                  </div>\n                  <div className=\"w-full bg-muted rounded-full h-2\">\n                    <div \n                      className={`${item.color} h-2 rounded-full transition-all duration-300`} \n                      style={{ width: `${item.percentage}%` }}\n                    />\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {showMetrics && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">분석 지표</h3>\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">감정 강도</div>\n                <div className=\"text-2xl font-bold text-primary\">\n                  {getIntensityLabel(intensity)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div \n                    className=\"bg-primary h-2 rounded-full transition-all duration-300\" \n                    style={{ width: `${intensity}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">긍정성</div>\n                <div className=\"text-2xl font-bold text-green-600\">\n                  {getPositivityLabel(positivity)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div \n                    className=\"bg-green-500 h-2 rounded-full transition-all duration-300\" \n                    style={{ width: `${positivity}%` }}\n                  />\n                </div>\n              </div>\n              <div className=\"space-y-2\">\n                <div className=\"text-sm font-medium\">에너지</div>\n                <div className=\"text-2xl font-bold text-orange-600\">\n                  {getEnergyLabel(energy)}\n                </div>\n                <div className=\"w-full bg-muted rounded-full h-2\">\n                  <div \n                    className=\"bg-orange-500 h-2 rounded-full transition-all duration-300\" \n                    style={{ width: `${energy}%` }}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {showKeywords && keywords.length > 0 && (\n          <div className=\"space-y-4\">\n            <h3 className=\"text-lg font-semibold\">감정 키워드</h3>\n            <div className=\"flex flex-wrap gap-2\">\n              {keywords.map((keyword) => (\n                <Badge key={keyword} variant=\"outline\" className=\"text-sm\">\n                  {keyword}\n                </Badge>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nEmotionAnalysis.displayName = \"EmotionAnalysis\"\n\nexport { EmotionAnalysis } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * EmotionButton 컴포넌트의 props / EmotionButton component props\n * @typedef {Object} EmotionButtonProps\n * @property {string} emotion - 감정 이모지 또는 텍스트 / Emotion emoji or text\n * @property {boolean} [isSelected=false] - 선택 상태 / Selected state\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 버튼 크기 / Button size\n * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}\n */\nexport interface EmotionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  emotion: string\n  isSelected?: boolean\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\n/**\n * EmotionButton 컴포넌트 / EmotionButton component\n * \n * 감정을 선택하는 버튼 컴포넌트입니다.\n * 이모지나 텍스트로 감정을 표시하며, 선택 상태를 지원합니다.\n * \n * Button component for selecting emotions.\n * Displays emotion as emoji or text and supports selected state.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionButton emotion=\"😊\" />\n * \n * @example\n * // 선택 상태 / Selected state\n * <EmotionButton \n *   emotion=\"😊\"\n *   isSelected\n *   size=\"lg\"\n * />\n * \n * @param {EmotionButtonProps} props - EmotionButton 컴포넌트의 props / EmotionButton component props\n * @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref\n * @returns {JSX.Element} EmotionButton 컴포넌트 / EmotionButton component\n */\nconst EmotionButton = React.forwardRef<HTMLButtonElement, EmotionButtonProps>(\n  ({ className, emotion, isSelected = false, size = \"md\", ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"w-8 h-8 text-sm\",\n      md: \"w-12 h-12 text-lg\",\n      lg: \"w-16 h-16 text-xl\"\n    }\n\n    return (\n      <button\n        ref={ref}\n        className={merge(\n          \"rounded-full border-2 transition-all duration-200 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-500\",\n          sizeClasses[size],\n          isSelected \n            ? \"border-blue-500 bg-blue-50 dark:bg-blue-900/20\" \n            : \"border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800\",\n          className\n        )}\n        {...props}\n      >\n        {emotion}\n      </button>\n    )\n  }\n)\nEmotionButton.displayName = \"EmotionButton\"\n\nexport { EmotionButton } ","'use client'\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { EmotionButton } from \"./EmotionButton\"\nimport { EmotionMeter } from \"./EmotionMeter\"\n\n/**\n * EmotionSelector 컴포넌트의 props / EmotionSelector component props\n * @typedef {Object} EmotionSelectorProps\n * @property {string} [selectedEmotion] - 선택된 감정 키 / Selected emotion key\n * @property {(emotion: string) => void} [onEmotionSelect] - 감정 선택 콜백 / Emotion selection callback\n * @property {\"grid\" | \"list\" | \"compact\"} [layout=\"grid\"] - 레이아웃 타입 / Layout type\n * @property {boolean} [showIntensity=false] - 강도 조절 표시 여부 / Show intensity control\n * @property {number} [intensity=50] - 감정 강도 (0-100) / Emotion intensity (0-100)\n * @property {(intensity: number) => void} [onIntensityChange] - 강도 변경 콜백 / Intensity change callback\n * @property {Array<Object>} [emotions] - 감정 목록 / Emotions list\n * @property {string} emotions[].key - 감정 키 / Emotion key\n * @property {string} emotions[].label - 감정 라벨 / Emotion label\n * @property {string} [emotions[].icon] - 감정 아이콘 / Emotion icon\n * @property {string} [emotions[].color] - 감정 색상 / Emotion color\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 감정 버튼 크기 / Emotion button size\n * @property {\"button\" | \"card\" | \"chip\"} [variant=\"button\"] - 감정 표시 스타일 / Emotion display style\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\ninterface EmotionSelectorProps extends React.HTMLAttributes<HTMLDivElement> {\n  selectedEmotion?: string\n  onEmotionSelect?: (emotion: string) => void\n  layout?: \"grid\" | \"list\" | \"compact\"\n  showIntensity?: boolean\n  intensity?: number\n  onIntensityChange?: (intensity: number) => void\n  emotions?: Array<{\n    key: string\n    label: string\n    icon?: string\n    color?: string\n  }>\n  size?: \"sm\" | \"md\" | \"lg\"\n  variant?: \"button\" | \"card\" | \"chip\"\n}\n\nconst defaultEmotions = [\n  { key: \"joy\", label: \"기쁨\", icon: \"smile\", color: \"yellow\" },\n  { key: \"sadness\", label: \"슬픔\", icon: \"frown\", color: \"blue\" },\n  { key: \"anger\", label: \"화남\", icon: \"angry\", color: \"red\" },\n  { key: \"calm\", label: \"평온\", icon: \"heart\", color: \"green\" },\n  { key: \"excitement\", label: \"설렘\", icon: \"star\", color: \"pink\" },\n  { key: \"worry\", label: \"걱정\", icon: \"meh\", color: \"gray\" },\n  { key: \"gratitude\", label: \"감사\", icon: \"heart\", color: \"purple\" },\n  { key: \"loneliness\", label: \"외로움\", icon: \"user\", color: \"indigo\" }\n]\n\n/**\n * EmotionSelector 컴포넌트 / EmotionSelector component\n * \n * 감정을 선택하는 컴포넌트입니다.\n * 여러 감정 옵션을 제공하며, 강도 조절 기능을 포함할 수 있습니다.\n * \n * Component for selecting emotions.\n * Provides multiple emotion options and can include intensity control.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <EmotionSelector\n *   selectedEmotion=\"joy\"\n *   onEmotionSelect={(emotion) => console.log(emotion)}\n * />\n * \n * @example\n * // 강도 조절 포함 / With intensity control\n * <EmotionSelector\n *   selectedEmotion=\"calm\"\n *   onEmotionSelect={handleEmotionSelect}\n *   showIntensity\n *   intensity={intensity}\n *   onIntensityChange={setIntensity}\n *   variant=\"card\"\n * />\n * \n * @param {EmotionSelectorProps} props - EmotionSelector 컴포넌트의 props / EmotionSelector component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} EmotionSelector 컴포넌트 / EmotionSelector component\n */\nconst EmotionSelector = React.forwardRef<HTMLDivElement, EmotionSelectorProps>(\n  ({ \n    className, \n    selectedEmotion,\n    onEmotionSelect,\n    layout = \"grid\",\n    showIntensity = false,\n    intensity = 50,\n    onIntensityChange,\n    emotions = defaultEmotions,\n    size = \"md\",\n    variant = \"button\",\n    ...props \n  }, ref) => {\n    const handleEmotionClick = (emotionKey: string) => {\n      onEmotionSelect?.(emotionKey)\n    }\n\n    const renderEmotionItem = (emotion: typeof emotions[0]) => {\n      const isSelected = selectedEmotion === emotion.key\n      \n      if (variant === \"button\") {\n        return (\n          <EmotionButton\n            key={emotion.key}\n            emotion={emotion.key}\n            isSelected={isSelected}\n            size={size}\n            onClick={() => handleEmotionClick(emotion.key)}\n            className={merge(\n              \"transition-all duration-200\",\n              isSelected && \"ring-2 ring-offset-2 ring-primary\"\n            )}\n          >\n            {emotion.label}\n          </EmotionButton>\n        )\n      }\n\n      if (variant === \"card\") {\n        return (\n          <div\n            key={emotion.key}\n            className={merge(\n              \"p-4 rounded-lg border-2 cursor-pointer transition-all duration-200 hover:shadow-md\",\n              isSelected \n                ? \"border-primary bg-primary/5\" \n                : \"border-border hover:border-primary/50\"\n            )}\n            onClick={() => handleEmotionClick(emotion.key)}\n          >\n            <div className=\"flex items-center space-x-3\">\n              <div className={merge(\n                \"w-8 h-8 rounded-full flex items-center justify-center\",\n                isSelected ? \"bg-primary text-primary-foreground\" : \"bg-muted\"\n              )}>\n                {emotion.icon && (\n                  <span className=\"text-lg\">\n                    {emotion.icon === \"smile\" && \"😊\"}\n                    {emotion.icon === \"frown\" && \"😢\"}\n                    {emotion.icon === \"angry\" && \"😠\"}\n                    {emotion.icon === \"heart\" && \"❤️\"}\n                    {emotion.icon === \"star\" && \"⭐\"}\n                    {emotion.icon === \"meh\" && \"😐\"}\n                    {emotion.icon === \"user\" && \"👤\"}\n                  </span>\n                )}\n              </div>\n              <span className=\"font-medium truncate max-w-[120px]\">{emotion.label}</span>\n            </div>\n          </div>\n        )\n      }\n\n      if (variant === \"chip\") {\n        return (\n          <div\n            key={emotion.key}\n            className={merge(\n              \"px-3 py-1 rounded-full cursor-pointer transition-all duration-200 text-sm font-medium\",\n              isSelected \n                ? \"bg-primary text-primary-foreground\" \n                : \"bg-muted hover:bg-muted/80\"\n            )}\n            onClick={() => handleEmotionClick(emotion.key)}\n          >\n            <span className=\"truncate max-w-[100px]\">{emotion.label}</span>\n          </div>\n        )\n      }\n\n      return null\n    }\n\n    const layoutClasses = {\n      grid: \"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 md:gap-3\",\n      list: \"space-y-2\",\n      compact: \"flex flex-wrap gap-1\"\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\"space-y-4\", className)}\n        {...props}\n      >\n        <div className={layoutClasses[layout]}>\n          {emotions.map(renderEmotionItem)}\n        </div>\n\n        {showIntensity && selectedEmotion && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-sm font-medium\">감정 강도</span>\n              <span className=\"text-sm text-muted-foreground\">{intensity}%</span>\n            </div>\n            <input\n              type=\"range\"\n              min=\"0\"\n              max=\"100\"\n              value={intensity}\n              onChange={(e) => onIntensityChange?.(Number(e.target.value))}\n              className=\"w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider\"\n            />\n            <div className=\"flex justify-between text-xs text-muted-foreground\">\n              <span>약함</span>\n              <span>보통</span>\n              <span>강함</span>\n            </div>\n          </div>\n        )}\n\n        {selectedEmotion && showIntensity && (\n          <div className=\"flex justify-center\">\n            <EmotionMeter\n              value={intensity}\n              size=\"md\"\n              color=\"blue\"\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nEmotionSelector.displayName = \"EmotionSelector\"\n\nexport { EmotionSelector } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * LanguageToggle 컴포넌트의 props / LanguageToggle component props\n * @typedef {Object} LanguageToggleProps\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Toggle 크기 / Toggle size\n * @property {\"button\" | \"icon\" | \"dropdown\"} [variant=\"button\"] - Toggle 스타일 변형 / Toggle style variant\n * @property {boolean} [showLabel=false] - 라벨 표시 여부 / Show label\n * @property {Array<Object>} [languages] - 언어 목록 / Language list\n * @property {string} languages[].code - 언어 코드 / Language code\n * @property {string} languages[].name - 언어 이름 / Language name\n * @property {string} [languages[].flag] - 언어 플래그 이모지 / Language flag emoji\n * @property {string} [currentLanguage=\"ko\"] - 현재 선택된 언어 코드 / Currently selected language code\n * @property {(language: string) => void} [onLanguageChange] - 언어 변경 콜백 / Language change callback\n */\nexport interface LanguageToggleProps {\n  className?: string\n  size?: \"sm\" | \"md\" | \"lg\"\n  variant?: \"button\" | \"icon\" | \"dropdown\"\n  showLabel?: boolean\n  languages?: Array<{\n    code: string\n    name: string\n    flag?: string\n  }>\n  currentLanguage?: string\n  onLanguageChange?: (language: string) => void\n}\n\n/**\n * LanguageToggle 컴포넌트 / LanguageToggle component\n * \n * 언어를 전환하는 토글 컴포넌트입니다.\n * 여러 언어를 지원하며, 버튼, 아이콘, 드롭다운 형태로 표시할 수 있습니다.\n * \n * Toggle component for switching languages.\n * Supports multiple languages and can be displayed as button, icon, or dropdown.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <LanguageToggle />\n * \n * @example\n * // 드롭다운 형태 / Dropdown variant\n * <LanguageToggle \n *   variant=\"dropdown\"\n *   currentLanguage=\"en\"\n *   onLanguageChange={(lang) => console.log(lang)}\n * />\n * \n * @param {LanguageToggleProps} props - LanguageToggle 컴포넌트의 props / LanguageToggle component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} LanguageToggle 컴포넌트 / LanguageToggle component\n */\nconst LanguageToggle = React.forwardRef<HTMLDivElement, LanguageToggleProps>(\n  ({ \n    className,\n    size = \"md\",\n    variant = \"button\",\n    showLabel = false,\n    languages = [\n      { code: \"ko\", name: \"한국어\", flag: \"🇰🇷\" },\n      { code: \"en\", name: \"English\", flag: \"🇺🇸\" },\n      { code: \"ja\", name: \"日本語\", flag: \"🇯🇵\" },\n      { code: \"zh\", name: \"中文\", flag: \"🇨🇳\" }\n    ],\n    currentLanguage = \"ko\",\n    onLanguageChange,\n    ...props \n  }, ref) => {\n    const [isOpen, setIsOpen] = React.useState(false)\n    const dropdownRef = React.useRef<HTMLDivElement>(null)\n\n    const currentLang = languages.find(lang => lang.code === currentLanguage) || languages[0]\n\n    const sizeClasses = {\n      sm: \"h-10 w-10\", // 40px - 더 넉넉한 크기\n      md: \"h-12 w-12\", // 48px - 더 넉넉한 크기\n      lg: \"h-14 w-14\" // 56px - 더 넉넉한 크기\n    }\n\n    const iconSizes = {\n      sm: 16,\n      md: 20,\n      lg: 24\n    }\n\n    // 외부 클릭 시 드롭다운 닫기\n    React.useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n          setIsOpen(false)\n        }\n      }\n\n      if (isOpen) {\n        document.addEventListener(\"mousedown\", handleClickOutside)\n      }\n\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside)\n      }\n    }, [isOpen])\n\n    const handleLanguageChange = (languageCode: string) => {\n      onLanguageChange?.(languageCode)\n      setIsOpen(false)\n    }\n\n    const renderIcon = () => (\n      <div className=\"flex items-center justify-center\">\n        <span className=\"text-lg\">{currentLang.flag}</span>\n      </div>\n    )\n\n    if (variant === \"icon\") {\n      return (\n        <div ref={dropdownRef} className=\"relative\">\n          <button\n            onClick={() => setIsOpen(!isOpen)}\n            className={merge(\n              \"inline-flex items-center justify-center rounded-lg transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2\",\n              sizeClasses[size],\n              className\n            )}\n            {...props}\n          >\n            {renderIcon()}\n          </button>\n\n          {isOpen && (\n            <div className=\"absolute top-full right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-2 z-50\">\n              {languages.map((language) => (\n                <button\n                  key={language.code}\n                  onClick={() => handleLanguageChange(language.code)}\n                  className={merge(\n                    \"w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200 flex items-center gap-3\", // 16px, 12px 패딩, 12px 간격\n                    currentLanguage === language.code && \"bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400\"\n                  )}\n                >\n                  <span className=\"text-lg\">{language.flag}</span>\n                  <span className=\"text-sm font-medium\">{language.name}</span>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    if (variant === \"dropdown\") {\n      return (\n        <div ref={dropdownRef} className=\"relative\">\n          <button\n            onClick={() => setIsOpen(!isOpen)}\n            className={merge(\n              \"inline-flex items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2\", // 12px 간격, 16px, 12px 패딩\n              className\n            )}\n            {...props}\n          >\n            <span className=\"text-lg\">{currentLang.flag}</span>\n            {showLabel && <span>{currentLang.name}</span>}\n            <svg\n              className={merge(\n                \"w-4 h-4 transition-transform duration-200\",\n                isOpen && \"rotate-180\"\n              )}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n            </svg>\n          </button>\n\n          {isOpen && (\n            <div className=\"absolute top-full right-0 mt-2 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 py-2 z-50\">\n              {languages.map((language) => (\n                <button\n                  key={language.code}\n                  onClick={() => handleLanguageChange(language.code)}\n                  className={merge(\n                    \"w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200 flex items-center gap-3\", // 16px, 12px 패딩, 12px 간격\n                    currentLanguage === language.code && \"bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400\"\n                  )}\n                >\n                  <span className=\"text-lg\">{language.flag}</span>\n                  <span className=\"text-sm font-medium\">{language.name}</span>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // 기본 버튼 형태\n    return (\n      <button\n        onClick={() => {\n          const currentIndex = languages.findIndex(lang => lang.code === currentLanguage)\n          const nextIndex = (currentIndex + 1) % languages.length\n          onLanguageChange?.(languages[nextIndex].code)\n        }}\n        className={merge(\n          \"inline-flex items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 focus-visible:ring-offset-2\", // 12px 간격, 16px, 12px 패딩\n          className\n        )}\n        {...props}\n      >\n        <span className=\"text-lg\">{currentLang.flag}</span>\n        {showLabel && <span>{currentLang.name}</span>}\n      </button>\n    )\n  }\n)\nLanguageToggle.displayName = \"LanguageToggle\"\n\nexport { LanguageToggle } ","'use client'\n\nimport React, { useState, useEffect } from 'react'\nimport { Button } from './Button'\nimport { Icon } from './Icon'\nimport { merge } from '../lib/utils'\nimport type { IconName } from '../lib/icons'\n\n/**\n * ScrollIndicator 컴포넌트의 props / ScrollIndicator component props\n * @typedef {Object} ScrollIndicatorProps\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {string} [targetId] - 스크롤 대상 요소 ID / Target element ID to scroll to\n * @property {string} [text='Scroll down'] - 표시 텍스트 / Display text\n * @property {IconName} [iconName='arrowDown'] - 아이콘 이름 / Icon name\n * @property {number} [iconSize=20] - 아이콘 크기 / Icon size\n * @property {'bottom-center' | 'bottom-left' | 'bottom-right'} [position='bottom-center'] - 표시 위치 / Display position\n * @property {'default' | 'primary' | 'secondary' | 'outline'} [variant='default'] - ScrollIndicator 스타일 변형 / ScrollIndicator style variant\n * @property {'sm' | 'md' | 'lg'} [size='md'] - ScrollIndicator 크기 / ScrollIndicator size\n * @property {boolean} [animated=true] - 애니메이션 활성화 여부 / Enable animation\n * @property {boolean} [autoHide=true] - 자동 숨김 여부 / Auto hide\n * @property {number} [hideThreshold=100] - 숨김 임계값 (px) / Hide threshold (px)\n */\nexport interface ScrollIndicatorProps {\n  className?: string\n  targetId?: string\n  text?: string\n  iconName?: IconName\n  iconSize?: number\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right'\n  variant?: 'default' | 'primary' | 'secondary' | 'outline'\n  size?: 'sm' | 'md' | 'lg'\n  animated?: boolean\n  autoHide?: boolean\n  hideThreshold?: number\n}\n\n/**\n * ScrollIndicator 컴포넌트 / ScrollIndicator component\n * \n * 스크롤 가능함을 나타내는 인디케이터 컴포넌트입니다.\n * 클릭 시 지정된 요소로 스크롤하거나 다음 섹션으로 스크롤합니다.\n * \n * Indicator component that shows scrollability.\n * Scrolls to specified element or next section on click.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ScrollIndicator />\n * \n * @example\n * // 특정 요소로 스크롤 / Scroll to specific element\n * <ScrollIndicator \n *   targetId=\"section-2\"\n *   text=\"다음 섹션으로\"\n *   position=\"bottom-right\"\n * />\n * \n * @param {ScrollIndicatorProps} props - ScrollIndicator 컴포넌트의 props / ScrollIndicator component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ScrollIndicator 컴포넌트 / ScrollIndicator component\n */\nconst ScrollIndicator = React.forwardRef<HTMLDivElement, ScrollIndicatorProps>(({\n  className,\n  targetId,\n  text = 'Scroll down',\n  iconName = 'arrowDown',\n  iconSize = 20,\n  position = 'bottom-center',\n  variant = 'default',\n  size = 'md',\n  animated = true,\n  autoHide = true,\n  hideThreshold = 100,\n  ...props\n}, ref) => {\n  const [isVisible, setIsVisible] = useState(true)\n\n  useEffect(() => {\n    if (!autoHide) return\n\n    const handleScroll = () => {\n      const scrollTop = window.scrollY\n      setIsVisible(scrollTop < hideThreshold)\n    }\n\n    // 초기 실행\n    handleScroll()\n\n    window.addEventListener('scroll', handleScroll, { passive: true })\n    return () => window.removeEventListener('scroll', handleScroll)\n  }, [autoHide, hideThreshold])\n\n  const scrollToTarget = () => {\n    if (targetId) {\n      const targetElement = document.getElementById(targetId)\n      if (targetElement) {\n        targetElement.scrollIntoView({ behavior: 'smooth' })\n      }\n    } else {\n      // 기본적으로 다음 섹션으로 스크롤\n      const currentSection = ref as React.RefObject<HTMLDivElement>\n      if (currentSection.current) {\n        const nextSection = currentSection.current.nextElementSibling\n        if (nextSection) {\n          nextSection.scrollIntoView({ behavior: 'smooth' })\n        }\n      }\n    }\n  }\n\n  const positionClasses = {\n    'bottom-center': 'bottom-8 left-1/2 transform -translate-x-1/2',\n    'bottom-left': 'bottom-8 left-8',\n    'bottom-right': 'bottom-8 right-8'\n  }\n\n  const sizeClasses = {\n    sm: 'text-sm',\n    md: 'text-base',\n    lg: 'text-lg'\n  }\n\n  const variantClasses = {\n    default: 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white',\n    primary: 'text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200',\n    secondary: 'text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200',\n    outline: 'text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white'\n  }\n\n  if (!isVisible) return null\n\n  return (\n    <div\n      ref={ref}\n      className={merge(\n        'absolute z-10',\n        positionClasses[position],\n        className\n      )}\n      {...props}\n    >\n      <Button\n        onClick={scrollToTarget}\n        variant=\"ghost\"\n        size=\"sm\"\n        className={merge(\n          'flex flex-col items-center space-y-2 transition-all duration-300',\n          sizeClasses[size],\n          variantClasses[variant],\n          animated && 'animate-in fade-in-0 slide-in-from-bottom-2 duration-500'\n        )}\n        aria-label={text}\n      >\n        <span className=\"text-xs opacity-80\">{text}</span>\n        <Icon\n          name={iconName}\n          size={iconSize}\n          className={merge(\n            animated && 'animate-bounce'\n          )}\n        />\n      </Button>\n    </div>\n  )\n})\n\nScrollIndicator.displayName = 'ScrollIndicator'\n\nexport { ScrollIndicator } ","'use client'\n\nimport React, { useState, useEffect } from 'react'\nimport { merge } from '../lib/utils'\n\n/**\n * ScrollProgress 컴포넌트의 props / ScrollProgress component props\n * @typedef {Object} ScrollProgressProps\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {number} [height=2] - 진행률 바 높이 (px) / Progress bar height (px)\n * @property {'default' | 'primary' | 'secondary' | 'gradient'} [color='gradient'] - 진행률 바 색상 / Progress bar color\n * @property {'top' | 'bottom'} [position='top'] - 표시 위치 / Display position\n * @property {boolean} [animated=true] - 애니메이션 활성화 여부 / Enable animation\n * @property {boolean} [showPercentage=false] - 퍼센트 표시 여부 / Show percentage\n */\nexport interface ScrollProgressProps {\n  className?: string\n  height?: number\n  color?: 'default' | 'primary' | 'secondary' | 'gradient'\n  position?: 'top' | 'bottom'\n  animated?: boolean\n  showPercentage?: boolean\n}\n\n/**\n * ScrollProgress 컴포넌트 / ScrollProgress component\n * \n * 페이지 스크롤 진행률을 표시하는 컴포넌트입니다.\n * 페이지 상단 또는 하단에 고정되어 표시됩니다.\n * \n * Component that displays page scroll progress.\n * Fixed at top or bottom of the page.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ScrollProgress />\n * \n * @example\n * // 하단에 표시, 퍼센트 포함 / Display at bottom with percentage\n * <ScrollProgress \n *   position=\"bottom\"\n *   color=\"primary\"\n *   showPercentage\n *   height={4}\n * />\n * \n * @param {ScrollProgressProps} props - ScrollProgress 컴포넌트의 props / ScrollProgress component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ScrollProgress 컴포넌트 / ScrollProgress component\n */\nconst ScrollProgress = React.forwardRef<HTMLDivElement, ScrollProgressProps>(({\n  className,\n  height = 2,\n  color = 'gradient',\n  position = 'top',\n  animated = true,\n  showPercentage = false,\n  ...props\n}, ref) => {\n  const [progress, setProgress] = useState(0)\n\n  useEffect(() => {\n    const updateProgress = () => {\n      const scrollTop = window.scrollY\n      const docHeight = document.documentElement.scrollHeight - window.innerHeight\n      const currentProgress = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0\n      setProgress(currentProgress)\n    }\n\n    // 초기 실행\n    updateProgress()\n\n    window.addEventListener('scroll', updateProgress, { passive: true })\n    window.addEventListener('resize', updateProgress, { passive: true })\n    \n    return () => {\n      window.removeEventListener('scroll', updateProgress)\n      window.removeEventListener('resize', updateProgress)\n    }\n  }, [])\n\n  // ScrollProgress는 특정 색상만 사용 (스크롤 진행률 표시 특화)\n  const progressColors: Record<string, string> = {\n    default: 'bg-blue-600',\n    primary: 'bg-purple-600',\n    secondary: 'bg-gray-600',\n    gradient: 'bg-gradient-to-r from-purple-600 via-blue-600 to-purple-600'\n  }\n\n  const positionClasses = {\n    top: 'top-0 left-0 right-0',\n    bottom: 'bottom-0 left-0 right-0'\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={merge(\n        'fixed z-50',\n        positionClasses[position],\n        className\n      )}\n      style={{ height: `${height}px` }}\n      {...props}\n    >\n      {/* 배경 바 */}\n      <div className=\"w-full h-full bg-gray-200 dark:bg-gray-700\" />\n      \n      {/* 진행률 바 */}\n      <div\n        className={merge(\n          'h-full origin-left transition-all duration-100 ease-out',\n          progressColors[color] || progressColors.gradient\n        )}\n        style={{\n          width: `${progress}%`,\n          transformOrigin: 'left'\n        }}\n      />\n      \n      {/* 퍼센트 표시 (선택사항) */}\n      {showPercentage && (\n        <div className=\"absolute top-2 right-2 text-xs text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-800 px-2 py-1 rounded\">\n          {Math.round(progress)}%\n        </div>\n      )}\n    </div>\n  )\n})\n\nScrollProgress.displayName = 'ScrollProgress'\n\nexport { ScrollProgress } ","import React from \"react\"\nimport { merge } from \"../../lib/utils\"\n\nexport interface ScrollbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  variant?: \"default\" | \"glass\" | \"colorful\" | \"minimal\" | \"neon\"\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\"\n  orientation?: \"vertical\" | \"horizontal\" | \"both\"\n  autoHide?: boolean\n  smooth?: boolean\n}\n\nconst Scrollbar = React.forwardRef<HTMLDivElement, ScrollbarProps>(\n  ({ \n    className, \n    variant = \"default\", \n    size = \"md\", \n    orientation = \"both\", \n    autoHide = true, \n    smooth = true, \n    children, \n    ...props \n  }, ref) => {\n    \n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"glass\":\n          return \"scrollbar-thumb-white/20 hover:scrollbar-thumb-white/30 backdrop-blur-sm\"\n        case \"colorful\":\n          return \"scrollbar-thumb-gradient-to-b scrollbar-thumb-from-blue-500 scrollbar-thumb-to-purple-500 hover:scrollbar-thumb-from-blue-600 hover:scrollbar-thumb-to-purple-600\"\n        case \"minimal\":\n          return \"scrollbar-thumb-slate-200/50 hover:scrollbar-thumb-slate-300/70 dark:scrollbar-thumb-slate-700/50 dark:hover:scrollbar-thumb-slate-600/70\"\n        case \"neon\":\n          return \"scrollbar-thumb-cyan-400/60 hover:scrollbar-thumb-cyan-300/80 scrollbar-thumb-shadow-lg scrollbar-thumb-shadow-cyan-500/25\"\n        default:\n          return \"scrollbar-thumb-slate-300 hover:scrollbar-thumb-slate-400 dark:scrollbar-thumb-slate-600 dark:hover:scrollbar-thumb-slate-500\"\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case \"sm\":\n          return \"scrollbar-w-1\"\n        case \"lg\":\n          return \"scrollbar-w-3\"\n        case \"xl\":\n          return \"scrollbar-w-4\"\n        default:\n          return \"scrollbar-w-2\"\n      }\n    }\n\n    const getOrientationClasses = () => {\n      switch (orientation) {\n        case \"vertical\":\n          return \"overflow-y-auto overflow-x-hidden\"\n        case \"horizontal\":\n          return \"overflow-x-auto overflow-y-hidden\"\n        default:\n          return \"overflow-auto\"\n      }\n    }\n\n    const baseClasses = merge(\n      \"scrollbar-thin scrollbar-track-transparent scrollbar-thumb-rounded-full transition-all duration-200\",\n      getVariantClasses(),\n      getSizeClasses(),\n      getOrientationClasses(),\n      autoHide && \"scrollbar-hide\",\n      smooth && \"scroll-smooth\",\n      className\n    )\n\n    return (\n      <div\n        className={baseClasses}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nScrollbar.displayName = \"Scrollbar\"\n\nexport { Scrollbar } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\nimport type { IconName } from \"../lib/icons\"\n\n/**\n * FeatureCard 컴포넌트의 props / FeatureCard component props\n * @typedef {Object} FeatureCardProps\n * @property {IconName | string} [icon] - 아이콘 (IconName 또는 이미지 URL) / Icon (IconName or image URL)\n * @property {string} title - 카드 제목 / Card title\n * @property {string} description - 카드 설명 / Card description\n * @property {\"default\" | \"gradient\" | \"glass\" | \"neon\"} [variant=\"default\"] - FeatureCard 스타일 변형 / FeatureCard style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - FeatureCard 크기 / FeatureCard size\n * @property {\"scale\" | \"glow\" | \"slide\" | \"none\"} [hover=\"scale\"] - 호버 효과 / Hover effect\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"pink\" | \"custom\"} [gradient=\"blue\"] - 그라디언트 색상 / Gradient color\n * @property {string} [customGradient] - 커스텀 그라디언트 클래스 / Custom gradient class\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface FeatureCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: IconName | string\n  title: string\n  description: string\n  variant?: \"default\" | \"gradient\" | \"glass\" | \"neon\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  hover?: \"scale\" | \"glow\" | \"slide\" | \"none\"\n  gradient?: \"blue\" | \"purple\" | \"green\" | \"orange\" | \"pink\" | \"custom\"\n  customGradient?: string\n}\n\n/**\n * FeatureCard 컴포넌트 / FeatureCard component\n * \n * 기능을 소개하는 카드 컴포넌트입니다.\n * 아이콘, 제목, 설명을 포함하며, 다양한 스타일과 호버 효과를 지원합니다.\n * \n * Card component that introduces features.\n * Includes icon, title, and description, supports various styles and hover effects.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <FeatureCard\n *   icon=\"star\"\n *   title=\"고급 기능\"\n *   description=\"강력한 기능을 제공합니다\"\n * />\n * \n * @example\n * // Gradient 스타일 / Gradient style\n * <FeatureCard\n *   icon=\"zap\"\n *   title=\"빠른 성능\"\n *   description=\"최적화된 성능\"\n *   variant=\"gradient\"\n *   gradient=\"purple\"\n *   hover=\"glow\"\n * />\n * \n * @param {FeatureCardProps} props - FeatureCard 컴포넌트의 props / FeatureCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} FeatureCard 컴포넌트 / FeatureCard component\n */\nconst FeatureCard = React.forwardRef<HTMLDivElement, FeatureCardProps>(\n  ({ \n    className, \n    icon, \n    title, \n    description, \n    variant = \"default\", \n    size = \"md\",\n    hover = \"scale\",\n    gradient = \"blue\",\n    customGradient,\n    ...props \n  }, ref) => {\n    const sizeClasses = {\n      sm: \"p-4\",\n      md: \"p-6\",\n      lg: \"p-8\"\n    }\n\n    const variantClasses = {\n      default: \"bg-white/90 dark:bg-gray-800/80 backdrop-blur-sm border border-gray-200/50 dark:border-gray-700/50\",\n      gradient: `bg-gradient-to-br ${customGradient || getGradientClass(gradient)}`,\n      glass: \"bg-white/10 dark:bg-gray-800/10 backdrop-blur-md border border-white/20 dark:border-gray-700/20\",\n      neon: \"bg-gray-900/90 dark:bg-gray-900/90 border border-cyan-400/30 dark:border-cyan-400/30 shadow-lg shadow-cyan-400/20\"\n    }\n\n    const hoverClasses = {\n      scale: \"hover:scale-105 transition-transform duration-300\",\n      glow: \"hover:shadow-2xl hover:shadow-blue-500/25 dark:hover:shadow-cyan-400/25 transition-shadow duration-300\",\n      slide: \"hover:-translate-y-2 transition-transform duration-300\",\n      none: \"\"\n    }\n\n    const iconSize = size === \"lg\" ? \"text-5xl\" : size === \"md\" ? \"text-4xl\" : \"text-3xl\"\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"rounded-2xl shadow-lg transition-all duration-300 flex flex-col items-center text-center\",\n          sizeClasses[size],\n          variantClasses[variant],\n          hoverClasses[hover],\n          className\n        )}\n        {...props}\n      >\n        {icon && (\n          <div className={`mb-4 ${iconSize} ${variant === \"neon\" ? \"text-cyan-400\" : \"\"}`}>\n            {typeof icon === \"string\" && icon.startsWith(\"http\") ? (\n              <img src={icon} alt={title} className=\"w-full h-full object-contain\" />\n            ) : typeof icon === \"string\" ? (\n              <span>{icon}</span>\n            ) : (\n              <Icon name={icon} className=\"w-full h-full\" />\n            )}\n          </div>\n        )}\n        \n        <h3 className={merge(\n          \"font-bold mb-2\",\n          size === \"lg\" ? \"text-2xl\" : size === \"md\" ? \"text-xl\" : \"text-lg\",\n          variant === \"gradient\" ? \"text-white\" : \"text-gray-900 dark:text-white\"\n        )}>\n          {title}\n        </h3>\n        \n        <p className={merge(\n          size === \"lg\" ? \"text-base\" : \"text-sm\",\n          variant === \"gradient\" ? \"text-white/90\" : \"text-gray-600 dark:text-gray-300\"\n        )}>\n          {description}\n        </p>\n      </div>\n    )\n  }\n)\n\nFeatureCard.displayName = \"FeatureCard\"\n\nfunction getGradientClass(gradient: string): string {\n  const gradients = {\n    blue: \"from-blue-500 via-cyan-500 to-blue-600\",\n    purple: \"from-purple-500 via-pink-500 to-purple-600\",\n    green: \"from-green-500 via-emerald-500 to-green-600\",\n    orange: \"from-orange-500 via-red-500 to-orange-600\",\n    pink: \"from-pink-500 via-rose-500 to-pink-600\"\n  }\n  return gradients[gradient as keyof typeof gradients] || gradients.blue\n}\n\nexport { FeatureCard } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Button } from \"./Button\"\n\n/**\n * HeroSection 컴포넌트의 props / HeroSection component props\n * @typedef {Object} HeroSectionProps\n * @property {string} title - 히어로 섹션 제목 / Hero section title\n * @property {string} [subtitle] - 히어로 섹션 부제목 / Hero section subtitle\n * @property {string} description - 히어로 섹션 설명 / Hero section description\n * @property {Object} [primaryAction] - 주요 액션 버튼 / Primary action button\n * @property {string} primaryAction.label - 버튼 라벨 / Button label\n * @property {string} primaryAction.href - 버튼 링크 / Button link\n * @property {string} [primaryAction.icon] - 버튼 아이콘 / Button icon\n * @property {Object} [secondaryAction] - 보조 액션 버튼 / Secondary action button\n * @property {string} secondaryAction.label - 버튼 라벨 / Button label\n * @property {string} secondaryAction.href - 버튼 링크 / Button link\n * @property {string} [secondaryAction.icon] - 버튼 아이콘 / Button icon\n * @property {\"default\" | \"gradient\" | \"glass\" | \"neon\"} [variant=\"default\"] - HeroSection 스타일 변형 / HeroSection style variant\n * @property {\"none\" | \"gradient\" | \"particles\" | \"video\"} [background=\"gradient\"] - 배경 타입 / Background type\n * @property {string} [customBackground] - 커스텀 배경 / Custom background\n * @property {\"sm\" | \"md\" | \"lg\" | \"xl\"} [size=\"lg\"] - HeroSection 크기 / HeroSection size\n * @extends {React.HTMLAttributes<HTMLElement>}\n */\nexport interface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {\n  title: string\n  subtitle?: string\n  description: string\n  primaryAction?: {\n    label: string\n    href: string\n    icon?: string\n  }\n  secondaryAction?: {\n    label: string\n    href: string\n    icon?: string\n  }\n  variant?: \"default\" | \"gradient\" | \"glass\" | \"neon\"\n  background?: \"none\" | \"gradient\" | \"particles\" | \"video\"\n  customBackground?: string\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\"\n}\n\n/**\n * HeroSection 컴포넌트 / HeroSection component\n * \n * 랜딩 페이지의 히어로 섹션을 제공하는 컴포넌트입니다.\n * 제목, 설명, 액션 버튼을 포함하며, 다양한 배경 효과를 지원합니다.\n * \n * Component that provides hero section for landing pages.\n * Includes title, description, and action buttons, supports various background effects.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <HeroSection\n *   title=\"환영합니다\"\n *   description=\"우리 서비스를 소개합니다\"\n *   primaryAction={{ label: \"시작하기\", href: \"/start\" }}\n * />\n * \n * @example\n * // Gradient 배경, 두 개의 액션 버튼 / Gradient background, two action buttons\n * <HeroSection\n *   title=\"혁신적인 솔루션\"\n *   subtitle=\"차세대 플랫폼\"\n *   description=\"최신 기술로 만든 플랫폼\"\n *   variant=\"gradient\"\n *   background=\"gradient\"\n *   primaryAction={{ label: \"시작하기\", href: \"/start\", icon: \"arrowRight\" }}\n *   secondaryAction={{ label: \"더 알아보기\", href: \"/about\" }}\n * />\n * \n * @param {HeroSectionProps} props - HeroSection 컴포넌트의 props / HeroSection component props\n * @param {React.Ref<HTMLElement>} ref - section 요소 ref / section element ref\n * @returns {JSX.Element} HeroSection 컴포넌트 / HeroSection component\n */\nconst HeroSection = React.forwardRef<HTMLElement, HeroSectionProps>(\n  ({ \n    className, \n    title, \n    subtitle, \n    description, \n    primaryAction, \n    secondaryAction,\n    variant = \"default\",\n    background = \"gradient\",\n    customBackground,\n    size = \"lg\",\n    ...props \n  }, ref) => {\n    const sizeClasses = {\n      sm: \"py-16\",\n      md: \"py-20\", \n      lg: \"py-24\",\n      xl: \"py-32\"\n    }\n\n    const titleSizeClasses = {\n      sm: \"text-3xl md:text-4xl\",\n      md: \"text-4xl md:text-5xl\",\n      lg: \"text-5xl md:text-6xl\",\n      xl: \"text-6xl md:text-7xl\"\n    }\n\n    const subtitleSizeClasses = {\n      sm: \"text-lg md:text-xl\",\n      md: \"text-xl md:text-2xl\", \n      lg: \"text-2xl md:text-3xl\",\n      xl: \"text-3xl md:text-4xl\"\n    }\n\n    const descriptionSizeClasses = {\n      sm: \"text-base md:text-lg\",\n      md: \"text-lg md:text-xl\",\n      lg: \"text-lg md:text-2xl\",\n      xl: \"text-xl md:text-3xl\"\n    }\n\n    const backgroundClasses = {\n      none: \"\",\n      gradient: \"relative overflow-hidden\",\n      particles: \"relative overflow-hidden\",\n      video: \"relative overflow-hidden\"\n    }\n\n    const backgroundContent = {\n      none: null,\n      gradient: (\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <div className=\"absolute -top-32 -left-32 w-[600px] h-[600px] bg-gradient-to-br from-cyan-400 via-blue-500 to-purple-600 opacity-60 rounded-full blur-3xl animate-pulse\" />\n          <div className=\"absolute bottom-0 right-0 w-[400px] h-[400px] bg-gradient-to-tr from-orange-400 via-pink-500 to-red-600 opacity-40 rounded-full blur-2xl animate-pulse\" />\n        </div>\n      ),\n      particles: (\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <div className=\"absolute inset-0 bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 dark:from-gray-900 dark:via-blue-900 dark:to-purple-900\" />\n          <div className=\"absolute inset-0 opacity-30\">\n            {[...Array(20)].map((_, i) => (\n              <div\n                key={i}\n                className=\"absolute w-2 h-2 bg-blue-500 rounded-full animate-pulse\"\n                style={{\n                  left: `${Math.random() * 100}%`,\n                  top: `${Math.random() * 100}%`,\n                  animationDelay: `${Math.random() * 2}s`,\n                  animationDuration: `${2 + Math.random() * 2}s`\n                }}\n              />\n            ))}\n          </div>\n        </div>\n      ),\n      video: (\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <video\n            autoPlay\n            loop\n            muted\n            playsInline\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20\"\n          >\n            <source src={customBackground} type=\"video/mp4\" />\n          </video>\n        </div>\n      )\n    }\n\n    return (\n      <section\n        ref={ref}\n        className={merge(\n          \"flex-1 flex flex-col justify-center items-center text-center px-4 sm:px-6 lg:px-8\",\n          sizeClasses[size],\n          backgroundClasses[background],\n          className\n        )}\n        {...props}\n      >\n        {backgroundContent[background]}\n        \n        <div className=\"relative z-10 max-w-4xl mx-auto\">\n          <h1 className={merge(\n            \"font-extrabold mb-6 text-gray-900 dark:text-white drop-shadow-[0_4px_24px_rgba(0,0,0,0.1)] dark:drop-shadow-[0_4px_24px_rgba(0,0,0,0.25)]\",\n            titleSizeClasses[size]\n          )}>\n            <span className=\"block text-transparent bg-clip-text bg-gradient-to-r from-blue-600 via-purple-600 to-cyan-600 dark:from-cyan-300 dark:via-blue-400 dark:to-purple-400 drop-shadow-[0_2px_8px_rgba(39,94,254,0.3)]\">\n              {title}\n            </span>\n            {subtitle && (\n              <span className={merge(\n                \"block font-semibold mt-4 text-gray-700 dark:text-white/90\",\n                subtitleSizeClasses[size]\n              )}>\n                {subtitle}\n              </span>\n            )}\n          </h1>\n          \n          <p className={merge(\n            \"text-gray-600 dark:text-white/80 mb-10 max-w-2xl mx-auto drop-shadow-[0_2px_8px_rgba(0,0,0,0.05)] dark:drop-shadow-[0_2px_8px_rgba(0,0,0,0.15)]\",\n            descriptionSizeClasses[size]\n          )}>\n            {description}\n          </p>\n          \n          {(primaryAction || secondaryAction) && (\n            <div className=\"flex flex-col sm:flex-row gap-4 justify-center mb-8\">\n              {primaryAction && (\n                <Button\n                  href={primaryAction.href}\n                  variant=\"gradient\"\n                  size={size === \"xl\" ? \"lg\" : \"md\"}\n                  className=\"inline-flex items-center\"\n                >\n                  {primaryAction.icon && <span className=\"mr-2\">{primaryAction.icon}</span>}\n                  {primaryAction.label}\n                </Button>\n              )}\n              \n              {secondaryAction && (\n                <Button\n                  href={secondaryAction.href}\n                  variant=\"outline\"\n                  size={size === \"xl\" ? \"lg\" : \"md\"}\n                  className=\"inline-flex items-center\"\n                >\n                  {secondaryAction.icon && <span className=\"mr-2\">{secondaryAction.icon}</span>}\n                  {secondaryAction.label}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n      </section>\n    )\n  }\n)\n\nHeroSection.displayName = \"HeroSection\"\n\nexport { HeroSection } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\nimport type { IconName } from \"../lib/icons\"\n\n/**\n * InfoCard 컴포넌트의 props / InfoCard component props\n * @typedef {Object} InfoCardProps\n * @property {string} title - 카드 제목 / Card title\n * @property {IconName} icon - 카드 아이콘 / Card icon\n * @property {\"blue\" | \"purple\" | \"green\" | \"orange\"} [tone=\"blue\"] - InfoCard 톤 색상 / InfoCard tone color\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface InfoCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  icon: IconName\n  tone?: \"blue\" | \"purple\" | \"green\" | \"orange\"\n}\n\nconst toneClasses: Record<NonNullable<InfoCardProps[\"tone\"]>, { container: string; icon: string; title: string; body: string }> = {\n  blue: {\n    container: \"bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-lg p-4 border border-blue-200 dark:border-blue-700\",\n    icon: \"h-5 w-5 text-blue-600 dark:text-blue-400 mr-3 mt-0.5 flex-shrink-0\",\n    title: \"text-sm font-medium text-blue-900 dark:text-blue-100 mb-2 block\",\n    body: \"text-gray-800 dark:text-gray-200 text-sm leading-relaxed\",\n  },\n  purple: {\n    container: \"bg-gradient-to-r from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-lg p-4 border border-purple-200 dark:border-purple-700\",\n    icon: \"h-5 w-5 text-purple-600 dark:text-purple-400 mr-3 mt-0.5 flex-shrink-0\",\n    title: \"text-sm font-medium text-purple-900 dark:text-purple-100 mb-2 block\",\n    body: \"text-gray-800 dark:text-gray-200 text-sm leading-relaxed\",\n  },\n  green: {\n    container: \"bg-gradient-to-r from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20 rounded-lg p-4 border border-green-200 dark:border-green-700\",\n    icon: \"h-5 w-5 text-green-600 dark:text-green-400 mr-3 mt-0.5 flex-shrink-0\",\n    title: \"text-sm font-medium text-green-900 dark:text-green-100 mb-2 block\",\n    body: \"text-gray-800 dark:text-gray-200 text-sm leading-relaxed\",\n  },\n  orange: {\n    container: \"bg-gradient-to-r from-orange-50 to-rose-50 dark:from-orange-900/20 dark:to-rose-900/20 rounded-lg p-4 border border-orange-200 dark:border-orange-700\",\n    icon: \"h-5 w-5 text-orange-600 dark:text-orange-400 mr-3 mt-0.5 flex-shrink-0\",\n    title: \"text-sm font-medium text-orange-900 dark:text-orange-100 mb-2 block\",\n    body: \"text-gray-800 dark:text-gray-200 text-sm leading-relaxed\",\n  },\n}\n\n/**\n * InfoCard 컴포넌트 / InfoCard component\n * \n * 정보를 표시하는 카드 컴포넌트입니다.\n * 아이콘, 제목, 내용을 포함하며, 다양한 톤 색상을 지원합니다.\n * \n * Card component that displays information.\n * Includes icon, title, and content, supports various tone colors.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <InfoCard\n *   icon=\"info\"\n *   title=\"정보\"\n *   tone=\"blue\"\n * >\n *   이것은 정보 카드입니다.\n * </InfoCard>\n * \n * @example\n * // 다양한 톤 / Various tones\n * <InfoCard icon=\"check\" title=\"성공\" tone=\"green\">\n *   작업이 완료되었습니다.\n * </InfoCard>\n * \n * @param {InfoCardProps} props - InfoCard 컴포넌트의 props / InfoCard component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} InfoCard 컴포넌트 / InfoCard component\n */\nexport const InfoCard = React.forwardRef<HTMLDivElement, InfoCardProps>(({ className, title, icon, tone = \"blue\", children, ...props }, ref) => {\n  const t = toneClasses[tone]\n  return (\n    <div ref={ref} className={merge(t.container, className)} {...props}>\n      <div className=\"flex items-start mb-2\">\n        <Icon name={icon} className={t.icon} />\n        <div className=\"flex-1\">\n          <span className={t.title}>{title}</span>\n          <div className={t.body}>{children}</div>\n        </div>\n      </div>\n    </div>\n  )\n})\n\nInfoCard.displayName = \"InfoCard\"\n\nexport default InfoCard\n\n\n"]}

package/dist/chunk-627HOIRV.mjs

@@ -0,0 +1,2 @@
+import {l}from'./chunk-UGSYQDR4.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import u from'react';import {jsx,jsxs}from'react/jsx-runtime';var D=u.forwardRef(({className:r,size:e="md",variant:t="default",src:o,alt:l,children:n,...m},g)=>{let k={sm:"w-8 h-8",md:"w-10 h-10",lg:"w-12 h-12"},p={default:"",glass:"ring-2 ring-white/30 backdrop-blur-sm"};return jsx("div",{ref:g,className:a("relative flex shrink-0 overflow-hidden rounded-full",k[e],p[t],r),...m,children:o?jsx(T,{src:o,alt:l||"avatar"}):jsx(R,{children:n||(l?l.charAt(0).toUpperCase():"U")})})});D.displayName="Avatar";var T=u.forwardRef(({className:r,...e},t)=>jsx("img",{ref:t,className:a("aspect-square h-full w-full object-cover object-center",r),...e}));T.displayName="AvatarImage";var R=u.forwardRef(({className:r,...e},t)=>jsx("div",{ref:t,className:a("flex h-full w-full items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 font-medium",r),...e}));R.displayName="AvatarFallback";var B=u.forwardRef(({className:r,variant:e="default",...t},o)=>jsx("div",{ref:o,className:a("rounded-lg p-6",{default:"bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700",outline:"bg-transparent border-2 border-slate-300 dark:border-slate-600",elevated:"bg-white dark:bg-slate-800 shadow-lg border border-slate-200 dark:border-slate-700"}[e],r),...t}));B.displayName="Card";var I=u.forwardRef(({className:r,...e},t)=>jsx("div",{ref:t,className:a("flex flex-col space-y-1.5 p-6",r),...e}));I.displayName="CardHeader";var P=u.forwardRef(({className:r,...e},t)=>jsx("h3",{ref:t,className:a("text-2xl font-semibold leading-none tracking-tight",r),...e}));P.displayName="CardTitle";var F=u.forwardRef(({className:r,...e},t)=>jsx("p",{ref:t,className:a("text-sm text-slate-500 dark:text-slate-400",r),...e}));F.displayName="CardDescription";var j=u.forwardRef(({className:r,...e},t)=>jsx("div",{ref:t,className:a("p-6 pt-0",r),...e}));j.displayName="CardContent";var z=u.forwardRef(({className:r,...e},t)=>jsx("div",{ref:t,className:a("flex items-center p-6 pt-0",r),...e}));z.displayName="CardFooter";var M=u.forwardRef(({className:r,children:e,items:t,maxItems:o,showHomeIcon:l$1,homeLabel:n="Home",separator:m=jsx(l,{name:"chevronRight",className:"w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0"}),variant:g="default",...k},p)=>{let C={default:"inline-flex items-center text-sm w-fit",subtle:"inline-flex items-center text-xs bg-white/40 dark:bg-slate-800/40 backdrop-blur-md rounded-md px-3 py-2 border border-slate-200/30 dark:border-white/20 w-fit shadow-sm",transparent:"inline-flex items-center text-xs w-fit",glass:"inline-flex items-center text-xs bg-white/30 dark:bg-slate-800/30 backdrop-blur-lg rounded-lg px-4 py-2 border border-slate-200/25 dark:border-white/15 w-fit shadow-lg"},f=(()=>{if(t){let d=[...t];if(o&&d.length>o){let i=d[0],L=d.slice(-(o-1));d=[i,{label:"...",href:void 0},...L];}return d.map((i,L)=>{let E=L===d.length-1&&!i.href;return jsxs(w,{href:i.href,isCurrent:E,children:[i.icon&&jsx(l,{name:i.icon,className:"w-4 h-4 mr-1"}),i.label]},L)})}return e?u.Children.map(e,(d,i)=>u.isValidElement(d)?jsxs("li",{className:"flex items-center",children:[d,i<u.Children.count(e)-1&&jsx("span",{className:"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center","aria-hidden":"true",children:m})]},i):d):null})(),A=t?t.length:e?u.Children.count(e):0;return jsx("nav",{ref:p,"aria-label":"Breadcrumb",className:a(C[g],r),...k,children:jsxs("ol",{className:"inline-flex items-center",children:[l$1&&jsxs("li",{className:"flex items-center",children:[jsxs(w,{href:"/",children:[jsx(l,{name:"home",className:"w-4 h-4 mr-1"}),n]}),A>0&&jsx("span",{className:"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center","aria-hidden":"true",children:m})]}),t?f==null?void 0:f.map((d,i)=>jsxs("li",{className:"flex items-center",children:[d,i<((f==null?void 0:f.length)||0)-1&&jsx("span",{className:"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center","aria-hidden":"true",children:m})]},i)):f]})})});M.displayName="Breadcrumb";var w=u.forwardRef(({className:r,href:e,isCurrent:t=false,children:o,...l},n)=>t?jsx("span",{ref:n,"aria-current":"page",className:a("text-slate-500 dark:text-slate-400 font-medium",r),...l,children:o}):e?jsx("a",{href:e,className:a("text-slate-400 hover:text-slate-600 dark:text-slate-500 dark:hover:text-slate-300 transition-colors",r),...l,children:o}):jsx("span",{ref:n,className:a("text-slate-400 dark:text-slate-500",r),...l,children:o}));w.displayName="BreadcrumbItem";var U=u.forwardRef(({className:r,title:e,description:t,children:o,prevPage:l,nextPage:n,breadcrumbItems:m=[{label:"Components",href:"/components"}],...g},k)=>jsxs("div",{className:"relative min-h-screen",children:[jsx("div",{className:"fixed right-4 top-4 z-50 hidden lg:block",children:jsx("div",{className:"flex flex-col space-y-4",children:l&&jsx("a",{href:l.href,className:"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200",title:`\uC774\uC804: ${l.title}`,children:jsx("svg",{className:"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 15l7-7 7 7"})})})})}),jsx("div",{className:"fixed right-4 bottom-4 z-50 hidden lg:block",children:jsx("div",{className:"flex flex-col space-y-4",children:n&&jsx("a",{href:n.href,className:"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200",title:`\uB2E4\uC74C: ${n.title}`,children:jsx("svg",{className:"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})})}),jsx("div",{ref:k,className:a("container mx-auto px-4 py-8",r),...g,children:jsxs("div",{className:"max-w-4xl mx-auto",children:[jsx(M,{className:"mb-6",children:m.map((p,C)=>jsx(w,{href:p.href,isCurrent:C===m.length-1,children:p.label},C))}),jsxs("div",{className:"mb-8",children:[jsx("h1",{className:"text-4xl font-bold mb-4",children:e}),jsx("p",{className:"text-lg text-slate-600 dark:text-slate-400",children:t})]}),jsx("div",{className:"space-y-8",children:o}),jsx("div",{className:"mt-12 lg:hidden",children:jsxs("div",{className:"flex items-center justify-between py-4 border-t border-slate-200 dark:border-slate-700",children:[l&&jsxs("a",{href:l.href,className:"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors",children:[jsx("svg",{className:"w-4 h-4 mr-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})}),l.title]}),n&&jsxs("a",{href:n.href,className:"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors",children:[n.title,jsx("svg",{className:"w-4 h-4 ml-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})]})})]})})]}));U.displayName="ComponentLayout";export{D as a,T as b,R as c,B as d,I as e,P as f,F as g,j as h,z as i,M as j,w as k,U as l};//# sourceMappingURL=chunk-627HOIRV.mjs.map
+//# sourceMappingURL=chunk-627HOIRV.mjs.map

package/dist/chunk-627HOIRV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar.tsx","../src/components/Card.tsx","../src/components/Breadcrumb.tsx","../src/components/ComponentLayout.tsx"],"names":["Avatar","React","className","size","variant","src","alt","children","props","ref","sizeClasses","variantClasses","jsx","merge","AvatarImage","AvatarFallback","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","Breadcrumb","items","maxItems","showHomeIcon","homeLabel","separator","Icon","variantStyles","renderedItems","displayItems","firstItem","lastItems","item","index","isCurrent","jsxs","BreadcrumbItem","child","itemsCount","href","ComponentLayout","title","description","prevPage","nextPage","breadcrumbItems"],"mappings":"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","file":"chunk-627HOIRV.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Avatar 컴포넌트의 props / Avatar component props\n * @typedef {Object} AvatarProps\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - 아바타 크기 / Avatar size\n * @property {\"default\" | \"glass\"} [variant=\"default\"] - 아바타 스타일 변형 / Avatar style variant\n * @property {string} [src] - 이미지 URL / Image URL\n * @property {string} [alt] - 이미지 대체 텍스트 / Image alt text\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: \"sm\" | \"md\" | \"lg\"\n  variant?: \"default\" | \"glass\"\n  src?: string\n  alt?: string\n}\n\n/**\n * AvatarImage 컴포넌트의 props\n * @typedef {Object} AvatarImageProps\n * @extends {React.ImgHTMLAttributes<HTMLImageElement>}\n */\nexport interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {}\n\n/**\n * AvatarFallback 컴포넌트의 props\n * @typedef {Object} AvatarFallbackProps\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface AvatarFallbackProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Avatar 컴포넌트 / Avatar component\n * \n * 사용자 프로필 이미지를 표시하는 컴포넌트입니다.\n * 이미지가 없을 경우 대체 텍스트나 초기 문자를 표시합니다.\n * \n * Component for displaying user profile images.\n * Shows fallback text or initials when image is not available.\n * \n * @component\n * @example\n * // 기본 사용 (이미지) / Basic usage (with image)\n * <Avatar src=\"/user.jpg\" alt=\"사용자\" />\n * \n * @example\n * // 대체 텍스트 / Fallback text\n * <Avatar alt=\"홍길동\">홍</Avatar>\n * \n * @example\n * // Glass 스타일 / Glass style\n * <Avatar variant=\"glass\" size=\"lg\" src=\"/user.jpg\" alt=\"사용자\" />\n * \n * @param {AvatarProps} props - Avatar 컴포넌트의 props / Avatar component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Avatar 컴포넌트 / Avatar component\n */\nconst Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  ({ className, size = \"md\", variant = \"default\", src, alt, children, ...props }, ref) => {\n    const sizeClasses = {\n      sm: \"w-8 h-8\",\n      md: \"w-10 h-10\", \n      lg: \"w-12 h-12\"\n    }\n\n    const variantClasses = {\n      default: \"\",\n      glass: \"ring-2 ring-white/30 backdrop-blur-sm\"\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"relative flex shrink-0 overflow-hidden rounded-full\",\n          sizeClasses[size],\n          variantClasses[variant],\n          className\n        )}\n        {...props}\n      >\n        {src ? (\n          <AvatarImage src={src} alt={alt || \"avatar\"} />\n        ) : (\n          <AvatarFallback>\n            {children || (alt ? alt.charAt(0).toUpperCase() : \"U\")}\n          </AvatarFallback>\n        )}\n      </div>\n    )\n  }\n)\nAvatar.displayName = \"Avatar\"\n\n/**\n * AvatarImage 컴포넌트 / AvatarImage component\n * \n * 아바타 이미지를 표시하는 컴포넌트입니다.\n * Displays the avatar image.\n * \n * @component\n * @param {AvatarImageProps} props - AvatarImage 컴포넌트의 props / AvatarImage component props\n * @param {React.Ref<HTMLImageElement>} ref - img 요소 ref / img element ref\n * @returns {JSX.Element} AvatarImage 컴포넌트 / AvatarImage component\n */\nconst AvatarImage = React.forwardRef<HTMLImageElement, AvatarImageProps>(\n  ({ className, ...props }, ref) => (\n    <img\n      ref={ref}\n      className={merge(\"aspect-square h-full w-full object-cover object-center\", className)}\n      {...props}\n    />\n  )\n)\nAvatarImage.displayName = \"AvatarImage\"\n\n/**\n * AvatarFallback 컴포넌트 / AvatarFallback component\n * \n * 아바타 이미지가 없을 때 표시되는 대체 컴포넌트입니다.\n * Fallback component displayed when avatar image is not available.\n * \n * @component\n * @param {AvatarFallbackProps} props - AvatarFallback 컴포넌트의 props / AvatarFallback component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} AvatarFallback 컴포넌트 / AvatarFallback component\n */\nconst AvatarFallback = React.forwardRef<HTMLDivElement, AvatarFallbackProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\n        \"flex h-full w-full items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nAvatarFallback.displayName = \"AvatarFallback\"\n\nexport { Avatar, AvatarImage, AvatarFallback } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Card 컴포넌트의 props / Card component props\n * @typedef {Object} CardProps\n * @property {\"default\" | \"outline\" | \"elevated\"} [variant=\"default\"] - 카드 스타일 변형 / Card style variant\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: \"default\" | \"outline\" | \"elevated\"\n}\n\n/**\n * Card 컴포넌트 / Card component\n * \n * 콘텐츠를 카드 형태로 표시하는 컴포넌트입니다.\n * CardHeader, CardTitle, CardDescription, CardContent, CardFooter와 함께 사용합니다.\n * \n * Component that displays content in card format.\n * Used with CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.\n * \n * @component\n * @example\n * // 기본 카드 / Basic card\n * <Card>\n *   <CardHeader>\n *     <CardTitle>카드 제목</CardTitle>\n *     <CardDescription>카드 설명</CardDescription>\n *   </CardHeader>\n *   <CardContent>\n *     <p>카드 내용</p>\n *   </CardContent>\n *   <CardFooter>\n *     <Button>액션</Button>\n *   </CardFooter>\n * </Card>\n * \n * @example\n * // Elevated 스타일 / Elevated style\n * <Card variant=\"elevated\">\n *   <CardContent>강조된 카드</CardContent>\n * </Card>\n * \n * @param {CardProps} props - Card 컴포넌트의 props / Card component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} Card 컴포넌트 / Card component\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant = \"default\", ...props }, ref) => {\n    const variantClasses = {\n      default: \"bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700\",\n      outline: \"bg-transparent border-2 border-slate-300 dark:border-slate-600\",\n      elevated: \"bg-white dark:bg-slate-800 shadow-lg border border-slate-200 dark:border-slate-700\"\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={merge(\n          \"rounded-lg p-6\",\n          variantClasses[variant],\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nCard.displayName = \"Card\"\n\n/**\n * CardHeader 컴포넌트의 props / CardHeader component props\n * @typedef {Object} CardHeaderProps\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * CardHeader 컴포넌트 / CardHeader component\n * 카드의 헤더 영역을 표시합니다. CardTitle과 CardDescription을 포함합니다.\n * Displays the header area of a card. Contains CardTitle and CardDescription.\n * \n * @component\n * @param {CardHeaderProps} props - CardHeader 컴포넌트의 props / CardHeader component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} CardHeader 컴포넌트 / CardHeader component\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"flex flex-col space-y-1.5 p-6\", className)}\n      {...props}\n    />\n  )\n)\n\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * CardTitle 컴포넌트의 props / CardTitle component props\n * @typedef {Object} CardTitleProps\n * @extends {React.HTMLAttributes<HTMLHeadingElement>}\n */\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\n/**\n * CardTitle 컴포넌트 / CardTitle component\n * 카드의 제목을 표시합니다. h3 태그로 렌더링됩니다.\n * Displays the card title. Renders as h3 tag.\n * \n * @component\n * @param {CardTitleProps} props - CardTitle 컴포넌트의 props / CardTitle component props\n * @param {React.Ref<HTMLParagraphElement>} ref - h3 요소 ref / h3 element ref\n * @returns {JSX.Element} CardTitle 컴포넌트 / CardTitle component\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, CardTitleProps>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={merge(\n        \"text-2xl font-semibold leading-none tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\n\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * CardDescription 컴포넌트의 props / CardDescription component props\n * @typedef {Object} CardDescriptionProps\n * @extends {React.HTMLAttributes<HTMLParagraphElement>}\n */\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\n/**\n * CardDescription 컴포넌트 / CardDescription component\n * 카드의 설명 텍스트를 표시합니다.\n * Displays the card description text.\n * \n * @component\n * @param {CardDescriptionProps} props - CardDescription 컴포넌트의 props / CardDescription component props\n * @param {React.Ref<HTMLParagraphElement>} ref - p 요소 ref / p element ref\n * @returns {JSX.Element} CardDescription 컴포넌트 / CardDescription component\n */\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p\n      ref={ref}\n      className={merge(\"text-sm text-slate-500 dark:text-slate-400\", className)}\n      {...props}\n    />\n  )\n)\n\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * CardContent 컴포넌트의 props / CardContent component props\n * @typedef {Object} CardContentProps\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * CardContent 컴포넌트 / CardContent component\n * 카드의 메인 콘텐츠 영역을 표시합니다.\n * Displays the main content area of a card.\n * \n * @component\n * @param {CardContentProps} props - CardContent 컴포넌트의 props / CardContent component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} CardContent 컴포넌트 / CardContent component\n */\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={merge(\"p-6 pt-0\", className)} {...props} />\n  )\n)\n\nCardContent.displayName = \"CardContent\"\n\n/**\n * CardFooter 컴포넌트의 props / CardFooter component props\n * @typedef {Object} CardFooterProps\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * CardFooter 컴포넌트 / CardFooter component\n * 카드의 푸터 영역을 표시합니다. 주로 액션 버튼을 배치합니다.\n * Displays the footer area of a card. Typically used for action buttons.\n * \n * @component\n * @param {CardFooterProps} props - CardFooter 컴포넌트의 props / CardFooter component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} CardFooter 컴포넌트 / CardFooter component\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={merge(\"flex items-center p-6 pt-0\", className)}\n      {...props}\n    />\n  )\n)\n\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Breadcrumb 항목 타입 / Breadcrumb item type\n */\nexport interface BreadcrumbItemData {\n  label: string\n  href?: string\n  icon?: string\n}\n\n/**\n * Breadcrumb 컴포넌트의 props / Breadcrumb component props\n * @typedef {Object} BreadcrumbProps\n * @property {React.ReactNode} [children] - BreadcrumbItem 컴포넌트들 / BreadcrumbItem components\n * @property {BreadcrumbItemData[]} [items] - Breadcrumb 항목 배열 (children 대신 사용 가능) / Breadcrumb items array (alternative to children)\n * @property {number} [maxItems] - 최대 표시할 항목 수 (긴 경로 처리) / Maximum number of items to display (for long paths)\n * @property {boolean} [showHomeIcon] - 홈 아이콘 표시 여부 / Show home icon\n * @property {string} [homeLabel] - 홈 라벨 (기본: \"Home\") / Home label (default: \"Home\")\n * @property {React.ReactNode} [separator] - 항목 사이 구분자 (기본: chevronRight 아이콘) / Separator between items (default: chevronRight icon)\n * @property {'default' | 'subtle' | 'transparent' | 'glass'} [variant='default'] - Breadcrumb 스타일 변형 / Breadcrumb style variant\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  items?: BreadcrumbItemData[]\n  maxItems?: number\n  showHomeIcon?: boolean\n  homeLabel?: string\n  separator?: React.ReactNode\n  variant?: 'default' | 'subtle' | 'transparent' | 'glass'\n}\n\n/**\n * BreadcrumbItem 컴포넌트의 props / BreadcrumbItem component props\n * @typedef {Object} BreadcrumbItemProps\n * @property {string} [href] - 링크 URL (없으면 일반 텍스트) / Link URL (plain text if not provided)\n * @property {boolean} [isCurrent=false] - 현재 페이지 여부 / Current page indicator\n * @property {React.ReactNode} children - 항목 텍스트 / Item text\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n */\nexport interface BreadcrumbItemProps {\n  href?: string\n  isCurrent?: boolean\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * Breadcrumb 컴포넌트 / Breadcrumb component\n * \n * 네비게이션 경로를 표시하는 breadcrumb 컴포넌트입니다.\n * 현재 위치와 경로를 시각적으로 표현합니다.\n * \n * Breadcrumb component for displaying navigation paths.\n * Visually represents current location and path.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Breadcrumb>\n *   <BreadcrumbItem href=\"/\">홈</BreadcrumbItem>\n *   <BreadcrumbItem href=\"/products\">상품</BreadcrumbItem>\n *   <BreadcrumbItem isCurrent>상세</BreadcrumbItem>\n * </Breadcrumb>\n * \n * @example\n * // 커스텀 구분자 / Custom separator\n * <Breadcrumb separator={<span>/</span>}>\n *   <BreadcrumbItem href=\"/\">홈</BreadcrumbItem>\n *   <BreadcrumbItem isCurrent>현재</BreadcrumbItem>\n * </Breadcrumb>\n * \n * @param {BreadcrumbProps} props - Breadcrumb 컴포넌트의 props / Breadcrumb component props\n * @param {React.Ref<HTMLDivElement>} ref - nav 요소 ref / nav element ref\n * @returns {JSX.Element} Breadcrumb 컴포넌트 / Breadcrumb component\n */\nconst Breadcrumb = React.forwardRef<HTMLDivElement, BreadcrumbProps>(\n  ({ \n    className, \n    children, \n    items,\n    maxItems,\n    showHomeIcon,\n    homeLabel = \"Home\",\n    separator = <Icon name=\"chevronRight\" className=\"w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0\" />, \n    variant = 'default', \n    ...props \n  }, ref) => {\n    const variantStyles = {\n      default: \"inline-flex items-center text-sm w-fit\",\n      subtle: \"inline-flex items-center text-xs bg-white/40 dark:bg-slate-800/40 backdrop-blur-md rounded-md px-3 py-2 border border-slate-200/30 dark:border-white/20 w-fit shadow-sm\",\n      transparent: \"inline-flex items-center text-xs w-fit\",\n      glass: \"inline-flex items-center text-xs bg-white/30 dark:bg-slate-800/30 backdrop-blur-lg rounded-lg px-4 py-2 border border-slate-200/25 dark:border-white/15 w-fit shadow-lg\"\n    }\n    \n    // items prop이 있으면 BreadcrumbItem으로 변환\n    const renderItems = () => {\n      if (items) {\n        let displayItems = [...items]\n        \n        // maxItems 처리\n        if (maxItems && displayItems.length > maxItems) {\n          const firstItem = displayItems[0]\n          const lastItems = displayItems.slice(-(maxItems - 1))\n          displayItems = [firstItem, { label: '...', href: undefined }, ...lastItems]\n        }\n        \n        // 마지막 항목은 isCurrent로 표시\n        return displayItems.map((item, index) => {\n          const isLast = index === displayItems.length - 1\n          const isCurrent = isLast && !item.href\n          \n          return (\n            <BreadcrumbItem\n              key={index}\n              href={item.href}\n              isCurrent={isCurrent}\n            >\n              {item.icon && (\n                <Icon name={item.icon as any} className=\"w-4 h-4 mr-1\" />\n              )}\n              {item.label}\n            </BreadcrumbItem>\n          )\n        })\n      }\n      \n      // children이 있으면 그대로 사용\n      if (children) {\n        return React.Children.map(children, (child, index) => {\n          if (React.isValidElement(child)) {\n            return (\n              <li key={index} className=\"flex items-center\">\n                {child}\n                {index < React.Children.count(children) - 1 && (\n                  <span className=\"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center\" aria-hidden=\"true\">\n                    {separator}\n                  </span>\n                )}\n              </li>\n            )\n          }\n          return child\n        })\n      }\n      \n      return null\n    }\n    \n    const renderedItems = renderItems()\n    const itemsCount = items ? items.length : (children ? React.Children.count(children) : 0)\n    \n    return (\n      <nav\n        ref={ref}\n        aria-label=\"Breadcrumb\"\n        className={merge(variantStyles[variant], className)}\n        {...props}\n      >\n        <ol className=\"inline-flex items-center\">\n          {showHomeIcon && (\n            <li className=\"flex items-center\">\n              <BreadcrumbItem href=\"/\">\n                <Icon name=\"home\" className=\"w-4 h-4 mr-1\" />\n                {homeLabel}\n              </BreadcrumbItem>\n              {itemsCount > 0 && (\n                <span className=\"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center\" aria-hidden=\"true\">\n                  {separator}\n                </span>\n              )}\n            </li>\n          )}\n          {items ? (\n            renderedItems?.map((item, index) => (\n              <li key={index} className=\"flex items-center\">\n                {item}\n                {index < (renderedItems?.length || 0) - 1 && (\n                  <span className=\"mx-3 text-slate-400 dark:text-slate-500 flex items-center justify-center\" aria-hidden=\"true\">\n                    {separator}\n                  </span>\n                )}\n              </li>\n            ))\n          ) : (\n            renderedItems\n          )}\n        </ol>\n      </nav>\n    )\n  }\n)\nBreadcrumb.displayName = \"Breadcrumb\"\n\n/**\n * BreadcrumbItem 컴포넌트\n * Breadcrumb의 개별 항목을 표시합니다.\n * \n * @component\n * @param {BreadcrumbItemProps} props - BreadcrumbItem 컴포넌트의 props\n * @param {React.Ref<HTMLLIElement>} ref - li 요소 ref\n * @returns {JSX.Element} BreadcrumbItem 컴포넌트\n */\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n  ({ className, href, isCurrent = false, children, ...props }, ref) => {\n    if (isCurrent) {\n      return (\n        <span\n          ref={ref}\n          aria-current=\"page\"\n          className={merge(\n            \"text-slate-500 dark:text-slate-400 font-medium\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </span>\n      )\n    }\n\n    if (href) {\n      return (\n        <a\n          href={href}\n          className={merge(\n            \"text-slate-400 hover:text-slate-600 dark:text-slate-500 dark:hover:text-slate-300 transition-colors\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </a>\n      )\n    }\n\n    return (\n      <span\n        ref={ref}\n        className={merge(\n          \"text-slate-400 dark:text-slate-500\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </span>\n    )\n  }\n)\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nexport { Breadcrumb, BreadcrumbItem } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Breadcrumb, BreadcrumbItem } from \"./Breadcrumb\"\n\n/**\n * ComponentLayout 컴포넌트의 props / ComponentLayout component props\n * @typedef {Object} ComponentLayoutProps\n * @property {string} title - 페이지 제목 / Page title\n * @property {string} description - 페이지 설명 / Page description\n * @property {React.ReactNode} children - 페이지 내용 / Page content\n * @property {Object} [prevPage] - 이전 페이지 정보 / Previous page information\n * @property {string} prevPage.title - 이전 페이지 제목 / Previous page title\n * @property {string} prevPage.href - 이전 페이지 링크 / Previous page link\n * @property {Object} [nextPage] - 다음 페이지 정보 / Next page information\n * @property {string} nextPage.title - 다음 페이지 제목 / Next page title\n * @property {string} nextPage.href - 다음 페이지 링크 / Next page link\n * @property {Array<Object>} [breadcrumbItems] - Breadcrumb 항목들 / Breadcrumb items\n * @property {string} breadcrumbItems[].label - Breadcrumb 라벨 / Breadcrumb label\n * @property {string} [breadcrumbItems[].href] - Breadcrumb 링크 / Breadcrumb link\n * @extends {React.HTMLAttributes<HTMLDivElement>}\n */\nexport interface ComponentLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  description: string\n  children: React.ReactNode\n  prevPage?: {\n    title: string\n    href: string\n  }\n  nextPage?: {\n    title: string\n    href: string\n  }\n  breadcrumbItems?: Array<{\n    label: string\n    href?: string\n  }>\n}\n\n/**\n * ComponentLayout 컴포넌트 / ComponentLayout component\n * \n * 컴포넌트 문서 페이지 레이아웃을 제공하는 컴포넌트입니다.\n * 제목, 설명, Breadcrumb, 이전/다음 페이지 네비게이션을 포함합니다.\n * \n * Component that provides layout for component documentation pages.\n * Includes title, description, Breadcrumb, and previous/next page navigation.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ComponentLayout\n *   title=\"Button 컴포넌트\"\n *   description=\"버튼 컴포넌트 사용법\"\n * >\n *   <Button>예제</Button>\n * </ComponentLayout>\n * \n * @example\n * // 이전/다음 페이지 네비게이션 포함 / With previous/next page navigation\n * <ComponentLayout\n *   title=\"Input 컴포넌트\"\n *   description=\"입력 컴포넌트 사용법\"\n *   prevPage={{ title: \"Button\", href: \"/components/button\" }}\n *   nextPage={{ title: \"Select\", href: \"/components/select\" }}\n * >\n *   <Input placeholder=\"입력하세요\" />\n * </ComponentLayout>\n * \n * @param {ComponentLayoutProps} props - ComponentLayout 컴포넌트의 props / ComponentLayout component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ComponentLayout 컴포넌트 / ComponentLayout component\n */\nconst ComponentLayout = React.forwardRef<HTMLDivElement, ComponentLayoutProps>(\n  ({ \n    className, \n    title, \n    description, \n    children, \n    prevPage, \n    nextPage,\n    breadcrumbItems = [\n      { label: \"Components\", href: \"/components\" }\n    ],\n    ...props \n  }, ref) => {\n    return (\n      <div className=\"relative min-h-screen\">\n        {/* 고정된 페이지 네비게이션 - 위쪽 */}\n        <div className=\"fixed right-4 top-4 z-50 hidden lg:block\">\n          <div className=\"flex flex-col space-y-4\">\n            {prevPage && (\n                              <a\n                  href={prevPage.href}\n                  className=\"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200\"\n                  title={`이전: ${prevPage.title}`}\n                >\n                  <svg \n                    className=\"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors\" \n                    fill=\"none\" \n                    stroke=\"currentColor\" \n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" />\n                  </svg>\n                </a>\n            )}\n          </div>\n        </div>\n\n        {/* 고정된 페이지 네비게이션 - 아래쪽 */}\n        <div className=\"fixed right-4 bottom-4 z-50 hidden lg:block\">\n          <div className=\"flex flex-col space-y-4\">\n            {nextPage && (\n                              <a\n                  href={nextPage.href}\n                  className=\"group p-3 bg-white/80 backdrop-blur-sm border border-slate-200 rounded-full shadow-lg hover:shadow-2xl hover:bg-white/90 active:scale-95 transition-all duration-200\"\n                  title={`다음: ${nextPage.title}`}\n                >\n                  <svg \n                    className=\"w-5 h-5 text-slate-600 group-hover:text-blue-600 group-active:text-blue-800 transition-colors\" \n                    fill=\"none\" \n                    stroke=\"currentColor\" \n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n                  </svg>\n                </a>\n            )}\n          </div>\n        </div>\n\n        {/* 메인 콘텐츠 */}\n        <div\n          ref={ref}\n          className={merge(\"container mx-auto px-4 py-8\", className)}\n          {...props}\n        >\n          <div className=\"max-w-4xl mx-auto\">\n            {/* 브레드크럼 */}\n            <Breadcrumb className=\"mb-6\">\n              {breadcrumbItems.map((item, index) => (\n                <BreadcrumbItem \n                  key={index}\n                  href={item.href}\n                  isCurrent={index === breadcrumbItems.length - 1}\n                >\n                  {item.label}\n                </BreadcrumbItem>\n              ))}\n            </Breadcrumb>\n\n            {/* 페이지 헤더 */}\n            <div className=\"mb-8\">\n              <h1 className=\"text-4xl font-bold mb-4\">{title}</h1>\n              <p className=\"text-lg text-slate-600 dark:text-slate-400\">\n                {description}\n              </p>\n            </div>\n\n            {/* 페이지 콘텐츠 */}\n            <div className=\"space-y-8\">\n              {children}\n            </div>\n\n            {/* 모바일 페이지 네비게이션 */}\n            <div className=\"mt-12 lg:hidden\">\n              <div className=\"flex items-center justify-between py-4 border-t border-slate-200 dark:border-slate-700\">\n                {prevPage && (\n                  <a\n                    href={prevPage.href}\n                    className=\"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors\"\n                  >\n                    <svg className=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                    </svg>\n                    {prevPage.title}\n                  </a>\n                )}\n                {nextPage && (\n                  <a\n                    href={nextPage.href}\n                    className=\"flex items-center text-sm text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-100 transition-colors\"\n                  >\n                    {nextPage.title}\n                    <svg className=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n                    </svg>\n                  </a>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nComponentLayout.displayName = \"ComponentLayout\"\n\nexport { ComponentLayout } "]}

package/dist/chunk-ACEKLG37.mjs

@@ -0,0 +1,2 @@
+import {a}from'./chunk-UUHAXGMO.mjs';import h from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var $=typeof window!="undefined";function j(){let[a,o]=h.useState(false);return h.useEffect(()=>{var r;if(!$||!("matchMedia"in window))return;let n=window.matchMedia("(prefers-reduced-motion: reduce)"),e=()=>o(!!n.matches);return e(),(r=n.addEventListener)==null||r.call(n,"change",e),()=>{var s;return (s=n.removeEventListener)==null?void 0:s.call(n,"change",e)}},[]),a}var N=h.forwardRef(function({variant:o="default",size:n="md",loading:e=false,icon:r,iconPosition:s="left",gradient:R="blue",customGradient:B,rounded:C="md",shadow:A="md",hover:E="scale",fullWidth:H,iconOnly:M,className:P,children:L,disabled:m,...i},p){let d=j(),S={default:"bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",destructive:"bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",outline:"border-2 border-blue-600 bg-transparent text-blue-600 hover:bg-blue-50 dark:border-blue-400 dark:text-blue-400 dark:hover:bg-blue-900/20",secondary:"bg-gray-200 text-gray-900 hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600",ghost:"bg-transparent text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800",link:"bg-transparent text-blue-600 underline hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300",gradient:`bg-gradient-to-r ${B||F(R)} text-white hover:shadow-lg`,neon:"bg-gray-900 text-cyan-400 border border-cyan-400/30 shadow-lg shadow-cyan-400/20 hover:shadow-cyan-400/40",glass:"bg-white/10 backdrop-blur-md border border-white/20 text-white hover:bg-white/20"},T={sm:"h-8 px-3 py-1 text-sm",md:"h-10 px-4 py-2 text-base",lg:"h-12 px-6 py-3 text-lg",xl:"h-14 px-8 py-4 text-xl",icon:"h-10 w-10 p-0"},z={sm:"rounded",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},O={none:"",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg",xl:"shadow-xl"},G={scale:d?"":"hover:scale-105 transition-transform duration-200",glow:d?"":"hover:shadow-2xl hover:shadow-blue-500/25 dark:hover:shadow-cyan-400/25 transition-shadow duration-300",slide:d?"":"hover:-translate-y-1 transition-transform duration-200",none:""},v=a("inline-flex items-center justify-center whitespace-nowrap font-medium transition-all duration-200",{default:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 focus-visible:ring-offset-1",destructive:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-red-500 focus-visible:ring-offset-1",outline:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-300 dark:focus-visible:ring-blue-600 focus-visible:ring-offset-0",secondary:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-400 focus-visible:ring-offset-1",ghost:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-300 dark:focus-visible:ring-gray-600 focus-visible:ring-offset-0",link:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-400 focus-visible:ring-offset-0",gradient:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 focus-visible:ring-offset-1",neon:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400 focus-visible:ring-offset-1",glass:"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-400/50 focus-visible:ring-offset-0"}[o],"disabled:pointer-events-none disabled:opacity-50 min-w-fit",H&&"w-full",S[o],T[n],z[C],O[A],G[E],P),y=jsxs(Fragment,{children:[e&&jsxs("span",{role:"status","aria-live":"polite",className:"-ml-1 mr-2 inline-flex",children:[jsxs("svg",{className:"animate-spin h-4 w-4",viewBox:"0 0 24 24",fill:"none",children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),jsx("span",{className:"sr-only",children:"\uB85C\uB529 \uC911"})]}),!e&&r&&s==="left"&&jsx("span",{className:"mr-2",children:r}),L,!e&&r&&s==="right"&&jsx("span",{className:"ml-2",children:r})]});if(M&&!("aria-label"in i)&&process.env.NODE_ENV!=="production"&&console.warn("[Button] iconOnly \uC0AC\uC6A9 \uC2DC aria-label\uC744 \uC81C\uACF5\uD558\uC138\uC694."),"href"in i&&i.href){let{onClick:c,target:x,rel:l,href:I,"aria-label":U,className:W,...k}=i,b=!!m||e,_=f=>{if(b){f.preventDefault(),f.stopPropagation();return}c==null||c(f);};return jsx("a",{ref:p,href:I,className:a(v,W),onClick:_,"aria-busy":e||void 0,"aria-disabled":b||void 0,tabIndex:b?-1:k.tabIndex,target:x,rel:x==="_blank"?l!=null?l:"noopener noreferrer":l,...k,children:y})}let{className:V,...D}=i,w=!!m||e;return jsx("button",{ref:p,className:a(v,V),type:"button",disabled:w,"aria-busy":e||void 0,"aria-disabled":w||void 0,...D,children:y})});N.displayName="Button";var Z=N;function F(a){let o={blue:"from-blue-500 to-cyan-500",purple:"from-purple-500 to-pink-500",green:"from-green-500 to-emerald-500 dark:from-green-400 dark:to-emerald-400",orange:"from-orange-500 to-red-500 dark:from-orange-300 dark:to-red-300",pink:"from-pink-500 to-rose-500"};return o[a]||o.blue}export{Z as a};//# sourceMappingURL=chunk-ACEKLG37.mjs.map
+//# sourceMappingURL=chunk-ACEKLG37.mjs.map