@arthurzakharov/ui-kit 1.2.8 → 1.3.0

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

@@ -0,0 +1 @@
+export { InfoPanel, type InfoPanelProps } from './info-panel.component';

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

@@ -0,0 +1,4 @@
+import { InfoPanel as f } from "./info-panel.component.js";
+export {
+  f as InfoPanel
+};

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

@@ -1,4 +1,5 @@
-export interface InfoPanelProps {
+import { BaseProps } from '../../utils/types';
+export interface InfoPanelProps extends BaseProps {
     data: [string, string][];
 }
-export declare const InfoPanel: (props: InfoPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoPanel: ({ data, className }: InfoPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,15 @@
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Text as l } from "../text/text.component.js";
-import '../../assets/info-panel-Dv3LM7__.css';const c = "_InfoPanel_u07l9_1", i = "_InfoPanelList_u07l9_27", I = "_InfoPanelItem_u07l9_37", a = {
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import o from "clsx";
+import '../../assets/info-panel-BAcoIlE-.css';const c = "_InfoPanel_h5syx_1", _ = "_List_h5syx_30", d = "_Item_h5syx_40", m = "_Key_h5syx_47", f = "_Value_h5syx_51", e = {
   InfoPanel: c,
-  InfoPanelList: i,
-  InfoPanelItem: I
-}, P = (o) => {
-  const { data: s = [] } = o;
-  return /* @__PURE__ */ n("div", { className: a.InfoPanel, children: /* @__PURE__ */ n("ul", { className: a.InfoPanelList, children: s.map(([e, t]) => /* @__PURE__ */ r("li", { className: a.InfoPanelItem, children: [
-    /* @__PURE__ */ n(l.Tag, { tag: "span", weight: "regular", size: "small", color: "secondary", children: e }),
-    /* @__PURE__ */ n(l.Tag, { tag: "span", weight: "regular", size: "small", color: "primary", children: t })
-  ] }, e)) }) });
-};
+  List: _,
+  Item: d,
+  Key: m,
+  Value: f
+}, r = ({ data: n, className: t = "" }) => /* @__PURE__ */ s("div", { "data-testid": "info-panel", className: o(e.InfoPanel, t), children: /* @__PURE__ */ s("ul", { "data-testid": "info-panel-list", className: e.List, children: n.map(([a, l]) => /* @__PURE__ */ i("li", { className: e.Item, children: [
+  /* @__PURE__ */ s("span", { "data-testid": "info-panel-key", className: e.Key, children: a }),
+  /* @__PURE__ */ s("span", { "data-testid": "info-panel-value", className: e.Value, children: l })
+] }, a)) }) });
 export {
-  P as InfoPanel
+  r as InfoPanel
 };

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

@@ -0,0 +1 @@
+export { Information, type InformationProps } from './information.component';

package/dist/components/information/index.js

@@ -0,0 +1,4 @@
+import { Information as f } from "./information.component.js";
+export {
+  f as Information
+};

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

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from 'react';
-export interface InformationProps extends PropsWithChildren {
-    size?: 'regular' | 'small' | 'extra-small';
-    color?: 'primary' | 'secondary' | 'accent-primary' | 'accent-secondary';
-    className?: string;
-}
-export declare const Information: import('react').ForwardRefExoticComponent<InformationProps & import('react').RefAttributes<HTMLDivElement>>;
+import { BaseProps } from '../../utils/types';
+export type InformationProps = PropsWithChildren<BaseProps>;
+export declare const Information: import('react').ForwardRefExoticComponent<BaseProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,40 +1,15 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { Info as f } from "lucide-react";
-import I from "clsx";
-import '../../assets/information-D17SaeRr.css';const s = "_Information_mz7ra_1", _ = "_InformationSizeRegular_mz7ra_12", S = "_InformationSizeSmall_mz7ra_18", z = "_InformationSizeExtraSmall_mz7ra_24", y = "_InformationColorPrimary_mz7ra_30", C = "_InformationColorSecondary_mz7ra_34", d = "_InformationColorAccentPrimary_mz7ra_38", x = "_InformationColorAccentSecondary_mz7ra_42", p = "_InformationIcon_mz7ra_46", A = "_InformationText_mz7ra_54", o = {
-  Information: s,
-  InformationSizeRegular: _,
-  InformationSizeSmall: S,
-  InformationSizeExtraSmall: z,
-  InformationColorPrimary: y,
-  InformationColorSecondary: C,
-  InformationColorAccentPrimary: d,
-  InformationColorAccentSecondary: x,
-  InformationIcon: p,
-  InformationText: A
-}, E = l((m, t) => {
-  const { children: i, size: n = "regular", color: r = "primary", className: c = "" } = m;
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: t,
-      className: I(o.Information, c, {
-        [o.InformationColorPrimary]: r === "primary",
-        [o.InformationSizeRegular]: n === "regular",
-        [o.InformationSizeSmall]: n === "small",
-        [o.InformationSizeExtraSmall]: n === "extra-small",
-        [o.InformationColorSecondary]: r === "secondary",
-        [o.InformationColorAccentPrimary]: r === "accent-primary",
-        [o.InformationColorAccentSecondary]: r === "accent-secondary"
-      }),
-      children: [
-        /* @__PURE__ */ a(f, { className: o.InformationIcon }),
-        /* @__PURE__ */ a("div", { className: o.InformationText, children: i })
-      ]
-    }
-  );
-});
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { Info as c } from "lucide-react";
+import i from "clsx";
+import '../../assets/information-D-nqKgE6.css';const f = "_Information_1g632_1", e = "_Icon_1g632_16", I = "_Text_1g632_25", o = {
+  Information: f,
+  Icon: e,
+  Text: I
+}, p = a(({ children: t, className: r = "" }, m) => /* @__PURE__ */ s("div", { "data-testid": "information", ref: m, className: i(o.Information, r), children: [
+  /* @__PURE__ */ n(c, { className: o.Icon }),
+  /* @__PURE__ */ n("div", { className: o.Text, children: t })
+] }));
 export {
-  E as Information
+  p as Information
 };

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

@@ -3,6 +3,7 @@ type LoaderColor = 'white' | 'primary' | 'secondary';
 export interface LoaderProps extends BaseProps {
     size: Size;
     color: LoaderColor;
+    padding?: Size;
 }
-export declare const Loader: ({ size, color, className }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+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/sidebar/components/step/step.component.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { C as s } from "../../../../control.component-Cq46ev8T.js";
+import { C as s } from "../../../../control.component-B0Jbmunv.js";
 import { Flex as a } from "../../../flex/flex.component.js";
 import { Text as m } from "../../../text/text.component.js";
 const d = (e) => {

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

@@ -5,7 +5,7 @@ import { useResizeObserver as Be } from "usehooks-ts";
 import { RefreshCw as Ue, Loader as Ne, Check as Ye } from "lucide-react";
 import He from "clsx";
 import { Animation as ee } from "../animation/animation.component.js";
-import { C as oe } from "../../control.component-Cq46ev8T.js";
+import { C as oe } from "../../control.component-B0Jbmunv.js";
 import { Flex as ie } from "../flex/flex.component.js";
 import { Text as Pe } from "../text/text.component.js";
 import '../../assets/signature-CLmBTe_C.css';var le = { exports: {} }, ue = { exports: {} }, ce = { exports: {} }, I = {};