bmi-next-brokers 1.1.9 → 1.2.1

package/dist/assets/CompactFileUpload.css

@@ -1 +1 @@
-._inputContainer_10r2r_1{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}._compactFileUploadContainer_10r2r_9{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;width:100%;max-width:415px;height:62px}._compactFileUploadContainer_10r2r_9._fullWidth_10r2r_26{max-width:100%}._compactFileUploadContainer_10r2r_9:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._dragOver_10r2r_34{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._variant_document_10r2r_40 ._icon_10r2r_40{color:var(--Content-Neutral-Primary, #475569)}._variant_add_10r2r_44 ._icon_10r2r_40{color:var(--Fill-Brand-Default-Active, #2054a5)}._compactFileUploadContainer_10r2r_9._disabled_10r2r_49{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._compactFileUploadContainer_10r2r_9._disabled_10r2r_49:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._compactFileUploadContainer_10r2r_9._error_10r2r_60{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._compactFileUploadContainer_10r2r_9._error_10r2r_60:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._success_10r2r_68{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._compactFileUploadContainer_10r2r_9._success_10r2r_68:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._loading_10r2r_76{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._compactFileUploadContainer_10r2r_9._loading_10r2r_76:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85._dragOver_10r2r_34{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85._disabled_10r2r_49{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85._error_10r2r_60{background:transparent}._uploadContent_10r2r_110{display:flex;padding:12px;gap:8px;z-index:100;height:100%;position:relative;transition:all .3s ease}._textContent_10r2r_120{text-align:center;display:flex;flex-direction:row;gap:8px;align-items:center;height:100%;min-width:0}._dragText_10r2r_130{font-family:Poppins Bold;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5)}._disabled_10r2r_49 ._dragText_10r2r_130{color:var(--content-disabled-default, #cbd5e1)}._inverted_10r2r_85 ._dragText_10r2r_130{color:#fffc}._inverted_10r2r_85._disabled_10r2r_49 ._dragText_10r2r_130{color:var(--content-disabled-default, #4f88d9)}._inverted_10r2r_85 ._variant_document_10r2r_40 ._icon_10r2r_40,._inverted_10r2r_85 ._variant_add_10r2r_44 ._icon_10r2r_40{color:#fff}._inverted_10r2r_85._disabled_10r2r_49 ._icon_10r2r_40{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_10r2r_160{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._compactFileContent_10r2r_173{display:flex;align-items:center;gap:12px;width:100%;height:100%}._compactFileIcon_10r2r_181{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:0}._compactIconBackground_10r2r_189{display:flex;align-items:center;justify-content:center;padding:6px}._compactFileContent_10r2r_173:not(:has(._compactErrorText_10r2r_196)):not(:has(._compactSuccessText_10r2r_197)):not(:has(._compactLabel_10r2r_198)) ._compactFileText_10r2r_199{justify-content:center}._compactFileText_10r2r_199{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._compactFileName_10r2r_211{color:var(--Content-Neutral-Default-Hover, #525252);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactErrorText_10r2r_196{font-family:Poppins Regular;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactSuccessText_10r2r_197{font-family:Poppins Regular;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactLabel_10r2r_198{color:var(--Content-Neutral-Default-Active, #000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._addIconWrapper_10r2r_243{border-radius:1000px;height:34px;width:34px}._browseText_10r2r_249{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactVisibilityIcon_10r2r_255{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}._compactActions_10r2r_264{display:flex;align-items:center;gap:8px;flex-shrink:0}._compactDeleteAction_10r2r_271{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._deleteText_10r2r_281{font-family:Poppins Regular;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5);white-space:nowrap}
+._inputContainer_1dauy_1{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}._compactFileUploadContainer_1dauy_9{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;width:100%;max-width:415px;height:62px}._compactFileUploadContainer_1dauy_9._fullWidth_1dauy_26{max-width:100%}._compactFileUploadContainer_1dauy_9:hover{font-weight:600;background-color:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_1dauy_9._dragOver_1dauy_35{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._variant_document_1dauy_41 ._icon_1dauy_41{color:var(--Content-Neutral-Primary, #475569)}._variant_add_1dauy_45 ._icon_1dauy_41{color:var(--Fill-Brand-Default-Active, #2054a5)}._compactFileUploadContainer_1dauy_9._disabled_1dauy_50{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._compactFileUploadContainer_1dauy_9._disabled_1dauy_50:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._compactFileUploadContainer_1dauy_9._error_1dauy_61{background-color:#fef2f2}._compactFileUploadContainer_1dauy_9._error_1dauy_61:hover{background-color:var(--Fill-Negative-Default-Hover, #fecaca)}._compactFileUploadContainer_1dauy_9._warning_1dauy_69{background-color:#ffedd5}._compactFileUploadContainer_1dauy_9._warning_1dauy_69:hover{background-color:var(--Fill-Warning-Default-Hover, #fecaca)}._compactFileUploadContainer_1dauy_9._inverted_1dauy_78{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._compactFileUploadContainer_1dauy_9._inverted_1dauy_78:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._compactFileUploadContainer_1dauy_9._inverted_1dauy_78._dragOver_1dauy_35{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._compactFileUploadContainer_1dauy_9._inverted_1dauy_78._disabled_1dauy_50{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._compactFileUploadContainer_1dauy_9._inverted_1dauy_78._error_1dauy_61{background:transparent}._uploadContent_1dauy_103{display:flex;padding:12px;gap:8px;z-index:100;height:100%;position:relative;transition:all .3s ease}._textContent_1dauy_113{text-align:center;display:flex;flex-direction:row;gap:8px;align-items:center;height:100%;min-width:0}._dragText_1dauy_123{font-family:Poppins Bold;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5)}._disabled_1dauy_50 ._dragText_1dauy_123{color:var(--content-disabled-default, #cbd5e1)}._inverted_1dauy_78 ._dragText_1dauy_123{color:#fffc}._inverted_1dauy_78._disabled_1dauy_50 ._dragText_1dauy_123{color:var(--content-disabled-default, #4f88d9)}._inverted_1dauy_78 ._variant_document_1dauy_41 ._icon_1dauy_41,._inverted_1dauy_78 ._variant_add_1dauy_45 ._icon_1dauy_41{color:#fff}._inverted_1dauy_78._disabled_1dauy_50 ._icon_1dauy_41{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_1dauy_153{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._compactFileContent_1dauy_166{display:flex;align-items:center;gap:12px;width:100%;height:100%}._compactFileIcon_1dauy_174{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:0}._compactIconBackground_1dauy_182{display:flex;align-items:center;justify-content:center;padding:6px}._compactFileContent_1dauy_166,._compactFileText_1dauy_190{justify-content:center}._compactFileText_1dauy_190{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._compactLabel_1dauy_202{color:#2054a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactFileName_1dauy_209,._compactStatusText_1dauy_210{color:#525252;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactFileName_1dauy_209._error_1dauy_61{color:#dc2626}._compactFileName_1dauy_209._success_1dauy_221{color:#65a30d}._compactFileName_1dauy_209._warning_1dauy_69{color:#ea580c}._compactFileName_1dauy_209._loading_1dauy_229{color:#2054a5}._addIconWrapper_1dauy_233{border-radius:1000px;height:34px;width:34px}._browseText_1dauy_239{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2054a5}._compactVisibilityIcon_1dauy_246{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}._compactActions_1dauy_255{display:flex;align-items:center;gap:8px;flex-shrink:0}._deleteText_1dauy_262{font-family:Poppins Regular;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5);white-space:nowrap}

package/dist/assets/FileUpload.css

@@ -1 +1 @@
-._inputContainer_1ejg3_1{display:flex;flex-direction:column;gap:4px;width:fit-content}._inputContainer_1ejg3_1._fullWidth_1ejg3_8{width:100%}._label_1ejg3_12{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1ejg3_20{font-size:15px;margin-bottom:6px}._label_disabled_1ejg3_25{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_1ejg3_29{color:#fff!important}._label_inverted_disabled_1ejg3_33{color:var(--Content-Neutral-Default-Active, #fff)}._required_1ejg3_37{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_disabled_1ejg3_42{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_1ejg3_46{color:var(--Content-Negative-Default-Active, #f87171)}._required_inverted_disabled_1ejg3_50{color:var(--content-disabled-default, #4f88d9)}._fileUploadContainer_1ejg3_54{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_1ejg3_68{position:absolute;top:-60px;left:-12px;transform:rotate(15deg);transition:opacity .3s ease}._iconContainerRight_1ejg3_76{position:absolute;top:20px;left:300px;transform:rotate(-25deg);transition:opacity .3s ease}._fileUploadContainer_1ejg3_54:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ejg3_54._dragOver_1ejg3_88{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ejg3_54{width:415px;height:120px}._fileUploadContainer_1ejg3_54._fullWidth_1ejg3_8{width:100%}._variant_document_1ejg3_104 ._icon_1ejg3_68{color:var(--Content-Neutral-Primary, #475569)}._variant_add_1ejg3_108 ._icon_1ejg3_68{color:var(--Fill-Brand-Default-Active, #2054a5)}._fileUploadContainer_1ejg3_54._disabled_1ejg3_113{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._fileUploadContainer_1ejg3_54._disabled_1ejg3_113:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._fileUploadContainer_1ejg3_54._error_1ejg3_124{border-color:var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2)}._fileUploadContainer_1ejg3_54._error_1ejg3_124:hover{border-color:var(--Stroke-Negative-Active, #dc2626)}._fileUploadContainer_1ejg3_54._success_1ejg3_133{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ejg3_54._success_1ejg3_133:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ejg3_54._loading_1ejg3_141{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ejg3_54._loading_1ejg3_141:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150._dragOver_1ejg3_88{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150._disabled_1ejg3_113{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150._error_1ejg3_124{border-color:var(--Stroke-Negative-Active, #ef4444);background:#ef44441a}._uploadContent_1ejg3_176{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;height:100%;position:relative;transition:all .3s ease}._selectedFileContent_1ejg3_188{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:flex-start}._selectedFileContent_1ejg3_188._withoutError_1ejg3_198{justify-content:center}._selectedFileName_1ejg3_202{font-family:Poppins Bold;font-size:16px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedFileSize_1ejg3_211{font-family:Poppins Regular;font-size:12px;color:var(--Content-Neutral-Secondary, #64748b);margin-top:2px}._removeButton_1ejg3_218{font-family:Poppins 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_1ejg3_218:hover{color:var(--Content-Negative-Default-Active, #dc2626);background:var(--Fill-Negative-Default-Hover, #fee2e2)}._removeButton_1ejg3_218:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;background:transparent}._inverted_1ejg3_150 ._selectedFileName_1ejg3_202{color:#fff}._inverted_1ejg3_150 ._selectedFileSize_1ejg3_211,._inverted_1ejg3_150 ._removeButton_1ejg3_218{color:#ffffffb3}._inverted_1ejg3_150 ._removeButton_1ejg3_218:hover{color:var(--Content-Negative-Default-Active, #f87171);background:#ef44441a}._inverted_1ejg3_150._disabled_1ejg3_113 ._selectedFileName_1ejg3_202,._inverted_1ejg3_150._disabled_1ejg3_113 ._selectedFileSize_1ejg3_211,._inverted_1ejg3_150._disabled_1ejg3_113 ._removeButton_1ejg3_218{color:var(--content-disabled-default, #4f88d9)}._icon_1ejg3_68{display:flex;align-items:center;justify-content:center}._icon_1ejg3_68 svg{width:32px;height:32px}._textContent_1ejg3_278{text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100%}._dragText_1ejg3_288{font-family:Poppins Bold;font-size:16px;color:var(--Content-Brand-Default-Active, #2054a5)}._browseText_1ejg3_294{font-family:Poppins Medium;font-size:14px;color:var(--Fill-Brand-Default-Active, #2054a5);text-decoration:underline}._disabled_1ejg3_113 ._dragText_1ejg3_288,._disabled_1ejg3_113 ._browseText_1ejg3_294{color:var(--content-disabled-default, #cbd5e1)}._inverted_1ejg3_150 ._dragText_1ejg3_288{color:#fffc}._inverted_1ejg3_150 ._browseText_1ejg3_294{color:#fff}._inverted_1ejg3_150._disabled_1ejg3_113 ._dragText_1ejg3_288,._inverted_1ejg3_150._disabled_1ejg3_113 ._browseText_1ejg3_294{color:var(--content-disabled-default, #4f88d9)}._inverted_1ejg3_150 ._variant_document_1ejg3_104 ._icon_1ejg3_68,._inverted_1ejg3_150 ._variant_add_1ejg3_108 ._icon_1ejg3_68{color:#fff}._inverted_1ejg3_150._disabled_1ejg3_113 ._icon_1ejg3_68{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_1ejg3_331{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._helperText_1ejg3_344{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_default_1ejg3_351{font-size:11px}._helperText_compact_1ejg3_355{font-size:10px}._helperText_disabled_1ejg3_359{color:var(--content-disabled-default, #cbd5e1)}._helperText_inverted_1ejg3_363,._helperText_inverted_disabled_1ejg3_367{color:var(--Content-Neutral-Default-Default, #fafafa)}._errorMessage_1ejg3_372{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px}._errorMessage_default_1ejg3_379{font-size:12px}._errorMessage_compact_1ejg3_383{font-size:10px}._errorMessage_inverted_1ejg3_387{color:var(--Content-Negative-Default-Active, #f87171)!important}._selectedFilesContainer_1ejg3_392{margin-top:12px;padding:12px;border-radius:8px;background:var(--Fill-Neutral-Default-Default, #f8fafc);border:1px solid var(--Stroke-Neutral-Primary, #e2e8f0)}._selectedFilesHeader_1ejg3_400{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._selectedFilesText_1ejg3_407{font-family:Poppins Medium;font-size:13px;color:var(--Content-Neutral-Default-Active, #475569)}._clearButton_1ejg3_413{font-family:Poppins Medium;font-size:12px;color:var(--Fill-Brand-Default-Active, #2054a5);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}._clearButton_1ejg3_413:hover{color:var(--Fill-Brand-Default-Hover, #1e40af)}._clearButton_1ejg3_413:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;text-decoration:none}._filesList_1ejg3_434{display:flex;flex-direction:column;gap:4px}._fileItem_1ejg3_440{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--Stroke-Neutral-Secondary, #e2e8f0)}._fileItem_1ejg3_440:last-child{border-bottom:none}._fileName_1ejg3_452{font-family:Poppins 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_1ejg3_463{font-family:Poppins Regular;font-size:11px;color:var(--Content-Neutral-Secondary, #64748b);flex-shrink:0}._inverted_1ejg3_150 ._selectedFilesContainer_1ejg3_392{background:#ffffff1a;border-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._inverted_1ejg3_150 ._selectedFilesText_1ejg3_407,._inverted_1ejg3_150 ._clearButton_1ejg3_413{color:#fff}._inverted_1ejg3_150 ._clearButton_1ejg3_413:hover{color:#fffc}._inverted_1ejg3_150 ._clearButton_1ejg3_413:disabled{color:var(--content-disabled-default, #4f88d9)}._inverted_1ejg3_150 ._fileItem_1ejg3_440{border-color:#fff3}._inverted_1ejg3_150 ._fileName_1ejg3_452{color:#ffffffe6}._inverted_1ejg3_150 ._fileSize_1ejg3_463{color:#ffffffb3}._bigZIndex_1ejg3_504{z-index:1000}._cancelIconWrapper_1ejg3_508{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_1ejg3_1 .4s ease}._selectedFileInfo_1ejg3_524{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_1ejg3_1 .3s ease forwards}._successIconWrapper_1ejg3_538{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_1ejg3_1 .4s ease}._loadingIconWrapper_1ejg3_554{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_1ejg3_1 .4s ease}._withoutError_1ejg3_198 ._selectedFileInfo_1ejg3_524{position:static;transform:none;opacity:0;animation:_fadeIn_1ejg3_1 .3s ease forwards}._withSuccess_1ejg3_578 ._selectedFileInfo_1ejg3_524,._withLoading_1ejg3_592 ._selectedFileInfo_1ejg3_524{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_1ejg3_1 .3s ease forwards}._errorText_1ejg3_606{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);margin:0;padding:0;animation:_fadeInSlideUp_1ejg3_1 .4s ease}._successText_1ejg3_622{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);margin:0;padding:0;animation:_fadeInSlideUp_1ejg3_1 .4s ease}@keyframes _fadeInSlideDown_1ejg3_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUp_1ejg3_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUpCentered_1ejg3_1{0%{opacity:0;transform:translate(-50%) translateY(10px);left:50%}to{opacity:1;transform:translate(-50%) translateY(0);left:50%}}@keyframes _fadeIn_1ejg3_1{0%{opacity:0}to{opacity:1}}._inlineFileContainer_1ejg3_684{display:flex;align-items:center;gap:12px;width:100%;padding:0;animation:_fadeIn_1ejg3_1 .3s ease forwards}._inlineFileIcon_1ejg3_693{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_1ejg3_693._error_1ejg3_124{background:var(--Content-Negative-Default-Active, #dc2626)}._inlineFileIcon_1ejg3_693._success_1ejg3_133{background:var(--Content-Positive-Active, #65a30d)}._inlineFileIcon_1ejg3_693._loading_1ejg3_141{background:var(--Content-Brand-Default-Active, #2054a5)}._inlineFileIcon_1ejg3_693._default_1ejg3_716{background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileInfo_1ejg3_720{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._inlineFileName_1ejg3_728{font-family:Poppins Medium;font-size:14px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineErrorText_1ejg3_737{font-family:Poppins Regular;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626)}._inlineSuccessText_1ejg3_743{font-family:Poppins Regular;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a)}._inlineFileActions_1ejg3_749{display:flex;align-items:center;gap:8px;flex-shrink:0}._inlineActionIcon_1ejg3_756{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._inlineActionIcon_1ejg3_756:hover{background:var(--Fill-Neutral-Secondary, #f1f5f9)}
+._inputContainer_13l42_1{display:flex;flex-direction:column;gap:4px;width:fit-content}._inputContainer_13l42_1._fullWidth_13l42_8{width:100%}._label_13l42_12{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_13l42_20{font-size:15px;margin-bottom:6px}._label_disabled_13l42_25{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_13l42_29{color:#fff!important}._label_inverted_disabled_13l42_33{color:var(--Content-Neutral-Default-Active, #fff)}._required_13l42_37{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_disabled_13l42_42{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_13l42_46{color:var(--Content-Negative-Default-Active, #f87171)}._required_inverted_disabled_13l42_50{color:var(--content-disabled-default, #4f88d9)}._fileUploadContainer_13l42_54{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_13l42_68{position:absolute;top:-60px;left:-12px;transform:rotate(15deg);transition:opacity .3s ease}._iconContainerRight_13l42_76{position:absolute;top:20px;left:300px;transform:rotate(-25deg);transition:opacity .3s ease}._fileUploadContainer_13l42_54:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_13l42_54._dragOver_13l42_88{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_13l42_54{width:415px;height:120px}._fileUploadContainer_13l42_54._fullWidth_13l42_8{width:100%}._variant_document_13l42_104 ._icon_13l42_68{color:var(--Content-Neutral-Primary, #475569)}._variant_add_13l42_108 ._icon_13l42_68{color:var(--Fill-Brand-Default-Active, #2054a5)}._fileUploadContainer_13l42_54._disabled_13l42_113{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._fileUploadContainer_13l42_54._disabled_13l42_113:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._fileUploadContainer_13l42_54._error_13l42_124{border-color:var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2)}._fileUploadContainer_13l42_54._error_13l42_124:hover{border-color:var(--Stroke-Negative-Active, #dc2626)}._fileUploadContainer_13l42_54._success_13l42_133{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_13l42_54._success_13l42_133:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_13l42_54._loading_13l42_141{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_13l42_54._loading_13l42_141:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_13l42_54._inverted_13l42_150{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._fileUploadContainer_13l42_54._inverted_13l42_150:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._fileUploadContainer_13l42_54._inverted_13l42_150._dragOver_13l42_88{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._fileUploadContainer_13l42_54._inverted_13l42_150._disabled_13l42_113{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._fileUploadContainer_13l42_54._inverted_13l42_150._error_13l42_124{border-color:var(--Stroke-Negative-Active, #ef4444);background:#ef44441a}._uploadContent_13l42_176{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;height:100%;position:relative;transition:all .3s ease}._selectedFileContent_13l42_188{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:flex-start}._selectedFileContent_13l42_188._withoutError_13l42_198{justify-content:center}._selectedFileName_13l42_202{color:#2054a5;font-size:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedFileSize_13l42_210{font-family:Poppins Regular;font-size:12px;color:var(--Content-Neutral-Secondary, #64748b);margin-top:2px}._removeButton_13l42_217{font-family:Poppins 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_13l42_217:hover{color:var(--Content-Negative-Default-Active, #dc2626);background:var(--Fill-Negative-Default-Hover, #fee2e2)}._removeButton_13l42_217:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;background:transparent}._inverted_13l42_150 ._selectedFileName_13l42_202{color:#fff}._inverted_13l42_150 ._selectedFileSize_13l42_210,._inverted_13l42_150 ._removeButton_13l42_217{color:#ffffffb3}._inverted_13l42_150 ._removeButton_13l42_217:hover{color:var(--Content-Negative-Default-Active, #f87171);background:#ef44441a}._inverted_13l42_150._disabled_13l42_113 ._selectedFileName_13l42_202,._inverted_13l42_150._disabled_13l42_113 ._selectedFileSize_13l42_210,._inverted_13l42_150._disabled_13l42_113 ._removeButton_13l42_217{color:var(--content-disabled-default, #4f88d9)}._icon_13l42_68{display:flex;align-items:center;justify-content:center}._icon_13l42_68 svg{width:32px;height:32px}._textContent_13l42_277{text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100%}._dragText_13l42_287{color:var(--Content-Brand-Default-Active, #2054a5)}._browseText_13l42_291{font-family:Poppins Medium;font-size:14px;color:var(--Fill-Brand-Default-Active, #2054a5);text-decoration:underline}._disabled_13l42_113 ._dragText_13l42_287,._disabled_13l42_113 ._browseText_13l42_291{color:var(--content-disabled-default, #cbd5e1)}._inverted_13l42_150 ._dragText_13l42_287{color:#fffc}._inverted_13l42_150 ._browseText_13l42_291{color:#fff}._inverted_13l42_150._disabled_13l42_113 ._dragText_13l42_287,._inverted_13l42_150._disabled_13l42_113 ._browseText_13l42_291{color:var(--content-disabled-default, #4f88d9)}._inverted_13l42_150 ._variant_document_13l42_104 ._icon_13l42_68,._inverted_13l42_150 ._variant_add_13l42_108 ._icon_13l42_68{color:#fff}._inverted_13l42_150._disabled_13l42_113 ._icon_13l42_68{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_13l42_328{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._helperText_13l42_341{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_default_13l42_348{font-size:11px}._helperText_compact_13l42_352{font-size:10px}._helperText_disabled_13l42_356{color:var(--content-disabled-default, #cbd5e1)}._helperText_inverted_13l42_360,._helperText_inverted_disabled_13l42_364{color:var(--Content-Neutral-Default-Default, #fafafa)}._errorMessage_13l42_369{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px}._errorMessage_default_13l42_376{font-size:12px}._errorMessage_compact_13l42_380{font-size:10px}._errorMessage_inverted_13l42_384{color:var(--Content-Negative-Default-Active, #f87171)!important}._selectedFilesContainer_13l42_389{margin-top:12px;padding:12px;border-radius:8px;background:var(--Fill-Neutral-Default-Default, #f8fafc);border:1px solid var(--Stroke-Neutral-Primary, #e2e8f0)}._selectedFilesHeader_13l42_397{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._selectedFilesText_13l42_404{font-family:Poppins Medium;font-size:13px;color:var(--Content-Neutral-Default-Active, #475569)}._clearButton_13l42_410{font-family:Poppins Medium;font-size:12px;color:var(--Fill-Brand-Default-Active, #2054a5);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}._clearButton_13l42_410:hover{color:var(--Fill-Brand-Default-Hover, #1e40af)}._clearButton_13l42_410:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;text-decoration:none}._filesList_13l42_431{display:flex;flex-direction:column;gap:4px}._fileItem_13l42_437{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--Stroke-Neutral-Secondary, #e2e8f0)}._fileItem_13l42_437:last-child{border-bottom:none}._fileName_13l42_449{font-family:Poppins 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_13l42_460{font-family:Poppins Regular;font-size:11px;color:var(--Content-Neutral-Secondary, #64748b);flex-shrink:0}._inverted_13l42_150 ._selectedFilesContainer_13l42_389{background:#ffffff1a;border-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._inverted_13l42_150 ._selectedFilesText_13l42_404,._inverted_13l42_150 ._clearButton_13l42_410{color:#fff}._inverted_13l42_150 ._clearButton_13l42_410:hover{color:#fffc}._inverted_13l42_150 ._clearButton_13l42_410:disabled{color:var(--content-disabled-default, #4f88d9)}._inverted_13l42_150 ._fileItem_13l42_437{border-color:#fff3}._inverted_13l42_150 ._fileName_13l42_449{color:#ffffffe6}._inverted_13l42_150 ._fileSize_13l42_460{color:#ffffffb3}._bigZIndex_13l42_501{z-index:1000}._cancelIconWrapper_13l42_505{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_13l42_1 .4s ease}._selectedFileInfo_13l42_521{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_13l42_1 .3s ease forwards}._successIconWrapper_13l42_535{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_13l42_1 .4s ease}._loadingIconWrapper_13l42_551{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_13l42_1 .4s ease}._withoutError_13l42_198 ._selectedFileInfo_13l42_521{position:static;transform:none;opacity:0;animation:_fadeIn_13l42_1 .3s ease forwards}._withSuccess_13l42_575 ._selectedFileInfo_13l42_521,._withLoading_13l42_589 ._selectedFileInfo_13l42_521{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_13l42_1 .3s ease forwards}._errorText_13l42_603{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);margin:0;padding:0;animation:_fadeInSlideUp_13l42_1 .4s ease}._successText_13l42_619{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);margin:0;padding:0;animation:_fadeInSlideUp_13l42_1 .4s ease}@keyframes _fadeInSlideDown_13l42_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUp_13l42_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUpCentered_13l42_1{0%{opacity:0;transform:translate(-50%) translateY(10px);left:50%}to{opacity:1;transform:translate(-50%) translateY(0);left:50%}}@keyframes _fadeIn_13l42_1{0%{opacity:0}to{opacity:1}}._inlineFileContainer_13l42_681{display:flex;align-items:center;gap:12px;width:100%;padding:0;animation:_fadeIn_13l42_1 .3s ease forwards}._inlineFileIcon_13l42_690{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_13l42_690._error_13l42_124{background:var(--Content-Negative-Default-Active, #dc2626)}._inlineFileIcon_13l42_690._success_13l42_133{background:var(--Content-Positive-Active, #65a30d)}._inlineFileIcon_13l42_690._loading_13l42_141{background:var(--Content-Brand-Default-Active, #2054a5)}._inlineFileIcon_13l42_690._default_13l42_713{background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileInfo_13l42_717{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._inlineFileName_13l42_725{font-family:Poppins Medium;font-size:14px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineErrorText_13l42_734{font-family:Poppins Regular;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626)}._inlineSuccessText_13l42_740{font-family:Poppins Regular;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a)}._inlineFileActions_13l42_746{display:flex;align-items:center;gap:8px;flex-shrink:0}._inlineActionIcon_13l42_753{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._inlineActionIcon_13l42_753:hover{background:var(--Fill-Neutral-Secondary, #f1f5f9)}

package/dist/components/FileUpload/CompactFileUpload.d.ts

@@ -7,6 +7,7 @@ export interface CompactFileUploadProps {
     required?: boolean;
     error?: string;
     success?: string;
+    warning?: string;
     defaultFile?: File;
     loading?: boolean;
     disabled?: boolean;
@@ -16,7 +17,8 @@ export interface CompactFileUploadProps {
     allowedTypes?: string[];
     inspectFileFunction?: () => void;
     maxFileSize?: number;
-    onFileSelect?: (files: FileList | null) => void;
+    onFileSelect?: (files: FileList | null) => void | Promise<void>;
+    onDelete?: (files: FileList | null) => void | Promise<void>;
     statusIconBorderRadius?: string;
     fullWidth?: boolean;
 }

package/dist/components/FileUpload/CompactFileUpload.js

@@ -1,159 +1,162 @@
-import { jsx as e, jsxs as _, Fragment as F } from "react/jsx-runtime";
-import { useState as D, useRef as R, useEffect as z } from "react";
-import { Icon as u } from "../../icons/Icon.js";
-import { Spinner as M } from "../Spinner/Spinner.js";
-import '../../assets/CompactFileUpload.css';const q = "_inputContainer_10r2r_1", H = "_compactFileUploadContainer_10r2r_9", S = "_fullWidth_10r2r_26", Y = "_dragOver_10r2r_34", G = "_variant_document_10r2r_40", J = "_icon_10r2r_40", K = "_variant_add_10r2r_44", P = "_disabled_10r2r_49", Q = "_error_10r2r_60", X = "_success_10r2r_68", Z = "_loading_10r2r_76", tt = "_inverted_10r2r_85", et = "_uploadContent_10r2r_110", nt = "_textContent_10r2r_120", ct = "_dragText_10r2r_130", at = "_hiddenInput_10r2r_160", ot = "_compactFileContent_10r2r_173", rt = "_compactFileIcon_10r2r_181", it = "_compactIconBackground_10r2r_189", lt = "_compactErrorText_10r2r_196", st = "_compactSuccessText_10r2r_197", dt = "_compactLabel_10r2r_198", mt = "_compactFileText_10r2r_199", pt = "_compactFileName_10r2r_211", _t = "_addIconWrapper_10r2r_243", ht = "_browseText_10r2r_249", ut = "_compactVisibilityIcon_10r2r_255", ft = "_compactActions_10r2r_264", vt = "_compactDeleteAction_10r2r_271", Ct = "_deleteText_10r2r_281", t = {
-  inputContainer: q,
-  compactFileUploadContainer: H,
-  fullWidth: S,
-  dragOver: Y,
-  variant_document: G,
-  icon: J,
-  variant_add: K,
-  disabled: P,
-  error: Q,
-  success: X,
-  loading: Z,
-  inverted: tt,
-  uploadContent: et,
-  textContent: nt,
-  dragText: ct,
-  hiddenInput: at,
-  compactFileContent: ot,
+import { jsx as n, jsxs as u, Fragment as T } from "react/jsx-runtime";
+import { useState as w, useRef as q, useEffect as H } from "react";
+import { Icon as x } from "../../icons/Icon.js";
+import { Spinner as G } from "../Spinner/Spinner.js";
+import { Button as $ } from "../Button/Button.js";
+import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1", K = "_compactFileUploadContainer_1dauy_9", P = "_fullWidth_1dauy_26", Q = "_dragOver_1dauy_35", X = "_variant_document_1dauy_41", Y = "_icon_1dauy_41", Z = "_variant_add_1dauy_45", tt = "_disabled_1dauy_50", at = "_error_1dauy_61", nt = "_warning_1dauy_69", et = "_inverted_1dauy_78", ct = "_uploadContent_1dauy_103", ot = "_textContent_1dauy_113", it = "_dragText_1dauy_123", lt = "_hiddenInput_1dauy_153", st = "_compactFileContent_1dauy_166", rt = "_compactFileIcon_1dauy_174", dt = "_compactIconBackground_1dauy_182", mt = "_compactFileText_1dauy_190", pt = "_compactLabel_1dauy_202", ut = "_compactFileName_1dauy_209", _t = "_compactStatusText_1dauy_210", ht = "_success_1dauy_221", ft = "_loading_1dauy_229", vt = "_addIconWrapper_1dauy_233", yt = "_browseText_1dauy_239", Ct = "_compactVisibilityIcon_1dauy_246", gt = "_compactActions_1dauy_255", xt = "_deleteText_1dauy_262", t = {
+  inputContainer: J,
+  compactFileUploadContainer: K,
+  fullWidth: P,
+  dragOver: Q,
+  variant_document: X,
+  icon: Y,
+  variant_add: Z,
+  disabled: tt,
+  error: at,
+  warning: nt,
+  inverted: et,
+  uploadContent: ct,
+  textContent: ot,
+  dragText: it,
+  hiddenInput: lt,
+  compactFileContent: st,
   compactFileIcon: rt,
-  compactIconBackground: it,
-  compactErrorText: lt,
-  compactSuccessText: st,
-  compactLabel: dt,
+  compactIconBackground: dt,
   compactFileText: mt,
-  compactFileName: pt,
-  addIconWrapper: _t,
-  browseText: ht,
-  compactVisibilityIcon: ut,
-  compactActions: ft,
-  compactDeleteAction: vt,
-  deleteText: Ct
-}, Dt = ({
-  variant: T = "document",
-  label: C,
-  error: c,
-  success: a,
+  compactLabel: pt,
+  compactFileName: ut,
+  compactStatusText: _t,
+  success: ht,
+  loading: ft,
+  addIconWrapper: vt,
+  browseText: yt,
+  compactVisibilityIcon: Ct,
+  compactActions: gt,
+  deleteText: xt
+}, $t = ({
+  variant: k = "document",
+  label: f,
+  error: e,
+  success: c,
+  warning: _,
   loading: o = !1,
-  defaultFile: g = null,
-  disabled: s = !1,
+  defaultFile: I = null,
+  disabled: d = !1,
   inverted: A = !1,
-  browseText: b = "Seleccionar archivo",
-  allowedTypes: d,
-  inspectFileFunction: y = () => {
+  browseText: D = "Seleccionar archivo",
+  allowedTypes: m,
+  inspectFileFunction: W = () => {
     console.warn(
       "No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
     );
   },
-  maxFileSize: x,
-  onFileSelect: m,
-  statusIconBorderRadius: k = "50%",
-  fullWidth: w = !1
+  maxFileSize: F,
+  onFileSelect: v,
+  onDelete: y,
+  statusIconBorderRadius: S = "50%",
+  fullWidth: B = !1
 }) => {
-  const [E, f] = D(!1), [i, I] = D(
-    g || null
-  ), h = R(null);
-  z(() => {
+  const [E, C] = w(!1), [i, N] = w(
+    I || null
+  ), h = q(null);
+  H(() => {
     if (!i) return;
-    const n = [];
-    c && n.push("error"), a && n.push("success"), o && n.push("loading"), n.length > 1 && console.warn(
-      `⚠️ CompactFileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
+    const a = [];
+    e && a.push("error"), c && a.push("success"), o && a.push("loading"), a.length > 1 && console.warn(
+      `⚠️ CompactFileUpload: Múltiples estados detectados (${a.join(", ")}). Solo un estado debe estar activo a la vez.`
     );
-  }, [c, a, o, i]);
-  const W = (n) => {
-    n.preventDefault(), s || f(!0);
-  }, L = (n) => {
-    n.preventDefault(), f(!1);
-  }, O = (n) => {
-    n.preventDefault();
-  }, j = (n) => {
-    if (n.preventDefault(), f(!1), s) return;
-    const l = n.dataTransfer.files;
-    N(l);
-  }, B = (n) => {
-    const l = n.target.files;
-    N(l);
-  }, N = (n) => {
-    if (!n) return;
-    if (d && d.length > 0)
-      for (let r = 0; r < n.length; r++) {
-        const p = n[r];
-        if (!d.some(
-          (v) => v.startsWith(".") ? p.name.toLowerCase().endsWith(v.toLowerCase()) : p.type === v
+  }, [e, c, o, i]);
+  const L = (a) => {
+    a.preventDefault(), d || C(!0);
+  }, O = (a) => {
+    a.preventDefault(), C(!1);
+  }, j = (a) => {
+    a.preventDefault();
+  }, R = (a) => {
+    if (a.preventDefault(), C(!1), d) return;
+    const r = a.dataTransfer.files;
+    b(r);
+  }, U = async (a) => {
+    const r = a.target.files;
+    b(r);
+  }, b = async (a) => {
+    if (!a) return;
+    if (m && m.length > 0)
+      for (let l = 0; l < a.length; l++) {
+        const p = a[l];
+        if (!m.some(
+          (g) => g.startsWith(".") ? p.name.toLowerCase().endsWith(g.toLowerCase()) : p.type === g
         )) {
           console.warn(`File ${p.name} is not an allowed type`);
           return;
         }
       }
-    if (x)
-      for (let r = 0; r < n.length; r++) {
-        const p = n[r];
-        if (p.size > x) {
+    if (F)
+      for (let l = 0; l < a.length; l++) {
+        const p = a[l];
+        if (p.size > F) {
           console.warn(`File ${p.name} exceeds maximum size`);
           return;
         }
       }
-    const l = n ? n[0] : null;
-    I(l), m == null || m(
-      l ? (() => {
-        const r = new DataTransfer();
-        return r.items.add(l), r.files;
+    const r = a ? a[0] : null;
+    N(r), await (v == null ? void 0 : v(
+      r ? (() => {
+        const l = new DataTransfer();
+        return l.items.add(r), l.files;
       })() : null
-    );
+    ));
   }, V = () => {
-    !s && h.current && h.current.click();
-  }, U = () => {
-    I(null), h.current && (h.current.value = ""), m == null || m(null);
-  }, $ = [
+    !d && h.current && h.current.click();
+  }, M = async () => {
+    await (y == null ? void 0 : y(null)), N(null), h.current && (h.current.value = "");
+  }, s = _ && !o && !c && !e, z = [
     t.compactFileUploadContainer,
-    w && t.fullWidth,
-    t[`variant_${T}`],
-    i && c ? t.error : "",
-    i && !c && o ? t.loading : "",
-    i && !c && !o && a ? t.success : "",
-    s ? t.disabled : "",
+    B && t.fullWidth,
+    t[`variant_${k}`],
+    s ? t.warning : "",
+    i && e ? t.error : "",
+    i && !e && o ? t.loading : "",
+    i && !e && !o && c ? t.success : "",
+    d ? t.disabled : "",
     A ? t.inverted : "",
     E ? t.dragOver : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: t.inputContainer, children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ n("div", { className: t.inputContainer, children: /* @__PURE__ */ u(
     "div",
     {
-      className: $,
-      onDragEnter: W,
-      onDragLeave: L,
-      onDragOver: O,
-      onDrop: j,
+      className: z,
+      onDragEnter: L,
+      onDragLeave: O,
+      onDragOver: j,
+      onDrop: R,
       onClick: i ? () => {
       } : V,
-      style: { cursor: s ? "not-allowed" : "pointer" },
+      style: { cursor: d ? "not-allowed" : "pointer" },
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ n(
           "input",
           {
             ref: h,
             type: "file",
             className: t.hiddenInput,
-            onChange: B,
-            disabled: s,
-            accept: d == null ? void 0 : d.join(",")
+            onChange: U,
+            disabled: d,
+            accept: m == null ? void 0 : m.join(",")
           }
         ),
-        /* @__PURE__ */ e("div", { className: t.uploadContent, children: i ? (
+        /* @__PURE__ */ n("div", { className: t.uploadContent, children: i || s ? (
           // Compact layout - simple text with left icon
-          /* @__PURE__ */ _("div", { className: t.compactFileContent, children: [
-            /* @__PURE__ */ e("div", { className: t.compactFileIcon, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ u("div", { className: t.compactFileContent, children: [
+            /* @__PURE__ */ n("div", { className: t.compactFileIcon, children: /* @__PURE__ */ n(
               "div",
               {
                 className: t.compactIconBackground,
                 style: {
-                  background: c ? "#DC2626" : o ? "#2054A5" : a ? "#65A30D" : "#2054A5",
-                  borderRadius: k
+                  background: e ? "#DC2626" : o ? "#2054A5" : c ? "#65A30D" : _ ? "#EA580C" : "#2054A5",
+                  borderRadius: S
                 },
-                children: o ? /* @__PURE__ */ e(
+                children: o ? /* @__PURE__ */ n(
                   "div",
                   {
                     style: {
@@ -162,8 +165,8 @@ import '../../assets/CompactFileUpload.css';const q = "_inputContainer_10r2r_1",
                       alignItems: "center",
                       margin: "4px"
                     },
-                    children: /* @__PURE__ */ e(
-                      M,
+                    children: /* @__PURE__ */ n(
+                      G,
                       {
                         size: 10,
                         color: "primary",
@@ -173,7 +176,7 @@ import '../../assets/CompactFileUpload.css';const q = "_inputContainer_10r2r_1",
                       }
                     )
                   }
-                ) : /* @__PURE__ */ e(
+                ) : /* @__PURE__ */ n(
                   "div",
                   {
                     style: {
@@ -181,33 +184,50 @@ import '../../assets/CompactFileUpload.css';const q = "_inputContainer_10r2r_1",
                       justifyContent: "center",
                       alignItems: "center"
                     },
-                    children: /* @__PURE__ */ e(
-                      u,
+                    children: /* @__PURE__ */ n(
+                      x,
                       {
-                        name: c ? "CancelIcon" : a ? "CheckIcon" : "Documentos",
+                        name: e ? "CancelIcon" : c ? "CheckIcon" : _ ? "AlertIcon" : "Documentos",
                         fill: "white",
-                        height: 24,
-                        width: 24
+                        height: 20,
+                        width: 20
                       }
                     )
                   }
                 )
               }
             ) }),
-            /* @__PURE__ */ _("div", { className: t.compactFileText, children: [
-              !c && !o && !a && C && /* @__PURE__ */ e("span", { className: `small1Medium ${t.compactLabel}`, children: C }),
-              /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactFileName}`, children: i.name }),
-              c && /* @__PURE__ */ e("span", { className: t.compactErrorText, children: c }),
-              !o && a && /* @__PURE__ */ e("span", { className: t.compactSuccessText, children: a })
+            /* @__PURE__ */ u("div", { className: t.compactFileText, children: [
+              !e && !o && !c && !s && /* @__PURE__ */ u(T, { children: [
+                f && /* @__PURE__ */ n("span", { className: `small1Medium ${t.compactLabel}`, children: f }),
+                /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactFileName}`, children: i == null ? void 0 : i.name })
+              ] }),
+              (e || _ || o || c) && /* @__PURE__ */ n(
+                "span",
+                {
+                  className: `
+        small1Medium 
+        ${t.compactFileName}
+        ${e && t.error}
+        ${c && t.success}
+        ${s && t.warning}
+        ${o && t.loading}
+      `,
+                  children: s ? f : i == null ? void 0 : i.name
+                }
+              ),
+              e && /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactStatusText}`, children: e }),
+              s && /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactStatusText}`, children: _ }),
+              c && !o && /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactStatusText}`, children: c })
             ] }),
-            /* @__PURE__ */ _("div", { className: t.compactActions, children: [
-              !c && !o && !a && /* @__PURE__ */ e(
+            /* @__PURE__ */ u("div", { className: t.compactActions, children: [
+              !e && !o && !c && !s && /* @__PURE__ */ n(
                 "div",
                 {
                   className: t.compactVisibilityIcon,
-                  onClick: y,
-                  children: /* @__PURE__ */ e(
-                    u,
+                  onClick: W,
+                  children: /* @__PURE__ */ n(
+                    x,
                     {
                       name: "Visibility",
                       fill: "#2054A5",
@@ -217,61 +237,48 @@ import '../../assets/CompactFileUpload.css';const q = "_inputContainer_10r2r_1",
                   )
                 }
               ),
-              (c || a || o) && /* @__PURE__ */ e(
-                "div",
+              (e || c || o) && /* @__PURE__ */ n(
+                $,
                 {
-                  className: t.compactDeleteAction,
-                  onClick: U,
-                  children: c ? /* @__PURE__ */ e("span", { className: t.deleteText, children: "Eliminar" }) : a ? /* @__PURE__ */ e(
-                    u,
-                    {
-                      name: "CancelIcon",
-                      fill: "#2054A5",
-                      height: 16,
-                      width: 16
-                    }
-                  ) : o ? /* @__PURE__ */ _(F, { children: [
-                    /* @__PURE__ */ e(
-                      u,
-                      {
-                        name: "CancelIcon",
-                        fill: "#2054A5",
-                        height: 16,
-                        width: 16
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      "span",
-                      {
-                        style: {
-                          transform: "translateY(1px)"
-                        },
-                        className: t.deleteText,
-                        children: "Cancelar"
-                      }
-                    )
-                  ] }) : null
+                  variant: c ? "ghost" : "outline",
+                  icon: {
+                    name: "CancelIcon",
+                    position: "before"
+                  },
+                  onClick: M,
+                  children: e ? "Eliminar" : o ? "Cancelar" : ""
+                }
+              ),
+              s && /* @__PURE__ */ n(
+                $,
+                {
+                  variant: "outline",
+                  icon: {
+                    name: "Upload",
+                    position: "before"
+                  },
+                  children: "Subir doc"
                 }
               )
             ] })
           ] })
-        ) : /* @__PURE__ */ e(F, { children: /* @__PURE__ */ _("div", { className: t.textContent, children: [
-          /* @__PURE__ */ e(
+        ) : /* @__PURE__ */ n(T, { children: /* @__PURE__ */ u("div", { className: t.textContent, children: [
+          /* @__PURE__ */ n(
             "div",
             {
               className: t.addIconWrapper,
               style: {
                 background: "#2054A5"
               },
-              children: /* @__PURE__ */ e("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ e(u, { name: "Add", fill: "white", height: 27, width: 27 }) })
+              children: /* @__PURE__ */ n("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ n(x, { name: "Add", fill: "white", height: 27, width: 27 }) })
             }
           ),
-          /* @__PURE__ */ e("span", { className: t.browseText, children: b })
+          /* @__PURE__ */ n("span", { className: `small1Medium ${t.browseText}`, children: D })
         ] }) }) })
       ]
     }
   ) });
 };
 export {
-  Dt as CompactFileUpload
+  $t as CompactFileUpload
 };