@arthurzakharov/ui-kit 1.0.33 → 1.0.35

package/dist/assets/{layout-D79e__DV.css → layout-CdNHTfTx.css}

@@ -1 +1 @@
-body{background-color:var(--rm-ui-body-color)}._Layout_6yviu_5{--layout-max-width: 1100px;--layout-margin: 0;--layout-padding: 0;--layout-content-border: 0;--layout-content-padding: var(--rm-ui-padding-lg);--layout-header-padding: var(--rm-ui-padding-lg) var(--rm-ui-padding-lg) var(--rm-ui-padding-md);--layout-footer-pading: var(--rm-ui-padding-xxl);--layout-transition-speed: .5s;max-width:var(--layout-max-width);margin:var(--layout-margin);padding:var(--layout-padding);transition:padding ease-in-out var(--layout-transition-speed),margin ease-in-out var(--layout-transition-speed),max-width ease-in-out var(--layout-transition-speed)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-content-gap: var(--rm-ui-padding-sm);--layout-aside-width: 275px;--layout-main-width: 100%}._Layout_6yviu_5._LayoutWithoutSidebar_6yviu_29{--layout-content-gap: 0;--layout-main-width: 100%}._LayoutContent_6yviu_34{display:block;border-radius:var(--layout-content-border);padding:var(--layout-content-padding);background-color:#fff;box-shadow:none;transition:gap ease-in-out var(--layout-transition-speed),border-radius ease-in-out var(--layout-transition-speed),padding ease-in-out var(--layout-transition-speed)}._LayoutMain_6yviu_46{flex-basis:var(--layout-main-width);display:block;transition:flex-basis ease-in-out var(--layout-transition-speed)}._LayoutHeader_6yviu_52{padding:var(--layout-header-padding);transition:padding ease-in-out var(--layout-transition-speed)}._LayoutAside_6yviu_57{flex-basis:var(--layout-aside-width);display:none;transition:flex-basis ease-in-out var(--layout-transition-speed)}._LayoutFooter_6yviu_63{padding:var(--layout-footer-pading);transition:padding ease-in-out var(--layout-transition-speed)}@media screen and (min-width:768px){._Layout_6yviu_5{--layout-padding: 0 var(--rm-ui-padding-sm);--layout-content-border: var(--rm-ui-border-radius-sm);--layout-content-padding: var(--rm-ui-padding-md);--layout-header-padding: var(--rm-ui-padding-sm) 0;--layout-footer-pading: var(--rm-ui-padding-md) var(--rm-ui-padding-md) var(--rm-ui-padding-sm)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-main-width: calc(100% - var(--layout-aside-width) - var(--layout-content-gap))}._LayoutContent_6yviu_34{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--layout-content-gap);box-shadow:4px 4px 24px #0000000a}._LayoutAside_6yviu_57{display:block}}@media screen and (min-width:1024px){._Layout_6yviu_5{--layout-padding: 0 var(--rm-ui-padding-md);--layout-content-padding: var(--rm-ui-padding-xl);--layout-header-padding: var(--rm-ui-padding-md) 0;--layout-footer-pading: var(--rm-ui-padding-xl) var(--rm-ui-padding-xl) var(--rm-ui-padding-md)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-content-gap: var(--rm-ui-padding-md);--layout-aside-width: 300px}}@media screen and (min-width:1200px){._Layout_6yviu_5{--layout-margin: 0 auto;--layout-padding: 0;--layout-content-padding: var(--rm-ui-padding-xxl);--layout-header-padding: var(--rm-ui-padding-lg) 0;--layout-footer-pading: var(--rm-ui-padding-xxl) var(--rm-ui-padding-xxl) var(--rm-ui-padding-md)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-content-gap: 80px;--layout-aside-width: 350px}}
+body{background-color:var(--rm-ui-body-color)}._Layout_1re2u_5{--layout-max-width: 1100px;--layout-margin: 0;--layout-padding: 0;--layout-content-border: 0;--layout-content-padding: var(--rm-ui-padding-lg);--layout-header-padding: var(--rm-ui-padding-lg) var(--rm-ui-padding-lg) var(--rm-ui-padding-md);--layout-footer-pading: var(--rm-ui-padding-xxl);--layout-transition-speed: .5s;max-width:var(--layout-max-width);margin:var(--layout-margin);padding:var(--layout-padding);transition:padding ease-in-out var(--layout-transition-speed),margin ease-in-out var(--layout-transition-speed),max-width ease-in-out var(--layout-transition-speed)}._Layout_1re2u_5._LayoutWithSidebar_1re2u_23{--layout-content-gap: var(--rm-ui-padding-lg);--layout-aside-width: 275px;--layout-main-width: 100%}._Layout_1re2u_5._LayoutWithoutSidebar_1re2u_29{--layout-content-gap: 0;--layout-main-width: 100%}._LayoutContent_1re2u_34{display:block;border-radius:var(--layout-content-border);padding:var(--layout-content-padding);background-color:#fff;box-shadow:none;transition:gap ease-in-out var(--layout-transition-speed),border-radius ease-in-out var(--layout-transition-speed),padding ease-in-out var(--layout-transition-speed)}._LayoutMain_1re2u_46{flex-basis:var(--layout-main-width);display:block;transition:flex-basis ease-in-out var(--layout-transition-speed)}._LayoutHeader_1re2u_52{padding:var(--layout-header-padding);transition:padding ease-in-out var(--layout-transition-speed)}._LayoutAside_1re2u_57{flex-basis:var(--layout-aside-width);display:none;transition:flex-basis ease-in-out var(--layout-transition-speed)}._LayoutFooter_1re2u_63{padding:var(--layout-footer-pading);transition:padding ease-in-out var(--layout-transition-speed)}@media screen and (min-width:768px){._Layout_1re2u_5{--layout-padding: 0 var(--rm-ui-padding-sm);--layout-content-border: var(--rm-ui-border-radius-sm);--layout-content-padding: var(--rm-ui-padding-lg);--layout-header-padding: var(--rm-ui-padding-sm) 0;--layout-footer-pading: var(--rm-ui-padding-md) var(--rm-ui-padding-md) var(--rm-ui-padding-sm)}._Layout_1re2u_5._LayoutWithSidebar_1re2u_23{--layout-main-width: calc(100% - var(--layout-aside-width) - var(--layout-content-gap))}._LayoutContent_1re2u_34{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--layout-content-gap);box-shadow:4px 4px 24px #0000000a}._LayoutAside_1re2u_57{display:block}}@media screen and (min-width:1024px){._Layout_1re2u_5{--layout-padding: 0 var(--rm-ui-padding-md);--layout-content-padding: var(--rm-ui-padding-xl);--layout-header-padding: var(--rm-ui-padding-md) 0;--layout-footer-pading: var(--rm-ui-padding-xl) var(--rm-ui-padding-xl) var(--rm-ui-padding-md)}._Layout_1re2u_5._LayoutWithSidebar_1re2u_23{--layout-content-gap: var(--rm-ui-padding-xl);--layout-aside-width: 300px}}@media screen and (min-width:1200px){._Layout_1re2u_5{--layout-margin: 0 auto;--layout-padding: 0;--layout-content-padding: var(--rm-ui-padding-xxl);--layout-header-padding: var(--rm-ui-padding-lg) 0;--layout-footer-pading: var(--rm-ui-padding-xxl) var(--rm-ui-padding-xxl) var(--rm-ui-padding-md)}._Layout_1re2u_5._LayoutWithSidebar_1re2u_23{--layout-content-gap: 80px;--layout-aside-width: 350px}}

package/dist/assets/{main-2dYBPRqY.css → main-Bp-7_egq.css}

@@ -1 +1 @@
-:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px;--rm-ui-info-panel-bg: var(--rm-ui-body-color)}
+:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f}

package/dist/assets/step-CCaCnmMY.css

@@ -0,0 +1 @@
+._Step_19tdh_1{--step-animation: .2s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._StepIcon_19tdh_10{position:relative;display:inline-flex}._StepCircle_19tdh_15{stroke-width:2px;transition:stroke var(--step-animation) ease-in-out,fill var(--step-animation) ease-in-out,fill-opacity var(--step-animation) ease-in-out}._StepCircleIdle_19tdh_20{stroke:var(--rm-ui-step-idle-color);fill:var(--rm-ui-step-idle-color);fill-opacity:.1}._StepCircleSuccess_19tdh_26{stroke:var(--rm-ui-color-accent-primary);fill:var(--rm-ui-color-accent-primary);fill-opacity:1}._StepCircleError_19tdh_32{stroke:var(--rm-ui-color-error);fill:var(--rm-ui-color-error);fill-opacity:1}._StepIconContent_19tdh_38{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}._StepIconAnimate_19tdh_46{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}._StepCheck_19tdh_54,._StepX_19tdh_55{stroke-width:2.5;stroke:#fff}._StepText_19tdh_60{font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._StepTextIdle_19tdh_66{color:var(--rm-ui-color-text-secondary)}._StepTextActive_19tdh_70{color:var(--rm-ui-color-text-primary)}

package/dist/assets/steps-C-5KF0tq.css

@@ -0,0 +1 @@
+._Steps_dwrsm_1{margin-top:0;margin-bottom:0;padding-left:0;list-style:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}

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

@@ -1,25 +1,25 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import L from "clsx";
-import '../../assets/layout-D79e__DV.css';const s = "_Layout_6yviu_5", r = "_LayoutWithSidebar_6yviu_23", d = "_LayoutWithoutSidebar_6yviu_29", c = "_LayoutContent_6yviu_34", _ = "_LayoutMain_6yviu_46", h = "_LayoutHeader_6yviu_52", l = "_LayoutAside_6yviu_57", v = "_LayoutFooter_6yviu_63", t = {
-  Layout: s,
-  LayoutWithSidebar: r,
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import y from "clsx";
+import '../../assets/layout-CdNHTfTx.css';const L = "_Layout_1re2u_5", s = "_LayoutWithSidebar_1re2u_23", d = "_LayoutWithoutSidebar_1re2u_29", c = "_LayoutContent_1re2u_34", _ = "_LayoutMain_1re2u_46", h = "_LayoutHeader_1re2u_52", l = "_LayoutAside_1re2u_57", m = "_LayoutFooter_1re2u_63", t = {
+  Layout: L,
+  LayoutWithSidebar: s,
   LayoutWithoutSidebar: d,
   LayoutContent: c,
   LayoutMain: _,
   LayoutHeader: h,
   LayoutAside: l,
-  LayoutFooter: v
-}, S = (u) => {
-  const { header: e, main: y, aside: a, footer: n } = u;
-  return /* @__PURE__ */ i("div", { className: L(t.Layout, a ? t.LayoutWithSidebar : t.LayoutWithoutSidebar), children: [
-    /* @__PURE__ */ o("div", { className: t.LayoutHeader, children: e }),
-    /* @__PURE__ */ i("div", { className: t.LayoutContent, children: [
-      /* @__PURE__ */ o("div", { className: t.LayoutMain, children: y }),
+  LayoutFooter: m
+}, W = (u) => {
+  const { header: i, main: r, aside: a, footer: n } = u;
+  return /* @__PURE__ */ e("div", { className: y(t.Layout, a ? t.LayoutWithSidebar : t.LayoutWithoutSidebar), children: [
+    /* @__PURE__ */ o("div", { className: t.LayoutHeader, children: i }),
+    /* @__PURE__ */ e("div", { className: t.LayoutContent, children: [
+      /* @__PURE__ */ o("div", { className: t.LayoutMain, children: r }),
       a ? /* @__PURE__ */ o("div", { className: t.LayoutAside, children: a }) : null
     ] }),
     /* @__PURE__ */ o("div", { className: t.LayoutFooter, children: n })
   ] });
 };
 export {
-  S as Layout
+  W as Layout
 };

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

@@ -0,0 +1,6 @@
+import { State } from '../../../control/types';
+export interface StepProps {
+    state: State;
+    text: string;
+}
+export declare const Step: (props: StepProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,73 @@
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { Animation as s } from "../../../animation/animation.component.js";
+import { Circle as r, X as i, Check as l } from "lucide-react";
+import S from "clsx";
+import '../../../../assets/step-CCaCnmMY.css';const d = "_Step_19tdh_1", _ = "_StepIcon_19tdh_10", a = "_StepCircle_19tdh_15", m = "_StepCircleIdle_19tdh_20", C = "_StepCircleSuccess_19tdh_26", h = "_StepCircleError_19tdh_32", I = "_StepIconContent_19tdh_38", x = "_StepIconAnimate_19tdh_46", T = "_StepCheck_19tdh_54", u = "_StepX_19tdh_55", A = "_StepText_19tdh_60", N = "_StepTextIdle_19tdh_66", v = "_StepTextActive_19tdh_70", e = {
+  Step: d,
+  StepIcon: _,
+  StepCircle: a,
+  StepCircleIdle: m,
+  StepCircleSuccess: C,
+  StepCircleError: h,
+  StepIconContent: I,
+  StepIconAnimate: x,
+  StepCheck: T,
+  StepX: u,
+  StepText: A,
+  StepTextIdle: N,
+  StepTextActive: v
+}, y = (p) => {
+  const { state: t = "idle", text: o = "" } = p;
+  return /* @__PURE__ */ n("div", { className: e.Step, children: [
+    /* @__PURE__ */ n("div", { className: e.StepIcon, children: [
+      /* @__PURE__ */ c(
+        r,
+        {
+          size: 24,
+          className: S(e.StepCircle, {
+            [e.StepCircleIdle]: t === "idle",
+            [e.StepCircleSuccess]: t === "success",
+            [e.StepCircleError]: t === "error"
+          })
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: e.StepIconContent, children: [
+        /* @__PURE__ */ c(
+          s.FadeScale,
+          {
+            name: "icon-x",
+            condition: t === "error",
+            duration: 0.2,
+            delay: 0.2,
+            className: e.StepIconAnimate,
+            children: /* @__PURE__ */ c(i, { size: 14, className: e.StepX })
+          }
+        ),
+        /* @__PURE__ */ c(
+          s.FadeScale,
+          {
+            name: "icon-check",
+            condition: t === "success",
+            duration: 0.2,
+            delay: 0.2,
+            className: e.StepIconAnimate,
+            children: /* @__PURE__ */ c(l, { size: 14, className: e.StepCheck })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c(
+      "span",
+      {
+        className: S(e.StepText, {
+          [e.StepTextIdle]: t === "idle",
+          [e.StepTextActive]: t === "success" || t === "error"
+        }),
+        dangerouslySetInnerHTML: { __html: o }
+      }
+    )
+  ] });
+};
+export {
+  y as Step
+};

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

@@ -0,0 +1,5 @@
+import { StepProps } from '../step/step.component';
+export interface StepsProps {
+    data: StepProps[];
+}
+export declare const Steps: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Step as o } from "../step/step.component.js";
+import '../../../../assets/steps-C-5KF0tq.css';const c = "_Steps_dwrsm_1", n = {
+  Steps: c
+}, a = (s) => {
+  const { data: e } = s;
+  return /* @__PURE__ */ t("ul", { className: n.Steps, children: e.map(({ state: p, text: r }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { state: p, text: r }) })) });
+};
+export {
+  a as Steps
+};

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

@@ -0,0 +1,6 @@
+export type { StepProps } from './components/step/step.component';
+export type { StepsProps } from './components/steps/steps.component';
+export declare const Sidebar: {
+    Step: (props: import('./sidebar.component').StepProps) => import("react/jsx-runtime").JSX.Element;
+    Steps: (props: import('./sidebar.component').StepsProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,6 @@
+import { Step as o } from "./components/step/step.component.js";
+import { Steps as r } from "./components/steps/steps.component.js";
+const e = { Step: o, Steps: r };
+export {
+  e as Sidebar
+};

package/dist/main.d.ts

@@ -5,4 +5,5 @@ export { Footer, type FooterProps } from './components/footer/footer.component';
 export { Header, type HeaderProps } from './components/header/header.component';
 export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-panel.component';
 export { Layout, type LayoutProps } from './components/layout/layout.component';
+export { Sidebar, type StepProps } from './components/sidebar/sidebar.component';
 export { Text } from './components/text/text.component';

package/dist/main.js

@@ -1,18 +1,20 @@
-import { Animation as t } from "./components/animation/animation.component.js";
+import { Animation as e } from "./components/animation/animation.component.js";
 import { Certifications as f } from "./components/certifications/certifications.component.js";
 import { Control as x } from "./components/control/control.component.js";
-import { Footer as n } from "./components/footer/footer.component.js";
-import { Header as i } from "./components/header/header.component.js";
-import { InfoPanel as C } from "./components/info-panel/info-panel.component.js";
-import { Layout as d } from "./components/layout/layout.component.js";
-import { Text as u } from "./components/text/text.component.js";
-import './assets/main-2dYBPRqY.css';export {
-  t as Animation,
+import { Footer as a } from "./components/footer/footer.component.js";
+import { Header as n } from "./components/header/header.component.js";
+import { InfoPanel as l } from "./components/info-panel/info-panel.component.js";
+import { Layout as b } from "./components/layout/layout.component.js";
+import { Sidebar as s } from "./components/sidebar/sidebar.component.js";
+import { Text as y } from "./components/text/text.component.js";
+import './assets/main-Bp-7_egq.css';export {
+  e as Animation,
   f as Certifications,
   x as Control,
-  n as Footer,
-  i as Header,
-  C as InfoPanel,
-  d as Layout,
-  u as Text
+  a as Footer,
+  n as Header,
+  l as InfoPanel,
+  b as Layout,
+  s as Sidebar,
+  y as Text
 };

package/package.json

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