snapflow-ui-kit 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.
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._button_dqki1_1{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:6px 24px;border-radius:2px;font-weight:600;line-height:150%;transition:color .12s ease-out,background-color .18s cubic-bezier(.2,0,0,1)}._button_dqki1_1:disabled{cursor:not-allowed}._primary_dqki1_25{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_dqki1_25:active{color:var(--color-light-500);background-color:var(--color-accent-700)}._primary_dqki1_25:focus-visible{outline:2px solid var(--color-accent-700)}._primary_dqki1_25:disabled{color:var(--color-light-900);background-color:var(--color-accent-900)}._primary_dqki1_25:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-accent-100)}._secondary_dqki1_48{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_dqki1_48:active{color:var(--color-light-500);background-color:var(--color-dark-400)}._secondary_dqki1_48:focus-visible{outline:2px solid var(--color-accent-300)}._secondary_dqki1_48:disabled{color:var(--color-light-900);background-color:var(--color-dark-500)}._secondary_dqki1_48:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-dark-100)}._outlined_dqki1_71{border:1px solid var(--color-accent-500);color:var(--color-accent-500);background-color:transparent}._outlined_dqki1_71:active{border-color:var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:focus-visible{border:2px solid var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:disabled{border-color:var(--color-accent-900);color:var(--color-accent-900)}._outlined_dqki1_71:hover:not(:active,:focus-visible,:disabled){border-color:var(--color-accent-100);color:var(--color-accent-100)}._text_dqki1_97{color:var(--color-accent-500)}._text_dqki1_97:active{color:var(--color-accent-700)}._text_dqki1_97:focus-visible{outline:2px solid var(--color-accent-700)}._text_dqki1_97:disabled{color:var(--color-accent-900)}._text_dqki1_97:hover:not(:active,:focus-visible,:disabled){color:var(--color-accent-100)}._icon_dqki1_117{display:inline-flex;align-items:center;margin-right:10px}._textareaWrapper_ahoiy_1{display:flex;flex-direction:column;width:100%}._label_ahoiy_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ahoiy_7._disabled_ahoiy_14{color:var(--color-dark-100)}._textarea_ahoiy_1{resize:none;box-sizing:border-box;width:100%;padding:10px 14px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);background-color:transparent;outline:none}._textarea_ahoiy_1:disabled{cursor:not-allowed;color:var(--color-dark-100)}._textarea_ahoiy_1:focus-visible{border:1px solid var(--color-light-100);color:var(--color-light-100)}._errorState_ahoiy_46,._errorState_ahoiy_46:focus-visible{border:1px solid var(--color-danger-500);color:var(--color-light-100)}._errorMessage_ahoiy_52{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ahoiy_59{color:var(--color-danger-500)}._alert_5jfpm_1{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:387px;padding:12px 24px;border-radius:2px;color:var(--color-light-100)}._content_5jfpm_15{display:flex;gap:5px;align-items:center}._error_5jfpm_22{border:1px solid var(--color-danger-500);background-color:var(--color-danger-900)}._success_5jfpm_28{border:1px solid var(--color-success-500);background-color:var(--color-success-900)}._closeButton_5jfpm_33{cursor:pointer;border:none;background:transparent}._message_5jfpm_39,._title_5jfpm_40{font-size:16px;font-weight:400;line-height:150%}._title_5jfpm_40{font-weight:700}._toastEnter_5jfpm_50{animation:_fade-in_5jfpm_1 .2s ease-out}._toastExit_5jfpm_54{animation:_fade-out_5jfpm_1 .2s ease-in forwards}@keyframes _fade-in_5jfpm_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_5jfpm_1{0%{opacity:1}to{opacity:0}}._card_1ah7i_1{padding:16px;border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-500)}._checkbox_1q28z_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_1q28z_11{position:absolute;opacity:0}._labelSpan_1q28z_16{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_1q28z_23{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-500);border-radius:4px}._input_1q28z_11:checked+._control_1q28z_23{background-color:var(--color-light-100)}._control_1q28z_23:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .15s ease}._control_1q28z_23:hover:before{background-color:var(--color-dark-100)}._input_1q28z_11:focus-visible+._control_1q28z_23:before{background-color:var(--color-dark-100)}._checkbox_1q28z_1:active ._control_1q28z_23:before{background-color:var(--color-dark-100)}._control_1q28z_23:after{content:"";position:absolute;top:50%;left:50%;transform-origin:left bottom;transform:translate(calc(-50% + 4px),-40%) rotate(-45deg);width:10px;height:6px;border-bottom:2px solid transparent;border-left:2px solid transparent}._input_1q28z_11:checked+._control_1q28z_23:after{border-color:var(--color-dark-900)}._input_1q28z_11:disabled+._control_1q28z_23{border-color:var(--color-dark-100)}._input_1q28z_11:disabled+._control_1q28z_23:before{background-color:transparent}._input_1q28z_11:disabled~._labelSpan_1q28z_16,._input_1q28z_11:disabled+._control_1q28z_23{cursor:not-allowed}._input_1q28z_11:disabled:checked+._control_1q28z_23{background-color:var(--color-dark-100)}._input_1q28z_11:disabled:checked+._control_1q28z_23:after{border-color:var(--color-light-700)}._input_1q28z_11:disabled~._labelSpan_1q28z_16{color:var(--color-light-900)}._checkbox_1q28z_1:has(._input_1q28z_11:disabled){cursor:not-allowed}._typography_11tbz_1{display:inline-flex;align-items:center;margin:0;color:var(--color-dark-900)}._icon_11tbz_8{display:inline-flex;align-items:center;margin-right:8px}._large_11tbz_14{font-size:26px;font-weight:600;line-height:138%}._h1_11tbz_20{font-size:20px;font-weight:700;line-height:180%}._h2_11tbz_26{font-size:18px;font-weight:700;line-height:133%}._h3_11tbz_32{font-size:16px;font-weight:600;line-height:150%}._text-16_11tbz_38{font-size:16px;font-weight:400;line-height:150%}._text-16-bold_11tbz_44{font-size:16px;font-weight:700;line-height:150%}._text-14_11tbz_50{font-size:14px;font-weight:400;line-height:171%}._text-14-bold_11tbz_56{font-size:14px;font-weight:700;line-height:171%}._text-14-medium_11tbz_62{font-size:14px;font-weight:500;line-height:171%}._small_11tbz_68{font-size:12px;font-weight:400;line-height:133%}._small-semibold_11tbz_74{font-size:12px;font-weight:600;line-height:133%}._link_11tbz_80{font-size:14px;font-weight:400;line-height:171%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._small-link_11tbz_89{font-size:12px;font-weight:400;line-height:133%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._label_ndvr9_1{margin-bottom:4px}._required_ndvr9_5{margin-left:4px;color:var(--color-danger-500)}._srOnly_ndvr9_10{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}._tab_78cv0_1{all:unset;cursor:pointer;width:100%;padding:6px 23px 4px;border-bottom:2px solid var(--color-dark-100);border-radius:0;font-size:16px;font-weight:600;line-height:150%;color:var(--color-dark-100);text-align:center;transition-duration:.2s;transition-property:background-color,color,border-color}._selected_78cv0_21{border-bottom-color:var(--color-accent-500);color:var(--color-accent-500)}._tab_78cv0_1:disabled{cursor:not-allowed;border-bottom-color:var(--color-dark-300);color:var(--color-dark-300)}._selected_78cv0_21:disabled{border-bottom-color:var(--color-accent-900);color:var(--color-accent-900)}._tab_78cv0_1:focus-visible{border-radius:2px;outline:2px solid var(--color-accent-700)}._tab_78cv0_1:active:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-100) 15%,transparent)}._tab_78cv0_1:hover:not(:active,:focus-visible,:disabled){background-color:color-mix(in srgb,var(--color-accent-900) 15%,transparent)}._radio_10hqy_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_10hqy_12{position:absolute;opacity:0}._labelSpan_10hqy_18{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_10hqy_26{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-100);border-radius:50%}._control_10hqy_26:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}._control_10hqy_26:hover:before{background-color:var(--color-dark-300)}._input_10hqy_12:focus-visible+._control_10hqy_26:before{background-color:var(--color-dark-500)}._radio_10hqy_1:active ._control_10hqy_26:before{background-color:var(--color-dark-100)}._control_10hqy_26:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:transparent}._input_10hqy_12:checked+._control_10hqy_26:after{background-color:var(--color-light-100)}._input_10hqy_12:disabled+._control_10hqy_26{border-color:var(--color-dark-100)}._input_10hqy_12:disabled+._control_10hqy_26:before{background-color:transparent}._input_10hqy_12:disabled:checked+._control_10hqy_26:after{background-color:var(--color-dark-100)}._input_10hqy_12:disabled~._labelSpan_10hqy_18{color:var(--color-light-900)}._input_10hqy_12:disabled~._labelSpan_10hqy_18,._input_10hqy_12:disabled+._control_10hqy_26,._input_10hqy_12:disabled~._control_10hqy_26{cursor:not-allowed}._radio_10hqy_1:has(._input_10hqy_12:disabled){cursor:not-allowed}html{line-height:1.15;text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-accent-100: #73a5ff;--color-accent-300: #4c8dff;--color-accent-500: #397df6;--color-accent-700: #2f68cc;--color-accent-900: #234e99;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px}input,button,select,textarea,optgroup,option{font-weight:inherit;font-style:inherit;color:inherit}[data-simplebar] .simplebar-track.simplebar-vertical{width:14px;background:transparent}[data-simplebar] .simplebar-scrollbar:before{left:50%;transform:translate(-50%);width:4px;border-radius:3px;background:var(--color-dark-900)}[data-simplebar] .simplebar-scrollbar:hover:before{background:var(--color-light-900)}[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:1}._wrapper_ck06d_1{display:flex;flex-direction:column;width:100%}._label_ck06d_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ck06d_7._disabled_ck06d_14{color:var(--color-dark-100)}._inputContainer_ck06d_18{position:relative;display:flex;align-items:center;border:1px solid var(--color-dark-100);border-radius:2px;background-color:transparent}._input_ck06d_18{all:unset;box-sizing:border-box;width:100%;padding:10px 14px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900)}._inputContainer_ck06d_18:has(:focus-visible) ._input_ck06d_18{color:var(--color-light-100)}._inputContainer_ck06d_18:has(:focus-visible){border-color:var(--color-light-100)}._inputContainer_ck06d_18._error_ck06d_51{border-color:var(--color-danger-500)}._inputContainer_ck06d_18._disabled_ck06d_14{border:1px solid var(--color-dark-100)}._inputContainer_ck06d_18._disabled_ck06d_14 ._input_ck06d_18{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_ck06d_18._withStartIcon_ck06d_64 ._input_ck06d_18{padding-left:40px}._inputContainer_ck06d_18._withEndIcon_ck06d_68 ._input_ck06d_18{padding-right:40px}._startIcon_ck06d_72,._endIcon_ck06d_73{position:absolute;display:flex;align-items:center;justify-content:center}._startIcon_ck06d_72{left:11px;color:var(--color-light-900)}._inputContainer_ck06d_18:focus-within ._startIcon_ck06d_72{color:var(--color-light-100)}._inputContainer_ck06d_18._disabled_ck06d_14 ._startIcon_ck06d_72{color:var(--color-dark-100)}._endIcon_ck06d_73{cursor:pointer;right:11px;padding:0;border:none;color:var(--color-light-100);background:none}._endIcon_ck06d_73:disabled{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_ck06d_18:focus-within ._endIcon_ck06d_73{color:var(--color-light-100)}._errorMessage_ck06d_115{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ck06d_122{color:var(--color-danger-500)}._wrapper_l023w_1{position:relative}._inputContainer_l023w_5{display:flex;flex-direction:column;min-width:255px}._label_l023w_11 span{color:var(--color-light-900)}._inputWrapper_l023w_15{cursor:pointer;position:relative;display:flex;align-items:center}._trigger_l023w_22{all:unset;width:100%;padding:6px 12px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100);background:var(--color-dark-500)}._icon_l023w_38{pointer-events:none;position:absolute;right:12px;color:var(--color-light-100)}._icon_l023w_38._placeholder_l023w_45{color:var(--color-light-900)}._clearButton_l023w_49{all:unset;cursor:pointer;position:absolute;right:40px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:2px;pointer-events:none;opacity:0;transition:background-color .2s ease,opacity .2s ease}._clearButton_l023w_49:hover{background-color:var(--color-dark-300)}._clearButton_l023w_49:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:2px;pointer-events:auto;opacity:1}._inputWrapper_l023w_15:hover ._clearButton_l023w_49{pointer-events:auto;opacity:1}._clearIcon_l023w_89{pointer-events:none;width:16px;height:16px;color:var(--color-light-100)}._trigger_l023w_22:disabled{border-color:var(--color-dark-100);color:var(--color-dark-100)}._disabledLabel_l023w_101 span{color:var(--color-dark-100)}._trigger_l023w_22:focus-visible:not(:disabled){outline:2px solid var(--color-accent-700)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22::placeholder{color:var(--color-dark-100)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22{cursor:not-allowed}._inputWrapper_l023w_15:has(._trigger_l023w_22:focus-visible) ._icon_l023w_38{color:var(--color-light-100)}._error_l023w_123{color:var(--color-danger-500)}._trigger_l023w_22._error_l023w_123{border-color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._trigger_l023w_22::placeholder{color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)){color:var(--color-light-100)}._calendar_l023w_141{pointer-events:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;transform:translateY(-8px);padding:16px 24px;border:1px solid var(--color-dark-100);border-radius:2px;opacity:0;background:var(--color-dark-500);transition:all .2s ease}._calendar_l023w_141._open_l023w_160{pointer-events:auto;transform:translateY(0);opacity:1}._monthsCaption_l023w_166{display:flex;align-items:center;justify-content:center}._navButtonPrevious_l023w_172,._navButtonNext_l023w_173{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;position:absolute;background-color:var(--color-dark-100)}._navButtonPrevious_l023w_172{left:24px}._navButtonNext_l023w_173{right:24px}._navIcon_l023w_193{width:20px;height:20px;fill:var(--color-light-100)}._monthGrid_l023w_199{table-layout:fixed;border-spacing:0 10px;width:100%}._dropdowns_l023w_205{width:150px}._weekday_l023w_209{width:36px;padding:6px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);text-align:center}._day_l023w_220{width:36px;height:36px;padding:0;text-align:center}._dayButton_l023w_227{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:400;line-height:150%;text-align:center}._dayButton_l023w_227:hover{border-radius:50%;background-color:var(--color-accent-700)}._day_l023w_220 ._dayButton_l023w_227{color:var(--color-light-100)}._dayOutside_l023w_254 ._dayButton_l023w_227{color:var(--color-light-900)}._dayToday_l023w_258 ._dayButton_l023w_227{font-weight:700;color:var(--color-accent-500)}._daySelected_l023w_263 ._dayButton_l023w_227:hover,._dayRangeStart_l023w_264 ._dayButton_l023w_227:hover,._dayRangeEnd_l023w_265 ._dayButton_l023w_227:hover,._dayRangeMiddle_l023w_266 ._dayButton_l023w_227:hover{border-radius:inherit;background-color:inherit}._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(6) ._dayButton_l023w_227,._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(7) ._dayButton_l023w_227{color:var(--color-danger-300)}._dayRangeStart_l023w_264{border-radius:50% 0 0 50%}._dayRangeStart_l023w_264._dayRangeEnd_l023w_265{border-radius:50%}._dayRangeEnd_l023w_265{border-radius:0 50% 50% 0}._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266,._daySelected_l023w_263{background-color:var(--color-accent-900)}._daySelected_l023w_263:not(._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266){border-radius:50%}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}._container_15bt3_1{display:flex;flex-direction:column;width:100%}._label_15bt3_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._select_15bt3_14{position:relative;width:100%}._trigger_15bt3_19{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:36px;padding:8px 12px;border:1px solid var(--color-light-900);border-radius:2px;font-size:16px;line-height:150%;color:var(--color-light-100);background-color:transparent;transition:color .2s,background-color .2s}._triggerOpen_15bt3_46{border-color:var(--color-light-100);border-radius:2px 2px 0 0;background-color:var(--color-dark-300)}._trigger_15bt3_19:disabled{cursor:not-allowed;border-color:var(--color-dark-100);color:var(--color-dark-100)}._trigger_15bt3_19:focus-visible{padding:7px 11px;border:2px solid var(--color-accent-500)}._trigger_15bt3_19:hover:not(:disabled,._triggerOpen_15bt3_46){color:var(--color-light-900)}._placeholder_15bt3_67{color:var(--color-light-900)}._selectedContent_15bt3_71{overflow:hidden;display:flex;gap:8px;align-items:center;text-overflow:ellipsis;white-space:nowrap}._optionIcon_15bt3_81{display:inline-flex;flex-shrink:0;align-items:center}._arrow_15bt3_87{display:inline-flex;margin-left:24px;color:var(--color-light-100);transition:transform .4s}._trigger_15bt3_19:disabled ._arrow_15bt3_87{color:var(--color-dark-100)}._arrow_15bt3_87._open_15bt3_98{transform:rotate(180deg)}._dropdown_15bt3_102{position:absolute;z-index:1000;top:100%;left:0;box-sizing:border-box;width:100%;border:1px solid var(--color-light-100);border-top:none;border-radius:0 0 2px 2px;background-color:var(--color-dark-300);box-shadow:0 4px 8px #0003}._dropdown_15bt3_102 .simplebar-scrollbar:before{background:var(--color-light-900)}._option_15bt3_81{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;padding:7px 12px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100)}._option_15bt3_81:hover{color:var(--color-accent-500);background-color:var(--color-dark-100);transition:color .12s ease-out,background-color .16s cubic-bezier(.2,0,0,1)}._option_15bt3_81._selected_15bt3_71{color:var(--color-accent-500)}._option_15bt3_81:focus-visible{background-color:var(--color-dark-100);outline:2px solid var(--color-accent-500);outline-offset:-2px}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._alert_5jfpm_1{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:387px;padding:12px 24px;border-radius:2px;color:var(--color-light-100)}._content_5jfpm_15{display:flex;gap:5px;align-items:center}._error_5jfpm_22{border:1px solid var(--color-danger-500);background-color:var(--color-danger-900)}._success_5jfpm_28{border:1px solid var(--color-success-500);background-color:var(--color-success-900)}._closeButton_5jfpm_33{cursor:pointer;border:none;background:transparent}._message_5jfpm_39,._title_5jfpm_40{font-size:16px;font-weight:400;line-height:150%}._title_5jfpm_40{font-weight:700}._toastEnter_5jfpm_50{animation:_fade-in_5jfpm_1 .2s ease-out}._toastExit_5jfpm_54{animation:_fade-out_5jfpm_1 .2s ease-in forwards}@keyframes _fade-in_5jfpm_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_5jfpm_1{0%{opacity:1}to{opacity:0}}._button_dqki1_1{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:6px 24px;border-radius:2px;font-weight:600;line-height:150%;transition:color .12s ease-out,background-color .18s cubic-bezier(.2,0,0,1)}._button_dqki1_1:disabled{cursor:not-allowed}._primary_dqki1_25{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_dqki1_25:active{color:var(--color-light-500);background-color:var(--color-accent-700)}._primary_dqki1_25:focus-visible{outline:2px solid var(--color-accent-700)}._primary_dqki1_25:disabled{color:var(--color-light-900);background-color:var(--color-accent-900)}._primary_dqki1_25:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-accent-100)}._secondary_dqki1_48{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_dqki1_48:active{color:var(--color-light-500);background-color:var(--color-dark-400)}._secondary_dqki1_48:focus-visible{outline:2px solid var(--color-accent-300)}._secondary_dqki1_48:disabled{color:var(--color-light-900);background-color:var(--color-dark-500)}._secondary_dqki1_48:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-dark-100)}._outlined_dqki1_71{border:1px solid var(--color-accent-500);color:var(--color-accent-500);background-color:transparent}._outlined_dqki1_71:active{border-color:var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:focus-visible{border:2px solid var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:disabled{border-color:var(--color-accent-900);color:var(--color-accent-900)}._outlined_dqki1_71:hover:not(:active,:focus-visible,:disabled){border-color:var(--color-accent-100);color:var(--color-accent-100)}._text_dqki1_97{color:var(--color-accent-500)}._text_dqki1_97:active{color:var(--color-accent-700)}._text_dqki1_97:focus-visible{outline:2px solid var(--color-accent-700)}._text_dqki1_97:disabled{color:var(--color-accent-900)}._text_dqki1_97:hover:not(:active,:focus-visible,:disabled){color:var(--color-accent-100)}._icon_dqki1_117{display:inline-flex;align-items:center;margin-right:10px}._card_1ah7i_1{padding:16px;border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-500)}._checkbox_1q28z_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_1q28z_11{position:absolute;opacity:0}._labelSpan_1q28z_16{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_1q28z_23{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-500);border-radius:4px}._input_1q28z_11:checked+._control_1q28z_23{background-color:var(--color-light-100)}._control_1q28z_23:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .15s ease}._control_1q28z_23:hover:before{background-color:var(--color-dark-100)}._input_1q28z_11:focus-visible+._control_1q28z_23:before{background-color:var(--color-dark-100)}._checkbox_1q28z_1:active ._control_1q28z_23:before{background-color:var(--color-dark-100)}._control_1q28z_23:after{content:"";position:absolute;top:50%;left:50%;transform-origin:left bottom;transform:translate(calc(-50% + 4px),-40%) rotate(-45deg);width:10px;height:6px;border-bottom:2px solid transparent;border-left:2px solid transparent}._input_1q28z_11:checked+._control_1q28z_23:after{border-color:var(--color-dark-900)}._input_1q28z_11:disabled+._control_1q28z_23{border-color:var(--color-dark-100)}._input_1q28z_11:disabled+._control_1q28z_23:before{background-color:transparent}._input_1q28z_11:disabled~._labelSpan_1q28z_16,._input_1q28z_11:disabled+._control_1q28z_23{cursor:not-allowed}._input_1q28z_11:disabled:checked+._control_1q28z_23{background-color:var(--color-dark-100)}._input_1q28z_11:disabled:checked+._control_1q28z_23:after{border-color:var(--color-light-700)}._input_1q28z_11:disabled~._labelSpan_1q28z_16{color:var(--color-light-900)}._checkbox_1q28z_1:has(._input_1q28z_11:disabled){cursor:not-allowed}._typography_11tbz_1{display:inline-flex;align-items:center;margin:0;color:var(--color-dark-900)}._icon_11tbz_8{display:inline-flex;align-items:center;margin-right:8px}._large_11tbz_14{font-size:26px;font-weight:600;line-height:138%}._h1_11tbz_20{font-size:20px;font-weight:700;line-height:180%}._h2_11tbz_26{font-size:18px;font-weight:700;line-height:133%}._h3_11tbz_32{font-size:16px;font-weight:600;line-height:150%}._text-16_11tbz_38{font-size:16px;font-weight:400;line-height:150%}._text-16-bold_11tbz_44{font-size:16px;font-weight:700;line-height:150%}._text-14_11tbz_50{font-size:14px;font-weight:400;line-height:171%}._text-14-bold_11tbz_56{font-size:14px;font-weight:700;line-height:171%}._text-14-medium_11tbz_62{font-size:14px;font-weight:500;line-height:171%}._small_11tbz_68{font-size:12px;font-weight:400;line-height:133%}._small-semibold_11tbz_74{font-size:12px;font-weight:600;line-height:133%}._link_11tbz_80{font-size:14px;font-weight:400;line-height:171%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._small-link_11tbz_89{font-size:12px;font-weight:400;line-height:133%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._label_ndvr9_1{margin-bottom:4px}._required_ndvr9_5{margin-left:4px;color:var(--color-danger-500)}._srOnly_ndvr9_10{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}._radio_10hqy_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_10hqy_12{position:absolute;opacity:0}._labelSpan_10hqy_18{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_10hqy_26{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-100);border-radius:50%}._control_10hqy_26:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}._control_10hqy_26:hover:before{background-color:var(--color-dark-300)}._input_10hqy_12:focus-visible+._control_10hqy_26:before{background-color:var(--color-dark-500)}._radio_10hqy_1:active ._control_10hqy_26:before{background-color:var(--color-dark-100)}._control_10hqy_26:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:transparent}._input_10hqy_12:checked+._control_10hqy_26:after{background-color:var(--color-light-100)}._input_10hqy_12:disabled+._control_10hqy_26{border-color:var(--color-dark-100)}._input_10hqy_12:disabled+._control_10hqy_26:before{background-color:transparent}._input_10hqy_12:disabled:checked+._control_10hqy_26:after{background-color:var(--color-dark-100)}._input_10hqy_12:disabled~._labelSpan_10hqy_18{color:var(--color-light-900)}._input_10hqy_12:disabled~._labelSpan_10hqy_18,._input_10hqy_12:disabled+._control_10hqy_26,._input_10hqy_12:disabled~._control_10hqy_26{cursor:not-allowed}._radio_10hqy_1:has(._input_10hqy_12:disabled){cursor:not-allowed}._tab_78cv0_1{all:unset;cursor:pointer;width:100%;padding:6px 23px 4px;border-bottom:2px solid var(--color-dark-100);border-radius:0;font-size:16px;font-weight:600;line-height:150%;color:var(--color-dark-100);text-align:center;transition-duration:.2s;transition-property:background-color,color,border-color}._selected_78cv0_21{border-bottom-color:var(--color-accent-500);color:var(--color-accent-500)}._tab_78cv0_1:disabled{cursor:not-allowed;border-bottom-color:var(--color-dark-300);color:var(--color-dark-300)}._selected_78cv0_21:disabled{border-bottom-color:var(--color-accent-900);color:var(--color-accent-900)}._tab_78cv0_1:focus-visible{border-radius:2px;outline:2px solid var(--color-accent-700)}._tab_78cv0_1:active:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-100) 15%,transparent)}._tab_78cv0_1:hover:not(:active,:focus-visible,:disabled){background-color:color-mix(in srgb,var(--color-accent-900) 15%,transparent)}._textareaWrapper_ahoiy_1{display:flex;flex-direction:column;width:100%}._label_ahoiy_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ahoiy_7._disabled_ahoiy_14{color:var(--color-dark-100)}._textarea_ahoiy_1{resize:none;box-sizing:border-box;width:100%;padding:10px 14px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);background-color:transparent;outline:none}._textarea_ahoiy_1:disabled{cursor:not-allowed;color:var(--color-dark-100)}._textarea_ahoiy_1:focus-visible{border:1px solid var(--color-light-100);color:var(--color-light-100)}._errorState_ahoiy_46,._errorState_ahoiy_46:focus-visible{border:1px solid var(--color-danger-500);color:var(--color-light-100)}._errorMessage_ahoiy_52{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ahoiy_59{color:var(--color-danger-500)}html{line-height:1.15;text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-accent-100: #73a5ff;--color-accent-300: #4c8dff;--color-accent-500: #397df6;--color-accent-700: #2f68cc;--color-accent-900: #234e99;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px}input,button,select,textarea,optgroup,option{font-weight:inherit;font-style:inherit;color:inherit}[data-simplebar] .simplebar-track.simplebar-vertical{width:14px;background:transparent}[data-simplebar] .simplebar-scrollbar:before{left:50%;transform:translate(-50%);width:4px;border-radius:3px;background:var(--color-dark-900)}[data-simplebar] .simplebar-scrollbar:hover:before{background:var(--color-light-900)}[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:1}._wrapper_1i0po_1{display:flex;flex-direction:column;width:100%}._label_1i0po_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_1i0po_7._disabled_1i0po_14{color:var(--color-dark-100)}._inputContainer_1i0po_18{position:relative;display:flex;align-items:center;border:1px solid var(--color-dark-100);border-radius:2px;background-color:transparent}._input_1i0po_18{all:unset;box-sizing:border-box;width:100%;padding:10px 14px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900)}._inputContainer_1i0po_18:has(:focus-visible) ._input_1i0po_18{color:var(--color-light-100)}._inputContainer_1i0po_18:has(:focus-visible){border-color:var(--color-light-100)}._inputContainer_1i0po_18._error_1i0po_51{border-color:var(--color-danger-500)}._inputContainer_1i0po_18._disabled_1i0po_14{border:1px solid var(--color-dark-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._input_1i0po_18{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18._withStartIcon_1i0po_64 ._input_1i0po_18{padding-left:40px}._inputContainer_1i0po_18._withEndIcon_1i0po_68 ._input_1i0po_18{padding-right:40px}._startIcon_1i0po_72,._endIcon_1i0po_73{position:absolute;display:flex;align-items:center;justify-content:center}._startIcon_1i0po_72{left:11px;color:var(--color-light-900)}._inputContainer_1i0po_18:focus-within ._startIcon_1i0po_72{color:var(--color-light-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._startIcon_1i0po_72{color:var(--color-dark-100)}._endIcon_1i0po_73{cursor:pointer;right:11px;padding:0;border:none;color:var(--color-light-100);background:none}._endIcon_1i0po_73:disabled{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18:focus-within ._endIcon_1i0po_73{color:var(--color-light-100)}._errorMessage_1i0po_115{font-size:14px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_1i0po_122{color:var(--color-danger-500)}._wrapper_l023w_1{position:relative}._inputContainer_l023w_5{display:flex;flex-direction:column;min-width:255px}._label_l023w_11 span{color:var(--color-light-900)}._inputWrapper_l023w_15{cursor:pointer;position:relative;display:flex;align-items:center}._trigger_l023w_22{all:unset;width:100%;padding:6px 12px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100);background:var(--color-dark-500)}._icon_l023w_38{pointer-events:none;position:absolute;right:12px;color:var(--color-light-100)}._icon_l023w_38._placeholder_l023w_45{color:var(--color-light-900)}._clearButton_l023w_49{all:unset;cursor:pointer;position:absolute;right:40px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:2px;pointer-events:none;opacity:0;transition:background-color .2s ease,opacity .2s ease}._clearButton_l023w_49:hover{background-color:var(--color-dark-300)}._clearButton_l023w_49:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:2px;pointer-events:auto;opacity:1}._inputWrapper_l023w_15:hover ._clearButton_l023w_49{pointer-events:auto;opacity:1}._clearIcon_l023w_89{pointer-events:none;width:16px;height:16px;color:var(--color-light-100)}._trigger_l023w_22:disabled{border-color:var(--color-dark-100);color:var(--color-dark-100)}._disabledLabel_l023w_101 span{color:var(--color-dark-100)}._trigger_l023w_22:focus-visible:not(:disabled){outline:2px solid var(--color-accent-700)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22::placeholder{color:var(--color-dark-100)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22{cursor:not-allowed}._inputWrapper_l023w_15:has(._trigger_l023w_22:focus-visible) ._icon_l023w_38{color:var(--color-light-100)}._error_l023w_123{color:var(--color-danger-500)}._trigger_l023w_22._error_l023w_123{border-color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._trigger_l023w_22::placeholder{color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)){color:var(--color-light-100)}._calendar_l023w_141{pointer-events:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;transform:translateY(-8px);padding:16px 24px;border:1px solid var(--color-dark-100);border-radius:2px;opacity:0;background:var(--color-dark-500);transition:all .2s ease}._calendar_l023w_141._open_l023w_160{pointer-events:auto;transform:translateY(0);opacity:1}._monthsCaption_l023w_166{display:flex;align-items:center;justify-content:center}._navButtonPrevious_l023w_172,._navButtonNext_l023w_173{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;position:absolute;background-color:var(--color-dark-100)}._navButtonPrevious_l023w_172{left:24px}._navButtonNext_l023w_173{right:24px}._navIcon_l023w_193{width:20px;height:20px;fill:var(--color-light-100)}._monthGrid_l023w_199{table-layout:fixed;border-spacing:0 10px;width:100%}._dropdowns_l023w_205{width:150px}._weekday_l023w_209{width:36px;padding:6px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);text-align:center}._day_l023w_220{width:36px;height:36px;padding:0;text-align:center}._dayButton_l023w_227{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:400;line-height:150%;text-align:center}._dayButton_l023w_227:hover{border-radius:50%;background-color:var(--color-accent-700)}._day_l023w_220 ._dayButton_l023w_227{color:var(--color-light-100)}._dayOutside_l023w_254 ._dayButton_l023w_227{color:var(--color-light-900)}._dayToday_l023w_258 ._dayButton_l023w_227{font-weight:700;color:var(--color-accent-500)}._daySelected_l023w_263 ._dayButton_l023w_227:hover,._dayRangeStart_l023w_264 ._dayButton_l023w_227:hover,._dayRangeEnd_l023w_265 ._dayButton_l023w_227:hover,._dayRangeMiddle_l023w_266 ._dayButton_l023w_227:hover{border-radius:inherit;background-color:inherit}._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(6) ._dayButton_l023w_227,._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(7) ._dayButton_l023w_227{color:var(--color-danger-300)}._dayRangeStart_l023w_264{border-radius:50% 0 0 50%}._dayRangeStart_l023w_264._dayRangeEnd_l023w_265{border-radius:50%}._dayRangeEnd_l023w_265{border-radius:0 50% 50% 0}._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266,._daySelected_l023w_263{background-color:var(--color-accent-900)}._daySelected_l023w_263:not(._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266){border-radius:50%}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}._container_15bt3_1{display:flex;flex-direction:column;width:100%}._label_15bt3_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._select_15bt3_14{position:relative;width:100%}._trigger_15bt3_19{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:36px;padding:8px 12px;border:1px solid var(--color-light-900);border-radius:2px;font-size:16px;line-height:150%;color:var(--color-light-100);background-color:transparent;transition:color .2s,background-color .2s}._triggerOpen_15bt3_46{border-color:var(--color-light-100);border-radius:2px 2px 0 0;background-color:var(--color-dark-300)}._trigger_15bt3_19:disabled{cursor:not-allowed;border-color:var(--color-dark-100);color:var(--color-dark-100)}._trigger_15bt3_19:focus-visible{padding:7px 11px;border:2px solid var(--color-accent-500)}._trigger_15bt3_19:hover:not(:disabled,._triggerOpen_15bt3_46){color:var(--color-light-900)}._placeholder_15bt3_67{color:var(--color-light-900)}._selectedContent_15bt3_71{overflow:hidden;display:flex;gap:8px;align-items:center;text-overflow:ellipsis;white-space:nowrap}._optionIcon_15bt3_81{display:inline-flex;flex-shrink:0;align-items:center}._arrow_15bt3_87{display:inline-flex;margin-left:24px;color:var(--color-light-100);transition:transform .4s}._trigger_15bt3_19:disabled ._arrow_15bt3_87{color:var(--color-dark-100)}._arrow_15bt3_87._open_15bt3_98{transform:rotate(180deg)}._dropdown_15bt3_102{position:absolute;z-index:1000;top:100%;left:0;box-sizing:border-box;width:100%;border:1px solid var(--color-light-100);border-top:none;border-radius:0 0 2px 2px;background-color:var(--color-dark-300);box-shadow:0 4px 8px #0003}._dropdown_15bt3_102 .simplebar-scrollbar:before{background:var(--color-light-900)}._option_15bt3_81{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;padding:7px 12px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100)}._option_15bt3_81:hover{color:var(--color-accent-500);background-color:var(--color-dark-100);transition:color .12s ease-out,background-color .16s cubic-bezier(.2,0,0,1)}._option_15bt3_81._selected_15bt3_71{color:var(--color-accent-500)}._option_15bt3_81:focus-visible{background-color:var(--color-dark-100);outline:2px solid var(--color-accent-500);outline-offset:-2px}._overlay_1botz_1{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0009;animation:_fade-in_1botz_1 .2s ease}._modal_1botz_15{display:flex;flex-direction:column;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-300);animation:_modal-fade-in_1botz_1 .2s ease}._header_1botz_29{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-dark-100)}._title_1botz_39{flex:1;min-width:0;margin:0;font-size:20px;font-weight:700;line-height:36px;color:var(--color-light-100);overflow-wrap:anywhere}._close_1botz_52{cursor:pointer;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;color:var(--color-light-100);background:none;transition:transform .15s ease,color .15s ease}._close_1botz_52:hover,._close_1botz_52:focus-visible{transform:scale(1.1);color:var(--color-light-900);outline:none}._body_1botz_79{overflow:auto;padding:16px}@keyframes _modal-fade-in_1botz_1{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _fade-in_1botz_1{0%{opacity:0}to{opacity:1}}
package/dist/index.d.ts CHANGED
@@ -1,5 +1 @@
1
- import './styles/normalize.css';
2
- import './styles/index.css';
3
- export * from './components';
4
- export { clsx } from 'clsx';
5
- export { default as SimpleBar } from 'simplebar-react';
1
+ export * from './index.server';
package/dist/index.js CHANGED
@@ -1,23 +1,15 @@
1
- import { D as r, I as t, S as e, t as o, a as p } from "./DatePicker-SCRr57u0.js";
2
- import { clsx as x } from "clsx";
3
- import { default as f } from "simplebar-react";
4
- import { A as b, B as u, C as S, a as T, L as d, R as i, T as B, b as C, c as h } from "./Radio-Dngy9qay.js";
1
+ import { A as o, B as r, C as e, a as t, L as x, R as b, T as p, b as T, c } from "./Textarea-BwDvldVO.js";
2
+ import { clsx as C } from "clsx";
5
3
  export {
6
- b as Alert,
7
- u as Button,
8
- S as Card,
9
- T as Checkbox,
10
- r as DatePicker,
11
- t as Input,
12
- d as Label,
13
- i as Radio,
14
- e as Select,
15
- f as SimpleBar,
16
- B as Tab,
17
- C as Textarea,
18
- h as Typography,
19
- x as clsx,
20
- o as toastError,
21
- p as toastSuccess
4
+ o as Alert,
5
+ r as Button,
6
+ e as Card,
7
+ t as Checkbox,
8
+ x as Label,
9
+ b as Radio,
10
+ p as Tab,
11
+ T as Textarea,
12
+ c as Typography,
13
+ C as clsx
22
14
  };
23
15
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -1,4 +1,4 @@
1
- import { A as o, B as r, C as e, a as t, L as x, R as b, T as p, b as T, c } from "./Radio-Dngy9qay.js";
1
+ import { A as o, B as r, C as e, a as t, L as x, R as b, T as p, b as T, c } from "./Textarea-BwDvldVO.js";
2
2
  import { clsx as C } from "clsx";
3
3
  export {
4
4
  o as Alert,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "snapflow-ui-kit",
3
3
  "private": false,
4
- "version": "1.1.0",
4
+ "version": "1.1.2",
5
5
  "type": "module",
6
6
  "packageManager": "pnpm@10.28.2",
7
7
  "main": "dist/index.js",
@@ -1,465 +0,0 @@
1
- import { jsxs as f, jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as Y, useId as z, useState as M, useEffect as $, useMemo as T, useRef as F } from "react";
3
- import L, { clsx as C } from "clsx";
4
- import { E as J, a as K, A as Q, C as U } from "./ArrowDownIcon-DL5pXuXm.js";
5
- import { toast as O } from "react-hot-toast";
6
- import { A as G, s as R, c as A } from "./Radio-Dngy9qay.js";
7
- import { DayPicker as j } from "react-day-picker";
8
- import { parse as E, isValid as S, format as x } from "date-fns";
9
- import X from "simplebar-react";
10
- import { C as Z } from "./CloseIcon-CwhvW02e.js";
11
- const ee = "_wrapper_ck06d_1", te = "_label_ck06d_7", ne = "_disabled_ck06d_14", oe = "_inputContainer_ck06d_18", re = "_input_ck06d_18", ae = "_error_ck06d_51", se = "_withStartIcon_ck06d_64", ce = "_withEndIcon_ck06d_68", ie = "_startIcon_ck06d_72", le = "_endIcon_ck06d_73", de = "_errorMessage_ck06d_115", pe = "_required_ck06d_122", _ = {
12
- wrapper: ee,
13
- label: te,
14
- disabled: ne,
15
- inputContainer: oe,
16
- input: re,
17
- error: ae,
18
- withStartIcon: se,
19
- withEndIcon: ce,
20
- startIcon: ie,
21
- endIcon: le,
22
- errorMessage: de,
23
- required: pe
24
- }, _e = Y(
25
- ({
26
- label: e,
27
- errorMessage: t,
28
- startIcon: r,
29
- endIcon: n,
30
- onEndIconClick: i,
31
- allowPasswordToggle: a,
32
- disabled: c,
33
- type: d = "text",
34
- className: p,
35
- required: w,
36
- id: b,
37
- ...h
38
- }, g) => {
39
- const m = z(), l = b ?? m, D = t ? `${l}-error` : void 0, N = !!t, I = d === "password" && a, [v, k] = M(!1);
40
- return /* @__PURE__ */ f("div", { className: C(_.wrapper, p), children: [
41
- e && /* @__PURE__ */ f("label", { htmlFor: l, className: C(_.label, { [_.disabled]: c }), children: [
42
- e,
43
- w && /* @__PURE__ */ s("sup", { className: _.required, children: " *" })
44
- ] }),
45
- /* @__PURE__ */ f(
46
- "div",
47
- {
48
- className: C(_.inputContainer, {
49
- [_.error]: N,
50
- [_.disabled]: c,
51
- [_.withStartIcon]: !!r,
52
- [_.withEndIcon]: !!n || I
53
- }),
54
- children: [
55
- r && /* @__PURE__ */ s("span", { className: _.startIcon, children: r }),
56
- /* @__PURE__ */ s(
57
- "input",
58
- {
59
- ref: g,
60
- id: l,
61
- className: _.input,
62
- type: I && v ? "text" : d,
63
- autoComplete: d === "password" ? "current-password" : "off",
64
- required: w,
65
- disabled: c,
66
- "aria-invalid": N,
67
- "aria-describedby": D,
68
- ...h
69
- }
70
- ),
71
- I && /* @__PURE__ */ s(
72
- "button",
73
- {
74
- type: "button",
75
- className: _.endIcon,
76
- onClick: () => k((y) => !y),
77
- "aria-label": v ? "Hide password" : "Show password",
78
- disabled: c,
79
- tabIndex: -1,
80
- children: v ? /* @__PURE__ */ s(J, {}) : /* @__PURE__ */ s(K, {})
81
- }
82
- ),
83
- n && !I && /* @__PURE__ */ s(
84
- "button",
85
- {
86
- type: "button",
87
- className: _.endIcon,
88
- onClick: i,
89
- "aria-label": "Action",
90
- disabled: c,
91
- children: n
92
- }
93
- )
94
- ]
95
- }
96
- ),
97
- N && /* @__PURE__ */ s("span", { id: D, className: _.errorMessage, role: "alert", children: t })
98
- ] });
99
- }
100
- );
101
- _e.displayName = "Input";
102
- const It = (e) => {
103
- O.custom((t) => /* @__PURE__ */ s(
104
- G,
105
- {
106
- variant: "success",
107
- message: e,
108
- className: t.visible ? R.toastEnter : R.toastExit,
109
- onClose: () => O.dismiss(t.id)
110
- }
111
- ));
112
- }, Nt = (e, t = "Error!") => {
113
- O.custom((r) => /* @__PURE__ */ s(
114
- G,
115
- {
116
- variant: "error",
117
- title: t,
118
- message: e,
119
- className: r.visible ? R.toastEnter : R.toastExit,
120
- onClose: () => O.dismiss(r.id)
121
- }
122
- ));
123
- }, ue = "_wrapper_l023w_1", me = "_inputContainer_l023w_5", fe = "_label_l023w_11", we = "_inputWrapper_l023w_15", he = "_trigger_l023w_22", ge = "_icon_l023w_38", ye = "_placeholder_l023w_45", be = "_clearButton_l023w_49", ve = "_clearIcon_l023w_89", Ce = "_disabledLabel_l023w_101", De = "_error_l023w_123", Ie = "_calendar_l023w_141", Ne = "_open_l023w_160", ke = "_monthsCaption_l023w_166", Ee = "_navButtonPrevious_l023w_172", Se = "_navButtonNext_l023w_173", xe = "_navIcon_l023w_193", Pe = "_monthGrid_l023w_199", Be = "_dropdowns_l023w_205", Oe = "_weekday_l023w_209", Re = "_day_l023w_220", Me = "_dayButton_l023w_227", Te = "_dayOutside_l023w_254", Le = "_dayToday_l023w_258", $e = "_daySelected_l023w_263", Ae = "_dayRangeStart_l023w_264", je = "_dayRangeEnd_l023w_265", Ve = "_dayRangeMiddle_l023w_266", o = {
124
- wrapper: ue,
125
- inputContainer: me,
126
- label: fe,
127
- inputWrapper: we,
128
- trigger: he,
129
- icon: ge,
130
- placeholder: ye,
131
- clearButton: be,
132
- clearIcon: ve,
133
- disabledLabel: Ce,
134
- error: De,
135
- calendar: Ie,
136
- open: Ne,
137
- monthsCaption: ke,
138
- navButtonPrevious: Ee,
139
- navButtonNext: Se,
140
- navIcon: xe,
141
- monthGrid: Pe,
142
- dropdowns: Be,
143
- weekday: Oe,
144
- day: Re,
145
- dayButton: Me,
146
- dayOutside: Te,
147
- dayToday: Le,
148
- daySelected: $e,
149
- dayRangeStart: Ae,
150
- dayRangeEnd: je,
151
- dayRangeMiddle: Ve
152
- }, Fe = ({
153
- ref: e,
154
- isOpen: t,
155
- onDismiss: r
156
- }) => {
157
- $(() => {
158
- if (!t) return;
159
- const n = (a) => {
160
- e.current && !e.current.contains(a.target) && r();
161
- }, i = (a) => {
162
- a.key === "Escape" && r();
163
- };
164
- return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), document.addEventListener("keydown", i), () => {
165
- document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n), document.removeEventListener("keydown", i);
166
- };
167
- }, [t, r, e]);
168
- }, P = "dd.MM.yyyy", Ge = (e) => {
169
- if (!e) return;
170
- const t = E(e, P, /* @__PURE__ */ new Date());
171
- return S(t) ? t : void 0;
172
- }, We = (e) => {
173
- if (!e) return;
174
- const t = " - ", r = e.indexOf(t);
175
- if (r === -1) {
176
- const d = E(e.trim(), P, /* @__PURE__ */ new Date());
177
- return S(d) ? { from: d, to: void 0 } : void 0;
178
- }
179
- const n = e.substring(0, r).trim(), i = e.substring(r + t.length).trim();
180
- if (!n || !i) return;
181
- const a = E(n, P, /* @__PURE__ */ new Date()), c = E(i, P, /* @__PURE__ */ new Date());
182
- if (S(a) && S(c))
183
- return { from: a, to: c };
184
- }, W = (e, t) => {
185
- if (e)
186
- return t === "single" ? Ge(e) : We(e);
187
- }, qe = (e, t) => {
188
- const [r, n] = M(/* @__PURE__ */ new Date());
189
- return {
190
- month: T(() => {
191
- const c = W(e, t);
192
- if (!c) return r;
193
- if (t === "single" && c instanceof Date)
194
- return c;
195
- if (t === "range" && typeof c == "object" && "from" in c) {
196
- const d = c;
197
- if (d.from)
198
- return d.from;
199
- if (d.to)
200
- return d.to;
201
- }
202
- return r;
203
- }, [e, t, r]),
204
- setMonth: (c) => {
205
- n(c);
206
- }
207
- };
208
- }, He = "_container_15bt3_1", Ye = "_label_15bt3_7", ze = "_select_15bt3_14", Je = "_trigger_15bt3_19", Ke = "_triggerOpen_15bt3_46", Qe = "_placeholder_15bt3_67", Ue = "_selectedContent_15bt3_71", Xe = "_optionIcon_15bt3_81", Ze = "_arrow_15bt3_87", et = "_open_15bt3_98", tt = "_dropdown_15bt3_102", nt = "_option_15bt3_81", ot = "_selected_15bt3_71", u = {
209
- container: He,
210
- label: Ye,
211
- select: ze,
212
- trigger: Je,
213
- triggerOpen: Ke,
214
- placeholder: Qe,
215
- selectedContent: Ue,
216
- optionIcon: Xe,
217
- arrow: Ze,
218
- open: et,
219
- dropdown: tt,
220
- option: nt,
221
- selected: ot
222
- }, rt = (e) => {
223
- const { className: t, disabled: r = !1, label: n, onChange: i, options: a, placeholder: c, value: d } = e, [p, w] = M(!1), b = F(null), h = a.find((l) => l.value === d), g = () => {
224
- r || w(!p);
225
- }, m = (l) => {
226
- i?.(l), w(!1);
227
- };
228
- return $(() => {
229
- const l = (D) => {
230
- b.current && !b.current.contains(D.target) && w(!1);
231
- };
232
- return p && document.addEventListener("mousedown", l), () => {
233
- document.removeEventListener("mousedown", l);
234
- };
235
- }, [p]), /* @__PURE__ */ f("div", { className: C(u.container, t), children: [
236
- n && /* @__PURE__ */ s("label", { className: u.label, children: n }),
237
- /* @__PURE__ */ f("div", { className: u.select, ref: b, children: [
238
- /* @__PURE__ */ f(
239
- "button",
240
- {
241
- className: C(u.trigger, p && u.triggerOpen),
242
- disabled: r,
243
- onClick: g,
244
- type: "button",
245
- "aria-haspopup": "listbox",
246
- "aria-expanded": p,
247
- children: [
248
- /* @__PURE__ */ f("span", { className: h ? u.selectedContent : u.placeholder, children: [
249
- h?.icon && /* @__PURE__ */ s("span", { className: u.optionIcon, children: h.icon }),
250
- h ? h.label : c || "Select an option"
251
- ] }),
252
- /* @__PURE__ */ s("span", { className: C(u.arrow, p && u.open), children: /* @__PURE__ */ s(Q, {}) })
253
- ]
254
- }
255
- ),
256
- p && /* @__PURE__ */ s(X, { className: u.dropdown, role: "listbox", style: { maxHeight: 191 }, children: a.map((l) => /* @__PURE__ */ f(
257
- "button",
258
- {
259
- className: C(u.option, l.value === d && u.selected),
260
- onClick: () => m(l.value),
261
- type: "button",
262
- role: "option",
263
- "aria-selected": l.value === d,
264
- children: [
265
- l.icon && /* @__PURE__ */ s("span", { className: u.optionIcon, children: l.icon }),
266
- l.label
267
- ]
268
- },
269
- l.value
270
- )) })
271
- ] })
272
- ] });
273
- }, q = (e) => {
274
- const t = (n) => {
275
- if (e.onChange) {
276
- const i = {
277
- target: {
278
- value: n
279
- }
280
- };
281
- e.onChange(i);
282
- }
283
- }, r = e.options?.map((n) => ({
284
- value: n.value.toString(),
285
- label: n.label
286
- })) || [];
287
- return /* @__PURE__ */ s(
288
- rt,
289
- {
290
- className: e.className,
291
- options: r,
292
- value: e.value?.toString() || "",
293
- onChange: t
294
- }
295
- );
296
- };
297
- q.displayName = "DatePickerDropdown";
298
- const at = {
299
- month_caption: o.monthsCaption,
300
- button_previous: o.navButtonPrevious,
301
- button_next: o.navButtonNext,
302
- chevron: o.navIcon,
303
- caption_label: o.captionLabel,
304
- dropdowns: o.dropdowns,
305
- dropdown_root: o.dropdown_root,
306
- dropdown: o.dropdown,
307
- dropdown_select_option: o.option,
308
- months_dropdown: o.monthsDropdown,
309
- years_dropdown: o.yearsDropdown,
310
- month_grid: o.monthGrid,
311
- weekday: o.weekday,
312
- day_button: o.dayButton,
313
- day: o.day,
314
- outside: o.dayOutside,
315
- selected: o.daySelected,
316
- range_start: o.dayRangeStart,
317
- range_middle: o.dayRangeMiddle,
318
- range_end: o.dayRangeEnd,
319
- today: o.dayToday
320
- }, st = {
321
- Dropdown: q
322
- }, ct = {
323
- weekStartsOn: 1,
324
- showOutsideDays: !0,
325
- reverseYears: !0,
326
- captionLayout: "dropdown"
327
- }, it = {
328
- components: st,
329
- ...ct
330
- }, lt = (e) => ({
331
- ...it,
332
- classNames: {
333
- root: L(o.calendar, e && o.open),
334
- ...at
335
- }
336
- }), B = "dd.MM.yyyy", dt = (e) => e ? x(e, B) : "", pt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${x(e.from, B)} - ${x(e.to, B)}` : x(e.from, B), V = (e, t) => e ? t === "single" && e instanceof Date ? dt(e) : t === "range" && typeof e == "object" && "from" in e ? pt(e) : "" : "", _t = ({
337
- value: e,
338
- mode: t,
339
- onChange: r,
340
- setMonth: n,
341
- setIsOpen: i
342
- }) => {
343
- if (!e) {
344
- r("");
345
- return;
346
- }
347
- if (t === "single") {
348
- e instanceof Date && (n(e), r(V(e, "single")), i(!1));
349
- return;
350
- }
351
- if (t === "range" && typeof e == "object" && "from" in e) {
352
- const a = e;
353
- a.from ? n(a.from) : a.to && n(a.to);
354
- const c = V(a, "range");
355
- r(c), a.from && a.to && a.from.getTime() !== a.to.getTime() && i(!1);
356
- }
357
- }, ut = (e, t, r) => {
358
- if (e) {
359
- if (t === "single" && e instanceof Date) {
360
- r(e);
361
- return;
362
- }
363
- if (t === "range" && typeof e == "object" && "from" in e) {
364
- const n = e;
365
- n.from ? r(n.from) : n.to && r(n.to);
366
- }
367
- }
368
- }, kt = ({
369
- mode: e,
370
- value: t,
371
- onChange: r,
372
- disabled: n,
373
- label: i,
374
- error: a,
375
- placeholder: c,
376
- ...d
377
- }) => {
378
- const [p, w] = M(!1), b = F(null), { month: h, setMonth: g } = qe(t, e), m = T(() => W(t, e), [t, e]);
379
- $(() => {
380
- ut(m, e, g);
381
- }, [m, e, g]), Fe({ ref: b, isOpen: p, onDismiss: () => {
382
- w(!1);
383
- } });
384
- const D = (y) => {
385
- y.stopPropagation(), v(void 0);
386
- }, N = () => {
387
- n || w((y) => !y);
388
- }, I = (y) => {
389
- const H = y.currentTarget.value;
390
- r(H);
391
- }, v = (y) => {
392
- _t({
393
- value: y,
394
- mode: e,
395
- onChange: r,
396
- setMonth: g,
397
- setIsOpen: w
398
- });
399
- }, k = T(() => lt(p), [p]);
400
- return /* @__PURE__ */ f("div", { ref: b, className: o.wrapper, children: [
401
- /* @__PURE__ */ f("div", { className: o.inputContainer, children: [
402
- i && /* @__PURE__ */ s("span", { className: n ? o.disabledLabel : o.label, children: /* @__PURE__ */ s(A, { variant: "text-14", children: i }) }),
403
- /* @__PURE__ */ f("div", { className: o.inputWrapper, children: [
404
- /* @__PURE__ */ s(
405
- "input",
406
- {
407
- type: "text",
408
- className: L(o.trigger, a && o.error),
409
- onClick: N,
410
- value: t,
411
- onChange: I,
412
- placeholder: c,
413
- disabled: n,
414
- "aria-label": i || "Select date",
415
- "aria-expanded": p,
416
- "aria-haspopup": "dialog",
417
- "aria-invalid": a ? "true" : "false",
418
- ...d
419
- }
420
- ),
421
- t && !n && /* @__PURE__ */ s(
422
- "button",
423
- {
424
- type: "button",
425
- className: o.clearButton,
426
- onClick: D,
427
- "aria-label": "Clear date",
428
- children: /* @__PURE__ */ s(Z, { className: o.clearIcon })
429
- }
430
- ),
431
- /* @__PURE__ */ s(U, { className: L(o.icon, !t && o.placeholder) })
432
- ] }),
433
- a && /* @__PURE__ */ s(A, { variant: "small", className: o.error, children: a })
434
- ] }),
435
- e === "single" ? /* @__PURE__ */ s(
436
- j,
437
- {
438
- ...k,
439
- month: h,
440
- onMonthChange: g,
441
- mode: "single",
442
- selected: m instanceof Date ? m : void 0,
443
- onSelect: v
444
- }
445
- ) : /* @__PURE__ */ s(
446
- j,
447
- {
448
- ...k,
449
- month: h,
450
- onMonthChange: g,
451
- mode: "range",
452
- selected: m && typeof m == "object" && "from" in m ? m : void 0,
453
- onSelect: v
454
- }
455
- )
456
- ] });
457
- };
458
- export {
459
- kt as D,
460
- _e as I,
461
- rt as S,
462
- It as a,
463
- Nt as t
464
- };
465
- //# sourceMappingURL=DatePicker-SCRr57u0.js.map