bmi-next-brokers 2.9.7 → 2.9.8

package/dist/assets/FileUpload.css

@@ -1 +1 @@
-._inputContainer_ibkco_1{display:flex;flex-direction:column;gap:4px;width:fit-content;min-width:0}._inputContainer_ibkco_1._fullWidth_ibkco_9{width:100%}._label_ibkco_13{font-family:var(--font-regular);font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_ibkco_21{font-size:15px;margin-bottom:6px}._label_disabled_ibkco_26{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_ibkco_30{color:#fff!important}._label_inverted_disabled_ibkco_34{color:var(--Content-Neutral-Default-Active, #fff)}._fileUploadContainer_ibkco_38{background:var(--Fill-Brand-Default-Hover, #eef3fc);border-radius:12px;transition:background-color .3s ease,border-color .3s ease;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden}._iconContainerLeft_ibkco_52{position:absolute;top:-60px;left:-12px;transform:rotate(15deg);transition:opacity .3s ease}._iconContainerRight_ibkco_60{position:absolute;top:20px;left:300px;transform:rotate(-25deg);transition:opacity .3s ease}._fileUploadContainer_ibkco_38:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_ibkco_38._dragOver_ibkco_72{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_ibkco_38{width:415px;height:120px}._fileUploadContainer_ibkco_38._fullWidth_ibkco_9{width:100%}._variant_document_ibkco_88 ._icon_ibkco_52{color:var(--Content-Neutral-Primary, #475569)}._variant_add_ibkco_92 ._icon_ibkco_52{color:var(--Fill-Brand-Default-Active, #2054a5)}._fileUploadContainer_ibkco_38._disabled_ibkco_97{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._fileUploadContainer_ibkco_38._disabled_ibkco_97:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._fileUploadContainer_ibkco_38._error_ibkco_108{border-color:var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2)}._fileUploadContainer_ibkco_38._error_ibkco_108:hover{border-color:var(--Stroke-Negative-Active, #dc2626)}._fileUploadContainer_ibkco_38._success_ibkco_117{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_ibkco_38._success_ibkco_117:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_ibkco_38._loading_ibkco_125{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_ibkco_38._loading_ibkco_125:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_ibkco_38._inverted_ibkco_134{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._fileUploadContainer_ibkco_38._inverted_ibkco_134:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._fileUploadContainer_ibkco_38._inverted_ibkco_134._dragOver_ibkco_72{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._fileUploadContainer_ibkco_38._inverted_ibkco_134._disabled_ibkco_97{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._fileUploadContainer_ibkco_38._inverted_ibkco_134._error_ibkco_108{border-color:var(--Stroke-Negative-Active, #ef4444);background:#ef44441a}._uploadContent_ibkco_160{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;height:100%;position:relative;transition:all .3s ease}._selectedFileContent_ibkco_172{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:flex-start}._selectedFileContent_ibkco_172._withoutError_ibkco_182{justify-content:center}._selectedFileName_ibkco_186{color:#2054a5;font-size:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedFileSize_ibkco_194{font-family:var(--font-regular);font-size:12px;color:var(--Content-Neutral-Secondary, #64748b);margin-top:2px}._removeButton_ibkco_201{font-family:var(--font-medium);font-size:20px;color:var(--Content-Neutral-Secondary, #64748b);background:transparent;border:none;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease;flex-shrink:0}._removeButton_ibkco_201:hover{color:var(--Content-Negative-Default-Active, #dc2626);background:var(--Fill-Negative-Default-Hover, #fee2e2)}._removeButton_ibkco_201:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;background:transparent}._inverted_ibkco_134 ._selectedFileName_ibkco_186{color:#fff}._inverted_ibkco_134 ._selectedFileSize_ibkco_194,._inverted_ibkco_134 ._removeButton_ibkco_201{color:#ffffffb3}._inverted_ibkco_134 ._removeButton_ibkco_201:hover{color:var(--Content-Negative-Default-Active, #f87171);background:#ef44441a}._inverted_ibkco_134._disabled_ibkco_97 ._selectedFileName_ibkco_186,._inverted_ibkco_134._disabled_ibkco_97 ._selectedFileSize_ibkco_194,._inverted_ibkco_134._disabled_ibkco_97 ._removeButton_ibkco_201{color:var(--content-disabled-default, #4f88d9)}._icon_ibkco_52{display:flex;align-items:center;justify-content:center}._icon_ibkco_52 svg{width:32px;height:32px}._textContent_ibkco_261{text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100%}._dragText_ibkco_271{color:var(--Content-Brand-Default-Active, #2054a5)}._browseText_ibkco_275{font-family:var(--font-medium);font-size:14px;color:var(--Fill-Brand-Default-Active, #2054a5);text-decoration:underline}._disabled_ibkco_97 ._dragText_ibkco_271,._disabled_ibkco_97 ._browseText_ibkco_275{color:var(--content-disabled-default, #cbd5e1)}._inverted_ibkco_134 ._dragText_ibkco_271{color:#fffc}._inverted_ibkco_134 ._browseText_ibkco_275{color:#fff}._inverted_ibkco_134._disabled_ibkco_97 ._dragText_ibkco_271,._inverted_ibkco_134._disabled_ibkco_97 ._browseText_ibkco_275{color:var(--content-disabled-default, #4f88d9)}._inverted_ibkco_134 ._variant_document_ibkco_88 ._icon_ibkco_52,._inverted_ibkco_134 ._variant_add_ibkco_92 ._icon_ibkco_52{color:#fff}._inverted_ibkco_134._disabled_ibkco_97 ._icon_ibkco_52{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_ibkco_312{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._selectedFilesContainer_ibkco_325{margin-top:12px;padding:12px;border-radius:8px;background:var(--Fill-Neutral-Default-Default, #f8fafc);border:1px solid var(--Stroke-Neutral-Primary, #e2e8f0)}._selectedFilesHeader_ibkco_333{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._selectedFilesText_ibkco_340{font-family:var(--font-medium);font-size:13px;color:var(--Content-Neutral-Default-Active, #475569)}._clearButton_ibkco_346{font-family:var(--font-medium);font-size:12px;color:var(--Fill-Brand-Default-Active, #2054a5);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}._clearButton_ibkco_346:hover{color:var(--Fill-Brand-Default-Hover, #1e40af)}._clearButton_ibkco_346:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;text-decoration:none}._filesList_ibkco_367{display:flex;flex-direction:column;gap:4px}._fileItem_ibkco_373{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--Stroke-Neutral-Secondary, #e2e8f0)}._fileItem_ibkco_373:last-child{border-bottom:none}._fileName_ibkco_385{font-family:var(--font-regular);font-size:12px;color:var(--Content-Neutral-Default-Active, #475569);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}._fileSize_ibkco_396{font-family:var(--font-regular);font-size:11px;color:var(--Content-Neutral-Secondary, #64748b);flex-shrink:0}._inverted_ibkco_134 ._selectedFilesContainer_ibkco_325{background:#ffffff1a;border-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._inverted_ibkco_134 ._selectedFilesText_ibkco_340,._inverted_ibkco_134 ._clearButton_ibkco_346{color:#fff}._inverted_ibkco_134 ._clearButton_ibkco_346:hover{color:#fffc}._inverted_ibkco_134 ._clearButton_ibkco_346:disabled{color:var(--content-disabled-default, #4f88d9)}._inverted_ibkco_134 ._fileItem_ibkco_373{border-color:#fff3}._inverted_ibkco_134 ._fileName_ibkco_385{color:#ffffffe6}._inverted_ibkco_134 ._fileSize_ibkco_396{color:#ffffffb3}._bigZIndex_ibkco_437{z-index:1000}._cancelIconWrapper_ibkco_441{background:var(--Content-Negative-Default-Active, #dc2626);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_ibkco_1 .4s ease}._selectedFileInfo_ibkco_457{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_ibkco_1 .3s ease forwards}._successIconWrapper_ibkco_471{background:var(--Content-Positive-Active, #65a30d);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_ibkco_1 .4s ease}._loadingIconWrapper_ibkco_487{background:var(--Content-Brand-Default-Active, #2054a5);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_ibkco_1 .4s ease}._withoutError_ibkco_182 ._selectedFileInfo_ibkco_457{position:static;transform:none;opacity:0;animation:_fadeIn_ibkco_1 .3s ease forwards}._withSuccess_ibkco_511 ._selectedFileInfo_ibkco_457,._withLoading_ibkco_525 ._selectedFileInfo_ibkco_457{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_ibkco_1 .3s ease forwards}._errorText_ibkco_539{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:var(--font-medium);font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);margin:0;padding:0;animation:_fadeInSlideUp_ibkco_1 .4s ease}._successText_ibkco_555{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:var(--font-medium);font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);margin:0;padding:0;animation:_fadeInSlideUp_ibkco_1 .4s ease}@keyframes _fadeInSlideDown_ibkco_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUp_ibkco_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUpCentered_ibkco_1{0%{opacity:0;transform:translate(-50%) translateY(10px);left:50%}to{opacity:1;transform:translate(-50%) translateY(0);left:50%}}@keyframes _fadeIn_ibkco_1{0%{opacity:0}to{opacity:1}}._inlineFileContainer_ibkco_617{display:flex;align-items:center;gap:12px;width:100%;padding:0;animation:_fadeIn_ibkco_1 .3s ease forwards}._inlineFileIcon_ibkco_626{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileIcon_ibkco_626._error_ibkco_108{background:var(--Content-Negative-Default-Active, #dc2626)}._inlineFileIcon_ibkco_626._success_ibkco_117{background:var(--Content-Positive-Active, #65a30d)}._inlineFileIcon_ibkco_626._loading_ibkco_125{background:var(--Content-Brand-Default-Active, #2054a5)}._inlineFileIcon_ibkco_626._default_ibkco_649{background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileInfo_ibkco_653{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._inlineFileName_ibkco_661{font-family:var(--font-medium);font-size:14px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineErrorText_ibkco_670{font-family:var(--font-regular);font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626)}._inlineSuccessText_ibkco_676{font-family:var(--font-regular);font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a)}._inlineFileActions_ibkco_682{display:flex;align-items:center;gap:8px;flex-shrink:0}._inlineActionIcon_ibkco_689{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._inlineActionIcon_ibkco_689:hover{background:var(--Fill-Neutral-Secondary, #f1f5f9)}
+._inputContainer_1ed77_1{display:flex;flex-direction:column;gap:4px;width:fit-content;min-width:0}._inputContainer_1ed77_1._fullWidth_1ed77_9{width:100%}._label_1ed77_13{font-family:var(--font-regular);font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1ed77_21{font-size:15px;margin-bottom:6px}._label_disabled_1ed77_26{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_1ed77_30{color:#fff!important}._label_inverted_disabled_1ed77_34{color:var(--Content-Neutral-Default-Active, #fff)}._fileUploadContainer_1ed77_38{background:var(--Fill-Brand-Default-Hover, #eef3fc);border-radius:12px;transition:background-color .3s ease,border-color .3s ease;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden}._iconContainerLeft_1ed77_52{position:absolute;top:-60px;left:-12px;transform:rotate(15deg);transition:opacity .3s ease}._iconContainerRight_1ed77_60{position:absolute;top:20px;left:300px;transform:rotate(-25deg);transition:opacity .3s ease}._fileUploadContainer_1ed77_38:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ed77_38._dragOver_1ed77_72{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ed77_38{width:415px;height:120px}._fileUploadContainer_1ed77_38._fullWidth_1ed77_9{width:100%}._variant_document_1ed77_88 ._icon_1ed77_52{color:var(--Content-Neutral-Primary, #475569)}._variant_add_1ed77_92 ._icon_1ed77_52{color:var(--Fill-Brand-Default-Active, #2054a5)}._fileUploadContainer_1ed77_38._disabled_1ed77_97{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._fileUploadContainer_1ed77_38._disabled_1ed77_97:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._fileUploadContainer_1ed77_38._error_1ed77_108{border-color:var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2)}._fileUploadContainer_1ed77_38._error_1ed77_108:hover{border-color:var(--Stroke-Negative-Active, #dc2626)}._fileUploadContainer_1ed77_38._success_1ed77_117{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ed77_38._success_1ed77_117:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ed77_38._loading_1ed77_125{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ed77_38._loading_1ed77_125:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ed77_38._inverted_1ed77_134{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._fileUploadContainer_1ed77_38._inverted_1ed77_134:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._fileUploadContainer_1ed77_38._inverted_1ed77_134._dragOver_1ed77_72{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._fileUploadContainer_1ed77_38._inverted_1ed77_134._disabled_1ed77_97{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._fileUploadContainer_1ed77_38._inverted_1ed77_134._error_1ed77_108{border-color:var(--Stroke-Negative-Active, #ef4444);background:#ef44441a}._uploadContent_1ed77_160{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;height:100%;position:relative;transition:all .3s ease}._selectedFileContent_1ed77_172{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:flex-start}._selectedFileContent_1ed77_172._withoutError_1ed77_182{justify-content:center}._selectedFileName_1ed77_186{color:#2054a5;font-size:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedFileSize_1ed77_194{font-family:var(--font-regular);font-size:12px;color:var(--Content-Neutral-Secondary, #64748b);margin-top:2px}._removeButton_1ed77_201{font-family:var(--font-medium);font-size:20px;color:var(--Content-Neutral-Secondary, #64748b);background:transparent;border:none;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease;flex-shrink:0}._removeButton_1ed77_201:hover{color:var(--Content-Negative-Default-Active, #dc2626);background:var(--Fill-Negative-Default-Hover, #fee2e2)}._removeButton_1ed77_201:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;background:transparent}._inverted_1ed77_134 ._selectedFileName_1ed77_186{color:#fff}._inverted_1ed77_134 ._selectedFileSize_1ed77_194,._inverted_1ed77_134 ._removeButton_1ed77_201{color:#ffffffb3}._inverted_1ed77_134 ._removeButton_1ed77_201:hover{color:var(--Content-Negative-Default-Active, #f87171);background:#ef44441a}._inverted_1ed77_134._disabled_1ed77_97 ._selectedFileName_1ed77_186,._inverted_1ed77_134._disabled_1ed77_97 ._selectedFileSize_1ed77_194,._inverted_1ed77_134._disabled_1ed77_97 ._removeButton_1ed77_201{color:var(--content-disabled-default, #4f88d9)}._icon_1ed77_52{display:flex;align-items:center;justify-content:center}._icon_1ed77_52 svg{width:32px;height:32px}._textContent_1ed77_261{text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100%}._dragText_1ed77_271{color:var(--Content-Brand-Default-Active, #2054a5)}._browseText_1ed77_275{font-family:var(--font-medium);font-size:14px;color:var(--Fill-Brand-Default-Active, #2054a5);text-decoration:underline}._disabled_1ed77_97 ._dragText_1ed77_271,._disabled_1ed77_97 ._browseText_1ed77_275{color:var(--content-disabled-default, #cbd5e1)}._inverted_1ed77_134 ._dragText_1ed77_271{color:#fffc}._inverted_1ed77_134 ._browseText_1ed77_275{color:#fff}._inverted_1ed77_134._disabled_1ed77_97 ._dragText_1ed77_271,._inverted_1ed77_134._disabled_1ed77_97 ._browseText_1ed77_275{color:var(--content-disabled-default, #4f88d9)}._inverted_1ed77_134 ._variant_document_1ed77_88 ._icon_1ed77_52,._inverted_1ed77_134 ._variant_add_1ed77_92 ._icon_1ed77_52{color:#fff}._inverted_1ed77_134._disabled_1ed77_97 ._icon_1ed77_52{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_1ed77_312{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._selectedFilesContainer_1ed77_325{margin-top:12px;padding:12px;border-radius:8px;background:var(--Fill-Neutral-Default-Default, #f8fafc);border:1px solid var(--Stroke-Neutral-Primary, #e2e8f0)}._selectedFilesHeader_1ed77_333{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._selectedFilesText_1ed77_340{font-family:var(--font-medium);font-size:13px;color:var(--Content-Neutral-Default-Active, #475569)}._clearButton_1ed77_346{font-family:var(--font-medium);font-size:12px;color:var(--Fill-Brand-Default-Active, #2054a5);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}._clearButton_1ed77_346:hover{color:var(--Fill-Brand-Default-Hover, #1e40af)}._clearButton_1ed77_346:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;text-decoration:none}._filesList_1ed77_367{display:flex;flex-direction:column;gap:4px}._fileItem_1ed77_373{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--Stroke-Neutral-Secondary, #e2e8f0)}._fileItem_1ed77_373:last-child{border-bottom:none}._fileName_1ed77_385{font-family:var(--font-regular);font-size:12px;color:var(--Content-Neutral-Default-Active, #475569);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}._fileSize_1ed77_396{font-family:var(--font-regular);font-size:11px;color:var(--Content-Neutral-Secondary, #64748b);flex-shrink:0}._inverted_1ed77_134 ._selectedFilesContainer_1ed77_325{background:#ffffff1a;border-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._inverted_1ed77_134 ._selectedFilesText_1ed77_340,._inverted_1ed77_134 ._clearButton_1ed77_346{color:#fff}._inverted_1ed77_134 ._clearButton_1ed77_346:hover{color:#fffc}._inverted_1ed77_134 ._clearButton_1ed77_346:disabled{color:var(--content-disabled-default, #4f88d9)}._inverted_1ed77_134 ._fileItem_1ed77_373{border-color:#fff3}._inverted_1ed77_134 ._fileName_1ed77_385{color:#ffffffe6}._inverted_1ed77_134 ._fileSize_1ed77_396{color:#ffffffb3}._actions_1ed77_437{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}._bigZIndex_1ed77_445{z-index:1000}._cancelIconWrapper_1ed77_449{background:var(--Content-Negative-Default-Active, #dc2626);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ed77_1 .4s ease}._selectedFileInfo_1ed77_465{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_1ed77_1 .3s ease forwards}._successIconWrapper_1ed77_479{background:var(--Content-Positive-Active, #65a30d);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ed77_1 .4s ease}._loadingIconWrapper_1ed77_495{background:var(--Content-Brand-Default-Active, #2054a5);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ed77_1 .4s ease}._withoutError_1ed77_182 ._selectedFileInfo_1ed77_465{position:static;transform:none;opacity:0;animation:_fadeIn_1ed77_1 .3s ease forwards}._withSuccess_1ed77_519 ._selectedFileInfo_1ed77_465,._withLoading_1ed77_533 ._selectedFileInfo_1ed77_465{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_1ed77_1 .3s ease forwards}._errorText_1ed77_547{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:var(--font-medium);font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);margin:0;padding:0;animation:_fadeInSlideUp_1ed77_1 .4s ease}._successText_1ed77_563{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:var(--font-medium);font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);margin:0;padding:0;animation:_fadeInSlideUp_1ed77_1 .4s ease}@keyframes _fadeInSlideDown_1ed77_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUp_1ed77_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUpCentered_1ed77_1{0%{opacity:0;transform:translate(-50%) translateY(10px);left:50%}to{opacity:1;transform:translate(-50%) translateY(0);left:50%}}@keyframes _fadeIn_1ed77_1{0%{opacity:0}to{opacity:1}}._inlineFileContainer_1ed77_625{display:flex;align-items:center;gap:12px;width:100%;padding:0;animation:_fadeIn_1ed77_1 .3s ease forwards}._inlineFileIcon_1ed77_634{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileIcon_1ed77_634._error_1ed77_108{background:var(--Content-Negative-Default-Active, #dc2626)}._inlineFileIcon_1ed77_634._success_1ed77_117{background:var(--Content-Positive-Active, #65a30d)}._inlineFileIcon_1ed77_634._loading_1ed77_125{background:var(--Content-Brand-Default-Active, #2054a5)}._inlineFileIcon_1ed77_634._default_1ed77_657{background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileInfo_1ed77_661{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._inlineFileName_1ed77_669{font-family:var(--font-medium);font-size:14px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineErrorText_1ed77_678{font-family:var(--font-regular);font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626)}._inlineSuccessText_1ed77_684{font-family:var(--font-regular);font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a)}._inlineFileActions_1ed77_690{display:flex;align-items:center;gap:8px;flex-shrink:0}._inlineActionIcon_1ed77_697{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._inlineActionIcon_1ed77_697:hover{background:var(--Fill-Neutral-Secondary, #f1f5f9)}@media (max-width: 439px){._actions_1ed77_437{flex-direction:column}}

package/dist/components/FileUpload/FileUpload.js

@@ -1,191 +1,193 @@
-import { jsx as i, jsxs as f, Fragment as E } from "react/jsx-runtime";
-import { useState as C, useRef as A, useEffect as S } from "react";
-import { Button as T } from "../Button/Button.js";
-import { Icon as b } from "../../icons/Icon.js";
-import { Spinner as G } from "../Spinner/Spinner.js";
-import '../../assets/FileUpload.css';const J = "_inputContainer_ibkco_1", K = "_fullWidth_ibkco_9", Q = "_label_ibkco_13", X = "_label_large_ibkco_21", Y = "_label_disabled_ibkco_26", ee = "_label_inverted_ibkco_30", ne = "_label_inverted_disabled_ibkco_34", ie = "_fileUploadContainer_ibkco_38", te = "_iconContainerLeft_ibkco_52", oe = "_iconContainerRight_ibkco_60", ce = "_dragOver_ibkco_72", le = "_variant_document_ibkco_88", se = "_icon_ibkco_52", ae = "_variant_add_ibkco_92", re = "_disabled_ibkco_97", _e = "_error_ibkco_108", de = "_success_ibkco_117", fe = "_loading_ibkco_125", be = "_inverted_ibkco_134", ue = "_uploadContent_ibkco_160", he = "_selectedFileContent_ibkco_172", pe = "_withoutError_ibkco_182", me = "_selectedFileName_ibkco_186", ke = "_selectedFileSize_ibkco_194", Fe = "_removeButton_ibkco_201", Ce = "_textContent_ibkco_261", ge = "_dragText_ibkco_271", ve = "_browseText_ibkco_275", Ie = "_hiddenInput_ibkco_312", xe = "_selectedFilesContainer_ibkco_325", we = "_selectedFilesHeader_ibkco_333", Ne = "_selectedFilesText_ibkco_340", De = "_clearButton_ibkco_346", Ee = "_filesList_ibkco_367", Se = "_fileItem_ibkco_373", Te = "_fileName_ibkco_385", We = "_fileSize_ibkco_396", Le = "_bigZIndex_ibkco_437", Ue = "_cancelIconWrapper_ibkco_441", Be = "_fadeInSlideDown_ibkco_1", $e = "_selectedFileInfo_ibkco_457", Oe = "_fadeInSlideUp_ibkco_1", ze = "_successIconWrapper_ibkco_471", Re = "_loadingIconWrapper_ibkco_487", He = "_fadeIn_ibkco_1", je = "_withSuccess_ibkco_511", Me = "_withLoading_ibkco_525", Ve = "_errorText_ibkco_539", Ze = "_successText_ibkco_555", qe = "_inlineFileContainer_ibkco_617", Pe = "_inlineFileIcon_ibkco_626", ye = "_inlineFileInfo_ibkco_653", Ae = "_inlineFileName_ibkco_661", Ge = "_inlineErrorText_ibkco_670", Je = "_inlineSuccessText_ibkco_676", Ke = "_inlineFileActions_ibkco_682", Qe = "_inlineActionIcon_ibkco_689", Xe = "_fadeInSlideUpCentered_ibkco_1", e = {
-  inputContainer: J,
-  fullWidth: K,
-  label: Q,
-  label_large: X,
-  label_disabled: Y,
-  label_inverted: ee,
-  label_inverted_disabled: ne,
+import { jsx as t, jsxs as r, Fragment as W } from "react/jsx-runtime";
+import { useState as I, useRef as G, useEffect as L } from "react";
+import { Button as x } from "../Button/Button.js";
+import { Icon as p } from "../../icons/Icon.js";
+import { Spinner as J } from "../Spinner/Spinner.js";
+import '../../assets/FileUpload.css';const K = "_inputContainer_1ed77_1", Q = "_fullWidth_1ed77_9", X = "_label_1ed77_13", Y = "_label_large_1ed77_21", ee = "_label_disabled_1ed77_26", ne = "_label_inverted_1ed77_30", te = "_label_inverted_disabled_1ed77_34", ie = "_fileUploadContainer_1ed77_38", le = "_iconContainerLeft_1ed77_52", oe = "_iconContainerRight_1ed77_60", se = "_dragOver_1ed77_72", ae = "_variant_document_1ed77_88", ce = "_icon_1ed77_52", de = "_variant_add_1ed77_92", re = "_disabled_1ed77_97", _e = "_error_1ed77_108", fe = "_success_1ed77_117", ue = "_loading_1ed77_125", he = "_inverted_1ed77_134", pe = "_uploadContent_1ed77_160", me = "_selectedFileContent_1ed77_172", ge = "_withoutError_1ed77_182", Ce = "_selectedFileName_1ed77_186", Fe = "_selectedFileSize_1ed77_194", ve = "_removeButton_1ed77_201", Ie = "_textContent_1ed77_261", xe = "_dragText_1ed77_271", be = "_browseText_1ed77_275", Ne = "_hiddenInput_1ed77_312", we = "_selectedFilesContainer_1ed77_325", De = "_selectedFilesHeader_1ed77_333", Ee = "_selectedFilesText_1ed77_340", Te = "_clearButton_1ed77_346", We = "_filesList_1ed77_367", Le = "_fileItem_1ed77_373", Se = "_fileName_1ed77_385", Ue = "_fileSize_1ed77_396", Be = "_actions_1ed77_437", $e = "_bigZIndex_1ed77_445", ke = "_cancelIconWrapper_1ed77_449", ze = "_fadeInSlideDown_1ed77_1", Oe = "_selectedFileInfo_1ed77_465", Re = "_fadeInSlideUp_1ed77_1", He = "_successIconWrapper_1ed77_479", je = "_loadingIconWrapper_1ed77_495", Ze = "_fadeIn_1ed77_1", Me = "_withSuccess_1ed77_519", Ve = "_withLoading_1ed77_533", Pe = "_errorText_1ed77_547", qe = "_successText_1ed77_563", ye = "_inlineFileContainer_1ed77_625", Ae = "_inlineFileIcon_1ed77_634", Ge = "_inlineFileInfo_1ed77_661", Je = "_inlineFileName_1ed77_669", Ke = "_inlineErrorText_1ed77_678", Qe = "_inlineSuccessText_1ed77_684", Xe = "_inlineFileActions_1ed77_690", Ye = "_inlineActionIcon_1ed77_697", en = "_fadeInSlideUpCentered_1ed77_1", e = {
+  inputContainer: K,
+  fullWidth: Q,
+  label: X,
+  label_large: Y,
+  label_disabled: ee,
+  label_inverted: ne,
+  label_inverted_disabled: te,
   fileUploadContainer: ie,
-  iconContainerLeft: te,
+  iconContainerLeft: le,
   iconContainerRight: oe,
-  dragOver: ce,
-  variant_document: le,
-  icon: se,
-  variant_add: ae,
+  dragOver: se,
+  variant_document: ae,
+  icon: ce,
+  variant_add: de,
   disabled: re,
   error: _e,
-  success: de,
-  loading: fe,
-  inverted: be,
-  uploadContent: ue,
-  selectedFileContent: he,
-  withoutError: pe,
-  selectedFileName: me,
-  selectedFileSize: ke,
-  removeButton: Fe,
-  textContent: Ce,
-  dragText: ge,
-  browseText: ve,
-  hiddenInput: Ie,
-  selectedFilesContainer: xe,
-  selectedFilesHeader: we,
-  selectedFilesText: Ne,
-  clearButton: De,
-  filesList: Ee,
-  fileItem: Se,
-  fileName: Te,
-  fileSize: We,
-  bigZIndex: Le,
-  cancelIconWrapper: Ue,
-  fadeInSlideDown: Be,
-  selectedFileInfo: $e,
-  fadeInSlideUp: Oe,
-  successIconWrapper: ze,
-  loadingIconWrapper: Re,
-  fadeIn: He,
-  withSuccess: je,
-  withLoading: Me,
-  errorText: Ve,
-  successText: Ze,
-  inlineFileContainer: qe,
-  inlineFileIcon: Pe,
-  default: "_default_ibkco_649",
-  inlineFileInfo: ye,
-  inlineFileName: Ae,
-  inlineErrorText: Ge,
-  inlineSuccessText: Je,
-  inlineFileActions: Ke,
-  inlineActionIcon: Qe,
-  fadeInSlideUpCentered: Xe
-}, ln = ({
-  variant: W = "document",
-  helperText: L,
-  error: o,
-  success: s,
-  loading: c = !1,
-  disabled: a = !1,
-  defaultFile: g = null,
-  inverted: U = !1,
-  dragText: B,
-  browseText: $ = "Seleccionar archivo",
+  success: fe,
+  loading: ue,
+  inverted: he,
+  uploadContent: pe,
+  selectedFileContent: me,
+  withoutError: ge,
+  selectedFileName: Ce,
+  selectedFileSize: Fe,
+  removeButton: ve,
+  textContent: Ie,
+  dragText: xe,
+  browseText: be,
+  hiddenInput: Ne,
+  selectedFilesContainer: we,
+  selectedFilesHeader: De,
+  selectedFilesText: Ee,
+  clearButton: Te,
+  filesList: We,
+  fileItem: Le,
+  fileName: Se,
+  fileSize: Ue,
+  actions: Be,
+  bigZIndex: $e,
+  cancelIconWrapper: ke,
+  fadeInSlideDown: ze,
+  selectedFileInfo: Oe,
+  fadeInSlideUp: Re,
+  successIconWrapper: He,
+  loadingIconWrapper: je,
+  fadeIn: Ze,
+  withSuccess: Me,
+  withLoading: Ve,
+  errorText: Pe,
+  successText: qe,
+  inlineFileContainer: ye,
+  inlineFileIcon: Ae,
+  default: "_default_1ed77_657",
+  inlineFileInfo: Ge,
+  inlineFileName: Je,
+  inlineErrorText: Ke,
+  inlineSuccessText: Qe,
+  inlineFileActions: Xe,
+  inlineActionIcon: Ye,
+  fadeInSlideUpCentered: en
+}, cn = ({
+  variant: S = "document",
+  helperText: U,
+  error: l,
+  success: a,
+  loading: o = !1,
+  disabled: c = !1,
+  defaultFile: b = null,
+  inverted: B = !1,
+  dragText: $,
+  browseText: k = "Seleccionar archivo",
   allowedTypes: _,
-  inspectFileFunction: O = () => {
+  inspectFileFunction: z = () => {
     console.warn(
       "No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
     );
   },
-  onInvalidTypeAction: u,
-  maxFileSize: v,
-  onInvalidSizeAction: h,
-  onFileSelect: p,
-  fullWidth: I = !1,
-  style: z
+  onInvalidTypeAction: m,
+  maxFileSize: N,
+  onInvalidSizeAction: g,
+  onFileSelect: f,
+  fullWidth: w = !1,
+  style: O
 }) => {
-  const [R, m] = C(!1), [t, x] = C(null), [w, N] = C(!1), k = A(null);
-  S(() => {
-    x(g ?? null);
-  }, [g]), S(() => {
-    if (!t) return;
+  const [R, C] = I(!1), [i, F] = I(null), [D, E] = I(!1), h = G(null);
+  L(() => {
+    F(b ?? null);
+  }, [b]), L(() => {
+    if (!i) return;
     const n = [];
-    o && n.push("error"), s && n.push("success"), c && n.push("loading"), n.length > 1 && console.warn(
+    l && n.push("error"), a && n.push("success"), o && n.push("loading"), n.length > 1 && console.warn(
       `⚠️ FileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
     );
-  }, [o, s, c, t]);
-  const H = L, j = (n) => {
-    n.preventDefault(), a || m(!0);
+  }, [l, a, o, i]);
+  const H = U, j = (n) => {
+    n.preventDefault(), c || C(!0);
+  }, Z = (n) => {
+    n.preventDefault(), C(!1);
   }, M = (n) => {
-    n.preventDefault(), m(!1);
-  }, V = (n) => {
     n.preventDefault();
-  }, Z = (n) => {
-    if (n.preventDefault(), m(!1), a) return;
-    const r = n.dataTransfer.files;
-    D(r);
-  }, q = (n) => {
-    const r = n.target.files;
-    D(r);
-  }, D = (n) => {
+  }, V = (n) => {
+    if (n.preventDefault(), C(!1), c) return;
+    const d = n.dataTransfer.files;
+    T(d);
+  }, P = (n) => {
+    const d = n.target.files;
+    T(d);
+  }, q = () => {
+    F(null), h.current && (h.current.value = ""), f == null || f(null);
+  }, T = (n) => {
     if (!n) return;
     if (_ && _.length > 0)
-      for (let l = 0; l < n.length; l++) {
-        const d = n[l];
+      for (let s = 0; s < n.length; s++) {
+        const u = n[s];
         if (!_.some(
-          (F) => F.startsWith(".") ? d.name.toLowerCase().endsWith(F.toLowerCase()) : d.type === F
+          (v) => v.startsWith(".") ? u.name.toLowerCase().endsWith(v.toLowerCase()) : u.type === v
         )) {
-          u == null || u(), console.warn(`File ${d.name} is not an allowed type`);
+          m == null || m(), console.warn(`File ${u.name} is not an allowed type`);
           return;
         }
       }
-    if (v)
-      for (let l = 0; l < n.length; l++) {
-        const d = n[l];
-        if (d.size > v) {
-          h == null || h(), console.warn(`File ${d.name} exceeds maximum size`);
+    if (N)
+      for (let s = 0; s < n.length; s++) {
+        const u = n[s];
+        if (u.size > N) {
+          g == null || g(), console.warn(`File ${u.name} exceeds maximum size`);
           return;
         }
       }
-    const r = n ? n[0] : null;
-    x(r), p == null || p(
-      r ? (() => {
-        const l = new DataTransfer();
-        return l.items.add(r), l.files;
+    const d = n ? n[0] : null;
+    F(d), f == null || f(
+      d ? (() => {
+        const s = new DataTransfer();
+        return s.items.add(d), s.files;
       })() : null
     );
-  }, P = () => {
-    !a && k.current && k.current.click();
-  }, y = [
+  }, y = () => {
+    !c && h.current && h.current.click();
+  }, A = [
     e.fileUploadContainer,
-    I && e.fullWidth,
-    e[`variant_${W}`],
-    t && o ? e.error : "",
-    t && !o && c ? e.loading : "",
-    t && !o && !c && s ? e.success : "",
-    a ? e.disabled : "",
-    U ? e.inverted : "",
+    w && e.fullWidth,
+    e[`variant_${S}`],
+    i && l ? e.error : "",
+    i && !l && o ? e.loading : "",
+    i && !l && !o && a ? e.success : "",
+    c ? e.disabled : "",
+    B ? e.inverted : "",
     R ? e.dragOver : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: `${e.inputContainer} ${I ? e.fullWidth : ""}`,
-      children: /* @__PURE__ */ f(
+      className: `${e.inputContainer} ${w ? e.fullWidth : ""}`,
+      children: /* @__PURE__ */ r(
         "div",
         {
-          className: y,
+          className: A,
           onDragEnter: j,
-          onDragLeave: M,
-          onDragOver: V,
-          onDrop: Z,
-          onClick: P,
-          style: { cursor: a ? "not-allowed" : "pointer", ...z },
+          onDragLeave: Z,
+          onDragOver: M,
+          onDrop: V,
+          style: { cursor: c ? "not-allowed" : "pointer", ...O },
           onMouseEnter: () => {
-            N(!0);
+            E(!0);
           },
           onMouseLeave: () => {
-            N(!1);
+            E(!1);
           },
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ t(
               "input",
               {
-                ref: k,
+                ref: h,
                 type: "file",
                 className: e.hiddenInput,
-                onChange: q,
-                disabled: a,
+                onChange: P,
+                disabled: c,
                 accept: _ == null ? void 0 : _.join(",")
               }
             ),
-            /* @__PURE__ */ f("div", { className: e.uploadContent, children: [
-              t && o && /* @__PURE__ */ i("div", { className: e.cancelIconWrapper, children: /* @__PURE__ */ i(b, { name: "CancelIcon", fill: "white", height: 30, width: 30 }) }),
-              t && !o && c && /* @__PURE__ */ i("div", { className: e.loadingIconWrapper, children: /* @__PURE__ */ i(
-                G,
+            /* @__PURE__ */ r("div", { className: e.uploadContent, children: [
+              i && l && /* @__PURE__ */ t("div", { className: e.cancelIconWrapper, children: /* @__PURE__ */ t(p, { name: "CancelIcon", fill: "white", height: 30, width: 30 }) }),
+              i && !l && o && /* @__PURE__ */ t("div", { className: e.loadingIconWrapper, children: /* @__PURE__ */ t(
+                J,
                 {
                   size: 10,
                   color: "primary",
@@ -194,70 +196,89 @@ import '../../assets/FileUpload.css';const J = "_inputContainer_ibkco_1", K = "_
                   thickness: 3
                 }
               ) }),
-              t && !o && !c && s && /* @__PURE__ */ i("div", { className: e.successIconWrapper, children: /* @__PURE__ */ i(b, { name: "CheckIcon", fill: "white", height: 30, width: 30 }) }),
-              t ? (
+              i && !l && !o && a && /* @__PURE__ */ t("div", { className: e.successIconWrapper, children: /* @__PURE__ */ t(p, { name: "CheckIcon", fill: "white", height: 30, width: 30 }) }),
+              i ? (
                 // Default layout - full vertical layout
-                /* @__PURE__ */ f(
+                /* @__PURE__ */ r(
                   "div",
                   {
-                    className: `${e.selectedFileContent} ${t && o ? e.withError : t && c ? e.withLoading : t && s ? e.withSuccess : e.withoutError}`,
+                    className: `${e.selectedFileContent} ${i && l ? e.withError : i && o ? e.withLoading : i && a ? e.withSuccess : e.withoutError}`,
                     children: [
-                      /* @__PURE__ */ i("div", { className: e.selectedFileInfo, children: /* @__PURE__ */ f("span", { className: `bodyMedium ${e.selectedFileName}`, children: [
-                        c && "Subiendo ",
-                        t.name
+                      /* @__PURE__ */ t("div", { className: e.selectedFileInfo, children: /* @__PURE__ */ r("span", { className: `bodyMedium ${e.selectedFileName}`, children: [
+                        o && "Subiendo ",
+                        i.name
                       ] }) }),
-                      t && o ? /* @__PURE__ */ i("p", { className: e.errorText, children: o }) : t && !c && s ? /* @__PURE__ */ i("p", { className: e.successText, children: s }) : null,
-                      t && !o && !c && !s && /* @__PURE__ */ i(
-                        T,
-                        {
-                          className: e.bigZIndex,
-                          icon: {
-                            name: "Visibility",
-                            position: "before"
-                          },
-                          onClick: (n) => {
-                            n.stopPropagation(), O();
-                          },
-                          size: "small",
-                          children: "Ver archivo"
-                        }
-                      )
+                      i && l ? /* @__PURE__ */ t("p", { className: e.errorText, children: l }) : i && !o && a ? /* @__PURE__ */ t("p", { className: e.successText, children: a }) : null,
+                      i && !l && !o && !a && /* @__PURE__ */ r("div", { className: e.actions, children: [
+                        /* @__PURE__ */ t(
+                          x,
+                          {
+                            className: e.bigZIndex,
+                            icon: {
+                              name: "Visibility",
+                              position: "before"
+                            },
+                            onClick: (n) => {
+                              n.stopPropagation(), z();
+                            },
+                            size: "small",
+                            children: "Ver archivo"
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          x,
+                          {
+                            className: e.bigZIndex,
+                            icon: {
+                              name: "Delete",
+                              position: "before"
+                            },
+                            onClick: (n) => {
+                              n.stopPropagation(), q();
+                            },
+                            size: "small",
+                            variant: "outline",
+                            children: "Eliminar"
+                          }
+                        )
+                      ] })
                     ]
                   }
                 )
-              ) : /* @__PURE__ */ i(E, { children: /* @__PURE__ */ f("div", { className: e.textContent, children: [
-                /* @__PURE__ */ i("span", { className: `bodyRegular ${e.dragText}`, children: B || H }),
-                /* @__PURE__ */ i(
-                  T,
+              ) : /* @__PURE__ */ t(W, { children: /* @__PURE__ */ r("div", { className: e.textContent, children: [
+                /* @__PURE__ */ t("span", { className: `bodyRegular ${e.dragText}`, children: $ || H }),
+                /* @__PURE__ */ t(
+                  x,
                   {
                     size: "small",
                     icon: {
                       name: "DownloadIcon",
                       position: "before"
                     },
-                    disabled: a,
-                    children: $
+                    disabled: c,
+                    onClick: y,
+                    children: k
                   }
                 )
               ] }) })
             ] }),
-            /* @__PURE__ */ f(E, { children: [
-              /* @__PURE__ */ i("div", { className: e.iconContainerLeft, children: /* @__PURE__ */ i(
-                b,
+            /* @__PURE__ */ r(W, { children: [
+              /* @__PURE__ */ t("div", { className: e.iconContainerLeft, children: /* @__PURE__ */ t(
+                p,
                 {
                   name: "Documentos",
                   height: 140,
                   width: 140,
-                  fill: t && o ? "#FEF2F2" : w ? "#C4D5F1" : "#E0E9F8"
+                  fill: i && l ? "#FEF2F2" : D ? "#C4D5F1" : "#E0E9F8"
                 }
               ) }),
-              /* @__PURE__ */ i("div", { className: e.iconContainerRight, children: /* @__PURE__ */ i(
-                b,
+              /* @__PURE__ */ t("div", { className: e.iconContainerRight, children: /* @__PURE__ */ t(
+                p,
                 {
                   name: "Documentos",
                   height: 140,
                   width: 140,
-                  fill: t && o ? "#FEF2F2" : w ? "#C4D5F1" : "#E0E9F8"
+                  fill: i && l ? "#FEF2F2" : D ? "#C4D5F1" : "#E0E9F8"
                 }
               ) })
             ] })
@@ -268,5 +289,5 @@ import '../../assets/FileUpload.css';const J = "_inputContainer_ibkco_1", K = "_
   );
 };
 export {
-  ln as FileUpload
+  cn as FileUpload
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next-brokers",
   "description": "Componentes de UI para proyecto BMI Next Brokers",
-  "version": "2.9.7",
+  "version": "2.9.8",
   "author": "BMI Ahorro España",
   "contributors": [
     "José Ramón Jiménez <jrjimenez@bmicos.com>",