@arthurzakharov/ui-kit 1.5.4 → 1.5.6

package/dist/assets/choice-j496CvVc.css

@@ -0,0 +1 @@
+._Choice_2ykst_1{margin:1px;position:relative;background-color:var(--rm-ui-card-background);box-sizing:border-box;border-width:2px;border-style:solid;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:opacity var(--rm-ui-amimation-speed-secondary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-secondary) var(--rm-ui-amimation-cubic-primary),border-color var(--rm-ui-amimation-speed-secondary) var(--rm-ui-amimation-cubic-primary)}._Focused_2ykst_20:not(._Disabled_2ykst_20){border-color:var(--rm-ui-color-focus)!important}._Hovered_2ykst_24._Idle_2ykst_24{background-color:var(--rm-ui-grey-300)}._Disabled_2ykst_20{opacity:.4}._Idle_2ykst_24{border-color:var(--rm-ui-grey-300)}._Success_2ykst_36{border-color:var(--rm-ui-color-action)}._Error_2ykst_40{border-color:var(--rm-ui-color-error)}._Mark_2ykst_44{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;transition-delay:var(--rm-ui-amimation-speed-primary);transition-duration:var(--rm-ui-amimation-speed-secondary);transition-timing-function:var(--rm-ui-amimation-cubic-primary)}._Radio_2ykst_59{border-radius:100%}._Radio_2ykst_59._Checked_2ykst_63._Idle_2ykst_24,._Radio_2ykst_59._Checked_2ykst_63._Success_2ykst_36{border-color:var(--rm-ui-color-action);background-color:var(--rm-ui-color-action)}._Radio_2ykst_59._Checked_2ykst_63._Error_2ykst_40{background-color:var(--rm-ui-color-error)}._Radio_2ykst_59 ._Mark_2ykst_44{transition-property:background-color}._Radio_2ykst_59._XXS_2ykst_77 ._Mark_2ykst_44{width:5px;height:5px}._Radio_2ykst_59._XS_2ykst_82 ._Mark_2ykst_44{width:6px;height:6px}._Radio_2ykst_59._SM_2ykst_87 ._Mark_2ykst_44{width:7px;height:7px}._Radio_2ykst_59._MD_2ykst_92 ._Mark_2ykst_44{width:8px;height:8px}._Radio_2ykst_59._LG_2ykst_97 ._Mark_2ykst_44{width:9px;height:9px}._Radio_2ykst_59._XL_2ykst_102 ._Mark_2ykst_44{width:10px;height:10px}._Radio_2ykst_59._XXL_2ykst_107 ._Mark_2ykst_44{width:11px;height:11px}._Radio_2ykst_59._XXXL_2ykst_112 ._Mark_2ykst_44{width:12px;height:12px}._Radio_2ykst_59._Checked_2ykst_63 ._Mark_2ykst_44,._Radio_2ykst_59._Hovered_2ykst_24 ._Mark_2ykst_44{background-color:var(--rm-ui-card-background)}._Checkbox_2ykst_124{border-radius:4px}._Checkbox_2ykst_124._Checked_2ykst_63._Idle_2ykst_24,._Checkbox_2ykst_124._Checked_2ykst_63._Success_2ykst_36{border-color:var(--rm-ui-color-action);background-color:var(--rm-ui-color-action)}._Checkbox_2ykst_124._Checked_2ykst_63._Error_2ykst_40{background-color:var(--rm-ui-color-error)}._Checkbox_2ykst_124 ._Mark_2ykst_44{stroke-width:3px;stroke:transparent;transition-property:stroke}._Checkbox_2ykst_124._XXS_2ykst_77 ._Mark_2ykst_44{width:4px;height:4px}._Checkbox_2ykst_124._XS_2ykst_82 ._Mark_2ykst_44{width:6px;height:6px}._Checkbox_2ykst_124._XS_2ykst_82 ._Mark_2ykst_44{width:8px;height:8px}._Checkbox_2ykst_124._SM_2ykst_87 ._Mark_2ykst_44{width:10px;height:10px}._Checkbox_2ykst_124._MD_2ykst_92 ._Mark_2ykst_44{width:12px;height:12px}._Checkbox_2ykst_124._LG_2ykst_97 ._Mark_2ykst_44{width:14px;height:14px}._Checkbox_2ykst_124._XL_2ykst_102 ._Mark_2ykst_44{width:16px;height:16px}._Checkbox_2ykst_124._XXL_2ykst_107 ._Mark_2ykst_44{width:18px;height:18px}._Checkbox_2ykst_124._XXXL_2ykst_112 ._Mark_2ykst_44{width:20px;height:20px}._Checkbox_2ykst_124._Checked_2ykst_63 ._Mark_2ykst_44,._Checkbox_2ykst_124._Hovered_2ykst_24 ._Mark_2ykst_44{stroke:var(--rm-ui-card-background)}._XXS_2ykst_77{width:12px;height:12px}._XS_2ykst_82{width:14px;height:14px}._SM_2ykst_87{width:16px;height:16px}._MD_2ykst_92{width:18px;height:18px}._LG_2ykst_97{width:20px;height:20px}._XL_2ykst_102{width:22px;height:22px}._XXL_2ykst_107{width:24px;height:24px}._XXXL_2ykst_112{width:26px;height:26px}

package/dist/assets/{main-DlyWXITA.css → main-Dz2hrn4n.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;margin:0;padding:0}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: #ff9900;--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-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--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}
+*,*: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;margin:0;padding:0}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: #ff9900;--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-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--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: .45s;--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/sidebar-DyDlIXV0.css

@@ -0,0 +1 @@
+._Sidebar_17t5d_1{display:block}._Board_17t5d_5{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);background-color:var(--rm-ui-sidebar-bg)}._SidebarTitle_17t5d_11,._SidebarButton_17t5d_12{padding-bottom:var(--rm-ui-padding-md)}._Steps_17t5d_16,._Info_17t5d_17{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rm-ui-padding-sm)}._Step_17t5d_16{display:inline-flex;align-items:center;gap:var(--rm-ui-padding-xs)}._InfoRow_17t5d_30{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xs)}._SidebarButton_17t5d_12{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}._NothingAbove_17t5d_44{margin-top:var(--rm-ui-padding-lg)}@media screen and (min-width:1024px){._Board_17t5d_5{padding:var(--rm-ui-padding-xl)}}@media screen and (min-width:1200px){._Board_17t5d_5{padding:var(--rm-ui-padding-xxl)}._SidebarTitle_17t5d_11,._SidebarButton_17t5d_12{padding-bottom:var(--rm-ui-padding-lg)}}

package/dist/assets/status-ZxxbM9u1.css

@@ -0,0 +1 @@
+._Status_rlg1f_1{position:relative;display:inline-flex}._Idle_rlg1f_6>._Circle_rlg1f_6{stroke:var(--rm-ui-status-idle-color);fill:var(--rm-ui-status-idle-color);fill-opacity:.1}._Success_rlg1f_12>._Circle_rlg1f_6{stroke:var(--rm-ui-status-success-color);fill:var(--rm-ui-status-success-color);fill-opacity:1}._Error_rlg1f_18>._Circle_rlg1f_6{stroke:var(--rm-ui-status-error-color);fill:var(--rm-ui-status-error-color);fill-opacity:1}._Circle_rlg1f_6{flex-basis:100%;width:24px;height:24px;stroke-width:2px;transition-duration:var(--rm-ui-amimation-speed-secondary);transition-timing-function:var(--rm-ui-amimation-cubic-primary);transition-property:stroke,fill}._Check_rlg1f_34,._X_rlg1f_35{position:absolute;top:50%;left:50%;opacity:0;width:14px;height:14px;stroke-width:3;stroke:var(--rm-ui-status-idle-color);stroke-opacity:.1;transform:translate(-50%,-50%);transition-duration:var(--rm-ui-amimation-speed-secondary);transition-delay:var(--rm-ui-amimation-speed-primary);transition-timing-function:var(--rm-ui-amimation-cubic-primary);transition-property:stroke,opacity}._Success_rlg1f_12>._Check_rlg1f_34,._Error_rlg1f_18>._X_rlg1f_35{opacity:1;stroke:var(--rm-ui-content-bg);stroke-opacity:1}

package/dist/components/sidebar/sidebar.component.js

@@ -1,66 +1,91 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import N from "clsx";
-import { FadeScale as l } from "../../animations/fade-scale/fade-scale.component.js";
-import { Certifications as B } from "../certifications/certifications.component.js";
-import { Line as d } from "../line/line.component.js";
-import { Text as s } from "../text/text.component.js";
-import { UserPanel as u } from "../user-panel/user-panel.component.js";
-import { Status as v } from "../../controls/status/status.component.js";
-import { baseProps as c } from "../../utils/functions/functions.util.js";
-import '../../assets/sidebar-ODZFjsSe.css';const x = "_Sidebar_13hlr_1", g = "_Board_13hlr_5", w = "_SidebarTitle_13hlr_11", y = "_SidebarButton_13hlr_12", T = "_Steps_13hlr_16", R = "_Info_13hlr_17", z = "_Step_13hlr_16", C = "_InfoRow_13hlr_30", e = {
-  Sidebar: x,
-  Board: g,
-  SidebarTitle: w,
-  SidebarButton: y,
-  Steps: T,
-  Info: R,
-  Step: z,
-  InfoRow: C
-}, D = ({
-  children: m,
-  isButtonVisible: p = !1,
-  isUserOpen: b = !1,
-  title: h = "Ihre Übersicht",
-  steps: _ = [],
-  info: S = [],
-  certifications: f = [],
+import { jsx as t, jsxs as o, Fragment as u } from "react/jsx-runtime";
+import l from "clsx";
+import { FadeScale as p } from "../../animations/fade-scale/fade-scale.component.js";
+import { Certifications as x } from "../certifications/certifications.component.js";
+import { Line as s } from "../line/line.component.js";
+import { Text as n } from "../text/text.component.js";
+import { UserPanel as B } from "../user-panel/user-panel.component.js";
+import { Status as w } from "../../controls/status/status.component.js";
+import { baseProps as f } from "../../utils/functions/functions.util.js";
+import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_Board_17t5d_5", T = "_SidebarTitle_17t5d_11", R = "_SidebarButton_17t5d_12", z = "_Steps_17t5d_16", C = "_Info_17t5d_17", $ = "_Step_17t5d_16", j = "_InfoRow_17t5d_30", F = "_NothingAbove_17t5d_44", e = {
+  Sidebar: y,
+  Board: A,
+  SidebarTitle: T,
+  SidebarButton: R,
+  Steps: z,
+  Info: C,
+  Step: $,
+  InfoRow: j,
+  NothingAbove: F
+}, K = ({
+  // Sidebar props
+  children: h,
+  isButtonVisible: m = !1,
+  isUserOpen: c = !1,
+  title: S = "Ihre Übersicht",
+  steps: N = [],
+  info: g = [],
+  certifications: v = [],
   user: a,
-  ...n
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    "data-testid": c(n, "data-testid", "sidebar"),
-    className: N(e.Sidebar, c(n, "className")),
-    children: /* @__PURE__ */ o("div", { className: e.Board, children: [
-      /* @__PURE__ */ t(s, { preset: "sidebar-title", className: e.SidebarTitle, children: h }),
-      /* @__PURE__ */ t("div", { className: e.Steps, "data-testid": "sidebar-steps", children: _.map(({ state: i, text: r }) => /* @__PURE__ */ o("div", { className: e.Step, "data-testid": "sidebar-step", children: [
-        /* @__PURE__ */ t(v, { state: i }),
+  // Base props
+  ...b
+}) => {
+  const _ = g.filter(([, i]) => i.trim() !== ""), d = _.length > 0;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-testid": f(b, "data-testid", "sidebar"),
+      className: l(e.Sidebar, f(b, "className")),
+      children: /* @__PURE__ */ o("div", { className: e.Board, children: [
+        /* @__PURE__ */ t(n, { preset: "sidebar-title", className: e.SidebarTitle, children: S }),
+        /* @__PURE__ */ t("div", { className: e.Steps, "data-testid": "sidebar-steps", children: N.map(({ state: i, text: r }) => /* @__PURE__ */ o("div", { className: e.Step, "data-testid": "sidebar-step", children: [
+          /* @__PURE__ */ t(w, { state: i }),
+          /* @__PURE__ */ t(
+            n,
+            {
+              tag: "span",
+              weight: "medium",
+              size: "body-small",
+              color: i === "idle" ? "text-secondary" : "text-primary",
+              children: r
+            }
+          )
+        ] }, r)) }),
+        d && /* @__PURE__ */ o(u, { children: [
+          /* @__PURE__ */ t(s, {}),
+          /* @__PURE__ */ t("div", { className: e.Info, "data-testid": "sidebar-info", children: _.map(([i, r], I) => /* @__PURE__ */ o("div", { className: e.InfoRow, "data-testid": "sidebar-info-row", children: [
+            /* @__PURE__ */ t(n, { tag: "span", size: "body-small", color: "text-secondary", children: i }),
+            /* @__PURE__ */ t(n, { tag: "span", size: "body-small", align: "right", children: r })
+          ] }, `${i}-${I}`)) }),
+          /* @__PURE__ */ t(s, {})
+        ] }),
+        /* @__PURE__ */ o(p, { name: "user", condition: c, children: [
+          !d && /* @__PURE__ */ t(s, {}),
+          /* @__PURE__ */ t(B, { title: a.title, button: a.button, data: a.data, onClick: a.onClick }),
+          /* @__PURE__ */ t(s, {})
+        ] }),
+        /* @__PURE__ */ t(p, { name: "button", condition: m, children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: l(e.SidebarButton, {
+              [e.NothingAbove]: !d && !c
+            }),
+            children: h
+          }
+        ) }),
         /* @__PURE__ */ t(
-          s,
+          x,
           {
-            tag: "span",
-            weight: "medium",
-            size: "body-small",
-            color: i === "idle" ? "text-secondary" : "text-primary",
-            children: r
+            icons: v,
+            className: l({
+              [e.NothingAbove]: !d && !c && !m
+            })
           }
         )
-      ] }, r)) }),
-      /* @__PURE__ */ t(d, {}),
-      /* @__PURE__ */ t("div", { className: e.Info, "data-testid": "sidebar-info", children: S.map(([i, r], I) => /* @__PURE__ */ o("div", { className: e.InfoRow, "data-testid": "sidebar-info-row", children: [
-        /* @__PURE__ */ t(s, { tag: "span", size: "body-small", color: "text-secondary", children: i }),
-        /* @__PURE__ */ t(s, { tag: "span", size: "body-small", align: "right", children: r })
-      ] }, `${i}-${I}`)) }),
-      /* @__PURE__ */ t(d, {}),
-      /* @__PURE__ */ o(l, { name: "user", condition: b, children: [
-        /* @__PURE__ */ t(u, { title: a.title, button: a.button, data: a.data, onClick: a.onClick }),
-        /* @__PURE__ */ t(d, {})
-      ] }),
-      /* @__PURE__ */ t(l, { name: "button", condition: p, children: /* @__PURE__ */ t("div", { className: e.SidebarButton, children: m }) }),
-      /* @__PURE__ */ t(B, { icons: f })
-    ] })
-  }
-);
+      ] })
+    }
+  );
+};
 export {
-  D as Sidebar
+  K as Sidebar
 };

package/dist/controls/choice/choice.component.js

@@ -1,18 +1,18 @@
-import { jsxs as i, jsx as d } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { Check as l } from "lucide-react";
-import h from "clsx";
-import { baseProps as n } from "../../utils/functions/functions.util.js";
-import '../../assets/choice-CcUo4Zvq.css';const j = "_Choice_1ssnj_1", x = "_Focused_1ssnj_24", k = "_Disabled_1ssnj_24", L = "_Hovered_1ssnj_28", S = "_Idle_1ssnj_28", m = "_Success_1ssnj_40", C = "_Radio_1ssnj_50", M = "_Checked_1ssnj_54", b = "_Mark_1ssnj_63", u = "_XXS_1ssnj_73", D = "_XS_1ssnj_78", f = "_SM_1ssnj_83", v = "_MD_1ssnj_88", F = "_LG_1ssnj_93", G = "_XL_1ssnj_98", H = "_XXL_1ssnj_103", I = "_XXXL_1ssnj_108", N = "_Checkbox_1ssnj_120", s = {
-  Choice: j,
+import n from "clsx";
+import { baseProps as d } from "../../utils/functions/functions.util.js";
+import '../../assets/choice-j496CvVc.css';const h = "_Choice_2ykst_1", x = "_Focused_2ykst_20", y = "_Disabled_2ykst_20", L = "_Hovered_2ykst_24", S = "_Idle_2ykst_24", m = "_Success_2ykst_36", C = "_Mark_2ykst_44", M = "_Radio_2ykst_59", b = "_Checked_2ykst_63", u = "_XXS_2ykst_77", D = "_XS_2ykst_82", f = "_SM_2ykst_87", v = "_MD_2ykst_92", F = "_LG_2ykst_97", G = "_XL_2ykst_102", H = "_XXL_2ykst_107", I = "_XXXL_2ykst_112", N = "_Checkbox_2ykst_124", s = {
+  Choice: h,
   Focused: x,
-  Disabled: k,
+  Disabled: y,
   Hovered: L,
   Idle: S,
   Success: m,
-  Error: "_Error_1ssnj_44",
-  Radio: C,
-  Checked: M,
-  Mark: b,
+  Error: "_Error_2ykst_40",
+  Mark: C,
+  Radio: M,
+  Checked: b,
   XXS: u,
   XS: D,
   SM: f,
@@ -22,24 +22,26 @@ import '../../assets/choice-CcUo4Zvq.css';const j = "_Choice_1ssnj_1", x = "_Foc
   XXL: H,
   XXXL: I,
   Checkbox: N
-}, P = ({
+}, g = ({
+  // Choice props
   type: o,
-  checked: X,
+  checked: k,
   state: _ = "idle",
   size: c = "md",
-  focused: r = !1,
-  hovered: a = !1,
-  disabled: t = !1,
+  focused: X = !1,
+  hovered: r = !1,
+  disabled: a = !1,
+  // Base props
   ...e
 }) => /* @__PURE__ */ i(
   "div",
   {
-    "data-testid": n(e, "data-testid", "choice"),
-    className: h(s.Choice, n(e, "className"), {
-      [s.Checked]: X,
-      [s.Focused]: r,
-      [s.Hovered]: a,
-      [s.Disabled]: t,
+    "data-testid": d(e, "data-testid", "choice"),
+    className: n(s.Choice, d(e, "className"), {
+      [s.Checked]: k,
+      [s.Focused]: X,
+      [s.Hovered]: r,
+      [s.Disabled]: a,
       [s.Radio]: o === "radio",
       [s.Checkbox]: o === "checkbox",
       [s.Idle]: _ === "idle",
@@ -55,11 +57,11 @@ import '../../assets/choice-CcUo4Zvq.css';const j = "_Choice_1ssnj_1", x = "_Foc
       [s.XXXL]: c === "xxxl"
     }),
     children: [
-      o === "radio" && /* @__PURE__ */ d("div", { "data-testid": "choice-radio", className: s.Mark }),
-      o === "checkbox" && /* @__PURE__ */ d(l, { "data-testid": "choice-checkbox", className: s.Mark })
+      o === "radio" && /* @__PURE__ */ t("div", { "data-testid": "choice-radio", className: s.Mark }),
+      o === "checkbox" && /* @__PURE__ */ t(l, { "data-testid": "choice-checkbox", className: s.Mark })
     ]
   }
 );
 export {
-  P as Choice
+  g as Choice
 };

package/dist/controls/status/status.component.js

@@ -1,16 +1,16 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { Circle as o, X as a, Check as _ } from "lucide-react";
 import i from "clsx";
-import { baseProps as r } from "../../utils/functions/functions.util.js";
-import '../../assets/status-Cx_6Ibai.css';const k = "_Status_kt5ls_1", m = "_Idle_kt5ls_8", C = "_Circle_kt5ls_8", d = "_Success_kt5ls_14", u = "_Check_kt5ls_37", n = "_X_kt5ls_38", s = {
-  Status: k,
-  Idle: m,
-  Circle: C,
-  Success: d,
-  Error: "_Error_kt5ls_20",
+import { baseProps as t } from "../../utils/functions/functions.util.js";
+import '../../assets/status-ZxxbM9u1.css';const m = "_Status_rlg1f_1", C = "_Idle_rlg1f_6", d = "_Circle_rlg1f_6", f = "_Success_rlg1f_12", u = "_Check_rlg1f_34", n = "_X_rlg1f_35", s = {
+  Status: m,
+  Idle: C,
+  Circle: d,
+  Success: f,
+  Error: "_Error_rlg1f_18",
   Check: u,
   X: n
-}, N = ({
+}, p = ({
   // Status props
   state: c,
   // Base props
@@ -18,19 +18,19 @@ import '../../assets/status-Cx_6Ibai.css';const k = "_Status_kt5ls_1", m = "_Idl
 }) => /* @__PURE__ */ l(
   "div",
   {
-    "data-testid": r(e, "data-testid", "status"),
-    className: i(s.Status, r(e, "className"), {
+    "data-testid": t(e, "data-testid", "status"),
+    className: i(s.Status, t(e, "className"), {
       [s.Idle]: c === "idle",
       [s.Success]: c === "success",
       [s.Error]: c === "error"
     }),
     children: [
-      /* @__PURE__ */ t(o, { className: s.Circle }),
-      /* @__PURE__ */ t(a, { className: s.X }),
-      /* @__PURE__ */ t(_, { className: s.Check })
+      /* @__PURE__ */ r(o, { className: s.Circle }),
+      /* @__PURE__ */ r(a, { className: s.X }),
+      /* @__PURE__ */ r(_, { className: s.Check })
     ]
   }
 );
 export {
-  N as Status
+  p as Status
 };

package/dist/main.js

@@ -48,7 +48,7 @@ import { Svg as jo } from "./utils/svg/svg.component.js";
 import { Text as zo } from "./components/text/text.component.js";
 import { UserPanel as Ko } from "./components/user-panel/user-panel.component.js";
 import { Warranty as Qo } from "./components/warranty/warranty.component.js";
-import './assets/main-DlyWXITA.css';export {
+import './assets/main-Dz2hrn4n.css';export {
   Y as AccordionTable,
   _ as BottomBar,
   d as Box,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.5.4",
+  "version": "1.5.6",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/choice-CcUo4Zvq.css

@@ -1 +0,0 @@
-._Choice_1ssnj_1{margin:1px;position:relative;background-color:var(--rm-ui-card-background);outline-offset:0;outline:1px solid transparent;box-sizing:border-box;border-width:2px;border-style:solid;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:outline-color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out}._Focused_1ssnj_24:not(._Disabled_1ssnj_24){outline-color:var(--rm-ui-color-focus)}._Hovered_1ssnj_28._Idle_1ssnj_28{background-color:var(--rm-ui-grey-300)}._Disabled_1ssnj_24{opacity:.33}._Idle_1ssnj_28{border-color:var(--rm-ui-grey-300)}._Success_1ssnj_40{border-color:var(--rm-ui-color-action)}._Error_1ssnj_44{border-color:var(--rm-ui-color-error)}._Radio_1ssnj_50{border-radius:100%}._Radio_1ssnj_50._Checked_1ssnj_54._Idle_1ssnj_28,._Radio_1ssnj_50._Checked_1ssnj_54._Success_1ssnj_40{background-color:var(--rm-ui-color-action)}._Radio_1ssnj_50._Checked_1ssnj_54._Error_1ssnj_44{background-color:var(--rm-ui-color-error)}._Radio_1ssnj_50 ._Mark_1ssnj_63{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent}._Radio_1ssnj_50._XXS_1ssnj_73 ._Mark_1ssnj_63{width:5px;height:5px}._Radio_1ssnj_50._XS_1ssnj_78 ._Mark_1ssnj_63{width:6px;height:6px}._Radio_1ssnj_50._SM_1ssnj_83 ._Mark_1ssnj_63{width:7px;height:7px}._Radio_1ssnj_50._MD_1ssnj_88 ._Mark_1ssnj_63{width:8px;height:8px}._Radio_1ssnj_50._LG_1ssnj_93 ._Mark_1ssnj_63{width:9px;height:9px}._Radio_1ssnj_50._XL_1ssnj_98 ._Mark_1ssnj_63{width:10px;height:10px}._Radio_1ssnj_50._XXL_1ssnj_103 ._Mark_1ssnj_63{width:11px;height:11px}._Radio_1ssnj_50._XXXL_1ssnj_108 ._Mark_1ssnj_63{width:12px;height:12px}._Radio_1ssnj_50._Checked_1ssnj_54 ._Mark_1ssnj_63,._Radio_1ssnj_50._Hovered_1ssnj_28 ._Mark_1ssnj_63{background-color:var(--rm-ui-card-background)}._Checkbox_1ssnj_120{border-radius:4px}._Checkbox_1ssnj_120._Checked_1ssnj_54._Idle_1ssnj_28,._Checkbox_1ssnj_120._Checked_1ssnj_54._Success_1ssnj_40{background-color:var(--rm-ui-color-action)}._Checkbox_1ssnj_120._Checked_1ssnj_54._Error_1ssnj_44{background-color:var(--rm-ui-color-error)}._Checkbox_1ssnj_120 ._Mark_1ssnj_63{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;stroke-width:3px;stroke:transparent}._Checkbox_1ssnj_120._XXS_1ssnj_73 ._Mark_1ssnj_63{width:4px;height:4px}._Checkbox_1ssnj_120._XS_1ssnj_78 ._Mark_1ssnj_63{width:6px;height:6px}._Checkbox_1ssnj_120._XS_1ssnj_78 ._Mark_1ssnj_63{width:8px;height:8px}._Checkbox_1ssnj_120._SM_1ssnj_83 ._Mark_1ssnj_63{width:10px;height:10px}._Checkbox_1ssnj_120._MD_1ssnj_88 ._Mark_1ssnj_63{width:12px;height:12px}._Checkbox_1ssnj_120._LG_1ssnj_93 ._Mark_1ssnj_63{width:14px;height:14px}._Checkbox_1ssnj_120._XL_1ssnj_98 ._Mark_1ssnj_63{width:16px;height:16px}._Checkbox_1ssnj_120._XXL_1ssnj_103 ._Mark_1ssnj_63{width:18px;height:18px}._Checkbox_1ssnj_120._XXXL_1ssnj_108 ._Mark_1ssnj_63{width:20px;height:20px}._Checkbox_1ssnj_120._Checked_1ssnj_54 ._Mark_1ssnj_63,._Checkbox_1ssnj_120._Hovered_1ssnj_28 ._Mark_1ssnj_63{stroke:var(--rm-ui-card-background)}._XXS_1ssnj_73{width:12px;height:12px}._XS_1ssnj_78{width:14px;height:14px}._SM_1ssnj_83{width:16px;height:16px}._MD_1ssnj_88{width:18px;height:18px}._LG_1ssnj_93{width:20px;height:20px}._XL_1ssnj_98{width:22px;height:22px}._XXL_1ssnj_103{width:24px;height:24px}._XXXL_1ssnj_108{width:26px;height:26px}

package/dist/assets/sidebar-ODZFjsSe.css

@@ -1 +0,0 @@
-._Sidebar_13hlr_1{display:block}._Board_13hlr_5{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);background-color:var(--rm-ui-sidebar-bg)}._SidebarTitle_13hlr_11,._SidebarButton_13hlr_12{padding-bottom:var(--rm-ui-padding-md)}._Steps_13hlr_16,._Info_13hlr_17{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rm-ui-padding-sm)}._Step_13hlr_16{display:inline-flex;align-items:center;gap:var(--rm-ui-padding-xs)}._InfoRow_13hlr_30{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xs)}._SidebarButton_13hlr_12{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}@media screen and (min-width:1024px){._Board_13hlr_5{padding:var(--rm-ui-padding-xl)}}@media screen and (min-width:1200px){._Board_13hlr_5{padding:var(--rm-ui-padding-xxl)}._SidebarTitle_13hlr_11,._SidebarButton_13hlr_12{padding-bottom:var(--rm-ui-padding-lg)}}

package/dist/assets/status-Cx_6Ibai.css

@@ -1 +0,0 @@
-._Status_kt5ls_1{--timing-function: cubic-bezier(.2, .9, .25, 1.35);--duration: .2s;position:relative;display:inline-flex}._Idle_kt5ls_8>._Circle_kt5ls_8{stroke:var(--rm-ui-status-idle-color);fill:var(--rm-ui-status-idle-color);fill-opacity:.1}._Success_kt5ls_14>._Circle_kt5ls_8{stroke:var(--rm-ui-status-success-color);fill:var(--rm-ui-status-success-color);fill-opacity:1}._Error_kt5ls_20>._Circle_kt5ls_8{stroke:var(--rm-ui-status-error-color);fill:var(--rm-ui-status-error-color);fill-opacity:1}._Circle_kt5ls_8{flex-basis:100%;width:24px;height:24px;stroke-width:2px;transition:stroke var(--timing-function) var(--duration),fill var(--timing-function) var(--duration),fill-opacity var(--timing-function) var(--duration)}._Success_kt5ls_14>._Check_kt5ls_37,._Error_kt5ls_20>._X_kt5ls_38{animation-name:_scaleFade_kt5ls_1;animation-direction:normal;animation-fill-mode:forwards;animation-duration:calc(var(--duration) * 2);animation-delay:calc(var(--duration) / 2);animation-timing-function:var(--timing-function)}._Check_kt5ls_37,._X_kt5ls_38{position:absolute;top:50%;left:50%;opacity:0;width:14px;height:14px;stroke-width:1;transform:translate(-50%,-50%) scale(.75);stroke:#fff}@keyframes _scaleFade_kt5ls_1{0%{opacity:0;stroke-width:1;transform:translate(-50%,-50%) scale(.5)}65%{opacity:.65;stroke-width:1.65;transform:translate(-50%,-50%) scale(1.25)}to{opacity:1;stroke-width:2.5;transform:translate(-50%,-50%) scale(1)}}