@arthurzakharov/ui-kit 1.2.5 → 1.2.7

package/dist/assets/loader-BBn4lDjH.css

@@ -0,0 +1 @@
+._Loader_2orye_1{animation:_spinPulse_2orye_1 2s linear infinite;transform-origin:center}._White_2orye_6{stroke:#fff}._Primary_2orye_10{stroke:var(--rm-ui-color-accent-primary)}._Secondary_2orye_14{stroke:var(--rm-ui-color-accent-secondary)}._Loader_2orye_1>path{animation:_dash_2orye_1 2s linear infinite}@keyframes _spinPulse_2orye_1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}@keyframes _dash_2orye_1{0%{stroke-opacity:1}50%{stroke-opacity:.5}to{stroke-opacity:1}}

package/dist/assets/{main--usgu9xb.css → main-BK_1RcKG.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: #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}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}

package/dist/assets/message-CgGyIv5e.css

@@ -0,0 +1 @@
+._Message_fkc6l_1{--message-icon-size: 24px;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Success_fkc6l_15{background-color:var(--rm-ui-message-success-secondary)}._Success_fkc6l_15 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-success-primary)}._Question_fkc6l_23{background-color:var(--rm-ui-message-question-secondary)}._Question_fkc6l_23 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-question-primary)}._Error_fkc6l_31{background-color:var(--rm-ui-message-error-secondary)}._Error_fkc6l_31 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-error-primary)}._Info_fkc6l_39{background-color:var(--rm-ui-message-info-secondary)}._Info_fkc6l_39 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-info-primary)}._Icon_fkc6l_19{width:var(--message-icon-size);height:var(--message-icon-size)}._Content_fkc6l_52{flex-basis:calc(100% - var(--message-icon-size) - var(--rm-ui-padding-xs));display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._Title_fkc6l_62{font-weight:var(--rm-ui-font-weight-medium)}._Text_fkc6l_66{font-weight:var(--rm-ui-font-weight-regular)}

package/dist/assets/not-found-CyFlnajG.css

@@ -0,0 +1 @@
+._NotFound_d40xv_1{padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-not-found-color)}._Title_d40xv_9{margin-bottom:var(--rm-ui-padding-lg);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._Subtitle_d40xv_16{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._TableTitle_d40xv_23{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._Table_d40xv_23{width:100%;border-spacing:0;border-collapse:collapse;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._TableRow_d40xv_38{border-top:1px solid var(--rm-ui-not-found-border)}._CellHead_d40xv_42,._CellData_d40xv_43{padding:var(--rm-ui-padding-xs);vertical-align:top}._CellHead_d40xv_42{text-align:left;font-weight:var(--rm-ui-font-weight-regular)}._CellData_d40xv_43{font-weight:var(--rm-ui-font-weight-light)}@media screen and (min-width:1024px){._NotFound_d40xv_1{padding:var(--rm-ui-padding-md) var(--rm-ui-padding-lg)}}@media screen and (min-width:1200px){._NotFound_d40xv_1{padding:var(--rm-ui-padding-lg)}._Title_d40xv_9{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._Subtitle_d40xv_16{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._TableTitle_d40xv_23{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._Table_d40xv_23{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}}

package/dist/components/certifications/certifications.types.d.ts

@@ -1,6 +1,4 @@
 import { BaseProps } from '../../utils/types';
-type CertificationsIcon = 'free' | 'gdpr' | 'ssl';
 export interface CertificationsProps extends BaseProps {
-    icons: CertificationsIcon[];
+    icons: ('free' | 'gdpr' | 'ssl')[];
 }
-export {};

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

@@ -66,7 +66,7 @@ import '../../../../assets/button-4MJZ7yPE.css';const g = "_Button_1utzs_1", h =
             duration: 0.2,
             delay: 0.2,
             className: t.ButtonLoaderAnimationWrap,
-            children: /* @__PURE__ */ o(p, { size: 24, color: "white" })
+            children: /* @__PURE__ */ o(p, { size: "xs", color: "white" })
           }
         ) }),
         /* @__PURE__ */ l("div", { className: i(t.ButtonContent, u ? t.ButtonContentLoading : t.ButtonContentIdle), children: [

package/dist/components/footer/footer.types.d.ts

@@ -1,10 +1,8 @@
 import { BaseProps } from '../../utils/types';
-interface FooterLink {
-    text: string;
-    onClick: () => void;
-}
 export interface FooterProps extends BaseProps {
     name: string;
-    links: FooterLink[];
+    links: {
+        text: string;
+        onClick: () => void;
+    }[];
 }
-export {};

package/dist/components/loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './loader.component';
+export type { LoaderProps } from './loader.types';

package/dist/components/loader/index.js

@@ -0,0 +1,4 @@
+import { Loader as e } from "./loader.component.js";
+export {
+  e as Loader
+};

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

@@ -1,5 +1,2 @@
-export interface LoaderProps {
-    size?: number;
-    color?: 'white' | 'primary' | 'secondary';
-}
-export declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+import { LoaderProps } from './loader.types';
+export declare const Loader: ({ size, color, className }: LoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/loader/loader.component.js

@@ -1,25 +1,41 @@
-import { jsx as d } from "react/jsx-runtime";
-import L from "clsx";
-import { Loader as t } from "lucide-react";
-import '../../assets/loader-CfjW_qtY.css';const c = "_Loader_e61ge_1", i = "_LoaderColorWhite_e61ge_6", l = "_LoaderColorPrimary_e61ge_10", n = "_LoaderColorSecondary_e61ge_14", o = {
-  Loader: c,
-  LoaderColorWhite: i,
-  LoaderColorPrimary: l,
-  LoaderColorSecondary: n
-}, _ = (e) => {
-  const { size: a = 24, color: r = "white" } = e;
-  return /* @__PURE__ */ d(
-    t,
-    {
-      size: a,
-      className: L(o.Loader, {
-        [o.LoaderColorWhite]: r === "white",
-        [o.LoaderColorPrimary]: r === "primary",
-        [o.LoaderColorSecondary]: r === "secondary"
-      })
-    }
-  );
-};
+import { jsx as s } from "react/jsx-runtime";
+import t from "clsx";
+import { Loader as c } from "lucide-react";
+import '../../assets/loader-BBn4lDjH.css';const n = "_Loader_2orye_1", i = "_White_2orye_6", m = "_Primary_2orye_10", y = "_Secondary_2orye_14", r = {
+  Loader: n,
+  White: i,
+  Primary: m,
+  Secondary: y
+}, u = ({ size: a, color: e, className: o = "" }) => /* @__PURE__ */ s(
+  c,
+  {
+    size: (() => {
+      switch (a) {
+        case "xxs":
+          return 16;
+        case "xs":
+          return 24;
+        case "sm":
+          return 32;
+        case "md":
+          return 40;
+        case "lg":
+          return 48;
+        case "xl":
+          return 56;
+        case "xxl":
+          return 64;
+        case "xxxl":
+          return 72;
+      }
+    })(),
+    className: t(r.Loader, o, {
+      [r.White]: e === "white",
+      [r.Primary]: e === "primary",
+      [r.Secondary]: e === "secondary"
+    })
+  }
+);
 export {
-  _ as Loader
+  u as Loader
 };

package/dist/components/loader/loader.types.d.ts

@@ -0,0 +1,5 @@
+import { BaseProps } from '../../utils/types';
+export interface LoaderProps extends BaseProps {
+    size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    color: 'white' | 'primary' | 'secondary';
+}

package/dist/components/loader/loader.types.js

@@ -0,0 +1 @@
+

package/dist/components/loading-block/loading-block.component.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { Loader as c } from "../loader/loader.component.js";
 import '../../assets/loading-block-al0S6J3z.css';const n = "_LoadingBlock_1h5nh_1", r = {
   LoadingBlock: n
-}, d = () => /* @__PURE__ */ o("div", { className: r.LoadingBlock, children: /* @__PURE__ */ o(c, { color: "primary", size: 48 }) });
+}, l = () => /* @__PURE__ */ o("div", { className: r.LoadingBlock, children: /* @__PURE__ */ o(c, { size: "lg", color: "primary" }) });
 export {
-  d as LoadingBlock
+  l as LoadingBlock
 };

package/dist/components/message/index.d.ts

@@ -0,0 +1,2 @@
+export { Message } from './message.component';
+export type { MessageProps } from './message.types';

package/dist/components/message/index.js

@@ -0,0 +1,4 @@
+import { Message as r } from "./message.component.js";
+export {
+  r as Message
+};

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

@@ -1,7 +1,2 @@
-import { ReactNode } from 'react';
-export interface MessageProps {
-    type: 'success' | 'question' | 'error' | 'info';
-    title: () => ReactNode;
-    text: () => ReactNode;
-}
-export declare const Message: (props: MessageProps) => import("react/jsx-runtime").JSX.Element;
+import { MessageProps } from './message.types';
+export declare const Message: ({ type, title, text, className }: MessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/message/message.component.js

@@ -1,48 +1,38 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { CircleAlert as M, X as i, CircleQuestionMark as _, Check as l } from "lucide-react";
-import r from "clsx";
-import '../../assets/message-xpCz4pZE.css';const T = "_Message_1rcng_1", p = "_MessageTypeSuccess_1rcng_15", u = "_MessageIcon_1rcng_19", y = "_MessageTypeQuestion_1rcng_23", m = "_MessageTypeError_1rcng_31", I = "_MessageTypeInfo_1rcng_39", f = "_MessageContent_1rcng_52", x = "_MessageTitle_1rcng_62", d = "_MessageText_1rcng_66", e = {
-  Message: T,
-  MessageTypeSuccess: p,
-  MessageIcon: u,
-  MessageTypeQuestion: y,
-  MessageTypeError: m,
-  MessageTypeInfo: I,
-  MessageContent: f,
-  MessageTitle: x,
-  MessageText: d
-}, Q = (t) => {
-  const { type: c = "info", title: n = "", text: a = "" } = t, g = () => {
-    switch (c) {
-      case "success":
-        return /* @__PURE__ */ s(l, { className: e.MessageIcon });
-      case "question":
-        return /* @__PURE__ */ s(_, { className: e.MessageIcon });
-      case "error":
-        return /* @__PURE__ */ s(i, { className: e.MessageIcon });
-      case "info":
-        return /* @__PURE__ */ s(M, { className: e.MessageIcon });
-    }
-  };
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: r(e.Message, {
-        [e.MessageTypeSuccess]: c === "success",
-        [e.MessageTypeQuestion]: c === "question",
-        [e.MessageTypeError]: c === "error",
-        [e.MessageTypeInfo]: c === "info"
-      }),
-      children: [
-        g(),
-        /* @__PURE__ */ o("div", { className: r(e.MessageContent), children: [
-          n ? /* @__PURE__ */ s("div", { className: e.MessageTitle, children: n() }) : null,
-          a ? /* @__PURE__ */ s("div", { className: e.MessageText, children: a() }) : null
-        ] })
-      ]
-    }
-  );
-};
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { Check as i, CircleQuestionMark as r, X as l, CircleAlert as _ } from "lucide-react";
+import d from "clsx";
+import '../../assets/message-CgGyIv5e.css';const f = "_Message_fkc6l_1", m = "_Success_fkc6l_15", u = "_Icon_fkc6l_19", k = "_Question_fkc6l_23", I = "_Info_fkc6l_39", g = "_Content_fkc6l_52", x = "_Title_fkc6l_62", N = "_Text_fkc6l_66", s = {
+  Message: f,
+  Success: m,
+  Icon: u,
+  Question: k,
+  Error: "_Error_fkc6l_31",
+  Info: I,
+  Content: g,
+  Title: x,
+  Text: N
+}, h = ({ type: e, title: o, text: t, className: a = "" }) => /* @__PURE__ */ n(
+  "div",
+  {
+    "data-testid": "message",
+    className: d(s.Message, a, {
+      [s.Success]: e === "success",
+      [s.Question]: e === "question",
+      [s.Error]: e === "error",
+      [s.Info]: e === "info"
+    }),
+    children: [
+      e === "success" && /* @__PURE__ */ c(i, { "data-testid": "success-icon", className: s.Icon }),
+      e === "question" && /* @__PURE__ */ c(r, { "data-testid": "question-icon", className: s.Icon }),
+      e === "error" && /* @__PURE__ */ c(l, { "data-testid": "error-icon", className: s.Icon }),
+      e === "info" && /* @__PURE__ */ c(_, { "data-testid": "info-icon", className: s.Icon }),
+      /* @__PURE__ */ n("div", { className: s.Content, children: [
+        o && /* @__PURE__ */ c("div", { "data-testid": "message-title", className: s.Title, children: o }),
+        t && /* @__PURE__ */ c("div", { "data-testid": "message-text", className: s.Text, children: t })
+      ] })
+    ]
+  }
+);
 export {
-  Q as Message
+  h as Message
 };

package/dist/components/message/message.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../utils/types';
+export interface MessageProps extends BaseProps {
+    type: 'success' | 'question' | 'error' | 'info';
+    title: ReactNode;
+    text: ReactNode;
+}

package/dist/components/message/message.types.js

@@ -0,0 +1 @@
+

package/dist/components/not-found/not-found.component.js

@@ -1,17 +1,17 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import c from "clsx";
-import '../../assets/not-found-ColZD3Vb.css';const b = "_NotFound_9ebj8_1", _ = "_Title_9ebj8_9", T = "_Subtitle_9ebj8_16", u = "_TableTitle_9ebj8_23", r = "_Table_9ebj8_23", h = "_TableRow_9ebj8_38", m = "_CellHead_9ebj8_42", N = "_CellData_9ebj8_43", t = {
-  NotFound: b,
-  Title: _,
+import '../../assets/not-found-CyFlnajG.css';const _ = "_NotFound_d40xv_1", b = "_Title_d40xv_9", T = "_Subtitle_d40xv_16", u = "_TableTitle_d40xv_23", r = "_Table_d40xv_23", h = "_TableRow_d40xv_38", m = "_CellHead_d40xv_42", N = "_CellData_d40xv_43", t = {
+  NotFound: _,
+  Title: b,
   Subtitle: T,
   TableTitle: u,
   Table: r,
   TableRow: h,
   CellHead: m,
   CellData: N
-}, C = ({ title: o, subtitle: d, tableTitle: n, tableRows: s, className: i = "" }) => /* @__PURE__ */ a("section", { "data-testid": "not-found", className: c(t.NotFound, i), children: [
-  /* @__PURE__ */ e("h1", { "data-testid": "not-found-title", className: t.Title, children: o }),
-  /* @__PURE__ */ e("h2", { "data-testid": "not-found-subtitle", className: t.Subtitle, children: d }),
+}, v = ({ title: d, subtitle: o, tableTitle: n, tableRows: s, className: i = "" }) => /* @__PURE__ */ a("section", { "data-testid": "not-found", className: c(t.NotFound, i), children: [
+  /* @__PURE__ */ e("h1", { "data-testid": "not-found-title", className: t.Title, children: d }),
+  /* @__PURE__ */ e("h2", { "data-testid": "not-found-subtitle", className: t.Subtitle, children: o }),
   /* @__PURE__ */ e("h3", { "data-testid": "not-found-table-title", className: t.TableTitle, children: n }),
   /* @__PURE__ */ e("table", { "data-testid": "not-found-table", className: t.Table, children: /* @__PURE__ */ e("tbody", { children: s.map((l) => /* @__PURE__ */ a("tr", { "data-testid": "not-found-row", className: t.TableRow, children: [
     /* @__PURE__ */ e("th", { "data-testid": "not-found-cell-head", className: t.CellHead, children: l.key }),
@@ -26,5 +26,5 @@ import '../../assets/not-found-ColZD3Vb.css';const b = "_NotFound_9ebj8_1", _ =
   ] }, l.key)) }) })
 ] });
 export {
-  C as NotFound
+  v as NotFound
 };

package/dist/components/not-found/not-found.types.d.ts

@@ -1,12 +1,10 @@
 import { BaseProps } from '../../utils/types';
-interface TableRow {
-    key: string;
-    value: string;
-}
 export interface NotFoundProps extends BaseProps {
     title: string;
     subtitle: string;
     tableTitle: string;
-    tableRows: TableRow[];
+    tableRows: {
+        key: string;
+        value: string;
+    }[];
 }
-export {};

package/dist/components/payment/components/glass/glass.component.js

@@ -16,7 +16,7 @@ import '../../../../assets/glass-CfX3rUed.css';const m = "_Glass_12crp_1", p = "
         exit: { opacity: 0, scale: 0.75 },
         transition: { duration: 0.125 },
         className: o.Cover,
-        children: i && /* @__PURE__ */ s(t, { color: "primary", size: 48 })
+        children: i && /* @__PURE__ */ s(t, { size: "lg", color: "primary" })
       }
     ) }),
     a

package/dist/components/signature/signature.component.js

@@ -1107,7 +1107,7 @@ const ut = /* @__PURE__ */ qe(st), ct = "_Signature_mhdg5_1", lt = "_SignatureMa
           ] }),
           /* @__PURE__ */ z(ie, { direction: "row", align: "end", justify: "center", children: N(["auto-generated"]) ? /* @__PURE__ */ Q(ie, { direction: "column", align: "center", justify: "start", children: [
             /* @__PURE__ */ z(ee.FadeScale, { flex: !0, name: "signature", condition: t !== "", children: /* @__PURE__ */ z("img", { className: V.SignatureAutoPanelImage, src: t, alt: "signature" }) }),
-            /* @__PURE__ */ z(ee.FadeScale, { flex: !0, name: "signature", condition: t === "", children: /* @__PURE__ */ z("div", { className: V.SignatureAutoPanelLoader, children: /* @__PURE__ */ z(Ne, { size: 30, color: "primary" }) }) }),
+            /* @__PURE__ */ z(ee.FadeScale, { flex: !0, name: "signature", condition: t === "", children: /* @__PURE__ */ z("div", { className: V.SignatureAutoPanelLoader, children: /* @__PURE__ */ z(Ne, { size: "sm", color: "primary" }) }) }),
             /* @__PURE__ */ Q(ie, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
               /* @__PURE__ */ z(Ye, { size: 24, className: V.SignatureAutoPanelNoteIcon }),
               /* @__PURE__ */ z(Pe.Tag, { weight: "regular", size: "small", color: "secondary", children: "Diese Unterschrift ist ausreichend" })

package/dist/main.d.ts

@@ -15,10 +15,10 @@ export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-pan
 export { Information, type InformationProps } from './components/information/information.component';
 export { Layout, type LayoutProps } from './components/layout/layout.component';
 export { Line } from './components/line/line.component';
-export { Loader, type LoaderProps } from './components/loader/loader.component';
+export { Loader, type LoaderProps } from './components/loader';
 export { LoadingBlock } from './components/loading-block/loading-block.component';
 export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
-export { Message, type MessageProps } from './components/message/message.component';
+export { Message, type MessageProps } from './components/message';
 export { MessageBlock, type MessageBlockProps } from './components/message-block/message-block.component';
 export { NotFound, type NotFoundProps } from './components/not-found';
 export { Payment, type PaymentBlockProps, type PaymentGlassProps, type PaymentSidebarProps, type PaymentTextBlocksProps, type PaymentTextBlockItem, } from './components/payment/payment.component';

package/dist/main.js

@@ -28,7 +28,7 @@ import { Svg as oo } from "./components/svg/svg.component.js";
 import { Text as eo } from "./components/text/text.component.js";
 import { UserPanel as mo } from "./components/user-panel/user-panel.component.js";
 import { Warranty as xo } from "./components/warranty/warranty.component.js";
-import './assets/main--usgu9xb.css';export {
+import './assets/main-BK_1RcKG.css';export {
   e as AccordionTable,
   m as Animation,
   x as BottomBar,

package/package.json

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

package/dist/assets/loader-CfjW_qtY.css

@@ -1 +0,0 @@
-._Loader_e61ge_1{animation:_spinPulse_e61ge_1 2s linear infinite;transform-origin:center}._LoaderColorWhite_e61ge_6{stroke:#fff}._LoaderColorPrimary_e61ge_10{stroke:var(--rm-ui-color-accent-primary)}._LoaderColorSecondary_e61ge_14{stroke:var(--rm-ui-color-accent-secondary)}._Loader_e61ge_1>path{animation:_dash_e61ge_1 2s linear infinite}@keyframes _spinPulse_e61ge_1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}@keyframes _dash_e61ge_1{0%{stroke-opacity:1}50%{stroke-opacity:.5}to{stroke-opacity:1}}

package/dist/assets/message-xpCz4pZE.css

@@ -1 +0,0 @@
-._Message_1rcng_1{--message-icon-size: 24px;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._MessageTypeSuccess_1rcng_15{background-color:var(--rm-ui-message-success-secondary)}._MessageTypeSuccess_1rcng_15 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-success-primary)}._MessageTypeQuestion_1rcng_23{background-color:var(--rm-ui-message-question-secondary)}._MessageTypeQuestion_1rcng_23 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-question-primary)}._MessageTypeError_1rcng_31{background-color:var(--rm-ui-message-error-secondary)}._MessageTypeError_1rcng_31 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-error-primary)}._MessageTypeInfo_1rcng_39{background-color:var(--rm-ui-message-info-secondary)}._MessageTypeInfo_1rcng_39 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-info-primary)}._MessageIcon_1rcng_19{width:var(--message-icon-size);height:var(--message-icon-size)}._MessageContent_1rcng_52{flex-basis:calc(100% - var(--message-icon-size) - var(--rm-ui-padding-xs));display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._MessageTitle_1rcng_62{font-weight:var(--rm-ui-font-weight-medium)}._MessageText_1rcng_66{font-weight:var(--rm-ui-font-weight-regular)}

package/dist/assets/not-found-ColZD3Vb.css

@@ -1 +0,0 @@
-._NotFound_9ebj8_1{padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Title_9ebj8_9{margin-bottom:var(--rm-ui-padding-lg);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._Subtitle_9ebj8_16{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._TableTitle_9ebj8_23{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._Table_9ebj8_23{width:100%;border-spacing:0;border-collapse:collapse;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._TableRow_9ebj8_38{border-top:1px solid var(--rm-ui-grey-300)}._CellHead_9ebj8_42,._CellData_9ebj8_43{padding:var(--rm-ui-padding-xs);vertical-align:top}._CellHead_9ebj8_42{text-align:left;font-weight:var(--rm-ui-font-weight-regular)}._CellData_9ebj8_43{font-weight:var(--rm-ui-font-weight-light)}@media screen and (min-width:1024px){._NotFound_9ebj8_1{padding:var(--rm-ui-padding-md) var(--rm-ui-padding-lg)}}@media screen and (min-width:1200px){._NotFound_9ebj8_1{padding:var(--rm-ui-padding-lg)}._Title_9ebj8_9{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._Subtitle_9ebj8_16{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._TableTitle_9ebj8_23{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._Table_9ebj8_23{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}}