@designbasekorea/ui 0.1.13 → 0.1.14

package/dist/index.js

@@ -8044,6 +8044,20 @@ const ImageList = ({ images, layout = 'grid', columns = 3, spacing = 'md', ratio
                 })), currentIndex: selectedImageIndex, isOpen: true, onOpenChange: handleLightboxClose, onImageChange: handleLightboxNavigate }))] }));
 };
 
+const Label = ({ children, htmlFor, required = false, size = 'm', disabled = false, error = false, className, onClick, }) => {
+    const classes = [
+        'designbase-label',
+        `designbase-label--${size}`,
+        disabled && 'designbase-label--disabled',
+        error && 'designbase-label--error',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (jsxRuntimeExports.jsxs("label", { htmlFor: htmlFor, className: classes, onClick: onClick, children: [children, required && jsxRuntimeExports.jsx("span", { className: "designbase-label__required", children: "*" })] }));
+};
+Label.displayName = 'Label';
+
 const List = ({ items, size = 'm', variant = 'default', itemType = 'default', layout = 'vertical', selectable = false, multiple = false, selectedItems = [], draggable = false, spacing = 'm', alignment = 'start', onItemClick, onItemSelect, onItemDrag, emptyState, loading = false, loadingCount = 3, className, }) => {
     const [internalSelectedItems, setInternalSelectedItems] = React.useState(selectedItems);
     const [draggedItem, setDraggedItem] = React.useState(null);
@@ -11953,6 +11967,7 @@ exports.HeroFeature = HeroFeature;
 exports.Image = Image$1;
 exports.ImageList = ImageList;
 exports.Input = Input;
+exports.Label = Label;
 exports.Lightbox = Lightbox;
 exports.List = List;
 exports.Logo = Logo;