@designbasekorea/ui 0.2.7 → 0.2.8

package/dist/index.esm.js

@@ -6464,6 +6464,10 @@ const Dropdown = ({ items, trigger, label = '메뉴', triggerVariant = 'tertiary
                     if (item.divider) {
                         return (jsx("div", { className: "designbase-dropdown__divider", role: "separator" }, `divider-${index}`));
                     }
+                    // 커스텀 컨텐츠가 있는 경우
+                    if (item.custom) {
+                        return (jsx("div", { className: "designbase-dropdown__custom", children: item.custom }, item.id));
+                    }
                     const isDisabled = item.disabled || disabled;
                     const isFocused = focusedIndex === index;
                     const itemClasses = clsx('designbase-dropdown__item', {
@@ -6477,7 +6481,7 @@ const Dropdown = ({ items, trigger, label = '메뉴', triggerVariant = 'tertiary
                             else {
                                 itemRefs.current.delete(item.id);
                             }
-                        }, className: itemClasses, role: "menuitem", disabled: isDisabled, onClick: () => handleItemClick(item), onFocus: () => setFocusedIndex(index), children: [item.icon && (jsx("span", { className: "designbase-dropdown__item-icon", children: jsx(item.icon, { size: iconSize }) })), jsx("span", { className: "designbase-dropdown__item-label", children: item.label })] }, item.id));
+                        }, className: itemClasses, role: "menuitem", disabled: isDisabled, onClick: () => handleItemClick(item), onFocus: () => setFocusedIndex(index), children: [item.icon && (jsx("span", { className: "designbase-dropdown__item-icon", children: jsx(item.icon, { size: iconSize }) })), item.label && (jsx("span", { className: "designbase-dropdown__item-label", children: item.label }))] }, item.id));
                 }) })] }));
 };
 Dropdown.displayName = 'Dropdown';