@ncds/ui-admin 1.8.1 → 1.8.3

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

@@ -1,164 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dropdown = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _react = require("react");
-const Dropdown = _ref => {
-  let {
-    trigger,
-    align = 'left',
-    header,
-    groups,
-    className,
-    opened = false,
-    closeOnClickItem = true,
-    closeOnClickOutside = true
-  } = _ref;
-  const [isOpen, setIsOpen] = (0, _react.useState)(opened);
-  const dropdownRef = (0, _react.useRef)(null);
-  const toggleDropdown = () => {
-    setIsOpen(!isOpen);
-  };
-  const handleClickOutside = event => {
-    if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-      setIsOpen(false);
-    }
-  };
-  const handleClickItem = item => {
-    if (!item.disabled && item.onClick) {
-      item.onClick();
-      if (closeOnClickItem) {
-        setIsOpen(false);
-      }
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (closeOnClickOutside) {
-      document.addEventListener('mousedown', handleClickOutside);
-      return () => {
-        document.removeEventListener('mousedown', handleClickOutside);
-      };
-    }
-  }, [closeOnClickOutside]);
-  const renderTrigger = () => {
-    switch (trigger.type) {
-      case 'custom':
-        return (0, _jsxRuntime.jsx)("button", {
-          className: "ncua-dropdown__trigger",
-          onClick: toggleDropdown,
-          children: trigger.children
-        });
-      case 'icon':
-        {
-          const TriggerIcon = trigger.icon ?? _uiAdminIcon.DotsVertical;
-          return (0, _jsxRuntime.jsx)("button", {
-            className: "ncua-dropdown__trigger ncua-dropdown__trigger--icon",
-            onClick: toggleDropdown,
-            children: (0, _jsxRuntime.jsx)(TriggerIcon, {})
-          });
-        }
-      case 'avatar':
-        return (0, _jsxRuntime.jsx)("button", {
-          className: "ncua-dropdown__trigger ncua-dropdown__trigger--avatar",
-          onClick: toggleDropdown,
-          children: (0, _jsxRuntime.jsx)("div", {
-            className: "ncua-dropdown__avatar",
-            children: (0, _jsxRuntime.jsx)("img", {
-              src: trigger.avatar,
-              alt: "avatar"
-            })
-          })
-        });
-      case 'button':
-        return (0, _jsxRuntime.jsx)("button", {
-          className: "ncua-dropdown__trigger ncua-dropdown__trigger--button",
-          onClick: toggleDropdown,
-          children: trigger.text
-        });
-      default:
-        return null;
-    }
-  };
-  const renderHeader = () => {
-    if (!header) return null;
-    if (header.type === 'avatar' && header.avatar) {
-      return (0, _jsxRuntime.jsx)("div", {
-        className: "ncua-dropdown__header",
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "ncua-dropdown__header-avatar-group",
-          children: [(0, _jsxRuntime.jsx)("div", {
-            className: "ncua-dropdown__avatar",
-            children: (0, _jsxRuntime.jsx)("img", {
-              src: header.avatar,
-              alt: "avatar"
-            })
-          }), (0, _jsxRuntime.jsxs)("div", {
-            className: "ncua-dropdown__header-text",
-            children: [header.title && (0, _jsxRuntime.jsx)("div", {
-              className: "ncua-dropdown__header-title",
-              children: header.title
-            }), header.subtitle && (0, _jsxRuntime.jsx)("div", {
-              className: "ncua-dropdown__header-subtitle",
-              children: header.subtitle
-            })]
-          })]
-        })
-      });
-    }
-    if (header.type === 'text' && header.title) {
-      return (0, _jsxRuntime.jsx)("div", {
-        className: "ncua-dropdown__header",
-        children: (0, _jsxRuntime.jsx)("div", {
-          className: "ncua-dropdown__header-title",
-          children: header.title
-        })
-      });
-    }
-    return null;
-  };
-  const renderItem = item => {
-    const ItemIcon = item.icon;
-    const itemClasses = ['ncua-dropdown__item', item.disabled ? 'is-disabled' : '', item.type === 'danger' ? 'is-danger' : '', item.className].filter(Boolean).join(' ');
-    return (0, _jsxRuntime.jsxs)("div", {
-      className: itemClasses,
-      children: [(0, _jsxRuntime.jsx)("button", {
-        className: "ncua-dropdown__item-clickable-layer",
-        onClick: () => handleClickItem(item)
-      }), (0, _jsxRuntime.jsxs)("div", {
-        className: "ncua-dropdown__item-content",
-        children: [(0, _jsxRuntime.jsxs)("div", {
-          className: "ncua-dropdown__item-text-group",
-          children: [ItemIcon && (0, _jsxRuntime.jsx)(ItemIcon, {
-            className: "ncua-dropdown__item-icon"
-          }), (0, _jsxRuntime.jsx)("span", {
-            className: "ncua-dropdown__item-text",
-            children: item.text
-          })]
-        }), item.shortcut && (0, _jsxRuntime.jsx)("span", {
-          className: "ncua-dropdown__item-shortcut",
-          children: item.shortcut
-        })]
-      })]
-    }, item.id);
-  };
-  const dropdownClasses = ['ncua-dropdown', className, align === 'right' ? 'ncua-dropdown--right' : ''].filter(Boolean).join(' ');
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: dropdownClasses,
-    ref: dropdownRef,
-    children: [renderTrigger(), isOpen && (0, _jsxRuntime.jsxs)("div", {
-      className: "ncua-dropdown__menu",
-      children: [renderHeader(), (0, _jsxRuntime.jsx)("div", {
-        className: "ncua-dropdown__menu-items",
-        children: groups.map(group => (0, _jsxRuntime.jsx)("div", {
-          className: "ncua-dropdown__group",
-          children: group.items.map(renderItem)
-        }, group.items[0]?.id))
-      })]
-    })]
-  });
-};
-exports.Dropdown = Dropdown;

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

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmptyState = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _Button = require("../button/Button");
-const EmptyState = _ref => {
-  let {
-    title,
-    description,
-    buttons
-  } = _ref;
-  const emptyStateButtons = buttons ? Array.isArray(buttons) ? buttons : [buttons] : [];
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "ncua-empty-state",
-    children: [(0, _jsxRuntime.jsx)("p", {
-      className: "ncua-empty-state__title",
-      children: title
-    }), (0, _jsxRuntime.jsx)("span", {
-      className: "ncua-empty-state__description",
-      children: description
-    }), emptyStateButtons.length > 0 && (0, _jsxRuntime.jsx)("div", {
-      className: "ncua-empty-state__button-group",
-      children: emptyStateButtons.map(_ref2 => {
-        let {
-          size,
-          label,
-          ...rest
-        } = _ref2;
-        return (0, _jsxRuntime.jsx)(_Button.Button, {
-          size: size ?? 'xs',
-          label: label,
-          ...rest
-        }, label);
-      })
-    })]
-  });
-};
-exports.EmptyState = EmptyState;

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

@@ -1,183 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileInputErrorType = exports.FileInput = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _button = require("../button");
-var _shared = require("../shared");
-var _Tag = require("../tag/Tag");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 || (exports.FileInputErrorType = FileInputErrorType = {}));
-const FileInput = exports.FileInput = /*#__PURE__*/(0, _react.forwardRef)((_ref2, _ref) => {
-  let {
-    size = 'xs',
-    accept,
-    multiple = false,
-    maxFileSize,
-    maxFileCount,
-    value,
-    onChange,
-    onFileSelect,
-    onFail,
-    buttonLabel = '파일 찾기',
-    disabled,
-    label,
-    hintItems,
-    validation,
-    destructive,
-    isRequired,
-    showHelpIcon,
-    hintText,
-    ...props
-  } = _ref2;
-  const fileInputRef = (0, _react.useRef)(null);
-  const [internalFiles, setInternalFiles] = (0, _react.useState)([]);
-  // Determine if component is controlled or uncontrolled
-  const isControlled = value !== undefined;
-  const files = isControlled ? value : internalFiles;
-  // Sync internal state with controlled value
-  (0, _react.useEffect)(() => {
-    if (isControlled && value) {
-      setInternalFiles(value);
-    }
-  }, [isControlled, value]);
-  const updateFiles = newFiles => {
-    if (isControlled) {
-      onChange?.(newFiles);
-    } else {
-      setInternalFiles(newFiles);
-      onFileSelect?.(newFiles);
-    }
-  };
-  const handleFileChange = event => {
-    const selectedFiles = event.target.files;
-    if (!selectedFiles || selectedFiles.length === 0) return;
-    const {
-      validFiles,
-      invalidFiles
-    } = validateFiles(Array.from(selectedFiles));
-    const nextFiles = [...files, ...validFiles];
-    updateFiles(nextFiles);
-    if (onFail && invalidFiles.length > 0) {
-      onFail(invalidFiles);
-    }
-  };
-  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({
-          ...file,
-          errorType: FileInputErrorType.EXCEED_MAX_FILE_SIZE
-        });
-        continue;
-      }
-      if (!!maxFileCount && files.length + validFiles.length >= maxFileCount) {
-        invalidFiles.push({
-          ...file,
-          errorType: FileInputErrorType.EXCEED_MAX_FILE_COUNT
-        });
-        continue;
-      }
-      validFiles.push(file);
-    }
-    return {
-      validFiles,
-      invalidFiles
-    };
-  };
-  const handleBrowseClick = () => {
-    if (fileInputRef.current && !disabled) {
-      fileInputRef.current.click();
-    }
-  };
-  const handleRemoveFile = index => {
-    const newFiles = [...files];
-    newFiles.splice(index, 1);
-    updateFiles(newFiles);
-  };
-  const renderFileTagList = () => {
-    if (files.length === 0) return null;
-    return (0, _jsxRuntime.jsx)("div", {
-      className: "ncua-file-input__file-tags",
-      children: files.map((file, index) => (0, _jsxRuntime.jsxs)("div", {
-        className: "ncua-file-input__file-tag-container",
-        children: [(0, _jsxRuntime.jsx)(_Tag.Tag, {
-          text: file.name,
-          size: size === 'xs' ? 'sm' : 'md',
-          close: true,
-          onButtonClick: () => handleRemoveFile(index)
-        }), file.type.startsWith('image/') && (0, _jsxRuntime.jsx)("img", {
-          className: "ncua-file-input__file-image",
-          src: URL.createObjectURL(file),
-          alt: file.name
-        })]
-      }, `${file.name}-${index}`))
-    });
-  };
-  const renderHintList = () => {
-    if (!hintItems || hintItems.length === 0) return null;
-    return (0, _jsxRuntime.jsx)("ul", {
-      className: "ncua-file-input__hint-list",
-      children: hintItems.map(hint => (0, _jsxRuntime.jsx)("li", {
-        className: "ncua-file-input__hint-item",
-        children: hint
-      }, hint))
-    });
-  };
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)('ncua-file-input', `ncua-file-input--${size}`),
-    children: [(0, _jsxRuntime.jsx)("input", {
-      hidden: true,
-      ref: fileInputRef,
-      type: "file",
-      accept: accept,
-      multiple: multiple,
-      onChange: handleFileChange,
-      tabIndex: -1,
-      "aria-hidden": "true",
-      ...props
-    }), (0, _jsxRuntime.jsxs)("div", {
-      className: "ncua-file-input__input-container",
-      children: [(0, _jsxRuntime.jsxs)("div", {
-        className: "ncua-file-input__label",
-        children: [(0, _jsxRuntime.jsx)(_shared.Label, {
-          isRequired: isRequired,
-          children: label
-        }), showHelpIcon && (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
-          className: "ncua-input__help-icon"
-        })]
-      }), (0, _jsxRuntime.jsx)(_button.Button, {
-        size: size,
-        onClick: handleBrowseClick,
-        disabled: disabled,
-        leadingIcon: {
-          type: 'icon',
-          icon: _uiAdminIcon.Upload01
-        },
-        label: buttonLabel
-      }), hintText && (0, _jsxRuntime.jsx)(_shared.HintText, {
-        destructive: destructive,
-        children: hintText
-      })]
-    }), renderHintList(), renderFileTagList()]
-  });
-});

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

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HorizontalTab = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodashEs = require("lodash-es");
-var _react = require("swiper/react");
-var _TabButton = require("../tab/TabButton");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UNDERLINE_GAP = 16;
-const DEFAULT_GAP = 8;
-const HorizontalTab = _ref => {
-  let {
-    type = 'button-primary',
-    size = 'sm',
-    activeTab,
-    fullWidth = false,
-    menus = [],
-    className
-  } = _ref;
-  const getTabGap = type => {
-    const gap = {
-      underline: UNDERLINE_GAP
-    };
-    return gap[type] ?? DEFAULT_GAP;
-  };
-  if (!menus.length) return null;
-  return (0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)('ncua-horizontal-tab', `ncua-horizontal-tab--${type}`, `ncua-horizontal-tab--${size}`, {
-      'full-width': fullWidth
-    }, className),
-    children: (0, _jsxRuntime.jsx)(_react.Swiper, {
-      slidesPerView: "auto",
-      spaceBetween: getTabGap(type),
-      children: menus.map(menu => {
-        const isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
-        return (0, _jsxRuntime.jsx)(_react.SwiperSlide, {
-          className: "ncua-horizontal-tab__item",
-          children: (0, _jsxRuntime.jsx)(_TabButton.TabButton, {
-            ...menu,
-            isActive: isActive,
-            tabButtonType: type,
-            size: size
-          })
-        }, (0, _lodashEs.uniqueId)('horizontal-tab'));
-      })
-    })
-  });
-};
-exports.HorizontalTab = HorizontalTab;

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

@@ -1,201 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageFileInput = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _button = require("../button");
-var _FileInput = require("../file-input/FileInput");
-var _shared = require("../shared");
-var _tooltip = require("../tooltip");
-var _ImagePreview = require("./components/ImagePreview");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ImageFileInput = exports.ImageFileInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    size = 'sm',
-    accept,
-    multiple = false,
-    maxFileSize,
-    maxFileCount,
-    value,
-    onChange,
-    onFileSelect,
-    onFail,
-    buttonLabel = '파일 찾기',
-    imagePreviewTooltipLabel = '이미지 업로드',
-    disabled,
-    label,
-    hintItems,
-    validation,
-    destructive,
-    isRequired,
-    showHelpIcon,
-    hintText,
-    showFileTagList = true,
-    showHintText = true,
-    showFileInput = true,
-    ...props
-  } = _ref;
-  const fileInputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => fileInputRef.current);
-  const [internalFiles, setInternalFiles] = (0, _react.useState)([]);
-  const [isButtonHovered, setIsButtonHovered] = (0, _react.useState)(false);
-  // Determine if component is controlled or uncontrolled
-  const isControlled = value !== undefined;
-  const files = isControlled ? value : internalFiles;
-  // Sync internal state with controlled value
-  (0, _react.useEffect)(() => {
-    if (isControlled && value) {
-      setInternalFiles(value);
-    }
-  }, [isControlled, value]);
-  const updateFiles = newFiles => {
-    if (isControlled) {
-      onChange?.(newFiles);
-    } else {
-      setInternalFiles(newFiles);
-      onFileSelect?.(newFiles);
-    }
-  };
-  const handleFileChange = event => {
-    const selectedFiles = event.target.files;
-    if (!selectedFiles || selectedFiles.length === 0) return;
-    const {
-      validFiles,
-      invalidFiles
-    } = validateFiles(Array.from(selectedFiles));
-    // Replace existing file if maxFileCount is 1
-    const nextFiles = maxFileCount === 1 ? validFiles : [...files, ...validFiles];
-    updateFiles(nextFiles);
-    if (onFail && invalidFiles.length > 0) {
-      onFail(invalidFiles);
-    }
-    event.target.value = '';
-  };
-  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: _FileInput.FileInputErrorType.ALREADY_UPLOADED
-        });
-        continue;
-      }
-      if (!!maxFileSize && file.size > maxFileSize) {
-        invalidFiles.push({
-          ...file,
-          errorType: _FileInput.FileInputErrorType.EXCEED_MAX_FILE_SIZE
-        });
-        continue;
-      }
-      // Skip max count check if maxFileCount is 1 (allow replacement)
-      if (!!maxFileCount && maxFileCount !== 1 && files.length + validFiles.length >= maxFileCount) {
-        invalidFiles.push({
-          ...file,
-          errorType: _FileInput.FileInputErrorType.EXCEED_MAX_FILE_COUNT
-        });
-        continue;
-      }
-      validFiles.push(file);
-    }
-    return {
-      validFiles,
-      invalidFiles
-    };
-  };
-  const handleBrowseClick = () => {
-    if (fileInputRef.current && !disabled) {
-      fileInputRef.current.click();
-    }
-  };
-  const handleRemoveFile = index => {
-    const newFiles = [...files];
-    newFiles.splice(index, 1);
-    updateFiles(newFiles);
-  };
-  const renderImagePreview = function () {
-    let files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    const showEmptySlot = maxFileCount ? files.length < maxFileCount : files.length === 0;
-    return (0, _jsxRuntime.jsxs)("div", {
-      className: "ncua-image-file-input__previews",
-      children: [files.map((file, index) => (0, _jsxRuntime.jsx)(_ImagePreview.ImagePreview, {
-        file: file,
-        onRemove: () => handleRemoveFile(index)
-      }, `${file.name}-${index}`)), showEmptySlot && (0, _jsxRuntime.jsxs)("div", {
-        className: "ncua-image-file-input__empty-slot-wrapper",
-        onMouseEnter: () => !disabled && setIsButtonHovered(true),
-        onMouseLeave: () => setIsButtonHovered(false),
-        onClick: handleBrowseClick,
-        children: [(0, _jsxRuntime.jsx)(_button.Button, {
-          onlyIcon: true,
-          size: size,
-          className: (0, _classnames.default)('ncua-image-file-input__preview-container'),
-          onClick: handleBrowseClick,
-          disabled: disabled,
-          label: imagePreviewTooltipLabel
-        }), isButtonHovered && !disabled && (0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
-          content: imagePreviewTooltipLabel,
-          position: "bottom"
-        })]
-      })]
-    });
-  };
-  const renderHintList = () => {
-    if (!hintItems || hintItems.length === 0) return null;
-    return (0, _jsxRuntime.jsx)("ul", {
-      className: "ncua-file-input__hint-list",
-      children: hintItems.map(hint => (0, _jsxRuntime.jsx)("li", {
-        className: "ncua-file-input__hint-item",
-        children: hint
-      }, hint))
-    });
-  };
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)('ncua-image-file-input', `ncua-image-file-input--${size}`, {
-      destructive: destructive
-    }),
-    children: [renderImagePreview(files), showFileInput && (0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)('ncua-file-input', `ncua-file-input--${size}`),
-      children: [(0, _jsxRuntime.jsx)("input", {
-        hidden: true,
-        ref: fileInputRef,
-        type: "file",
-        accept: accept,
-        multiple: multiple,
-        onChange: handleFileChange,
-        tabIndex: -1,
-        "aria-hidden": "true",
-        ...props
-      }), (0, _jsxRuntime.jsxs)("div", {
-        className: "ncua-file-input__input-container",
-        children: [(0, _jsxRuntime.jsxs)("div", {
-          className: "ncua-file-input__label",
-          children: [(0, _jsxRuntime.jsx)(_shared.Label, {
-            isRequired: isRequired,
-            children: label
-          }), showHelpIcon && (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
-            className: "ncua-input__help-icon"
-          })]
-        }), (0, _jsxRuntime.jsx)(_button.Button, {
-          size: "xs",
-          onClick: handleBrowseClick,
-          disabled: disabled,
-          leadingIcon: {
-            type: 'icon',
-            icon: _uiAdminIcon.Upload01
-          },
-          label: buttonLabel
-        }), showHintText && hintText && (0, _jsxRuntime.jsx)(_shared.HintText, {
-          destructive: destructive,
-          children: hintText
-        })]
-      }), showHintText && renderHintList()]
-    })]
-  });
-});

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

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImagePreview = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _button = require("../../button");
-const ImagePreview = _ref => {
-  let {
-    file,
-    onRemove
-  } = _ref;
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "ncua-image-file-input__preview-container",
-    children: [(0, _jsxRuntime.jsx)("img", {
-      className: "ncua-image-file-input__preview-image",
-      src: URL.createObjectURL(file),
-      alt: file.name
-    }), (0, _jsxRuntime.jsx)(_button.Button, {
-      size: "sm",
-      hierarchy: "text",
-      onlyIcon: true,
-      leadingIcon: {
-        type: 'icon',
-        icon: _uiAdminIcon.Trash03,
-        color: 'gray200'
-      },
-      label: "Remove image",
-      onClick: onRemove,
-      className: "ncua-image-file-input__preview-remove-button"
-    })]
-  });
-};
-exports.ImagePreview = ImagePreview;

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ImageFileInput = require("./ImageFileInput");
-Object.keys(_ImageFileInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ImageFileInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ImageFileInput[key];
-    }
-  });
-});