@hua-labs/ui 1.1.0-alpha.6 → 2.0.0-alpha.10

package/dist/data.js

@@ -0,0 +1,4 @@
+"use client";
+'use strict';var n=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),sugarHigh=require('sugar-high');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var n__default=/*#__PURE__*/_interopDefault(n);function o(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var x=n__default.default.forwardRef(({className:e,variant:t="default",size:a="md",...l},b)=>{let i=()=>{switch(t){case "bordered":return "border border-slate-200 dark:border-slate-700 divide-x divide-slate-200 dark:divide-slate-700";case "striped":return "divide-y divide-slate-200 dark:divide-slate-700";default:return ""}},u=()=>{switch(a){case "sm":return "text-sm";case "lg":return "text-base";default:return "text-sm"}};return jsxRuntime.jsx("div",{className:"w-full overflow-auto",children:jsxRuntime.jsx("table",{ref:b,className:o("w-full caption-bottom",i(),u(),e),...l})})});x.displayName="Table";var h=n__default.default.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("thead",{ref:a,className:o("[&_tr]:border-b",e),...t}));h.displayName="TableHeader";var N=n__default.default.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("tbody",{ref:a,className:o("[&_tr:last-child]:border-0",e),...t}));N.displayName="TableBody";var R=n__default.default.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("tfoot",{ref:a,className:o("border-t bg-slate-50 dark:bg-slate-800/50 font-medium [&>tr]:last:border-b-0",e),...t}));R.displayName="TableFooter";var w=n__default.default.forwardRef(({className:e,variant:t="default",...a},l)=>jsxRuntime.jsx("tr",{ref:l,className:o("border-b transition-colors data-[state=selected]:bg-slate-50 dark:data-[state=selected]:bg-slate-800/50",t==="hover"?"hover:bg-slate-50 dark:hover:bg-slate-800/50":"",e),...a}));w.displayName="TableRow";var v=n__default.default.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("th",{ref:a,className:o("h-12 px-4 text-left align-middle font-medium text-slate-500 dark:text-slate-400 [&:has([role=checkbox])]:pr-0",e),...t}));v.displayName="TableHead";var C=n__default.default.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("td",{ref:a,className:o("p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...t}));C.displayName="TableCell";var k=n__default.default.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("caption",{ref:a,className:o("mt-4 text-sm text-slate-500 dark:text-slate-400",e),...t}));k.displayName="TableCaption";function D({code:e,language:t,filename:a,showLineNumbers:l=false,showCopyButton:b=true,onCopy:i,copySuccessMessage:u="Copied!",className:M,maxHeight:L,theme:g="dark"}){let[P,T]=n.useState(false),E=n.useCallback(async()=>{try{await navigator.clipboard.writeText(e),T(!0),i==null||i(),setTimeout(()=>T(!1),2e3);}catch(m){console.error("Failed to copy:",m);}},[e,i]),f=e.split(`
+`),B=n.useMemo(()=>f.map(m=>sugarHigh.highlight(m)||" "),[f]),S=n.useMemo(()=>sugarHigh.highlight(e),[e]),d=g==="dark";return jsxRuntime.jsxs("div",{className:o("group relative rounded-lg overflow-hidden",d?"bg-[#0d1117] border border-[#30363d]":"bg-muted/50 border border-border",M),children:[jsxRuntime.jsxs("div",{className:o("flex items-center justify-between px-4 py-2.5 border-b",d?"bg-[#161b22] border-[#30363d]":"bg-muted/30 border-border"),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx("span",{className:"w-3 h-3 rounded-full bg-[#ff5f56]"}),jsxRuntime.jsx("span",{className:"w-3 h-3 rounded-full bg-[#ffbd2e]"}),jsxRuntime.jsx("span",{className:"w-3 h-3 rounded-full bg-[#27c93f]"})]}),a&&jsxRuntime.jsx("span",{className:o("text-sm font-medium",d?"text-[#c9d1d9]":"text-foreground"),children:a}),t&&!a&&jsxRuntime.jsx("span",{className:o("text-xs uppercase tracking-wider",d?"text-[#8b949e]":"text-muted-foreground"),children:t}),t&&a&&jsxRuntime.jsx("span",{className:o("text-xs",d?"text-[#8b949e]":"text-muted-foreground"),children:t})]}),b&&jsxRuntime.jsx(F,{copied:P,onClick:E,theme:g})]}),jsxRuntime.jsx("div",{className:"overflow-auto",style:{maxHeight:L},children:jsxRuntime.jsx("pre",{className:o("p-4 text-sm leading-7 overflow-x-auto",d?"text-[#c9d1d9]":"text-foreground"),children:l?jsxRuntime.jsx("code",{className:"block font-mono",children:f.map((m,p)=>jsxRuntime.jsxs("div",{className:"flex",children:[jsxRuntime.jsx("span",{className:o("select-none w-8 text-right mr-4 flex-shrink-0",d?"text-[#484f58]":"text-muted-foreground"),children:p+1}),jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:B[p]}})]},p))}):jsxRuntime.jsx("code",{className:"font-mono whitespace-pre",dangerouslySetInnerHTML:{__html:S}})})})]})}function F({copied:e,onClick:t,theme:a="dark"}){let l=a==="dark";return jsxRuntime.jsx("button",{type:"button",onClick:t,className:o("inline-flex items-center justify-center w-8 h-8 rounded-md transition-all duration-200",e?l?"bg-green-500/20 text-green-400":"bg-green-100 text-green-700":l?"bg-transparent hover:bg-[#30363d] text-[#8b949e] hover:text-[#c9d1d9]":"bg-transparent hover:bg-secondary/80 text-muted-foreground hover:text-foreground"),"aria-label":e?"Copied":"Copy code",title:e?"Copied!":"Copy code",children:e?jsxRuntime.jsx(K,{className:"w-4 h-4"}):jsxRuntime.jsx($,{className:"w-4 h-4"})})}function $({className:e}){return jsxRuntime.jsxs("svg",{className:e,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",strokeWidth:2,children:[jsxRuntime.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),jsxRuntime.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})}function K({className:e}){return jsxRuntime.jsx("svg",{className:e,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",strokeWidth:2,children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})})}function j({children:e,className:t}){return jsxRuntime.jsx("code",{className:o("px-1.5 py-0.5 rounded-md bg-muted text-sm font-mono text-foreground",t),children:e})}exports.CodeBlock=D;exports.InlineCode=j;exports.Table=x;exports.TableBody=N;exports.TableCaption=k;exports.TableCell=C;exports.TableFooter=R;exports.TableHead=v;exports.TableHeader=h;exports.TableRow=w;//# sourceMappingURL=data.js.map
+//# sourceMappingURL=data.js.map

package/dist/data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/Table.tsx","../src/components/CodeBlock.tsx"],"names":["merge","inputs","twMerge","clsx","Table","React","className","variant","size","props","ref","getVariantClasses","getSizeClasses","jsx","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","CodeBlock","code","language","filename","showLineNumbers","showCopyButton","onCopy","_copySuccessMessage","maxHeight","theme","copied","setCopied","useState","handleCopy","useCallback","err","lines","highlightedLines","useMemo","line","highlight","highlightedCode","isDark","jsxs","CopyButton","i","onClick","CheckIcon","CopyIcon","InlineCode","children"],"mappings":"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","file":"data.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\n/**\n * HUA UI의 스마트 클래스 병합 유틸리티\n * clsx와 tailwind-merge를 결합하여 중복 클래스를 자동으로 해결합니다.\n * \n * @param inputs - 병합할 클래스 값들\n * @returns 병합된 클래스 문자열\n * \n * @example\n * ```tsx\n * merge(\"px-2 py-1\", \"px-4\") // \"py-1 px-4\"\n * merge(\"text-red-500\", \"text-blue-500\") // \"text-blue-500\"\n * merge(\"bg-white\", \"dark:bg-slate-900\") // \"bg-white dark:bg-slate-900\"\n * ```\n */\nexport function merge(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\n/**\n * 조건부 클래스 병합 유틸리티\n * 조건에 따라 클래스를 선택적으로 병합합니다.\n * \n * @param condition - 클래스를 적용할 조건\n * @param trueClass - 조건이 true일 때 적용할 클래스\n * @param falseClass - 조건이 false일 때 적용할 클래스 (선택사항)\n * @returns 병합된 클래스 문자열\n * \n * @example\n * ```tsx\n * mergeIf(isActive, \"bg-blue-500\", \"bg-gray-200\")\n * mergeIf(isLoading, \"opacity-50 cursor-not-allowed\")\n * ```\n */\nexport function mergeIf(\n  condition: boolean,\n  trueClass: ClassValue,\n  falseClass?: ClassValue\n) {\n  return merge(condition ? trueClass : falseClass || \"\")\n}\n\n/**\n * 상대 시간 포맷팅 유틸리티\n * \n * 날짜를 상대 시간 형식으로 포맷팅합니다 (예: \"방금 전\", \"5분 전\", \"2시간 전\", \"3일 전\").\n * 7일 이상 경과한 경우 절대 날짜를 반환합니다.\n * \n * Formats a date as relative time (e.g., \"방금 전\", \"5분 전\", \"2시간 전\", \"3일 전\").\n * Returns absolute date for dates older than 7 days.\n * \n * @param timestamp - 포맷팅할 날짜 (Date 객체 또는 ISO 문자열) / Date to format (Date object or ISO string)\n * @param locale - 로케일 (기본값: \"ko-KR\") / Locale (default: \"ko-KR\")\n * @returns 포맷팅된 상대 시간 문자열 / Formatted relative time string\n * \n * @example\n * ```tsx\n * formatRelativeTime(new Date()) // \"방금 전\"\n * formatRelativeTime(new Date(Date.now() - 5 * 60000)) // \"5분 전\"\n * formatRelativeTime(new Date(Date.now() - 2 * 3600000)) // \"2시간 전\"\n * formatRelativeTime(new Date(Date.now() - 3 * 86400000)) // \"3일 전\"\n * formatRelativeTime(new Date(\"2024-01-01\")) // \"2024. 1. 1.\" (7일 이상 경과)\n * ```\n */\nexport function formatRelativeTime(timestamp: Date | string, locale = \"ko-KR\"): string {\n  const date = typeof timestamp === \"string\" ? new Date(timestamp) : timestamp;\n  const now = new Date();\n  const diff = now.getTime() - date.getTime();\n  const minutes = Math.floor(diff / 60000);\n  const hours = Math.floor(diff / 3600000);\n  const days = Math.floor(diff / 86400000);\n\n  if (minutes < 1) return locale === \"ko-KR\" ? \"방금 전\" : \"just now\";\n  if (minutes < 60) return locale === \"ko-KR\" ? `${minutes}분 전` : `${minutes}m ago`;\n  if (hours < 24) return locale === \"ko-KR\" ? `${hours}시간 전` : `${hours}h ago`;\n  if (days < 7) return locale === \"ko-KR\" ? `${days}일 전` : `${days}d ago`;\n  return date.toLocaleDateString(locale);\n}\n\n/**\n * 객체 기반 클래스 병합 유틸리티\n * 객체의 키-값 쌍을 기반으로 조건부 클래스를 병합합니다.\n * \n * @param classMap - 클래스 맵 객체\n * @returns 병합된 클래스 문자열\n * \n * @example\n * ```tsx\n * mergeMap({\n *   \"bg-blue-500\": isPrimary,\n *   \"bg-gray-500\": !isPrimary,\n *   \"text-white\": true,\n *   \"opacity-50\": isDisabled\n * })\n * ```\n */\nexport function mergeMap(classMap: Record<string, boolean | undefined | null>) {\n  const classes = Object.entries(classMap)\n    .filter(([, condition]) => condition)\n    .map(([className]) => className)\n  \n  return merge(...classes)\n}\n\n// 하위 호환성을 위해 cn도 export (점진적 마이그레이션 지원)\nexport const cn = merge ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Table 컴포넌트의 props / Table component props\n * @typedef {Object} TableProps\n * @property {React.ReactNode} children - TableHeader, TableBody, TableFooter 등 / TableHeader, TableBody, TableFooter, etc.\n * @property {\"default\" | \"bordered\" | \"striped\"} [variant=\"default\"] - Table 스타일 변형 / Table style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Table 크기 / Table size\n * @extends {React.HTMLAttributes<HTMLTableElement>}\n */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  children: React.ReactNode\n  variant?: \"default\" | \"bordered\" | \"striped\"\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\n/**\n * TableHeader 컴포넌트의 props / TableHeader component props\n * @typedef {Object} TableHeaderProps\n * @property {React.ReactNode} children - TableHead 컴포넌트들 / TableHead components\n * @extends {React.HTMLAttributes<HTMLTableSectionElement>}\n */\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableBody 컴포넌트의 props / TableBody component props\n * @typedef {Object} TableBodyProps\n * @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components\n * @extends {React.HTMLAttributes<HTMLTableSectionElement>}\n */\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableFooter 컴포넌트의 props / TableFooter component props\n * @typedef {Object} TableFooterProps\n * @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components\n * @extends {React.HTMLAttributes<HTMLTableSectionElement>}\n */\nexport interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableRow 컴포넌트의 props / TableRow component props\n * @typedef {Object} TableRowProps\n * @property {React.ReactNode} children - TableHead 또는 TableCell 컴포넌트들 / TableHead or TableCell components\n * @property {\"default\" | \"hover\"} [variant=\"default\"] - Row 스타일 변형 / Row style variant\n * @extends {React.HTMLAttributes<HTMLTableRowElement>}\n */\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  children: React.ReactNode\n  variant?: \"default\" | \"hover\"\n}\n\n/**\n * TableHead 컴포넌트의 props / TableHead component props\n * @typedef {Object} TableHeadProps\n * @property {React.ReactNode} children - 헤더 셀 내용 / Header cell content\n * @extends {React.ThHTMLAttributes<HTMLTableCellElement>}\n */\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  children: React.ReactNode\n}\n\n/**\n * TableCell 컴포넌트의 props / TableCell component props\n * @typedef {Object} TableCellProps\n * @property {React.ReactNode} children - 셀 내용 / Cell content\n * @extends {React.TdHTMLAttributes<HTMLTableCellElement>}\n */\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  children: React.ReactNode\n}\n\n/**\n * Table 컴포넌트 / Table component\n * \n * 데이터를 표 형태로 표시하는 테이블 컴포넌트입니다.\n * TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell과 함께 사용합니다.\n * \n * Table component that displays data in tabular format.\n * Used with TableHeader, TableBody, TableFooter, TableRow, TableHead, and TableCell.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Table>\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>이름</TableHead>\n *       <TableHead>나이</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>홍길동</TableCell>\n *       <TableCell>30</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * \n * @example\n * // Bordered 스타일 / Bordered style\n * <Table variant=\"bordered\">\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>항목</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>값</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * \n * @example\n * // Striped 스타일, 호버 효과 / Striped style with hover effect\n * <Table variant=\"striped\">\n *   <TableBody>\n *     <TableRow variant=\"hover\">\n *       <TableCell>데이터</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * \n * @param {TableProps} props - Table 컴포넌트의 props / Table component props\n * @param {React.Ref<HTMLTableElement>} ref - table 요소 ref / table element ref\n * @returns {JSX.Element} Table 컴포넌트 / Table component\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, variant = \"default\", size = \"md\", ...props }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"bordered\":\n          return \"border border-slate-200 dark:border-slate-700 divide-x divide-slate-200 dark:divide-slate-700\"\n        case \"striped\":\n          return \"divide-y divide-slate-200 dark:divide-slate-700\"\n        default:\n          return \"\"\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case \"sm\":\n          return \"text-sm\"\n        case \"lg\":\n          return \"text-base\"\n        default:\n          return \"text-sm\"\n      }\n    }\n\n    return (\n      <div className=\"w-full overflow-auto\">\n        <table\n          ref={ref}\n          className={merge(\n            \"w-full caption-bottom\",\n            getVariantClasses(),\n            getSizeClasses(),\n            className\n          )}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nTable.displayName = \"Table\"\n\n/**\n * TableHeader 컴포넌트 / TableHeader component\n * 테이블의 헤더 영역을 표시합니다.\n * Displays the header area of a table.\n * \n * @component\n * @param {TableHeaderProps} props - TableHeader 컴포넌트의 props / TableHeader component props\n * @param {React.Ref<HTMLTableSectionElement>} ref - thead 요소 ref / thead element ref\n * @returns {JSX.Element} TableHeader 컴포넌트 / TableHeader component\n */\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={merge(\"[&_tr]:border-b\", className)} {...props} />\n  )\n)\nTableHeader.displayName = \"TableHeader\"\n\n/**\n * TableBody 컴포넌트 / TableBody component\n * 테이블의 본문 영역을 표시합니다.\n * Displays the body area of a table.\n * \n * @component\n * @param {TableBodyProps} props - TableBody 컴포넌트의 props / TableBody component props\n * @param {React.Ref<HTMLTableSectionElement>} ref - tbody 요소 ref / tbody element ref\n * @returns {JSX.Element} TableBody 컴포넌트 / TableBody component\n */\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={merge(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = \"TableBody\"\n\n/**\n * TableFooter 컴포넌트 / TableFooter component\n * 테이블의 푸터 영역을 표시합니다.\n * Displays the footer area of a table.\n * \n * @component\n * @param {TableFooterProps} props - TableFooter 컴포넌트의 props / TableFooter component props\n * @param {React.Ref<HTMLTableSectionElement>} ref - tfoot 요소 ref / tfoot element ref\n * @returns {JSX.Element} TableFooter 컴포넌트 / TableFooter component\n */\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={merge(\n        \"border-t bg-slate-50 dark:bg-slate-800/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableFooter.displayName = \"TableFooter\"\n\n/**\n * TableRow 컴포넌트 / TableRow component\n * 테이블의 행을 표시합니다.\n * Displays a table row.\n * \n * @component\n * @param {TableRowProps} props - TableRow 컴포넌트의 props / TableRow component props\n * @param {React.Ref<HTMLTableRowElement>} ref - tr 요소 ref / tr element ref\n * @returns {JSX.Element} TableRow 컴포넌트 / TableRow component\n */\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, variant = \"default\", ...props }, ref) => {\n    const getVariantClasses = () => {\n      switch (variant) {\n        case \"hover\":\n          return \"hover:bg-slate-50 dark:hover:bg-slate-800/50\"\n        default:\n          return \"\"\n      }\n    }\n\n    return (\n      <tr\n        ref={ref}\n        className={merge(\n          \"border-b transition-colors data-[state=selected]:bg-slate-50 dark:data-[state=selected]:bg-slate-800/50\",\n          getVariantClasses(),\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nTableRow.displayName = \"TableRow\"\n\n/**\n * TableHead 컴포넌트 / TableHead component\n * 테이블의 헤더 셀을 표시합니다.\n * Displays a table header cell.\n * \n * @component\n * @param {TableHeadProps} props - TableHead 컴포넌트의 props / TableHead component props\n * @param {React.Ref<HTMLTableCellElement>} ref - th 요소 ref / th element ref\n * @returns {JSX.Element} TableHead 컴포넌트 / TableHead component\n */\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, ...props }, ref) => (\n    <th\n      ref={ref}\n      className={merge(\n        \"h-12 px-4 text-left align-middle font-medium text-slate-500 dark:text-slate-400 [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableHead.displayName = \"TableHead\"\n\n/**\n * TableCell 컴포넌트 / TableCell component\n * 테이블의 데이터 셀을 표시합니다.\n * Displays a table data cell.\n * \n * @component\n * @param {TableCellProps} props - TableCell 컴포넌트의 props / TableCell component props\n * @param {React.Ref<HTMLTableCellElement>} ref - td 요소 ref / td element ref\n * @returns {JSX.Element} TableCell 컴포넌트 / TableCell component\n */\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={merge(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  )\n)\nTableCell.displayName = \"TableCell\"\n\n/**\n * TableCaption 컴포넌트 / TableCaption component\n * 테이블의 캡션을 표시합니다.\n * Displays a table caption.\n * \n * @component\n * @param {React.HTMLAttributes<HTMLTableCaptionElement>} props - TableCaption 컴포넌트의 props / TableCaption component props\n * @param {React.Ref<HTMLTableCaptionElement>} ref - caption 요소 ref / caption element ref\n * @returns {JSX.Element} TableCaption 컴포넌트 / TableCaption component\n */\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption\n      ref={ref}\n      className={merge(\"mt-4 text-sm text-slate-500 dark:text-slate-400\", className)}\n      {...props}\n    />\n  )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} ","\"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-ux.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"]}

package/dist/data.mjs

@@ -0,0 +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-AAHZFMU6.mjs';import {a}from'./chunk-UUHAXGMO.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
+//# sourceMappingURL=data.mjs.map

package/dist/data.mjs.map

@@ -0,0 +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-ux.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"]}

package/dist/feedback.d.mts

@@ -1,5 +1,69 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+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
@@ -52,6 +116,24 @@ interface ToastContextType {
  * @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
@@ -60,7 +142,7 @@ declare function useToast(): ToastContextType;
  * @property {"top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center"} [position="top-right"] - Toast 표시 위치 / Toast display position
  */
 interface ToastProviderProps {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     maxToasts?: number;
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
 }
@@ -100,4 +182,112 @@ interface ToastProviderProps {
  */
 declare function ToastProvider({ children, maxToasts, position }: ToastProviderProps): react_jsx_runtime.JSX.Element;
 
-export { type Toast, ToastProvider, useToast };
+/**
+ * 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 };

package/dist/feedback.d.ts

@@ -1,21 +1,23 @@
 /**
  * Feedback Components Entrypoint
  *
- * 피드백 관련 컴포넌트들을 모아서 export하는 엔트리 포인트입니다.
- * 글로벌 상태 관리가 필요한 Toast 컴포넌트만 포함합니다.
+ * 피드백/알림 관련 컴포넌트들의 엔트리 포인트입니다.
+ * Toast, Alert, LoadingSpinner, Tooltip 등을 포함합니다.
  *
- * Entry point that aggregates feedback-related components.
- * Includes Toast component that requires global state management.
+ * Entry point for all feedback/notification components.
+ * Includes Toast, Alert, LoadingSpinner, Tooltip.
  *
  * @example
- * // Toast 컴포넌트만 import / Import only Toast components
  * import { ToastProvider, useToast } from '@hua-labs/ui/feedback';
+ * import { Alert, AlertSuccess, AlertError } from '@hua-labs/ui/feedback';
  * import '@hua-labs/ui/styles/toast.css';
  *
- * @example
- * // Core에서도 여전히 사용 가능 (하위 호환성) / Still available from core (backward compatibility)
- * import { ToastProvider, useToast } from '@hua-labs/ui';
+ * Note: Alert, LoadingSpinner, Tooltip also remain in core (@hua-labs/ui)
+ * as they are atomic, frequently-used components.
  */
-export { ToastProvider, useToast } from './components/Toast';
+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';
 //# 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;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,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,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"}

package/dist/feedback.js

@@ -1,2 +1,13 @@
-'use strict';var v=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var v__default=/*#__PURE__*/_interopDefault(v);function d(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var T=v.createContext(void 0);function y(){let t=v.useContext(T);if(!t)throw new Error("useToast must be used within a ToastProvider");return t}function C({children:t,maxToasts:n=5,position:a="top-right"}){let[s,r]=v.useState([]),i=v.useCallback(o=>{r(u=>u.filter(g=>g.id!==o));},[]),c=v.useCallback(o=>{let u=Math.random().toString(36).substr(2,9),g={...o,id:u};r(b=>[...b,g].slice(-n)),o.duration!==0&&setTimeout(()=>{i(u);},o.duration||5e3);},[n,i]),m=v.useCallback(()=>{r([]);},[]);return jsxRuntime.jsxs(T.Provider,{value:{toasts:s,addToast:c,removeToast:i,clearToasts:m},children:[t,jsxRuntime.jsx(L,{toasts:s,removeToast:i,position:a})]})}function L({toasts:t,removeToast:n,position:a}){let s={"top-right":"top-4 right-4","top-left":"top-4 left-4","bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-center":"top-4 left-1/2 transform -translate-x-1/2","bottom-center":"bottom-4 left-1/2 transform -translate-x-1/2"};return t.length===0?null:jsxRuntime.jsx("div",{className:d("fixed z-50 space-y-3 max-w-sm",s[a]),children:t.map(r=>jsxRuntime.jsx(N,{toast:r,onRemove:n},r.id))})}function N({toast:t,onRemove:n}){let[a,s]=v.useState(false);v__default.default.useEffect(()=>{s(true);},[]);let r=()=>{s(false),setTimeout(()=>n(t.id),300);},i=o=>{switch(o){case "success":return "bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800 text-green-800 dark:text-green-200";case "error":return "bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800 text-red-800 dark:text-red-200";case "warning":return "bg-yellow-50 dark:bg-yellow-900/20 border-yellow-200 dark:border-yellow-800 text-yellow-800 dark:text-yellow-200";case "info":return "bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 text-blue-800 dark:text-blue-200"}},c=o=>{switch(o){case "success":return "text-green-500 dark:text-green-400";case "error":return "text-red-500 dark:text-red-400";case "warning":return "text-yellow-500 dark:text-yellow-400";case "info":return "text-blue-500 dark:text-blue-400"}},m=o=>{switch(o){case "success":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})});case "error":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})});case "warning":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})});case "info":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}};return jsxRuntime.jsxs("div",{className:d("flex items-start p-4 rounded-xl border shadow-lg backdrop-blur-sm transition-all duration-300 transform",i(t.type),a?"translate-x-0 opacity-100 scale-100":"translate-x-full opacity-0 scale-95"),style:{animation:a?"slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1)":void 0},children:[jsxRuntime.jsxs("div",{className:d("flex-shrink-0 mr-3",c(t.type)),children:[" ",m(t.type)]}),jsxRuntime.jsxs("div",{className:"flex-1 min-w-0",children:[t.title&&jsxRuntime.jsxs("h4",{className:"text-sm font-semibold mb-1",children:[" ",t.title]}),jsxRuntime.jsx("p",{className:"text-sm leading-relaxed",children:t.message}),t.action&&jsxRuntime.jsx("button",{onClick:t.action.onClick,className:"mt-3 text-sm font-medium underline hover:no-underline transition-all duration-200",children:t.action.label})]}),jsxRuntime.jsxs("div",{className:"flex-shrink-0 ml-4",children:[" ",jsxRuntime.jsx("button",{onClick:r,className:d("inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200 hover:bg-black/5 dark:hover:bg-white/5",c(t.type)),"aria-label":"\uB2EB\uAE30",children:jsxRuntime.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})]})}exports.ToastProvider=C;exports.useToast=y;//# sourceMappingURL=feedback.js.map
+"use client";
+'use strict';var v=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var v__default=/*#__PURE__*/_interopDefault(v);function o(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var P=v.createContext(void 0);function X(){let e=v.useContext(P);if(!e)throw new Error("useToast must be used within a ToastProvider");return e}var Z=()=>{},ee=()=>{},te=()=>{};function re(){let e=v.useContext(P);return e||{toasts:[],addToast:Z,removeToast:ee,clearToasts:te}}function oe({children:e,maxToasts:t=5,position:r="top-right"}){let[i,a]=v.useState([]),u=v.useCallback(l=>{a(g=>g.filter(p=>p.id!==l));},[]),s=v.useCallback(l=>{let g=Math.random().toString(36).substr(2,9),p={...l,id:g};a(h=>[...h,p].slice(-t)),l.duration!==0&&setTimeout(()=>{u(g);},l.duration||5e3);},[t,u]),f=v.useCallback(()=>{a([]);},[]);return jsxRuntime.jsxs(P.Provider,{value:{toasts:i,addToast:s,removeToast:u,clearToasts:f},children:[e,jsxRuntime.jsx(ae,{toasts:i,removeToast:u,position:r})]})}function ae({toasts:e,removeToast:t,position:r}){let i={"top-right":"top-4 right-4","top-left":"top-4 left-4","bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-center":"top-4 left-1/2 transform -translate-x-1/2","bottom-center":"bottom-4 left-1/2 transform -translate-x-1/2"};return e.length===0?null:jsxRuntime.jsx("div",{className:o("fixed z-50 space-y-3 max-w-sm",i[r]),children:e.map(a=>jsxRuntime.jsx(se,{toast:a,onRemove:t},a.id))})}function se({toast:e,onRemove:t}){let[r,i]=v.useState(false);v__default.default.useEffect(()=>{i(true);},[]);let a=()=>{i(false),setTimeout(()=>t(e.id),300);},u=l=>{switch(l){case "success":return "bg-[var(--toast-success-bg)] border-green-300 dark:border-green-700 text-green-800 dark:text-green-200 shadow-lg shadow-green-100/50 dark:shadow-none";case "error":return "bg-[var(--toast-error-bg)] border-red-300 dark:border-red-700 text-red-800 dark:text-red-200 shadow-lg shadow-red-100/50 dark:shadow-none";case "warning":return "bg-[var(--toast-warning-bg)] border-yellow-300 dark:border-yellow-700 text-yellow-800 dark:text-yellow-200 shadow-lg shadow-yellow-100/50 dark:shadow-none";case "info":return "bg-[var(--toast-info-bg)] border-indigo-300 dark:border-indigo-700 text-cyan-800 dark:text-cyan-200 shadow-lg shadow-indigo-100/50 dark:shadow-none"}},s=l=>{switch(l){case "success":return "text-green-500 dark:text-green-400";case "error":return "text-red-500 dark:text-red-400";case "warning":return "text-yellow-500 dark:text-yellow-400";case "info":return "text-cyan-500 dark:text-cyan-400"}},f=l=>{switch(l){case "success":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})});case "error":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})});case "warning":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})});case "info":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}};return jsxRuntime.jsxs("div",{className:o("flex items-start p-4 rounded-xl border backdrop-blur-sm transition-all duration-300 transform",u(e.type),r?"translate-x-0 opacity-100 scale-100":"translate-x-full opacity-0 scale-95"),style:{animation:r?"slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1)":void 0},children:[jsxRuntime.jsxs("div",{className:o("flex-shrink-0 mr-3",s(e.type)),children:[" ",f(e.type)]}),jsxRuntime.jsxs("div",{className:"flex-1 min-w-0",children:[e.title&&jsxRuntime.jsxs("h4",{className:"text-sm font-semibold mb-1",children:[" ",e.title]}),jsxRuntime.jsx("p",{className:"text-sm leading-relaxed",children:e.message}),e.action&&jsxRuntime.jsx("button",{onClick:e.action.onClick,className:"mt-3 text-sm font-medium underline hover:no-underline transition-all duration-200",children:e.action.label})]}),jsxRuntime.jsxs("div",{className:"flex-shrink-0 ml-4",children:[" ",jsxRuntime.jsx("button",{onClick:a,className:o("inline-flex rounded-md p-1.5 transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-2",s(e.type)),"aria-label":"\uB2EB\uAE30",children:jsxRuntime.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})]})}var w=v__default.default.forwardRef(({className:e,variant:t="default",title:r,description:i,icon:a,action:u,closable:s=false,onClose:f,children:l,...g},p)=>{let h=()=>{switch(t){case "success":return "bg-green-500/10 backdrop-blur-sm border-green-400/30 text-green-200 dark:bg-green-500/10 dark:border-green-400/30 dark:text-green-200";case "warning":return "bg-yellow-500/10 backdrop-blur-sm border-yellow-400/30 text-yellow-200 dark:bg-yellow-500/10 dark:border-yellow-400/30 dark:text-yellow-200";case "error":return "bg-red-500/10 backdrop-blur-sm border-red-400/30 text-red-200 dark:bg-red-500/10 dark:border-red-400/30 dark:text-red-200";case "info":return "bg-indigo-500/10 backdrop-blur-sm border-cyan-400/30 text-cyan-200 dark:bg-indigo-500/10 dark:border-cyan-400/30 dark:text-cyan-200";default:return "bg-white/10 backdrop-blur-sm border-white/30 text-white dark:bg-slate-800/20 dark:border-slate-700/50 dark:text-slate-200"}},y=()=>{switch(t){case "success":return "text-green-500 dark:text-green-400";case "warning":return "text-yellow-500 dark:text-yellow-400";case "error":return "text-red-500 dark:text-red-400";case "info":return "text-cyan-500 dark:text-cyan-400";default:return "text-gray-500 dark:text-gray-400"}},b=()=>{switch(t){case "success":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})});case "warning":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})});case "error":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})});case "info":return jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})});default:return null}};return jsxRuntime.jsx("div",{ref:p,className:o("relative rounded-lg border p-4",h(),e),...g,children:jsxRuntime.jsxs("div",{className:"flex items-start gap-3",children:[" ",(a||b())&&jsxRuntime.jsx("div",{className:o("flex-shrink-0 mt-0.5",y()),children:a||b()}),jsxRuntime.jsxs("div",{className:"flex-1 min-w-0",children:[r&&jsxRuntime.jsxs("h4",{className:"text-sm font-semibold mb-1",children:[" ",r]}),i&&jsxRuntime.jsx("p",{className:"text-sm leading-relaxed",children:i}),l&&jsxRuntime.jsxs("div",{className:"mt-2",children:[" ",l]})]}),(u||s)&&jsxRuntime.jsxs("div",{className:"flex-shrink-0 flex items-center gap-2",children:[" ",u,s&&jsxRuntime.jsx("button",{onClick:f,className:o("inline-flex rounded-md p-1.5 transition-colors duration-200 ease-in-out hover:bg-black/5 dark:hover:bg-white/5 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-2",y()),"aria-label":"\uB2EB\uAE30",children:jsxRuntime.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})]})})});w.displayName="Alert";var I=v__default.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx(w,{ref:r,variant:"success",className:e,...t}));I.displayName="AlertSuccess";var _=v__default.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx(w,{ref:r,variant:"warning",className:e,...t}));_.displayName="AlertWarning";var H=v__default.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx(w,{ref:r,variant:"error",className:e,...t}));H.displayName="AlertError";var B=v__default.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx(w,{ref:r,variant:"info",className:e,...t}));B.displayName="AlertInfo";function ne({className:e,size:t="md",variant:r="default",text:i,color:a="default"}){let u={sm:"w-6 h-6",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},s={default:"border-gray-300 border-t-gray-600 dark:border-gray-500/50 dark:border-t-gray-200",primary:"border-indigo-300 border-t-indigo-600 dark:border-indigo-400/50 dark:border-t-indigo-300",secondary:"border-gray-300 border-t-gray-600 dark:border-gray-500/50 dark:border-t-gray-200",success:"border-green-300 border-t-green-600 dark:border-green-500/50 dark:border-t-green-300",warning:"border-yellow-300 border-t-yellow-600 dark:border-yellow-500/50 dark:border-t-yellow-300",error:"border-red-300 border-t-red-600 dark:border-red-500/50 dark:border-t-red-300",glass:"border-white/50 border-t-white/90 dark:border-slate-400/60 dark:border-t-slate-100"},f=()=>{switch(r){case "dots":return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
+              @keyframes dotPulse {
+                0%, 80%, 100% { opacity: 0.3; }
+                40% { opacity: 1; }
+              }
+            `}),jsxRuntime.jsxs("div",{className:"flex space-x-1 items-center",children:[jsxRuntime.jsx("div",{className:"w-2 h-2 bg-current rounded-full",style:{animation:"dotPulse 1.4s ease-in-out infinite",animationDelay:"0ms"}}),jsxRuntime.jsx("div",{className:"w-2 h-2 bg-current rounded-full",style:{animation:"dotPulse 1.4s ease-in-out infinite",animationDelay:"200ms"}}),jsxRuntime.jsx("div",{className:"w-2 h-2 bg-current rounded-full",style:{animation:"dotPulse 1.4s ease-in-out infinite",animationDelay:"400ms"}})]})]});case "bars":return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
+              @keyframes barWave {
+                0%, 40%, 100% { transform: scaleY(0.4); }
+                20% { transform: scaleY(1); }
+              }
+            `}),jsxRuntime.jsxs("div",{className:"flex space-x-0.5 h-full items-center",children:[jsxRuntime.jsx("div",{className:"w-1 h-full bg-current rounded-sm origin-bottom",style:{animation:"barWave 1.2s ease-in-out infinite",animationDelay:"0ms"}}),jsxRuntime.jsx("div",{className:"w-1 h-full bg-current rounded-sm origin-bottom",style:{animation:"barWave 1.2s ease-in-out infinite",animationDelay:"100ms"}}),jsxRuntime.jsx("div",{className:"w-1 h-full bg-current rounded-sm origin-bottom",style:{animation:"barWave 1.2s ease-in-out infinite",animationDelay:"200ms"}}),jsxRuntime.jsx("div",{className:"w-1 h-full bg-current rounded-sm origin-bottom",style:{animation:"barWave 1.2s ease-in-out infinite",animationDelay:"300ms"}}),jsxRuntime.jsx("div",{className:"w-1 h-full bg-current rounded-sm origin-bottom",style:{animation:"barWave 1.2s ease-in-out infinite",animationDelay:"400ms"}})]})]});case "ring":return jsxRuntime.jsx("div",{className:o("w-full h-full animate-spin rounded-full",t==="xl"?"border-[3px]":t==="lg"?"border-[2.5px]":"border-2",s[a]||s.default)});case "ripple":return jsxRuntime.jsxs("div",{className:"relative w-full h-full",children:[jsxRuntime.jsx("div",{className:o("absolute inset-0 rounded-full border-2 animate-ping",s[a]||s.default)}),jsxRuntime.jsx("div",{className:o("w-full h-full rounded-full border-2",s[a]||s.default)})]});default:return jsxRuntime.jsx("div",{className:o("w-full h-full animate-spin rounded-full",t==="xl"?"border-[3px]":t==="lg"?"border-[2.5px]":"border-2",s[a]||s.default)})}};return jsxRuntime.jsxs("div",{className:o("flex flex-col items-center justify-center",e),children:[jsxRuntime.jsx("div",{className:o(u[t],"text-gray-600 dark:text-gray-400"),children:f()}),i&&jsxRuntime.jsx("p",{className:"mt-3 text-sm text-gray-600 dark:text-gray-400 text-center",children:i})]})}var R=v__default.default.forwardRef(({className:e,content:t,children:r,position:i="top",variant:a="default",delay:u=300,disabled:s=false,...f},l)=>{let[g,p]=v__default.default.useState(false),[h,y]=v__default.default.useState({x:0,y:0}),b=v__default.default.useRef(void 0),A=v__default.default.useRef(null),z=F=>{var E;if(s)return;let m=F.currentTarget.getBoundingClientRect();(E=A.current)==null?void 0:E.getBoundingClientRect();let T=0,N=0;switch(i){case "top":T=m.left+m.width/2,N=m.top-8;break;case "bottom":T=m.left+m.width/2,N=m.bottom+8;break;case "left":T=m.left-8,N=m.top+m.height/2;break;case "right":T=m.right+8,N=m.top+m.height/2;break}y({x:T,y:N}),b.current=window.setTimeout(()=>{p(true);},u);},K=()=>{b.current&&clearTimeout(b.current),p(false);};v__default.default.useEffect(()=>()=>{b.current&&clearTimeout(b.current);},[]);let Y=()=>{switch(a){case "light":return "bg-white text-gray-900 border border-gray-200 shadow-lg";case "dark":return "bg-gray-900 text-white shadow-lg";default:return "bg-gray-800 text-white shadow-lg"}},q=()=>{switch(i){case "top":return "top-full left-1/2 -translate-x-1/2 border-t-gray-800 dark:border-t-gray-800";case "bottom":return "bottom-full left-1/2 -translate-x-1/2 border-b-gray-800 dark:border-b-gray-800";case "left":return "left-full top-1/2 -translate-y-1/2 border-l-gray-800 dark:border-l-gray-800";case "right":return "right-full top-1/2 -translate-y-1/2 border-r-gray-800 dark:border-r-gray-800";default:return "top-full left-1/2 -translate-x-1/2 border-t-gray-800 dark:border-t-gray-800"}};return jsxRuntime.jsxs("div",{ref:l,className:o("relative inline-block",e),onMouseEnter:z,onMouseLeave:K,...f,children:[r,g&&jsxRuntime.jsxs("div",{ref:A,className:o("fixed z-50 px-3 py-2 text-sm rounded-lg whitespace-nowrap pointer-events-none",Y()),style:{left:`${h.x}px`,top:`${h.y}px`,transform:"translate(-50%, -50%)"},children:[t,jsxRuntime.jsx("div",{className:o("absolute w-0 h-0 border-4 border-transparent",q())})]})]})});R.displayName="Tooltip";var j=v__default.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx(R,{ref:r,variant:"light",className:e,...t}));j.displayName="TooltipLight";var $=v__default.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx(R,{ref:r,variant:"dark",className:e,...t}));$.displayName="TooltipDark";exports.Alert=w;exports.AlertError=H;exports.AlertInfo=B;exports.AlertSuccess=I;exports.AlertWarning=_;exports.LoadingSpinner=ne;exports.ToastProvider=oe;exports.Tooltip=R;exports.TooltipDark=$;exports.TooltipLight=j;exports.useToast=X;exports.useToastSafe=re;//# sourceMappingURL=feedback.js.map
 //# sourceMappingURL=feedback.js.map