@ncds/ui-admin 1.6.4-alpha.1 → 1.7.0

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

@@ -0,0 +1,61 @@
+import type { InputBaseProps } from '../input/InputBase';
+export declare enum FileInputErrorType {
+    ALREADY_UPLOADED = "ALREADY_UPLOADED",
+    EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",
+    EXCEED_MAX_FILE_COUNT = "EXCEED_MAX_FILE_COUNT"
+}
+export interface InvalidFile extends Omit<File, 'constructor'> {
+    errorType: FileInputErrorType;
+}
+export interface FileInputProps extends Omit<InputBaseProps, 'clearText' | 'onClearText' | 'hintText' | 'value' | 'onChange'> {
+    /**
+     * Accepted file types
+     * e.g. '.jpg,.png,.pdf' or 'image/*'
+     */
+    accept?: string;
+    /**
+     * Maximum number of files
+     */
+    maxFileCount?: number;
+    /**
+     * Maximum file size in bytes
+     */
+    maxFileSize?: number;
+    /**
+     * Current files (controlled mode)
+     */
+    value?: File[];
+    /**
+     * Callback when files change (controlled mode)
+     */
+    onChange?: (files: File[]) => void;
+    /**
+     * Callback when files are selected (uncontrolled mode)
+     */
+    onFileSelect?: (files: File[]) => void;
+    /**
+     * Callback when file selection fails
+     */
+    onFail?: (files: InvalidFile[]) => void;
+    /**
+     * Label shown on the button
+     */
+    buttonLabel?: string;
+    /**
+     * Hint text items to display as a list
+     */
+    hintItems?: string[];
+    /**
+     * Whether the input is required
+     */
+    isRequired?: boolean;
+    /**
+     * Whether to show the help icon
+     */
+    showHelpIcon?: boolean;
+    /**
+     * Hint text to display
+     */
+    hintText?: string;
+}
+export declare const FileInput: import("react").ForwardRefExoticComponent<FileInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,123 @@
+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';
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { Button } from '../button';
+import { HintText, Label } from '../shared';
+import { Tag } from '../tag/Tag';
+export var FileInputErrorType;
+(function (FileInputErrorType) {
+    FileInputErrorType["ALREADY_UPLOADED"] = "ALREADY_UPLOADED";
+    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];
+    // Determine if component is controlled or uncontrolled
+    var isControlled = value !== undefined;
+    var files = isControlled ? value : internalFiles;
+    // Sync internal state with controlled value
+    useEffect(function () {
+        if (isControlled && value) {
+            setInternalFiles(value);
+        }
+    }, [isControlled, value]);
+    var updateFiles = function (newFiles) {
+        if (isControlled) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(newFiles);
+        }
+        else {
+            setInternalFiles(newFiles);
+            onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(newFiles);
+        }
+    };
+    var handleFileChange = function (event) {
+        var 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);
+        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";
+            }
+            if (!!maxFileSize && file.size > maxFileSize) {
+                invalidFiles.push(__assign(__assign({}, file), { errorType: FileInputErrorType.EXCEED_MAX_FILE_SIZE }));
+                return "continue";
+            }
+            if (!!maxFileCount && files.length + validFiles.length >= maxFileCount) {
+                invalidFiles.push(__assign(__assign({}, file), { errorType: FileInputErrorType.EXCEED_MAX_FILE_COUNT }));
+                return "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 };
+    };
+    var handleBrowseClick = function () {
+        if (fileInputRef.current && !disabled) {
+            fileInputRef.current.click();
+        }
+    };
+    var handleRemoveFile = function (index) {
+        var newFiles = __spreadArray([], files, true);
+        newFiles.splice(index, 1);
+        updateFiles(newFiles);
+    };
+    var renderFileTagList = function () {
+        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))); }) })));
+    };
+    var renderHintList = function () {
+        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 (_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()] })));
+});

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

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

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

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

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

@@ -0,0 +1,70 @@
+import { type InvalidFile } from '../file-input/FileInput';
+import type { InputBaseProps } from '../input/InputBase';
+export interface ImageFileInputProps extends Omit<InputBaseProps, 'clearText' | 'onClearText' | 'hintText' | 'value' | 'onChange'> {
+    /**
+     * Accepted file types
+     * e.g. '.jpg,.png,.pdf' or 'image/*'
+     */
+    accept?: string;
+    /**
+     * Maximum number of files
+     */
+    maxFileCount?: number;
+    /**
+     * Maximum file size in bytes
+     */
+    maxFileSize?: number;
+    /**
+     * Current files (controlled mode)
+     */
+    value?: File[];
+    /**
+     * Callback when files change (controlled mode)
+     */
+    onChange?: (files: File[]) => void;
+    /**
+     * Callback when files are selected (uncontrolled mode)
+     */
+    onFileSelect?: (files: File[]) => void;
+    /**
+     * Callback when file selection fails
+     */
+    onFail?: (files: InvalidFile[]) => void;
+    /**
+     * Label shown on the button
+     */
+    buttonLabel?: string;
+    /**
+     * Label shown on the image preview
+     */
+    imagePreviewTooltipLabel?: string;
+    /**
+     * Hint text items to display as a list
+     */
+    hintItems?: string[];
+    /**
+     * Whether the input is required
+     */
+    isRequired?: boolean;
+    /**
+     * Whether to show the help icon
+     */
+    showHelpIcon?: boolean;
+    /**
+     * Hint text to display
+     */
+    hintText?: string;
+    /**
+     * Whether to show the file tag list
+     */
+    showFileTagList?: boolean;
+    /**
+     * Whether to show the hint text
+     */
+    showHintText?: boolean;
+    /**
+     * Whether to show the file input section
+     */
+    showFileInput?: boolean;
+}
+export declare const ImageFileInput: import("react").ForwardRefExoticComponent<ImageFileInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,124 @@
+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';
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Button } from '../button';
+import { FileInputErrorType as ImageFileInputErrorType } from '../file-input/FileInput';
+import { HintText, Label } from '../shared';
+import { Tooltip } from '../tooltip';
+import { ImagePreview } from './components/ImagePreview';
+export var ImageFileInput = forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _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, _e = _a.imagePreviewTooltipLabel, imagePreviewTooltipLabel = _e === void 0 ? '이미지 업로드' : _e, disabled = _a.disabled, label = _a.label, hintItems = _a.hintItems, validation = _a.validation, destructive = _a.destructive, isRequired = _a.isRequired, showHelpIcon = _a.showHelpIcon, hintText = _a.hintText, _f = _a.showFileTagList, showFileTagList = _f === void 0 ? true : _f, _g = _a.showHintText, showHintText = _g === void 0 ? true : _g, _h = _a.showFileInput, showFileInput = _h === void 0 ? true : _h, props = __rest(_a, ["size", "accept", "multiple", "maxFileSize", "maxFileCount", "value", "onChange", "onFileSelect", "onFail", "buttonLabel", "imagePreviewTooltipLabel", "disabled", "label", "hintItems", "validation", "destructive", "isRequired", "showHelpIcon", "hintText", "showFileTagList", "showHintText", "showFileInput"]);
+    var fileInputRef = useRef(null);
+    useImperativeHandle(ref, function () { return fileInputRef.current; });
+    var _j = useState([]), internalFiles = _j[0], setInternalFiles = _j[1];
+    var _k = useState(false), isButtonHovered = _k[0], setIsButtonHovered = _k[1];
+    // Determine if component is controlled or uncontrolled
+    var isControlled = value !== undefined;
+    var files = isControlled ? value : internalFiles;
+    // Sync internal state with controlled value
+    useEffect(function () {
+        if (isControlled && value) {
+            setInternalFiles(value);
+        }
+    }, [isControlled, value]);
+    var updateFiles = function (newFiles) {
+        if (isControlled) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(newFiles);
+        }
+        else {
+            setInternalFiles(newFiles);
+            onFileSelect === null || onFileSelect === void 0 ? void 0 : onFileSelect(newFiles);
+        }
+    };
+    var handleFileChange = function (event) {
+        var selectedFiles = event.target.files;
+        if (!selectedFiles || selectedFiles.length === 0)
+            return;
+        var _a = validateFiles(Array.from(selectedFiles)), validFiles = _a.validFiles, invalidFiles = _a.invalidFiles;
+        // Replace existing file if maxFileCount is 1
+        var nextFiles = maxFileCount === 1 ? validFiles : __spreadArray(__spreadArray([], files, true), validFiles, true);
+        updateFiles(nextFiles);
+        if (onFail && invalidFiles.length > 0) {
+            onFail(invalidFiles);
+        }
+        event.target.value = '';
+    };
+    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: ImageFileInputErrorType.ALREADY_UPLOADED }));
+                return "continue";
+            }
+            if (!!maxFileSize && file.size > maxFileSize) {
+                invalidFiles.push(__assign(__assign({}, file), { errorType: ImageFileInputErrorType.EXCEED_MAX_FILE_SIZE }));
+                return "continue";
+            }
+            // Skip max count check if maxFileCount is 1 (allow replacement)
+            if (!!maxFileCount && maxFileCount !== 1 && files.length + validFiles.length >= maxFileCount) {
+                invalidFiles.push(__assign(__assign({}, file), { errorType: ImageFileInputErrorType.EXCEED_MAX_FILE_COUNT }));
+                return "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 };
+    };
+    var handleBrowseClick = function () {
+        if (fileInputRef.current && !disabled) {
+            fileInputRef.current.click();
+        }
+    };
+    var handleRemoveFile = function (index) {
+        var newFiles = __spreadArray([], files, true);
+        newFiles.splice(index, 1);
+        updateFiles(newFiles);
+    };
+    var renderImagePreview = function (files) {
+        if (files === void 0) { files = []; }
+        var showEmptySlot = maxFileCount ? files.length < maxFileCount : files.length === 0;
+        return (_jsxs("div", __assign({ className: "ncua-image-file-input__previews" }, { children: [files.map(function (file, index) { return (_jsx(ImagePreview, { file: file, onRemove: function () { return handleRemoveFile(index); } }, "".concat(file.name, "-").concat(index))); }), showEmptySlot && (_jsxs("div", __assign({ className: "ncua-image-file-input__empty-slot-wrapper", onMouseEnter: function () { return !disabled && setIsButtonHovered(true); }, onMouseLeave: function () { return setIsButtonHovered(false); }, onClick: handleBrowseClick }, { children: [_jsx(Button, { onlyIcon: true, size: size, className: classNames('ncua-image-file-input__preview-container'), onClick: handleBrowseClick, disabled: disabled, label: imagePreviewTooltipLabel }), isButtonHovered && !disabled && _jsx(Tooltip, { content: imagePreviewTooltipLabel, position: "bottom" })] })))] })));
+    };
+    var renderHintList = function () {
+        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 (_jsxs("div", __assign({ className: classNames('ncua-image-file-input', "ncua-image-file-input--".concat(size), { destructive: destructive }) }, { children: [renderImagePreview(files), showFileInput && (_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: "xs", onClick: handleBrowseClick, disabled: disabled, leadingIcon: { type: 'icon', icon: Upload01 }, label: buttonLabel }), showHintText && hintText && _jsx(HintText, __assign({ destructive: destructive }, { children: hintText }))] })), showHintText && renderHintList()] })))] })));
+});

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

@@ -0,0 +1,5 @@
+export interface ImagePreviewProps {
+    file: File;
+    onRemove: () => void;
+}
+export declare const ImagePreview: ({ file, onRemove }: ImagePreviewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/temp/src/components/image-file-input/components/ImagePreview.js

@@ -0,0 +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 { Trash03 } from '@ncds/ui-admin-icon';
+import { Button } from '../../button';
+export var ImagePreview = function (_a) {
+    var file = _a.file, onRemove = _a.onRemove;
+    return (_jsxs("div", __assign({ className: "ncua-image-file-input__preview-container" }, { children: [_jsx("img", { className: "ncua-image-file-input__preview-image", src: URL.createObjectURL(file), alt: file.name }), _jsx(Button, { size: "sm", hierarchy: "text", onlyIcon: true, leadingIcon: { type: 'icon', icon: Trash03, color: 'gray200' }, label: "Remove image", onClick: onRemove, className: "ncua-image-file-input__preview-remove-button" })] })));
+};

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

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

package/dist/temp/src/components/image-file-input/index.js

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

package/dist/temp/src/components/index.d.ts

@@ -0,0 +1,33 @@
+export type { SideSlotType, SlotIconComponent } from '../types';
+export * from './badge';
+export * from './breadcrumb';
+export * from './button';
+export * from './carousel';
+export * from './checkbox';
+export * from './combobox';
+export * from './date-picker';
+export * from './divider';
+export * from './dot';
+export * from './dropdown';
+export * from './empty-state';
+export * from './featured-icon';
+export * from './file-input';
+export * from './image-file-input';
+export * from './input';
+export * from './modal';
+export * from './notification';
+export * from './pagination';
+export * from './progress-bar';
+export * from './progress-circle';
+export * from './radio';
+export * from './select';
+export * from './select-dropdown';
+export * from './selectbox';
+export * from './shared';
+export * from './slider';
+export * from './spinner';
+export * from './switch';
+export * from './tab';
+export * from './tag';
+export * from './toggle';
+export * from './tooltip';

package/dist/temp/src/components/index.js

@@ -0,0 +1,32 @@
+export * from './badge';
+export * from './breadcrumb';
+export * from './button';
+export * from './carousel';
+export * from './checkbox';
+export * from './combobox';
+export * from './date-picker';
+export * from './divider';
+export * from './dot';
+export * from './dropdown';
+export * from './empty-state';
+export * from './featured-icon';
+export * from './file-input';
+export * from './image-file-input';
+export * from './input';
+export * from './modal';
+export * from './notification';
+export * from './pagination';
+export * from './progress-bar';
+export * from './progress-circle';
+export * from './radio';
+export * from './select';
+export * from './select-dropdown';
+export * from './selectbox';
+export * from './shared';
+export * from './slider';
+export * from './spinner';
+export * from './switch';
+export * from './tab';
+export * from './tag';
+export * from './toggle';
+export * from './tooltip';

package/dist/temp/src/components/input/InputBase.d.ts

@@ -0,0 +1,54 @@
+import type React from 'react';
+import { COLOR } from '../../../constant/color';
+import type { Size } from '../../../constant/size';
+import type { SlotIconComponent } from '../../types/side-slot';
+interface InputSideButtonSlot {
+    type: 'button';
+    label: string;
+    isSubmit?: boolean;
+    onClick: () => void;
+}
+interface InputSideTextSlot {
+    type: 'text';
+    text: string;
+}
+interface InputSideIconSlot {
+    type: 'icon';
+    icon: SlotIconComponent;
+    size?: number;
+    color?: keyof typeof COLOR;
+    className?: string;
+}
+interface InputSideCustomSlot {
+    type: 'custom';
+    children: React.ReactNode;
+    placement?: 'inside' | 'outside';
+}
+type InputLeadingSlotType = InputSideTextSlot | InputSideIconSlot | InputSideCustomSlot;
+type InputTrailingSlotType = InputSideButtonSlot | InputSideIconSlot | InputSideCustomSlot;
+interface InputBaseCommonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    required?: boolean;
+    label?: string;
+    hintText?: string;
+    size?: Extract<Size, 'xs' | 'sm'>;
+    disabled?: boolean;
+    validation?: boolean;
+    destructive?: boolean;
+    leadingElement?: InputLeadingSlotType;
+    trailingElement?: InputTrailingSlotType;
+    showHelpIcon?: boolean;
+    showTextCount?: boolean;
+    maxLength?: number;
+}
+interface NoneClearableInputBaseProps extends InputBaseCommonProps {
+    clearText?: never;
+    onClearText?: never;
+}
+interface ClearableInputBaseProps extends InputBaseCommonProps {
+    clearText: boolean;
+    onClearText: () => void;
+}
+type InputBaseProps = NoneClearableInputBaseProps | ClearableInputBaseProps;
+declare const InputBase: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLInputElement>>;
+export type { InputBaseProps };
+export { InputBase };