@arthurzakharov/ui-kit 1.2.9 → 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/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 = {};