@alphakits/ui 2.3.0 → 2.4.0

package/dist/image-gallery/component.js

@@ -1,39 +1,34 @@
 import { jsx as l, jsxs as g } from "react/jsx-runtime";
-import { useState as v, useEffect as h, useCallback as y } from "react";
-import N from "@alphakits/icons/dist/ChevronBackM";
-import x from "@alphakits/icons/dist/ChevronForwardM";
-import C from "@alphakits/icons/dist/CloseM";
-import m from "classnames";
+import v from "@alphakits/icons/dist/ChevronBackM";
+import N from "@alphakits/icons/dist/ChevronForwardM";
+import x from "@alphakits/icons/dist/CloseM";
+import o from "classnames";
+import { useState as C, useEffect as h, useCallback as y } from "react";
 import { Portal as w } from "../portal/component.js";
 import e from "./index.module.css.js";
-const j = ({
-  onClose: i,
-  initialSlide: s = 0,
-  photos: t,
-  open: n
-}) => {
-  const [c, o] = v(s);
+const p = ({ onClose: i, initialSlide: s = 0, photos: r, open: a }) => {
+  const [n, m] = C(s);
   h(() => {
-    n && o(s);
-  }, [n, s]);
+    a && m(s);
+  }, [a, s]);
   const d = y(() => {
-    o((r) => Math.max(0, r - 1));
+    m((t) => Math.max(0, t - 1));
   }, []), u = y(() => {
-    o((r) => Math.min(t.length - 1, r + 1));
-  }, [t.length]);
+    m((t) => Math.min(r.length - 1, t + 1));
+  }, [r.length]);
   if (h(() => {
-    if (!n) return;
-    const r = (b) => {
+    if (!a) return;
+    const t = (b) => {
       b.key === "Escape" ? i() : b.key === "ArrowLeft" ? d() : b.key === "ArrowRight" && u();
     };
-    document.addEventListener("keydown", r);
-    const { overflow: a } = document.body.style;
+    document.addEventListener("keydown", t);
+    const { overflow: c } = document.body.style;
     return document.body.style.overflow = "hidden", () => {
-      document.removeEventListener("keydown", r), document.body.style.overflow = a;
+      document.removeEventListener("keydown", t), document.body.style.overflow = c;
     };
-  }, [n, i, d, u]), !n || !t.length) return null;
-  const k = t[Math.min(c, t.length - 1)], f = (r) => {
-    r.target === r.currentTarget && i();
+  }, [a, i, d, u]), !a || !r.length) return null;
+  const k = r[Math.min(n, r.length - 1)], f = (t) => {
+    t.target === t.currentTarget && i();
   };
   return /* @__PURE__ */ l(w, { children: /* @__PURE__ */ g(
     "div",
@@ -47,59 +42,59 @@ const j = ({
           "button",
           {
             type: "button",
-            className: m(e.button, e.closeButton),
+            className: o(e.button, e.closeButton),
             onClick: i,
             "aria-label": "Close gallery",
-            children: /* @__PURE__ */ l(C, {})
+            children: /* @__PURE__ */ l(x, {})
           }
         ),
         /* @__PURE__ */ g("div", { className: e.stage, onClick: f, children: [
           /* @__PURE__ */ g("div", { className: e.counter, children: [
-            c + 1,
+            n + 1,
             " / ",
-            t.length
+            r.length
           ] }),
-          t.length > 1 && /* @__PURE__ */ l(
+          r.length > 1 && /* @__PURE__ */ l(
             "button",
             {
               type: "button",
-              className: m(e.button, e.prevButton),
+              className: o(e.button, e.prevButton),
               onClick: d,
-              disabled: c === 0,
+              disabled: n === 0,
               "aria-label": "Previous image",
-              children: /* @__PURE__ */ l(N, {})
+              children: /* @__PURE__ */ l(v, {})
             }
           ),
           /* @__PURE__ */ l("img", { className: e.image, src: k.src, alt: "" }),
-          t.length > 1 && /* @__PURE__ */ l(
+          r.length > 1 && /* @__PURE__ */ l(
             "button",
             {
               type: "button",
-              className: m(e.button, e.nextButton),
+              className: o(e.button, e.nextButton),
               onClick: u,
-              disabled: c === t.length - 1,
+              disabled: n === r.length - 1,
               "aria-label": "Next image",
-              children: /* @__PURE__ */ l(x, {})
+              children: /* @__PURE__ */ l(N, {})
             }
           )
         ] }),
-        t.length > 1 && /* @__PURE__ */ l("div", { className: e.thumbnails, children: t.map((r, a) => /* @__PURE__ */ l(
+        r.length > 1 && /* @__PURE__ */ l("div", { className: e.thumbnails, children: r.map((t, c) => /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            className: m(e.thumbnail, {
-              [e.thumbnailActive]: a === c
+            className: o(e.thumbnail, {
+              [e.thumbnailActive]: c === n
             }),
-            onClick: () => o(a),
-            "aria-label": `Image ${a + 1}`,
-            children: /* @__PURE__ */ l("img", { className: e.thumbnailImage, src: r.src, alt: "" })
+            onClick: () => m(c),
+            "aria-label": `Image ${c + 1}`,
+            children: /* @__PURE__ */ l("img", { className: e.thumbnailImage, src: t.src, alt: "" })
           },
-          a
+          t.src
         )) })
       ]
     }
   ) });
 };
 export {
-  j as ImageGallery
+  p as ImageGallery
 };

package/dist/image-uploader/component.js

@@ -1,9 +1,9 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import j, { forwardRef as B, useState as p, useRef as H } from "react";
-import L from "@alphakits/icons/dist/EyeM";
-import b from "@alphakits/icons/dist/HeartStrokeM";
-import D from "@alphakits/icons/dist/PlusS";
-import G from "@alphakits/icons/dist/TrashM";
+import j from "@alphakits/icons/dist/EyeM";
+import B from "@alphakits/icons/dist/HeartStrokeM";
+import H from "@alphakits/icons/dist/PlusS";
+import L from "@alphakits/icons/dist/TrashM";
+import b, { forwardRef as D, useState as p, useRef as G } from "react";
 import { Button as O } from "../button/component.js";
 import { FlexColumns as q } from "../flex-columns/component.js";
 import { IconButton as m } from "../icon-button/component.js";
@@ -15,7 +15,7 @@ import { Typography as k } from "../typography/component.js";
 import { getServiceError as V } from "../utils/get-service-error/index.js";
 import { showError as W } from "../utils/show-toast/index.js";
 import t from "./index.module.css.js";
-const de = B(
+const de = D(
   ({
     value: n = [],
     title: S,
@@ -31,7 +31,7 @@ const de = B(
     className: z,
     children: y
   }, T) => {
-    const [A, w] = p(!1), [E, F] = p(), [v, C] = p(!1), s = H(null), M = (r, c) => {
+    const [A, w] = p(!1), [E, F] = p(), [v, C] = p(!1), s = G(null), M = (r, c) => {
       f(r.filter((i) => i !== c));
     }, x = async ({ target: { files: r } }) => {
       if (!r) return;
@@ -73,14 +73,7 @@ const de = B(
           accept: "image/*, .heic"
         }
       ),
-      y ? /* @__PURE__ */ e(
-        O,
-        {
-          view: "ghost",
-          onClick: () => s.current?.click(),
-          children: y({ value: n, loading: v })
-        }
-      ) : /* @__PURE__ */ a(j.Fragment, { children: [
+      y ? /* @__PURE__ */ e(O, { view: "ghost", onClick: () => s.current?.click(), children: y({ value: n, loading: v }) }) : /* @__PURE__ */ a(b.Fragment, { children: [
         /* @__PURE__ */ e(
           U,
           {
@@ -89,7 +82,7 @@ const de = B(
               m,
               {
                 onClick: () => s.current?.click(),
-                icon: D,
+                icon: H,
                 loading: v
               }
             )
@@ -97,43 +90,53 @@ const de = B(
         ),
         d && /* @__PURE__ */ e(k.Text, { view: "primary-small", color: "secondary", weight: "medium", children: d }),
         /* @__PURE__ */ e(Q, { padding: "4px 0", children: g && /* @__PURE__ */ e(k.Text, { view: "caps", color: "negative", weight: "medium", children: g }) }),
-        /* @__PURE__ */ e(q, { columns: N, children: n.map((r, c) => /* @__PURE__ */ a(J, { className: t.image, src: r, size: "xl", view: "default", children: [
-          /* @__PURE__ */ a("div", { className: t.controls, children: [
-            !!h && u !== r && /* @__PURE__ */ e(
-              m,
-              {
-                onClick: () => h(r),
-                icon: b,
-                size: "m",
-                view: "secondary",
-                className: t.icon
-              }
-            ),
-            /* @__PURE__ */ e(
-              m,
-              {
-                onClick: () => {
-                  F(c), w(!0);
-                },
-                icon: L,
-                size: "m",
-                view: "secondary",
-                className: t.icon
-              }
-            ),
-            /* @__PURE__ */ e(
-              m,
-              {
-                onClick: () => M(n, r),
-                icon: G,
-                size: "m",
-                view: "secondary",
-                className: t.icon
-              }
-            )
-          ] }),
-          u === r && /* @__PURE__ */ e("div", { className: t.main, children: "MAIN" })
-        ] }, r)) }),
+        /* @__PURE__ */ e(q, { columns: N, children: n.map((r, c) => /* @__PURE__ */ a(
+          J,
+          {
+            className: t.image,
+            src: r,
+            size: "xl",
+            view: "default",
+            children: [
+              /* @__PURE__ */ a("div", { className: t.controls, children: [
+                !!h && u !== r && /* @__PURE__ */ e(
+                  m,
+                  {
+                    onClick: () => h(r),
+                    icon: B,
+                    size: "m",
+                    view: "secondary",
+                    className: t.icon
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    onClick: () => {
+                      F(c), w(!0);
+                    },
+                    icon: j,
+                    size: "m",
+                    view: "secondary",
+                    className: t.icon
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    onClick: () => M(n, r),
+                    icon: L,
+                    size: "m",
+                    view: "secondary",
+                    className: t.icon
+                  }
+                )
+              ] }),
+              u === r && /* @__PURE__ */ e("div", { className: t.main, children: "MAIN" })
+            ]
+          },
+          r
+        )) }),
         /* @__PURE__ */ e(
           K,
           {

package/dist/index.js

@@ -9,8 +9,8 @@ import { Box as T, Radiuses as c, Spaces as O } from "./box/component.js";
 import { Button as h } from "./button/component.js";
 import { ButtonArrow as D } from "./button-arrow/component.js";
 import { Calendar as k } from "./calendar/component.js";
-import { usePeriod as M } from "./calendar/use-period.js";
-import { useCalendar as _ } from "./calendar/use-calendar.js";
+import { useCalendar as M } from "./calendar/use-calendar.js";
+import { usePeriod as _ } from "./calendar/use-period.js";
 import { DAYS_IN_WEEK as F, MONTHS_IN_YEAR as R, SUNDAY_INDEX as B, dateInLimits as L, limitDate as y, monthName as b, russianWeekDay as W } from "./calendar/utils.js";
 import { CalendarInput as Y } from "./calendar-input/component.js";
 import { DATE_FORMAT as w, DATE_MASK as G, IS_BROWSER as H, NATIVE_DATE_FORMAT as U, SUPPORTS_INPUT_TYPE_DATE as q, isCompleteDateInput as z, isInputDateSupported as K, parseDateString as V } from "./calendar-input/utils.js";
@@ -37,11 +37,11 @@ import { FormControl as yo } from "./form-control/component.js";
 import { ErrorMessage as Wo, FastField as No, Field as Yo, FieldArray as vo, Form as wo, Formik as Go, connect as Ho, useField as Uo, useFormik as qo, useFormikContext as zo, withFormik as Ko } from "formik";
 import { Col as jo, Grid as Jo, Row as Xo } from "./grid/component.js";
 import { HeaderSearch as Zo } from "./header-search/component.js";
-import { useClickOutside as or } from "./hooks/useClickOutside/index.js";
-import { useFocus as er } from "./hooks/useFocus/index.js";
-import { usePrevious as pr } from "./hooks/usePrevious/index.js";
-import { useCrudFormRequests as fr } from "./hooks/use-crud-form-requests/index.js";
-import { useGetOne as xr } from "./hooks/use-get-one/index.js";
+import { useCrudFormRequests as or } from "./hooks/use-crud-form-requests/index.js";
+import { useGetOne as er } from "./hooks/use-get-one/index.js";
+import { useClickOutside as pr } from "./hooks/useClickOutside/index.js";
+import { useFocus as fr } from "./hooks/useFocus/index.js";
+import { usePrevious as xr } from "./hooks/usePrevious/index.js";
 import { IconButton as ir } from "./icon-button/component.js";
 import { Image as lr } from "./image/component.js";
 import { textSizes as dr } from "./image/types.js";
@@ -67,8 +67,8 @@ import { Padding as oe } from "./padding/component.js";
 import { PageContainer as ee } from "./page-container/component.js";
 import { PageLoading as pe } from "./page-loading/component.js";
 import { PageWithControls as fe } from "./page-with-controls/component.js";
-import { PickerButton as xe } from "./picker-button/component.js";
-import { LabeledButton as ie } from "./picker-button/common/labeled-button/index.js";
+import { LabeledButton as xe } from "./picker-button/common/labeled-button/index.js";
+import { PickerButton as ie } from "./picker-button/component.js";
 import { Popover as le } from "./popover/component.js";
 import { Portal as de } from "./portal/component.js";
 import { ProgressBar as Te } from "./progress-bar/component.js";
@@ -85,16 +85,16 @@ import { Optgroup as We } from "./select/components/optgroup/component.js";
 import { Option as Ye } from "./select/components/option/component.js";
 import { OptionsList as we } from "./select/components/options-list/component.js";
 import { VirtualOptionsList as He } from "./select/components/virtual-options-list/component.js";
-import { useSelectWithLoading as qe } from "./select/presets/use-select-with-loading/hook.js";
-import { useLazyLoading as Ke } from "./select/presets/use-lazy-loading/index.js";
+import { useLazyLoading as qe } from "./select/presets/use-lazy-loading/index.js";
+import { useSelectWithLoading as Ke } from "./select/presets/use-select-with-loading/hook.js";
 import { convertToOptions as je, isGroup as Je, isOptionShape as Xe, joinOptions as Qe, lastIndexOf as Ze, processOptions as $e, useVisibleOptions as ot } from "./select/utils.js";
 import { Sidepanel as et } from "./sidepanel/component.js";
 import { SidepanelHeader as pt } from "./sidepanel-header/component.js";
 import { Skeleton as ft } from "./skeleton/component.js";
 import { Space as xt } from "./space/component.js";
 import { Spinner as it } from "./spinner/component.js";
-import { StackingContext as lt, stackingOrder as ut } from "./stack/context.js";
-import { Stack as St } from "./stack/component.js";
+import { Stack as lt } from "./stack/component.js";
+import { StackingContext as dt, stackingOrder as St } from "./stack/context.js";
 import { Status as ct } from "./status/component.js";
 import { SteppedProgressBar as It, useSteps as ht } from "./stepped-progress-bar/index.js";
 import { Sticker as Dt } from "./sticker/component.js";
@@ -117,16 +117,16 @@ import { Tooltip as mp } from "./tooltip/component.js";
 import { Typography as ap } from "./typography/component.js";
 import { add as sp, addDays as ip, addMonths as np, addYears as lp, eachDayOfInterval as up, eachMonthOfInterval as dp, eachYearOfInterval as Sp, endOfDay as Tp, endOfISOWeek as cp, endOfWeek as Op, endOfYear as Ip, format as hp, isAfter as Ap, isBefore as Dp, isEqual as Cp, isLastDayOfMonth as kp, isSameDay as Ep, isSameMonth as Mp, isSameYear as gp, isThisMonth as _p, isThisYear as Pp, isToday as Fp, isWithinInterval as Rp, lastDayOfMonth as Bp, max as Lp, min as yp, parse as bp, parseISO as Wp, startOfDay as Np, startOfISOWeek as Yp, startOfMonth as vp, startOfWeek as wp, startOfYear as Gp, subDays as Hp, subMonths as Up, subWeeks as qp, subYears as zp, weekDaysShort as Kp } from "./utils/date/index.js";
 import { debounce as jp } from "./utils/debounce.js";
-import { safeStringify as Xp } from "./utils/safe-stringify.js";
-import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as Zp, THINSP as $p, formatAmount as om } from "./utils/format-amount/util.js";
-import { showError as em, showSuccess as tm } from "./utils/show-toast/index.js";
-import { splitAmount as mm } from "./utils/split-amount/util.js";
-import { formatDate as am, locales as xm } from "./utils/format-date/index.js";
+import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as Xp, THINSP as Qp, formatAmount as Zp } from "./utils/format-amount/util.js";
+import { formatDate as om, locales as rm } from "./utils/format-date/index.js";
+import { safeStringify as tm } from "./utils/safe-stringify.js";
+import { showError as mm, showSuccess as fm } from "./utils/show-toast/index.js";
+import { splitAmount as xm } from "./utils/split-amount/util.js";
 import { capitalize as im } from "./utils/string.js";
 import { WelcomeContainer as lm } from "./welcome-layout/component.js";
 import { withSuffix as dm } from "./with-suffix/component.js";
 export {
-  Zp as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
+  Xp as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
   e as Amount,
   p as AmountInput,
   Fe as Arrow,
@@ -185,7 +185,7 @@ export {
   _r as InputAutocomplete,
   Fr as InputGhost,
   qt as LOACAL_STORAGE_THEME_KEY,
-  ie as LabeledButton,
+  xe as LabeledButton,
   Br as Link,
   yr as ListAllert,
   Wr as Loader,
@@ -206,7 +206,7 @@ export {
   ee as PageContainer,
   pe as PageLoading,
   fe as PageWithControls,
-  xe as PickerButton,
+  ie as PickerButton,
   le as Popover,
   de as Portal,
   Te as ProgressBar,
@@ -228,8 +228,8 @@ export {
   xt as Space,
   O as Spaces,
   it as Spinner,
-  St as Stack,
-  lt as StackingContext,
+  lt as Stack,
+  dt as StackingContext,
   ct as Status,
   It as SteppedProgressBar,
   Dt as Sticker,
@@ -239,7 +239,7 @@ export {
   Ft as Switch,
   Kt as THEME,
   Vt as THEME_DATA_ATTR,
-  $p as THINSP,
+  Qp as THINSP,
   Bt as Table,
   yt as TableCell,
   Wt as TableStatus,
@@ -272,8 +272,8 @@ export {
   Op as endOfWeek,
   Ip as endOfYear,
   hp as format,
-  om as formatAmount,
-  am as formatDate,
+  Zp as formatAmount,
+  om as formatDate,
   Ap as isAfter,
   Dp as isBefore,
   z as isCompleteDateInput,
@@ -293,7 +293,7 @@ export {
   Bp as lastDayOfMonth,
   Ze as lastIndexOf,
   y as limitDate,
-  xm as locales,
+  rm as locales,
   Lp as max,
   yp as min,
   b as monthName,
@@ -302,11 +302,11 @@ export {
   Wp as parseISO,
   $e as processOptions,
   W as russianWeekDay,
-  Xp as safeStringify,
-  em as showError,
-  tm as showSuccess,
-  mm as splitAmount,
-  ut as stackingOrder,
+  tm as safeStringify,
+  mm as showError,
+  fm as showSuccess,
+  xm as splitAmount,
+  St as stackingOrder,
   Np as startOfDay,
   Yp as startOfISOWeek,
   vp as startOfMonth,
@@ -317,19 +317,19 @@ export {
   qp as subWeeks,
   zp as subYears,
   dr as textSizes,
-  _ as useCalendar,
-  or as useClickOutside,
-  fr as useCrudFormRequests,
+  M as useCalendar,
+  pr as useClickOutside,
+  or as useCrudFormRequests,
   Uo as useField,
-  er as useFocus,
+  fr as useFocus,
   qo as useFormik,
   zo as useFormikContext,
-  xr as useGetOne,
-  Ke as useLazyLoading,
+  er as useGetOne,
+  qe as useLazyLoading,
   Xr as useMatchMedia,
-  M as usePeriod,
-  pr as usePrevious,
-  qe as useSelectWithLoading,
+  _ as usePeriod,
+  xr as usePrevious,
+  Ke as useSelectWithLoading,
   ht as useSteps,
   Jt as useTheme,
   ot as useVisibleOptions,

package/dist/info-block-wrapper/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 export interface InfoBlockWrapperProps {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     view?: 'default' | 'bordered';
 }
 export declare const InfoBlockWrapper: React.FC<InfoBlockWrapperProps>;

package/dist/input/component.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as et } from "react/jsx-runtime";
+import I from "classnames";
 import st, { useRef as ot, useState as F, useCallback as l, Fragment as at } from "react";
 import nt from "react-merge-refs";
-import I from "classnames";
 import { Button as rt } from "../button/component.js";
 import { FormControl as it } from "../form-control/component.js";
 import { useFocus as ct } from "../hooks/useFocus/index.js";

package/dist/input-autocomplete/autocomplete-field/index.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { SelectFieldProps } from '../../select';
 import { InputAutocompleteProps } from '../component';
 export type AutocompleteFieldProps = SelectFieldProps & Pick<InputAutocompleteProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-export declare const AutocompleteField: ({ label, placeholder, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
+export declare const AutocompleteField: ({ label, placeholder, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/input-autocomplete/autocomplete-field/index.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as b } from "react/jsx-runtime";
-import j, { useRef as v, useCallback as A } from "react";
-import I from "classnames";
-import { Input as w } from "../../input/component.js";
+import j from "classnames";
+import v, { useRef as A, useCallback as I } from "react";
 import l from "react-merge-refs";
+import { Input as w } from "../../input/component.js";
 import a from "./index.module.css.js";
 const E = ({
   label: u,
@@ -19,7 +19,7 @@ const E = ({
   inputProps: o = {},
   innerProps: t
 }) => {
-  const r = v(null), { onClick: c, onFocus: k } = t, s = n || m, F = A(
+  const r = A(null), { onClick: c, onFocus: k } = t, s = n || m, F = I(
     (x) => {
       c && c(x), r.current && r.current.focus();
     },
@@ -45,12 +45,12 @@ const E = ({
       onFocus: s ? void 0 : k,
       autoComplete: "off",
       value: h,
-      rightAddons: (e || o.rightAddons) && /* @__PURE__ */ b(j.Fragment, { children: [
+      rightAddons: (e || o.rightAddons) && /* @__PURE__ */ b(v.Fragment, { children: [
         o.rightAddons,
         e && /* @__PURE__ */ i(
           "span",
           {
-            className: I(a.arrow, {
+            className: j(a.arrow, {
               [a.error]: f
             }),
             children: e

package/dist/input-autocomplete/component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, FC, ChangeEvent, RefAttributes } from 'react';
+import { ChangeEvent, FC, RefAttributes } from 'react';
 import { InputProps } from '../input';
 import { BaseSelectProps } from '../select';
 export type InputAutocompleteProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
@@ -10,8 +10,8 @@ export type InputAutocompleteProps = Omit<BaseSelectProps, 'Field' | 'nativeSele
     onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
     updatePopover?: BaseSelectProps['updatePopover'];
 };
-export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "Field" | "nativeSelect"> & {
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
+export declare const InputAutocomplete: import('react').ForwardRefExoticComponent<Omit<BaseSelectProps, "Field" | "nativeSelect"> & {
+    Input?: FC<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -21,12 +21,12 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         error?: string | boolean | undefined;
         success?: boolean | undefined;
         hint?: string | undefined;
-        label?: React.ReactNode;
+        label?: import('react').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?: import('react').ReactNode;
+        rightAddons?: import('react').ReactNode;
+        bottomAddons?: import('react').ReactNode;
         className?: string | undefined;
         fieldClassName?: string | undefined;
         inputClassName?: string | undefined;
@@ -34,16 +34,16 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         addonsClassName?: string | undefined;
         focusedClassName?: string | undefined;
         filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>, payload: {
+        onChange?: ((event: 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;
-    } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
+    } & RefAttributes<HTMLInputElement>> | undefined;
+    inputProps?: (Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -53,12 +53,12 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         error?: string | boolean | undefined;
         success?: boolean | undefined;
         hint?: string | undefined;
-        label?: React.ReactNode;
+        label?: import('react').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?: import('react').ReactNode;
+        rightAddons?: import('react').ReactNode;
+        bottomAddons?: import('react').ReactNode;
         className?: string | undefined;
         fieldClassName?: string | undefined;
         inputClassName?: string | undefined;
@@ -66,13 +66,13 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         addonsClassName?: string | undefined;
         focusedClassName?: string | undefined;
         filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>, payload: {
+        onChange?: ((event: 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;
     } & Record<string, unknown>) | undefined;
     value?: string | undefined;
@@ -80,4 +80,4 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
     success?: boolean | undefined;
     onInput?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: BaseSelectProps['updatePopover'];
-} & React.RefAttributes<HTMLInputElement>>;
+} & RefAttributes<HTMLInputElement>>;

package/dist/input-ghost/component.d.ts

@@ -7,4 +7,4 @@ export interface InputGhostProps {
     block?: boolean;
     size?: 's' | 'm';
 }
-export declare const InputGhost: ({ value, onChange, placeholder, leftAddons, block, size, }: InputGhostProps) => React.JSX.Element;
+export declare const InputGhost: ({ value, onChange, placeholder, leftAddons, block, size, }: InputGhostProps) => import("react/jsx-runtime").JSX.Element;