@arthurzakharov/ui-kit 1.0.103 → 1.0.105

package/dist/assets/control-Cl7kWdan.css

@@ -0,0 +1 @@
+._ButtonCard_b9zpw_1{--icon-size: 24px;flex-basis:100%;padding:var(--rm-ui-padding-md);outline:none;display:flex;flex-wrap:nowrap}._ButtonCard_b9zpw_1:disabled ._ButtonCardIcon_b9zpw_10{stroke:var(--rm-ui-color-text-secondary)}._ButtonCardIconTop_b9zpw_14{flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--rm-ui-padding-xxs)}._ButtonCardIconTop_b9zpw_14 ._ButtonCardText_b9zpw_21{flex-basis:100%}._ButtonCardIconLeft_b9zpw_25{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._ButtonCardIconLeft_b9zpw_25 ._ButtonCardText_b9zpw_21{flex-basis:calc(100% - var(--rm-ui-padding-sm) - var(--icon-size));justify-content:flex-start}._ButtonCardIcon_b9zpw_10{width:var(--icon-size);height:var(--icon-size);stroke:var(--rm-ui-color-text-primary);transition:stroke var(--rm-ui-amimation-speed-secondary) var(--rm-ui-amimation-cubic-primary)}._ButtonRadio_1rilo_1{--icon-size: 24px;--icon-gap: var(--rm-ui-padding-sm);flex-basis:100%;padding:var(--rm-ui-padding-md);outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}._ButtonRadioRow_1rilo_14{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-sm)}._ButtonRadioWrap_1rilo_23{display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:1;align-items:flex-start;justify-content:flex-start}._ButtonRadioContent_1rilo_32{margin-left:var(--icon-gap);flex-basis:calc(100% - var(--icon-size) - var(--icon-gap));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._ButtonRadioText_1rilo_42{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-accent-primary);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);text-align:left}._ButtonRadioHint_1rilo_50{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}._CardImage_dw1xq_1{--font-size: 12px;--line-height: 14px;--img-size: 110px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--rm-ui-padding-xs)}._CardImageContent_dw1xq_13{width:135px;height:130px;padding:6px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}._CardImageContent_dw1xq_13:hover{cursor:pointer}._CardImageTop_dw1xq_27{position:relative;flex-grow:1}._CardImageWrap_dw1xq_32{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--img-size);height:var(--img-size);background-repeat:no-repeat;background-size:700%}._CardImageBottom_dw1xq_43{flex-basis:calc(var(--line-height) * 2);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--rm-ui-padding-xs)}._CardText_1eht8_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._CardTextLabel_1eht8_9{position:relative;padding:var(--rm-ui-padding-md) var(--rm-ui-padding-sm);flex-basis:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._CardTextLabel_1eht8_9:hover{cursor:pointer}._CardTextChoice_1eht8_24{display:flex;flex-direction:row;align-items:center;justify-content:center}._Checkbox_1ez0v_1{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Checkbox_1ez0v_1:hover{cursor:pointer}._CheckboxChoice_1ez0v_14{position:relative;left:0;top:3px}._CheckboxContent_1ez0v_20{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._CheckboxContent_1ez0v_20 button{color:var(--rm-ui-color-link);outline-offset:2px}._CheckboxContent_1ez0v_20 button:hover{cursor:pointer;text-decoration:underline}._CheckboxContent_1ez0v_20 button:focus-visible{outline-color:var(--rm-ui-color-focus)}._CheckboxContentTextBody_1ez0v_39{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._CheckboxContentTextBodySmall_1ez0v_44{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._Dropdown_1bylm_1{--transition-time: .2s;--under-chevron: linear-gradient(90deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, .5411764706) 25%, #fff 50%);--border-radius: 3px;position:relative;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._DropdownBorder_1bylm_17{position:relative;min-height:60px;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);overflow:hidden}._DropdownContent_1bylm_28{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}._DropdownBorder_1bylm_17:hover{cursor:pointer}._DropdownChevron_1bylm_39{width:24px;height:24px;transition:transform var(--transition-time) ease-out}._DropdownChevron_1bylm_39[data-open=false]{transform:rotate(0)}._DropdownChevron_1bylm_39[data-open=true]{transform:rotate(180deg)}._DropdownChevronWrap_1bylm_53{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);background:var(--under-chevron);border-radius:10px;width:80px;height:100%;padding-right:var(--rm-ui-padding-sm);display:flex;justify-content:flex-end;align-items:center}._DropdownBox_1bylm_69{flex-grow:1;border-radius:10px;background-color:var(--rm-ui-grey-50)}._DropdownBoxVisible_1bylm_75{display:block}._DropdownBoxHidden_1bylm_79{display:none}._DropdownSearch_1bylm_83{position:relative;border-bottom:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm)}._DropdownSearchVisible_1bylm_89{display:block}._DropdownSearchHidden_1bylm_93{display:none}._DropdownClose_1bylm_97{border-top:1px var(--rm-ui-grey-300) solid;padding:var(--rm-ui-padding-sm);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}._DropdownInput_1bylm_106{width:100%;border-radius:10px;padding:var(--rm-ui-padding-xs) calc(var(--rm-ui-padding-sm) * 2 + 12px) var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);border:1px var(--rm-ui-grey-300) solid;box-sizing:border-box;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary);outline-color:var(--rm-ui-color-accent-primary)}._DropdownGlass_1bylm_120{position:absolute;z-index:1;right:calc(var(--rm-ui-padding-sm) * 2);top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--rm-ui-grey-300)}._DropdownChoices_1bylm_131{max-height:228px;overflow-y:scroll;border-radius:10px}._DropdownChoice_1bylm_131{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-sm);padding:6px var(--rm-ui-padding-sm)}._DropdownChoice_1bylm_131:hover{cursor:pointer;background-color:#fff}._DropdownChoiceNoResult_1bylm_151{color:var(--rm-ui-grey-600);text-align:center}html[dir=rtl] ._DropdownGlass_1bylm_120{left:31px;right:initial}html[dir=rtl] ._DropdownChevronWrap_1bylm_53{left:19px;right:initial}._Radio_1wc8m_1{display:inline-flex}._RadioOrientationHorizontal_1wc8m_5{flex-direction:row;gap:var(--rm-ui-padding-lg)}._RadioOrientationVertical_1wc8m_10{flex-direction:column;gap:var(--rm-ui-padding-xxs)}._RadioLabel_1wc8m_15{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._RadioLabel_1wc8m_15:hover{cursor:pointer}._Text_1ble1_1{box-sizing:border-box;position:relative;flex-grow:1;height:58px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);display:flex;flex-direction:row;justify-content:stretch;align-items:flex-end}._Text_1ble1_1:hover{cursor:pointer}._TextLabel_1ble1_17{position:absolute;left:var(--rm-ui-padding-sm);transition:top .15s ease-out}._TextLabelIdle_1ble1_23{top:50%;transform:translateY(-50%)}._TextLabelActive_1ble1_28{top:var(--rm-ui-padding-xs);transform:translateY(0)}._Textarea_1eevb_1{resize:none;outline:none;box-sizing:border-box;width:100%;border:none;border-radius:10px;padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Textarea_1eevb_1:hover{cursor:pointer}._Textarea_1eevb_1:disabled{opacity:.33}._Textarea_1eevb_1:disabled,._Textarea_1eevb_1:-webkit-autofill,._Textarea_1eevb_1:-webkit-autofill:hover,._Textarea_1eevb_1:-webkit-autofill:focus,._Textarea_1eevb_1:-webkit-autofill:active,._Textarea_1eevb_1:autofill,._Textarea_1eevb_1:autofill:hover,._Textarea_1eevb_1:autofill:focus,._Textarea_1eevb_1:autofill:active{background:transparent;transition:background 7200s ease-in-out 0s}._Textarea_1eevb_1:-webkit-autofill{animation-name:_autofill-start_1eevb_1;animation-duration:.1s;-webkit-text-fill-color:var(--rm-ui-grey-500)}._Textarea_1eevb_1:not(:-webkit-autofill){animation-name:_autofill-cancel_1eevb_1;animation-duration:.1s}@keyframes _autofill-start_1eevb_1{}@keyframes _autofill-cancel_1eevb_1{}

package/dist/assets/{main-DyrTSsPp.css → main--usgu9xb.css}

@@ -1 +1 @@
-*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #ffffff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .4s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}
+*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f9fcff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .4s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}

package/dist/assets/radio-text-BI17l0wD.css

@@ -0,0 +1 @@
+._RadioText_1jn2j_1{position:relative;display:flex;align-items:center;justify-content:center}._RadioTextColorPrimary_1jn2j_8 ._RadioTextContent_1jn2j_8{color:var(--rm-ui-color-text-primary)}._RadioTextColorSecondary_1jn2j_12 ._RadioTextContent_1jn2j_8{color:var(--rm-ui-color-text-secondary)}._RadioTextSizeMd_1jn2j_16{font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-font-size-body-extra-small)}._RadioTextSizeLg_1jn2j_21{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._RadioTextOneLine_1jn2j_26,._RadioTextOneLine_1jn2j_26 ._RadioTextContent_1jn2j_8{white-space:nowrap}._RadioTextContent_1jn2j_8{position:relative;transition:color var(--rm-ui-amimation-speed-secondary) var(--rm-ui-amimation-cubic-primary)}._RadioTextContent_1jn2j_8{text-align:left;white-space:pre-wrap}._RadioTextContent_1jn2j_8[data-checked=false]{font-weight:var(--rm-ui-font-weight-regular)}._RadioTextContent_1jn2j_8[data-checked=true]{font-weight:var(--rm-ui-font-weight-medium)}

package/dist/components/animation/animation.component.d.ts

@@ -1,6 +1,6 @@
 export type { FadeScaleProps } from './fade-scale/fade-scale.component';
 export type { FadeSlideProps } from './fade-slide/fade-slide.component';
 export declare const Animation: {
-    FadeScale: (props: import('./animation.component').FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
-    FadeSlide: (props: import('./animation.component').FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
+    FadeScale: (props: import('./fade-scale/fade-scale.component').FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
+    FadeSlide: (props: import('./fade-slide/fade-slide.component').FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
 };

package/dist/components/control/components/box/box.component.d.ts

@@ -1,5 +1,5 @@
-import { State } from '../../types';
 import { PropsWithChildren } from 'react';
+import { State } from '../../control.types';
 export interface BoxProps extends PropsWithChildren {
     state?: State;
     focused?: boolean;

package/dist/components/control/components/button/button.component.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import i from "clsx";
 import { Animation as S } from "../../../animation/animation.component.js";
 import { Loader as p } from "../../../loader/loader.component.js";
-import { containsHtml as y } from "../../utils/utils.js";
+import { containsHtml as y } from "../../utils/functions/functions.util.js";
 import '../../../../assets/button-4MJZ7yPE.css';const g = "_Button_1utzs_1", h = "_ButtonSizeSm_1utzs_11", W = "_ButtonSizeLg_1utzs_16", I = "_ButtonColorTertiary_1utzs_16", T = "_ButtonText_1utzs_20", x = "_ButtonSizeMd_1utzs_26", b = "_ButtonColorPrimary_1utzs_54", F = "_ButtonColorSecondary_1utzs_62", N = "_ButtonLoading_1utzs_79", A = "_ButtonFullWidth_1utzs_87", M = "_ButtonInfo_1utzs_95", v = "_ButtonContent_1utzs_102", P = "_ButtonContentLoading_1utzs_106", k = "_ButtonContentIdle_1utzs_110", j = "_ButtonLoaderWrap_1utzs_114", D = "_ButtonLoaderAnimationWrap_1utzs_121", t = {
   Button: g,
   ButtonSizeSm: h,

package/dist/components/control/components/button-card/button-card.component.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { SvgProps } from '../../../svg/svg.component';
+export interface ButtonCardProps extends PropsWithChildren {
+    icon?: SvgProps['icon'];
+    iconPosition?: 'top' | 'left';
+    active?: boolean;
+    disabled?: boolean;
+    preventDefault?: boolean;
+    blurAfterCLick?: boolean;
+    onClick?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const ButtonCard: (props: ButtonCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/button-card/button-card.component.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "usehooks-ts";
+import "clsx";
+import { B } from "../../../../control.component-B7FJlGM2.js";
+import "../../../svg/svg.component.js";
+export {
+  B as ButtonCard
+};

package/dist/components/control/components/button-radio/button-radio.component.d.ts

@@ -1,13 +1,12 @@
 import { PropsWithChildren } from 'react';
 export interface ButtonRadioInfo {
-    text: string;
+    text?: string;
     hintLeft?: string;
     hintRight?: string;
 }
 export interface ButtonRadioProps extends PropsWithChildren {
     active?: boolean;
     disabled?: boolean;
-    fullWidth?: boolean;
     preventDefault?: boolean;
     blurAfterCLick?: boolean;
     info?: ButtonRadioInfo;

package/dist/components/control/components/button-radio/button-radio.component.js

@@ -1,59 +1,7 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import d from "clsx";
-import { Status as m } from "../status/status.component.js";
-import '../../../../assets/button-radio-CHWkJk-e.css';const h = "_ButtonRadio_13wqp_1", f = "_ButtonRadioWrap_13wqp_26", w = "_ButtonRadioFullWidth_13wqp_34", x = "_ButtonRadioActive_13wqp_38", v = "_ButtonRadioText_13wqp_47", T = "_ButtonRadioRow_13wqp_51", q = "_ButtonRadioContent_13wqp_70", N = "_ButtonRadioTextPrimary_13wqp_88", W = "_ButtonRadioHint_13wqp_92", t = {
-  ButtonRadio: h,
-  ButtonRadioWrap: f,
-  ButtonRadioFullWidth: w,
-  ButtonRadioActive: x,
-  ButtonRadioText: v,
-  ButtonRadioRow: T,
-  ButtonRadioContent: q,
-  ButtonRadioTextPrimary: N,
-  ButtonRadioHint: W
-}, y = (e) => {
-  const {
-    children: l,
-    info: n,
-    onClick: s,
-    onFocus: c,
-    onBlur: R,
-    active: a = !1,
-    disabled: B = !1,
-    fullWidth: r = !1,
-    preventDefault: _ = !1,
-    blurAfterCLick: p = !1
-  } = e;
-  return /* @__PURE__ */ o(
-    "button",
-    {
-      type: "button",
-      disabled: B,
-      className: d(t.ButtonRadio, {
-        [t.ButtonRadioActive]: a,
-        [t.ButtonRadioFullWidth]: r
-      }),
-      onClick: (u) => {
-        _ && u.preventDefault(), p && u.currentTarget.blur(), s?.call(null);
-      },
-      onFocus: () => c?.call(null),
-      onBlur: () => R?.call(null),
-      children: /* @__PURE__ */ i("div", { className: t.ButtonRadioWrap, children: [
-        /* @__PURE__ */ o(m, { state: a ? "success" : "idle" }),
-        /* @__PURE__ */ i("div", { className: t.ButtonRadioContent, children: [
-          /* @__PURE__ */ i("div", { className: t.ButtonRadioRow, children: [
-            /* @__PURE__ */ o("span", { className: t.ButtonRadioText, children: l }),
-            n ? /* @__PURE__ */ o("span", { className: d(t.ButtonRadioText, t.ButtonRadioTextPrimary), children: n.text }) : null
-          ] }),
-          n && /* @__PURE__ */ i("div", { className: t.ButtonRadioRow, children: [
-            /* @__PURE__ */ o("span", { className: t.ButtonRadioHint, children: n.hintLeft }),
-            /* @__PURE__ */ o("span", { className: t.ButtonRadioHint, children: n.hintRight })
-          ] })
-        ] })
-      ] })
-    }
-  );
-};
+import "react/jsx-runtime";
+import "react";
+import "usehooks-ts";
+import { a as p } from "../../../../control.component-B7FJlGM2.js";
 export {
-  y as ButtonRadio
+  p as ButtonRadio
 };

package/dist/components/control/components/button-text/button-text.component.d.ts

@@ -1,8 +1,9 @@
-import { PropsWithChildren, ReactElement } from 'react';
+import { PropsWithChildren } from 'react';
+import { SvgProps } from '../../../svg/svg.component';
 export interface ButtonTextProps extends PropsWithChildren {
     size?: 'sm' | 'md' | 'lg';
     type?: 'submit' | 'reset' | 'button';
-    icon?: ReactElement<SVGElement>;
+    icon?: SvgProps['icon'];
     disabled?: boolean;
     preventDefault?: boolean;
     blurAfterCLick?: boolean;

package/dist/components/control/components/button-text/button-text.component.js

@@ -1,46 +1,45 @@
-import { jsxs as a, jsx as m } from "react/jsx-runtime";
-import _ from "clsx";
-import { cloneElement as S, isValidElement as z } from "react";
-import '../../../../assets/button-text-B5BDeF9b.css';const g = "_ButtonText_1g53u_1", d = "_ButtonTextSizeSm_1g53u_13", f = "_ButtonTextIcon_1g53u_13", p = "_ButtonTextSizeMd_1g53u_18", C = "_ButtonTextSizeLg_1g53u_19", b = "_ButtonTextContent_1g53u_24", t = {
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import "react";
+import m from "clsx";
+import { Svg as S } from "../../../svg/svg.component.js";
+import '../../../../assets/button-text-B5BDeF9b.css';const g = "_ButtonText_1g53u_1", z = "_ButtonTextSizeSm_1g53u_13", f = "_ButtonTextIcon_1g53u_13", d = "_ButtonTextSizeMd_1g53u_18", p = "_ButtonTextSizeLg_1g53u_19", C = "_ButtonTextContent_1g53u_24", t = {
   ButtonText: g,
-  ButtonTextSizeSm: d,
+  ButtonTextSizeSm: z,
   ButtonTextIcon: f,
-  ButtonTextSizeMd: p,
-  ButtonTextSizeLg: C,
-  ButtonTextContent: b
+  ButtonTextSizeMd: d,
+  ButtonTextSizeLg: p,
+  ButtonTextContent: C
 }, k = (u) => {
   const {
     children: l,
     size: n = "md",
     type: c = "button",
-    icon: e = null,
+    icon: x = null,
     disabled: s = !1,
-    preventDefault: x = !1,
+    preventDefault: B = !1,
     blurAfterCLick: i = !1,
-    onClick: B,
-    onFocus: T,
-    onBlur: r
+    onClick: T,
+    onFocus: r,
+    onBlur: _
   } = u;
   return /* @__PURE__ */ a(
     "button",
     {
       type: c,
       disabled: s,
-      className: _(t.ButtonText, {
+      className: m(t.ButtonText, {
         [t.ButtonTextSizeSm]: n === "sm",
         [t.ButtonTextSizeMd]: n === "md",
         [t.ButtonTextSizeLg]: n === "lg"
       }),
-      onClick: (o) => {
-        x && o.preventDefault(), i && o.currentTarget.blur(), B?.call(null);
+      onClick: (e) => {
+        B && e.preventDefault(), i && e.currentTarget.blur(), T?.call(null);
       },
-      onFocus: () => T?.call(null),
-      onBlur: () => r?.call(null),
+      onFocus: () => r?.call(null),
+      onBlur: () => _?.call(null),
       children: [
-        z(e) ? S(e, {
-          className: t.ButtonTextIcon
-        }) : e,
-        /* @__PURE__ */ m("span", { className: t.ButtonTextContent, children: l })
+        /* @__PURE__ */ o(S, { icon: x, className: t.ButtonTextIcon }),
+        /* @__PURE__ */ o("span", { className: t.ButtonTextContent, children: l })
       ]
     }
   );

package/dist/components/control/components/card-image/card-image.component.d.ts

@@ -1,4 +1,4 @@
-import { Interactive, RadioChoice, ChoiceValue, State } from '../../types';
+import { Interactive, RadioChoice, ChoiceValue, State } from '../../control.types';
 export interface CardImageProps extends Interactive<ChoiceValue> {
     sprite: string;
     choices: RadioChoice[];

package/dist/components/control/components/card-image/card-image.component.js

@@ -1,59 +1,7 @@
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import { Box as f } from "../box/box.component.js";
-import { Choice as q } from "../choice/choice.component.js";
-import { HiddenInput as w } from "../hidden-input/hidden-input.component.js";
-import { RadioLabel as B } from "../radio-label/radio-label.component.js";
-import { RadioText as N } from "../radio-text/radio-text.component.js";
-import { useChoice as T } from "../../hooks/useChoice/useChoice.hook.js";
-import { getChoiceId as b } from "../../utils/utils.js";
-import '../../../../assets/card-image-DQ9c4G_r.css';const W = "_CardImage_dw1xq_1", j = "_CardImageContent_dw1xq_13", y = "_CardImageTop_dw1xq_27", R = "_CardImageWrap_dw1xq_32", $ = "_CardImageBottom_dw1xq_43", r = {
-  CardImage: W,
-  CardImageContent: j,
-  CardImageTop: y,
-  CardImageWrap: R,
-  CardImageBottom: $
-}, J = (l) => {
-  const { sprite: I, choices: p, state: c = "idle", id: d, value: t, disabled: n, onChange: _ } = l, { type: i, onChoiceChange: v } = T(t, d, _);
-  return /* @__PURE__ */ a("div", { className: r.CardImage, children: p.map((e, h, u) => {
-    const m = b(d, e.value, h);
-    return /* @__PURE__ */ a(B, { id: m, value: t, state: c, choice: e, choices: u, children: ({ focused: s, hovered: x, checked: o, state: C }) => /* @__PURE__ */ a(f, { state: C, checked: o, focused: s, children: /* @__PURE__ */ g("div", { className: r.CardImageContent, children: [
-      /* @__PURE__ */ a(
-        w,
-        {
-          type: i,
-          id: m,
-          name: d,
-          value: e.value,
-          checked: o,
-          disabled: n,
-          onChange: () => v(e.value)
-        }
-      ),
-      /* @__PURE__ */ a("div", { className: r.CardImageTop, children: /* @__PURE__ */ a(
-        "div",
-        {
-          "data-image": e.icon,
-          style: { backgroundImage: `url(${I})` },
-          className: r.CardImageWrap
-        }
-      ) }),
-      /* @__PURE__ */ g("div", { className: r.CardImageBottom, children: [
-        /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-          q,
-          {
-            type: i,
-            state: C,
-            checked: o,
-            focused: s,
-            hovered: x,
-            disabled: n
-          }
-        ) }),
-        /* @__PURE__ */ a(N, { size: "md", checked: o, children: e.label })
-      ] })
-    ] }) }) }, m);
-  }) });
-};
+import "react/jsx-runtime";
+import { b as a } from "../../../../control.component-B7FJlGM2.js";
+import "../../hooks/useChoice/useChoice.hook.js";
+import "../../utils/functions/functions.util.js";
 export {
-  J as CardImage
+  a as CardImage
 };

package/dist/components/control/components/card-text/card-text.component.d.ts

@@ -1,4 +1,4 @@
-import { Interactive, RadioChoice, ChoiceValue, State } from '../../types';
+import { Interactive, RadioChoice, ChoiceValue, State } from '../../control.types';
 export interface CardTextProps extends Interactive<ChoiceValue> {
     choices: RadioChoice[];
     state?: State;

package/dist/components/control/components/card-text/card-text.component.js

@@ -1,47 +1,7 @@
-import { jsx as e, jsxs as v } from "react/jsx-runtime";
-import { Box as b } from "../box/box.component.js";
-import { Choice as g } from "../choice/choice.component.js";
-import { HiddenInput as L } from "../hidden-input/hidden-input.component.js";
-import { RadioLabel as I } from "../radio-label/radio-label.component.js";
-import { RadioText as N } from "../radio-text/radio-text.component.js";
-import { useChoice as j } from "../../hooks/useChoice/useChoice.hook.js";
-import { getChoiceId as R } from "../../utils/utils.js";
-import '../../../../assets/card-text-fgHu9TyO.css';const y = "_CardText_1eht8_1", z = "_CardTextLabel_1eht8_9", B = "_CardTextChoice_1eht8_24", i = {
-  CardText: y,
-  CardTextLabel: z,
-  CardTextChoice: B
-}, J = (m) => {
-  const { choices: x, state: c = "idle", id: r, value: d, disabled: n = !1, onChange: h } = m, { type: l, onChoiceChange: T } = j(d, r, h);
-  return /* @__PURE__ */ e("div", { className: i.CardText, children: x.map((t, p, _) => {
-    const o = R(r, t.value, p);
-    return /* @__PURE__ */ e(I, { id: o, value: d, state: c, choice: t, choices: _, children: ({ focused: s, hovered: f, checked: a, state: C }) => /* @__PURE__ */ e(b, { state: C, checked: a, focused: s, children: /* @__PURE__ */ v("div", { className: i.CardTextLabel, children: [
-      /* @__PURE__ */ e(
-        L,
-        {
-          type: l,
-          id: o,
-          name: r,
-          value: t.value,
-          checked: a,
-          disabled: n,
-          onChange: (H, u) => T(t.value, u)
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: i.CardTextChoice, children: /* @__PURE__ */ e(
-        g,
-        {
-          type: l,
-          state: C,
-          checked: a,
-          focused: s,
-          hovered: f,
-          disabled: n
-        }
-      ) }),
-      /* @__PURE__ */ e(N, { size: "lg", checked: a, children: t.label })
-    ] }) }) }, o);
-  }) });
-};
+import "react/jsx-runtime";
+import { c as i } from "../../../../control.component-B7FJlGM2.js";
+import "../../hooks/useChoice/useChoice.hook.js";
+import "../../utils/functions/functions.util.js";
 export {
-  J as CardText
+  i as CardText
 };

package/dist/components/control/components/checkbox/checkbox.component.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { Interactive, State } from '../../types';
-import { ChoiceProps } from '../choice/choice.component';
+import { Interactive, State } from '../../control.types';
+import { ChoiceProps } from '../../control.component';
 export interface CheckboxProps extends PropsWithChildren, Interactive<boolean> {
     state?: State;
     icon?: ChoiceProps['size'];

package/dist/components/control/components/checkbox/checkbox.component.js

@@ -1,85 +1,8 @@
-import { jsxs as B, jsx as c } from "react/jsx-runtime";
-import g from "clsx";
-import { useToggle as a } from "usehooks-ts";
-import { Choice as T } from "../choice/choice.component.js";
-import { HiddenInput as z } from "../hidden-input/hidden-input.component.js";
-import { Converter as F } from "../../../../utils/converter/converter.js";
-import '../../../../assets/checkbox-BOAgvTCW.css';const S = "_Checkbox_1ez0v_1", I = "_CheckboxChoice_1ez0v_14", N = "_CheckboxContent_1ez0v_20", j = "_CheckboxContentTextBody_1ez0v_39", H = "_CheckboxContentTextBodySmall_1ez0v_44", t = {
-  Checkbox: S,
-  CheckboxChoice: I,
-  CheckboxContent: N,
-  CheckboxContentTextBody: j,
-  CheckboxContentTextBodySmall: H
-}, q = (i) => {
-  const {
-    children: b,
-    state: d = "idle",
-    icon: k = "md",
-    text: C = "body-small",
-    id: o,
-    value: n,
-    disabled: e = !1,
-    onChange: s,
-    onFocus: u,
-    onBlur: m
-  } = i, [h, r] = a(!1), [p, x] = a(!1), f = (l) => {
-    e || h || (l.preventDefault(), s(!n, o));
-  }, _ = (l) => {
-    e || (l.stopPropagation(), s(!n, o));
-  }, v = () => {
-    e || (r(), u?.call(null, o));
-  }, y = () => {
-    e || (r(), m?.call(null, o));
-  };
-  return /* @__PURE__ */ B(
-    "label",
-    {
-      htmlFor: o,
-      className: t.Checkbox,
-      onClick: f,
-      onFocus: v,
-      onBlur: y,
-      onMouseEnter: () => x(),
-      onMouseLeave: () => x(),
-      children: [
-        /* @__PURE__ */ c(
-          z,
-          {
-            type: "checkbox",
-            id: o,
-            name: o,
-            value: F.Boolean.ToBooleanString(n),
-            checked: n,
-            disabled: e,
-            onChange: _
-          }
-        ),
-        /* @__PURE__ */ c("div", { className: t.CheckboxChoice, children: /* @__PURE__ */ c(
-          T,
-          {
-            type: "checkbox",
-            size: k,
-            state: d,
-            checked: n,
-            focused: h,
-            hovered: p,
-            disabled: e
-          }
-        ) }),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            className: g(t.CheckboxContent, {
-              [t.CheckboxContentTextBody]: C === "body",
-              [t.CheckboxContentTextBodySmall]: C === "body-small"
-            }),
-            children: b
-          }
-        )
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import "usehooks-ts";
+import "clsx";
+import { d as e } from "../../../../control.component-B7FJlGM2.js";
+import "../../../../utils/converter/converter.util.js";
 export {
-  q as Checkbox
+  e as Checkbox
 };

package/dist/components/control/components/dropdown/dropdown.component.d.ts

@@ -1,4 +1,4 @@
-import { QuestionChoice } from '../../types';
+import { QuestionChoice } from '../../control.types';
 export interface DropdownProps {
     choices: QuestionChoice[];
     value: QuestionChoice[];

package/dist/components/control/components/dropdown/dropdown.component.js

@@ -1,97 +1,11 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { useRef as u, useState as C, useEffect as g, useMemo as K } from "react";
-import { useBoolean as M, useResizeObserver as T, useOnClickOutside as E } from "usehooks-ts";
-import { ChevronDown as $, Search as q } from "lucide-react";
-import N from "clsx";
-import { Box as R } from "../box/box.component.js";
-import { Button as J } from "../button/button.component.js";
-import { Choice as P } from "../choice/choice.component.js";
-import { Label as Q } from "../label/label.component.js";
-import { RadioText as b } from "../radio-text/radio-text.component.js";
-import { clickHasNode as U } from "../../utils/utils.js";
-import { Converter as X } from "../../../../utils/converter/converter.js";
-import '../../../../assets/dropdown-DLXy_DVj.css';const Y = "_Dropdown_1bylm_1", Z = "_DropdownBorder_1bylm_17", oo = "_DropdownContent_1bylm_28", eo = "_DropdownChevron_1bylm_39", no = "_DropdownChevronWrap_1bylm_53", ro = "_DropdownBox_1bylm_69", so = "_DropdownBoxVisible_1bylm_75", lo = "_DropdownBoxHidden_1bylm_79", co = "_DropdownSearch_1bylm_83", io = "_DropdownSearchVisible_1bylm_89", to = "_DropdownSearchHidden_1bylm_93", po = "_DropdownClose_1bylm_97", ao = "_DropdownInput_1bylm_106", ho = "_DropdownGlass_1bylm_120", wo = "_DropdownChoices_1bylm_131", Do = "_DropdownChoice_1bylm_131", mo = "_DropdownChoiceNoResult_1bylm_151", e = {
-  Dropdown: Y,
-  DropdownBorder: Z,
-  DropdownContent: oo,
-  DropdownChevron: eo,
-  DropdownChevronWrap: no,
-  DropdownBox: ro,
-  DropdownBoxVisible: so,
-  DropdownBoxHidden: lo,
-  DropdownSearch: co,
-  DropdownSearchVisible: io,
-  DropdownSearchHidden: to,
-  DropdownClose: po,
-  DropdownInput: ao,
-  DropdownGlass: ho,
-  DropdownChoices: wo,
-  DropdownChoice: Do,
-  DropdownChoiceNoResult: mo
-}, Ro = (s) => {
-  const { choices: f = [], value: a = [], isSearchHidden: k = !1, multiple: i = !1, onChange: h, onOpen: H, onClose: z } = s, V = s.label || "", I = s.placeholder || "Wählen Sie Ihre private Krankenversicherung...", O = s.noResult || "Keine Versicherung gefunden.", W = s.closeButton || "Schließen", v = u(null), w = u(null), y = u(null), { value: t, setFalse: D, toggle: A } = M(!1), [m, G] = C(""), [l, L] = C({ width: 0, height: 0 }), [p, x] = C([]);
-  T({
-    ref: w,
-    onResize: (o) => L({ width: o.width || 0, height: o.height || 0 })
-  }), E(w, (o) => {
-    U(o, v) || (i && h(p), D());
-  }), g(() => x(Array.isArray(a) ? a : []), [a]), g(() => {
-    t && l.width && l.height ? (y.current?.focus(), H?.call(null, l.height, l.width)) : z?.call(null);
-  }, [t, l]);
-  const j = (o, c) => {
-    x((d) => d.some(({ value: _ }) => _ === o) ? d.filter(({ value: _ }) => _ !== o) : [...d, { value: o, label: c }]);
-  }, F = () => {
-    D(), h(p);
-  }, B = K(
-    () => f.filter(({ label: o }) => o.toLowerCase().includes(m.toLowerCase())),
-    [m, f]
-  );
-  return /* @__PURE__ */ r("div", { className: e.Dropdown, children: [
-    /* @__PURE__ */ n(R, { ref: v, onClick: A, children: /* @__PURE__ */ r("div", { className: e.DropdownBorder, children: [
-      /* @__PURE__ */ r("div", { className: e.DropdownContent, children: [
-        /* @__PURE__ */ n(Q, { position: "active", children: V }),
-        /* @__PURE__ */ n(b, { size: "lg", checked: !0, oneLine: !0, children: X.Answer.FromArrayToMultiple(p.map(({ label: o }) => o)) || I })
-      ] }),
-      /* @__PURE__ */ n("div", { className: e.DropdownChevronWrap, children: /* @__PURE__ */ n($, { "data-open": t, className: e.DropdownChevron }) })
-    ] }) }),
-    /* @__PURE__ */ n(R, { ref: w, className: t ? e.DropdownBoxVisible : e.DropdownBoxHidden, children: /* @__PURE__ */ r("div", { className: e.DropdownBox, children: [
-      /* @__PURE__ */ r("div", { className: N(e.DropdownSearch, k ? e.DropdownSearchHidden : e.DropdownSearchVisible), children: [
-        /* @__PURE__ */ n(
-          "input",
-          {
-            ref: y,
-            value: m,
-            type: "text",
-            className: e.DropdownInput,
-            onChange: (o) => G(o.target.value)
-          }
-        ),
-        /* @__PURE__ */ n(q, { className: e.DropdownGlass })
-      ] }),
-      /* @__PURE__ */ n("ul", { className: e.DropdownChoices, children: B.length ? B.map(({ value: o, label: c }, d) => /* @__PURE__ */ r(
-        "li",
-        {
-          className: e.DropdownChoice,
-          onClick: () => {
-            i ? j(o, c) : (D(), h([{ value: o, label: c }]));
-          },
-          children: [
-            i && /* @__PURE__ */ n(
-              P,
-              {
-                type: "checkbox",
-                checked: p.some((S) => S.value === o)
-              }
-            ),
-            /* @__PURE__ */ n(b, { size: "lg", checked: !1, children: c })
-          ]
-        },
-        o + d
-      )) : /* @__PURE__ */ n("li", { className: N(e.DropdownChoice, e.DropdownChoiceNoResult), children: /* @__PURE__ */ n(b, { size: "lg", checked: !1, children: O }) }) }),
-      i && /* @__PURE__ */ n("div", { className: e.DropdownClose, children: /* @__PURE__ */ n(J, { color: "primary", size: "sm", type: "button", onClick: () => F(), children: W }) })
-    ] }) })
-  ] });
-};
+import "react/jsx-runtime";
+import "react";
+import "usehooks-ts";
+import "lucide-react";
+import "clsx";
+import { D as e } from "../../../../control.component-B7FJlGM2.js";
+import "../../utils/functions/functions.util.js";
+import "../../../../utils/converter/converter.util.js";
 export {
-  Ro as Dropdown
+  e as Dropdown
 };

package/dist/components/control/components/hidden-input/hidden-input.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-import { InputChangeSource } from '../../types';
+import { InputChangeSource } from '../../control.types';
 export interface HiddenInputProps {
     id: string;
     value: string;

package/dist/components/control/components/input/input.component.d.ts

@@ -1,5 +1,5 @@
 import { HTMLInputTypeAttribute } from 'react';
-import { Interactive } from '../../types';
+import { Interactive } from '../../control.types';
 export interface InputProps extends Interactive<string> {
     type?: HTMLInputTypeAttribute;
     onAutofill?: (id: string) => void;