@arthurzakharov/ui-kit 2.4.0 → 2.5.1

package/dist/components/expenses/expenses.component.js

@@ -1,15 +1,14 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import d from "clsx";
-import { baseProps as a } from "../../utils/functions/functions.util.js";
-import '../../assets/expenses-BWqSN6hG.css';const u = "_Expenses_hfqkm_1", _ = "_Title_hfqkm_5", p = "_Content_hfqkm_13", h = "_SubContent_hfqkm_18", r = "_Amount_hfqkm_42", x = "_AmountKey_hfqkm_49", A = "_AmountValue_hfqkm_55", e = {
+import { clsx as d, baseProps as a } from "../../utils/functions/functions.util.js";
+import '../../assets/expenses-BWqSN6hG.css';const u = "_Expenses_hfqkm_1", _ = "_Title_hfqkm_5", p = "_Content_hfqkm_13", h = "_SubContent_hfqkm_18", x = "_Amount_hfqkm_42", r = "_AmountKey_hfqkm_49", A = "_AmountValue_hfqkm_55", e = {
   Expenses: u,
   Title: _,
   Content: p,
   SubContent: h,
-  Amount: r,
-  AmountKey: x,
+  Amount: x,
+  AmountKey: r,
   AmountValue: A
-}, q = ({ title: m, content: c, subContent: n, amountTitle: l, amountNumber: i, ...s }) => /* @__PURE__ */ o(
+}, k = ({ title: m, content: c, subContent: n, amountTitle: l, amountNumber: i, ...s }) => /* @__PURE__ */ o(
   "div",
   {
     "data-testid": a(s, "data-testid", "expenses"),
@@ -26,5 +25,5 @@ import '../../assets/expenses-BWqSN6hG.css';const u = "_Expenses_hfqkm_1", _ = "
   }
 );
 export {
-  q as Expenses
+  k as Expenses
 };

package/dist/components/footer/footer.component.js

@@ -1,6 +1,5 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import c from "clsx";
-import { baseProps as s } from "../../utils/functions/functions.util.js";
+import { clsx as c, baseProps as s } from "../../utils/functions/functions.util.js";
 import '../../assets/footer-Dt0rYt73.css';const l = "_Footer_1qjpp_1", d = "_Copyright_1qjpp_11", _ = "_Links_1qjpp_18", m = "_Link_1qjpp_18", u = "_Button_1qjpp_32", h = "_Separator_1qjpp_44", t = {
   Footer: l,
   Copyright: d,
@@ -8,7 +7,7 @@ import '../../assets/footer-Dt0rYt73.css';const l = "_Footer_1qjpp_1", d = "_Cop
   Link: m,
   Button: u,
   Separator: h
-}, L = ({ name: n, links: i, ...a }) => /* @__PURE__ */ e(
+}, j = ({ name: n, links: i, ...a }) => /* @__PURE__ */ e(
   "footer",
   {
     "data-testid": s(a, "data-testid", "footer"),
@@ -39,5 +38,5 @@ import '../../assets/footer-Dt0rYt73.css';const l = "_Footer_1qjpp_1", d = "_Cop
   }
 );
 export {
-  L as Footer
+  j as Footer
 };

package/dist/components/form-row/form-row.component.js

@@ -1,9 +1,8 @@
 import { jsx as X } from "react/jsx-runtime";
 import { Children as d, isValidElement as u } from "react";
-import f from "clsx";
-import { baseProps as _ } from "../../utils/functions/functions.util.js";
-import '../../assets/form-row-D6RaOZ-h.css';const L = "_FormRow_7ij1y_1", w = "_XXS_7ij1y_7", j = "_XS_7ij1y_12", S = "_SM_7ij1y_17", y = "_MD_7ij1y_22", F = "_LG_7ij1y_27", x = "_XL_7ij1y_32", v = "_XXL_7ij1y_37", b = "_XXXL_7ij1y_42", M = "_Child_7ij1y_52", o = {
-  FormRow: L,
+import { clsx as L, baseProps as _ } from "../../utils/functions/functions.util.js";
+import '../../assets/form-row-D6RaOZ-h.css';const f = "_FormRow_7ij1y_1", w = "_XXS_7ij1y_7", j = "_XS_7ij1y_12", S = "_SM_7ij1y_17", y = "_MD_7ij1y_22", F = "_LG_7ij1y_27", x = "_XL_7ij1y_32", v = "_XXL_7ij1y_37", b = "_XXXL_7ij1y_42", M = "_Child_7ij1y_52", o = {
+  FormRow: f,
   XXS: w,
   XS: j,
   SM: S,
@@ -21,7 +20,7 @@ import '../../assets/form-row-D6RaOZ-h.css';const L = "_FormRow_7ij1y_1", w = "_
   "1/4": 3,
   "2/4": 6,
   "3/4": 9
-}, R = s[1], T = ({ children: r, gap: t = "sm", widths: e, ...a }) => {
+}, R = s[1], D = ({ children: r, gap: t = "sm", widths: e, ...a }) => {
   if (d.count(r) === 0) return null;
   const l = d.toArray(r).filter(u);
   let c = !1;
@@ -42,7 +41,7 @@ import '../../assets/form-row-D6RaOZ-h.css';const L = "_FormRow_7ij1y_1", w = "_
     "div",
     {
       "data-testid": _(a, "data-testid", "form-row"),
-      className: f(o.FormRow, _(a, "className"), {
+      className: L(o.FormRow, _(a, "className"), {
         [o.XXS]: t === "xxs",
         [o.XS]: t === "xs",
         [o.SM]: t === "sm",
@@ -66,5 +65,5 @@ import '../../assets/form-row-D6RaOZ-h.css';const L = "_FormRow_7ij1y_1", w = "_
   );
 };
 export {
-  T as FormRow
+  D as FormRow
 };

package/dist/components/header/header.component.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import { Phone as m, CircleCheck as h } from "lucide-react";
-import p from "clsx";
+import { clsx as p } from "../../utils/functions/functions.util.js";
 import '../../assets/header-COBhsm2d.css';const u = "_Header_1823t_1", I = "_HeaderInfo_1823t_8", P = "_HeaderLogo_1823t_15", D = "_HeaderLogoPlaceholder_1823t_20", g = "_HeaderPhoneButton_1823t_26", N = "_HeaderPhoneButtonIcon_1823t_41", B = "_HeaderPhoneButtonNumber_1823t_48", f = "_HeaderDescriptions_1823t_49", L = "_HeaderDescriptionsIcon_1823t_75", z = "_HeaderDescriptionsIconSm_1823t_80", b = "_HeaderDescriptionsIconMd_1823t_85", e = {
   Header: u,
   HeaderInfo: I,

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

@@ -1,13 +1,12 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import o from "clsx";
-import { baseProps as n } from "../../utils/functions/functions.util.js";
-import '../../assets/info-panel-DT7lLHJR.css';const c = "_InfoPanel_1xmmg_1", d = "_List_1xmmg_30", _ = "_Item_1xmmg_40", r = "_Key_1xmmg_48", f = "_Value_1xmmg_52", a = {
+import { clsx as o, baseProps as n } from "../../utils/functions/functions.util.js";
+import '../../assets/info-panel-DT7lLHJR.css';const c = "_InfoPanel_1xmmg_1", d = "_List_1xmmg_30", _ = "_Item_1xmmg_40", f = "_Key_1xmmg_48", p = "_Value_1xmmg_52", a = {
   InfoPanel: c,
   List: d,
   Item: _,
-  Key: r,
-  Value: f
-}, u = ({ data: l, ...s }) => /* @__PURE__ */ e(
+  Key: f,
+  Value: p
+}, I = ({ data: l, ...s }) => /* @__PURE__ */ e(
   "div",
   {
     "data-testid": n(s, "data-testid", "info-panel"),
@@ -19,5 +18,5 @@ import '../../assets/info-panel-DT7lLHJR.css';const c = "_InfoPanel_1xmmg_1", d
   }
 );
 export {
-  u as InfoPanel
+  I as InfoPanel
 };

package/dist/components/information/information.component.js

@@ -1,24 +1,23 @@
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { Info as c } from "lucide-react";
-import f from "clsx";
-import { baseProps as r } from "../../utils/functions/functions.util.js";
-import '../../assets/information-D-nqKgE6.css';const e = "_Information_1g632_1", I = "_Icon_1g632_16", _ = "_Text_1g632_25", o = {
-  Information: e,
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { Info as i } from "lucide-react";
+import { clsx as e, baseProps as s } from "../../utils/functions/functions.util.js";
+import '../../assets/information-D-nqKgE6.css';const f = "_Information_1g632_1", I = "_Icon_1g632_16", _ = "_Text_1g632_25", o = {
+  Information: f,
   Icon: I,
   Text: _
-}, T = i(({ children: m, ...t }, s) => /* @__PURE__ */ a(
+}, N = c(({ children: a, ...t }, r) => /* @__PURE__ */ m(
   "div",
   {
-    "data-testid": r(t, "data-testid", "information"),
-    className: f(o.Information, r(t, "className")),
-    ref: s,
+    "data-testid": s(t, "data-testid", "information"),
+    className: e(o.Information, s(t, "className")),
+    ref: r,
     children: [
-      /* @__PURE__ */ n(c, { className: o.Icon }),
-      /* @__PURE__ */ n("div", { className: o.Text, children: m })
+      /* @__PURE__ */ n(i, { className: o.Icon }),
+      /* @__PURE__ */ n("div", { className: o.Text, children: a })
     ]
   }
 ));
 export {
-  T as Information
+  N as Information
 };

package/dist/components/layout/layout.component.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import y from "clsx";
+import { clsx as y } from "../../utils/functions/functions.util.js";
 import '../../assets/layout-Cl9eR89o.css';const L = "_Layout_15p0u_1", d = "_LayoutWithoutSidebar_15p0u_20", c = "_LayoutWithSidebarOnBigScreens_15p0u_21", _ = "_LayoutWithSidebarOnAllScreens_15p0u_29", l = "_LayoutContent_15p0u_39", S = "_LayoutAside_15p0u_58", h = "_LayoutMain_15p0u_66", b = "_LayoutHeader_15p0u_75", p = "_LayoutFooter_15p0u_82", t = {
   Layout: L,
   LayoutWithoutSidebar: d,

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

@@ -1,12 +1,11 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import _ from "clsx";
+import { clsx as r, baseProps as o } from "../../utils/functions/functions.util.js";
 import { Loader as x } from "lucide-react";
-import { baseProps as o } from "../../utils/functions/functions.util.js";
 import { getLoaderSize as X } from "./loader.utils.js";
-import '../../assets/loader-DadlBlOF.css';const m = "_Loader_px5cg_1", i = "_Padding_px5cg_5", L = "_XXS_px5cg_10", d = "_XS_px5cg_14", S = "_SM_px5cg_18", y = "_MD_px5cg_22", p = "_LG_px5cg_26", g = "_XL_px5cg_30", P = "_XXL_px5cg_34", A = "_XXXL_px5cg_38", M = "_Icon_px5cg_42", T = "_White_px5cg_47", l = "_TextPrimary_px5cg_51", h = "_TextSecondary_px5cg_55", f = "_AccentPrimary_px5cg_59", D = "_AccentSecondary_px5cg_63", c = {
-  Loader: m,
+import '../../assets/loader-DadlBlOF.css';const L = "_Loader_px5cg_1", i = "_Padding_px5cg_5", m = "_XXS_px5cg_10", d = "_XS_px5cg_14", S = "_SM_px5cg_18", y = "_MD_px5cg_22", p = "_LG_px5cg_26", g = "_XL_px5cg_30", P = "_XXL_px5cg_34", A = "_XXXL_px5cg_38", M = "_Icon_px5cg_42", T = "_White_px5cg_47", l = "_TextPrimary_px5cg_51", h = "_TextSecondary_px5cg_55", f = "_AccentPrimary_px5cg_59", D = "_AccentSecondary_px5cg_63", c = {
+  Loader: L,
   Padding: i,
-  XXS: L,
+  XXS: m,
   XS: d,
   SM: S,
   MD: y,
@@ -20,11 +19,11 @@ import '../../assets/loader-DadlBlOF.css';const m = "_Loader_px5cg_1", i = "_Pad
   TextSecondary: h,
   AccentPrimary: f,
   AccentSecondary: D
-}, z = ({ color: e, size: a, padding: t, ...r }) => /* @__PURE__ */ n(
+}, j = ({ color: e, size: a, padding: t, ..._ }) => /* @__PURE__ */ n(
   "div",
   {
-    "data-testid": o(r, "data-testid", "loader"),
-    className: _(c.Loader, o(r, "className"), {
+    "data-testid": o(_, "data-testid", "loader"),
+    className: r(c.Loader, o(_, "className"), {
       [c.Padding]: !!t,
       [c.XXS]: t === "xxs",
       [c.XS]: t === "xs",
@@ -41,7 +40,7 @@ import '../../assets/loader-DadlBlOF.css';const m = "_Loader_px5cg_1", i = "_Pad
         {
           "data-testid": "loader-icon",
           size: X(a),
-          className: _(c.Icon, {
+          className: r(c.Icon, {
             [c.White]: e === "white",
             [c.TextPrimary]: e === "text-primary",
             [c.TextSecondary]: e === "text-secondary",
@@ -55,5 +54,5 @@ import '../../assets/loader-DadlBlOF.css';const m = "_Loader_px5cg_1", i = "_Pad
   }
 );
 export {
-  z as Loader
+  j as Loader
 };

package/dist/components/main-attachment/main-attachment.component.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import h from "clsx";
+import { clsx as h } from "../../utils/functions/functions.util.js";
 import { FadeScale as o } from "../../animations/fade-scale/fade-scale.component.js";
 import { Text as i } from "../text/text.component.js";
 import '../../assets/main-attachment-Cw8AP6xv.css';const r = "_MainAttachment_1oa7f_1", s = "_MainAttachmentTitle_1oa7f_5", A = "_MainAttachmentTitleWithSubtitle_1oa7f_9", M = "_MainAttachmentSubtitle_1oa7f_13", t = {

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

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
 import { Base } from '../../utils/types';
 type MessageType = 'success' | 'question' | 'error' | 'info';
+type MessageAlign = 'left' | 'right' | 'center';
 export interface MessageProps extends Base {
     type: MessageType;
     title: ReactNode;
     text: ReactNode;
+    withoutIcon?: boolean;
+    align?: MessageAlign;
 }
-/**
- * Displays a message with an icon, title, and text content based on the message type (`success`, `question`, `error`, or `info`).
- */
-export declare const Message: ({ type, title, text, ...base }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Message: ({ type, title, text, withoutIcon, align, ...base }: MessageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,40 +1,54 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Check as l, CircleQuestionMark as _, X as d, CircleAlert as m } from "lucide-react";
-import f from "clsx";
-import { baseProps as n } from "../../utils/functions/functions.util.js";
-import { Content as a } from "../../utils/content/content.component.js";
-import '../../assets/message-CgGyIv5e.css';const u = "_Message_fkc6l_1", k = "_Success_fkc6l_15", I = "_Icon_fkc6l_19", x = "_Question_fkc6l_23", C = "_Info_fkc6l_39", N = "_Content_fkc6l_52", g = "_Title_fkc6l_62", T = "_Text_fkc6l_66", s = {
-  Message: u,
-  Success: k,
-  Icon: I,
-  Question: x,
-  Error: "_Error_fkc6l_31",
-  Info: C,
-  Content: N,
-  Title: g,
-  Text: T
-}, E = ({ type: e, title: i, text: r, ...c }) => /* @__PURE__ */ o(
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { Check as g, CircleQuestionMark as d, X as f, CircleAlert as C } from "lucide-react";
+import { clsx as l, baseProps as a } from "../../utils/functions/functions.util.js";
+import { Content as u } from "../../utils/content/content.component.js";
+import '../../assets/message-ByzpMD6r.css';const A = "_Message_1591m_1", x = "_Success_1591m_15", T = "_Icon_1591m_19", I = "_Question_1591m_23", N = "_Info_1591m_39", M = "_Content_1591m_52", h = "_ContentFull_1591m_61", F = "_AlignLeft_1591m_65", Q = "_AlignRight_1591m_69", L = "_AlignCenter_1591m_73", R = "_Title_1591m_77", S = "_Text_1591m_81", e = {
+  Message: A,
+  Success: x,
+  Icon: T,
+  Question: I,
+  Error: "_Error_1591m_31",
+  Info: N,
+  Content: M,
+  ContentFull: h,
+  AlignLeft: F,
+  AlignRight: Q,
+  AlignCenter: L,
+  Title: R,
+  Text: S
+}, m = (t, o, c) => typeof t == "string" ? /* @__PURE__ */ n(u, { "data-testid": o, className: c, children: t }) : t, $ = ({ type: t, title: o, text: c, withoutIcon: s, align: i = "left", ...r }) => /* @__PURE__ */ _(
   "div",
   {
-    "data-testid": n(c, "data-testid", "message"),
-    className: f(s.Message, n(c, "className"), {
-      [s.Success]: e === "success",
-      [s.Question]: e === "question",
-      [s.Error]: e === "error",
-      [s.Info]: e === "info"
+    "data-testid": a(r, "data-testid", "message"),
+    className: l(e.Message, a(r, "className"), {
+      [e.Success]: t === "success",
+      [e.Question]: t === "question",
+      [e.Error]: t === "error",
+      [e.Info]: t === "info"
     }),
     children: [
-      e === "success" && /* @__PURE__ */ t(l, { "data-testid": "success-icon", className: s.Icon }),
-      e === "question" && /* @__PURE__ */ t(_, { "data-testid": "question-icon", className: s.Icon }),
-      e === "error" && /* @__PURE__ */ t(d, { "data-testid": "error-icon", className: s.Icon }),
-      e === "info" && /* @__PURE__ */ t(m, { "data-testid": "info-icon", className: s.Icon }),
-      /* @__PURE__ */ o("div", { className: s.Content, children: [
-        /* @__PURE__ */ t(a, { "data-testid": "message-title", className: s.Title, children: i }),
-        /* @__PURE__ */ t(a, { "data-testid": "message-text", className: s.Text, children: r })
-      ] })
+      !s && t === "success" && /* @__PURE__ */ n(g, { "data-testid": "success-icon", className: e.Icon }),
+      !s && t === "question" && /* @__PURE__ */ n(d, { "data-testid": "question-icon", className: e.Icon }),
+      !s && t === "error" && /* @__PURE__ */ n(f, { "data-testid": "error-icon", className: e.Icon }),
+      !s && t === "info" && /* @__PURE__ */ n(C, { "data-testid": "info-icon", className: e.Icon }),
+      /* @__PURE__ */ _(
+        "div",
+        {
+          className: l(e.Content, {
+            [e.ContentFull]: s,
+            [e.AlignLeft]: i === "left",
+            [e.AlignRight]: i === "right",
+            [e.AlignCenter]: i === "center"
+          }),
+          children: [
+            m(o, "message-title", e.Title),
+            m(c, "message-text", e.Text)
+          ]
+        }
+      )
     ]
   }
 );
 export {
-  E as Message
+  $ as Message
 };

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

@@ -1,13 +1,12 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import n from "clsx";
-import { baseProps as d } from "../../utils/functions/functions.util.js";
+import { clsx as n, baseProps as d } from "../../utils/functions/functions.util.js";
 import { Text as o } from "../text/text.component.js";
 import '../../assets/message-block-DG1cePyB.css';const g = "_MessageBlock_14g5p_1", r = "_Emoji_14g5p_7", _ = "_Titles_14g5p_12", k = "_Content_14g5p_18", e = {
   MessageBlock: g,
   Emoji: r,
   Titles: _,
   Content: k
-}, b = ({ children: m, emoji: c = "", title: t = "", subtitle: a = "", ...i }) => /* @__PURE__ */ l(
+}, x = ({ children: m, emoji: c = "", title: t = "", subtitle: a = "", ...i }) => /* @__PURE__ */ l(
   "div",
   {
     "data-testid": d(i, "data-testid", "message-block"),
@@ -23,5 +22,5 @@ import '../../assets/message-block-DG1cePyB.css';const g = "_MessageBlock_14g5p_
   }
 );
 export {
-  b as MessageBlock
+  x as MessageBlock
 };

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

@@ -1,6 +1,5 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import _ from "clsx";
-import { baseProps as o } from "../../utils/functions/functions.util.js";
+import { clsx as _, baseProps as o } from "../../utils/functions/functions.util.js";
 import '../../assets/not-found-CyFlnajG.css';const b = "_NotFound_d40xv_1", T = "_Title_d40xv_9", u = "_Subtitle_d40xv_16", r = "_TableTitle_d40xv_23", m = "_Table_d40xv_23", h = "_TableRow_d40xv_38", N = "_CellHead_d40xv_42", x = "_CellData_d40xv_43", t = {
   NotFound: b,
   Title: T,
@@ -10,7 +9,7 @@ import '../../assets/not-found-CyFlnajG.css';const b = "_NotFound_d40xv_1", T =
   TableRow: h,
   CellHead: N,
   CellData: x
-}, p = ({ title: s, subtitle: n, tableTitle: i, tableRows: c, ...a }) => /* @__PURE__ */ d(
+}, C = ({ title: s, subtitle: n, tableTitle: i, tableRows: c, ...a }) => /* @__PURE__ */ d(
   "section",
   {
     "data-testid": o(a, "data-testid", "not-found"),
@@ -34,5 +33,5 @@ import '../../assets/not-found-CyFlnajG.css';const b = "_NotFound_d40xv_1", T =
   }
 );
 export {
-  p as NotFound
+  C as NotFound
 };

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

@@ -1,33 +1,32 @@
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import m from "clsx";
-import { Loader as l } from "../../../loader/loader.component.js";
-import { baseProps as o } from "../../../../utils/functions/functions.util.js";
+import { clsx as l, baseProps as o } from "../../../../utils/functions/functions.util.js";
+import { Loader as m } from "../../../loader/loader.component.js";
 import { m as n } from "../../../../proxy-CmTphuYR.js";
 import { A as p } from "../../../../index-CPvYWadf.js";
-import '../../../../assets/glass-CfX3rUed.css';const d = "_Glass_12crp_1", f = "_Cover_12crp_5", r = {
+import '../../../../assets/glass-CfX3rUed.css';const d = "_Glass_12crp_1", f = "_Cover_12crp_5", t = {
   Glass: d,
   Cover: f
-}, h = ({ children: t, on: e, withLoader: i = !1, ...a }) => /* @__PURE__ */ c(
+}, C = ({ children: e, on: r, withLoader: i = !1, ...a }) => /* @__PURE__ */ c(
   "div",
   {
     "data-testid": o(a, "data-testid", "payment-glass"),
-    className: m(r.Glass, o(a, "className")),
+    className: l(t.Glass, o(a, "className")),
     children: [
-      /* @__PURE__ */ s(p, { mode: "sync", children: e && /* @__PURE__ */ s(
+      /* @__PURE__ */ s(p, { mode: "sync", children: r && /* @__PURE__ */ s(
         n.div,
         {
           initial: { opacity: 0, scale: 0.75 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.75 },
           transition: { duration: 0.125 },
-          className: r.Cover,
-          children: i && /* @__PURE__ */ s(l, { size: "lg", color: "accent-primary" })
+          className: t.Cover,
+          children: i && /* @__PURE__ */ s(m, { size: "lg", color: "accent-primary" })
         }
       ) }),
-      t
+      e
     ]
   }
 );
 export {
-  h as Glass
+  C as Glass
 };

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

@@ -1,25 +1,24 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import s from "clsx";
+import { clsx as s, baseProps as m } from "../../../../utils/functions/functions.util.js";
 import { Check as a, ArrowRight as _ } from "lucide-react";
-import { Content as p } from "../../../../utils/content/content.component.js";
-import { baseProps as m } from "../../../../utils/functions/functions.util.js";
-import '../../../../assets/info-Bx6imeeA.css';const C = "_Info_1pjmm_1", h = "_Title_1pjmm_14", I = "_List_1pjmm_23", d = "_Item_1pjmm_32", f = "_Content_1pjmm_39", j = "_Circle_1pjmm_45", N = "_CircleCheck_1pjmm_55", k = "_CircleArrow_1pjmm_59", w = "_Icon_1pjmm_63", c = {
-  Info: C,
+import { Content as C } from "../../../../utils/content/content.component.js";
+import '../../../../assets/info-Bx6imeeA.css';const p = "_Info_1pjmm_1", h = "_Title_1pjmm_14", I = "_List_1pjmm_23", d = "_Item_1pjmm_32", j = "_Content_1pjmm_39", f = "_Circle_1pjmm_45", N = "_CircleCheck_1pjmm_55", k = "_CircleArrow_1pjmm_59", w = "_Icon_1pjmm_63", c = {
+  Info: p,
   Title: h,
   List: I,
   Item: d,
-  Content: f,
-  Circle: j,
+  Content: j,
+  Circle: f,
   CircleCheck: N,
   CircleArrow: k,
   Icon: w
-}, $ = ({ title: r, list: l, ...n }) => /* @__PURE__ */ o(
+}, T = ({ title: n, list: l, ...r }) => /* @__PURE__ */ o(
   "div",
   {
-    "data-testid": m(n, "data-testid", "payment-info"),
-    className: s(c.Info, m(n, "className")),
+    "data-testid": m(r, "data-testid", "payment-info"),
+    className: s(c.Info, m(r, "className")),
     children: [
-      r && /* @__PURE__ */ t("h6", { className: c.Title, children: r }),
+      n && /* @__PURE__ */ t("h6", { className: c.Title, children: n }),
       /* @__PURE__ */ t("ul", { className: c.List, children: l.map((e, i) => /* @__PURE__ */ o("li", { className: c.Item, children: [
         /* @__PURE__ */ o(
           "span",
@@ -34,11 +33,11 @@ import '../../../../assets/info-Bx6imeeA.css';const C = "_Info_1pjmm_1", h = "_T
             ]
           }
         ),
-        /* @__PURE__ */ t(p, { className: c.Content, children: e.text })
+        /* @__PURE__ */ t(C, { className: c.Content, children: e.text })
       ] }, i)) })
     ]
   }
 );
 export {
-  $ as Info
+  T as Info
 };

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

@@ -15,7 +15,7 @@ export interface SidebarProps extends PropsWithChildren<Base> {
     steps: SidebarStep[];
     info: SidebarInfo[];
     user: UserPanelProps;
-    certifications: CertificationsProps['icons'];
+    certifications: CertificationsProps;
 }
 export declare const Sidebar: ({ children, isButtonVisible, isUserOpen, title, steps, info, certifications, user, ...base }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,13 +1,12 @@
 import { jsx as t, jsxs as o, Fragment as u } from "react/jsx-runtime";
-import c from "clsx";
-import { FadeScale as _ } from "../../animations/fade-scale/fade-scale.component.js";
+import { clsx as m, baseProps as S } from "../../utils/functions/functions.util.js";
+import { FadeScale as h } from "../../animations/fade-scale/fade-scale.component.js";
 import { Certifications as B } from "../certifications/certifications.component.js";
-import { Line as s } from "../line/line.component.js";
-import { Text as n } from "../text/text.component.js";
+import { Line as n } from "../line/line.component.js";
+import { Text as s } from "../text/text.component.js";
 import { UserPanel as w } from "../user-panel/user-panel.component.js";
 import "../../controls/primitives/box/box.component.js";
 import "../../utils/content/content.component.js";
-import { baseProps as f } from "../../utils/functions/functions.util.js";
 import "lucide-react";
 import "usehooks-ts";
 import { Status as x } from "../../controls/primitives/status/status.component.js";
@@ -21,59 +20,59 @@ import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_B
   Step: $,
   InfoRow: j,
   NothingAbove: F
-}, W = ({
+}, V = ({
   // Sidebar props
-  children: h,
-  isButtonVisible: m = !1,
+  children: f,
+  isButtonVisible: b = !1,
   isUserOpen: l = !1,
-  title: S = "Ihre Übersicht",
-  steps: N = [],
-  info: g = [],
-  certifications: v = [],
+  title: g = "Ihre Übersicht",
+  steps: v = [],
+  info: N = [],
+  certifications: c,
   user: a,
   // Base props
-  ...b
+  ...p
 }) => {
-  const p = g.filter(([, e]) => e.trim() !== ""), d = p.length > 0;
+  const _ = N.filter(([, e]) => e.trim() !== ""), d = _.length > 0;
   return /* @__PURE__ */ t(
     "div",
     {
-      "data-testid": f(b, "data-testid", "sidebar"),
-      className: c(i.Sidebar, f(b, "className")),
+      "data-testid": S(p, "data-testid", "sidebar"),
+      className: m(i.Sidebar, S(p, "className")),
       children: /* @__PURE__ */ o("div", { className: i.Board, children: [
-        /* @__PURE__ */ t(n, { preset: "sidebar-title", className: i.SidebarTitle, children: S }),
-        /* @__PURE__ */ t("div", { className: i.Steps, "data-testid": "sidebar-steps", children: N.map(({ state: e, text: r }) => /* @__PURE__ */ o("div", { className: i.Step, "data-testid": "sidebar-step", children: [
+        /* @__PURE__ */ t(s, { preset: "sidebar-title", className: i.SidebarTitle, children: g }),
+        /* @__PURE__ */ t("div", { className: i.Steps, "data-testid": "sidebar-steps", children: v.map(({ state: e, text: r }) => /* @__PURE__ */ o("div", { className: i.Step, "data-testid": "sidebar-step", children: [
           /* @__PURE__ */ t(x, { state: e }),
-          /* @__PURE__ */ t(n, { tag: "span", weight: "medium", size: "body-small", color: e === "idle" ? "grey-400" : "text-primary", children: r })
+          /* @__PURE__ */ t(s, { tag: "span", weight: "medium", size: "body-small", color: e === "idle" ? "grey-400" : "text-primary", children: r })
         ] }, r)) }),
         d && /* @__PURE__ */ o(u, { children: [
-          /* @__PURE__ */ t(s, {}),
-          /* @__PURE__ */ t("div", { className: i.Info, "data-testid": "sidebar-info", children: p.map(([e, r], I) => /* @__PURE__ */ o("div", { className: i.InfoRow, "data-testid": "sidebar-info-row", children: [
-            /* @__PURE__ */ t(n, { tag: "span", size: "body-small", color: "text-secondary", children: e }),
-            /* @__PURE__ */ t(n, { tag: "span", size: "body-small", align: "right", children: r })
+          /* @__PURE__ */ t(n, {}),
+          /* @__PURE__ */ t("div", { className: i.Info, "data-testid": "sidebar-info", children: _.map(([e, r], I) => /* @__PURE__ */ o("div", { className: i.InfoRow, "data-testid": "sidebar-info-row", children: [
+            /* @__PURE__ */ t(s, { tag: "span", size: "body-small", color: "text-secondary", children: e }),
+            /* @__PURE__ */ t(s, { tag: "span", size: "body-small", align: "right", children: r })
           ] }, `${e}-${I}`)) }),
-          /* @__PURE__ */ t(s, {})
+          /* @__PURE__ */ t(n, {})
         ] }),
-        /* @__PURE__ */ o(_, { name: "user", condition: l, children: [
-          !d && /* @__PURE__ */ t(s, {}),
+        /* @__PURE__ */ o(h, { name: "user", condition: l, children: [
+          !d && /* @__PURE__ */ t(n, {}),
           /* @__PURE__ */ t(w, { title: a.title, button: a.button, data: a.data, onClick: a.onClick }),
-          /* @__PURE__ */ t(s, {})
+          /* @__PURE__ */ t(n, {})
         ] }),
-        /* @__PURE__ */ t(_, { name: "button", condition: m, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(h, { name: "button", condition: b, children: /* @__PURE__ */ t(
           "div",
           {
-            className: c(i.SidebarButton, {
+            className: m(i.SidebarButton, {
               [i.NothingAbove]: !d && !l
             }),
-            children: h
+            children: f
           }
         ) }),
+        /* @__PURE__ */ t(B, { icons: c.icons, tuvSrc: c.tuvSrc, align: c.align }),
         /* @__PURE__ */ t(
-          B,
+          "div",
           {
-            icons: v,
-            className: c({
-              [i.NothingAbove]: !d && !l && !m
+            className: m({
+              [i.NothingAbove]: !d && !l && !b
             })
           }
         )
@@ -82,5 +81,5 @@ import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", A = "_B
   );
 };
 export {
-  W as Sidebar
+  V as Sidebar
 };