@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/temp/src/components/date-picker/index.d.ts

@@ -1,4 +1,2 @@
 export * from './DatePicker';
-export * from './RangeDatePicker';
-export * from './RangeDatePickerWithButtons';
 export * from './utils';

package/dist/temp/src/components/date-picker/index.js

@@ -1,4 +1,2 @@
 export * from './DatePicker';
-export * from './RangeDatePicker';
-export * from './RangeDatePickerWithButtons';
 export * from './utils';

package/dist/temp/src/components/date-picker/utils.js

@@ -2,7 +2,6 @@ import moment from 'moment';
 export function getToday() {
     return moment().toDate();
 }
-export function getDateFormat(date) {
-    if (date === void 0) { date = getToday(); }
+export function getDateFormat(date = getToday()) {
     return moment(date).format('YYYY-MM-DD');
 }

package/dist/temp/src/components/divider/Divider.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
@@ -17,7 +6,4 @@ import { forwardRef } from 'react';
  * @param {ReactNode} props.children Button 컴포넌트는 xs로 ButtonGroup은 sm 사이즈로 추가하는 것이 권장됩니다.
  * @returns {ReactNode}
  */
-export var Divider = forwardRef(function (_a, ref) {
-    var className = _a.className, type = _a.type, _b = _a.style, style = _b === void 0 ? 'single-line' : _b, children = _a.children;
-    return (_jsxs("div", __assign({ className: classNames('ncua-divider', "ncua-divider--".concat(type), "ncua-divider--".concat(style), className), ref: ref }, { children: [style === 'single-line' && _jsx("div", { className: "ncua-divider__line" }), _jsx("div", __assign({ className: "ncua-divider__content" }, { children: children })), style === 'single-line' && _jsx("div", { className: "ncua-divider__line" })] })));
-});
+export const Divider = forwardRef(({ className, type, style = 'single-line', children }, ref) => (_jsxs("div", { className: classNames('ncua-divider', `ncua-divider--${type}`, `ncua-divider--${style}`, className), ref: ref, children: [style === 'single-line' && _jsx("div", { className: "ncua-divider__line" }), _jsx("div", { className: "ncua-divider__content", children: children }), style === 'single-line' && _jsx("div", { className: "ncua-divider__line" })] })));

package/dist/temp/src/components/dot/Dot.js

@@ -1,31 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
-var Dot = forwardRef(function (_a, ref) {
-    var _b = _a.color, color = _b === void 0 ? 'success' : _b, _c = _a.size, size = _c === void 0 ? 'sm' : _c, className = _a.className, props = __rest(_a, ["color", "size", "className"]);
-    return (_jsx("span", __assign({ ref: ref, className: classNames('ncua-dot', "ncua-dot--".concat(color), "ncua-dot--".concat(size), className) }, props)));
+const Dot = forwardRef(({ color = 'success', size = 'sm', className, ...props }, ref) => {
+    return (_jsx("span", { ref: ref, className: classNames('ncua-dot', `ncua-dot--${color}`, `ncua-dot--${size}`, className), ...props }));
 });
 Dot.displayName = 'Dot';
 export { Dot };

package/dist/temp/src/components/dropdown/Dropdown.js

@@ -1,30 +1,18 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DotsVertical } from '@ncds/ui-admin-icon';
 import { useEffect, useRef, useState } from 'react';
-export var Dropdown = function (_a) {
-    var trigger = _a.trigger, _b = _a.align, align = _b === void 0 ? 'left' : _b, header = _a.header, groups = _a.groups, className = _a.className, _c = _a.opened, opened = _c === void 0 ? false : _c, _d = _a.closeOnClickItem, closeOnClickItem = _d === void 0 ? true : _d, _e = _a.closeOnClickOutside, closeOnClickOutside = _e === void 0 ? true : _e;
-    var _f = useState(opened), isOpen = _f[0], setIsOpen = _f[1];
-    var dropdownRef = useRef(null);
-    var toggleDropdown = function () {
+export const Dropdown = ({ trigger, align = 'left', header, groups, className, opened = false, closeOnClickItem = true, closeOnClickOutside = true, }) => {
+    const [isOpen, setIsOpen] = useState(opened);
+    const dropdownRef = useRef(null);
+    const toggleDropdown = () => {
         setIsOpen(!isOpen);
     };
-    var handleClickOutside = function (event) {
+    const handleClickOutside = (event) => {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
             setIsOpen(false);
         }
     };
-    var handleClickItem = function (item) {
+    const handleClickItem = (item) => {
         if (!item.disabled && item.onClick) {
             item.onClick();
             if (closeOnClickItem) {
@@ -32,45 +20,44 @@ export var Dropdown = function (_a) {
             }
         }
     };
-    useEffect(function () {
+    useEffect(() => {
         if (closeOnClickOutside) {
             document.addEventListener('mousedown', handleClickOutside);
-            return function () {
+            return () => {
                 document.removeEventListener('mousedown', handleClickOutside);
             };
         }
     }, [closeOnClickOutside]);
-    var renderTrigger = function () {
-        var _a;
+    const renderTrigger = () => {
         switch (trigger.type) {
             case 'custom':
-                return (_jsx("button", __assign({ className: "ncua-dropdown__trigger", onClick: toggleDropdown }, { children: trigger.children })));
+                return (_jsx("button", { className: "ncua-dropdown__trigger", onClick: toggleDropdown, children: trigger.children }));
             case 'icon': {
-                var TriggerIcon = (_a = trigger.icon) !== null && _a !== void 0 ? _a : DotsVertical;
-                return (_jsx("button", __assign({ className: "ncua-dropdown__trigger ncua-dropdown__trigger--icon", onClick: toggleDropdown }, { children: _jsx(TriggerIcon, {}) })));
+                const TriggerIcon = trigger.icon ?? DotsVertical;
+                return (_jsx("button", { className: "ncua-dropdown__trigger ncua-dropdown__trigger--icon", onClick: toggleDropdown, children: _jsx(TriggerIcon, {}) }));
             }
             case 'avatar':
-                return (_jsx("button", __assign({ className: "ncua-dropdown__trigger ncua-dropdown__trigger--avatar", onClick: toggleDropdown }, { children: _jsx("div", __assign({ className: "ncua-dropdown__avatar" }, { children: _jsx("img", { src: trigger.avatar, alt: "avatar" }) })) })));
+                return (_jsx("button", { className: "ncua-dropdown__trigger ncua-dropdown__trigger--avatar", onClick: toggleDropdown, children: _jsx("div", { className: "ncua-dropdown__avatar", children: _jsx("img", { src: trigger.avatar, alt: "avatar" }) }) }));
             case 'button':
-                return (_jsx("button", __assign({ className: "ncua-dropdown__trigger ncua-dropdown__trigger--button", onClick: toggleDropdown }, { children: trigger.text })));
+                return (_jsx("button", { className: "ncua-dropdown__trigger ncua-dropdown__trigger--button", onClick: toggleDropdown, children: trigger.text }));
             default:
                 return null;
         }
     };
-    var renderHeader = function () {
+    const renderHeader = () => {
         if (!header)
             return null;
         if (header.type === 'avatar' && header.avatar) {
-            return (_jsx("div", __assign({ className: "ncua-dropdown__header" }, { children: _jsxs("div", __assign({ className: "ncua-dropdown__header-avatar-group" }, { children: [_jsx("div", __assign({ className: "ncua-dropdown__avatar" }, { children: _jsx("img", { src: header.avatar, alt: "avatar" }) })), _jsxs("div", __assign({ className: "ncua-dropdown__header-text" }, { children: [header.title && _jsx("div", __assign({ className: "ncua-dropdown__header-title" }, { children: header.title })), header.subtitle && _jsx("div", __assign({ className: "ncua-dropdown__header-subtitle" }, { children: header.subtitle }))] }))] })) })));
+            return (_jsx("div", { className: "ncua-dropdown__header", children: _jsxs("div", { className: "ncua-dropdown__header-avatar-group", children: [_jsx("div", { className: "ncua-dropdown__avatar", children: _jsx("img", { src: header.avatar, alt: "avatar" }) }), _jsxs("div", { className: "ncua-dropdown__header-text", children: [header.title && _jsx("div", { className: "ncua-dropdown__header-title", children: header.title }), header.subtitle && _jsx("div", { className: "ncua-dropdown__header-subtitle", children: header.subtitle })] })] }) }));
         }
         if (header.type === 'text' && header.title) {
-            return (_jsx("div", __assign({ className: "ncua-dropdown__header" }, { children: _jsx("div", __assign({ className: "ncua-dropdown__header-title" }, { children: header.title })) })));
+            return (_jsx("div", { className: "ncua-dropdown__header", children: _jsx("div", { className: "ncua-dropdown__header-title", children: header.title }) }));
         }
         return null;
     };
-    var renderItem = function (item) {
-        var ItemIcon = item.icon;
-        var itemClasses = [
+    const renderItem = (item) => {
+        const ItemIcon = item.icon;
+        const itemClasses = [
             'ncua-dropdown__item',
             item.disabled ? 'is-disabled' : '',
             item.type === 'danger' ? 'is-danger' : '',
@@ -78,13 +65,10 @@ export var Dropdown = function (_a) {
         ]
             .filter(Boolean)
             .join(' ');
-        return (_jsxs("div", __assign({ className: itemClasses }, { children: [_jsx("button", { className: "ncua-dropdown__item-clickable-layer", onClick: function () { return handleClickItem(item); } }), _jsxs("div", __assign({ className: "ncua-dropdown__item-content" }, { children: [_jsxs("div", __assign({ className: "ncua-dropdown__item-text-group" }, { children: [ItemIcon && _jsx(ItemIcon, { className: "ncua-dropdown__item-icon" }), _jsx("span", __assign({ className: "ncua-dropdown__item-text" }, { children: item.text }))] })), item.shortcut && _jsx("span", __assign({ className: "ncua-dropdown__item-shortcut" }, { children: item.shortcut }))] }))] }), item.id));
+        return (_jsxs("div", { className: itemClasses, children: [_jsx("button", { className: "ncua-dropdown__item-clickable-layer", onClick: () => handleClickItem(item) }), _jsxs("div", { className: "ncua-dropdown__item-content", children: [_jsxs("div", { className: "ncua-dropdown__item-text-group", children: [ItemIcon && _jsx(ItemIcon, { className: "ncua-dropdown__item-icon" }), _jsx("span", { className: "ncua-dropdown__item-text", children: item.text })] }), item.shortcut && _jsx("span", { className: "ncua-dropdown__item-shortcut", children: item.shortcut })] })] }, item.id));
     };
-    var dropdownClasses = ['ncua-dropdown', className, align === 'right' ? 'ncua-dropdown--right' : '']
+    const dropdownClasses = ['ncua-dropdown', className, align === 'right' ? 'ncua-dropdown--right' : '']
         .filter(Boolean)
         .join(' ');
-    return (_jsxs("div", __assign({ className: dropdownClasses, ref: dropdownRef }, { children: [renderTrigger(), isOpen && (_jsxs("div", __assign({ className: "ncua-dropdown__menu" }, { children: [renderHeader(), _jsx("div", __assign({ className: "ncua-dropdown__menu-items" }, { children: groups.map(function (group) {
-                            var _a;
-                            return (_jsx("div", __assign({ className: "ncua-dropdown__group" }, { children: group.items.map(renderItem) }), (_a = group.items[0]) === null || _a === void 0 ? void 0 : _a.id));
-                        }) }))] })))] })));
+    return (_jsxs("div", { className: dropdownClasses, ref: dropdownRef, children: [renderTrigger(), isOpen && (_jsxs("div", { className: "ncua-dropdown__menu", children: [renderHeader(), _jsx("div", { className: "ncua-dropdown__menu-items", children: groups.map((group) => (_jsx("div", { className: "ncua-dropdown__group", children: group.items.map(renderItem) }, group.items[0]?.id))) })] }))] }));
 };

package/dist/temp/src/components/empty-state/EmptyState.js

@@ -1,33 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../button/Button';
-var EmptyState = function (_a) {
-    var title = _a.title, description = _a.description, buttons = _a.buttons;
-    var emptyStateButtons = buttons ? (Array.isArray(buttons) ? buttons : [buttons]) : [];
-    return (_jsxs("div", __assign({ className: "ncua-empty-state" }, { children: [_jsx("p", __assign({ className: "ncua-empty-state__title" }, { children: title })), _jsx("span", __assign({ className: "ncua-empty-state__description" }, { children: description })), emptyStateButtons.length > 0 && (_jsx("div", __assign({ className: "ncua-empty-state__button-group" }, { children: emptyStateButtons.map(function (_a) {
-                    var size = _a.size, label = _a.label, rest = __rest(_a, ["size", "label"]);
-                    return (_jsx(Button, __assign({ size: size !== null && size !== void 0 ? size : 'xs', label: label }, rest), label));
-                }) })))] })));
+const EmptyState = ({ title, description, buttons }) => {
+    const emptyStateButtons = buttons ? (Array.isArray(buttons) ? buttons : [buttons]) : [];
+    return (_jsxs("div", { className: "ncua-empty-state", children: [_jsx("p", { className: "ncua-empty-state__title", children: title }), _jsx("span", { className: "ncua-empty-state__description", children: description }), emptyStateButtons.length > 0 && (_jsx("div", { className: "ncua-empty-state__button-group", children: emptyStateButtons.map(({ size, label, ...rest }) => (_jsx(Button, { size: size ?? 'xs', label: label, ...rest }, label))) }))] }));
 };
 export { EmptyState };

package/dist/temp/src/components/featured-icon/FeaturedIcon.js

@@ -1,36 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
-var iconSizeMap = {
+const iconSizeMap = {
     sm: 16,
     md: 20,
     lg: 24,
     xl: 28,
 };
-var FeaturedIcon = forwardRef(function (_a, ref) {
-    var Icon = _a.icon, _b = _a.theme, theme = _b === void 0 ? 'light-circle' : _b, _c = _a.color, color = _c === void 0 ? 'neutral' : _c, _d = _a.size, size = _d === void 0 ? 'sm' : _d, className = _a.className, rest = __rest(_a, ["icon", "theme", "color", "size", "className"]);
-    return (_jsxs("div", __assign({ ref: ref, className: classNames('ncua-featured-icon', "ncua-featured-icon--".concat(theme), "ncua-featured-icon--".concat(color), "ncua-featured-icon--".concat(size), className) }, rest, { children: [theme === 'outline-circle' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ncua-featured-icon__outline ncua-featured-icon__outline--inner" }), _jsx("div", { className: "ncua-featured-icon__outline ncua-featured-icon__outline--outer" })] })), _jsx(Icon, { width: iconSizeMap[size], height: iconSizeMap[size] })] })));
+const FeaturedIcon = forwardRef(({ icon: Icon, theme = 'light-circle', color = 'neutral', size = 'sm', className, ...rest }, ref) => {
+    return (_jsxs("div", { ref: ref, className: classNames('ncua-featured-icon', `ncua-featured-icon--${theme}`, `ncua-featured-icon--${color}`, `ncua-featured-icon--${size}`, className), ...rest, children: [theme === 'outline-circle' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ncua-featured-icon__outline ncua-featured-icon__outline--inner" }), _jsx("div", { className: "ncua-featured-icon__outline ncua-featured-icon__outline--outer" })] })), _jsx(Icon, { width: iconSizeMap[size], height: iconSizeMap[size] })] }));
 });
 export { FeaturedIcon };

package/dist/temp/src/components/file-input/FileInput.d.ts

@@ -1,4 +1,4 @@
-import type { InputBaseProps } from '../input/InputBase';
+import type { InputBaseProps } from '../input-base/InputBase';
 export declare enum FileInputErrorType {
     ALREADY_UPLOADED = "ALREADY_UPLOADED",
     EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",

package/dist/temp/src/components/file-input/FileInput.js

@@ -1,34 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HelpCircle, Upload01 } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
@@ -42,82 +11,77 @@ export var FileInputErrorType;
     FileInputErrorType["EXCEED_MAX_FILE_SIZE"] = "EXCEED_MAX_FILE_SIZE";
     FileInputErrorType["EXCEED_MAX_FILE_COUNT"] = "EXCEED_MAX_FILE_COUNT";
 })(FileInputErrorType || (FileInputErrorType = {}));
-export var FileInput = forwardRef(function (_a, _ref) {
-    var _b = _a.size, size = _b === void 0 ? 'xs' : _b, accept = _a.accept, _c = _a.multiple, multiple = _c === void 0 ? false : _c, maxFileSize = _a.maxFileSize, maxFileCount = _a.maxFileCount, value = _a.value, onChange = _a.onChange, onFileSelect = _a.onFileSelect, onFail = _a.onFail, _d = _a.buttonLabel, buttonLabel = _d === void 0 ? '파일 찾기' : _d, disabled = _a.disabled, label = _a.label, hintItems = _a.hintItems, validation = _a.validation, destructive = _a.destructive, isRequired = _a.isRequired, showHelpIcon = _a.showHelpIcon, hintText = _a.hintText, props = __rest(_a, ["size", "accept", "multiple", "maxFileSize", "maxFileCount", "value", "onChange", "onFileSelect", "onFail", "buttonLabel", "disabled", "label", "hintItems", "validation", "destructive", "isRequired", "showHelpIcon", "hintText"]);
-    var fileInputRef = useRef(null);
-    var _e = useState([]), internalFiles = _e[0], setInternalFiles = _e[1];
+export const FileInput = forwardRef(({ size = 'xs', accept, multiple = false, maxFileSize, maxFileCount, value, onChange, onFileSelect, onFail, buttonLabel = '파일 찾기', disabled, label, hintItems, validation, destructive, isRequired, showHelpIcon, hintText, ...props }, _ref) => {
+    const fileInputRef = useRef(null);
+    const [internalFiles, setInternalFiles] = useState([]);
     // Determine if component is controlled or uncontrolled
-    var isControlled = value !== undefined;
-    var files = isControlled ? value : internalFiles;
+    const isControlled = value !== undefined;
+    const files = isControlled ? value : internalFiles;
     // Sync internal state with controlled value
-    useEffect(function () {
+    useEffect(() => {
         if (isControlled && value) {
             setInternalFiles(value);
         }
     }, [isControlled, value]);
-    var updateFiles = function (newFiles) {
+    const updateFiles = (newFiles) => {
         if (isControlled) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(newFiles);
+            onChange?.(newFiles);
         }
         else {
             setInternalFiles(newFiles);
-            onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(newFiles);
+            onFileSelect?.(newFiles);
         }
     };
-    var handleFileChange = function (event) {
-        var selectedFiles = event.target.files;
+    const handleFileChange = (event) => {
+        const selectedFiles = event.target.files;
         if (!selectedFiles || selectedFiles.length === 0)
             return;
-        var _a = validateFiles(Array.from(selectedFiles)), validFiles = _a.validFiles, invalidFiles = _a.invalidFiles;
-        var nextFiles = __spreadArray(__spreadArray([], files, true), validFiles, true);
+        const { validFiles, invalidFiles } = validateFiles(Array.from(selectedFiles));
+        const nextFiles = [...files, ...validFiles];
         updateFiles(nextFiles);
         if (onFail && invalidFiles.length > 0) {
             onFail(invalidFiles);
         }
     };
-    var validateFiles = function (fileList) {
-        var validFiles = [];
-        var invalidFiles = [];
-        var _loop_1 = function (file) {
-            if (files.some(function (f) { return f.name === file.name && f.size === file.size; })) {
-                invalidFiles.push(__assign(__assign({}, file), { errorType: FileInputErrorType.ALREADY_UPLOADED }));
-                return "continue";
+    const validateFiles = (fileList) => {
+        const validFiles = [];
+        const invalidFiles = [];
+        for (const file of fileList) {
+            if (files.some((f) => f.name === file.name && f.size === file.size)) {
+                invalidFiles.push({ ...file, errorType: FileInputErrorType.ALREADY_UPLOADED });
+                continue;
             }
             if (!!maxFileSize && file.size > maxFileSize) {
-                invalidFiles.push(__assign(__assign({}, file), { errorType: FileInputErrorType.EXCEED_MAX_FILE_SIZE }));
-                return "continue";
+                invalidFiles.push({ ...file, errorType: FileInputErrorType.EXCEED_MAX_FILE_SIZE });
+                continue;
             }
             if (!!maxFileCount && files.length + validFiles.length >= maxFileCount) {
-                invalidFiles.push(__assign(__assign({}, file), { errorType: FileInputErrorType.EXCEED_MAX_FILE_COUNT }));
-                return "continue";
+                invalidFiles.push({ ...file, errorType: FileInputErrorType.EXCEED_MAX_FILE_COUNT });
+                continue;
             }
             validFiles.push(file);
-        };
-        for (var _i = 0, fileList_1 = fileList; _i < fileList_1.length; _i++) {
-            var file = fileList_1[_i];
-            _loop_1(file);
         }
-        return { validFiles: validFiles, invalidFiles: invalidFiles };
+        return { validFiles, invalidFiles };
     };
-    var handleBrowseClick = function () {
+    const handleBrowseClick = () => {
         if (fileInputRef.current && !disabled) {
             fileInputRef.current.click();
         }
     };
-    var handleRemoveFile = function (index) {
-        var newFiles = __spreadArray([], files, true);
+    const handleRemoveFile = (index) => {
+        const newFiles = [...files];
         newFiles.splice(index, 1);
         updateFiles(newFiles);
     };
-    var renderFileTagList = function () {
+    const renderFileTagList = () => {
         if (files.length === 0)
             return null;
-        return (_jsx("div", __assign({ className: "ncua-file-input__file-tags" }, { children: files.map(function (file, index) { return (_jsxs("div", __assign({ className: "ncua-file-input__file-tag-container" }, { children: [_jsx(Tag, { text: file.name, size: size === 'xs' ? 'sm' : 'md', close: true, onButtonClick: function () { return handleRemoveFile(index); } }), file.type.startsWith('image/') && (_jsx("img", { className: "ncua-file-input__file-image", src: URL.createObjectURL(file), alt: file.name }))] }), "".concat(file.name, "-").concat(index))); }) })));
+        return (_jsx("div", { className: "ncua-file-input__file-tags", children: files.map((file, index) => (_jsxs("div", { className: "ncua-file-input__file-tag-container", children: [_jsx(Tag, { text: file.name, size: size === 'xs' ? 'sm' : 'md', close: true, onButtonClick: () => handleRemoveFile(index) }), file.type.startsWith('image/') && (_jsx("img", { className: "ncua-file-input__file-image", src: URL.createObjectURL(file), alt: file.name }))] }, `${file.name}-${index}`))) }));
     };
-    var renderHintList = function () {
+    const renderHintList = () => {
         if (!hintItems || hintItems.length === 0)
             return null;
-        return (_jsx("ul", __assign({ className: "ncua-file-input__hint-list" }, { children: hintItems.map(function (hint) { return (_jsx("li", __assign({ className: "ncua-file-input__hint-item" }, { children: hint }), hint)); }) })));
+        return (_jsx("ul", { className: "ncua-file-input__hint-list", children: hintItems.map((hint) => (_jsx("li", { className: "ncua-file-input__hint-item", children: hint }, hint))) }));
     };
-    return (_jsxs("div", __assign({ className: classNames('ncua-file-input', "ncua-file-input--".concat(size)) }, { children: [_jsx("input", __assign({ hidden: true, ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileChange, tabIndex: -1, "aria-hidden": "true" }, props)), _jsxs("div", __assign({ className: "ncua-file-input__input-container" }, { children: [_jsxs("div", __assign({ className: "ncua-file-input__label" }, { children: [_jsx(Label, __assign({ isRequired: isRequired }, { children: label })), showHelpIcon && _jsx(HelpCircle, { className: "ncua-input__help-icon" })] })), _jsx(Button, { size: size, onClick: handleBrowseClick, disabled: disabled, leadingIcon: { type: 'icon', icon: Upload01 }, label: buttonLabel }), hintText && _jsx(HintText, __assign({ destructive: destructive }, { children: hintText }))] })), renderHintList(), renderFileTagList()] })));
+    return (_jsxs("div", { className: classNames('ncua-file-input', `ncua-file-input--${size}`), children: [_jsx("input", { hidden: true, ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileChange, tabIndex: -1, "aria-hidden": "true", ...props }), _jsxs("div", { className: "ncua-file-input__input-container", children: [_jsxs("div", { className: "ncua-file-input__label", children: [_jsx(Label, { isRequired: isRequired, children: label }), showHelpIcon && _jsx(HelpCircle, { className: "ncua-input__help-icon" })] }), _jsx(Button, { size: size, onClick: handleBrowseClick, disabled: disabled, leadingIcon: { type: 'icon', icon: Upload01 }, label: buttonLabel }), hintText && _jsx(HintText, { destructive: destructive, children: hintText })] }), renderHintList(), renderFileTagList()] }));
 });

package/dist/{types/src/components/tab → temp/src/components/horizontal-tab}/HorizontalTab.d.ts

@@ -1,4 +1,4 @@
-import { type TabButtonProps, type TabSize, type TabType } from './TabButton';
+import { type TabButtonProps, type TabSize, type TabType } from '../tab/TabButton';
 type HorizontalTabProps = {
     type?: Exclude<TabType, 'line-vertical'>;
     size?: TabSize;

package/dist/temp/src/components/horizontal-tab/HorizontalTab.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { uniqueId } from 'lodash-es';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { TabButton } from '../tab/TabButton';
+const UNDERLINE_GAP = 16;
+const DEFAULT_GAP = 8;
+const HorizontalTab = ({ type = 'button-primary', size = 'sm', activeTab, fullWidth = false, menus = [], className, }) => {
+    const getTabGap = (type) => {
+        const gap = {
+            underline: UNDERLINE_GAP,
+        };
+        return gap[type] ?? DEFAULT_GAP;
+    };
+    if (!menus.length)
+        return null;
+    return (_jsx("div", { className: classNames('ncua-horizontal-tab', `ncua-horizontal-tab--${type}`, `ncua-horizontal-tab--${size}`, {
+            'full-width': fullWidth,
+        }, className), children: _jsx(Swiper, { slidesPerView: "auto", spaceBetween: getTabGap(type), children: menus.map((menu) => {
+                const isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
+                return (_jsx(SwiperSlide, { className: "ncua-horizontal-tab__item", children: _jsx(TabButton, { ...menu, isActive: isActive, tabButtonType: type, size: size }) }, uniqueId('horizontal-tab')));
+            }) }) }));
+};
+export { HorizontalTab };

package/dist/temp/src/components/horizontal-tab/index.d.ts

@@ -0,0 +1 @@
+export * from './HorizontalTab';

package/dist/temp/src/components/horizontal-tab/index.js

@@ -0,0 +1 @@
+export * from './HorizontalTab';

package/dist/temp/src/components/image-file-input/ImageFileInput.d.ts

@@ -1,5 +1,5 @@
 import { type InvalidFile } from '../file-input/FileInput';
-import type { InputBaseProps } from '../input/InputBase';
+import type { InputBaseProps } from '../input-base/InputBase';
 export interface ImageFileInputProps extends Omit<InputBaseProps, 'clearText' | 'onClearText' | 'hintText' | 'value' | 'onChange'> {
     /**
      * Accepted file types