mimir-ui-kit 1.5.1 → 1.6.0

package/dist/DatePickerModal-CbzwSnA7.js

@@ -0,0 +1,202 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import { Button } from "./components/Button/Button.js";
+import { formating } from "./utils/index.js";
+import './assets/DatePickerModal.css';const input = "_input_8eg6j_2";
+const wrapper = "_wrapper_8eg6j_23";
+const active = "_active_8eg6j_29";
+const button = "_button_8eg6j_37";
+const h = "_h_8eg6j_83";
+const b = "_b_8eg6j_37";
+const d = "_d_8eg6j_6";
+const m = "_m_8eg6j_102";
+const a = "_a_8eg6j_29";
+const prev = "_prev_8eg6j_104";
+const orange = "_orange_8eg6j_120";
+const current = "_current_8eg6j_145";
+const cls = {
+  input,
+  "date-wrapper": "_date-wrapper_8eg6j_6",
+  wrapper,
+  active,
+  "input-wrapper": "_input-wrapper_8eg6j_33",
+  "button-wrapper": "_button-wrapper_8eg6j_37",
+  button,
+  "field-overlow": "_field-overlow_8eg6j_54",
+  "calendar-block": "_calendar-block_8eg6j_60",
+  h,
+  b,
+  d,
+  m,
+  a,
+  prev,
+  orange,
+  current
+};
+function DatePickerModal({
+  date,
+  onValue,
+  setActive,
+  before
+}) {
+  const field = useRef(null);
+  const _current = new Date(date);
+  const _selecte = new Date(date);
+  const current2 = {
+    y: _current.getFullYear(),
+    d: _current.getDate(),
+    m: _current.getMonth() + 1
+  };
+  const selecte = {
+    y: _selecte.getFullYear(),
+    d: _selecte.getDate(),
+    m: _selecte.getMonth() + 1
+  };
+  const [month, setMonth] = useState({ y: selecte.y, m: selecte.m });
+  useEffect(() => {
+    const windowHeight = window.innerHeight;
+    if (field.current !== null) {
+      const inputPosition = field.current.getBoundingClientRect();
+      const calendarSize = field.current.offsetHeight;
+      console.log(windowHeight, inputPosition.y, calendarSize);
+      if (windowHeight < inputPosition.y + calendarSize) {
+        field.current.style.top = -calendarSize + "px";
+      } else {
+        field.current.style.top = "65px";
+      }
+      field.current.style.opacity = "1";
+    }
+  }, [month]);
+  const g = (e) => {
+    let da = e.getDay();
+    if (da === 0) da = 7;
+    return da - 1;
+  };
+  const week = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"];
+  const o = month.m - 1;
+  const d2 = new Date(month.y, o);
+  const days = [];
+  const prevDays = () => {
+    const prevMonth = new Date(d2);
+    prevMonth.setDate(prevMonth.getDate() - 1);
+    const prevList = [];
+    for (let i = 0; i < g(d2); i++) {
+      prevList.push(prevMonth.getDate() - i);
+    }
+    prevList.reverse();
+    return prevList;
+  };
+  while (d2.getMonth() === o) {
+    days.push(d2.getDate());
+    d2.setDate(d2.getDate() + 1);
+  }
+  const prevM = prevDays();
+  const nextDays = () => {
+    const daysCount = 42 - (prevM.length + days.length);
+    const nextList = [];
+    for (let i = 1; i <= daysCount; i++) {
+      nextList.push(i);
+    }
+    return nextList;
+  };
+  const nextM = nextDays();
+  const update = (m2, y) => {
+    y = m2 > 12 ? y + 1 : m2 < 1 ? y - 1 : y;
+    m2 = m2 > 12 ? 1 : m2 < 1 ? 12 : m2;
+    setMonth({ y, m: m2 });
+  };
+  const onExit = () => {
+    setActive(false);
+  };
+  const next = () => {
+    update(month.m + 1, month.y);
+  };
+  const prev2 = () => {
+    update(month.m - 1, month.y);
+  };
+  const isBefore = (activeDate) => {
+    if (before) {
+      const beforeDate = before.getTime();
+      if (beforeDate > activeDate) return true;
+    }
+    return false;
+  };
+  const send = (searchDate) => {
+    if (isBefore(
+      (/* @__PURE__ */ new Date(
+        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
+      )).getTime()
+    ))
+      return;
+    onValue(
+      /* @__PURE__ */ new Date(
+        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
+      )
+    );
+    onExit();
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
+    /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          isIconButton: true,
+          iconName: "DropdownArrowLeft16px",
+          onClick: prev2,
+          variant: "secondary-gray",
+          size: "l"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: cls["d"], children: [
+        formating.Month(month.m).name,
+        "’",
+        month.y.toString().slice(-2)
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          isIconButton: true,
+          iconName: "DropdownArrowRight16px",
+          onClick: next,
+          variant: "secondary-gray",
+          size: "l"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
+      week.map((i, s) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${s > 4 ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
+          children: i
+        },
+        `v${s}`
+      )),
+      prevM.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
+      days.map((i, s) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: isBefore(
+            (/* @__PURE__ */ new Date(
+              `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
+            )).getTime()
+          ) ? cls["m"] : cls["a"],
+          children: i !== 0 ? /* @__PURE__ */ jsx(
+            "b",
+            {
+              className: current2.y === month.y && current2.m === month.m && current2.d === i ? cls["current"] : "",
+              onClick: () => send(i),
+              children: i
+            }
+          ) : /* @__PURE__ */ jsx("p", {})
+        },
+        s
+      )),
+      nextM.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
+    ] })
+  ] }) });
+}
+export {
+  DatePickerModal as D,
+  cls as c
+};

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_1hqwa_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-radius:var(--control-radius);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1hqwa_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_1hqwa_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_1hqwa_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_1hqwa_2._clear_1hqwa_41:focus{box-shadow:none}._button_1hqwa_2 svg{color:currentcolor;fill:currentcolor}._button_1hqwa_2 svg path{color:currentcolor;fill:currentcolor}._xs_1hqwa_53{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_1hqwa_61{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_1hqwa_69{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1hqwa_77{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1hqwa_85{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_1hqwa_94{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._default-button_1hqwa_103._primary-sapphire_1hqwa_103{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1hqwa_103._primary-citrine_1hqwa_112{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1hqwa_103._secondary-asphalt_1hqwa_121{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1hqwa_103._secondary-gray_1hqwa_130{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1hqwa_103._secondary-white_1hqwa_139{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1hqwa_103._secondary-red_1hqwa_148{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_1hqwa_158{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_1hqwa_158._black_1hqwa_165{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_1hqwa_158._gray_1hqwa_174{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_1hqwa_158._white_1hqwa_183{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._full_1hqwa_193{display:block;width:100%}._disabled_1hqwa_198{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1hqwa_198:hover,._disabled_1hqwa_198:active,._disabled_1hqwa_198:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_1hqwa_209{justify-content:center;min-width:var(--button-height);padding:0}
+._button_6nidf_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-radius:var(--control-radius);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_6nidf_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_6nidf_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_6nidf_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_6nidf_2._clear_6nidf_42:focus{box-shadow:none}._button_6nidf_2 svg{color:currentcolor;fill:currentcolor}._button_6nidf_2 svg path{color:currentcolor;fill:currentcolor}._xs_6nidf_54{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_6nidf_62{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_6nidf_70{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_6nidf_78{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_6nidf_86{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_6nidf_95{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._default-button_6nidf_104._primary-sapphire_6nidf_104{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_6nidf_104._primary-citrine_6nidf_113{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_6nidf_104._secondary-asphalt_6nidf_122{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_6nidf_104._secondary-gray_6nidf_131{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_6nidf_104._secondary-white_6nidf_140{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_6nidf_104._secondary-red_6nidf_149{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_6nidf_159{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_6nidf_159._black_6nidf_166{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_6nidf_159._gray_6nidf_175{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_6nidf_159._white_6nidf_184{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._full_6nidf_194{display:flex;justify-content:center;width:100%}._disabled_6nidf_200{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_6nidf_200:hover,._disabled_6nidf_200:active,._disabled_6nidf_200:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_6nidf_211{justify-content:center;min-width:var(--button-height);padding:0}

package/dist/assets/DatePickerModal.css

@@ -0,0 +1 @@
+._input_8eg6j_2{padding-right:var(--space-3xl)}._date-wrapper_8eg6j_6{position:relative}._date-wrapper_8eg6j_6:hover input{background:var(--input-bg-color-hover)}._date-wrapper_8eg6j_6:before{content:"";position:absolute;z-index:3;top:0;bottom:0;left:0;right:60px;cursor:pointer}._wrapper_8eg6j_23{position:relative;display:flex;align-items:center;border-radius:8px}._wrapper_8eg6j_23._active_8eg6j_29{border-bottom:1px solid var(--citrine-100)}._input-wrapper_8eg6j_33{flex:1}._button-wrapper_8eg6j_37{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_8eg6j_37{align-self:center;background-color:transparent;border-radius:8px}._field-overlow_8eg6j_54{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}._calendar-block_8eg6j_60{display:flex;flex-direction:column;padding:16px;border-radius:8px;background:#fff;max-height:none;width:368px;box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;text-align:center;font-feature-settings:"zero";font-variant-numeric:slashed-zero;text-overflow:ellipsis;font-family:var(--font-inter);font-size:var(--size-text-l);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-2xs);position:absolute;z-index:3;transition:height .5s ease-in;opacity:0}._calendar-block_8eg6j_60 ._h_8eg6j_83{display:flex;width:100%;color:var(--black-100)}._calendar-block_8eg6j_60 ._b_8eg6j_37{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_8eg6j_60 ._d_8eg6j_6{flex:1;display:flex;align-items:center;justify-content:center;color:var(--black-100)}._calendar-block_8eg6j_60 ._m_8eg6j_102,._calendar-block_8eg6j_60 ._a_8eg6j_29,._calendar-block_8eg6j_60 ._prev_8eg6j_104{overflow:hidden;height:48px;width:48px}._calendar-block_8eg6j_60 ._m_8eg6j_102{color:var(--disabled);display:flex;justify-content:center;align-items:center}._calendar-block_8eg6j_60 ._m_8eg6j_102 b{font-weight:400}._calendar-block_8eg6j_60 ._orange_8eg6j_120{color:var(--citrine-100)}._calendar-block_8eg6j_60 ._a_8eg6j_29{color:var(--black-100);border-radius:4px}._calendar-block_8eg6j_60 ._a_8eg6j_29 b{cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:400}._calendar-block_8eg6j_60 ._a_8eg6j_29 b:hover{background:var(--black-10)}._calendar-block_8eg6j_60 ._a_8eg6j_29 b:active{background:var(--sapphire-100);color:var(--white)}._calendar-block_8eg6j_60 ._current_8eg6j_145{border-radius:4px;background:var(--sapphire-10)}

package/dist/assets/Drawer.css

@@ -0,0 +1 @@
+._drawer_vy4rv_3{--drawer-width: 808px;--drawer-z-index: 1000;position:fixed;z-index:1000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_vy4rv_3 ._content_vy4rv_17{position:relative;z-index:var(--modal-z-index);display:flex;flex:1;flex-direction:column;padding:var(--space-m) var(--space-4xl) var(--space-4xl);transition:all .3s ease}@media (max-width: 600px){._drawer_vy4rv_3 ._content_vy4rv_17{--drawer-width: 100%;padding:var(--space-m)}}._drawer_vy4rv_3 ._header_vy4rv_32{display:flex;gap:var(--space-xs);height:68px}._drawer_vy4rv_3 ._header_vy4rv_32:not(:last-child){margin-bottom:var(--space-2xl)}._drawer_vy4rv_3 ._header_vy4rv_32 ._title_vy4rv_40{flex:1;align-self:flex-end;font-weight:var(--font-weight-text-medium);font-size:var(--size-text-xl3);line-height:var(--line-height-text-s1);letter-spacing:.7px}@media (max-width: 600px){._drawer_vy4rv_3 ._header_vy4rv_32 ._title_vy4rv_40{font-size:var(--size-text-xl2);line-height:var(--line-height-text-xs)}}._drawer_vy4rv_3 ._header_vy4rv_32 ._space_vy4rv_54{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_vy4rv_3 ._header_vy4rv_32{height:55px}._drawer_vy4rv_3 ._header_vy4rv_32:not(:last-child){margin-bottom:var(--space-m)}}._drawer_vy4rv_3 ._inner_vy4rv_65{flex:1}._drawer_vy4rv_3 ._button_vy4rv_68{position:absolute;top:var(--space-m);right:var(--space-m)}._drawer_vy4rv_3 ._footer_vy4rv_73{display:block;padding-top:var(--space-4xl)}@media (max-width: 600px){._drawer_vy4rv_3 ._footer_vy4rv_73{padding-top:var(--space-m)}}._drawer_vy4rv_3 ._footer-button_vy4rv_82{display:block;margin-left:auto}._drawer_vy4rv_3._left_vy4rv_86{top:0;left:-100%}._drawer_vy4rv_3._right_vy4rv_90{top:0;right:-100%}._drawer_vy4rv_3._bottom_vy4rv_94{right:50%;bottom:-100%;left:50%;max-height:80vh;border-top-left-radius:var(--control-radius);border-top-right-radius:var(--control-radius);transform:translate(-50%)}._drawer_vy4rv_3._opened_vy4rv_103{transition:all .3s ease;pointer-events:auto}._drawer_vy4rv_3._opened_vy4rv_103._left_vy4rv_86{left:0%;transition:left .3s ease}._drawer_vy4rv_3._opened_vy4rv_103._right_vy4rv_90{right:0%;transition:right .3s ease}._drawer_vy4rv_3._opened_vy4rv_103._bottom_vy4rv_94{bottom:0%}._drawer_vy4rv_3._is-closing_vy4rv_118._left_vy4rv_86{left:-100%}._drawer_vy4rv_3._is-closing_vy4rv_118._right_vy4rv_90{right:-100%}._drawer_vy4rv_3._is-closing_vy4rv_118._bottom_vy4rv_94{bottom:-100%}@media (max-width: 1440px){._drawer_vy4rv_3{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_vy4rv_3{--drawer-width: 648px}}@media (max-width: 768px){._drawer_vy4rv_3{--drawer-width: 584px}}@media (max-width: 600px){._drawer_vy4rv_3{--drawer-width: 100%}._drawer_vy4rv_3._bottom_vy4rv_94{max-width:359px}}._overlay_vy4rv_151{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_vy4rv_151._opened_vy4rv_103{opacity:1;transition:all .3s ease}._overlay_vy4rv_151._is-closing_vy4rv_118{opacity:0;transition:all .3s ease}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1wv6m_2{position:relative}._input-wrapper_1wv6m_2 ._label_1wv6m_5{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1wv6m_2 ._label_1wv6m_5._active-label_1wv6m_18{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1wv6m_2:hover ._label_1wv6m_5,._input-wrapper_1wv6m_2:focus-within ._label_1wv6m_5{color:var(--label-color)}._input_1wv6m_2{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:var(--input-padding);padding-right:var(--input-padding);font-feature-settings:"zero"}._input_1wv6m_2:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_1wv6m_2:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._s_1wv6m_61{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-m);--input-line-height: var(--line-height-text-xs);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .85;--label-spacing: var(--space-1xs)}._m_1wv6m_73{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-l);--input-line-height: var(--line-height-text-s1);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .75;--label-spacing: var(--space-xs)}._l_1wv6m_5{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-line-height: var(--line-height-text-l);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_1wv6m_97{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1wv6m_109{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1wv6m_109:hover{--label-color: var(--dark-text)}._success_1wv6m_124{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1wv6m_124::-moz-placeholder{color:var(--input-color)}._success_1wv6m_124::placeholder{color:var(--input-color)}._success_1wv6m_124:hover::-moz-placeholder{color:var(--input-color)}._success_1wv6m_124:hover::placeholder{color:var(--input-color)}._alarm_1wv6m_142{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1wv6m_142::-moz-placeholder{color:var(--input-color)}._alarm_1wv6m_142::placeholder{color:var(--input-color)}._alarm_1wv6m_142:hover::-moz-placeholder{color:var(--input-color)}._alarm_1wv6m_142:hover::placeholder{color:var(--input-color)}._error_1wv6m_160{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1wv6m_160::-moz-placeholder{color:var(--input-color)}._error_1wv6m_160::placeholder{color:var(--input-color)}._error_1wv6m_160:hover::-moz-placeholder{color:var(--input-color)}._error_1wv6m_160:hover::placeholder{color:var(--input-color)}._disabled_1wv6m_178{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_1wv6m_178:hover,._disabled_1wv6m_178:active,._disabled_1wv6m_178:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_1wv6m_178::-moz-placeholder{color:var(--light-text)}._disabled_1wv6m_178::placeholder{color:var(--light-text)}._disabled_1wv6m_178:hover::-moz-placeholder{color:var(--light-text)}._disabled_1wv6m_178:hover::placeholder{color:var(--light-text)}._has-label_1wv6m_196{padding-top:var(--input-padding-position)}
+._input-wrapper_16d1h_2{position:relative}._input-wrapper_16d1h_2 ._label_16d1h_5{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_16d1h_2 ._label_16d1h_5._active-label_16d1h_18{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_16d1h_2:hover ._label_16d1h_5,._input-wrapper_16d1h_2:focus-within ._label_16d1h_5{color:var(--label-color)}._input_16d1h_2{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:var(--input-padding);padding-right:var(--input-padding);font-feature-settings:"zero"}._input_16d1h_2:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_16d1h_2:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._s_16d1h_61{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-m);--input-line-height: var(--line-height-text-xs);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .85;--label-spacing: var(--space-1xs)}._m_16d1h_73{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-l);--input-line-height: var(--line-height-text-s1);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .75;--label-spacing: var(--space-xs)}._l_16d1h_5{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-line-height: var(--line-height-text-l);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_16d1h_97{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_16d1h_109{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_16d1h_109:hover{--label-color: var(--dark-text)}._success_16d1h_124{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_16d1h_124::-moz-placeholder{color:var(--input-color)}._success_16d1h_124::placeholder{color:var(--input-color)}._success_16d1h_124:hover::-moz-placeholder{color:var(--input-color)}._success_16d1h_124:hover::placeholder{color:var(--input-color)}._alarm_16d1h_142{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_16d1h_142::-moz-placeholder{color:var(--input-color)}._alarm_16d1h_142::placeholder{color:var(--input-color)}._alarm_16d1h_142:hover::-moz-placeholder{color:var(--input-color)}._alarm_16d1h_142:hover::placeholder{color:var(--input-color)}._error_16d1h_160{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_16d1h_160::-moz-placeholder{color:var(--input-color)}._error_16d1h_160::placeholder{color:var(--input-color)}._error_16d1h_160:hover::-moz-placeholder{color:var(--input-color)}._error_16d1h_160:hover::placeholder{color:var(--input-color)}._disabled_16d1h_178{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_16d1h_178:hover,._disabled_16d1h_178:active,._disabled_16d1h_178:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_16d1h_178::-moz-placeholder{color:var(--light-text)}._disabled_16d1h_178::placeholder{color:var(--light-text)}._disabled_16d1h_178:hover::-moz-placeholder{color:var(--light-text)}._disabled_16d1h_178:hover::placeholder{color:var(--light-text)}._has-label_16d1h_196{padding-top:var(--input-padding-position)}

package/dist/assets/index.css

@@ -1 +1 @@
-@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-s: 4px;--control-radius: 6px;--control-radius-xs: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-s: 4px;--control-radius: 6px;--control-radius-xs: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/components/Button/Button.d.ts

@@ -26,7 +26,6 @@ export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
 };
 /**
  * Компонент кнопки, который можно настраивать с различными темами и размерами.
-
  */
 export declare const Button: import('react').ForwardRefExoticComponent<(Omit<import('./types').TButtonDefaultFormProps & {
     isIconButton: true;

package/dist/components/Button/Button.js

@@ -3,19 +3,19 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { EButtonVariantDefault, EButtonForm } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import '../../assets/Button.css';const button = "_button_1hqwa_2";
-const clear = "_clear_1hqwa_41";
-const xs = "_xs_1hqwa_53";
-const s = "_s_1hqwa_61";
-const m = "_m_1hqwa_69";
-const l = "_l_1hqwa_77";
-const xl = "_xl_1hqwa_85";
-const xxl = "_xxl_1hqwa_94";
-const black = "_black_1hqwa_165";
-const gray = "_gray_1hqwa_174";
-const white = "_white_1hqwa_183";
-const full = "_full_1hqwa_193";
-const disabled = "_disabled_1hqwa_198";
+import '../../assets/Button.css';const button = "_button_6nidf_2";
+const clear = "_clear_6nidf_42";
+const xs = "_xs_6nidf_54";
+const s = "_s_6nidf_62";
+const m = "_m_6nidf_70";
+const l = "_l_6nidf_78";
+const xl = "_xl_6nidf_86";
+const xxl = "_xxl_6nidf_95";
+const black = "_black_6nidf_166";
+const gray = "_gray_6nidf_175";
+const white = "_white_6nidf_184";
+const full = "_full_6nidf_194";
+const disabled = "_disabled_6nidf_200";
 const cls = {
   button,
   clear,
@@ -25,20 +25,20 @@ const cls = {
   l,
   xl,
   xxl,
-  "default-button": "_default-button_1hqwa_103",
-  "primary-sapphire": "_primary-sapphire_1hqwa_103",
-  "primary-citrine": "_primary-citrine_1hqwa_112",
-  "secondary-asphalt": "_secondary-asphalt_1hqwa_121",
-  "secondary-gray": "_secondary-gray_1hqwa_130",
-  "secondary-white": "_secondary-white_1hqwa_139",
-  "secondary-red": "_secondary-red_1hqwa_148",
-  "round-button": "_round-button_1hqwa_158",
+  "default-button": "_default-button_6nidf_104",
+  "primary-sapphire": "_primary-sapphire_6nidf_104",
+  "primary-citrine": "_primary-citrine_6nidf_113",
+  "secondary-asphalt": "_secondary-asphalt_6nidf_122",
+  "secondary-gray": "_secondary-gray_6nidf_131",
+  "secondary-white": "_secondary-white_6nidf_140",
+  "secondary-red": "_secondary-red_6nidf_149",
+  "round-button": "_round-button_6nidf_159",
   black,
   gray,
   white,
   full,
   disabled,
-  "icon-button": "_icon-button_1hqwa_209"
+  "icon-button": "_icon-button_6nidf_211"
 };
 const Button = forwardRef(
   (props, ref) => {
@@ -68,9 +68,9 @@ const Button = forwardRef(
     };
     const buttonClassNames = classNames(
       cls.button,
+      className,
       mods,
-      clear2 ? [] : [cls[form ?? ""], cls[size]],
-      className
+      clear2 ? [] : [cls[form ?? ""], cls[size]]
     );
     return /* @__PURE__ */ jsxs(
       "button",

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

@@ -0,0 +1,44 @@
+import { TInputProps } from '../Input';
+
+export type DatePicker = {
+    /**
+     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
+     */
+    onValue: (e: onValue) => void;
+    /**
+    * функция ограничения выбора даты
+    (до какой даты выбор не доступен)
+    */
+    before?: Date | string;
+    /**
+     * значение из стейта (data)
+     */
+    value: string;
+} & TInputProps;
+export type onValue = {
+    value: Date;
+    name?: string;
+};
+export declare const DatePicker: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
+    /**
+     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
+     */
+    onValue: (e: onValue) => void;
+    /**
+    * функция ограничения выбора даты
+    (до какой даты выбор не доступен)
+    */
+    before?: Date | string;
+    /**
+     * значение из стейта (data)
+     */
+    value: string;
+} & import('../Input/types').TInputProps & {
+    size?: import('../Input').TSize;
+    variant?: import('../Input').TVariant;
+    className?: string;
+    wrapperClassName?: string;
+    label?: import('react').ReactNode;
+    autofocus?: boolean;
+    readonly?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,78 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, forwardRef, useState, useEffect } from "react";
+import { Input } from "../Input/Input.js";
+import { Button } from "../Button/Button.js";
+import { c as cls, D as DatePickerModal } from "../../DatePickerModal-CbzwSnA7.js";
+import { formating } from "../../utils/index.js";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+const DatePicker = memo(
+  forwardRef(
+    ({ size, value, onValue, name, before, ...props }, ref) => {
+      const [active, setActive] = useState(false);
+      const [date, setDate] = useState(
+        value ? new Date(value) : /* @__PURE__ */ new Date()
+      );
+      useEffect(() => {
+        const handleClickFunction = (e) => {
+          if (e.target) {
+            if (!e.target.closest("." + cls["calendar-block"])) {
+              setActive(false);
+              window.removeEventListener("click", handleClickFunction, true);
+            }
+          }
+        };
+        if (active) {
+          window.addEventListener("click", handleClickFunction, true);
+        } else {
+          window.removeEventListener("click", handleClickFunction, true);
+        }
+      }, [active]);
+      const onOpen = () => {
+        setActive(true);
+      };
+      const onDate = (d) => {
+        setDate(d);
+        if (onValue) onValue({ value: d, name });
+      };
+      const wrapperClassNames = classNames(cls.wrapper, active && cls.active);
+      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, children: [
+        /* @__PURE__ */ jsx("div", { className: cls["date-wrapper"], onClick: onOpen, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref,
+            className: cls.input,
+            wrapperClassName: cls["input-wrapper"],
+            size,
+            type: "text",
+            value: formating.Date(date, "dd.mm.yy"),
+            ...props
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            isIconButton: true,
+            clear: true,
+            type: "button",
+            className: cls.button,
+            onClick: onOpen,
+            iconName: active ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
+          }
+        ) }),
+        active && /* @__PURE__ */ jsx(
+          DatePickerModal,
+          {
+            onValue: onDate,
+            date,
+            setActive,
+            before: typeof before === "string" ? new Date(before) : before
+          }
+        )
+      ] });
+    }
+  )
+);
+DatePicker.displayName = "DatePicker";
+export {
+  DatePicker
+};

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

@@ -0,0 +1,8 @@
+type DatePickerModal = {
+    date: Date;
+    onValue: (d: Date) => void;
+    setActive: (s: boolean) => void;
+    before?: Date;
+};
+export declare function DatePickerModal({ date, onValue, setActive, before }: DatePickerModal): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/DatePickerModal.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import { D } from "../../DatePickerModal-CbzwSnA7.js";
+import "../Button/Button.js";
+import "../../utils/index.js";
+export {
+  D as DatePickerModal
+};

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

@@ -0,0 +1,5 @@
+export declare enum EDatePickerBeforeDate {
+    CurrentDate1 = "2024-08-01",
+    CurrentDate2 = "2024-07-01",
+    CurrentDate3 = "2024-07-11"
+}

package/dist/components/DatePicker/constants.js

@@ -0,0 +1,9 @@
+var EDatePickerBeforeDate = /* @__PURE__ */ ((EDatePickerBeforeDate2) => {
+  EDatePickerBeforeDate2["CurrentDate1"] = "2024-08-01";
+  EDatePickerBeforeDate2["CurrentDate2"] = "2024-07-01";
+  EDatePickerBeforeDate2["CurrentDate3"] = "2024-07-11";
+  return EDatePickerBeforeDate2;
+})(EDatePickerBeforeDate || {});
+export {
+  EDatePickerBeforeDate
+};

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePicker as TDatePickerProps } from './DatePicker';

package/dist/components/DatePicker/index.js

@@ -0,0 +1,4 @@
+import { DatePicker } from "./DatePicker.js";
+export {
+  DatePicker
+};

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,38 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { EDrawerPosition } from './constants';
+
+type TProps = {
+    /**
+     * Обязательный заголовок.
+     */
+    title: string;
+    /**
+     * Флаг отвечачающий за показ/скрытие.
+     */
+    isOpen?: boolean;
+    /**
+     * Настраиваемый паддинг для body, что бы избежать скачка контента при overflow: hidden
+     */
+    paddingRight?: number;
+    /**
+     * Функция закрытия шторки
+     */
+    onClose?: VoidFunction;
+    /**
+     * Дополнительный класс для родительской обертки.
+     */
+    className?: string;
+    /**
+     * Позиция шторки.
+     */
+    position?: `${EDrawerPosition}` | EDrawerPosition;
+    /**
+     * Кастомный footer. По дефолту в нем расположена кнопка для закрытия.
+     */
+    footer?: ReactNode;
+};
+/**
+ * Компонент шторки, который может выезжать слева, справа или внизу.
+ */
+export declare const Drawer: ({ isOpen, onClose, title, className, position, paddingRight, footer, children }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,144 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { EDrawerPosition } from "./constants.js";
+import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { Button } from "../Button/Button.js";
+import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
+import { Portal } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const drawer = "_drawer_vy4rv_3";
+const content = "_content_vy4rv_17";
+const header = "_header_vy4rv_32";
+const title = "_title_vy4rv_40";
+const space = "_space_vy4rv_54";
+const inner = "_inner_vy4rv_65";
+const button = "_button_vy4rv_68";
+const footer = "_footer_vy4rv_73";
+const left = "_left_vy4rv_86";
+const right = "_right_vy4rv_90";
+const bottom = "_bottom_vy4rv_94";
+const opened = "_opened_vy4rv_103";
+const overlay = "_overlay_vy4rv_151";
+const cls = {
+  drawer,
+  content,
+  header,
+  title,
+  space,
+  inner,
+  button,
+  footer,
+  "footer-button": "_footer-button_vy4rv_82",
+  left,
+  right,
+  bottom,
+  opened,
+  "is-closing": "_is-closing_vy4rv_118",
+  overlay
+};
+const ANIMATION_DELAY = 300;
+const Drawer = ({
+  isOpen,
+  onClose,
+  title: title2,
+  className,
+  position = EDrawerPosition.RIGHT,
+  paddingRight = 8,
+  footer: footer2,
+  children
+}) => {
+  const [isClosing, setIsClosing] = useState(false);
+  const [isMounted, setIsMounted] = useState(false);
+  const [isBodyScrollLocked, setIsBodyScrollLocked] = useState(false);
+  const timerRef = useRef();
+  const contentRef = useRef(null);
+  const isBottomPosition = position === EDrawerPosition.BOTTOM;
+  const isMobile = useMediaQuery(EMediaQuery.XS1);
+  useLockBodyScroll({
+    on: isBodyScrollLocked,
+    paddingRight
+  });
+  const handleClose = useCallback(() => {
+    if (onClose) {
+      setIsClosing(true);
+      setIsBodyScrollLocked(false);
+      timerRef.current = setTimeout(() => {
+        onClose();
+        setIsClosing(false);
+      }, ANIMATION_DELAY);
+    }
+  }, [onClose]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        handleClose();
+      }
+    },
+    [handleClose]
+  );
+  useEffect(() => {
+    if (isOpen) {
+      setIsBodyScrollLocked(true);
+      setIsMounted(true);
+      window.addEventListener("keydown", handleKeyDown);
+    }
+    return () => {
+      setIsMounted(false);
+      clearTimeout(timerRef.current);
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen, handleKeyDown]);
+  const mods = {
+    [cls.opened]: isMounted,
+    [cls["is-closing"]]: isClosing
+  };
+  if (!isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Portal, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": isOpen,
+        role: "dialog",
+        style: {
+          minHeight: isBottomPosition && contentRef.current ? contentRef.current.offsetHeight : void 0
+        },
+        className: classNames(cls.drawer, cls[position], mods, className),
+        children: /* @__PURE__ */ jsxs("section", { className: classNames(cls.content, cls[position]), children: [
+          /* @__PURE__ */ jsxs("header", { className: cls.header, children: [
+            /* @__PURE__ */ jsx("h2", { className: cls.title, children: title2 }),
+            /* @__PURE__ */ jsx("div", { className: cls.space, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: EButtonVariantDefault.SecondaryWhite,
+                isIconButton: true,
+                size: isMobile ? EButtonSize.S : EButtonSize.M,
+                iconName: "Close16px",
+                onClick: handleClose,
+                className: cls.button
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { ref: contentRef, className: cls.inner, children }),
+          /* @__PURE__ */ jsx("footer", { className: cls.footer, children: footer2 || /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: isMobile ? EButtonSize.M : EButtonSize.XXL,
+              full: isMobile,
+              onClick: handleClose,
+              className: cls["footer-button"],
+              children: "Закрыть"
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: classNames(cls.overlay, mods), onClick: handleClose })
+  ] });
+};
+export {
+  Drawer
+};

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

@@ -0,0 +1,5 @@
+export declare enum EDrawerPosition {
+    LEFT = "left",
+    RIGHT = "right",
+    BOTTOM = "bottom"
+}

package/dist/components/Drawer/constants.js

@@ -0,0 +1,9 @@
+var EDrawerPosition = /* @__PURE__ */ ((EDrawerPosition2) => {
+  EDrawerPosition2["LEFT"] = "left";
+  EDrawerPosition2["RIGHT"] = "right";
+  EDrawerPosition2["BOTTOM"] = "bottom";
+  return EDrawerPosition2;
+})(EDrawerPosition || {});
+export {
+  EDrawerPosition
+};

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

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export { EDrawerPosition } from './constants';

package/dist/components/Drawer/index.js

@@ -0,0 +1,6 @@
+import { Drawer } from "./Drawer.js";
+import { EDrawerPosition } from "./constants.js";
+export {
+  Drawer,
+  EDrawerPosition
+};

package/dist/components/Input/Input.js

@@ -2,30 +2,30 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, forwardRef, useState, useEffect } from "react";
 import { EInputVariant } from "./constants.js";
-import '../../assets/Input.css';const label = "_label_1wv6m_5";
-const input = "_input_1wv6m_2";
-const s = "_s_1wv6m_61";
-const m = "_m_1wv6m_73";
-const l = "_l_1wv6m_5";
-const success = "_success_1wv6m_124";
-const alarm = "_alarm_1wv6m_142";
-const error = "_error_1wv6m_160";
-const disabled = "_disabled_1wv6m_178";
+import '../../assets/Input.css';const label = "_label_16d1h_5";
+const input = "_input_16d1h_2";
+const s = "_s_16d1h_61";
+const m = "_m_16d1h_73";
+const l = "_l_16d1h_5";
+const success = "_success_16d1h_124";
+const alarm = "_alarm_16d1h_142";
+const error = "_error_16d1h_160";
+const disabled = "_disabled_16d1h_178";
 const cls = {
-  "input-wrapper": "_input-wrapper_1wv6m_2",
+  "input-wrapper": "_input-wrapper_16d1h_2",
   label,
-  "active-label": "_active-label_1wv6m_18",
+  "active-label": "_active-label_16d1h_18",
   input,
   s,
   m,
   l,
-  "default-gray": "_default-gray_1wv6m_97",
-  "default-white": "_default-white_1wv6m_109",
+  "default-gray": "_default-gray_16d1h_97",
+  "default-white": "_default-white_16d1h_109",
   success,
   alarm,
   error,
   disabled,
-  "has-label": "_has-label_1wv6m_196"
+  "has-label": "_has-label_16d1h_196"
 };
 const Input = memo(
   forwardRef(

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+
+type TProps = {
+    element?: HTMLElement;
+};
+export declare const Portal: ({ element, children }: PropsWithChildren<TProps>) => import('react').ReactPortal;
+export {};

package/dist/components/Portal/Portal.js

@@ -0,0 +1,10 @@
+import { createPortal } from "react-dom";
+const Portal = ({
+  element = document.body,
+  children
+}) => {
+  return createPortal(children, element);
+};
+export {
+  Portal
+};

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

@@ -0,0 +1 @@
+export { Portal } from './Portal';

package/dist/components/Portal/index.js

@@ -0,0 +1,4 @@
+import { Portal } from "./Portal.js";
+export {
+  Portal
+};

package/dist/components/index.d.ts

@@ -7,12 +7,16 @@ export { InputPhoneNumber, getMaskedInputPhoneValue, getUnmaskedInputValue } fro
 export { OtpInput } from './OtpInput';
 export { RadioGroup } from './RadioGroup';
 export type { TRadioOption } from './RadioGroup';
+export { DatePicker } from './DatePicker';
+export type { TDatePickerProps } from './DatePicker';
 export { MergedButton } from './MergedButton';
 export { EMergedButtonVariantRound } from './MergedButton';
 export type { TButtonPropsWithoutStyles } from './MergedButton';
 export { Image } from './Image';
 export { Loader } from './Loader';
 export { Slider } from './Slider';
+export { Drawer } from './Drawer';
+export { EDrawerPosition } from './Drawer';
 export { Steps, EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize, type TCommonStepsProps } from './Steps';
 export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
 export { SelectSearch, ESelectSearchSize } from './SelectSearch';

package/dist/components/index.js

@@ -7,11 +7,14 @@ import { InputPhoneNumber } from "./InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./InputPhoneNumber/utils.js";
 import { OtpInput } from "./OtpInput/OtpInput.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
+import { DatePicker } from "./DatePicker/DatePicker.js";
 import { MergedButton } from "./MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound } from "./MergedButton/constants.js";
 import { AppImage } from "./Image/Image.js";
 import { Loader } from "./Loader/Loader.js";
 import { Slider } from "./Slider/Slider.js";
+import { Drawer } from "./Drawer/Drawer.js";
+import { EDrawerPosition } from "./Drawer/constants.js";
 import { Steps } from "./Steps/Steps.js";
 import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./Steps/constants.js";
 import { Vote } from "./Vote/Vote.js";
@@ -20,10 +23,13 @@ import { SelectSearch } from "./SelectSearch/SelectSearch.js";
 import { ESelectSearchSize } from "./SelectSearch/constants.js";
 export {
   Button,
+  DatePicker,
+  Drawer,
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
   EButtonVariantRound,
+  EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMergedButtonVariantRound,

package/dist/hooks/index.d.ts

@@ -1 +1,2 @@
 export { useMediaQuery, EMediaQuery } from './useMediaQuery';
+export { useLockBodyScroll } from './useLockBodyScroll';

package/dist/hooks/index.js

@@ -1,6 +1,8 @@
 import { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "./useMediaQuery/constants.js";
+import { useLockBodyScroll } from "./useLockBodyScroll/useLockBodyScroll.js";
 export {
   EMediaQuery,
+  useLockBodyScroll,
   useMediaQuery
 };

package/dist/hooks/useLockBodyScroll/index.d.ts

@@ -0,0 +1 @@
+export { useLockBodyScroll } from './useLockBodyScroll';

package/dist/hooks/useLockBodyScroll/index.js

@@ -0,0 +1,4 @@
+import { useLockBodyScroll } from "./useLockBodyScroll.js";
+export {
+  useLockBodyScroll
+};

package/dist/hooks/useLockBodyScroll/useLockBodyScroll.d.ts

@@ -0,0 +1,6 @@
+type TUseLockBodyScroll = {
+    on?: boolean;
+    paddingRight?: number;
+};
+export declare function useLockBodyScroll({ on, paddingRight }: TUseLockBodyScroll): void;
+export {};

package/dist/hooks/useLockBodyScroll/useLockBodyScroll.js

@@ -0,0 +1,20 @@
+import { useLayoutEffect } from "react";
+function useLockBodyScroll({ on, paddingRight }) {
+  useLayoutEffect(() => {
+    const hasVerticalScrollbar = document.documentElement.scrollHeight > document.documentElement.clientHeight;
+    if (!on || !hasVerticalScrollbar) return;
+    const originalStyle = window.getComputedStyle(document.body).overflow;
+    const originalPaddingStyle = window.getComputedStyle(
+      document.body
+    ).paddingRight;
+    document.body.style.overflow = "hidden";
+    document.body.style.paddingRight = `${paddingRight}px`;
+    return () => {
+      document.body.style.overflow = originalStyle;
+      document.body.style.paddingRight = originalPaddingStyle;
+    };
+  }, [on, paddingRight]);
+}
+export {
+  useLockBodyScroll
+};

package/dist/index.d.ts

@@ -2,3 +2,4 @@
 export * from './components';
 export * from './hooks';
 export * from './icons';
+export * from './utils';

package/dist/index.js

@@ -7,11 +7,14 @@ import { InputPhoneNumber } from "./components/InputPhoneNumber/InputPhoneNumber
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./components/InputPhoneNumber/utils.js";
 import { OtpInput } from "./components/OtpInput/OtpInput.js";
 import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
+import { DatePicker } from "./components/DatePicker/DatePicker.js";
 import { MergedButton } from "./components/MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound } from "./components/MergedButton/constants.js";
 import { AppImage } from "./components/Image/Image.js";
 import { Loader } from "./components/Loader/Loader.js";
 import { Slider } from "./components/Slider/Slider.js";
+import { Drawer } from "./components/Drawer/Drawer.js";
+import { EDrawerPosition } from "./components/Drawer/constants.js";
 import { Steps } from "./components/Steps/Steps.js";
 import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./components/Steps/constants.js";
 import { Vote } from "./components/Vote/Vote.js";
@@ -20,13 +23,18 @@ import { SelectSearch } from "./components/SelectSearch/SelectSearch.js";
 import { ESelectSearchSize } from "./components/SelectSearch/constants.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "./hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { Icon } from "./icons/Icon.js";
+import { formating } from "./utils/index.js";
 import './assets/index.css';export {
   Button,
+  DatePicker,
+  Drawer,
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
   EButtonVariantRound,
+  EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMediaQuery,
@@ -49,7 +57,9 @@ import './assets/index.css';export {
   Slider,
   Steps,
   Vote,
+  formating,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue,
+  useLockBodyScroll,
   useMediaQuery
 };

package/dist/utils/formating/Date.d.ts

@@ -0,0 +1 @@
+export default function _Date(x: Date, y: string | Date): string;

package/dist/utils/formating/Date.js

@@ -0,0 +1,27 @@
+function _Date(x, y) {
+  if (y === void 0) {
+    y = x;
+    x = /* @__PURE__ */ new Date();
+  } else {
+    x = new Date(x);
+  }
+  const replaces = {
+    yyyy: x.getFullYear() + "",
+    yy: `${x.getFullYear()}`.slice(-2),
+    mm: `0${x.getMonth() + 1}`.slice(-2),
+    dd: `0${x.getDate()}`.slice(-2),
+    HH: `0${x.getHours()}`.slice(-2),
+    MM: `0${x.getMinutes()}`.slice(-2),
+    SS: `0${x.getSeconds()}`.slice(-2)
+  };
+  Object.keys(replaces).forEach((replace) => {
+    if (typeof y === "string") {
+      y = y.replace(replace, replaces[replace]);
+      console.log(y);
+    }
+  });
+  return y;
+}
+export {
+  _Date as default
+};

package/dist/utils/formating/Month.d.ts

@@ -0,0 +1,8 @@
+type MonthObj = {
+    val: string;
+    name: string;
+    names: string;
+    abc: string;
+};
+export default function Month(n: number): MonthObj;
+export {};

package/dist/utils/formating/Month.js

@@ -0,0 +1,80 @@
+function Month(n) {
+  const obj = {
+    1: {
+      val: "01",
+      name: "Январь",
+      names: "Января",
+      abc: "Янв"
+    },
+    2: {
+      val: "02",
+      name: "Февраль",
+      names: "Февраля",
+      abc: "Февр"
+    },
+    3: {
+      val: "03",
+      name: "Март",
+      names: "Марта",
+      abc: "Март"
+    },
+    4: {
+      val: "04",
+      name: "Апрель",
+      names: "Апреля",
+      abc: "Апр"
+    },
+    5: {
+      val: "05",
+      name: "Май",
+      names: "Мая",
+      abc: "Май"
+    },
+    6: {
+      val: "06",
+      name: "Июнь",
+      names: "Июня",
+      abc: "Июнь"
+    },
+    7: {
+      val: "07",
+      name: "Июль",
+      names: "Июля",
+      abc: "Июль"
+    },
+    8: {
+      val: "08",
+      name: "Август",
+      names: "Августа",
+      abc: "Авг"
+    },
+    9: {
+      val: "09",
+      name: "Сентябрь",
+      names: "Сентебря",
+      abc: "Сент"
+    },
+    10: {
+      val: "10",
+      name: "Октябрь",
+      names: "Октября",
+      abc: "Окт"
+    },
+    11: {
+      val: "11",
+      name: "Ноябрь",
+      names: "Ноября",
+      abc: "Нояб"
+    },
+    12: {
+      val: "12",
+      name: "Декабрь",
+      names: "Декабря",
+      abc: "Дек"
+    }
+  };
+  return obj[n];
+}
+export {
+  Month as default
+};

package/dist/utils/formating/Number.d.ts

@@ -0,0 +1,6 @@
+/**
+ *l - length
+ *n - numder
+ *fn(10,123) => 0000000123
+ */
+export default function Number(l: number, n: number): string;

package/dist/utils/formating/Number.js

@@ -0,0 +1,8 @@
+function Number(l, n) {
+  let c = n + "";
+  while (c.length < l) c = "0" + c;
+  return c;
+}
+export {
+  Number as default
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,9 @@
+import { default as Number } from './formating/Number';
+import { default as Month } from './formating/Month';
+import { default as Date } from './formating/Date';
+
+export declare const formating: {
+    Number: typeof Number;
+    Month: typeof Month;
+    Date: typeof Date;
+};

package/dist/utils/index.js

@@ -0,0 +1,11 @@
+import Number from "./formating/Number.js";
+import Month from "./formating/Month.js";
+import _Date from "./formating/Date.js";
+const formating = {
+  Number,
+  Month,
+  Date: _Date
+};
+export {
+  formating
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.5.1",
+  "version": "1.6.0",
   "type": "module",
   "exports": {
     ".": {