bmi-next-brokers 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- ._inputContainer_1ji52_1{display:flex;flex-direction:column;gap:4px;width:fit-content}._label_1ji52_8{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1ji52_16{font-size:15px;margin-bottom:6px}._label_disabled_1ji52_21{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_1ji52_25{color:#fff!important}._label_inverted_disabled_1ji52_29{color:var(--Content-Neutral-Default-Active, #FFF)}._required_1ji52_33{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_disabled_1ji52_38{color:var(--content-disabled-default, #CBD5E1)}._required_inverted_1ji52_42{color:var(--Content-Negative-Default-Active, #f87171)}._required_inverted_disabled_1ji52_46{color:var(--content-disabled-default, #4F88D9)}._fileUploadContainer_1ji52_50{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_1ji52_62{position:absolute;top:-60px;left:-12px;transform:rotate(15deg);transition:opacity .3s ease}._iconContainerRight_1ji52_70{position:absolute;top:20px;left:300px;transform:rotate(-25deg);transition:opacity .3s ease}._fileUploadContainer_1ji52_50:hover{background:var(--Fill-Info-Inverted-Hover, #E0E9F8)}._fileUploadContainer_1ji52_50._dragOver_1ji52_82{border-color:var(--Fill-Brand-Default-Active, #2054A5);background:var(--Fill-Brand-Default-Hover, #EEF3FC)}._fileUploadContainer_1ji52_50{width:415px;height:120px}._variant_document_1ji52_94 ._icon_1ji52_62{color:var(--Content-Neutral-Primary, #475569)}._variant_add_1ji52_98 ._icon_1ji52_62{color:var(--Fill-Brand-Default-Active, #2054A5)}._fileUploadContainer_1ji52_50._disabled_1ji52_103{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._fileUploadContainer_1ji52_50._disabled_1ji52_103:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._fileUploadContainer_1ji52_50._error_1ji52_114{border-color:var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2)}._fileUploadContainer_1ji52_50._error_1ji52_114:hover{border-color:var(--Stroke-Negative-Active, #dc2626)}._fileUploadContainer_1ji52_50._success_1ji52_123{background:var(--Fill-Brand-Default-Hover, #EEF3FC)}._fileUploadContainer_1ji52_50._success_1ji52_123:hover{background:var(--Fill-Info-Inverted-Hover, #E0E9F8)}._fileUploadContainer_1ji52_50._loading_1ji52_131{background:var(--Fill-Brand-Default-Hover, #EEF3FC)}._fileUploadContainer_1ji52_50._loading_1ji52_131:hover{background:var(--Fill-Info-Inverted-Hover, #E0E9F8)}._fileUploadContainer_1ji52_50._inverted_1ji52_140{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._fileUploadContainer_1ji52_50._inverted_1ji52_140:hover{border-color:var(--Stroke-Neutral-Primary, #E0E9F8);background:#ffffff1a}._fileUploadContainer_1ji52_50._inverted_1ji52_140._dragOver_1ji52_82{border-color:var(--Fill-Brand-Inverted-Active, #FFF);background:#fff3}._fileUploadContainer_1ji52_50._inverted_1ji52_140._disabled_1ji52_103{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._fileUploadContainer_1ji52_50._inverted_1ji52_140._error_1ji52_114{border-color:var(--Stroke-Negative-Active, #ef4444);background:#ef44441a}._uploadContent_1ji52_166{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;height:100%;position:relative;transition:all .3s ease}._selectedFileContent_1ji52_179{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:flex-start}._selectedFileContent_1ji52_179._withoutError_1ji52_189{justify-content:center}._selectedFileName_1ji52_194{font-family:Poppins Bold;font-size:16px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedFileSize_1ji52_204{font-family:Poppins Regular;font-size:12px;color:var(--Content-Neutral-Secondary, #64748b);margin-top:2px}._removeButton_1ji52_212{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_1ji52_212:hover{color:var(--Content-Negative-Default-Active, #dc2626);background:var(--Fill-Negative-Default-Hover, #fee2e2)}._removeButton_1ji52_212:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;background:transparent}._inverted_1ji52_140 ._selectedFileName_1ji52_194{color:#fff}._inverted_1ji52_140 ._selectedFileSize_1ji52_204,._inverted_1ji52_140 ._removeButton_1ji52_212{color:#ffffffb3}._inverted_1ji52_140 ._removeButton_1ji52_212:hover{color:var(--Content-Negative-Default-Active, #f87171);background:#ef44441a}._inverted_1ji52_140._disabled_1ji52_103 ._selectedFileName_1ji52_194,._inverted_1ji52_140._disabled_1ji52_103 ._selectedFileSize_1ji52_204,._inverted_1ji52_140._disabled_1ji52_103 ._removeButton_1ji52_212{color:var(--content-disabled-default, #4f88d9)}._icon_1ji52_62{display:flex;align-items:center;justify-content:center}._icon_1ji52_62 svg{width:32px;height:32px}._textContent_1ji52_272{text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100%}._dragText_1ji52_282{font-family:Poppins Bold;font-size:16px;color:var(--Content-Brand-Default-Active, #2054A5)}._browseText_1ji52_289{font-family:Poppins Medium;font-size:14px;color:var(--Fill-Brand-Default-Active, #2054A5);text-decoration:underline}._disabled_1ji52_103 ._dragText_1ji52_282,._disabled_1ji52_103 ._browseText_1ji52_289{color:var(--content-disabled-default, #cbd5e1)}._inverted_1ji52_140 ._dragText_1ji52_282{color:#fffc}._inverted_1ji52_140 ._browseText_1ji52_289{color:#fff}._inverted_1ji52_140._disabled_1ji52_103 ._dragText_1ji52_282,._inverted_1ji52_140._disabled_1ji52_103 ._browseText_1ji52_289{color:var(--content-disabled-default, #4f88d9)}._inverted_1ji52_140 ._variant_document_1ji52_94 ._icon_1ji52_62,._inverted_1ji52_140 ._variant_add_1ji52_98 ._icon_1ji52_62{color:#fff}._inverted_1ji52_140._disabled_1ji52_103 ._icon_1ji52_62{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_1ji52_327{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._helperText_1ji52_340{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_default_1ji52_347{font-size:11px}._helperText_compact_1ji52_351{font-size:10px}._helperText_disabled_1ji52_355{color:var(--content-disabled-default, #cbd5e1)}._helperText_inverted_1ji52_359{color:var(--Content-Neutral-Default-Default, #fafafa)}._helperText_inverted_disabled_1ji52_363{color:var(--Content-Neutral-Default-Default, #FAFAFA)}._errorMessage_1ji52_368{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px}._errorMessage_default_1ji52_375{font-size:12px}._errorMessage_compact_1ji52_379{font-size:10px}._errorMessage_inverted_1ji52_383{color:var(--Content-Negative-Default-Active, #f87171)!important}._selectedFilesContainer_1ji52_388{margin-top:12px;padding:12px;border-radius:8px;background:var(--Fill-Neutral-Default-Default, #f8fafc);border:1px solid var(--Stroke-Neutral-Primary, #e2e8f0)}._selectedFilesHeader_1ji52_396{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._selectedFilesText_1ji52_403{font-family:Poppins Medium;font-size:13px;color:var(--Content-Neutral-Default-Active, #475569)}._clearButton_1ji52_409{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_1ji52_409:hover{color:var(--Fill-Brand-Default-Hover, #1e40af)}._clearButton_1ji52_409:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;text-decoration:none}._filesList_1ji52_430{display:flex;flex-direction:column;gap:4px}._fileItem_1ji52_436{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--Stroke-Neutral-Secondary, #e2e8f0)}._fileItem_1ji52_436:last-child{border-bottom:none}._fileName_1ji52_448{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_1ji52_459{font-family:Poppins Regular;font-size:11px;color:var(--Content-Neutral-Secondary, #64748b);flex-shrink:0}._inverted_1ji52_140 ._selectedFilesContainer_1ji52_388{background:#ffffff1a;border-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._inverted_1ji52_140 ._selectedFilesText_1ji52_403,._inverted_1ji52_140 ._clearButton_1ji52_409{color:#fff}._inverted_1ji52_140 ._clearButton_1ji52_409:hover{color:#fffc}._inverted_1ji52_140 ._clearButton_1ji52_409:disabled{color:var(--content-disabled-default, #4f88d9)}._inverted_1ji52_140 ._fileItem_1ji52_436{border-color:#fff3}._inverted_1ji52_140 ._fileName_1ji52_448{color:#ffffffe6}._inverted_1ji52_140 ._fileSize_1ji52_459{color:#ffffffb3}._bigZIndex_1ji52_500{z-index:1000}._cancelIconWrapper_1ji52_504{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_1ji52_1 .4s ease}._selectedFileInfo_1ji52_520{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_1ji52_1 .3s ease forwards}._successIconWrapper_1ji52_536{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_1ji52_1 .4s ease}._loadingIconWrapper_1ji52_553{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_1ji52_1 .4s ease}._withoutError_1ji52_189 ._selectedFileInfo_1ji52_520{position:static;transform:none;opacity:0;animation:_fadeIn_1ji52_1 .3s ease forwards}._withSuccess_1ji52_579 ._selectedFileInfo_1ji52_520,._withLoading_1ji52_594 ._selectedFileInfo_1ji52_520{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_1ji52_1 .3s ease forwards}._errorText_1ji52_610{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_1ji52_1 .4s ease}._successText_1ji52_627{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_1ji52_1 .4s ease}@keyframes _fadeInSlideDown_1ji52_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUp_1ji52_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUpCentered_1ji52_1{0%{opacity:0;transform:translate(-50%) translateY(10px);left:50%}to{opacity:1;transform:translate(-50%) translateY(0);left:50%}}@keyframes _fadeIn_1ji52_1{0%{opacity:0}to{opacity:1}}._inlineFileContainer_1ji52_690{display:flex;align-items:center;gap:12px;width:100%;padding:0;animation:_fadeIn_1ji52_1 .3s ease forwards}._inlineFileIcon_1ji52_699{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_1ji52_699._error_1ji52_114{background:var(--Content-Negative-Default-Active, #DC2626)}._inlineFileIcon_1ji52_699._success_1ji52_123{background:var(--Content-Positive-Active, #65A30D)}._inlineFileIcon_1ji52_699._loading_1ji52_131{background:var(--Content-Brand-Default-Active, #2054A5)}._inlineFileIcon_1ji52_699._default_1ji52_722{background:var(--Fill-Brand-Default-Active, #2054A5)}._inlineFileInfo_1ji52_726{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._inlineFileName_1ji52_734{font-family:Poppins Medium;font-size:14px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineErrorText_1ji52_743{font-family:Poppins Regular;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626)}._inlineSuccessText_1ji52_749{font-family:Poppins Regular;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a)}._inlineFileActions_1ji52_755{display:flex;align-items:center;gap:8px;flex-shrink:0}._inlineActionIcon_1ji52_762{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._inlineActionIcon_1ji52_762:hover{background:var(--Fill-Neutral-Secondary, #f1f5f9)}
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)}
@@ -1 +1 @@
1
- ._badge_10wrq_1{display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px;border-radius:28px;box-sizing:border-box;padding:4px 12px;transition:128ms cubic-bezier(.6,0,.4,1);position:relative}._medium_10wrq_14{padding:3px 8px}._small_10wrq_18{padding:2px 4px}
1
+ ._badge_c0j5t_1{display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px;border-radius:28px;box-sizing:border-box;padding:4px 12px;transition:128ms cubic-bezier(.6,0,.4,1);position:relative}._fullWidth_c0j5t_14{width:100%}._medium_c0j5t_18{padding:3px 8px}._small_c0j5t_22{padding:2px 4px}
@@ -1 +1 @@
1
- ._menuItem_ygu6l_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_ygu6l_1>._contentWrapper_ygu6l_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_ygu6l_1>._contentWrapper_ygu6l_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_ygu6l_1:not(._activeItem_ygu6l_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_ygu6l_1:not(:active):not(._activeItem_ygu6l_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._activeItem_ygu6l_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._iconBefore_ygu6l_63{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
1
+ ._modalOverlay_tgv6x_2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:_overlayFadeIn_tgv6x_1 .25s ease-in-out forwards;overflow:hidden;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}._modalOverlay_tgv6x_2._closing_tgv6x_17{animation:_overlayFadeOut_tgv6x_1 .25s ease-in-out forwards}@keyframes _overlayFadeIn_tgv6x_1{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes _overlayFadeOut_tgv6x_1{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}._modal_tgv6x_2{display:flex;flex-direction:column;border-radius:24px;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-height:calc(100dvh - 15px)}._modalHeader_tgv6x_53{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:8px}._modalTitle_tgv6x_61{color:var(--Blacks-Black, #000);font-size:20px;font-style:normal;font-weight:600;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._closeIcon_tgv6x_72{display:flex;flex-direction:column;border-radius:50%;background-color:#d9d9d9;align-items:center;justify-content:center;aspect-ratio:1/1;padding:6.2px;cursor:pointer}._modalBody_tgv6x_84{flex:1;overflow-y:auto;padding:0 16px 16px}._modalBody_tgv6x_84::-webkit-scrollbar{display:none}._modalFooter_tgv6x_94{display:grid;grid-template-columns:1fr 1fr;margin-left:auto;width:fit-content;gap:19px;padding-inline:16px;margin-block:16px}
@@ -0,0 +1 @@
1
+ ._menuItem_ygu6l_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_ygu6l_1>._contentWrapper_ygu6l_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_ygu6l_1>._contentWrapper_ygu6l_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_ygu6l_1:not(._activeItem_ygu6l_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_ygu6l_1:not(:active):not(._activeItem_ygu6l_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._activeItem_ygu6l_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._iconBefore_ygu6l_63{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  export type FileUploadVariant = "document" | "add";
3
- export interface FileUploadProps {
3
+ export interface FileUploadProps extends React.HTMLAttributes<HTMLSpanElement> {
4
4
  variant?: FileUploadVariant;
5
5
  label?: string;
6
6
  helperText?: string;
@@ -15,5 +15,6 @@ export interface FileUploadProps {
15
15
  inspectFileFunction?: () => void;
16
16
  maxFileSize?: number;
17
17
  onFileSelect?: (files: FileList | null) => void;
18
+ fullWidth?: boolean;
18
19
  }
19
20
  export declare const FileUpload: React.FC<FileUploadProps>;
@@ -1,250 +1,279 @@
1
- import { jsx as t, jsxs as p, Fragment as C } from "react/jsx-runtime";
2
- import { useState as v, useRef as H, useEffect as R } from "react";
3
- import { Button as b } from "../Button/Button.js";
1
+ import { jsx as i, jsxs as g, Fragment as b } from "react/jsx-runtime";
2
+ import { useState as m, useRef as R, useEffect as V } from "react";
3
+ import { Button as T } from "../Button/Button.js";
4
4
  import { Icon as u } from "../../icons/Icon.js";
5
- import { Spinner as $ } from "../Spinner/Spinner.js";
6
- import '../../assets/FileUpload.css';const V = "_inputContainer_1ji52_1", Z = "_label_1ji52_8", y = "_label_large_1ji52_16", G = "_label_disabled_1ji52_21", J = "_label_inverted_1ji52_25", K = "_label_inverted_disabled_1ji52_29", P = "_required_1ji52_33", Q = "_required_disabled_1ji52_38", X = "_required_inverted_1ji52_42", Y = "_required_inverted_disabled_1ji52_46", ee = "_fileUploadContainer_1ji52_50", ne = "_iconContainerLeft_1ji52_62", ie = "_iconContainerRight_1ji52_70", te = "_dragOver_1ji52_82", se = "_variant_document_1ji52_94", le = "_icon_1ji52_62", oe = "_variant_add_1ji52_98", re = "_disabled_1ji52_103", ae = "_error_1ji52_114", ce = "_success_1ji52_123", _e = "_loading_1ji52_131", de = "_inverted_1ji52_140", pe = "_uploadContent_1ji52_166", ue = "_selectedFileContent_1ji52_179", fe = "_withoutError_1ji52_189", he = "_selectedFileName_1ji52_194", je = "_selectedFileSize_1ji52_204", me = "_removeButton_1ji52_212", ve = "_textContent_1ji52_272", ge = "_dragText_1ji52_282", Fe = "_browseText_1ji52_289", xe = "_hiddenInput_1ji52_327", Ie = "_helperText_1ji52_340", Ce = "_helperText_default_1ji52_347", be = "_helperText_compact_1ji52_351", Te = "_helperText_disabled_1ji52_355", we = "_helperText_inverted_1ji52_359", Ne = "_helperText_inverted_disabled_1ji52_363", Se = "_errorMessage_1ji52_368", De = "_errorMessage_default_1ji52_375", Ee = "_errorMessage_compact_1ji52_379", Le = "_errorMessage_inverted_1ji52_383", Me = "_selectedFilesContainer_1ji52_388", We = "_selectedFilesHeader_1ji52_396", qe = "_selectedFilesText_1ji52_403", Ue = "_clearButton_1ji52_409", ze = "_filesList_1ji52_430", Be = "_fileItem_1ji52_436", Ae = "_fileName_1ji52_448", Oe = "_fileSize_1ji52_459", ke = "_bigZIndex_1ji52_500", He = "_cancelIconWrapper_1ji52_504", Re = "_fadeInSlideDown_1ji52_1", $e = "_selectedFileInfo_1ji52_520", Ve = "_fadeInSlideUp_1ji52_1", Ze = "_successIconWrapper_1ji52_536", ye = "_loadingIconWrapper_1ji52_553", Ge = "_fadeIn_1ji52_1", Je = "_withSuccess_1ji52_579", Ke = "_withLoading_1ji52_594", Pe = "_errorText_1ji52_610", Qe = "_successText_1ji52_627", Xe = "_inlineFileContainer_1ji52_690", Ye = "_inlineFileIcon_1ji52_699", en = "_inlineFileInfo_1ji52_726", nn = "_inlineFileName_1ji52_734", tn = "_inlineErrorText_1ji52_743", sn = "_inlineSuccessText_1ji52_749", ln = "_inlineFileActions_1ji52_755", on = "_inlineActionIcon_1ji52_762", rn = "_fadeInSlideUpCentered_1ji52_1", e = {
7
- inputContainer: V,
8
- label: Z,
9
- label_large: y,
10
- label_disabled: G,
11
- label_inverted: J,
12
- label_inverted_disabled: K,
13
- required: P,
14
- required_disabled: Q,
15
- required_inverted: X,
16
- required_inverted_disabled: Y,
17
- fileUploadContainer: ee,
18
- iconContainerLeft: ne,
19
- iconContainerRight: ie,
20
- dragOver: te,
21
- variant_document: se,
22
- icon: le,
23
- variant_add: oe,
24
- disabled: re,
25
- error: ae,
26
- success: ce,
27
- loading: _e,
28
- inverted: de,
29
- uploadContent: pe,
30
- selectedFileContent: ue,
31
- withoutError: fe,
32
- selectedFileName: he,
33
- selectedFileSize: je,
34
- removeButton: me,
35
- textContent: ve,
36
- dragText: ge,
37
- browseText: Fe,
38
- hiddenInput: xe,
39
- helperText: Ie,
40
- helperText_default: Ce,
41
- helperText_compact: be,
42
- helperText_disabled: Te,
43
- helperText_inverted: we,
44
- helperText_inverted_disabled: Ne,
45
- errorMessage: Se,
46
- errorMessage_default: De,
47
- errorMessage_compact: Ee,
48
- errorMessage_inverted: Le,
49
- selectedFilesContainer: Me,
50
- selectedFilesHeader: We,
51
- selectedFilesText: qe,
52
- clearButton: Ue,
53
- filesList: ze,
54
- fileItem: Be,
55
- fileName: Ae,
56
- fileSize: Oe,
57
- bigZIndex: ke,
58
- cancelIconWrapper: He,
59
- fadeInSlideDown: Re,
60
- selectedFileInfo: $e,
61
- fadeInSlideUp: Ve,
62
- successIconWrapper: Ze,
63
- loadingIconWrapper: ye,
64
- fadeIn: Ge,
65
- withSuccess: Je,
66
- withLoading: Ke,
67
- errorText: Pe,
68
- successText: Qe,
69
- inlineFileContainer: Xe,
70
- inlineFileIcon: Ye,
71
- default: "_default_1ji52_722",
72
- inlineFileInfo: en,
73
- inlineFileName: nn,
74
- inlineErrorText: tn,
75
- inlineSuccessText: sn,
76
- inlineFileActions: ln,
77
- inlineActionIcon: on,
78
- fadeInSlideUpCentered: rn
79
- }, fn = ({
80
- variant: T = "document",
81
- helperText: w,
82
- error: s,
5
+ import { Spinner as Z } from "../Spinner/Spinner.js";
6
+ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_fullWidth_1ejg3_8", J = "_label_1ejg3_12", K = "_label_large_1ejg3_20", P = "_label_disabled_1ejg3_25", Q = "_label_inverted_1ejg3_29", X = "_label_inverted_disabled_1ejg3_33", Y = "_required_1ejg3_37", ee = "_required_disabled_1ejg3_42", ne = "_required_inverted_1ejg3_46", te = "_required_inverted_disabled_1ejg3_50", ie = "_fileUploadContainer_1ejg3_54", le = "_iconContainerLeft_1ejg3_68", se = "_iconContainerRight_1ejg3_76", oe = "_dragOver_1ejg3_88", re = "_variant_document_1ejg3_104", ae = "_icon_1ejg3_68", ce = "_variant_add_1ejg3_108", _e = "_disabled_1ejg3_113", de = "_error_1ejg3_124", ge = "_success_1ejg3_133", ue = "_loading_1ejg3_141", fe = "_inverted_1ejg3_150", he = "_uploadContent_1ejg3_176", pe = "_selectedFileContent_1ejg3_188", je = "_withoutError_1ejg3_198", me = "_selectedFileName_1ejg3_202", ve = "_selectedFileSize_1ejg3_211", Fe = "_removeButton_1ejg3_218", xe = "_textContent_1ejg3_278", Ie = "_dragText_1ejg3_288", Ce = "_browseText_1ejg3_294", be = "_hiddenInput_1ejg3_331", Te = "_helperText_1ejg3_344", we = "_helperText_default_1ejg3_351", Ne = "_helperText_compact_1ejg3_355", Se = "_helperText_disabled_1ejg3_359", De = "_helperText_inverted_1ejg3_363", Ee = "_helperText_inverted_disabled_1ejg3_367", We = "_errorMessage_1ejg3_372", Le = "_errorMessage_default_1ejg3_379", Me = "_errorMessage_compact_1ejg3_383", qe = "_errorMessage_inverted_1ejg3_387", Ue = "_selectedFilesContainer_1ejg3_392", ze = "_selectedFilesHeader_1ejg3_400", Be = "_selectedFilesText_1ejg3_407", Ae = "_clearButton_1ejg3_413", Oe = "_filesList_1ejg3_434", $e = "_fileItem_1ejg3_440", ke = "_fileName_1ejg3_452", He = "_fileSize_1ejg3_463", Re = "_bigZIndex_1ejg3_504", Ve = "_cancelIconWrapper_1ejg3_508", Ze = "_fadeInSlideDown_1ejg3_1", ye = "_selectedFileInfo_1ejg3_524", Ge = "_fadeInSlideUp_1ejg3_1", Je = "_successIconWrapper_1ejg3_538", Ke = "_loadingIconWrapper_1ejg3_554", Pe = "_fadeIn_1ejg3_1", Qe = "_withSuccess_1ejg3_578", Xe = "_withLoading_1ejg3_592", Ye = "_errorText_1ejg3_606", en = "_successText_1ejg3_622", nn = "_inlineFileContainer_1ejg3_684", tn = "_inlineFileIcon_1ejg3_693", ln = "_inlineFileInfo_1ejg3_720", sn = "_inlineFileName_1ejg3_728", on = "_inlineErrorText_1ejg3_737", rn = "_inlineSuccessText_1ejg3_743", an = "_inlineFileActions_1ejg3_749", cn = "_inlineActionIcon_1ejg3_756", _n = "_fadeInSlideUpCentered_1ejg3_1", e = {
7
+ inputContainer: y,
8
+ fullWidth: G,
9
+ label: J,
10
+ label_large: K,
11
+ label_disabled: P,
12
+ label_inverted: Q,
13
+ label_inverted_disabled: X,
14
+ required: Y,
15
+ required_disabled: ee,
16
+ required_inverted: ne,
17
+ required_inverted_disabled: te,
18
+ fileUploadContainer: ie,
19
+ iconContainerLeft: le,
20
+ iconContainerRight: se,
21
+ dragOver: oe,
22
+ variant_document: re,
23
+ icon: ae,
24
+ variant_add: ce,
25
+ disabled: _e,
26
+ error: de,
27
+ success: ge,
28
+ loading: ue,
29
+ inverted: fe,
30
+ uploadContent: he,
31
+ selectedFileContent: pe,
32
+ withoutError: je,
33
+ selectedFileName: me,
34
+ selectedFileSize: ve,
35
+ removeButton: Fe,
36
+ textContent: xe,
37
+ dragText: Ie,
38
+ browseText: Ce,
39
+ hiddenInput: be,
40
+ helperText: Te,
41
+ helperText_default: we,
42
+ helperText_compact: Ne,
43
+ helperText_disabled: Se,
44
+ helperText_inverted: De,
45
+ helperText_inverted_disabled: Ee,
46
+ errorMessage: We,
47
+ errorMessage_default: Le,
48
+ errorMessage_compact: Me,
49
+ errorMessage_inverted: qe,
50
+ selectedFilesContainer: Ue,
51
+ selectedFilesHeader: ze,
52
+ selectedFilesText: Be,
53
+ clearButton: Ae,
54
+ filesList: Oe,
55
+ fileItem: $e,
56
+ fileName: ke,
57
+ fileSize: He,
58
+ bigZIndex: Re,
59
+ cancelIconWrapper: Ve,
60
+ fadeInSlideDown: Ze,
61
+ selectedFileInfo: ye,
62
+ fadeInSlideUp: Ge,
63
+ successIconWrapper: Je,
64
+ loadingIconWrapper: Ke,
65
+ fadeIn: Pe,
66
+ withSuccess: Qe,
67
+ withLoading: Xe,
68
+ errorText: Ye,
69
+ successText: en,
70
+ inlineFileContainer: nn,
71
+ inlineFileIcon: tn,
72
+ default: "_default_1ejg3_716",
73
+ inlineFileInfo: ln,
74
+ inlineFileName: sn,
75
+ inlineErrorText: on,
76
+ inlineSuccessText: rn,
77
+ inlineFileActions: an,
78
+ inlineActionIcon: cn,
79
+ fadeInSlideUpCentered: _n
80
+ }, jn = ({
81
+ variant: w = "document",
82
+ helperText: N,
83
+ error: l,
83
84
  success: r,
84
- loading: l = !1,
85
+ loading: s = !1,
85
86
  disabled: c = !1,
86
- inverted: N = !1,
87
- dragText: S,
88
- browseText: D = "Seleccionar archivo",
87
+ inverted: S = !1,
88
+ dragText: D,
89
+ browseText: E = "Seleccionar archivo",
89
90
  allowedTypes: _,
90
- inspectFileFunction: E = () => {
91
- console.warn("No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction.");
91
+ inspectFileFunction: W = () => {
92
+ console.warn(
93
+ "No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
94
+ );
92
95
  },
93
- maxFileSize: g,
94
- onFileSelect: f
96
+ maxFileSize: v,
97
+ onFileSelect: f,
98
+ fullWidth: F = !1,
99
+ style: L
95
100
  }) => {
96
- const [L, h] = v(!1), [i, M] = v(null), [F, x] = v(!1), j = H(null);
97
- R(() => {
98
- if (!i) return;
101
+ const [M, h] = m(!1), [t, q] = m(null), [x, I] = m(!1), p = R(null);
102
+ V(() => {
103
+ if (!t) return;
99
104
  const n = [];
100
- s && n.push("error"), r && n.push("success"), l && n.push("loading"), n.length > 1 && console.warn(
105
+ l && n.push("error"), r && n.push("success"), s && n.push("loading"), n.length > 1 && console.warn(
101
106
  `⚠️ FileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
102
107
  );
103
- }, [s, r, l, i]);
104
- const W = w, q = (n) => {
108
+ }, [l, r, s, t]);
109
+ const U = N, z = (n) => {
105
110
  n.preventDefault(), c || h(!0);
106
- }, U = (n) => {
111
+ }, B = (n) => {
107
112
  n.preventDefault(), h(!1);
108
- }, z = (n) => {
113
+ }, A = (n) => {
109
114
  n.preventDefault();
110
- }, B = (n) => {
115
+ }, O = (n) => {
111
116
  if (n.preventDefault(), h(!1), c) return;
112
117
  const a = n.dataTransfer.files;
113
- I(a);
114
- }, A = (n) => {
118
+ C(a);
119
+ }, $ = (n) => {
115
120
  const a = n.target.files;
116
- I(a);
117
- }, I = (n) => {
121
+ C(a);
122
+ }, C = (n) => {
118
123
  if (!n) return;
119
124
  if (_ && _.length > 0)
120
125
  for (let o = 0; o < n.length; o++) {
121
126
  const d = n[o];
122
127
  if (!_.some(
123
- (m) => m.startsWith(".") ? d.name.toLowerCase().endsWith(m.toLowerCase()) : d.type === m
128
+ (j) => j.startsWith(".") ? d.name.toLowerCase().endsWith(j.toLowerCase()) : d.type === j
124
129
  )) {
125
130
  console.warn(`File ${d.name} is not an allowed type`);
126
131
  return;
127
132
  }
128
133
  }
129
- if (g)
134
+ if (v)
130
135
  for (let o = 0; o < n.length; o++) {
131
136
  const d = n[o];
132
- if (d.size > g) {
137
+ if (d.size > v) {
133
138
  console.warn(`File ${d.name} exceeds maximum size`);
134
139
  return;
135
140
  }
136
141
  }
137
142
  const a = n ? n[0] : null;
138
- M(a), f == null || f(a ? (() => {
139
- const o = new DataTransfer();
140
- return o.items.add(a), o.files;
141
- })() : null);
142
- }, O = () => {
143
- !c && j.current && j.current.click();
144
- }, k = [
143
+ q(a), f == null || f(
144
+ a ? (() => {
145
+ const o = new DataTransfer();
146
+ return o.items.add(a), o.files;
147
+ })() : null
148
+ );
149
+ }, k = () => {
150
+ !c && p.current && p.current.click();
151
+ }, H = [
145
152
  e.fileUploadContainer,
146
- e[`variant_${T}`],
147
- i && s ? e.error : "",
148
- i && !s && l ? e.loading : "",
149
- i && !s && !l && r ? e.success : "",
153
+ F && e.fullWidth,
154
+ e[`variant_${w}`],
155
+ t && l ? e.error : "",
156
+ t && !l && s ? e.loading : "",
157
+ t && !l && !s && r ? e.success : "",
150
158
  c ? e.disabled : "",
151
- N ? e.inverted : "",
152
- L ? e.dragOver : ""
159
+ S ? e.inverted : "",
160
+ M ? e.dragOver : ""
153
161
  ].filter(Boolean).join(" ");
154
- return /* @__PURE__ */ t("div", { className: e.inputContainer, children: /* @__PURE__ */ p(
162
+ return /* @__PURE__ */ i(
155
163
  "div",
156
164
  {
157
- className: k,
158
- onDragEnter: q,
159
- onDragLeave: U,
160
- onDragOver: z,
161
- onDrop: B,
162
- onClick: i ? () => {
163
- } : O,
164
- style: { cursor: c ? "not-allowed" : "pointer" },
165
- onMouseEnter: () => {
166
- x(!0);
167
- },
168
- onMouseLeave: () => {
169
- x(!1);
170
- },
171
- children: [
172
- /* @__PURE__ */ t(
173
- "input",
174
- {
175
- ref: j,
176
- type: "file",
177
- className: e.hiddenInput,
178
- onChange: A,
179
- disabled: c,
180
- accept: _ == null ? void 0 : _.join(",")
181
- }
182
- ),
183
- /* @__PURE__ */ p("div", { className: e.uploadContent, children: [
184
- i && s && /* @__PURE__ */ t("div", { className: e.cancelIconWrapper, children: /* @__PURE__ */ t(
185
- u,
186
- {
187
- name: "CancelIcon",
188
- fill: "white",
189
- height: 30,
190
- width: 30
191
- }
192
- ) }),
193
- i && !s && l && /* @__PURE__ */ t("div", { className: e.loadingIconWrapper, children: /* @__PURE__ */ t($, { size: 10, color: "primary", backgroundColor: "#A2BFEC", highlightColor: "#EEF3FC", thickness: 3 }) }),
194
- i && !s && !l && r && /* @__PURE__ */ t("div", { className: e.successIconWrapper, children: /* @__PURE__ */ t(
195
- u,
196
- {
197
- name: "CheckIcon",
198
- fill: "white",
199
- height: 30,
200
- width: 30
201
- }
202
- ) }),
203
- i ? (
204
- // Default layout - full vertical layout
205
- /* @__PURE__ */ p("div", { className: `${e.selectedFileContent} ${i && s ? e.withError : i && l ? e.withLoading : i && r ? e.withSuccess : e.withoutError}`, children: [
206
- /* @__PURE__ */ t("div", { className: e.selectedFileInfo, children: /* @__PURE__ */ p("span", { className: e.selectedFileName, children: [
207
- l && "Subiendo ",
208
- i.name
209
- ] }) }),
210
- i && s ? /* @__PURE__ */ t("p", { className: e.errorText, children: s }) : i && !l && r ? /* @__PURE__ */ t("p", { className: e.successText, children: r }) : null,
211
- i && !s && !l && !r && /* @__PURE__ */ t(
212
- b,
165
+ className: `${e.inputContainer} ${F ? e.fullWidth : ""}`,
166
+ children: /* @__PURE__ */ g(
167
+ "div",
168
+ {
169
+ className: H,
170
+ onDragEnter: z,
171
+ onDragLeave: B,
172
+ onDragOver: A,
173
+ onDrop: O,
174
+ onClick: t ? () => {
175
+ } : k,
176
+ style: { cursor: c ? "not-allowed" : "pointer", ...L },
177
+ onMouseEnter: () => {
178
+ I(!0);
179
+ },
180
+ onMouseLeave: () => {
181
+ I(!1);
182
+ },
183
+ children: [
184
+ /* @__PURE__ */ i(
185
+ "input",
186
+ {
187
+ ref: p,
188
+ type: "file",
189
+ className: e.hiddenInput,
190
+ onChange: $,
191
+ disabled: c,
192
+ accept: _ == null ? void 0 : _.join(",")
193
+ }
194
+ ),
195
+ /* @__PURE__ */ g("div", { className: e.uploadContent, children: [
196
+ t && l && /* @__PURE__ */ i("div", { className: e.cancelIconWrapper, children: /* @__PURE__ */ i(u, { name: "CancelIcon", fill: "white", height: 30, width: 30 }) }),
197
+ t && !l && s && /* @__PURE__ */ i("div", { className: e.loadingIconWrapper, children: /* @__PURE__ */ i(
198
+ Z,
213
199
  {
214
- className: e.bigZIndex,
215
- icon: {
216
- name: "Visibility",
217
- position: "before"
218
- },
219
- onClick: E,
220
- size: "small",
221
- children: "Ver archivo"
200
+ size: 10,
201
+ color: "primary",
202
+ backgroundColor: "#A2BFEC",
203
+ highlightColor: "#EEF3FC",
204
+ thickness: 3
222
205
  }
223
- )
206
+ ) }),
207
+ t && !l && !s && r && /* @__PURE__ */ i("div", { className: e.successIconWrapper, children: /* @__PURE__ */ i(u, { name: "CheckIcon", fill: "white", height: 30, width: 30 }) }),
208
+ t ? (
209
+ // Default layout - full vertical layout
210
+ /* @__PURE__ */ g(
211
+ "div",
212
+ {
213
+ className: `${e.selectedFileContent} ${t && l ? e.withError : t && s ? e.withLoading : t && r ? e.withSuccess : e.withoutError}`,
214
+ children: [
215
+ /* @__PURE__ */ i("div", { className: e.selectedFileInfo, children: /* @__PURE__ */ g("span", { className: e.selectedFileName, children: [
216
+ s && "Subiendo ",
217
+ t.name
218
+ ] }) }),
219
+ t && l ? /* @__PURE__ */ i("p", { className: e.errorText, children: l }) : t && !s && r ? /* @__PURE__ */ i("p", { className: e.successText, children: r }) : null,
220
+ t && !l && !s && !r && /* @__PURE__ */ i(
221
+ T,
222
+ {
223
+ className: e.bigZIndex,
224
+ icon: {
225
+ name: "Visibility",
226
+ position: "before"
227
+ },
228
+ onClick: W,
229
+ size: "small",
230
+ children: "Ver archivo"
231
+ }
232
+ )
233
+ ]
234
+ }
235
+ )
236
+ ) : /* @__PURE__ */ i(b, { children: /* @__PURE__ */ g("div", { className: e.textContent, children: [
237
+ /* @__PURE__ */ i("span", { className: e.dragText, children: D || U }),
238
+ /* @__PURE__ */ i(
239
+ T,
240
+ {
241
+ size: "small",
242
+ icon: {
243
+ name: "DownloadIcon",
244
+ position: "before"
245
+ },
246
+ children: E
247
+ }
248
+ )
249
+ ] }) })
250
+ ] }),
251
+ /* @__PURE__ */ g(b, { children: [
252
+ /* @__PURE__ */ i("div", { className: e.iconContainerLeft, children: /* @__PURE__ */ i(
253
+ u,
254
+ {
255
+ name: "Documentos",
256
+ height: 140,
257
+ width: 140,
258
+ fill: t && l ? "#FEF2F2" : x ? "#C4D5F1" : "#E0E9F8"
259
+ }
260
+ ) }),
261
+ /* @__PURE__ */ i("div", { className: e.iconContainerRight, children: /* @__PURE__ */ i(
262
+ u,
263
+ {
264
+ name: "Documentos",
265
+ height: 140,
266
+ width: 140,
267
+ fill: t && l ? "#FEF2F2" : x ? "#C4D5F1" : "#E0E9F8"
268
+ }
269
+ ) })
224
270
  ] })
225
- ) : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ p("div", { className: e.textContent, children: [
226
- /* @__PURE__ */ t("span", { className: e.dragText, children: S || W }),
227
- /* @__PURE__ */ t(
228
- b,
229
- {
230
- size: "small",
231
- icon: {
232
- name: "DownloadIcon",
233
- position: "before"
234
- },
235
- children: D
236
- }
237
- )
238
- ] }) })
239
- ] }),
240
- /* @__PURE__ */ p(C, { children: [
241
- /* @__PURE__ */ t("div", { className: e.iconContainerLeft, children: /* @__PURE__ */ t(u, { name: "Documentos", height: 140, width: 140, fill: i && s ? "#FEF2F2" : F ? "#C4D5F1" : "#E0E9F8" }) }),
242
- /* @__PURE__ */ t("div", { className: e.iconContainerRight, children: /* @__PURE__ */ t(u, { name: "Documentos", height: 140, width: 140, fill: i && s ? "#FEF2F2" : F ? "#C4D5F1" : "#E0E9F8" }) })
243
- ] })
244
- ]
271
+ ]
272
+ }
273
+ )
245
274
  }
246
- ) });
275
+ );
247
276
  };
248
277
  export {
249
- fn as FileUpload
278
+ jn as FileUpload
250
279
  };