mimir-ui-kit 1.43.28 → 1.44.0

package/dist/components/DatePicker/DatePicker.js

@@ -1,19 +1,19 @@
-import { jsxs as Z, jsx as D } from "react/jsx-runtime";
+import { jsxs as z, jsx as D } from "react/jsx-runtime";
 import { c as G } from "../../index-DIxK0V-G.js";
-import { memo as dt, forwardRef as Dt, useState as b, useEffect as H } from "react";
-import { months as $, MAX_DAY as wt, MAX_MONTH as kt, DATE_LENGTH as Nt } from "./constants.js";
-import { DatePickerModal as ut } from "./DatePickerModal.js";
-import { MonthPickerModal as ht } from "./MonthPickerModal.js";
-import { c as y } from "../../styles.module-Cuqm31CO.js";
-import { formatDatePart as z } from "./utils.js";
-import { YearPickerModal as Mt } from "./YearPickerModal.js";
-import { useClickOutside as gt } from "../../hooks/useClickOutside/useClickOutside.js";
-import { Icon as C } from "../../icons/Icon.js";
+import { memo as wt, forwardRef as kt, useState as b, useEffect as H } from "react";
+import { months as $, EDatePickerBorderRadius as C, MAX_DAY as Nt, MAX_MONTH as ut, DATE_LENGTH as ht } from "./constants.js";
+import { DatePickerModal as Mt } from "./DatePickerModal.js";
+import { MonthPickerModal as gt } from "./MonthPickerModal.js";
+import { c as l } from "../../styles.module-D3nnIVCZ.js";
+import { formatDatePart as R } from "./utils.js";
+import { YearPickerModal as Tt } from "./YearPickerModal.js";
+import { useClickOutside as bt } from "../../hooks/useClickOutside/useClickOutside.js";
+import { Icon as B } from "../../icons/Icon.js";
 import { formating as p } from "../../utils/index.js";
-import { I as Tt } from "../../Input-BU_6U1CW.js";
-import { EInputStatus as bt, EInputSize as R } from "../Input/constants.js";
-const $t = dt(
-  Dt(
+import { I as $t } from "../../Input-IzZ6B9kw.js";
+import { EInputStatus as At, EInputSize as V } from "../Input/constants.js";
+const Pt = wt(
+  kt(
     ({
       size: j,
       value: k,
@@ -26,22 +26,23 @@ const $t = dt(
       onError: M,
       onBlur: m,
       validateImmediately: L,
-      variant: B,
+      variant: tt,
       disabled: _ = !1,
       editable: A = !1,
       openOnInput: W = !0,
-      sendIntermediateValues: V = !1,
+      sendIntermediateValues: et = !1,
       disableFuture: q = !1,
-      disablePast: E = !1,
+      disablePast: J = !1,
       disabledDate: O,
       validRange: o,
-      ...S
-    }, tt) => {
-      const [Y, d] = b(!1), [U, l] = b(n), [f, g] = b(
+      borderRadius: U = C.All,
+      ...P
+    }, st) => {
+      const [S, d] = b(!1), [X, y] = b(n), [f, g] = b(
         () => k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
-      ), [I, X] = b(v), [et, P] = b(""), [st, T] = b();
-      S.status = !!I && bt.Error || S.status, H(() => {
-        X(v);
+      ), [Y, E] = b(v), [rt, I] = b(""), [at, T] = b();
+      P.status = !!Y && At.Error || P.status, H(() => {
+        E(v);
       }, [v]), H(() => {
         g(
           k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
@@ -68,23 +69,23 @@ const $t = dt(
               break;
             }
           }
-          P(t);
+          I(t);
         } else
-          P("");
+          I("");
       }, [f, N]);
-      const J = k && new Date(k).getTime;
+      const K = k && new Date(k).getTime;
       H(() => {
-        L && (J ? (X(!1), M == null || M({ name: w, active: !1 })) : (X(!0), M == null || M({ name: w, active: !0 })));
-      }, [L, w, J]), gt({
-        isActive: Y,
+        L && (K ? (E(!1), M == null || M({ name: w, active: !1 })) : (E(!0), M == null || M({ name: w, active: !0 })));
+      }, [L, w, K]), bt({
+        isActive: S,
         setActive: (t) => {
-          d(t), l(n), t || T(void 0);
+          d(t), y(n), t || T(void 0);
         },
-        className: y["calendar-block"]
+        className: l["calendar-block"]
       });
-      const rt = () => {
+      const ct = () => {
         !_ && (W || !A) && d(!0);
-      }, K = (t) => {
+      }, Q = (t) => {
         const s = t.getTime();
         if (t.setHours(0, 0, 0, 0), h && (typeof h == "string" ? new Date(h) : h).getTime() > s)
           return !1;
@@ -92,7 +93,7 @@ const $t = dt(
           const e = /* @__PURE__ */ new Date();
           if (e.setHours(0, 0, 0, 0), t.getTime() > e.getTime()) return !1;
         }
-        if (E) {
+        if (J) {
           const e = /* @__PURE__ */ new Date();
           if (e.setHours(0, 0, 0, 0), s < e.getTime()) return !1;
         }
@@ -110,7 +111,7 @@ const $t = dt(
           if (c.setHours(0, 0, 0, 0), u.setHours(23, 59, 59, 999), t < c || t > u) return !1;
         }
         return !0;
-      }, at = (t) => {
+      }, it = (t) => {
         if (!isNaN(t.getTime())) {
           g(t), T(void 0);
           let e = "";
@@ -138,7 +139,7 @@ const $t = dt(
             name: w
           });
         }
-        U === "years" && (n === "years" ? (d(!1), l(n)) : l("months")), U === "months" && (n === "months" ? (d(!1), l(n)) : l("days")), g(t);
+        X === "years" && (n === "years" ? (d(!1), y(n)) : y("months")), X === "months" && (n === "months" ? (d(!1), y(n)) : y("days")), g(t);
         let s = "";
         switch (N) {
           case "year": {
@@ -163,9 +164,9 @@ const $t = dt(
           value: s,
           name: w
         }), m == null || m(s);
-      }, ct = (t) => {
+      }, ot = (t) => {
         const s = f || /* @__PURE__ */ new Date(), e = s.getDate(), i = s.getMonth() + 1, r = new Date(t, i - 1, e);
-        if (r.getFullYear() === t && r.getMonth() === i - 1 && r.getDate() === e && K(r)) {
+        if (r.getFullYear() === t && r.getMonth() === i - 1 && r.getDate() === e && Q(r)) {
           g(r), T(void 0);
           let c = "";
           switch (N) {
@@ -190,15 +191,15 @@ const $t = dt(
             value: c,
             name: w
           }), m == null || m(c), n === "years") {
-            d(!1), l(n);
+            d(!1), y(n);
             return;
           }
         } else
           T(new Date(t, i - 1, 1));
-        n === "years" ? (d(!1), l(n)) : l("months");
-      }, it = (t, s) => {
+        n === "years" ? (d(!1), y(n)) : y("months");
+      }, mt = (t, s) => {
         const i = (f || /* @__PURE__ */ new Date()).getDate(), r = new Date(t, s - 1, i);
-        if (r.getFullYear() === t && r.getMonth() === s - 1 && r.getDate() === i && K(r)) {
+        if (r.getFullYear() === t && r.getMonth() === s - 1 && r.getDate() === i && Q(r)) {
           g(r), T(void 0);
           let c = "";
           switch (N) {
@@ -223,31 +224,31 @@ const $t = dt(
             value: c,
             name: w
           }), m == null || m(c), n === "months") {
-            d(!1), l(n);
+            d(!1), y(n);
             return;
           }
         } else
           T(new Date(t, s - 1, 1));
-        n === "months" ? (d(!1), l(n)) : l("days");
-      }, ot = (t) => {
+        n === "months" ? (d(!1), y(n)) : y("days");
+      }, ft = (t) => {
         if (A) {
           const s = t.target.value.replace(/[^\d]/g, "");
           if (s.length === 0)
-            P(""), a == null || a({ value: "", name: w }), m == null || m("");
+            I(""), a == null || a({ value: "", name: w }), m == null || m("");
           else {
             const [e, i, r] = [
-              z(s.substring(0, 2), wt),
-              z(s.substring(2, 4), kt),
+              R(s.substring(0, 2), Nt),
+              R(s.substring(2, 4), ut),
               s.substring(4, 8)
             ], c = [e, i, r].filter(Boolean).join("/");
-            if (P(c), V) {
+            if (I(c), et) {
               const u = r ? `${r}-${i || "00"}-${e || "00"}` : [e, i, r].filter(Boolean).join("-");
               a == null || a({
                 value: u,
                 name: w
               });
             }
-            if (c.length === Nt) {
+            if (c.length === ht) {
               const u = parseInt(r), x = /* @__PURE__ */ new Date(
                 `${u}-${i.padStart(2, "0")}-${e.padStart(2, "0")}`
               );
@@ -258,96 +259,98 @@ const $t = dt(
             }
           }
         }
-      }, mt = G(y.wrapper, Y && y.active), ft = G(y.input, y.inputBorderControl);
-      let Q;
+      }, nt = G(l.wrapper, S && l.active), lt = G(l.input, l.inputBorderControl);
+      let Z;
       if (o) {
         let t, s;
-        typeof o[0] == "string" ? t = new Date(o[0]) : t = o[0], typeof o[1] == "string" ? s = new Date(o[1]) : s = o[1], Q = [t, s];
+        typeof o[0] == "string" ? t = new Date(o[0]) : t = o[0], typeof o[1] == "string" ? s = new Date(o[1]) : s = o[1], Z = [t, s];
       }
       const F = {
-        onChangeValue: at,
-        date: st || f || /* @__PURE__ */ new Date(),
+        onChangeValue: it,
+        date: at || f || /* @__PURE__ */ new Date(),
         selectedDate: f,
         before: typeof h == "string" ? new Date(h) : h,
-        onChangeType: l,
+        onChangeType: y,
         setIsActive: d,
         disableFuture: q,
-        disablePast: E,
+        disablePast: J,
         disabledDate: O,
-        validRange: Q,
+        validRange: Z,
         dateFormat: N
-      }, nt = {
+      }, yt = {
         ...F,
-        onChangeMonth: it,
+        onChangeMonth: mt,
         dateFormat: N
-      }, lt = {
+      }, pt = {
         ...F,
-        onChangeYear: ct
-      }, yt = (() => {
-        switch (U) {
+        onChangeYear: ot
+      }, dt = (() => {
+        switch (X) {
           case "months":
-            return () => /* @__PURE__ */ D(ht, { ...nt });
+            return () => /* @__PURE__ */ D(gt, { ...yt });
           case "years":
-            return () => /* @__PURE__ */ D(Mt, { ...lt });
+            return () => /* @__PURE__ */ D(Tt, { ...pt });
           default:
-            return () => /* @__PURE__ */ D(ut, { ...F });
+            return () => /* @__PURE__ */ D(Mt, { ...F });
         }
-      })(), pt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
+      })(), Dt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
         e.stopPropagation(), _ || d(!t);
-      }, className: y["icon-button"], children: t ? /* @__PURE__ */ D(
-        C,
+      }, className: l["icon-button"], children: t ? /* @__PURE__ */ D(
+        B,
         {
-          iconName: j === R.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+          iconName: j === V.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
       ) : /* @__PURE__ */ D(
-        C,
+        B,
         {
-          iconName: j === R.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+          iconName: j === V.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
         }
       ) });
-      return /* @__PURE__ */ Z("div", { className: y["input-field-group-datePicker"], children: [
-        /* @__PURE__ */ Z("div", { className: mt, "data-disabled": _, children: [
+      return /* @__PURE__ */ z("div", { className: l["input-field-group-datePicker"], children: [
+        /* @__PURE__ */ z("div", { className: nt, "data-disabled": _, children: [
           /* @__PURE__ */ D(
             "div",
             {
               role: "button",
-              "data-status": S.status,
-              className: G(y["date-wrapper"], {
-                [y.editable]: A
+              "data-status": P.status,
+              className: G(l["date-wrapper"], {
+                [l.editable]: A,
+                [l[`border-radius-${U}`]]: U !== C.All
               }),
-              onClick: rt,
+              onClick: ct,
               children: /* @__PURE__ */ D(
-                Tt,
+                $t,
                 {
-                  ref: tt,
-                  className: ft,
-                  wrapperClassName: y["input-wrapper"],
+                  ref: st,
+                  className: lt,
+                  wrapperClassName: l["input-wrapper"],
                   size: j,
                   type: "text",
-                  variant: B,
-                  value: et,
-                  onChange: ot,
+                  variant: tt,
+                  value: rt,
+                  onChange: ft,
                   rightAddon: {
                     addonType: "react-node",
-                    addonContent: /* @__PURE__ */ D(pt, { isActive: Y })
+                    addonContent: /* @__PURE__ */ D(Dt, { isActive: S })
                   },
-                  rightSlotClassName: y["right-slot"],
+                  rightSlotClassName: l["right-slot"],
                   onFocus: () => {
                     W && !A && d(!0);
                   },
-                  ...S
+                  borderRadius: U,
+                  ...P
                 }
               )
             }
           ),
-          Y && /* @__PURE__ */ D(yt, {})
+          S && /* @__PURE__ */ D(dt, {})
         ] }),
-        I && typeof I == "string" && /* @__PURE__ */ D("div", { className: y.textError, children: I })
+        Y && typeof Y == "string" && /* @__PURE__ */ D("div", { className: l.textError, children: Y })
       ] });
     }
   )
 );
-$t.displayName = "DatePicker";
+Pt.displayName = "DatePicker";
 export {
-  $t as DatePicker
+  Pt as DatePicker
 };

package/dist/components/DatePicker/DatePickerModal.js

@@ -3,7 +3,7 @@ import { c as A } from "../../index-DIxK0V-G.js";
 import { useState as U } from "react";
 import { week as V, COUNT_WORK_DAYS as W } from "./constants.js";
 import { useDatePickerPosition as E } from "./hooks.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { c as n } from "../../styles.module-D3nnIVCZ.js";
 import { getUpdateDate as B } from "./utils.js";
 import { Icon as K } from "../../icons/Icon.js";
 import { formating as m } from "../../utils/index.js";

package/dist/components/DatePicker/MonthPickerModal.js

@@ -3,7 +3,7 @@ import { c as _ } from "../../index-DIxK0V-G.js";
 import { useState as C } from "react";
 import { months as L } from "./constants.js";
 import { useDatePickerPosition as b } from "./hooks.js";
-import { c } from "../../styles.module-Cuqm31CO.js";
+import { c } from "../../styles.module-D3nnIVCZ.js";
 import { Icon as q } from "../../icons/Icon.js";
 import { formating as P } from "../../utils/index.js";
 import { Button as A } from "../Button/Button.js";

package/dist/components/DatePicker/YearPickerModal.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as c } from "react/jsx-runtime";
 import { c as $ } from "../../index-DIxK0V-G.js";
 import { useState as j } from "react";
 import { useDatePickerPosition as z } from "./hooks.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { c as n } from "../../styles.module-D3nnIVCZ.js";
 import { formating as F } from "../../utils/index.js";
 import { Button as P } from "../Button/Button.js";
 const p = 15, I = 7, W = ({

package/dist/components/DatePicker/constants.d.ts

@@ -10,6 +10,12 @@ export declare enum EDatePickerValue {
     CurrentDate = "20240510",
     CurrentDate3 = "2024-09-10"
 }
+export declare enum EDatePickerBorderRadius {
+    All = "all",
+    Left = "left",
+    Right = "right",
+    None = "none"
+}
 export declare const BLOCK_WIDTH = 368;
 export declare const COUNT_WORK_DAYS = 4;
 export declare const MAX_DAY = 31;

package/dist/components/DatePicker/constants.js

@@ -1,5 +1,5 @@
-var n = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "2024-08-01", t.CurrentDate2 = "2024-07-01", t.CurrentDate3 = "1995-07-11", t))(n || {});
-const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
+var t = /* @__PURE__ */ ((n) => (n.CurrentDate1 = "2024-08-01", n.CurrentDate2 = "2024-07-01", n.CurrentDate3 = "1995-07-11", n))(t || {});
+const _ = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
   "Январь",
   "Февраль",
   "Март",
@@ -13,17 +13,18 @@ const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
   "Ноябрь",
   "Декабрь"
 ];
-var r = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "", t.CurrentDate = "20240510", t.CurrentDate3 = "2024-09-10", t))(r || {});
-const C = 368, _ = 4, u = 31, A = 12, T = 10, D = 500;
+var r = /* @__PURE__ */ ((n) => (n.CurrentDate1 = "", n.CurrentDate = "20240510", n.CurrentDate3 = "2024-09-10", n))(r || {}), C = /* @__PURE__ */ ((n) => (n.All = "all", n.Left = "left", n.Right = "right", n.None = "none", n))(C || {});
+const A = 368, s = 4, T = 31, M = 12, O = 10, u = 500;
 export {
-  C as BLOCK_WIDTH,
-  _ as COUNT_WORK_DAYS,
-  T as DATE_LENGTH,
-  n as EDatePickerBeforeDate,
+  A as BLOCK_WIDTH,
+  s as COUNT_WORK_DAYS,
+  O as DATE_LENGTH,
+  t as EDatePickerBeforeDate,
+  C as EDatePickerBorderRadius,
   r as EDatePickerValue,
-  u as MAX_DAY,
-  D as MAX_MOBILE_WIDTH,
-  A as MAX_MONTH,
+  T as MAX_DAY,
+  u as MAX_MOBILE_WIDTH,
+  M as MAX_MONTH,
   o as months,
-  s as week
+  _ as week
 };

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

@@ -1,2 +1,3 @@
 export { DatePicker } from './DatePicker';
 export type { TProps as TDatePickerProps, TDatePickerValue } from './DatePicker';
+export { EDatePickerBorderRadius } from './constants';

package/dist/components/DatePicker/index.js

@@ -1,4 +1,6 @@
 import { DatePicker as o } from "./DatePicker.js";
+import { EDatePickerBorderRadius as a } from "./constants.js";
 export {
-  o as DatePicker
+  o as DatePicker,
+  a as EDatePickerBorderRadius
 };

package/dist/components/DropdownSelect/DropdownSelect.d.ts

@@ -0,0 +1,3 @@
+import { TDropdownSelectProps } from './types';
+
+export declare const DropdownSelect: import('react').ForwardRefExoticComponent<TDropdownSelectProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -0,0 +1,115 @@
+import { jsx as s, jsxs as d, Fragment as D } from "react/jsx-runtime";
+import { c as a } from "../../index-DIxK0V-G.js";
+import { forwardRef as b } from "react";
+import { EDropdownSelectSize as y } from "./constants.js";
+import { Icon as f } from "../../icons/Icon.js";
+import { H as S, U as C, K as k, W as U } from "../../combobox-fIVOzEhl.js";
+import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disabled_ow9jf_268", A = "_trigger_ow9jf_273", H = "_options_ow9jf_313", K = "_option_ow9jf_313", W = "_focused_ow9jf_356", B = "_s_ow9jf_381", E = "_m_ow9jf_390", F = "_l_ow9jf_399", e = {
+  "dropdown-select": "_dropdown-select_ow9jf_261",
+  full: V,
+  disabled: z,
+  trigger: A,
+  "trigger-text": "_trigger-text_ow9jf_302",
+  options: H,
+  option: K,
+  focused: W,
+  "option-content": "_option-content_ow9jf_360",
+  "option-check": "_option-check_ow9jf_372",
+  s: B,
+  m: E,
+  l: F
+}, I = b(
+  (p, _) => {
+    const {
+      value: t,
+      onChange: n,
+      options: m,
+      placeholder: w = "Выберите значение",
+      disabled: i = !1,
+      className: g,
+      triggerClassName: u,
+      optionsClassName: j,
+      optionClassName: N,
+      full: c = !1,
+      size: l = y.M
+    } = p, h = (o) => {
+      n == null || n(o);
+    }, x = (o) => o ? o.displayValue ? o.displayValue : typeof o.name == "string" ? o.name : typeof o.value == "string" ? o.value : String(o.id) : "";
+    return /* @__PURE__ */ s(
+      S,
+      {
+        as: "div",
+        ref: _,
+        value: t,
+        onChange: h,
+        disabled: i,
+        className: a(
+          e["dropdown-select"],
+          e[l],
+          {
+            [e.full]: c,
+            [e.disabled]: i
+          },
+          g
+        ),
+        children: ({ open: o }) => /* @__PURE__ */ d(D, { children: [
+          /* @__PURE__ */ d(
+            C,
+            {
+              className: a(
+                e.trigger,
+                e[l],
+                {
+                  [e.full]: c,
+                  [e.disabled]: i
+                },
+                u
+              ),
+              "data-testid": "dropdown-select-trigger",
+              children: [
+                /* @__PURE__ */ s("span", { className: a(e["trigger-text"]), children: t ? x(t) : w }),
+                /* @__PURE__ */ s(
+                  f,
+                  {
+                    iconName: o ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ s(
+            k,
+            {
+              className: a(e.options, e[l], j),
+              "data-testid": "dropdown-select-options",
+              children: m.map((r) => /* @__PURE__ */ d(
+                U,
+                {
+                  value: r,
+                  className: ({ focus: v }) => a(
+                    e.option,
+                    e[l],
+                    {
+                      [e.focused]: v
+                    },
+                    N
+                  ),
+                  "data-testid": `dropdown-select-option-${r.id}`,
+                  children: [
+                    /* @__PURE__ */ s("div", { className: e["option-content"], children: r.name }),
+                    t && t.id === r.id && /* @__PURE__ */ s("div", { className: e["option-check"], children: /* @__PURE__ */ s(f, { iconName: "Done16px" }) })
+                  ]
+                },
+                r.id
+              ))
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+I.displayName = "DropdownSelect";
+export {
+  I as DropdownSelect
+};

package/dist/components/DropdownSelect/constants.d.ts

@@ -0,0 +1,5 @@
+export declare enum EDropdownSelectSize {
+    S = "s",
+    M = "m",
+    L = "l"
+}

package/dist/components/DropdownSelect/constants.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(a || {});
+export {
+  a as EDropdownSelectSize
+};

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

@@ -0,0 +1,3 @@
+export { DropdownSelect } from './DropdownSelect';
+export { EDropdownSelectSize } from './constants';
+export type { TDropdownSelectOption, TDropdownSelectProps } from './types';

package/dist/components/DropdownSelect/index.js

@@ -0,0 +1,6 @@
+import { DropdownSelect as r } from "./DropdownSelect.js";
+import { EDropdownSelectSize as t } from "./constants.js";
+export {
+  r as DropdownSelect,
+  t as EDropdownSelectSize
+};

package/dist/components/DropdownSelect/types.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+import { EDropdownSelectSize } from './constants';
+
+export type TDropdownSelectOption = {
+    name: string | ReactNode;
+    id: number | string;
+    value?: string | number;
+    displayValue?: string;
+    [index: string]: unknown;
+};
+export type TDropdownSelectProps = {
+    /**
+     * Текущее выбранное значение
+     */
+    value?: TDropdownSelectOption | null;
+    /**
+     * Размер компонента выбора.
+     */
+    size?: EDropdownSelectSize | `${EDropdownSelectSize}`;
+    /**
+     * Функция обратного вызова при изменении выбранного значения
+     */
+    onChange?: (value: TDropdownSelectOption | null) => void;
+    /**
+     * Массив опций для выбора
+     */
+    options: TDropdownSelectOption[];
+    /**
+     * Placeholder для триггера
+     */
+    placeholder?: string;
+    /**
+     * Отключить компонент
+     */
+    disabled?: boolean;
+    /**
+     * Дополнительный класс для компонента
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для триггера
+     */
+    triggerClassName?: string;
+    /**
+     * Дополнительный класс для опций
+     */
+    optionsClassName?: string;
+    /**
+     * Дополнительный класс для отдельной опции
+     */
+    optionClassName?: string;
+    /**
+     * Полная ширина компонента
+     */
+    full?: boolean;
+};

package/dist/components/Input/Input.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { EInputBorderRadius } from './constants';
 import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
 
 export type TAdditionalProps = {
@@ -66,6 +67,10 @@ export type TAdditionalProps = {
      * Управляет поведением автозаполнения браузера
      */
     autocomplete?: 'on' | 'off';
+    /**
+     * Управление скруглениями углов
+     */
+    borderRadius?: EInputBorderRadius | `${EInputBorderRadius}`;
 };
 export type TProps = TInputProps & TAdditionalProps;
 export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;