@alphakits/ui 2.3.1 → 2.4.1

package/dist/toast/component.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { PopoverProps } from '../popover';
 import { ToastPlateProps } from '../toast-plate';
 export type ToastProps = ToastPlateProps & Pick<PopoverProps, 'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition'> & {
@@ -7,21 +6,21 @@ export type ToastProps = ToastPlateProps & Pick<PopoverProps, 'position' | 'offs
     onClose: () => void;
     bottomOffset?: number;
 };
-export declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const Toast: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
     className?: string | undefined;
     contentClassName?: string | undefined;
-    children?: React.ReactNode;
-    title?: React.ReactNode;
+    children?: import('react').ReactNode;
+    title?: import('react').ReactNode;
     view: "attention" | "positive" | "negative" | "default" | "black" | "neutral";
-    leftAddons?: React.ReactNode;
-    bottomAddons?: React.ReactNode;
+    leftAddons?: import('react').ReactNode;
+    bottomAddons?: import('react').ReactNode;
     dataTestId?: string | undefined;
     hasCloser?: boolean | undefined;
     block?: boolean | undefined;
-    onClose?: ((event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
+    onClose?: ((event?: import('react').MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
 } & Pick<PopoverProps, "open" | "getPortalContainer" | "transition" | "offset" | "position" | "preventFlip"> & {
     anchorElement?: HTMLElement | undefined;
     autoCloseDelay?: number | undefined;
     onClose: () => void;
     bottomOffset?: number | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/toast/component.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
+import I from "classnames";
 import { forwardRef as $, useRef as l, useCallback as i, useEffect as g } from "react";
-import I from "react-merge-refs";
+import P from "react-merge-refs";
 import { CSSTransition as q } from "react-transition-group";
-import P from "classnames";
 import { useClickOutside as y } from "../hooks/useClickOutside/index.js";
 import { usePrevious as z } from "../hooks/usePrevious/index.js";
 import { Popover as B } from "../popover/component.js";
@@ -63,7 +63,7 @@ const G = {
       onMouseEnter: j,
       onMouseLeave: C,
       onTouchStart: L,
-      ref: I([N, a])
+      ref: P([N, a])
     };
     return d ? /* @__PURE__ */ s(
       B,
@@ -72,7 +72,7 @@ const G = {
         anchorElement: d,
         position: E,
         offset: b,
-        popperClassName: P(e.popover, { [e.block]: A }),
+        popperClassName: I(e.popover, { [e.block]: A }),
         transition: { timeout: 150 },
         getPortalContainer: R,
         children: /* @__PURE__ */ s(_, { ...h, style: S, className: x, ...w })
@@ -89,13 +89,13 @@ const G = {
           _,
           {
             ...h,
-            className: P(e.fixed, e.toastPlate, x),
+            className: I(e.fixed, e.toastPlate, x),
             style: {
               ...S,
               bottom: v && `${v}px`
             },
             ...w,
-            ref: I([N, a, O])
+            ref: P([N, a, O])
           }
         )
       }

package/dist/toast-notifier/component.js

@@ -1,13 +1,13 @@
 import { jsx as b } from "react/jsx-runtime";
-import { createRoot as C } from "react-dom/client";
-import g from "classnames";
+import C from "classnames";
+import { createRoot as g } from "react-dom/client";
 import { ToastPlate as y } from "../toast-plate/component.js";
-import { useTimer as w } from "./use-timer.js";
 import o from "./index.module.css.js";
+import { createTimer as w } from "./use-timer.js";
 let e;
 typeof window < "u" && (e = document.createElement("div"), e.setAttribute("id", "toast_manager"), document.body.appendChild(e));
 const z = ({
-  className: a,
+  className: m,
   children: E,
   offset: n = 108,
   hasCloser: l = !0,
@@ -21,18 +21,18 @@ const z = ({
   ...f
 }) => {
   if (typeof window > "u") return null;
-  const s = window.innerWidth > 600, h = () => {
-    const m = "position: fixed; z-index: 999999999;";
-    return s ? `${m} ${p}: ${n}px; right: 30px` : `${m} top: ${n}px; right: 30px; left: 30px`;
+  const r = window.innerWidth > 600, h = () => {
+    const a = "position: fixed; z-index: 999999999;";
+    return r ? `${a} ${p}: ${n}px; right: 30px` : `${a} top: ${n}px; right: 30px; left: 30px`;
   };
   e.setAttribute("style", h());
   const t = document.createElement("div");
   t.classList.remove(o.isClosing), t.setAttribute("id", `toast_wrap-${Math.random()}`), t.setAttribute("style", "margin-bottom: 18px"), e.appendChild(t);
-  const i = C(t), r = () => {
+  const i = g(t), s = () => {
     t.classList.add(o.isClosing), setTimeout(() => {
       i.unmount(), e?.removeChild(t);
     }, 300);
-  }, { pause: v, resume: x } = w(r, c);
+  }, { pause: v, resume: x } = w(s, c);
   return t.addEventListener("mouseenter", () => {
     v();
   }), t.addEventListener("mouseleave", () => {
@@ -42,12 +42,12 @@ const z = ({
       y,
       {
         hasCloser: l,
-        className: g(
+        className: C(
           {
             [o.isVisible]: !0,
-            [o.mobile]: !s
+            [o.mobile]: !r
           },
-          a
+          m
         ),
         contentClassName: o.toastContent,
         style: {
@@ -56,7 +56,7 @@ const z = ({
           ...u
         },
         role: "alert",
-        onClose: r,
+        onClose: s,
         ...f,
         children: d
       }

package/dist/toast-notifier/use-timer.d.ts

@@ -1,4 +1,4 @@
-export declare const useTimer: (fn: () => void, countdown: number) => {
+export declare const createTimer: (fn: () => void, countdown: number) => {
     cancel: () => void;
     pause: () => void;
     resume: () => void;

package/dist/toast-notifier/use-timer.js

@@ -1,13 +1,13 @@
-const n = (s, e) => {
+const u = (s, e) => {
   let t, i = !1;
-  const a = (/* @__PURE__ */ new Date()).getTime(), m = ((T, u) => (/* @__PURE__ */ new Date()).getTime() - T)(a), c = () => {
+  const a = Date.now(), m = ((r, n) => Date.now() - r)(a), c = () => {
     clearTimeout(t);
-  }, r = () => {
+  }, o = () => {
     clearTimeout(t), i = m >= e;
   };
   return t = setTimeout(s, e), {
     cancel: c,
-    pause: r,
+    pause: o,
     resume: () => {
       t = i ? -1 : setTimeout(s, e - m);
     },
@@ -15,5 +15,5 @@ const n = (s, e) => {
   };
 };
 export {
-  n as useTimer
+  u as createTimer
 };

package/dist/toast-plate/component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, HTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
 export type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     className?: string;
     contentClassName?: string;
@@ -12,7 +12,7 @@ export type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     block?: boolean;
     onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const ToastPlate: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     className?: string | undefined;
     contentClassName?: string | undefined;
     children?: ReactNode;
@@ -24,4 +24,4 @@ export declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttri
     hasCloser?: boolean | undefined;
     block?: boolean | undefined;
     onClose?: ((event?: MouseEvent<HTMLButtonElement>) => void) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/toast-plate/component.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as M, useCallback as g } from "react";
 import f from "@alphakits/icons/dist/AlertCircleM";
-import j from "@alphakits/icons/dist/CheckmarkCircleM";
+import M from "@alphakits/icons/dist/CheckmarkCircleM";
 import p from "@alphakits/icons/dist/ClockCircleM";
-import A from "@alphakits/icons/dist/CloseS";
+import g from "@alphakits/icons/dist/CloseS";
 import o from "classnames";
+import { forwardRef as j, useCallback as A } from "react";
 import { Button as B } from "../button/component.js";
 import r from "./index.module.css.js";
-const E = M(
+const E = j(
   ({
     dataTestId: h,
     className: k,
@@ -25,11 +25,11 @@ const E = M(
     const l = {
       negative: /* @__PURE__ */ e(f, {}),
       attention: /* @__PURE__ */ e(f, {}),
-      positive: /* @__PURE__ */ e(j, {}),
+      positive: /* @__PURE__ */ e(M, {}),
       default: /* @__PURE__ */ e(p, {}),
       neutral: /* @__PURE__ */ e(p, {}),
       black: null
-    }, b = g(
+    }, b = A(
       (x) => {
         a && a(x);
       },
@@ -65,7 +65,7 @@ const E = M(
               view: "ghost",
               onClick: b,
               "aria-label": "закрыть",
-              leftAddons: /* @__PURE__ */ e(A, {})
+              leftAddons: /* @__PURE__ */ e(g, {})
             }
           )
         ] })

package/dist/tooltip/component.js

@@ -1,19 +1,19 @@
 import { jsxs as X, jsx as l } from "react/jsx-runtime";
-import f, { useState as M, useRef as Y, useCallback as C, useEffect as Z, cloneElement as _ } from "react";
-import m from "classnames";
+import f from "classnames";
+import m, { useState as C, useRef as Y, useCallback as d, useEffect as Z, cloneElement as _ } from "react";
 import { Popover as $ } from "../popover/component.js";
+import T from "./index.module.css.js";
 import { NodeResolver as D } from "./node-resolver.js";
-import d from "./index.module.css.js";
 const ce = ({
   children: t,
   content: O,
-  trigger: T = "hover",
-  onCloseDelay: v = 300,
+  trigger: v = "hover",
+  onCloseDelay: g = 300,
   onOpenDelay: b = 300,
   dataTestId: E,
-  onClose: u,
-  onOpen: g,
-  open: a,
+  onClose: c,
+  onOpen: h,
+  open: u,
   getPortalContainer: N,
   offset: P = [0, 10],
   position: S,
@@ -22,47 +22,47 @@ const ce = ({
   popoverClassName: j,
   updatePopover: L
 }) => {
-  const [n, h] = M(!!a), [k, A] = M(null), c = f.useRef(null), i = f.useRef(null), o = Y(0), p = () => {
-    n || (h(!0), g && g());
-  }, s = C(() => {
-    n && (h(!1), u && u());
-  }, [u, n]), B = () => {
-    n ? s() : p();
-  }, w = (e) => !(c.current && c.current.contains(e) || i.current && i.current.contains(e));
+  const [n, k] = C(!!u), [w, A] = C(null), a = m.useRef(null), R = m.useRef(null), o = Y(0), i = () => {
+    n || (k(!0), h && h());
+  }, s = d(() => {
+    n && (k(!1), c && c());
+  }, [c, n]), B = () => {
+    n ? s() : i();
+  }, p = d((e) => !(a.current?.contains(e) || R.current?.contains(e)), []);
   Z(() => {
     const e = (r) => {
       const W = r.target;
-      w(W) && s();
+      p(W) && s();
     };
     return document.body.addEventListener("click", e), () => {
       document.body.removeEventListener("click", e), clearTimeout(o.current);
     };
-  }, [s]);
+  }, [s, p]);
   const F = (e) => {
     t.props.onClick && t.props.onClick(e), B();
   }, H = (e) => {
     t.props.onMouseOver && t.props.onMouseOver(e), clearTimeout(o.current), o.current = window.setTimeout(() => {
-      p();
+      i();
     }, b);
   }, V = (e) => {
     t.props.onMouseOut && t.props.onMouseOut(e), clearTimeout(o.current), o.current = window.setTimeout(() => {
       s();
-    }, v);
+    }, g);
   }, q = (e) => {
     t.props.onTouchStart && t.props.onTouchStart(e);
     const r = e.target;
-    clearTimeout(o.current), w(r) ? o.current = window.setTimeout(() => {
+    clearTimeout(o.current), p(r) ? o.current = window.setTimeout(() => {
       s();
-    }, v) : p();
-  }, z = { onClick: F }, R = {
+    }, g) : i();
+  }, z = { onClick: F }, M = {
     onMouseOver: H,
     onMouseOut: V,
     onTouchStart: q
   }, G = (e) => {
     const r = {
-      className: m(d.target, e.className)
+      className: f(T.target, e.className)
     };
-    switch (T) {
+    switch (v) {
       case "click":
         return {
           ...r,
@@ -71,22 +71,22 @@ const ce = ({
       case "hover":
         return {
           ...r,
-          ...R
+          ...M
         };
       default:
         return {};
     }
   }, I = () => {
     const e = {
-      ref: i,
+      ref: R,
       "data-test-id": E,
-      className: m(d.component, x)
+      className: f(T.component, x)
     };
-    switch (T) {
+    switch (v) {
       case "hover":
         return {
           ...e,
-          ...R
+          ...M
         };
       default:
         return e;
@@ -97,19 +97,19 @@ const ce = ({
   }, K = () => {
     const e = I();
     return /* @__PURE__ */ l("div", { ...e, children: O });
-  }, Q = a === void 0 ? n : a, U = C((e) => {
-    c.current = e, A(c.current);
+  }, Q = u === void 0 ? n : u, U = d((e) => {
+    a.current = e, A(a.current);
   }, []);
-  return /* @__PURE__ */ X(f.Fragment, { children: [
+  return /* @__PURE__ */ X(m.Fragment, { children: [
     /* @__PURE__ */ l(D, { innerRef: U, children: J() }),
-    k && /* @__PURE__ */ l(
+    w && /* @__PURE__ */ l(
       $,
       {
-        anchorElement: k,
+        anchorElement: w,
         open: Q,
         getPortalContainer: N,
         arrowClassName: y,
-        popperClassName: m(d.popper, j),
+        popperClassName: f(T.popper, j),
         offset: P,
         withArrow: !0,
         position: S,

package/dist/tooltip/node-resolver.js

@@ -1,12 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as n, useEffect as l } from "react";
-const p = ({ innerRef: e, children: t }) => {
-  const o = n(null);
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as s, useEffect as l } from "react";
+const f = ({ innerRef: e, children: n }) => {
+  const t = s(null);
   return l(() => {
-    const r = o.current?.firstElementChild;
+    const r = t.current?.firstElementChild;
     return e(r instanceof HTMLElement ? r : null), () => e(null);
-  }, [e, t]), /* @__PURE__ */ s("span", { ref: o, style: { display: "contents" }, children: t });
+  }, [e]), /* @__PURE__ */ o("span", { ref: t, style: { display: "contents" }, children: n });
 };
 export {
-  p as NodeResolver
+  f as NodeResolver
 };

package/dist/typings/api.d.ts

@@ -9,10 +9,8 @@ export type ApiDeclaration<T> = {
 export type Api<T> = {
     [P in keyof T]: MakeServiceFromServiceDeclaration<ExtendServiceParams<T[P]>>;
 };
-export type MakeServiceFromServiceDeclaration<T> = {
-    (params: ExtractApiMethodParamsType<T>): AxiosPromise<ExtractApiMethodResponseDataType<T>>;
-};
-type ExtractApiMethodResponseDataType<T> = T extends ApiMethodDeclaration<infer P, infer D> ? D : any;
-type ExtractApiMethodParamsType<T> = T extends ApiMethodDeclaration<infer P, infer D> ? P : any;
+export type MakeServiceFromServiceDeclaration<T> = (params: ExtractApiMethodParamsType<T>) => AxiosPromise<ExtractApiMethodResponseDataType<T>>;
+type ExtractApiMethodResponseDataType<T> = T extends ApiMethodDeclaration<infer _P, infer D> ? D : any;
+type ExtractApiMethodParamsType<T> = T extends ApiMethodDeclaration<infer P, infer _D> ? P : any;
 export type ExtendServiceParams<T> = ApiMethodDeclaration<ExtractApiMethodParamsType<T>, ExtractApiMethodResponseDataType<T>>;
 export {};

package/dist/typography/colors.d.ts

@@ -1,2 +1,2 @@
 export declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative"];
-export type Color = typeof colors[number];
+export type Color = (typeof colors)[number];

package/dist/typography/title/component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Color } from '../colors';
 export type TitleProps = {
     tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
@@ -10,12 +10,12 @@ export type TitleProps = {
     through?: boolean;
     className?: string;
     dataTestId?: string;
-    children: ReactNode;
+    children?: ReactNode;
 };
 type Styles = {
     styles: {
         [key: string]: string;
     };
 };
-export declare const Title: ({ tag: Component, view, weight, defaultMargins, color, className, dataTestId, uppercase, through, children, styles, }: TitleProps & Styles) => React.JSX.Element;
+export declare const Title: ({ tag: Component, view, weight, defaultMargins, color, className, dataTestId, uppercase, through, children, styles, }: TitleProps & Styles) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/typography/title/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { TitleProps } from './component';
 declare const Title: FC<TitleProps>;
-export { Title };
 export type { TitleProps };
+export { Title };

package/dist/typography/title/index.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Title as m } from "./component.js";
-import r from "./common.module.css.js";
+import m from "./common.module.css.js";
+import { Title as r } from "./component.js";
 import s from "./index.module.css.js";
 const f = (o) => (
   /**
    * Если поменять Object.assign на деструктуризацию, то упадут тесты.
    * Видимо, это особенность работы jest и css-modules.
    */
-  /* @__PURE__ */ t(m, { ...o, styles: { ...r, ...s } })
+  /* @__PURE__ */ t(r, { ...o, styles: { ...m, ...s } })
 );
 export {
   f as Title

package/dist/utils/date/index.js

@@ -49,7 +49,15 @@ function b(t, e) {
 }
 function f(t, e) {
   const n = t.getDate(), r = t.getFullYear(), a = t.getMonth() + e, o = Math.min(n, b(r, a));
-  return new Date(r, a, o, t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds());
+  return new Date(
+    r,
+    a,
+    o,
+    t.getHours(),
+    t.getMinutes(),
+    t.getSeconds(),
+    t.getMilliseconds()
+  );
 }
 function B(t, e) {
   return f(t, -e);
@@ -139,7 +147,9 @@ function tt(t) {
   );
 }
 function y(t, e, n) {
-  return new Intl.DateTimeFormat(e, { day: "numeric", month: n }).formatToParts(t).find((o) => o.type === "month")?.value ?? new Intl.DateTimeFormat(e, { month: n }).format(t);
+  return new Intl.DateTimeFormat(e, { day: "numeric", month: n }).formatToParts(
+    t
+  ).find((o) => o.type === "month")?.value ?? new Intl.DateTimeFormat(e, { month: n }).format(t);
 }
 function h(t, e, n) {
   return new Intl.DateTimeFormat(e, { month: n }).format(t);

package/dist/utils/index.d.ts

@@ -1,8 +1,8 @@
 export * from './date';
 export * from './debounce';
-export * from './safe-stringify';
 export * from './format-amount/util';
+export * from './format-date';
+export * from './safe-stringify';
 export * from './show-toast';
 export * from './split-amount/util';
-export * from './format-date';
 export * from './string';

package/dist/utils/index.js

@@ -1,14 +1,14 @@
 import { add as r, addDays as t, addMonths as s, addYears as o, eachDayOfInterval as f, eachMonthOfInterval as n, eachYearOfInterval as i, endOfDay as O, endOfISOWeek as m, endOfWeek as h, endOfYear as d, format as p, isAfter as S, isBefore as y, isEqual as M, isLastDayOfMonth as l, isSameDay as D, isSameMonth as u, isSameYear as x, isThisMonth as I, isThisYear as c, isToday as A, isWithinInterval as T, lastDayOfMonth as Y, max as k, min as W, parse as b, parseISO as R, startOfDay as v, startOfISOWeek as _, startOfMonth as w, startOfWeek as E, startOfYear as N, subDays as P, subMonths as g, subWeeks as q, subYears as z, weekDaysShort as B } from "./date/index.js";
 import { debounce as J } from "./debounce.js";
-import { safeStringify as U } from "./safe-stringify.js";
-import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as C, THINSP as F, formatAmount as G } from "./format-amount/util.js";
-import { showError as Q, showSuccess as V } from "./show-toast/index.js";
-import { splitAmount as Z } from "./split-amount/util.js";
-import { formatDate as ee, locales as ae } from "./format-date/index.js";
+import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as U, THINSP as j, formatAmount as C } from "./format-amount/util.js";
+import { formatDate as G, locales as K } from "./format-date/index.js";
+import { safeStringify as V } from "./safe-stringify.js";
+import { showError as Z, showSuccess as $ } from "./show-toast/index.js";
+import { splitAmount as ae } from "./split-amount/util.js";
 import { capitalize as te } from "./string.js";
 export {
-  C as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
-  F as THINSP,
+  U as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
+  j as THINSP,
   r as add,
   t as addDays,
   s as addMonths,
@@ -23,8 +23,8 @@ export {
   h as endOfWeek,
   d as endOfYear,
   p as format,
-  G as formatAmount,
-  ee as formatDate,
+  C as formatAmount,
+  G as formatDate,
   S as isAfter,
   y as isBefore,
   M as isEqual,
@@ -37,15 +37,15 @@ export {
   A as isToday,
   T as isWithinInterval,
   Y as lastDayOfMonth,
-  ae as locales,
+  K as locales,
   k as max,
   W as min,
   b as parse,
   R as parseISO,
-  U as safeStringify,
-  Q as showError,
-  V as showSuccess,
-  Z as splitAmount,
+  V as safeStringify,
+  Z as showError,
+  $ as showSuccess,
+  ae as splitAmount,
   v as startOfDay,
   _ as startOfISOWeek,
   w as startOfMonth,

package/dist/utils/split-amount/util.js

@@ -1,7 +1,7 @@
-const r = (e, n = 3, p, l = 4) => {
-  const g = `\\B(?=(\\d{${n}})+(?!\\d))`;
-  return e.length < l ? e : (console.log({ pp: e.replace(new RegExp(g, "g"), p) }), e.replace(new RegExp(g, "g"), p));
+const g = (e, t = 3, n, p = 4) => {
+  const r = `\\B(?=(\\d{${t}})+(?!\\d))`;
+  return e.length < p ? e : e.replace(new RegExp(r, "g"), n);
 };
 export {
-  r as splitAmount
+  g as splitAmount
 };

package/dist/with-suffix/component.d.ts

@@ -1,10 +1,10 @@
-import { default as React, FC, ReactNode, RefAttributes } from 'react';
+import { FC, ReactNode, RefAttributes } from 'react';
 import { InputProps } from '../input';
 export type WithSuffixProps = InputProps & {
     suffix?: ReactNode;
     suffixContainerClassName?: string;
 };
-export declare const withSuffix: (Input: FC<InputProps & RefAttributes<HTMLInputElement>>) => React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
+export declare const withSuffix: (Input: FC<InputProps & RefAttributes<HTMLInputElement>>) => import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     block?: boolean | undefined;
@@ -14,12 +14,12 @@ export declare const withSuffix: (Input: FC<InputProps & RefAttributes<HTMLInput
     error?: string | boolean | undefined;
     success?: boolean | undefined;
     hint?: string | undefined;
-    label?: React.ReactNode;
+    label?: ReactNode;
     type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-    leftAddons?: React.ReactNode;
-    rightAddons?: React.ReactNode;
-    bottomAddons?: React.ReactNode;
+    wrapperRef?: import('react').Ref<HTMLDivElement> | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    bottomAddons?: ReactNode;
     className?: string | undefined;
     fieldClassName?: string | undefined;
     inputClassName?: string | undefined;
@@ -27,15 +27,15 @@ export declare const withSuffix: (Input: FC<InputProps & RefAttributes<HTMLInput
     addonsClassName?: string | undefined;
     focusedClassName?: string | undefined;
     filledClassName?: string | undefined;
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>, payload: {
+    onChange?: ((event: import('react').ChangeEvent<HTMLInputElement, Element>, payload: {
         value: string;
     }) => void) | undefined;
-    onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    onClear?: ((event: import('react').MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    onClick?: ((event: import('react').MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    onMouseDown?: ((event: import('react').MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    onMouseUp?: ((event: import('react').MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
     dataTestId?: string | undefined;
 } & {
     suffix?: ReactNode;
     suffixContainerClassName?: string | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+} & RefAttributes<HTMLInputElement>>;