@hua-labs/ui 2.2.0 → 2.3.0

package/dist/data.d.ts

@@ -14,7 +14,49 @@
  * Note: Badge, Progress, Skeleton remain in core (@hua-labs/ui)
  * as they are atomic, single-purpose components.
  */
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from './components/Table';
-export { CodeBlock, InlineCode } from './components/CodeBlock';
-export type { CodeBlockProps } from './components/CodeBlock';
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./components/Table";
+export { CodeBlock, InlineCode } from "./components/CodeBlock";
+export type { CodeBlockProps } from "./components/CodeBlock";
+export { BarChart } from "./components/dashboard/BarChart";
+export type { BarChartProps } from "./components/dashboard/BarChart";
+export { MiniBarChart } from "./components/dashboard/MiniBarChart";
+export type { MiniBarChartProps } from "./components/dashboard/MiniBarChart";
+export { TrendChart } from "./components/dashboard/TrendChart";
+export type { TrendChartProps, TrendSeries, } from "./components/dashboard/TrendChart";
+export { YearlyHeatmap } from "./components/dashboard/YearlyHeatmap";
+export type { YearlyHeatmapProps, YearlyHeatmapLabels, } from "./components/dashboard/YearlyHeatmap";
+export { StatCard } from "./components/dashboard/StatCard";
+export type { StatCardProps } from "./components/dashboard/StatCard";
+export { MetricCard } from "./components/dashboard/MetricCard";
+export type { MetricCardProps } from "./components/dashboard/MetricCard";
+export { SummaryCard } from "./components/dashboard/SummaryCard";
+export type { SummaryCardProps } from "./components/dashboard/SummaryCard";
+export { ProgressCard } from "./components/dashboard/ProgressCard";
+export type { ProgressCardProps } from "./components/dashboard/ProgressCard";
+export { QuickActionCard } from "./components/dashboard/QuickActionCard";
+export type { QuickActionCardProps } from "./components/dashboard/QuickActionCard";
+export { ActivityFeed } from "./components/dashboard/ActivityFeed";
+export type { ActivityFeedProps, ActivityItem, } from "./components/dashboard/ActivityFeed";
+export { NotificationCard } from "./components/dashboard/NotificationCard";
+export type { NotificationCardProps, NotificationItem, } from "./components/dashboard/NotificationCard";
+export { ProfileCard } from "./components/dashboard/ProfileCard";
+export type { ProfileCardProps, MembershipTier, } from "./components/dashboard/ProfileCard";
+export { MembershipBadge } from "./components/dashboard/MembershipBadge";
+export type { MembershipBadgeProps } from "./components/dashboard/MembershipBadge";
+export { TransactionsTable as DataTable } from "./components/dashboard/TransactionsTable";
+export type { TransactionsTableProps as DataTableProps, TransactionRow, TransactionColumnConfig, TransactionColumnKey, TransactionStatus, } from "./components/dashboard/TransactionsTable";
+export { RoutingBreakdownCard as BreakdownCard } from "./components/dashboard/RoutingBreakdownCard";
+export type { RoutingBreakdownCardProps as BreakdownCardProps, RoutingBreakdownSegment as BreakdownSegment, } from "./components/dashboard/RoutingBreakdownCard";
+export { MerchantList as EntityList } from "./components/dashboard/MerchantList";
+export type { MerchantListProps as EntityListProps, MerchantListItem as EntityListItem, MerchantHealth as EntityHealth, } from "./components/dashboard/MerchantList";
+export { SettlementTimeline } from "./components/dashboard/SettlementTimeline";
+export type { SettlementTimelineProps, SettlementTimelineItem, SettlementTimelineStatus, } from "./components/dashboard/SettlementTimeline";
+export { TransactionDetailDrawer as DetailDrawer } from "./components/dashboard/TransactionDetailDrawer";
+export type { TransactionDetailDrawerProps as DetailDrawerProps, TransactionDetail, TransactionMetadataItem, SettlementInfo, FeeBreakdown, TransactionEvent, } from "./components/dashboard/TransactionDetailDrawer";
+export { DashboardGrid } from "./components/dashboard/DashboardGrid";
+export type { DashboardGridProps } from "./components/dashboard/DashboardGrid";
+export { StatsPanel } from "./components/StatsPanel";
+export type { StatsPanelProps, StatsPanelItem } from "./components/StatsPanel";
+export { SectionHeader } from "./components/SectionHeader";
+export type { SectionHeaderProps } from "./components/SectionHeader";
 //# sourceMappingURL=data.d.ts.map

package/dist/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG9H,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"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"}

package/dist/data.mjs

@@ -1,4 +1,4 @@
 "use client";
-export{a as Table,c as TableBody,h as TableCaption,g as TableCell,d as TableFooter,f as TableHead,b as TableHeader,e as TableRow}from'./chunk-NMJLOK6M.mjs';import {a}from'./chunk-QEMPERUK.mjs';import'./chunk-EAZEI74V.mjs';import {useState,useCallback,useMemo}from'react';import {highlight}from'sugar-high';import {jsxs,jsx}from'react/jsx-runtime';function R({code:t,language:r,filename:a$1,showLineNumbers:d=false,showCopyButton:f=true,onCopy:l,copySuccessMessage:j="Copied!",className:x,maxHeight:h,theme:p="dark"}){let[v,u]=useState(false),N=useCallback(async()=>{try{await navigator.clipboard.writeText(t),u(!0),l==null||l(),setTimeout(()=>u(!1),2e3);}catch(c){console.error("Failed to copy:",c);}},[t,l]),i=t.split(`
-`),k=useMemo(()=>i.map(c=>highlight(c)||" "),[i]),C=useMemo(()=>highlight(t),[t]),s=p==="dark";return jsxs("div",{className:a("group relative rounded-lg overflow-hidden",s?"bg-[#0d1117] border border-[#30363d]":"bg-muted/50 border border-border",x),children:[jsxs("div",{className:a("flex items-center justify-between px-4 py-2.5 border-b",s?"bg-[#161b22] border-[#30363d]":"bg-muted/30 border-border"),children:[jsxs("div",{className:"flex items-center gap-3",children:[jsxs("div",{className:"flex items-center gap-1.5",children:[jsx("span",{className:"w-3 h-3 rounded-full bg-[#ff5f56]"}),jsx("span",{className:"w-3 h-3 rounded-full bg-[#ffbd2e]"}),jsx("span",{className:"w-3 h-3 rounded-full bg-[#27c93f]"})]}),a$1&&jsx("span",{className:a("text-sm font-medium",s?"text-[#c9d1d9]":"text-foreground"),children:a$1}),r&&!a$1&&jsx("span",{className:a("text-xs uppercase tracking-wider",s?"text-[#8b949e]":"text-muted-foreground"),children:r}),r&&a$1&&jsx("span",{className:a("text-xs",s?"text-[#8b949e]":"text-muted-foreground"),children:r})]}),f&&jsx(P,{copied:v,onClick:N,theme:p})]}),jsx("div",{className:"overflow-auto",style:{maxHeight:h},children:jsx("pre",{className:a("p-4 text-sm leading-7 overflow-x-auto",s?"text-[#c9d1d9]":"text-foreground"),children:d?jsx("code",{className:"block font-mono",children:i.map((c,m)=>jsxs("div",{className:"flex",children:[jsx("span",{className:a("select-none w-8 text-right mr-4 flex-shrink-0",s?"text-[#484f58]":"text-muted-foreground"),children:m+1}),jsx("span",{dangerouslySetInnerHTML:{__html:k[m]}})]},m))}):jsx("code",{className:"font-mono whitespace-pre",dangerouslySetInnerHTML:{__html:C}})})})]})}function P({copied:t,onClick:r,theme:a$1="dark"}){let d=a$1==="dark";return jsx("button",{type:"button",onClick:r,className:a("inline-flex items-center justify-center w-8 h-8 rounded-md transition-all duration-200",t?d?"bg-green-500/20 text-green-400":"bg-green-100 text-green-700":d?"bg-transparent hover:bg-[#30363d] text-[#8b949e] hover:text-[#c9d1d9]":"bg-transparent hover:bg-secondary/80 text-muted-foreground hover:text-foreground"),"aria-label":t?"Copied":"Copy code",title:t?"Copied!":"Copy code",children:t?jsx(F,{className:"w-4 h-4"}):jsx(D,{className:"w-4 h-4"})})}function D({className:t}){return jsxs("svg",{className:t,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",strokeWidth:2,children:[jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})}function F({className:t}){return jsx("svg",{className:t,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",strokeWidth:2,children:jsx("polyline",{points:"20 6 9 17 4 12"})})}function W({children:t,className:r}){return jsx("code",{className:a("px-1.5 py-0.5 rounded-md bg-muted text-sm font-mono text-foreground",r),children:t})}export{R as CodeBlock,W as InlineCode};//# sourceMappingURL=data.mjs.map
+export{d as ActivityFeed,v as BarChart,y as BreakdownCard,c as DashboardGrid,t as DataTable,w as DetailDrawer,z as EntityList,f as MembershipBadge,j as MetricCard,g as MiniBarChart,i as NotificationCard,e as ProfileCard,k as ProgressCard,b as QuickActionCard,x as SettlementTimeline,a as StatCard,h as SummaryCard,l as Table,n as TableBody,s as TableCaption,r as TableCell,o as TableFooter,q as TableHead,m as TableHeader,p as TableRow,u as TrendChart,A as YearlyHeatmap}from'./chunk-KHBZOGUU.mjs';import'./chunk-6WBFZ2KV.mjs';export{b as SectionHeader,a as StatsPanel}from'./chunk-MR46CSMC.mjs';import'./chunk-SPZ7SZH4.mjs';import'./chunk-QEMPERUK.mjs';import'./chunk-D7MTTTQY.mjs';import'./chunk-M4JE7TQL.mjs';import'./chunk-RICRFXFP.mjs';import'./chunk-LPHUWTQ2.mjs';import'./chunk-7CGJQSJO.mjs';import'./chunk-NSDWT2JM.mjs';import {e,d}from'./chunk-OBMOTQEU.mjs';import'./chunk-EAZEI74V.mjs';import {useState,useCallback,useMemo}from'react';import {highlight}from'sugar-high';import {jsxs,jsx}from'react/jsx-runtime';function de({code:o,language:t,filename:a,showLineNumbers:d$1=false,showCopyButton:c=true,onCopy:i,copySuccessMessage:fe="Copied!",dot:C,style:g,maxHeight:S,theme:y="dark"}){let[x,h]=useState(false),k=useCallback(async()=>{try{await navigator.clipboard.writeText(o),h(!0),i==null||i(),setTimeout(()=>h(!1),2e3);}catch(l){console.error("Failed to copy:",l);}},[o,i]),m=o.split(`
+`),P=useMemo(()=>m.map(l=>highlight(l)||" "),[m]),v=useMemo(()=>highlight(o),[o]),n=y==="dark",T=n?{backgroundColor:"#0d1117",border:"1px solid #30363d",borderRadius:"0.5rem",overflow:"hidden",position:"relative"}:{backgroundColor:"color-mix(in srgb, var(--color-muted) 50%, transparent)",border:"1px solid var(--color-border)",borderRadius:"0.5rem",overflow:"hidden",position:"relative"},w=n?{backgroundColor:"#161b22",borderBottom:"1px solid #30363d",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0.625rem 1rem"}:{backgroundColor:"color-mix(in srgb, var(--color-muted) 30%, transparent)",borderBottom:"1px solid var(--color-border)",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0.625rem 1rem"},B=n?{padding:"1rem",fontSize:"0.875rem",lineHeight:"1.75",overflowX:"auto",color:"#c9d1d9"}:{padding:"1rem",fontSize:"0.875rem",lineHeight:"1.75",overflowX:"auto",color:"var(--color-foreground)"},R=n?{fontSize:"0.875rem",fontWeight:500,color:"#c9d1d9"}:{fontSize:"0.875rem",fontWeight:500,color:"var(--color-foreground)"},M=n?{fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.05em",color:"#8b949e"}:{fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--color-muted-foreground)"},D=n?{userSelect:"none",...e("w-8 mr-4"),textAlign:"right",flexShrink:0,color:"#484f58"}:{userSelect:"none",...e("w-8 mr-4"),textAlign:"right",flexShrink:0,color:"var(--color-muted-foreground)"};return jsxs("div",{style:d(T,e(C),g),children:[jsxs("div",{style:w,children:[jsxs("div",{style:{display:"flex",alignItems:"center",...e("gap-3")},children:[jsxs("div",{style:{display:"flex",alignItems:"center",...e("gap-1.5")},children:[jsx("span",{style:{width:"0.75rem",height:"0.75rem",borderRadius:"9999px",backgroundColor:"#ff5f56",display:"block"}}),jsx("span",{style:{width:"0.75rem",height:"0.75rem",borderRadius:"9999px",backgroundColor:"#ffbd2e",display:"block"}}),jsx("span",{style:{width:"0.75rem",height:"0.75rem",borderRadius:"9999px",backgroundColor:"#27c93f",display:"block"}})]}),a&&jsx("span",{style:R,children:a}),t&&!a&&jsx("span",{style:M,children:t}),t&&a&&jsx("span",{style:n?{fontSize:"0.75rem",color:"#8b949e"}:{fontSize:"0.75rem",color:"var(--color-muted-foreground)"},children:t})]}),c&&jsx(le,{copied:x,onClick:k,theme:y})]}),jsx("div",{style:{overflow:"auto",maxHeight:S},children:jsx("pre",{style:B,children:d$1?jsx("code",{style:{display:"block",fontFamily:"monospace"},children:m.map((l,f)=>jsxs("div",{style:{display:"flex"},children:[jsx("span",{style:D,children:f+1}),jsx("span",{dangerouslySetInnerHTML:{__html:P[f]}})]},f))}):jsx("code",{style:{fontFamily:"monospace",whiteSpace:"pre"},dangerouslySetInnerHTML:{__html:v}})})})]})}function le({copied:o,onClick:t,theme:a="dark"}){let d$1=a==="dark",c={display:"inline-flex",alignItems:"center",justifyContent:"center",...e("w-8 h-8 rounded-md"),transition:"all 200ms",border:"none",cursor:"pointer"};return jsx("button",{type:"button",onClick:t,style:d(c,o?d$1?{backgroundColor:"rgba(34,197,94,0.2)",color:"#86efac"}:{backgroundColor:"#dcfce7",color:"#15803d"}:d$1?{backgroundColor:"transparent",color:"#8b949e"}:{backgroundColor:"transparent",color:"var(--color-muted-foreground)"}),"aria-label":o?"Copied":"Copy code",title:o?"Copied!":"Copy code",children:o?jsx(ce,{style:{width:"1rem",height:"1rem"}}):jsx(pe,{style:{width:"1rem",height:"1rem"}})})}function pe({style:o}){return jsxs("svg",{style:o,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",strokeWidth:2,children:[jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})}function ce({style:o}){return jsx("svg",{style:o,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",strokeWidth:2,children:jsx("polyline",{points:"20 6 9 17 4 12"})})}function me({children:o,dot:t,style:a}){return jsx("code",{style:d({...e("py-0.5 px-1.5 rounded-md"),backgroundColor:"var(--color-muted)",fontSize:"0.875rem",fontFamily:"monospace",color:"var(--color-foreground)"},e(t),a),children:o})}export{de as CodeBlock,me as InlineCode};//# sourceMappingURL=data.mjs.map
 //# sourceMappingURL=data.mjs.map

package/dist/data.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CodeBlock.tsx"],"names":["CodeBlock","code","language","filename","showLineNumbers","showCopyButton","onCopy","_copySuccessMessage","className","maxHeight","theme","copied","setCopied","useState","handleCopy","useCallback","err","lines","highlightedLines","useMemo","line","highlight","highlightedCode","isDark","jsxs","merge","jsx","CopyButton","i","onClick","CheckIcon","CopyIcon","InlineCode","children"],"mappings":"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","file":"data.mjs","sourcesContent":["\"use client\"\n\nimport React, { useState, useCallback, useMemo } from \"react\"\nimport { highlight } from \"sugar-high\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * CodeBlock 컴포넌트 Props\n */\nexport interface CodeBlockProps {\n  /** 표시할 코드 */\n  code: string\n  /** 프로그래밍 언어 (표시용) */\n  language?: string\n  /** 파일명 (헤더에 표시) */\n  filename?: string\n  /** 줄 번호 표시 여부 */\n  showLineNumbers?: boolean\n  /** 복사 버튼 표시 여부 */\n  showCopyButton?: boolean\n  /** 복사 성공 시 콜백 */\n  onCopy?: () => void\n  /** 복사 성공 메시지 */\n  copySuccessMessage?: string\n  /** 추가 className */\n  className?: string\n  /** 최대 높이 (스크롤) */\n  maxHeight?: string | number\n  /** 테마 (기본: dark) */\n  theme?: \"dark\" | \"light\"\n}\n\n/**\n * CodeBlock 컴포넌트\n *\n * 코드를 표시하고 복사 기능을 제공하는 컴포넌트입니다.\n * Sugar-high를 사용한 신택스 하이라이팅을 지원합니다.\n *\n * @remarks\n * 신택스 하이라이팅을 위해 CSS 파일을 import하세요:\n * ```tsx\n * import '@hua-labs/ui/styles/codeblock.css';\n * ```\n *\n * @example\n * ```tsx\n * // 기본 사용\n * <CodeBlock code=\"console.log('Hello')\" language=\"javascript\" />\n *\n * // 파일명 표시\n * <CodeBlock\n *   code={configCode}\n *   language=\"typescript\"\n *   filename=\"hua.config.ts\"\n * />\n *\n * // Toast와 함께 사용\n * const { addToast } = useToast()\n * <CodeBlock\n *   code={code}\n *   onCopy={() => addToast({ type: 'success', message: 'Copied!' })}\n * />\n * ```\n */\nexport function CodeBlock({\n  code,\n  language,\n  filename,\n  showLineNumbers = false,\n  showCopyButton = true,\n  onCopy,\n  copySuccessMessage: _copySuccessMessage = \"Copied!\",\n  className,\n  maxHeight,\n  theme = \"dark\",\n}: CodeBlockProps) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(code)\n      setCopied(true)\n      onCopy?.()\n\n      // 2초 후 복사 상태 리셋\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy:\", err)\n    }\n  }, [code, onCopy])\n\n  const lines = code.split(\"\\n\")\n\n  // 신택스 하이라이팅\n  const highlightedLines = useMemo(() => {\n    return lines.map(line => highlight(line) || \"&nbsp;\")\n  }, [lines])\n\n  const highlightedCode = useMemo(() => highlight(code), [code])\n\n  const isDark = theme === \"dark\"\n\n  return (\n    <div\n      className={merge(\n        \"group relative rounded-lg overflow-hidden\",\n        isDark\n          ? \"bg-[#0d1117] border border-[#30363d]\"\n          : \"bg-muted/50 border border-border\",\n        className\n      )}\n    >\n      {/* 헤더 - 항상 표시 */}\n      <div className={merge(\n        \"flex items-center justify-between px-4 py-2.5 border-b\",\n        isDark\n          ? \"bg-[#161b22] border-[#30363d]\"\n          : \"bg-muted/30 border-border\"\n      )}>\n        <div className=\"flex items-center gap-3\">\n          {/* Traffic lights (macOS 스타일) */}\n          <div className=\"flex items-center gap-1.5\">\n            <span className=\"w-3 h-3 rounded-full bg-[#ff5f56]\" />\n            <span className=\"w-3 h-3 rounded-full bg-[#ffbd2e]\" />\n            <span className=\"w-3 h-3 rounded-full bg-[#27c93f]\" />\n          </div>\n          {filename && (\n            <span className={merge(\n              \"text-sm font-medium\",\n              isDark ? \"text-[#c9d1d9]\" : \"text-foreground\"\n            )}>\n              {filename}\n            </span>\n          )}\n          {language && !filename && (\n            <span className={merge(\n              \"text-xs uppercase tracking-wider\",\n              isDark ? \"text-[#8b949e]\" : \"text-muted-foreground\"\n            )}>\n              {language}\n            </span>\n          )}\n          {language && filename && (\n            <span className={merge(\n              \"text-xs\",\n              isDark ? \"text-[#8b949e]\" : \"text-muted-foreground\"\n            )}>\n              {language}\n            </span>\n          )}\n        </div>\n        {showCopyButton && (\n          <CopyButton copied={copied} onClick={handleCopy} theme={theme} />\n        )}\n      </div>\n\n      {/* 코드 영역 */}\n      <div\n        className=\"overflow-auto\"\n        style={{ maxHeight: maxHeight }}\n      >\n        <pre className={merge(\n          \"p-4 text-sm leading-7 overflow-x-auto\",\n          isDark ? \"text-[#c9d1d9]\" : \"text-foreground\"\n        )}>\n          {showLineNumbers ? (\n            <code className=\"block font-mono\">\n              {lines.map((line, i) => (\n                <div key={i} className=\"flex\">\n                  <span className={merge(\n                    \"select-none w-8 text-right mr-4 flex-shrink-0\",\n                    isDark ? \"text-[#484f58]\" : \"text-muted-foreground\"\n                  )}>\n                    {i + 1}\n                  </span>\n                  <span\n                    dangerouslySetInnerHTML={{ __html: highlightedLines[i] }}\n                  />\n                </div>\n              ))}\n            </code>\n          ) : (\n            <code\n              className=\"font-mono whitespace-pre\"\n              dangerouslySetInnerHTML={{ __html: highlightedCode }}\n            />\n          )}\n        </pre>\n      </div>\n\n    </div>\n  )\n}\n\n/**\n * 복사 버튼 컴포넌트 (아이콘만)\n */\nfunction CopyButton({\n  copied,\n  onClick,\n  theme = \"dark\"\n}: {\n  copied: boolean\n  onClick: () => void\n  theme?: \"dark\" | \"light\"\n}) {\n  const isDark = theme === \"dark\"\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={merge(\n        \"inline-flex items-center justify-center w-8 h-8 rounded-md transition-all duration-200\",\n        copied\n          ? isDark\n            ? \"bg-green-500/20 text-green-400\"\n            : \"bg-green-100 text-green-700\"\n          : isDark\n            ? \"bg-transparent hover:bg-[#30363d] text-[#8b949e] hover:text-[#c9d1d9]\"\n            : \"bg-transparent hover:bg-secondary/80 text-muted-foreground hover:text-foreground\"\n      )}\n      aria-label={copied ? \"Copied\" : \"Copy code\"}\n      title={copied ? \"Copied!\" : \"Copy code\"}\n    >\n      {copied ? (\n        <CheckIcon className=\"w-4 h-4\" />\n      ) : (\n        <CopyIcon className=\"w-4 h-4\" />\n      )}\n    </button>\n  )\n}\n\n/**\n * 복사 아이콘\n */\nfunction CopyIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={2}\n    >\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n      <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n    </svg>\n  )\n}\n\n/**\n * 체크 아이콘\n */\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={2}\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  )\n}\n\n/**\n * 인라인 코드 컴포넌트\n *\n * 텍스트 내 인라인 코드 표시용\n *\n * @example\n * ```tsx\n * <p>Use the <InlineCode>npm install</InlineCode> command.</p>\n * ```\n */\nexport function InlineCode({\n  children,\n  className,\n}: {\n  children: React.ReactNode\n  className?: string\n}) {\n  return (\n    <code\n      className={merge(\n        \"px-1.5 py-0.5 rounded-md bg-muted text-sm font-mono text-foreground\",\n        className\n      )}\n    >\n      {children}\n    </code>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/CodeBlock.tsx"],"names":["CodeBlock","code","language","filename","showLineNumbers","showCopyButton","onCopy","_copySuccessMessage","dotProp","style","maxHeight","theme","copied","setCopied","useState","handleCopy","useCallback","err","lines","highlightedLines","useMemo","line","highlight","highlightedCode","isDark","outerStyle","headerStyle","preStyle","filenameLabelStyle","languageLabelStyle","lineNumberStyle","resolveDot","jsxs","mergeStyles","jsx","CopyButton","i","onClick","baseStyle","CheckIcon","CopyIcon","InlineCode","children"],"mappings":"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","file":"data.mjs","sourcesContent":["\"use client\";\n\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport { highlight } from \"sugar-high\";\nimport { mergeStyles, resolveDot } from \"../hooks/useDotMap\";\n\n/**\n * CodeBlock 컴포넌트 Props\n */\nexport interface CodeBlockProps {\n  /** 표시할 코드 */\n  code: string;\n  /** 프로그래밍 언어 (표시용) */\n  language?: string;\n  /** 파일명 (헤더에 표시) */\n  filename?: string;\n  /** 줄 번호 표시 여부 */\n  showLineNumbers?: boolean;\n  /** 복사 버튼 표시 여부 */\n  showCopyButton?: boolean;\n  /** 복사 성공 시 콜백 */\n  onCopy?: () => void;\n  /** 복사 성공 메시지 */\n  copySuccessMessage?: string;\n  /** dot 유틸리티 스타일 */\n  dot?: string;\n  /** 추가 인라인 스타일 */\n  style?: React.CSSProperties;\n  /** 최대 높이 (스크롤) */\n  maxHeight?: string | number;\n  /** 테마 (기본: dark) */\n  theme?: \"dark\" | \"light\";\n}\n\n/**\n * CodeBlock 컴포넌트\n *\n * 코드를 표시하고 복사 기능을 제공하는 컴포넌트입니다.\n * Sugar-high를 사용한 신택스 하이라이팅을 지원합니다.\n *\n * @remarks\n * 신택스 하이라이팅을 위해 CSS 파일을 import하세요:\n * ```tsx\n * import '@hua-labs/ui/styles/codeblock.css';\n * ```\n *\n * @example\n * ```tsx\n * // 기본 사용\n * <CodeBlock code=\"console.log('Hello')\" language=\"javascript\" />\n *\n * // 파일명 표시\n * <CodeBlock\n *   code={configCode}\n *   language=\"typescript\"\n *   filename=\"hua.config.ts\"\n * />\n *\n * // Toast와 함께 사용\n * const { addToast } = useToast()\n * <CodeBlock\n *   code={code}\n *   onCopy={() => addToast({ type: 'success', message: 'Copied!' })}\n * />\n * ```\n */\nexport function CodeBlock({\n  code,\n  language,\n  filename,\n  showLineNumbers = false,\n  showCopyButton = true,\n  onCopy,\n  copySuccessMessage: _copySuccessMessage = \"Copied!\",\n  dot: dotProp,\n  style,\n  maxHeight,\n  theme = \"dark\",\n}: CodeBlockProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(code);\n      setCopied(true);\n      onCopy?.();\n\n      // 2초 후 복사 상태 리셋\n      setTimeout(() => setCopied(false), 2000);\n    } catch (err) {\n      console.error(\"Failed to copy:\", err);\n    }\n  }, [code, onCopy]);\n\n  const lines = code.split(\"\\n\");\n\n  // 신택스 하이라이팅\n  const highlightedLines = useMemo(() => {\n    return lines.map((line) => highlight(line) || \"&nbsp;\");\n  }, [lines]);\n\n  const highlightedCode = useMemo(() => highlight(code), [code]);\n\n  const isDark = theme === \"dark\";\n\n  const outerStyle: React.CSSProperties = isDark\n    ? {\n        backgroundColor: \"#0d1117\",\n        border: \"1px solid #30363d\",\n        borderRadius: \"0.5rem\",\n        overflow: \"hidden\",\n        position: \"relative\",\n      }\n    : {\n        backgroundColor:\n          \"color-mix(in srgb, var(--color-muted) 50%, transparent)\",\n        border: \"1px solid var(--color-border)\",\n        borderRadius: \"0.5rem\",\n        overflow: \"hidden\",\n        position: \"relative\",\n      };\n\n  const headerStyle: React.CSSProperties = isDark\n    ? {\n        backgroundColor: \"#161b22\",\n        borderBottom: \"1px solid #30363d\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        padding: \"0.625rem 1rem\",\n      }\n    : {\n        backgroundColor:\n          \"color-mix(in srgb, var(--color-muted) 30%, transparent)\",\n        borderBottom: \"1px solid var(--color-border)\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        padding: \"0.625rem 1rem\",\n      };\n\n  const preStyle: React.CSSProperties = isDark\n    ? {\n        padding: \"1rem\",\n        fontSize: \"0.875rem\",\n        lineHeight: \"1.75\",\n        overflowX: \"auto\",\n        color: \"#c9d1d9\",\n      }\n    : {\n        padding: \"1rem\",\n        fontSize: \"0.875rem\",\n        lineHeight: \"1.75\",\n        overflowX: \"auto\",\n        color: \"var(--color-foreground)\",\n      };\n\n  const filenameLabelStyle: React.CSSProperties = isDark\n    ? { fontSize: \"0.875rem\", fontWeight: 500, color: \"#c9d1d9\" }\n    : {\n        fontSize: \"0.875rem\",\n        fontWeight: 500,\n        color: \"var(--color-foreground)\",\n      };\n\n  const languageLabelStyle: React.CSSProperties = isDark\n    ? {\n        fontSize: \"0.75rem\",\n        textTransform: \"uppercase\",\n        letterSpacing: \"0.05em\",\n        color: \"#8b949e\",\n      }\n    : {\n        fontSize: \"0.75rem\",\n        textTransform: \"uppercase\",\n        letterSpacing: \"0.05em\",\n        color: \"var(--color-muted-foreground)\",\n      };\n\n  const lineNumberStyle: React.CSSProperties = isDark\n    ? {\n        userSelect: \"none\",\n        ...resolveDot(\"w-8 mr-4\"),\n        textAlign: \"right\",\n        flexShrink: 0,\n        color: \"#484f58\",\n      }\n    : {\n        userSelect: \"none\",\n        ...resolveDot(\"w-8 mr-4\"),\n        textAlign: \"right\",\n        flexShrink: 0,\n        color: \"var(--color-muted-foreground)\",\n      };\n\n  return (\n    <div style={mergeStyles(outerStyle, resolveDot(dotProp), style)}>\n      {/* 헤더 - 항상 표시 */}\n      <div style={headerStyle}>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            ...resolveDot(\"gap-3\"),\n          }}\n        >\n          {/* Traffic lights (macOS 스타일) */}\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              ...resolveDot(\"gap-1.5\"),\n            }}\n          >\n            <span\n              style={{\n                width: \"0.75rem\",\n                height: \"0.75rem\",\n                borderRadius: \"9999px\",\n                backgroundColor: \"#ff5f56\",\n                display: \"block\",\n              }}\n            />\n            <span\n              style={{\n                width: \"0.75rem\",\n                height: \"0.75rem\",\n                borderRadius: \"9999px\",\n                backgroundColor: \"#ffbd2e\",\n                display: \"block\",\n              }}\n            />\n            <span\n              style={{\n                width: \"0.75rem\",\n                height: \"0.75rem\",\n                borderRadius: \"9999px\",\n                backgroundColor: \"#27c93f\",\n                display: \"block\",\n              }}\n            />\n          </div>\n          {filename && <span style={filenameLabelStyle}>{filename}</span>}\n          {language && !filename && (\n            <span style={languageLabelStyle}>{language}</span>\n          )}\n          {language && filename && (\n            <span\n              style={\n                isDark\n                  ? { fontSize: \"0.75rem\", color: \"#8b949e\" }\n                  : {\n                      fontSize: \"0.75rem\",\n                      color: \"var(--color-muted-foreground)\",\n                    }\n              }\n            >\n              {language}\n            </span>\n          )}\n        </div>\n        {showCopyButton && (\n          <CopyButton copied={copied} onClick={handleCopy} theme={theme} />\n        )}\n      </div>\n\n      {/* 코드 영역 */}\n      <div style={{ overflow: \"auto\", maxHeight: maxHeight }}>\n        <pre style={preStyle}>\n          {showLineNumbers ? (\n            <code style={{ display: \"block\", fontFamily: \"monospace\" }}>\n              {lines.map((line, i) => (\n                <div key={i} style={{ display: \"flex\" }}>\n                  <span style={lineNumberStyle}>{i + 1}</span>\n                  <span\n                    dangerouslySetInnerHTML={{ __html: highlightedLines[i] }}\n                  />\n                </div>\n              ))}\n            </code>\n          ) : (\n            <code\n              style={{ fontFamily: \"monospace\", whiteSpace: \"pre\" }}\n              dangerouslySetInnerHTML={{ __html: highlightedCode }}\n            />\n          )}\n        </pre>\n      </div>\n    </div>\n  );\n}\n\n/**\n * 복사 버튼 컴포넌트 (아이콘만)\n */\nfunction CopyButton({\n  copied,\n  onClick,\n  theme = \"dark\",\n}: {\n  copied: boolean;\n  onClick: () => void;\n  theme?: \"dark\" | \"light\";\n}) {\n  const isDark = theme === \"dark\";\n\n  const baseStyle: React.CSSProperties = {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...resolveDot(\"w-8 h-8 rounded-md\"),\n    transition: \"all 200ms\",\n    border: \"none\",\n    cursor: \"pointer\",\n  };\n\n  const colorStyle: React.CSSProperties = copied\n    ? isDark\n      ? { backgroundColor: \"rgba(34,197,94,0.2)\", color: \"#86efac\" }\n      : { backgroundColor: \"#dcfce7\", color: \"#15803d\" }\n    : isDark\n      ? { backgroundColor: \"transparent\", color: \"#8b949e\" }\n      : {\n          backgroundColor: \"transparent\",\n          color: \"var(--color-muted-foreground)\",\n        };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      style={mergeStyles(baseStyle, colorStyle)}\n      aria-label={copied ? \"Copied\" : \"Copy code\"}\n      title={copied ? \"Copied!\" : \"Copy code\"}\n    >\n      {copied ? (\n        <CheckIcon style={{ width: \"1rem\", height: \"1rem\" }} />\n      ) : (\n        <CopyIcon style={{ width: \"1rem\", height: \"1rem\" }} />\n      )}\n    </button>\n  );\n}\n\n/**\n * 복사 아이콘\n */\nfunction CopyIcon({ style }: { style?: React.CSSProperties }) {\n  return (\n    <svg\n      style={style}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={2}\n    >\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n      <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n    </svg>\n  );\n}\n\n/**\n * 체크 아이콘\n */\nfunction CheckIcon({ style }: { style?: React.CSSProperties }) {\n  return (\n    <svg\n      style={style}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      strokeWidth={2}\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\n/**\n * 인라인 코드 컴포넌트\n *\n * 텍스트 내 인라인 코드 표시용\n *\n * @example\n * ```tsx\n * <p>Use the <InlineCode>npm install</InlineCode> command.</p>\n * ```\n */\nexport function InlineCode({\n  children,\n  dot: dotProp,\n  style,\n}: {\n  children: React.ReactNode;\n  dot?: string;\n  style?: React.CSSProperties;\n}) {\n  return (\n    <code\n      style={mergeStyles(\n        {\n          ...resolveDot(\"py-0.5 px-1.5 rounded-md\"),\n          backgroundColor: \"var(--color-muted)\",\n          fontSize: \"0.875rem\",\n          fontFamily: \"monospace\",\n          color: \"var(--color-foreground)\",\n        },\n        resolveDot(dotProp),\n        style,\n      )}\n    >\n      {children}\n    </code>\n  );\n}\n"]}

package/dist/feedback.d.mts

@@ -1,293 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-/**
- * Alert 컴포넌트의 props
- * @typedef {Object} AlertProps
- * @property {"default" | "success" | "warning" | "error" | "info"} [variant="default"] - Alert 스타일 변형
- * @property {string} [title] - Alert 제목
- * @property {string} [description] - Alert 설명
- * @property {React.ReactNode} [icon] - 커스텀 아이콘
- * @property {React.ReactNode} [action] - 액션 버튼/요소
- * @property {boolean} [closable=false] - 닫기 버튼 표시 여부
- * @property {() => void} [onClose] - 닫기 버튼 클릭 시 호출되는 콜백
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "success" | "warning" | "error" | "info";
-    title?: string;
-    description?: string;
-    icon?: React.ReactNode;
-    action?: React.ReactNode;
-    closable?: boolean;
-    onClose?: () => void;
-}
-/**
- * Alert 컴포넌트 / Alert component
- *
- * 사용자에게 중요한 정보나 경고를 표시하는 컴포넌트입니다.
- * 다양한 변형(variant)을 지원하며, 아이콘, 제목, 설명, 액션 버튼을 포함할 수 있습니다.
- *
- * Component for displaying important information or warnings to users.
- * Supports various variants and can include icons, titles, descriptions, and action buttons.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Alert variant="info" title="정보" description="이것은 정보 메시지입니다." />
- *
- * @example
- * // 닫기 버튼 포함 / With close button
- * <Alert
- *   variant="warning"
- *   title="경고"
- *   closable
- *   onClose={() => console.log('닫기')}
- * />
- *
- * @example
- * // 커스텀 아이콘과 액션 / Custom icon and action
- * <Alert
- *   variant="success"
- *   icon={<Icon name="check" />}
- *   action={<Button size="sm">확인</Button>}
- * >
- *   작업이 완료되었습니다.
- * </Alert>
- *
- * @param {AlertProps} props - Alert 컴포넌트의 props / Alert component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Alert 컴포넌트 / Alert component
- */
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-declare const AlertSuccess: React.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertWarning: React.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertError: React.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertInfo: React.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
-
-/**
- * Toast 메시지 타입 / Toast message type
- * @typedef {Object} Toast
- * @property {string} id - Toast 고유 ID / Toast unique ID
- * @property {"success" | "error" | "warning" | "info"} type - Toast 타입 / Toast type
- * @property {string} [title] - Toast 제목 / Toast title
- * @property {string} message - Toast 메시지 / Toast message
- * @property {number} [duration] - 표시 시간(ms), 0이면 자동 제거 안 함 / Display duration (ms), 0 means no auto-remove
- * @property {Object} [action] - 액션 버튼 / Action button
- * @property {string} action.label - 액션 버튼 레이블 / Action button label
- * @property {() => void} action.onClick - 액션 버튼 클릭 핸들러 / Action button click handler
- */
-interface Toast {
-    id: string;
-    type: "success" | "error" | "warning" | "info";
-    title?: string;
-    message: string;
-    duration?: number;
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-}
-interface ToastContextType {
-    toasts: Toast[];
-    addToast: (toast: Omit<Toast, "id">) => void;
-    removeToast: (id: string) => void;
-    clearToasts: () => void;
-}
-/**
- * useToast Hook
- *
- * Toast를 추가, 제거, 초기화하는 훅입니다.
- * ToastProvider 내부에서만 사용 가능합니다.
- *
- * Hook for adding, removing, and clearing toasts.
- * Can only be used within ToastProvider.
- *
- * @example
- * const { addToast, removeToast, clearToasts } = useToast()
- *
- * addToast({
- *   type: "success",
- *   message: "저장되었습니다",
- *   duration: 3000
- * })
- *
- * @returns {ToastContextType} Toast 컨텍스트 값 / Toast context value
- * @throws {Error} ToastProvider 외부에서 사용 시 에러 발생 / Error when used outside ToastProvider
- */
-declare function useToast(): ToastContextType;
-/**
- * useToastSafe Hook
- *
- * ToastProvider 없이도 안전하게 사용할 수 있는 useToast 훅입니다.
- * Provider가 없으면 no-op 함수를 반환합니다.
- *
- * Safe version of useToast that works without ToastProvider.
- * Returns no-op functions when used outside ToastProvider.
- *
- * @example
- * const { addToast } = useToastSafe()
- *
- * // 안전하게 호출 가능 - Provider 없으면 아무 일도 안 함
- * addToast({ type: "success", message: "저장됨" })
- *
- * @returns {ToastContextType} Toast 컨텍스트 값 또는 no-op 함수들
- */
-declare function useToastSafe(): ToastContextType;
-/**
- * ToastProvider 컴포넌트의 props / ToastProvider component props
- * @typedef {Object} ToastProviderProps
- * @property {React.ReactNode} children - 자식 컴포넌트 / Child components
- * @property {number} [maxToasts=5] - 최대 Toast 개수 / Maximum number of toasts
- * @property {"top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center"} [position="top-right"] - Toast 표시 위치 / Toast display position
- */
-interface ToastProviderProps {
-    children: React.ReactNode;
-    maxToasts?: number;
-    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
-}
-/**
- * ToastProvider 컴포넌트 / ToastProvider component
- *
- * Toast 시스템의 컨텍스트를 제공하는 Provider 컴포넌트입니다.
- * 앱의 루트 레벨에서 사용하여 전역 Toast 기능을 활성화합니다.
- *
- * Provider component that provides context for the Toast system.
- * Use at the root level of your app to enable global Toast functionality.
- *
- * @component
- * @example
- * // App.tsx
- * <ToastProvider position="top-center" maxToasts={3}>
- *   <App />
- * </ToastProvider>
- *
- * @example
- * // 컴포넌트에서 사용 / Usage in component
- * const { addToast } = useToast()
- *
- * const handleSave = () => {
- *   addToast({
- *     type: "success",
- *     message: "저장되었습니다",
- *     title: "성공"
- *   })
- * }
- *
- * @param {ToastProviderProps} props - ToastProvider 컴포넌트의 props / ToastProvider component props
- * @returns {JSX.Element} ToastProvider 컴포넌트 / ToastProvider component
- *
- * @todo 접근성 개선: ToastItem에 role="alert" 또는 role="status" 추가 필요 / Accessibility: Add role="alert" or role="status" to ToastItem
- * @todo 접근성 개선: aria-live="polite" 또는 aria-live="assertive" 추가 필요 / Accessibility: Add aria-live="polite" or aria-live="assertive"
- */
-declare function ToastProvider({ children, maxToasts, position }: ToastProviderProps): react_jsx_runtime.JSX.Element;
-
-/**
- * LoadingSpinner 컴포넌트의 props / LoadingSpinner component props
- * @typedef {Object} LoadingSpinnerProps
- * @property {"sm" | "md" | "lg" | "xl"} [size="md"] - Spinner 크기 / Spinner size
- * @property {"default" | "dots" | "bars" | "ring" | "ripple"} [variant="default"] - Spinner 애니메이션 타입 / Spinner animation type
- * @property {string} [text] - Spinner 아래 표시할 텍스트 / Text to display below spinner
- * @property {"default" | "primary" | "secondary" | "success" | "warning" | "error" | "glass"} [color="default"] - Spinner 색상 / Spinner color
- * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class
- */
-interface LoadingSpinnerProps {
-    size?: "sm" | "md" | "lg" | "xl";
-    variant?: "default" | "dots" | "bars" | "ring" | "ripple";
-    text?: string;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "glass";
-    className?: string;
-}
-/**
- * LoadingSpinner 컴포넌트 / LoadingSpinner component
- *
- * 로딩 상태를 표시하는 스피너 컴포넌트입니다.
- * 다양한 애니메이션 타입과 크기를 지원합니다.
- *
- * Spinner component that displays loading state.
- * Supports various animation types and sizes.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <LoadingSpinner />
- *
- * @example
- * // 텍스트와 함께 / With text
- * <LoadingSpinner
- *   text="로딩 중..."
- *   size="lg"
- *   color="primary"
- * />
- *
- * @example
- * // 다양한 애니메이션 / Various animations
- * <LoadingSpinner variant="dots" />
- * <LoadingSpinner variant="bars" color="success" />
- * <LoadingSpinner variant="ripple" size="xl" />
- *
- * @param {LoadingSpinnerProps} props - LoadingSpinner 컴포넌트의 props / LoadingSpinner component props
- * @returns {JSX.Element} LoadingSpinner 컴포넌트 / LoadingSpinner component
- */
-declare function LoadingSpinner({ className, size, variant, text, color }: LoadingSpinnerProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Tooltip 컴포넌트의 props / Tooltip component props
- * @typedef {Object} TooltipProps
- * @property {string} content - Tooltip 내용 / Tooltip content
- * @property {React.ReactNode} children - Tooltip이 연결될 요소 / Element to attach tooltip to
- * @property {"top" | "bottom" | "left" | "right"} [position="top"] - Tooltip 표시 위치 / Tooltip display position
- * @property {"default" | "light" | "dark"} [variant="default"] - Tooltip 스타일 변형 / Tooltip style variant
- * @property {number} [delay=300] - Tooltip 표시 지연 시간(ms) / Tooltip display delay (ms)
- * @property {boolean} [disabled=false] - Tooltip 비활성화 여부 / Disable tooltip
- * @extends {React.HTMLAttributes<HTMLDivElement>}
- */
-interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
-    content: string;
-    children: React.ReactNode;
-    position?: "top" | "bottom" | "left" | "right";
-    variant?: "default" | "light" | "dark";
-    delay?: number;
-    disabled?: boolean;
-}
-/**
- * Tooltip 컴포넌트 / Tooltip component
- *
- * 호버 시 추가 정보를 표시하는 툴팁 컴포넌트입니다.
- * 마우스 호버 시 지연 시간 후 표시됩니다.
- *
- * Tooltip component that displays additional information on hover.
- * Appears after a delay when the mouse hovers over the element.
- *
- * @component
- * @example
- * // 기본 사용 / Basic usage
- * <Tooltip content="이것은 도움말입니다">
- *   <Button>호버하세요</Button>
- * </Tooltip>
- *
- * @example
- * // 다양한 위치 / Different positions
- * <Tooltip content="위치 변경" position="bottom">
- *   <Icon name="info" />
- * </Tooltip>
- *
- * @example
- * // 커스텀 스타일 / Custom styles
- * <Tooltip content="라이트 스타일" variant="light" delay={500}>
- *   <span>호버</span>
- * </Tooltip>
- *
- * @param {TooltipProps} props - Tooltip 컴포넌트의 props / Tooltip component props
- * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
- * @returns {JSX.Element} Tooltip 컴포넌트 / Tooltip component
- *
- * @todo 접근성 개선: role="tooltip" 추가 필요 / Accessibility: Add role="tooltip"
- * @todo 접근성 개선: aria-describedby 연결 필요 / Accessibility: Connect aria-describedby
- * @todo 접근성 개선: 키보드 포커스 시 Tooltip 표시 필요 / Accessibility: Show tooltip on keyboard focus
- */
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
-declare const TooltipLight: React.ForwardRefExoticComponent<Omit<TooltipProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
-declare const TooltipDark: React.ForwardRefExoticComponent<Omit<TooltipProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Alert, AlertError, AlertInfo, AlertSuccess, AlertWarning, LoadingSpinner, type Toast, ToastProvider, Tooltip, TooltipDark, TooltipLight, useToast, useToastSafe };
+export { A as Alert, a as AlertError, b as AlertInfo, c as AlertSuccess, d as AlertWarning, L as LoadingSpinner, T as Toast, e as ToastProvider, f as Tooltip, g as TooltipDark, h as TooltipLight, u as useToast, i as useToastSafe } from './Tooltip-Cv7nYhPW.mjs';
+export { D as EmptyState, a as EmptyStateProps } from './EmptyState-SQ3Z6Vf2.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import './icons-DcOBy9Hf.mjs';
+import '@phosphor-icons/react';

package/dist/feedback.d.ts

@@ -15,9 +15,11 @@
  * Note: Alert, LoadingSpinner, Tooltip also remain in core (@hua-labs/ui)
  * as they are atomic, frequently-used components.
  */
-export { ToastProvider, useToast, useToastSafe } from './components/Toast';
-export type { Toast } from './components/Toast';
-export { Alert, AlertSuccess, AlertWarning, AlertError, AlertInfo } from './components/Alert';
-export { LoadingSpinner } from './components/LoadingSpinner';
-export { Tooltip, TooltipLight, TooltipDark } from './components/Tooltip';
+export { ToastProvider, useToast, useToastSafe } from "./components/Toast";
+export type { Toast } from "./components/Toast";
+export { Alert, AlertSuccess, AlertWarning, AlertError, AlertInfo, } from "./components/Alert";
+export { LoadingSpinner } from "./components/LoadingSpinner";
+export { Tooltip, TooltipLight, TooltipDark } from "./components/Tooltip";
+export { DashboardEmptyState as EmptyState } from "./components/dashboard/EmptyState";
+export type { DashboardEmptyStateProps as EmptyStateProps } from "./components/dashboard/EmptyState";
 //# sourceMappingURL=feedback.d.ts.map

package/dist/feedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../src/feedback.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG9F,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../src/feedback.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,GACV,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG1E,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACtF,YAAY,EAAE,wBAAwB,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/feedback.mjs

@@ -1,3 +1,3 @@
 "use client";
-export{c as ToastProvider,a as useToast,b as useToastSafe}from'./chunk-WYBSHTGY.mjs';export{a as Alert,d as AlertError,e as AlertInfo,b as AlertSuccess,c as AlertWarning}from'./chunk-V2DNYJR6.mjs';export{a as Tooltip,c as TooltipDark,b as TooltipLight}from'./chunk-5L5HIPKA.mjs';export{a as LoadingSpinner}from'./chunk-QRRP7TGF.mjs';import'./chunk-QEMPERUK.mjs';import'./chunk-EAZEI74V.mjs';//# sourceMappingURL=feedback.mjs.map
+export{c as ToastProvider,a as useToast,b as useToastSafe}from'./chunk-TB3DARQO.mjs';export{a as Alert,d as AlertError,e as AlertInfo,b as AlertSuccess,c as AlertWarning}from'./chunk-AJOGTUWS.mjs';export{a as EmptyState}from'./chunk-6WBFZ2KV.mjs';import'./chunk-LPHUWTQ2.mjs';import'./chunk-7CGJQSJO.mjs';export{a as LoadingSpinner}from'./chunk-SOK7VBSM.mjs';export{a as Tooltip,c as TooltipDark,b as TooltipLight}from'./chunk-DABVKUJN.mjs';import'./chunk-NSDWT2JM.mjs';import'./chunk-OBMOTQEU.mjs';import'./chunk-EAZEI74V.mjs';//# sourceMappingURL=feedback.mjs.map
 //# sourceMappingURL=feedback.mjs.map