@arthurzakharov/ui-kit 1.2.7 → 1.2.9

package/dist/assets/loader-C0f3AvRU.css

@@ -0,0 +1 @@
+._Loader_11mao_1{display:inline-flex}._Padding_11mao_5{display:flex;justify-content:center}._XXS_11mao_10{padding:32px}._XS_11mao_14{padding:64px}._SM_11mao_18{padding:96px}._MD_11mao_22{padding:128px}._LG_11mao_26{padding:160px}._XL_11mao_30{padding:192px}._XXL_11mao_34{padding:224px}._XXXL_11mao_38{padding:256px}._Icon_11mao_42{animation:_spinPulse_11mao_1 2s linear infinite;transform-origin:center}._White_11mao_47{stroke:#fff}._Primary_11mao_51{stroke:var(--rm-ui-color-accent-primary)}._Secondary_11mao_55{stroke:var(--rm-ui-color-accent-secondary)}._Icon_11mao_42>path{animation:_dash_11mao_1 2s linear infinite}@keyframes _spinPulse_11mao_1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}@keyframes _dash_11mao_1{0%{stroke-opacity:1}50%{stroke-opacity:.5}to{stroke-opacity:1}}

package/dist/assets/user-panel-BJB6pJ70.css

@@ -0,0 +1 @@
+._User_12b2p_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm);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-secondary)}._Head_12b2p_13{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;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)}._Info_12b2p_25{display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}

package/dist/assets/warranty-8YaLpEkj.css

@@ -0,0 +1 @@
+._Warranty_1gdgm_1{--icon-width: 48px;--icon-height: 56px;--gap: var(--rm-ui-padding-sm);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--gap);padding:var(--rm-ui-padding-md);border-radius:var(--rm-ui-border-radius-md);background-color:var(--rm-ui-warranty-bg)}._Icon_1gdgm_16{height:var(--icon-height);width:var(--icon-width);color:var(--rm-ui-color-accent-primary)}._Main_1gdgm_22{flex-basis:calc(100% - var(--icon-width) - var(--gap));font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Title_1gdgm_29{font-weight:var(--rm-ui-font-weight-medium);color:var(--rm-ui-color-theme-primary)}._Text_1gdgm_34{color:var(--rm-ui-color-text-primary)}

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

@@ -1,2 +1,7 @@
-import { CertificationsProps } from './certifications.types';
+import { BaseProps } from '../../utils/types';
+type CertificationsIcon = 'free' | 'gdpr' | 'ssl';
+export interface CertificationsProps extends BaseProps {
+    icons: CertificationsIcon[];
+}
 export declare const Certifications: ({ icons, className }: CertificationsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1 @@
-export { Certifications } from './certifications.component';
-export type { CertificationsProps } from './certifications.types';
+export { Certifications, type CertificationsProps } from './certifications.component';

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
-import { Padding } from '../../utils/types';
+import { Size } from '../../utils/types';
 type TagNames = keyof HTMLElementTagNameMap;
 type Position = 'relative' | 'absolute' | 'fixed' | 'static' | 'sticky';
 type Grow = 'content' | 'equal';
@@ -9,7 +9,7 @@ type Justify = 'center' | 'start' | 'end' | 'space-between';
 type ScreeSize = 'tablet' | 'laptop' | 'desktop';
 export interface FlexProps extends PropsWithChildren, HTMLAttributes<HTMLElementTagNameMap[TagNames]> {
     tag?: TagNames;
-    gap?: Padding;
+    gap?: Size;
     pos?: Position;
     basis?: string | number;
     grow?: Grow;
@@ -17,13 +17,13 @@ export interface FlexProps extends PropsWithChildren, HTMLAttributes<HTMLElement
     wrap?: boolean;
     align?: Align;
     justify?: Justify;
-    mt?: Padding;
-    mb?: Padding;
-    ml?: Padding;
-    mr?: Padding;
-    mx?: Padding;
-    my?: Padding;
-    m?: Padding;
+    mt?: Size;
+    mb?: Size;
+    ml?: Size;
+    mr?: Size;
+    mx?: Size;
+    my?: Size;
+    m?: Size;
     changeDirectionAfter?: ScreeSize;
 }
 export declare const Flex: (props: FlexProps) => import('react').DetailedReactHTMLElement<{
@@ -295,16 +295,16 @@ export declare const Flex: (props: FlexProps) => import('react').DetailedReactHT
     'data-fd': Direction;
     'data-fd-change-after': ScreeSize | undefined;
     'data-fxw': string;
-    'data-gap': Padding | undefined;
+    'data-gap': Size | undefined;
     'data-ai': Align;
     'data-jc': Justify;
-    'data-mt': Padding | undefined;
-    'data-mb': Padding | undefined;
-    'data-ml': Padding | undefined;
-    'data-mr': Padding | undefined;
-    'data-mx': Padding | undefined;
-    'data-my': Padding | undefined;
-    'data-m': Padding | undefined;
+    'data-mt': Size | undefined;
+    'data-mb': Size | undefined;
+    'data-ml': Size | undefined;
+    'data-mr': Size | undefined;
+    'data-mx': Size | undefined;
+    'data-my': Size | undefined;
+    'data-m': Size | undefined;
     'data-pos': Position | undefined;
     children: (string | number | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element)[] | null | undefined;
 }, HTMLElement>;

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

@@ -1,2 +1,11 @@
-import { FooterProps } from './footer.types';
+import { BaseProps } from '../../utils/types';
+type FooterLink = {
+    text: string;
+    onClick: () => void;
+};
+export interface FooterProps extends BaseProps {
+    name: string;
+    links: FooterLink[];
+}
 export declare const Footer: ({ name, links, className }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1 @@
-export { Footer } from './footer.component';
-export type { FooterProps } from './footer.types';
+export { Footer, type FooterProps } from './footer.component';

package/dist/components/form-row/form-row.component.d.ts

@@ -1,6 +1,6 @@
-import { Padding } from '../../utils/types';
+import { Size } from '../../utils/types';
 import { PropsWithChildren } from 'react';
 export interface FormRowProps extends PropsWithChildren {
-    gap: Padding;
+    gap: Size;
 }
 export declare const FormRow: (props: FormRowProps) => import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -1,2 +1,9 @@
-import { LoaderProps } from './loader.types';
-export declare const Loader: ({ size, color, className }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+import { BaseProps, Size } from '../../utils/types';
+type LoaderColor = 'white' | 'primary' | 'secondary';
+export interface LoaderProps extends BaseProps {
+    size: Size;
+    color: LoaderColor;
+    padding?: Size;
+}
+export declare const Loader: ({ size, color, padding, className }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,41 +1,72 @@
-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 = {
+import { jsxs as t, jsx as c } from "react/jsx-runtime";
+import s from "clsx";
+import { Loader as X } from "lucide-react";
+import '../../assets/loader-C0f3AvRU.css';const n = "_Loader_11mao_1", m = "_Padding_11mao_5", L = "_XXS_11mao_10", x = "_XS_11mao_14", i = "_SM_11mao_18", S = "_MD_11mao_22", d = "_LG_11mao_26", l = "_XL_11mao_30", y = "_XXL_11mao_34", u = "_XXXL_11mao_38", M = "_Icon_11mao_42", P = "_White_11mao_47", h = "_Primary_11mao_51", D = "_Secondary_11mao_55", o = {
   Loader: n,
-  White: i,
-  Primary: m,
-  Secondary: y
-}, u = ({ size: a, color: e, className: o = "" }) => /* @__PURE__ */ s(
-  c,
+  Padding: m,
+  XXS: L,
+  XS: x,
+  SM: i,
+  MD: S,
+  LG: d,
+  XL: l,
+  XXL: y,
+  XXXL: u,
+  Icon: M,
+  White: P,
+  Primary: h,
+  Secondary: D
+}, f = ({ size: e, color: r, padding: a, className: _ = "" }) => /* @__PURE__ */ t(
+  "div",
   {
-    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"
-    })
+    "data-testid": "loader",
+    className: s(o.Loader, _, {
+      [o.Padding]: !!a,
+      [o.XXS]: a === "xxs",
+      [o.XS]: a === "xs",
+      [o.SM]: a === "sm",
+      [o.MD]: a === "md",
+      [o.LG]: a === "lg",
+      [o.XL]: a === "xl",
+      [o.XXL]: a === "xxl",
+      [o.XXXL]: a === "xxxl"
+    }),
+    children: [
+      /* @__PURE__ */ c(
+        X,
+        {
+          "data-testid": "loader-icon",
+          size: (() => {
+            switch (e) {
+              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: s(o.Icon, {
+            [o.White]: r === "white",
+            [o.Primary]: r === "primary",
+            [o.Secondary]: r === "secondary"
+          })
+        }
+      ),
+      " "
+    ]
   }
 );
 export {
-  u as Loader
+  f as Loader
 };

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

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

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

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

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

@@ -1,38 +1,39 @@
-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,
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { Check as r, CircleQuestionMark as l, X as _, CircleAlert as d } from "lucide-react";
+import f from "clsx";
+import { Content as o } from "../../utils/content/content.component.js";
+import '../../assets/message-CgGyIv5e.css';const m = "_Message_fkc6l_1", u = "_Success_fkc6l_15", k = "_Icon_fkc6l_19", I = "_Question_fkc6l_23", x = "_Info_fkc6l_39", C = "_Content_fkc6l_52", g = "_Title_fkc6l_62", N = "_Text_fkc6l_66", s = {
+  Message: m,
+  Success: u,
+  Icon: k,
+  Question: I,
   Error: "_Error_fkc6l_31",
-  Info: I,
-  Content: g,
-  Title: x,
+  Info: x,
+  Content: C,
+  Title: g,
   Text: N
-}, h = ({ type: e, title: o, text: t, className: a = "" }) => /* @__PURE__ */ n(
+}, S = ({ type: e, title: n, text: a, className: i = "" }) => /* @__PURE__ */ c(
   "div",
   {
     "data-testid": "message",
-    className: d(s.Message, a, {
+    className: f(s.Message, i, {
       [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 })
+      e === "success" && /* @__PURE__ */ t(r, { "data-testid": "success-icon", className: s.Icon }),
+      e === "question" && /* @__PURE__ */ t(l, { "data-testid": "question-icon", className: s.Icon }),
+      e === "error" && /* @__PURE__ */ t(_, { "data-testid": "error-icon", className: s.Icon }),
+      e === "info" && /* @__PURE__ */ t(d, { "data-testid": "info-icon", className: s.Icon }),
+      /* @__PURE__ */ c("div", { className: s.Content, children: [
+        /* @__PURE__ */ t(o, { "data-testid": "message-title", className: s.Title, children: n }),
+        /* @__PURE__ */ t(o, { "data-testid": "message-text", className: s.Text, children: a })
       ] })
     ]
   }
 );
 export {
-  h as Message
+  S as Message
 };

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

@@ -1,2 +1 @@
-export { NotFound } from './not-found.component';
-export type { NotFoundProps } from './not-found.types';
+export { NotFound, type NotFoundProps } from './not-found.component';

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

@@ -1,2 +1,13 @@
-import { NotFoundProps } from './not-found.types';
+import { BaseProps } from '../../utils/types';
+type TableRow = {
+    key: string;
+    value: string;
+};
+export interface NotFoundProps extends BaseProps {
+    title: string;
+    subtitle: string;
+    tableTitle: string;
+    tableRows: TableRow[];
+}
 export declare const NotFound: ({ title, subtitle, tableTitle, tableRows, className }: NotFoundProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/user-panel/index.d.ts

@@ -0,0 +1 @@
+export { UserPanel, type UserPanelProps } from './user-panel.component';

package/dist/components/user-panel/index.js

@@ -0,0 +1,4 @@
+import { UserPanel as o } from "./user-panel.component.js";
+export {
+  o as UserPanel
+};

package/dist/components/user-panel/user-panel.component.d.ts

@@ -1,7 +1,8 @@
-export interface UserPanelProps {
-    title?: string;
-    button?: string;
-    data?: string[];
+import { BaseProps } from '../../utils/types';
+export interface UserPanelProps extends BaseProps {
+    title: string;
+    button: string;
+    data: string[];
     onClick: () => void;
 }
-export declare const UserPanel: (props: UserPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UserPanel: ({ title, button, data, onClick, className }: UserPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/user-panel/user-panel.component.js

@@ -1,29 +1,29 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { Pencil as u } from "lucide-react";
-import '../../assets/user-panel-BEeXLR6v.css';const i = "_User_1kveo_1", d = "_UserHead_1kveo_9", m = "_UserTitle_1kveo_17", I = "_UserButton_1kveo_24", B = "_UserButtonText_1kveo_41", f = "_UserButtonIcon_1kveo_48", k = "_UserInfo_1kveo_55", v = "_UserInfoRaw_1kveo_63", e = {
-  User: i,
-  UserHead: d,
-  UserTitle: m,
-  UserButton: I,
-  UserButtonText: B,
-  UserButtonIcon: f,
-  UserInfo: k,
-  UserInfoRaw: v
-}, p = (o) => {
-  const { title: r = "Ihre Angaben", button: c = "Ändern", data: a = [], onClick: U } = o, l = (t) => {
-    t.preventDefault(), t.currentTarget.blur(), U();
-  };
-  return /* @__PURE__ */ n("div", { className: e.User, children: [
-    /* @__PURE__ */ n("div", { className: e.UserHead, children: [
-      /* @__PURE__ */ s("span", { className: e.UserTitle, dangerouslySetInnerHTML: { __html: r } }),
-      /* @__PURE__ */ n("button", { type: "button", className: e.UserButton, onClick: l, children: [
-        /* @__PURE__ */ s("span", { className: e.UserButtonText, children: c }),
-        /* @__PURE__ */ s(u, { className: e.UserButtonIcon })
-      ] })
-    ] }),
-    /* @__PURE__ */ s("ul", { className: e.UserInfo, children: a.map((t, _) => /* @__PURE__ */ s("li", { className: e.UserInfoRaw, children: t }, _)) })
-  ] });
-};
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Pencil as d } from "lucide-react";
+import m from "clsx";
+import { C as p } from "../../control.component-Cq46ev8T.js";
+import '../../assets/user-panel-BJB6pJ70.css';const f = "_Head_12b2p_13", u = "_Info_12b2p_25", r = {
+  Head: f,
+  Info: u
+}, I = ({ title: n, button: o, data: i, onClick: s, className: a = "" }) => /* @__PURE__ */ t("div", { "data-testid": "user-panel", className: m(r.UserPanel, a), children: [
+  /* @__PURE__ */ t("div", { className: r.Head, children: [
+    /* @__PURE__ */ e("span", { "data-testid": "user-panel-title", children: n }),
+    /* @__PURE__ */ e(
+      p.ButtonText,
+      {
+        preventDefault: !0,
+        blurAfterClick: !0,
+        icon: /* @__PURE__ */ e(d, {}),
+        iconPosition: "right",
+        size: "md",
+        color: "primary",
+        onClick: s,
+        children: o
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e("ul", { className: r.Info, children: i.map((l, c) => /* @__PURE__ */ e("li", { children: l }, c)) })
+] });
 export {
-  p as UserPanel
+  I as UserPanel
 };

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

@@ -0,0 +1 @@
+export { Warranty, type WarrantyProps } from './warranty.component';

package/dist/components/warranty/index.js

@@ -0,0 +1,4 @@
+import { Warranty as o } from "./warranty.component.js";
+export {
+  o as Warranty
+};

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
-export interface WarrantyProps {
-    title: () => ReactNode;
-    text: () => ReactNode;
+import { BaseProps } from '../../utils/types';
+export interface WarrantyProps extends BaseProps {
+    title: ReactNode;
+    text: ReactNode;
 }
-export declare const Warranty: ({ title, text }: WarrantyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Warranty: ({ title, text, className }: WarrantyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/warranty/warranty.component.js

@@ -1,40 +1,43 @@
-import { jsxs as r, jsx as C } from "react/jsx-runtime";
-import '../../assets/warranty-BoOQkbCu.css';const c = "_Warranty_m4wqt_1", i = "_WarrantyIcon_m4wqt_15", e = "_WarrantyMain_m4wqt_21", l = "_WarrantyTitle_m4wqt_27", s = "_WarrantyText_m4wqt_32", a = {
-  Warranty: c,
-  WarrantyIcon: i,
-  WarrantyMain: e,
-  WarrantyTitle: l,
-  WarrantyText: s
-}, o = () => /* @__PURE__ */ r(
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import h from "clsx";
+import { Content as r } from "../../utils/content/content.component.js";
+import { isHtmlString as i } from "../../utils/functions/functions.util.js";
+import '../../assets/warranty-8YaLpEkj.css';const s = "_Warranty_1gdgm_1", o = "_Icon_1gdgm_16", d = "_Main_1gdgm_22", m = "_Title_1gdgm_29", g = "_Text_1gdgm_34", t = {
+  Warranty: s,
+  Icon: o,
+  Main: d,
+  Title: m,
+  Text: g
+}, _ = () => /* @__PURE__ */ c(
   "svg",
   {
+    "data-testid": "warranty-icon",
     focusable: "false",
     role: "img",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 56",
-    className: a.WarrantyIcon,
+    className: t.Icon,
     children: [
-      /* @__PURE__ */ r("g", { clipPath: "url(#icon)", fill: "currentColor", children: [
-        /* @__PURE__ */ C("path", { d: "M23.3727 0H23.8767H24.3797C27.9406 0.00123204 31.4914 0.380487 34.9723 1.13139C38.4733 1.88914 41.8852 3.01212 45.1519 4.4819H45.1576C45.941 4.85793 46.6009 5.44959 47.0599 6.18747C47.5188 6.92534 47.7578 7.77881 47.7488 8.64773V26.618C47.7488 26.618 47.7488 26.6247 47.7488 26.6285C47.7179 29.6952 47.2447 32.7413 46.344 35.6729C45.4746 38.5084 44.2 41.2034 42.5598 43.6743C40.9509 46.1026 38.9857 48.2749 36.7301 50.1181C34.4692 51.9654 31.9259 53.4371 29.1976 54.4766L26.7573 55.4476C24.9061 56.1835 22.8434 56.1835 20.9922 55.4476L18.55 54.4757C15.8217 53.4361 13.2784 51.9645 11.0175 50.1171C8.76215 48.2733 6.79722 46.1004 5.18879 43.6715C3.54855 41.2005 2.27395 38.5056 1.40452 35.6701C0.50383 32.7385 0.0307102 29.6923 -0.000222695 26.6256C-0.000222695 26.6256 -0.000222695 26.619 -0.000222695 26.6152V8.65437C-0.00960005 7.78453 0.229522 6.93008 0.689038 6.19146C1.14855 5.45284 1.80937 4.86073 2.59381 4.48475H2.59951C5.86621 3.01497 9.27811 1.89199 12.7792 1.13424C16.2602 0.382311 19.8113 0.00210057 23.3727 0ZM23.8767 1.89831H23.8672C23.703 1.89831 23.5378 1.89831 23.3736 1.89831C19.9464 1.89927 16.5289 2.26421 13.1788 2.98698C9.80888 3.71715 6.52488 4.79878 3.38066 6.2141C2.92716 6.43865 2.54692 6.78762 2.28439 7.22025C2.02186 7.65287 1.88787 8.15127 1.89808 8.65722V26.6123C1.93517 32.31 3.6275 37.874 6.76913 42.6274C9.76301 47.2105 14.1225 50.7358 19.2306 52.7045L19.2448 52.7102L21.6927 53.6841C23.0946 54.2419 24.6568 54.2419 26.0588 53.6841L28.5047 52.7112L28.519 52.7055C33.6268 50.7364 37.986 47.2107 40.9794 42.6274C44.1202 37.8754 45.8125 32.3131 45.8505 26.6171V8.65437C45.8606 8.14856 45.7266 7.65031 45.4641 7.21785C45.2015 6.7854 44.8213 6.43659 44.3679 6.2122C41.2245 4.79771 37.9415 3.71673 34.5727 2.98698C31.2222 2.2642 27.8044 1.89926 24.3769 1.89831H23.8833H23.8767Z" }),
-        /* @__PURE__ */ C("path", { d: "M14.1662 40.1449H10.643C10.44 40.1492 10.2383 40.1124 10.05 40.0367C9.8617 39.9609 9.69065 39.8479 9.54717 39.7043C9.4037 39.5607 9.29075 39.3896 9.21514 39.2013C9.13954 39.0129 9.10283 38.8112 9.10723 38.6083V30.3886C9.10283 30.1857 9.13954 29.984 9.21514 29.7956C9.29075 29.6072 9.4037 29.4361 9.54717 29.2925C9.69065 29.149 9.8617 29.0359 10.05 28.9602C10.2383 28.8845 10.44 28.8476 10.643 28.8519H14.1662C14.3692 28.8475 14.571 28.8843 14.7594 28.9599C14.9479 29.0356 15.119 29.1486 15.2626 29.2922C15.4062 29.4358 15.5192 29.6069 15.5949 29.7954C15.6706 29.9838 15.7073 30.1856 15.7029 30.3886V38.6092C15.7072 38.8121 15.6703 39.0138 15.5946 39.2021C15.5189 39.3905 15.4058 39.5615 15.2623 39.705C15.1187 39.8485 14.9476 39.9614 14.7592 40.037C14.5708 40.1126 14.3691 40.1493 14.1662 40.1449ZM11.0055 38.2466H13.8046V30.7483H11.0055V38.2466Z" }),
-        /* @__PURE__ */ C("path", { d: "M24.3838 41.2536C22.831 41.2536 21.2213 40.6841 18.3093 39.6628C17.2111 39.2765 15.9668 38.8389 14.4538 38.334C14.2147 38.2543 14.017 38.0829 13.9042 37.8575C13.7914 37.632 13.7728 37.371 13.8525 37.1319C13.9322 36.8927 14.1036 36.695 14.329 36.5823C14.5545 36.4695 14.8155 36.4509 15.0546 36.5306C16.5818 37.0393 17.8337 37.4797 18.9395 37.8689C21.9293 38.9206 23.4309 39.4483 24.7588 39.3363C26.0866 39.2243 27.5407 38.4441 30.4233 36.8932C31.7426 36.1832 33.3277 35.3299 35.3304 34.3096C34.8527 34.1142 34.323 34.0855 33.827 34.2279L28.6351 35.9535C28.5167 35.9928 28.3917 36.0083 28.2673 35.9993C28.1428 35.9902 28.0214 35.9568 27.9099 35.9008C27.7984 35.8448 27.6991 35.7675 27.6175 35.6731C27.5359 35.5787 27.4737 35.4692 27.4344 35.3508C27.3952 35.2324 27.3796 35.1074 27.3886 34.983C27.3977 34.8585 27.4311 34.7371 27.4871 34.6256C27.5431 34.5141 27.6204 34.4148 27.7148 34.3332C27.8092 34.2516 27.9187 34.1894 28.0371 34.1501L33.2442 32.4217L33.2745 32.4122C34.0982 32.1705 34.9761 32.1865 35.7904 32.4579C36.6047 32.7294 37.3166 33.2433 37.8305 33.9309C37.9132 34.0421 37.9706 34.1702 37.9985 34.306C38.0264 34.4419 38.0243 34.5822 37.9922 34.7171C37.96 34.852 37.8988 34.9782 37.8126 35.0869C37.7265 35.1955 37.6175 35.284 37.4935 35.346C34.8805 36.653 32.9091 37.7132 31.324 38.5656C28.2099 40.2418 26.6476 41.0827 24.9201 41.2289C24.7388 41.246 24.5613 41.2536 24.3838 41.2536Z" }),
-        /* @__PURE__ */ C("path", { d: "M27.2968 36.6407C27.2016 36.6407 27.1064 36.6343 27.012 36.6217H20.6252C20.3735 36.6217 20.132 36.5217 19.954 36.3437C19.776 36.1657 19.676 35.9243 19.676 35.6725C19.676 35.4208 19.776 35.1794 19.954 35.0014C20.132 34.8234 20.3735 34.7234 20.6252 34.7234H27.0794C27.1358 34.7234 27.192 34.7285 27.2474 34.7386C27.2825 34.7448 27.3186 34.7433 27.3531 34.7341C27.3875 34.725 27.4196 34.7083 27.4469 34.6855C27.4742 34.6626 27.4962 34.6339 27.5113 34.6016C27.5264 34.5693 27.5342 34.5341 27.5342 34.4984C27.5342 34.4628 27.5264 34.4275 27.5113 34.3952C27.4962 34.3629 27.4742 34.3343 27.4469 34.3114C27.4196 34.2885 27.3875 34.2719 27.3531 34.2627C27.3186 34.2535 27.2825 34.252 27.2474 34.2583C27.192 34.2683 27.1358 34.2734 27.0794 34.2735H23.5571C23.4303 34.274 23.3046 34.249 23.1875 34.2001C23.0705 34.1512 22.9644 34.0793 22.8756 33.9887C21.66 32.7301 20.0038 31.9918 18.2552 31.9291H14.7537C14.502 31.9291 14.2606 31.8291 14.0826 31.6511C13.9046 31.4731 13.8046 31.2316 13.8046 30.9799C13.8046 30.7282 13.9046 30.4868 14.0826 30.3088C14.2606 30.1308 14.502 30.0308 14.7537 30.0308H18.3102C20.4132 30.1007 22.4184 30.9353 23.9501 32.378H27.012C27.3028 32.3391 27.5984 32.3602 27.8806 32.4402C28.1628 32.5201 28.4256 32.6572 28.6527 32.8429C28.8798 33.0286 29.0663 33.2589 29.2007 33.5196C29.3351 33.7804 29.4145 34.0659 29.4341 34.3586C29.4536 34.6513 29.4128 34.9448 29.3143 35.2211C29.2157 35.4974 29.0615 35.7505 28.8611 35.9647C28.6607 36.1789 28.4185 36.3497 28.1494 36.4664C27.8803 36.5832 27.5901 36.6435 27.2968 36.6435V36.6407Z" }),
-        /* @__PURE__ */ C("path", { d: "M27.4637 14.0063C27.234 14.0063 27.0121 13.923 26.8391 13.7718L23.2039 10.5912C23.0939 10.4955 23.0075 10.3757 22.9513 10.2412C22.8951 10.1067 22.8706 9.96108 22.8798 9.81559C22.889 9.6701 22.9316 9.52868 23.0042 9.40229C23.0769 9.27591 23.1777 9.16796 23.2988 9.08682L27.3953 6.3618C27.6048 6.22743 27.8586 6.1807 28.1022 6.23167C28.3458 6.28264 28.5596 6.42724 28.6976 6.63432C28.8356 6.8414 28.8868 7.0944 28.8401 7.33883C28.7934 7.58327 28.6526 7.79958 28.4479 7.94119L25.3869 9.97902L28.0882 12.3424C28.2337 12.4696 28.3369 12.6381 28.3841 12.8255C28.4312 13.0129 28.4201 13.2102 28.3521 13.3911C28.2841 13.572 28.1625 13.7278 28.0036 13.8377C27.8446 13.9477 27.6569 14.0065 27.4637 14.0063Z" }),
-        /* @__PURE__ */ C("path", { d: "M24.737 28.6507C22.6851 28.6508 20.6833 28.0176 19.0048 26.8376C17.3262 25.6576 16.0528 23.9883 15.3584 22.0575C14.664 20.1268 14.5824 18.0288 15.1248 16.05C15.6672 14.0712 16.8072 12.308 18.389 11.0012L19.4881 12.5616C18.0514 13.7943 17.0938 15.4931 16.7832 17.3606C16.4725 19.2281 16.8284 21.1453 17.7887 22.7769C18.749 24.4084 20.2524 25.6503 22.0359 26.2852C23.8195 26.9201 25.7694 26.9075 27.5447 26.2498C29.3199 25.592 30.8072 24.3309 31.7465 22.6872C32.6857 21.0434 33.017 19.1218 32.6823 17.2584C32.3477 15.3951 31.3684 13.7088 29.9159 12.4946C28.4634 11.2804 26.6301 10.6157 24.737 10.6168C24.6126 10.6168 24.4864 10.6168 24.3573 10.6253L24.1827 8.73272C24.3725 8.72228 24.5623 8.71753 24.737 8.71753C27.3801 8.71753 29.9151 9.76753 31.7841 11.6365C33.6531 13.5055 34.7031 16.0405 34.7031 18.6836C34.7031 21.3268 33.6531 23.8617 31.7841 25.7307C29.9151 27.5997 27.3801 28.6497 24.737 28.6497V28.6507Z" }),
-        /* @__PURE__ */ C("path", { d: "M18.9469 12.7229C19.4711 12.7229 19.8961 12.2979 19.8961 11.7737C19.8961 11.2495 19.4711 10.8246 18.9469 10.8246C18.4227 10.8246 17.9978 11.2495 17.9978 11.7737C17.9978 12.2979 18.4227 12.7229 18.9469 12.7229Z" }),
-        /* @__PURE__ */ C("path", { d: "M25.9899 20.9483C25.8467 21.0987 25.6731 21.2168 25.4806 21.2947C25.2881 21.3726 25.0812 21.4086 24.8737 21.4001C24.5964 21.4078 24.3264 21.3109 24.1172 21.1288C23.908 20.9466 23.7748 20.6925 23.7442 20.4168C23.7309 20.3371 23.7442 20.2839 23.8638 20.2839H25.1528C25.2266 20.2839 25.2996 20.2683 25.3669 20.238C25.4343 20.2077 25.4944 20.1634 25.5434 20.1082C25.5924 20.0529 25.6291 19.9879 25.6511 19.9174C25.6731 19.8469 25.6799 19.7726 25.671 19.6993C25.6816 19.6264 25.676 19.5521 25.6544 19.4817C25.6329 19.4113 25.596 19.3465 25.5465 19.2921C25.4969 19.2376 25.4359 19.1948 25.3678 19.1667C25.2997 19.1387 25.2263 19.1261 25.1528 19.1298H23.7309C23.636 19.1298 23.6113 19.1032 23.6113 19.0633V18.6362C23.6113 18.5413 23.6246 18.5166 23.7176 18.5166H25.1528C25.2266 18.5166 25.2996 18.5009 25.3669 18.4706C25.4343 18.4403 25.4944 18.3961 25.5434 18.3409C25.5924 18.2856 25.6291 18.2206 25.6511 18.1501C25.6731 18.0796 25.6799 18.0052 25.671 17.9319C25.6816 17.8591 25.676 17.7848 25.6544 17.7144C25.6329 17.644 25.596 17.5792 25.5465 17.5247C25.4969 17.4703 25.4359 17.4275 25.3678 17.3994C25.2997 17.3714 25.2263 17.3587 25.1528 17.3624H23.8372C23.7423 17.3624 23.7176 17.3093 23.7423 17.2163C23.7732 16.9424 23.9075 16.6906 24.1177 16.5124C24.328 16.3342 24.5985 16.2431 24.8737 16.2576C25.0746 16.2444 25.2759 16.277 25.4624 16.353C25.6488 16.4289 25.8156 16.5463 25.9501 16.6961C26.0758 16.791 26.2313 16.8381 26.3886 16.829C26.6086 16.8054 26.8137 16.7065 26.9694 16.5492C27.125 16.3918 27.2216 16.1856 27.2428 15.9653C27.2335 15.8157 27.1874 15.6707 27.1086 15.5432C27.0297 15.4157 26.9207 15.3097 26.791 15.2344C26.2418 14.8192 25.5654 14.6078 24.8775 14.6365C22.9507 14.6365 22.3148 15.7926 22.0471 17.241C22.0339 17.3207 21.994 17.3605 21.9275 17.3605H21.6352C21.5617 17.3568 21.4882 17.3695 21.4202 17.3975C21.3521 17.4256 21.2911 17.4684 21.2415 17.5228C21.192 17.5773 21.1551 17.6421 21.1336 17.7125C21.112 17.7829 21.1064 17.8572 21.117 17.93C21.1081 18.0033 21.1149 18.0777 21.1369 18.1482C21.1589 18.2187 21.1956 18.2837 21.2446 18.339C21.2935 18.3942 21.3537 18.4385 21.421 18.4687C21.4884 18.499 21.5614 18.5147 21.6352 18.5147H21.8345C21.901 18.5147 21.9408 18.5147 21.9408 18.6343V19.0064C21.9408 19.0728 21.9408 19.126 21.8212 19.126H21.6314C21.5579 19.1223 21.4844 19.1349 21.4164 19.1629C21.3483 19.191 21.2873 19.2338 21.2377 19.2883C21.1882 19.3427 21.1513 19.4075 21.1298 19.4779C21.1082 19.5483 21.1026 19.6226 21.1132 19.6955C21.1043 19.7688 21.1111 19.8431 21.1331 19.9136C21.1551 19.9841 21.1918 20.0491 21.2408 20.1044C21.2898 20.1596 21.3499 20.2039 21.4172 20.2342C21.4846 20.2645 21.5576 20.2801 21.6314 20.2801H21.9238C21.9902 20.2801 22.0301 20.3067 22.0433 20.413C22.2958 21.8747 22.9735 23.0042 24.8737 23.0042C25.3006 23.0359 25.7291 22.9685 26.1256 22.8071C26.5221 22.6457 26.8759 22.3948 27.1593 22.074C27.2399 22.0029 27.3042 21.9152 27.3478 21.8169C27.3914 21.7186 27.4132 21.6121 27.4118 21.5045C27.3765 21.2899 27.2715 21.0928 27.1129 20.9439C26.9544 20.795 26.7512 20.7024 26.5347 20.6807C26.4305 20.6858 26.3284 20.7122 26.2347 20.7582C26.141 20.8043 26.0577 20.869 25.9899 20.9483Z" })
-      ] }),
-      /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "icon", children: /* @__PURE__ */ C("rect", { width: "47.749", height: "56" }) }) })
+      /* @__PURE__ */ a("title", { children: "Warranty Icon" }),
+      /* @__PURE__ */ c("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ a("path", { d: "M23.373 0H24.38c3.56.001 7.111.38 10.592 1.131a51.213 51.213 0 0 1 10.18 3.35h.006a4.569 4.569 0 0 1 2.59 4.167v17.98a31.89 31.89 0 0 1-1.404 9.045 30.786 30.786 0 0 1-3.784 8.001 29.024 29.024 0 0 1-5.83 6.444 27.225 27.225 0 0 1-7.532 4.359l-2.44.97a7.803 7.803 0 0 1-5.766 0l-2.442-.971a27.225 27.225 0 0 1-7.533-4.359 29.023 29.023 0 0 1-5.828-6.445 30.787 30.787 0 0 1-3.784-8.002A31.892 31.892 0 0 1 0 26.626V8.654a4.57 4.57 0 0 1 2.594-4.17H2.6a51.212 51.212 0 0 1 10.18-3.35A50.314 50.314 0 0 1 23.372 0Zm.504 1.898h-.503a48.406 48.406 0 0 0-10.195 1.089A49.31 49.31 0 0 0 3.38 6.214a2.666 2.666 0 0 0-1.483 2.443v17.955A29.392 29.392 0 0 0 6.77 42.627a26.093 26.093 0 0 0 12.462 10.078l.014.005 2.448.974a5.905 5.905 0 0 0 4.366 0l2.446-.973.014-.005a26.093 26.093 0 0 0 12.46-10.079 29.392 29.392 0 0 0 4.871-16.01V8.654a2.666 2.666 0 0 0-1.482-2.442 49.31 49.31 0 0 0-9.795-3.225 48.415 48.415 0 0 0-10.196-1.089h-.5Z" }),
+        /* @__PURE__ */ a("path", { d: "M14.166 40.145h-3.523a1.504 1.504 0 0 1-1.536-1.537v-8.22a1.505 1.505 0 0 1 1.536-1.536h3.523a1.505 1.505 0 0 1 1.537 1.537v8.22a1.504 1.504 0 0 1-1.537 1.536Zm-3.16-1.898h2.799v-7.499h-2.8v7.499Z" }),
+        /* @__PURE__ */ a("path", { d: "M24.384 41.254c-1.553 0-3.163-.57-6.075-1.591a239.187 239.187 0 0 0-3.855-1.329.95.95 0 0 1 .6-1.803c1.528.508 2.78.949 3.885 1.338 2.99 1.052 4.492 1.58 5.82 1.467 1.328-.112 2.782-.892 5.664-2.443 1.32-.71 2.905-1.563 4.907-2.583a2.297 2.297 0 0 0-1.503-.082l-5.192 1.725a.95.95 0 1 1-.598-1.803l5.207-1.728.03-.01a4.209 4.209 0 0 1 4.556 1.519.949.949 0 0 1-.337 1.415c-2.613 1.307-4.584 2.367-6.169 3.22-3.114 1.676-4.676 2.517-6.404 2.663a5.686 5.686 0 0 1-.536.025Z" }),
+        /* @__PURE__ */ a("path", { d: "M27.297 36.64c-.095 0-.19-.006-.285-.018h-6.387a.95.95 0 0 1 0-1.899h6.454c.057 0 .113.005.168.016a.245.245 0 0 0 .287-.24.244.244 0 0 0-.287-.24.955.955 0 0 1-.168.014h-3.522a.95.95 0 0 1-.681-.284 6.76 6.76 0 0 0-4.62-2.06h-3.502a.95.95 0 0 1 0-1.898h3.556a8.645 8.645 0 0 1 5.64 2.347h3.062a2.143 2.143 0 1 1 .285 4.266v-.003ZM27.464 14.006a.95.95 0 0 1-.625-.234l-3.635-3.18a.949.949 0 0 1 .095-1.505l4.096-2.725a.95.95 0 0 1 1.053 1.58l-3.061 2.037 2.701 2.363a.95.95 0 0 1-.624 1.664Z" }),
+        /* @__PURE__ */ a("path", { d: "M24.737 28.65a9.966 9.966 0 0 1-6.348-17.649l1.1 1.56a8.068 8.068 0 1 0 5.248-1.944c-.124 0-.25 0-.38.008l-.174-1.892a9.966 9.966 0 1 1 .554 19.917Z" }),
+        /* @__PURE__ */ a("path", { d: "M18.947 12.723a.95.95 0 1 0 0-1.899.95.95 0 0 0 0 1.899ZM25.99 20.948a1.459 1.459 0 0 1-1.116.452 1.106 1.106 0 0 1-1.13-.983c-.013-.08 0-.133.12-.133h1.289a.522.522 0 0 0 .518-.585.498.498 0 0 0-.518-.57H23.73c-.095 0-.12-.026-.12-.066v-.427c0-.095.014-.12.107-.12h1.435a.522.522 0 0 0 .518-.584.497.497 0 0 0-.518-.57h-1.316c-.095 0-.12-.053-.095-.146a1.082 1.082 0 0 1 1.132-.958 1.33 1.33 0 0 1 1.076.438.664.664 0 0 0 .439.133.962.962 0 0 0 .854-.864.91.91 0 0 0-.452-.73 2.968 2.968 0 0 0-1.913-.598c-1.927 0-2.563 1.156-2.83 2.604-.014.08-.054.12-.12.12h-.293a.5.5 0 0 0-.518.569.522.522 0 0 0 .518.585h.2c.066 0 .106 0 .106.12v.371c0 .067 0 .12-.12.12h-.19a.5.5 0 0 0-.518.57.521.521 0 0 0 .518.584h.293c.066 0 .106.027.12.133.252 1.462.93 2.591 2.83 2.591a2.775 2.775 0 0 0 2.285-.93.746.746 0 0 0 .253-.57.99.99 0 0 0-.877-.823.766.766 0 0 0-.545.267Z" })
+      ] })
     ]
   }
-), d = ({ title: t, text: n }) => /* @__PURE__ */ r("div", { className: a.Warranty, children: [
-  /* @__PURE__ */ C(o, {}),
-  /* @__PURE__ */ r("div", { className: a.WarrantyMain, children: [
-    /* @__PURE__ */ C("div", { className: a.WarrantyTitle, children: t() }),
-    /* @__PURE__ */ C("div", { className: a.WarrantyText, children: n() })
+), x = ({ title: l, text: n, className: e = "" }) => /* @__PURE__ */ c("div", { "data-testid": "warranty", className: h(t.Warranty, e), children: [
+  /* @__PURE__ */ a(_, {}),
+  /* @__PURE__ */ c("div", { className: t.Main, children: [
+    i(n),
+    /* @__PURE__ */ a(r, { "data-testid": "warranty-title", className: t.Title, children: l }),
+    /* @__PURE__ */ a(r, { "data-testid": "warranty-text", className: t.Text, children: n })
   ] })
 ] });
 export {
-  d as Warranty
+  x as Warranty
 };

package/dist/main.d.ts

@@ -16,7 +16,6 @@ export { Information, type InformationProps } from './components/information/inf
 export { Layout, type LayoutProps } from './components/layout/layout.component';
 export { Line } from './components/line/line.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';
 export { MessageBlock, type MessageBlockProps } from './components/message-block/message-block.component';
@@ -26,5 +25,5 @@ export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.compone
 export { Signature, type SignatureProps, type SignatureMode } from './components/signature/signature.component';
 export { Svg, type SvgProps } from './components/svg/svg.component';
 export { Text } from './components/text/text.component';
-export { UserPanel, type UserPanelProps } from './components/user-panel/user-panel.component';
-export { Warranty, type WarrantyProps } from './components/warranty/warranty.component';
+export { UserPanel, type UserPanelProps } from './components/user-panel';
+export { Warranty, type WarrantyProps } from './components/warranty';

package/dist/main.js

@@ -5,29 +5,28 @@ import { Certifications as a } from "./components/certifications/certifications.
 import { C as i } from "./control.component-Cq46ev8T.js";
 import { DataProtectedLabel as s } from "./components/data-protected-label/data-protected-label.component.js";
 import { Dialog as d } from "./components/dialog/dialog.component.js";
-import { DialogArticle as L } from "./components/dialog-article/dialog-article.component.js";
-import { Expenses as B } from "./components/expenses/expenses.component.js";
-import { Flex as P } from "./components/flex/flex.component.js";
-import { Footer as u } from "./components/footer/footer.component.js";
+import { DialogArticle as A } from "./components/dialog-article/dialog-article.component.js";
+import { Expenses as L } from "./components/expenses/expenses.component.js";
+import { Flex as b } from "./components/flex/flex.component.js";
+import { Footer as y } from "./components/footer/footer.component.js";
 import { FormRow as C } from "./components/form-row/form-row.component.js";
 import { Header as M } from "./components/header/header.component.js";
-import { InfoPanel as k } from "./components/info-panel/info-panel.component.js";
-import { Information as T } from "./components/information/information.component.js";
+import { InfoPanel as I } from "./components/info-panel/info-panel.component.js";
+import { Information as h } from "./components/information/information.component.js";
 import { Layout as v } from "./components/layout/layout.component.js";
 import { Line as E } from "./components/line/line.component.js";
 import { Loader as N } from "./components/loader/loader.component.js";
-import { LoadingBlock as U } from "./components/loading-block/loading-block.component.js";
-import { MainAttachment as j } from "./components/main-attachment/main-attachment.component.js";
-import { Message as z } from "./components/message/message.component.js";
-import { MessageBlock as J } from "./components/message-block/message-block.component.js";
-import { NotFound as O } from "./components/not-found/not-found.component.js";
-import { Payment as V } from "./components/payment/payment.component.js";
-import { Sidebar as Y } from "./components/sidebar/sidebar.component.js";
-import { Signature as _ } from "./components/signature/signature.component.js";
-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 { MainAttachment as U } from "./components/main-attachment/main-attachment.component.js";
+import { Message as j } from "./components/message/message.component.js";
+import { MessageBlock as z } from "./components/message-block/message-block.component.js";
+import { NotFound as J } from "./components/not-found/not-found.component.js";
+import { Payment as O } from "./components/payment/payment.component.js";
+import { Sidebar as V } from "./components/sidebar/sidebar.component.js";
+import { Signature as Y } from "./components/signature/signature.component.js";
+import { Svg as _ } from "./components/svg/svg.component.js";
+import { Text as oo } from "./components/text/text.component.js";
+import { UserPanel as eo } from "./components/user-panel/user-panel.component.js";
+import { Warranty as mo } from "./components/warranty/warranty.component.js";
 import './assets/main-BK_1RcKG.css';export {
   e as AccordionTable,
   m as Animation,
@@ -36,27 +35,26 @@ import './assets/main-BK_1RcKG.css';export {
   i as Control,
   s as DataProtectedLabel,
   d as Dialog,
-  L as DialogArticle,
-  B as Expenses,
-  P as Flex,
-  u as Footer,
+  A as DialogArticle,
+  L as Expenses,
+  b as Flex,
+  y as Footer,
   C as FormRow,
   M as Header,
-  k as InfoPanel,
-  T as Information,
+  I as InfoPanel,
+  h as Information,
   v as Layout,
   E as Line,
   N as Loader,
-  U as LoadingBlock,
-  j as MainAttachment,
-  z as Message,
-  J as MessageBlock,
-  O as NotFound,
-  V as Payment,
-  Y as Sidebar,
-  _ as Signature,
-  oo as Svg,
-  eo as Text,
-  mo as UserPanel,
-  xo as Warranty
+  U as MainAttachment,
+  j as Message,
+  z as MessageBlock,
+  J as NotFound,
+  O as Payment,
+  V as Sidebar,
+  Y as Signature,
+  _ as Svg,
+  oo as Text,
+  eo as UserPanel,
+  mo as Warranty
 };

package/dist/utils/content/content.component.d.ts

@@ -0,0 +1,272 @@
+import { HTMLAttributes } from 'react';
+export interface ContentProps extends HTMLAttributes<HTMLElementTagNameMap> {
+    tag?: keyof HTMLElementTagNameMap;
+    alwaysRender?: boolean;
+}
+export declare const Content: ({ tag, alwaysRender, children, ...rest }: ContentProps) => import('react').ReactElement<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import('react').CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import('react').AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onCopyCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onCut?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onCutCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onPaste?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onPasteCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onCompositionEnd?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
+    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
+    onCompositionStart?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
+    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
+    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
+    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap> | undefined;
+    onFocus?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
+    onFocusCapture?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
+    onBlur?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
+    onBlurCapture?: import('react').FocusEventHandler<HTMLElementTagNameMap> | undefined;
+    onChange?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onChangeCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onBeforeInput?: import('react').InputEventHandler<HTMLElementTagNameMap> | undefined;
+    onBeforeInputCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onInput?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onInputCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onReset?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onResetCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onSubmit?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onSubmitCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onInvalid?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onInvalidCapture?: import('react').FormEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoad?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoadCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onError?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onErrorCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onKeyDown?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onKeyPress?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onKeyUp?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap> | undefined;
+    onAbort?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onAbortCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onCanPlay?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onCanPlayCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onCanPlayThrough?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onDurationChange?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onEmptied?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onEmptiedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onEncrypted?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onEncryptedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onEnded?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onEndedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoadedData?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoadedMetadata?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoadStart?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onLoadStartCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onPause?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onPauseCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onPlay?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onPlayCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onPlaying?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onPlayingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onProgress?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onProgressCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onRateChange?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onRateChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onSeeked?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onSeekedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onSeeking?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onSeekingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onStalled?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onStalledCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onSuspend?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onSuspendCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onTimeUpdate?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onVolumeChange?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onWaiting?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onWaitingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onAuxClick?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onAuxClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onClick?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onContextMenu?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onContextMenuCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onDoubleClick?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onDrag?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragEnd?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragEndCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragEnter?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragEnterCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragExit?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragExitCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragLeave?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragLeaveCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragOver?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragOverCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragStart?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDragStartCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDrop?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onDropCapture?: import('react').DragEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseDown?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseDownCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseEnter?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseLeave?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseMove?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseOut?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseOutCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseOver?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseOverCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseUp?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onMouseUpCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap> | undefined;
+    onSelect?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onSelectCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchCancel?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchEnd?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchEndCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchMove?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchStart?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onTouchStartCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerDown?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerDownCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerMove?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerUp?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerUpCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerCancel?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerEnter?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerLeave?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerOver?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerOverCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerOut?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onPointerOutCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onGotPointerCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onLostPointerCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap> | undefined;
+    onScroll?: import('react').UIEventHandler<HTMLElementTagNameMap> | undefined;
+    onScrollCapture?: import('react').UIEventHandler<HTMLElementTagNameMap> | undefined;
+    onWheel?: import('react').WheelEventHandler<HTMLElementTagNameMap> | undefined;
+    onWheelCapture?: import('react').WheelEventHandler<HTMLElementTagNameMap> | undefined;
+    onAnimationStart?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
+    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
+    onAnimationEnd?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
+    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
+    onAnimationIteration?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
+    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap> | undefined;
+    onTransitionEnd?: import('react').TransitionEventHandler<HTMLElementTagNameMap> | undefined;
+    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElementTagNameMap> | undefined;
+}, string | import('react').JSXElementConstructor<any>> | null;

package/dist/utils/content/content.component.js

@@ -0,0 +1,6 @@
+import { createElement as e } from "react";
+import { isHtmlString as m } from "../functions/functions.util.js";
+const f = ({ tag: n = "div", alwaysRender: o = !1, children: t, ...r }) => !o && !t ? null : m(t) ? e(n, { dangerouslySetInnerHTML: { __html: t }, ...r }, null) : e(n, r, t);
+export {
+  f as Content
+};

package/dist/utils/content/index.d.ts

@@ -0,0 +1 @@
+export { Content, type ContentProps } from './content.component';

package/dist/utils/content/index.js

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

package/dist/utils/functions/functions.util.d.ts

@@ -0,0 +1,21 @@
+import { SyntheticEvent } from 'react';
+/**
+ * Type guard: checks whether value is a string
+ */
+export declare function isString(value: unknown): value is string;
+/**
+ * Checks whether a string contains HTML-like markup
+ * (basic heuristic, not a full HTML parser)
+ */
+export declare function containsHtml(value: string): boolean;
+/**
+ * Combined helper:
+ * Checks if unknown value is a string containing HTML markup
+ */
+export declare function isHtmlString(value: unknown): value is string;
+type ControlAction = 'prevent' | 'stop' | 'blur';
+/**
+ * A higher-order function to wrap event handlers with common event control logic.
+ */
+export declare const withControl: <E extends SyntheticEvent<HTMLElement>>(handler: (e: E) => void, ...actions: ControlAction[]) => (e: E) => void;
+export {};

package/dist/utils/functions/functions.util.js

@@ -0,0 +1,18 @@
+function e(t) {
+  return typeof t == "string";
+}
+function i(t) {
+  return /<\/?[a-z][\s\S]*>/i.test(t);
+}
+function o(t) {
+  return e(t) && i(t);
+}
+const u = (t, ...n) => (r) => {
+  n.includes("prevent") && r.preventDefault(), n.includes("stop") && r.stopPropagation(), n.includes("blur") && r.currentTarget.blur(), t(r);
+};
+export {
+  i as containsHtml,
+  o as isHtmlString,
+  e as isString,
+  u as withControl
+};

package/dist/utils/functions/index.d.ts

@@ -0,0 +1 @@
+export * from './functions.util';

package/dist/utils/functions/index.js

@@ -0,0 +1,7 @@
+import { containsHtml as n, isHtmlString as o, isString as r, withControl as l } from "./functions.util.js";
+export {
+  n as containsHtml,
+  o as isHtmlString,
+  r as isString,
+  l as withControl
+};

package/dist/utils/types.d.ts

@@ -1,4 +1,4 @@
-export type Padding = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+export type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 export interface BaseProps {
     className?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.2.7",
+  "version": "1.2.9",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -25,6 +25,7 @@
     "prettier:fix": "prettier --write --log-level=log .",
     "test:unit:once": "vitest run --project unit",
     "test:unit:watch": "vitest --project unit --watch",
+    "test:unit:update": "vitest --project unit --update",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },

package/dist/assets/loader-BBn4lDjH.css

@@ -1 +0,0 @@
-._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/loading-block-al0S6J3z.css

@@ -1 +0,0 @@
-._LoadingBlock_1h5nh_1{height:var(--rm-ui-loading-screen-height);display:flex;align-items:center;justify-content:center;background-color:transparent}

package/dist/assets/user-panel-BEeXLR6v.css

@@ -1 +0,0 @@
-._User_1kveo_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._UserHead_1kveo_9{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}._UserTitle_1kveo_17{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)}._UserButton_1kveo_24{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._UserButton_1kveo_24:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._UserButtonText_1kveo_41{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)}._UserButtonIcon_1kveo_48{width:24px;height:24px;stroke-width:2px;stroke:var(--rm-ui-color-text-primary)}._UserInfo_1kveo_55{display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}._UserInfoRaw_1kveo_63{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-secondary)}

package/dist/assets/warranty-BoOQkbCu.css

@@ -1 +0,0 @@
-._Warranty_m4wqt_1{--icon-width: 48px;--icon-height: 56px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-sm);padding:var(--rm-ui-padding-md);border-radius:var(--rm-ui-border-radius-md);background-color:var(--rm-ui-warranty-bg)}._WarrantyIcon_m4wqt_15{height:var(--icon-height);width:var(--icon-width);color:var(--rm-ui-color-accent-primary)}._WarrantyMain_m4wqt_21{flex-basis:calc(100% - var(--icon-width) - var(--rm-ui-padding-sm));font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._WarrantyTitle_m4wqt_27{font-weight:var(--rm-ui-font-weight-medium);color:var(--rm-ui-color-theme-primary)}._WarrantyText_m4wqt_32{font-weight:var(--rm-ui-font-weight-regular);line-height:1.5;color:var(--rm-ui-color-text-primary)}

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

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

package/dist/components/certifications/certifications.types.js

@@ -1 +0,0 @@
-

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

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

package/dist/components/footer/footer.types.js

@@ -1 +0,0 @@
-

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-

package/dist/components/loading-block/loading-block.component.d.ts

@@ -1 +0,0 @@
-export declare const LoadingBlock: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +0,0 @@
-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
-}, l = () => /* @__PURE__ */ o("div", { className: r.LoadingBlock, children: /* @__PURE__ */ o(c, { size: "lg", color: "primary" }) });
-export {
-  l as LoadingBlock
-};

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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-

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

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

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

@@ -1 +0,0 @@
-