@designbasekorea/ui 0.1.24 → 0.1.26

package/dist/index.js

@@ -6106,7 +6106,7 @@ const Chip = ({ label, size = 'm', variant = 'default', color = 'primary', delet
 };
 Chip.displayName = 'Chip';
 
-const ColorPicker$1 = ({ size = 'm', type = 'dropdown', value, defaultValue = '#006FFF', showInput = true, showAlpha = false, showFormatSelector = true, showCopyButton = true, disabled = false, readonly = false, onChange, className, }) => {
+const ColorPicker = ({ size = 'm', type = 'dropdown', value, defaultValue = '#006FFF', showInput = true, showAlpha = false, showFormatSelector = true, showCopyButton = true, disabled = false, readonly = false, onChange, className, }) => {
     const [selectedColor, setSelectedColor] = React.useState(value || defaultValue);
     const [isOpen, setIsOpen] = React.useState(false);
     const [hue, setHue] = React.useState(211);
@@ -6373,9 +6373,7 @@ const ColorPicker$1 = ({ size = 'm', type = 'dropdown', value, defaultValue = '#
                             handleCopy();
                         }, disabled: disabled, "aria-label": "Copy color value", children: isCopied ? jsxRuntimeExports.jsx(icons.DoneIcon, { size: 14 }) : jsxRuntimeExports.jsx(icons.CopyIcon, { size: 14 }) })), jsxRuntimeExports.jsx("button", { type: "button", className: "designbase-color-picker__toggle", onClick: togglePicker, disabled: disabled, "aria-label": "Toggle color picker", children: jsxRuntimeExports.jsx(icons.ChevronDownIcon, { size: 16 }) })] }), type === 'dropdown' && isOpen && (jsxRuntimeExports.jsx("div", { className: "designbase-color-picker__dropdown", children: renderColorSelector() })), type === 'modal' && (jsxRuntimeExports.jsx(Modal, { isOpen: isOpen, onClose: () => setIsOpen(false), title: "\uC0C9\uC0C1 \uC120\uD0DD", size: "s", children: renderColorSelector() }))] }));
 };
-ColorPicker$1.displayName = 'ColorPicker';
-
-ColorPicker;
+ColorPicker.displayName = 'ColorPicker';
 
 const Confirm = ({ open, title, children, confirmText = '확인', cancelText = '취소', confirmVariant = 'primary', variant = 'info', size = 's', showIcon = true, confirmDisabled = false, cancelDisabled = false, onConfirm, onCancel, onClose, closeOnEscape = true, closeOnOverlayClick = true, className, ...props }) => {
     const modalRef = React.useRef(null);
@@ -7681,7 +7679,7 @@ const Textarea = React.forwardRef(({ label, placeholder, defaultValue, value, si
 Textarea.displayName = 'Textarea';
 
 const ITEM_HEIGHT = 40;
-const TimePicker$1 = ({ size = 'm', type = 'dropdown', value, defaultValue = '12:00', format = '24h', minuteStep = 1, disabled = false, readonly = false, onChange, className, }) => {
+const TimePicker = ({ size = 'm', type = 'dropdown', value, defaultValue = '12:00', format = '24h', minuteStep = 1, disabled = false, readonly = false, onChange, className, }) => {
     const [selectedTime, setSelectedTime] = React.useState(value || defaultValue);
     const [isOpen, setIsOpen] = React.useState(false);
     const [inputValue, setInputValue] = React.useState(value || defaultValue);
@@ -7922,7 +7920,7 @@ const TimePicker$1 = ({ size = 'm', type = 'dropdown', value, defaultValue = '12
     const classes = clsx('designbase-time-picker', `designbase-time-picker--${size}`, { 'designbase-time-picker--disabled': disabled, 'designbase-time-picker--readonly': readonly, 'designbase-time-picker--open': isOpen }, className);
     return (jsxRuntimeExports.jsxs("div", { ref: pickerRef, className: classes, children: [jsxRuntimeExports.jsxs("div", { className: "designbase-time-picker__trigger", children: [jsxRuntimeExports.jsx("button", { type: "button", className: "designbase-time-picker__icon-display", onClick: togglePicker, disabled: disabled, "aria-label": "\uC2DC\uAC04 \uC120\uD0DD \uC5F4\uAE30", children: jsxRuntimeExports.jsx(icons.ClockIcon, { size: 16 }) }), jsxRuntimeExports.jsx("input", { type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onBlur: handleInputBlur, onClick: (e) => e.stopPropagation(), disabled: disabled, readOnly: readonly, className: "designbase-time-picker__input", placeholder: is12h ? (showSeconds ? '12:00:00 PM' : '12:00 PM') : (showSeconds ? '12:00:00' : '12:00'), "aria-label": "\uC2DC\uAC04 \uC785\uB825" }), jsxRuntimeExports.jsx("button", { type: "button", className: "designbase-time-picker__toggle", onClick: togglePicker, disabled: disabled, "aria-label": "\uC2DC\uAC04 \uC120\uD0DD \uC5F4\uAE30", children: jsxRuntimeExports.jsx(icons.ChevronDownIcon, { size: 16 }) })] }), type === 'dropdown' && isOpen && (jsxRuntimeExports.jsx("div", { className: "designbase-time-picker__dropdown", role: "dialog", "aria-modal": "false", children: renderTimeSelector(false) })), type === 'modal' && (jsxRuntimeExports.jsxs(Modal, { isOpen: isOpen, onClose: handleModalCancel, title: "\uC2DC\uAC04 \uC120\uD0DD", size: "s", children: [renderTimeSelector(true), jsxRuntimeExports.jsx(ModalFooter, { children: jsxRuntimeExports.jsxs("div", { className: "designbase-time-picker__modal-footer", children: [jsxRuntimeExports.jsx(Button, { variant: "secondary", size: "m", onPress: handleModalCancel, children: "\uCDE8\uC18C" }), jsxRuntimeExports.jsx(Button, { variant: "primary", size: "m", onPress: handleModalApply, children: "\uC801\uC6A9" })] }) })] }))] }));
 };
-TimePicker$1.displayName = 'TimePicker';
+TimePicker.displayName = 'TimePicker';
 
 const Form = ({ fields, columns = 1, size = 'm', variant = 'default', onSubmit, onChange, initialValues = {}, submitText = '제출', submitLoading = false, submitDisabled = false, showReset = false, resetText = '리셋', title, description, className, style, }) => {
     const [values, setValues] = React.useState(initialValues);
@@ -8090,9 +8088,9 @@ const Form = ({ fields, columns = 1, size = 'm', variant = 'default', onSubmit,
             case 'date':
                 return (jsxRuntimeExports.jsx(DatePicker, { size: size, value: fieldValue, disabled: field.disabled, readonly: field.readOnly, mode: "single", type: "dropdown", onChange: (date) => handleFieldChange(field.name, date) }));
             case 'color':
-                return (jsxRuntimeExports.jsx(ColorPicker$1, { size: size, value: fieldValue, disabled: field.disabled, readonly: field.readOnly, showAlpha: true, showFormatSelector: true, showCopyButton: true, onChange: (color) => handleFieldChange(field.name, color) }));
+                return (jsxRuntimeExports.jsx(ColorPicker, { size: size, value: fieldValue, disabled: field.disabled, readonly: field.readOnly, showAlpha: true, showFormatSelector: true, showCopyButton: true, onChange: (color) => handleFieldChange(field.name, color) }));
             case 'timepicker':
-                return (jsxRuntimeExports.jsx(TimePicker$1, { size: size, value: fieldValue, disabled: field.disabled, readonly: field.readOnly, format: "24h", type: "dropdown", minuteStep: 1, onChange: (time) => handleFieldChange(field.name, time) }));
+                return (jsxRuntimeExports.jsx(TimePicker, { size: size, value: fieldValue, disabled: field.disabled, readonly: field.readOnly, format: "24h", type: "dropdown", minuteStep: 1, onChange: (time) => handleFieldChange(field.name, time) }));
             default:
                 return (jsxRuntimeExports.jsx(Input, { ...commonProps, type: field.type, min: field.min, max: field.max, minLength: field.minLength, maxLength: field.maxLength, pattern: field.pattern }));
         }
@@ -11434,8 +11432,6 @@ const Tabs = ({ items, defaultSelectedId, selectedId, orientation = 'horizontal'
 };
 Tabs.displayName = 'Tabs';
 
-TimePicker;
-
 const Timeline = ({ items, position = 'alternate', variant = 'default', size = 'm', color = 'primary', clickable = false, fullWidth = false, disabled = false, className, style, onItemClick, }) => {
     const handleItemClick = (item, index) => {
         if (disabled || item.disabled || !clickable)
@@ -12370,7 +12366,7 @@ exports.Card = Card;
 exports.Carousel = Carousel;
 exports.Checkbox = Checkbox;
 exports.Chip = Chip;
-exports.ColorPicker = ColorPicker$1;
+exports.ColorPicker = ColorPicker;
 exports.Confirm = Confirm;
 exports.Container = Container;
 exports.ContextMenu = ContextMenu;
@@ -12427,7 +12423,7 @@ exports.Stepper = Stepper;
 exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Textarea = Textarea;
-exports.TimePicker = TimePicker$1;
+exports.TimePicker = TimePicker;
 exports.Timeline = Timeline;
 exports.Toast = Toast;
 exports.Toggle = Toggle;