@designbasekorea/ui 0.3.3 → 0.3.4

package/dist/index.d.ts

@@ -4054,7 +4054,7 @@ interface TimelineItem {
     /** 아이템 ID */
     id: string;
     /** 아이템 제목 */
-    title: string;
+    title?: string;
     /** 아이템 설명 */
     description?: string;
     /** 아이템 타임스탬프 */
@@ -4071,6 +4071,8 @@ interface TimelineItem {
     disabled?: boolean;
     /** 추가 메타데이터 */
     meta?: Record<string, any>;
+    /** 커스텀 콘텐츠 (제공 시 title, description, timestamp 대신 사용) */
+    content?: React$1.ReactNode;
 }
 interface TimelineProps {
     /** 타임라인 아이템들 */

package/dist/index.esm.js

@@ -11406,12 +11406,12 @@ const Timeline = ({ items, type = 'alternate', variant = 'default', size = 'm',
                                             e.preventDefault();
                                             handleItemClick(item, index);
                                         }
-                                    }, children: item.icon ? (jsx("div", { className: "designbase-timeline__icon", children: item.icon })) : (jsx("span", { className: "designbase-timeline__number", children: index + 1 })) }), !isLast && (jsx("div", { className: "designbase-timeline__connector" }))] }), jsx("div", { className: contentClasses, children: jsxs("div", { className: "designbase-timeline__content-inner", onClick: () => handleItemClick(item, index), tabIndex: isClickable ? 0 : -1, role: isClickable ? 'button' : undefined, "aria-label": `${item.title} 타임라인 아이템`, onKeyDown: (e) => {
+                                    }, children: item.icon ? (jsx("div", { className: "designbase-timeline__icon", children: item.icon })) : (jsx("span", { className: "designbase-timeline__number", children: index + 1 })) }), !isLast && (jsx("div", { className: "designbase-timeline__connector" }))] }), jsx("div", { className: contentClasses, children: jsx("div", { className: "designbase-timeline__content-inner", onClick: () => handleItemClick(item, index), tabIndex: isClickable ? 0 : -1, role: isClickable ? 'button' : undefined, "aria-label": item.title ? `${item.title} 타임라인 아이템` : `타임라인 아이템 ${index + 1}`, onKeyDown: (e) => {
                                     if (e.key === 'Enter' || e.key === ' ') {
                                         e.preventDefault();
                                         handleItemClick(item, index);
                                     }
-                                }, children: [item.timestamp && (jsx("div", { className: "designbase-timeline__timestamp", children: item.timestamp })), jsx("h3", { className: "designbase-timeline__title", children: item.title }), item.description && (jsx("p", { className: "designbase-timeline__description", children: item.description }))] }) })] }, item.id));
+                                }, children: item.content ? (item.content) : (jsxs(Fragment, { children: [item.timestamp && (jsx("div", { className: "designbase-timeline__timestamp", children: item.timestamp })), item.title && (jsx("h3", { className: "designbase-timeline__title", children: item.title })), item.description && (jsx("p", { className: "designbase-timeline__description", children: item.description }))] })) }) })] }, item.id));
             }) }) }));
 };