@designbasekorea/ui 0.2.7 → 0.2.8

package/dist/index.umd.js

@@ -6465,6 +6465,10 @@
                         if (item.divider) {
                             return (jsxRuntime.jsx("div", { className: "designbase-dropdown__divider", role: "separator" }, `divider-${index}`));
                         }
+                        // 커스텀 컨텐츠가 있는 경우
+                        if (item.custom) {
+                            return (jsxRuntime.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', {
@@ -6478,7 +6482,7 @@
                                 else {
                                     itemRefs.current.delete(item.id);
                                 }
-                            }, className: itemClasses, role: "menuitem", disabled: isDisabled, onClick: () => handleItemClick(item), onFocus: () => setFocusedIndex(index), children: [item.icon && (jsxRuntime.jsx("span", { className: "designbase-dropdown__item-icon", children: jsxRuntime.jsx(item.icon, { size: iconSize }) })), jsxRuntime.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 && (jsxRuntime.jsx("span", { className: "designbase-dropdown__item-icon", children: jsxRuntime.jsx(item.icon, { size: iconSize }) })), item.label && (jsxRuntime.jsx("span", { className: "designbase-dropdown__item-label", children: item.label }))] }, item.id));
                     }) })] }));
     };
     Dropdown.displayName = 'Dropdown';