@arthurzakharov/ui-kit 1.3.1 → 1.3.3

package/dist/{components/animation → animations}/animation.component.d.ts

@@ -1,8 +1,10 @@
 export type { FadeGrowProps } from './fade-grow/fade-grow.component';
 export type { FadeScaleProps } from './fade-scale/fade-scale.component';
 export type { FadeSlideProps } from './fade-slide/fade-slide.component';
+export type { RotateProps } from './rotate/rotate.component';
 export declare const Animation: {
     FadeGrow: (props: import('./fade-grow/fade-grow.component').FadeGrowProps) => import("react/jsx-runtime").JSX.Element | null;
     FadeScale: (props: import('./fade-scale/fade-scale.component').FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
     FadeSlide: (props: import('./fade-slide/fade-slide.component').FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
+    Rotate: (props: import('./rotate/rotate.component').RotateProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/{components/animation → animations}/animation.component.js

@@ -1,11 +1,13 @@
 import { FadeGrow as o } from "./fade-grow/fade-grow.component.js";
 import { FadeScale as r } from "./fade-scale/fade-scale.component.js";
 import { FadeSlide as m } from "./fade-slide/fade-slide.component.js";
-const a = {
+import { Rotate as t } from "./rotate/rotate.component.js";
+const d = {
   FadeGrow: o,
   FadeScale: r,
-  FadeSlide: m
+  FadeSlide: m,
+  Rotate: t
 };
 export {
-  a as Animation
+  d as Animation
 };

package/dist/{components/animation → animations}/fade-grow/fade-grow.component.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useRef as h, useEffect as p } from "react";
 import x from "clsx";
-import { m as y } from "../../../proxy-Cx6n7mT2.js";
-import '../../../assets/fade-grow-B23oZuuD.css';const F = "_Flex_1t96l_1", v = {
+import { m as y } from "../../proxy-Cx6n7mT2.js";
+import '../../assets/fade-grow-B23oZuuD.css';const F = "_Flex_1t96l_1", v = {
   Flex: F
 }, O = (a) => {
   const {

package/dist/{components/animation → animations}/fade-scale/fade-scale.component.js

@@ -1,8 +1,8 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as p, useEffect as x } from "react";
 import F from "clsx";
-import { m as y } from "../../../proxy-Cx6n7mT2.js";
-import '../../../assets/fade-grow-B23oZuuD.css';const _ = "_Flex_1t96l_1", h = {
+import { m as y } from "../../proxy-Cx6n7mT2.js";
+import '../../assets/fade-grow-B23oZuuD.css';const _ = "_Flex_1t96l_1", h = {
   Flex: _
 }, S = (n) => {
   const {

package/dist/{components/animation → animations}/fade-slide/fade-slide.component.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useRef as p, useEffect as y } from "react";
 import F from "clsx";
-import { m as h } from "../../../proxy-Cx6n7mT2.js";
-import '../../../assets/fade-grow-B23oZuuD.css';const v = "_Flex_1t96l_1", _ = {
+import { m as h } from "../../proxy-Cx6n7mT2.js";
+import '../../assets/fade-grow-B23oZuuD.css';const v = "_Flex_1t96l_1", _ = {
   Flex: v
 }, S = (i) => {
   const {

package/dist/animations/rotate/rotate.component.d.ts

@@ -0,0 +1,18 @@
+import { AnimationGeneratorType, Easing } from 'motion';
+import { PropsWithChildren } from 'react';
+type RotateDirection = 'top' | 'left' | 'bottom' | 'right';
+export interface RotateProps extends PropsWithChildren {
+    name: string;
+    condition?: boolean;
+    flex?: boolean;
+    from?: RotateDirection;
+    to?: RotateDirection;
+    className?: string;
+    type?: AnimationGeneratorType;
+    ease?: Easing | Easing[];
+    duration?: number;
+    delay?: number;
+    animateOnStart?: boolean;
+}
+export declare const Rotate: (props: RotateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/animations/rotate/rotate.component.js

@@ -0,0 +1,43 @@
+import { jsx as E } from "react/jsx-runtime";
+import "react";
+import F from "clsx";
+import { m as g } from "../../proxy-Cx6n7mT2.js";
+import '../../assets/fade-grow-B23oZuuD.css';const u = "_Flex_1t96l_1", I = {
+  Flex: u
+}, a = {
+  top: 0,
+  right: 90,
+  bottom: 180,
+  left: 270
+}, y = (n) => {
+  const {
+    children: s,
+    name: i,
+    condition: r = !1,
+    flex: t = !1,
+    from: l = "left",
+    to: m = "top",
+    ease: c = "easeInOut",
+    type: f = "tween",
+    className: o = "",
+    duration: d = 0.15,
+    delay: p = 0,
+    animateOnStart: x = !1
+  } = n, e = `${a[l]}deg`, R = `${a[m]}deg`, _ = x ? { rotate: e } : !1;
+  return /* @__PURE__ */ E(
+    g.div,
+    {
+      initial: _,
+      animate: { rotate: r ? R : e },
+      transition: { ease: c, duration: d, delay: p, type: f },
+      className: o || t ? F(o, {
+        [I.Flex]: t
+      }) : void 0,
+      children: s
+    },
+    i
+  );
+};
+export {
+  y as Rotate
+};

package/dist/assets/accordion-table-Ci3u6qTN.css

@@ -0,0 +1 @@
+._AccordionTable_gmtv3_1{width:100%;display:block;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Head_gmtv3_11{background-color:var(--rm-ui-grey-100)}._HeadRow_gmtv3_15,._DataRow_gmtv3_16{display:flex;width:100%}._BodyRow_gmtv3_21{border-bottom:1px solid var(--rm-ui-grey-100)}._HeadCell_gmtv3_25,._BodyCell_gmtv3_26{min-width:0;width:calc(100% / var(--accordion-columns));flex:0 1 calc(100% / var(--accordion-columns));padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._HeadCell_gmtv3_25{font-weight:var(--rm-ui-font-weight-medium);color:var(--rm-ui-color-text-primary);text-align:left;vertical-align:top;white-space:break-spaces}._BodyHeadCell_gmtv3_41{width:100%;flex:1 1 100%}._BodyHead_gmtv3_41{padding:var(--rm-ui-padding-xxs);text-align:left}

package/dist/components/accordion-table/accordion-table.component.d.ts

@@ -11,7 +11,10 @@ type Table = {
 export interface AccordionTableProps extends BaseProps {
     table: Table;
     active?: number;
-    onClick?: (active: number) => void;
 }
-export declare const AccordionTable: ({ table, active, onClick, className }: AccordionTableProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Is a flexible table component with expandable sections. It renders a table header and a list of collapsible body sections, where each section can be toggled to reveal its rows with smooth animations.<br>
+ * The component supports a default active section d and dynamically adapts its column layout based on the provided header configuration.
+ */
+export declare const AccordionTable: ({ table, active, className }: AccordionTableProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/accordion-table/accordion-table.component.js

@@ -1,76 +1,75 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { useState as p, Fragment as z } from "react";
-import { ChevronDown as v } from "lucide-react";
-import i from "clsx";
-import { Animation as w } from "../animation/animation.component.js";
-import { C as u } from "../../control.component-B0Jbmunv.js";
-import '../../assets/accordion-table-DWNXtJHt.css';const R = "_AccordionTable_zia0a_1", N = "_AccordionTableHead_zia0a_7", $ = "_AccordionTableBody_zia0a_8", g = "_AccordionTableHeadRow_zia0a_12", f = "_AccordionTableDataRow_zia0a_13", I = "_AccordionTableHeadCell_zia0a_18", S = "_AccordionTableBodyCell_zia0a_33", D = "_AccordionTableBodyHeadCell_zia0a_44", O = "_AccordionTableBodyHead_zia0a_44", j = "_AccordionTableIcon_zia0a_54", x = "_AccordionTableIconOpened_zia0a_58", F = "_AccordionTableIconClosed_zia0a_62", M = "_AccordionTableBodyRow_zia0a_66", c = {
-  AccordionTable: R,
-  AccordionTableHead: N,
-  AccordionTableBody: $,
-  AccordionTableHeadRow: g,
-  AccordionTableDataRow: f,
-  AccordionTableHeadCell: I,
-  AccordionTableBodyCell: S,
-  AccordionTableBodyHeadCell: D,
-  AccordionTableBodyHead: O,
-  AccordionTableIcon: j,
-  AccordionTableIconOpened: x,
-  AccordionTableIconClosed: F,
-  AccordionTableBodyRow: M
-}, E = ({ table: d, active: l, onClick: r, className: s = "" }) => {
-  const t = (e, o) => e >= 0 && e < o ? e : null, [_, m] = p(
-    t(l ?? 0, d.body.length)
-  ), A = l !== void 0, n = t(
-    A ? l : _ ?? -1,
-    d.body.length
-  ), y = (e) => {
-    const o = e !== n ? e : null;
-    A || m(o), o !== null && r && r(o);
-  }, B = {
-    "--accordion-columns": `${Math.max(d.head.length, 1)}`
-  };
-  return /* @__PURE__ */ b("div", { className: i(c.AccordionTable, s), style: B, children: [
-    /* @__PURE__ */ a("div", { className: c.AccordionTableHead, children: /* @__PURE__ */ a("div", { className: c.AccordionTableHeadRow, children: d.head.map((e, o) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: c.AccordionTableHeadCell,
-        dangerouslySetInnerHTML: { __html: e }
-      },
-      `${e}-${o}`
-    )) }) }),
-    /* @__PURE__ */ a("div", { className: c.AccordionTableBody, children: d.body.map((e, o) => /* @__PURE__ */ b(z, { children: [
-      /* @__PURE__ */ a("div", { className: c.AccordionTableBodyRow, children: /* @__PURE__ */ a(
-        "div",
-        {
-          className: i(c.AccordionTableBodyCell, c.AccordionTableBodyHead, c.AccordionTableBodyHeadCell),
-          children: /* @__PURE__ */ a(
-            u.ButtonText,
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { useState as H, Fragment as B } from "react";
+import { ChevronDown as C } from "lucide-react";
+import m from "clsx";
+import { Animation as s } from "../../animations/animation.component.js";
+import { C as g } from "../../control.component-B9Ao9mfl.js";
+import '../../assets/accordion-table-Ci3u6qTN.css';const w = "_AccordionTable_gmtv3_1", p = "_Head_gmtv3_11", R = "_HeadRow_gmtv3_15", $ = "_DataRow_gmtv3_16", b = "_BodyRow_gmtv3_21", u = "_HeadCell_gmtv3_25", f = "_BodyCell_gmtv3_26", A = "_BodyHeadCell_gmtv3_41", N = "_BodyHead_gmtv3_41", e = {
+  AccordionTable: w,
+  Head: p,
+  HeadRow: R,
+  DataRow: $,
+  BodyRow: b,
+  HeadCell: u,
+  BodyCell: f,
+  BodyHeadCell: A,
+  BodyHead: N
+}, F = ({ table: d, active: l = 0, className: _ = "" }) => {
+  const [r, h] = H(l >= 0 && l < d.body.length ? l : null);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-testid": "accordion-table",
+      className: m(e.AccordionTable, _),
+      style: { "--accordion-columns": Math.max(d.head.length, 1) },
+      children: [
+        /* @__PURE__ */ o("div", { "data-testid": "accordion-table-head", className: e.Head, children: /* @__PURE__ */ o("div", { className: e.HeadRow, children: d.head.map((t, a) => /* @__PURE__ */ o(
+          "div",
+          {
+            className: e.HeadCell,
+            "data-testid": `accordion-table-head-cell-${a}`,
+            dangerouslySetInnerHTML: { __html: t }
+          },
+          t
+        )) }) }),
+        /* @__PURE__ */ o("div", { children: d.body.map((t, a) => /* @__PURE__ */ n(B, { children: [
+          /* @__PURE__ */ o("div", { className: e.BodyRow, children: /* @__PURE__ */ o("div", { className: m(e.BodyCell, e.BodyHead, e.BodyHeadCell), children: /* @__PURE__ */ o(
+            g.ButtonText,
             {
+              preventDefault: !0,
+              blurAfterClick: !0,
               size: "md",
               weight: "regular",
               color: "theme-primary",
               iconPosition: "right",
-              icon: /* @__PURE__ */ a(
-                v,
+              icon: /* @__PURE__ */ o(
+                s.Rotate,
                 {
-                  size: 24,
-                  className: i(
-                    c.AccordionTableIcon,
-                    n === o ? c.AccordionTableIconOpened : c.AccordionTableIconClosed
-                  )
+                  name: "rotate-icon",
+                  condition: r === a,
+                  from: "top",
+                  to: "bottom",
+                  children: /* @__PURE__ */ o(C, { size: 24 })
                 }
               ),
-              onClick: () => y(o),
-              children: e.title
+              onClick: () => h((c) => a !== c ? a : null),
+              children: t.title
             }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ a(w.FadeGrow, { name: "visible-section", condition: n === o, duration: 0.5, children: e.rows.map((C, T) => /* @__PURE__ */ a("div", { className: c.AccordionTableDataRow, children: C.map((h, H) => /* @__PURE__ */ a("div", { className: c.AccordionTableBodyCell, children: h }, `tr-${o}-${T}-${H}`)) }, `tr-${o}-${T}`)) })
-    ] }, `${e.title}-${o}`)) })
-  ] });
+          ) }) }),
+          /* @__PURE__ */ o(s.FadeGrow, { name: `visible-section-${a}`, condition: r === a, children: /* @__PURE__ */ o("div", { "data-testid": `accordion-table-section-content-${a}`, children: t.rows.map((c, i) => /* @__PURE__ */ o(
+            "div",
+            {
+              className: e.DataRow,
+              "data-testid": `accordion-table-data-row-${a}-${i}`,
+              children: c.map((v, y) => /* @__PURE__ */ o("div", { className: e.BodyCell, children: v }, `tr-${a}-${i}-${y}`))
+            },
+            `tr-${a}-${i}`
+          )) }) })
+        ] }, `${t.title}-${a}`)) })
+      ]
+    }
+  );
 };
 export {
-  E as AccordionTable
+  F as AccordionTable
 };

package/dist/components/bottom-bar/bottom-bar.component.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useRef as p, useEffect as b, useMemo as x } from "react";
 import f from "clsx";
 import { useResizeObserver as y, useWindowSize as w } from "usehooks-ts";
-import { C as z } from "../../control.component-B0Jbmunv.js";
+import { C as z } from "../../control.component-B9Ao9mfl.js";
 import { Flex as n } from "../flex/flex.component.js";
 import { Text as m } from "../text/text.component.js";
 import '../../assets/bottom-bar-DDgm0BQh.css';const R = "_BottomBar_1ao8k_1", _ = "_BottomBarFixed_1ao8k_7", L = "_BottomBarStatic_1ao8k_16", g = {

package/dist/components/control/components/button/button.component.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import i from "clsx";
-import { Animation as S } from "../../../animation/animation.component.js";
+import { Animation as S } from "../../../../animations/animation.component.js";
 import { Loader as p } from "../../../loader/loader.component.js";
 import { containsHtml as y } from "../../utils/functions/functions.util.js";
 import '../../../../assets/button-4MJZ7yPE.css';const g = "_Button_1utzs_1", h = "_ButtonSizeSm_1utzs_11", W = "_ButtonSizeLg_1utzs_16", I = "_ButtonColorTertiary_1utzs_16", T = "_ButtonText_1utzs_20", x = "_ButtonSizeMd_1utzs_26", b = "_ButtonColorPrimary_1utzs_54", F = "_ButtonColorSecondary_1utzs_62", N = "_ButtonLoading_1utzs_79", A = "_ButtonFullWidth_1utzs_87", M = "_ButtonInfo_1utzs_95", v = "_ButtonContent_1utzs_102", P = "_ButtonContentLoading_1utzs_106", k = "_ButtonContentIdle_1utzs_110", j = "_ButtonLoaderWrap_1utzs_114", D = "_ButtonLoaderAnimationWrap_1utzs_121", t = {

package/dist/components/control/components/button-card/button-card.component.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "usehooks-ts";
 import "clsx";
-import { B } from "../../../../control.component-B0Jbmunv.js";
+import { B } from "../../../../control.component-B9Ao9mfl.js";
 import "../../../../utils/svg/svg.component.js";
 export {
   B as ButtonCard

package/dist/components/control/components/button-radio/button-radio.component.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "usehooks-ts";
-import { a as p } from "../../../../control.component-B0Jbmunv.js";
+import { a as p } from "../../../../control.component-B9Ao9mfl.js";
 export {
   p as ButtonRadio
 };

package/dist/components/control/components/card-image/card-image.component.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { b as a } from "../../../../control.component-B0Jbmunv.js";
+import { b as a } from "../../../../control.component-B9Ao9mfl.js";
 import "../../hooks/useChoice/useChoice.hook.js";
 import "../../utils/functions/functions.util.js";
 export {

package/dist/components/control/components/card-text/card-text.component.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { c as i } from "../../../../control.component-B0Jbmunv.js";
+import { c as i } from "../../../../control.component-B9Ao9mfl.js";
 import "../../hooks/useChoice/useChoice.hook.js";
 import "../../utils/functions/functions.util.js";
 export {

package/dist/components/control/components/checkbox/checkbox.component.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "usehooks-ts";
 import "clsx";
-import { d as e } from "../../../../control.component-B0Jbmunv.js";
+import { d as e } from "../../../../control.component-B9Ao9mfl.js";
 import "../../../../utils/converter/converter.util.js";
 export {
   e as Checkbox

package/dist/components/control/components/dropdown/dropdown.component.js

@@ -3,7 +3,7 @@ import "react";
 import "usehooks-ts";
 import "lucide-react";
 import "clsx";
-import { D as e } from "../../../../control.component-B0Jbmunv.js";
+import { D as e } from "../../../../control.component-B9Ao9mfl.js";
 import "../../utils/functions/functions.util.js";
 import "../../../../utils/converter/converter.util.js";
 export {

package/dist/components/control/components/radio/radio.component.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "clsx";
-import { R as t } from "../../../../control.component-B0Jbmunv.js";
+import { R as t } from "../../../../control.component-B9Ao9mfl.js";
 import "../../utils/functions/functions.util.js";
 export {
   t as Radio

package/dist/components/control/components/status/status.component.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as c } from "react/jsx-runtime";
 import { Circle as i, X as u, Check as S } from "lucide-react";
 import e from "clsx";
-import { Animation as n } from "../../../animation/animation.component.js";
+import { Animation as n } from "../../../../animations/animation.component.js";
 import '../../../../assets/status-6MH80dkz.css';const l = "_Status_5dqaf_1", _ = "_StatusCircle_5dqaf_6", C = "_StatusCircleIdle_5dqaf_14", d = "_StatusCircleSuccess_5dqaf_20", m = "_StatusCircleError_5dqaf_26", f = "_StatusIconContent_5dqaf_32", I = "_StatusIconAnimate_5dqaf_40", h = "_StatusCheck_5dqaf_48", q = "_StatusX_5dqaf_49", t = {
   Status: l,
   StatusCircle: _,

package/dist/components/control/components/text/text.component.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../animation/animation.component.js";
+import "../../../../animations/animation.component.js";
 import "clsx";
 import "usehooks-ts";
-import { T as e } from "../../../../control.component-B0Jbmunv.js";
+import { T as e } from "../../../../control.component-B9Ao9mfl.js";
 export {
   e as Text
 };

package/dist/components/control/components/textarea/textarea.component.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "usehooks-ts";
-import { e as a } from "../../../../control.component-B0Jbmunv.js";
+import { e as a } from "../../../../control.component-B9Ao9mfl.js";
 export {
   a as Textarea
 };

package/dist/components/control/control.component.js

@@ -1,6 +1,6 @@
 import "./components/box/box.component.js";
 import "./components/button/button.component.js";
-import { C as s } from "../../control.component-B0Jbmunv.js";
+import { C as s } from "../../control.component-B9Ao9mfl.js";
 import "./components/button-text/button-text.component.js";
 import "./components/choice/choice.component.js";
 import "./components/hidden-input/hidden-input.component.js";

package/dist/components/dialog-article/dialog-article.component.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as n, Fragment as g } from "react/jsx-runtime";
 import { useRef as h, useState as A } from "react";
 import { useWindowSize as D, useResizeObserver as p } from "usehooks-ts";
-import { C as c } from "../../control.component-B0Jbmunv.js";
+import { C as c } from "../../control.component-B9Ao9mfl.js";
 import '../../assets/dialog-article-lpJC_c40.css';const B = "_DialogArticle_figqz_1", z = "_DialogArticleButtons_figqz_8", s = {
   DialogArticle: B,
   DialogArticleButtons: z

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

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import h from "clsx";
-import { Animation as o } from "../animation/animation.component.js";
+import { Animation as o } from "../../animations/animation.component.js";
 import { Text as a } 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", i = {
   MainAttachment: r,

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-B0Jbmunv.js";
+import { C as s } from "../../../../control.component-B9Ao9mfl.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/sidebar/sidebar.component.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { Animation as o } from "../animation/animation.component.js";
+import { Animation as o } from "../../animations/animation.component.js";
 import { Certifications as p } from "../certifications/certifications.component.js";
 import { Line as e } from "../line/line.component.js";
 import { Text as S } from "../text/text.component.js";

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

@@ -0,0 +1 @@
+export { Signature, type SignatureProps } from './signature.component';

package/dist/components/signature/index.js

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

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

@@ -1,5 +1,6 @@
-export type SignatureMode = 'auto' | 'manual';
-export interface SignatureProps {
+import { BaseProps } from '../../utils/types';
+type SignatureMode = 'auto' | 'manual';
+export interface SignatureProps extends BaseProps {
     modes: SignatureMode[];
     isInAutoMode: boolean;
     valueAuto: string;
@@ -9,3 +10,4 @@ export interface SignatureProps {
     onChange: (value: string) => void;
 }
 export declare const Signature: (props: SignatureProps) => import("react/jsx-runtime").JSX.Element;
+export {};