@grandbazar/ui-baza 1.2.1 → 1.2.3

package/dist/index.js

@@ -53,7 +53,7 @@ const green = "_green_p5h5n_43";
 const neutral$3 = "_neutral_p5h5n_48";
 const lg$6 = "_lg_p5h5n_53";
 const md$9 = "_md_p5h5n_60";
-const styles$u = {
+const styles$v = {
 	badge: badge,
 	primary: primary$3,
 	secondary: secondary$4,
@@ -69,13 +69,13 @@ const styles$u = {
 };
 
 function Badge({ children, className, size = "lg", color = "accent", mode = "primary", ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles$u.badge, styles$u[size], styles$u[color], styles$u[mode], className), ...props, children });
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles$v.badge, styles$v[size], styles$v[color], styles$v[mode], className), ...props, children });
 }
 
 const badgeTabsItem = "_badgeTabsItem_10lit_2";
 const primary$2 = "_primary_10lit_18";
 const secondary$3 = "_secondary_10lit_36";
-const styles$t = {
+const styles$u = {
 	badgeTabsItem: badgeTabsItem,
 	primary: primary$2,
 	secondary: secondary$3
@@ -88,7 +88,7 @@ function BadgeTabsItem({ className, children, isActive, mode = "primary", ...pro
       type: "button",
       role: "tab",
       "aria-selected": Boolean(isActive),
-      className: classNames(styles$t.badgeTabsItem, styles$t[mode], className),
+      className: classNames(styles$u.badgeTabsItem, styles$u[mode], className),
       ...props,
       children
     }
@@ -96,12 +96,12 @@ function BadgeTabsItem({ className, children, isActive, mode = "primary", ...pro
 }
 
 const badgeTabsRoot = "_badgeTabsRoot_1qkat_2";
-const styles$s = {
+const styles$t = {
 	badgeTabsRoot: badgeTabsRoot
 };
 
 function BadgeTabsRoot({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx("div", { role: "tablist", className: classNames(styles$s.badgeTabsRoot, className), ...props, children });
+  return /* @__PURE__ */ jsx("div", { role: "tablist", className: classNames(styles$t.badgeTabsRoot, className), ...props, children });
 }
 
 function BadgeTabs(props) {
@@ -144,6 +144,29 @@ IconArrowCircle.Filled = function IconArrowCircleFilled(props) {
   ) });
 };
 
+function IconArrowCircleUp(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M17.6569 17.6569C20.781 14.5327 20.781 9.46734 17.6569 6.34315C14.5327 3.21895 9.46734 3.21895 6.34315 6.34315C3.21895 9.46734 3.21895 14.5327 6.34315 17.6569C9.46734 20.781 14.5327 20.781 17.6569 17.6569ZM19.0711 4.92893C22.9763 8.83418 22.9763 15.1658 19.0711 19.0711C15.1658 22.9763 8.83418 22.9763 4.92893 19.0711C1.02369 15.1658 1.02369 8.83417 4.92893 4.92893C8.83418 1.02369 15.1658 1.02369 19.0711 4.92893ZM14.6516 14.591C14.0994 14.591 13.6516 14.1433 13.6516 13.591L13.6516 11.7626L10.0555 15.3588C9.66493 15.7493 9.03177 15.7493 8.64124 15.3588C8.25072 14.9682 8.25072 14.3351 8.64124 13.9445L12.2374 10.3483H10.409C9.85673 10.3484 9.40901 9.90063 9.40901 9.34835C9.40901 8.79606 9.85673 8.34835 10.409 8.34835L14.6517 8.34835C15.2039 8.34835 15.6517 8.79607 15.6516 9.34835V13.591C15.6516 14.1433 15.2039 14.591 14.6516 14.591Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+IconArrowCircleUp.Filled = function IconArrowCircleUpFilled(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M19.0711 19.0711C22.9763 15.1658 22.9763 8.83418 19.0711 4.92893C15.1658 1.02369 8.83418 1.02369 4.92893 4.92893C1.02369 8.83418 1.02369 15.1658 4.92893 19.0711C8.83418 22.9763 15.1658 22.9763 19.0711 19.0711ZM14.6516 14.591C14.0994 14.591 13.6516 14.1433 13.6516 13.591V11.7626L10.0555 15.3588C9.66493 15.7493 9.03177 15.7493 8.64124 15.3588C8.25072 14.9682 8.25072 14.3351 8.64124 13.9445L12.2374 10.3483H10.409C9.85673 10.3483 9.40901 9.90064 9.40901 9.34835C9.40901 8.79606 9.85673 8.34835 10.409 8.34835L14.6517 8.34835C15.2039 8.34835 15.6517 8.79607 15.6517 9.34835L15.6516 13.591C15.6516 14.1433 15.2039 14.591 14.6516 14.591Z",
+      fill: "currentColor"
+    }
+  ) });
+};
+
 function IconArrowDiagonal(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -190,6 +213,49 @@ IconArrowUTurn.Up = function IconArrowUTurnUp(props) {
   ) });
 };
 
+function IconBell(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M10.2673 21C10.4429 21.304 10.6954 21.5565 10.9994 21.732C11.3034 21.9075 11.6483 21.9999 11.9993 21.9999C12.3504 21.9999 12.6953 21.9075 12.9993 21.732C13.3033 21.5565 13.5558 21.304 13.7313 21M3.262 15.326C3.13137 15.4692 3.04516 15.6472 3.01386 15.8385C2.98256 16.0298 3.00752 16.226 3.08571 16.4034C3.1639 16.5807 3.29194 16.7316 3.45426 16.8375C3.61658 16.9434 3.80618 16.9999 4 17H20C20.1938 17.0001 20.3834 16.9438 20.5459 16.8381C20.7083 16.7324 20.8365 16.5817 20.9149 16.4045C20.9933 16.2273 21.0185 16.0311 20.9874 15.8398C20.9564 15.6485 20.8704 15.4703 20.74 15.327C19.41 13.956 18 12.499 18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 12.499 4.589 13.956 3.262 15.326Z",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+IconBell.Filled = function IconBellFilled(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12.9204 19.4139C13.2169 19.0027 13.7826 18.8748 14.231 19.1336C14.6794 19.3925 14.852 19.9467 14.6441 20.409L14.5972 20.4998C14.334 20.9556 13.9554 21.3342 13.4995 21.5974C13.0436 21.8607 12.526 21.9997 11.9995 21.9998C11.473 21.9998 10.9556 21.8607 10.4995 21.5974C10.1005 21.367 9.76054 21.0484 9.50541 20.6668L9.40091 20.4998L9.35404 20.409C9.1462 19.9467 9.31872 19.3925 9.76713 19.1336C10.2155 18.8747 10.7812 19.0027 11.0777 19.4139L11.1333 19.4998L11.2056 19.6092C11.2852 19.7129 11.3856 19.8002 11.4995 19.866C11.6515 19.9536 11.8242 19.9998 11.9995 19.9998C12.1749 19.9997 12.3477 19.9537 12.4995 19.866C12.6514 19.7783 12.7771 19.6516 12.8648 19.4998L12.9204 19.4139Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M3.26127 15.326C3.13063 15.4692 3.04442 15.6472 3.01312 15.8385C2.98183 16.0298 3.00679 16.226 3.08498 16.4034C3.16316 16.5807 3.2912 16.7316 3.45352 16.8375C3.61585 16.9434 3.80545 16.9999 3.99927 17H19.9993C20.1931 17.0001 20.3827 16.9438 20.5451 16.8381C20.7076 16.7324 20.8358 16.5817 20.9142 16.4045C20.9926 16.2273 21.0178 16.0311 20.9867 15.8398C20.9557 15.6485 20.8697 15.4703 20.7393 15.327C19.4093 13.956 17.9993 12.499 17.9993 8C17.9993 6.4087 17.3671 4.88258 16.2419 3.75736C15.1167 2.63214 13.5906 2 11.9993 2C10.408 2 8.88185 2.63214 7.75663 3.75736C6.63141 4.88258 5.99927 6.4087 5.99927 8C5.99927 12.499 4.58827 13.956 3.26127 15.326Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+
+function IconBox(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10.5021 1.40264C10.9577 1.14014 11.4742 1.00195 12 1.00195C12.5258 1.00195 13.0424 1.14015 13.4979 1.40267C13.4986 1.40307 13.4993 1.40348 13.5 1.40388L20.5 5.40387C20.9556 5.66692 21.334 6.04515 21.5973 6.50062C21.8606 6.95609 21.9995 7.47279 22 7.99888V16.0009C21.9995 16.527 21.8606 17.0437 21.5973 17.4992C21.334 17.9547 20.9556 18.3329 20.5 18.5959L20.4961 18.5981L13.5 22.5959C13.4994 22.5963 13.4988 22.5966 13.4982 22.597C13.066 22.8461 12.579 22.9833 12.0812 22.9968C12.0544 22.9989 12.0273 23 12 23C11.9727 23 11.9456 22.9989 11.9188 22.9968C11.4211 22.9833 10.934 22.8461 10.5019 22.597C10.5012 22.5966 10.5006 22.5963 10.5 22.5959L3.50386 18.5981L3.5 18.5959C3.04439 18.3329 2.66597 17.9547 2.40269 17.4992C2.13941 17.0437 2.00054 16.527 2 16.0009V7.99888C2.00054 7.47279 2.13941 6.95609 2.40269 6.50062C2.66597 6.04515 3.04439 5.66692 3.5 5.40388L3.50386 5.40165L6.99371 3.40746C6.99986 3.40386 7.00605 3.40032 7.01228 3.39685L10.5021 1.40264ZM7.49955 5.42191L4.98237 6.8603L11.5118 10.8731C11.6605 10.9562 11.8286 11 12 11C12.1712 11 12.339 10.9563 12.4878 10.8731L14.6759 9.52835L7.49955 5.42191ZM16.6175 8.3351L9.51441 4.27056L11.4961 3.13815L11.5 3.13593C11.652 3.04816 11.8245 3.00195 12 3.00195C12.1755 3.00195 12.348 3.04816 12.5 3.13593L19.0174 6.86018L16.6175 8.3351ZM20 8.60383L13.5204 12.586C13.5121 12.5911 13.5037 12.596 13.4953 12.6009C13.3368 12.692 13.171 12.7681 13 12.8285V20.5782L19.5 16.8639C19.5005 16.8636 19.5011 16.8633 19.5016 16.863C19.6527 16.7753 19.7783 16.6496 19.8658 16.4983C19.9535 16.3465 19.9998 16.1742 20 15.9989V8.60383ZM11 20.5782V12.8286C10.8289 12.7682 10.6629 12.6921 10.5043 12.6009C10.4959 12.596 10.4875 12.5911 10.4792 12.586L4 8.60407V15.9993C4.00025 16.1745 4.04654 16.3466 4.13423 16.4983C4.22169 16.6496 4.34726 16.7753 4.49842 16.863C4.49895 16.8633 4.49947 16.8636 4.5 16.8639L11 20.5782Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
 function IconCalendar(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -224,6 +290,21 @@ function IconCheck(props) {
   ) });
 }
 
+function IconCheckCircle(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM16.6339 10.3839C17.122 9.89573 17.122 9.10427 16.6339 8.61612C16.1457 8.12796 15.3543 8.12796 14.8661 8.61612L10.75 12.7322L9.13388 11.1161C8.64573 10.628 7.85427 10.628 7.36612 11.1161C6.87796 11.6043 6.87796 12.3957 7.36612 12.8839L9.86612 15.3839C10.3543 15.872 11.1457 15.872 11.6339 15.3839L16.6339 10.3839Z",
+        fill: "#1A1B20"
+      }
+    )
+  ] });
+}
+
 function IconChevron(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -270,6 +351,38 @@ function IconChevronDouble(props) {
   ] });
 }
 
+function IconClock(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M10.5 8.5C10.5 7.94771 10.9477 7.5 11.5 7.5C12.0523 7.5 12.5 7.94771 12.5 8.5L12.5 12.0859L14.207 13.793L14.2754 13.8691C14.5957 14.2619 14.5731 14.8409 14.207 15.207C13.8409 15.5731 13.2619 15.5957 12.8691 15.2754L12.793 15.207L10.793 13.207C10.6054 13.0195 10.5 12.7652 10.5 12.5L10.5 8.5Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+IconClock.Filled = function IconClockFilled(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.5 7.5C10.9477 7.5 10.5 7.94772 10.5 8.5V12.5C10.5 12.7652 10.6054 13.0195 10.793 13.207L12.793 15.207L12.8691 15.2754C13.2619 15.5957 13.8409 15.5731 14.207 15.207C14.5731 14.8409 14.5957 14.2619 14.2754 13.8691L14.207 13.793L12.5 12.0859V8.5C12.5 7.94772 12.0523 7.5 11.5 7.5Z",
+      fill: "currentColor"
+    }
+  ) });
+};
+
 function IconCollapse(props) {
   return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
     /* @__PURE__ */ jsx(
@@ -291,6 +404,65 @@ function IconCollapse(props) {
   ] });
 }
 
+function IconCopy(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M8 16L8 18C8 19.1046 8.89543 20 10 20L18 20C19.1046 20 20 19.1046 20 18L20 10C20 8.89543 19.1046 8 18 8L16 8L16 6C16 4.89543 15.1046 4 14 4L6 4C4.89543 4 4 4.89543 4 6L4 14C4 15.1046 4.89543 16 6 16L14 16C15.1046 16 16 15.1046 16 14L16 12",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+function IconDots(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M9 6C9 7.65685 7.65685 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M9 18C9 19.6569 7.65685 21 6 21C4.34315 21 3 19.6569 3 18C3 16.3431 4.34315 15 6 15C7.65685 15 9 16.3431 9 18Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M21 6C21 7.65685 19.6569 9 18 9C16.3431 9 15 7.65685 15 6C15 4.34315 16.3431 3 18 3C19.6569 3 21 4.34315 21 6Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M21 18C21 19.6569 19.6569 21 18 21C16.3431 21 15 19.6569 15 18C15 16.3431 16.3431 15 18 15C19.6569 15 21 16.3431 21 18Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+
+function IconDownload(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7 10L12 15M12 15L17 10M12 15V3M5 21H19",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
 function IconEye(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -311,6 +483,56 @@ function IconEyeOff(props) {
 }
 IconEye.Off = IconEyeOff;
 
+function IconFace() {
+  throw new Error("Do not render <IconFace /> directly.");
+}
+IconFace.Smile = function IconFace2(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12ZM9.00977 8C9.56205 8 10.0098 8.44772 10.0098 9C10.0098 9.55229 9.56205 10 9.00977 10H9C8.44772 10 8 9.55229 8 9C8 8.44772 8.44772 8 9 8H9.00977ZM15.0098 8C15.5621 8 16.0098 8.44772 16.0098 9C16.0098 9.55229 15.5621 10 15.0098 10H15C14.4477 10 14 9.55229 14 9C14 8.44772 14.4477 8 15 8H15.0098ZM23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.2012 13.3975C15.5329 12.9576 16.1585 12.8695 16.5996 13.2002C17.0414 13.5315 17.131 14.1578 16.7998 14.5996L16.7979 14.6025L16.7949 14.6064C16.7929 14.6091 16.7909 14.6126 16.7881 14.6162L16.7666 14.6436C16.75 14.6646 16.7272 14.6917 16.6993 14.7249L16.6963 14.7285C16.6376 14.7984 16.5547 14.8938 16.4482 15.0049C16.2362 15.2261 15.926 15.5172 15.5254 15.8086C14.7275 16.3889 13.5255 17 12 17C10.4745 17 9.27255 16.3889 8.47461 15.8086C8.07396 15.5172 7.76382 15.2261 7.55176 15.0049C7.44531 14.8938 7.36236 14.7984 7.30371 14.7285L7.30067 14.7249C7.2728 14.6917 7.25002 14.6645 7.2334 14.6436L7.21191 14.6162C7.20915 14.6126 7.20709 14.6091 7.20508 14.6064L7.20215 14.6025L7.2002 14.6006C6.86896 14.1588 6.95861 13.5315 7.40039 13.2002C7.8419 12.8692 8.46731 12.9584 8.79883 13.3994V13.3975L8.80176 13.4014C8.80771 13.4089 8.81842 13.4236 8.83496 13.4434C8.86805 13.4828 8.92208 13.5439 8.99512 13.6201C9.1424 13.7738 9.36384 13.983 9.65039 14.1914C10.2275 14.6111 11.0255 15 12 15C12.9745 15 13.7725 14.6111 14.3496 14.1914C14.6362 13.983 14.8576 13.7738 15.0049 13.6201C15.0779 13.5439 15.1319 13.4828 15.165 13.4434C15.1816 13.4236 15.1923 13.4089 15.1982 13.4014L15.2012 13.3975Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+IconFace.Sad = function IconFaceSad(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12ZM9.00977 8C9.56205 8 10.0098 8.44772 10.0098 9C10.0098 9.55229 9.56205 10 9.00977 10H9C8.44772 10 8 9.55229 8 9C8 8.44772 8.44772 8 9 8H9.00977ZM15.0098 8C15.5621 8 16.0098 8.44772 16.0098 9C16.0098 9.55229 15.5621 10 15.0098 10H15C14.4477 10 14 9.55229 14 9C14 8.44772 14.4477 8 15 8H15.0098ZM23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8.79785 16.6025L8.79883 16.6016V16.5996C8.46744 17.0411 7.84211 17.131 7.40039 16.7998C6.95861 16.4685 6.86896 15.8422 7.2002 15.4004L7.20215 15.3975L7.20508 15.3936C7.20709 15.3909 7.20915 15.3874 7.21191 15.3838L7.2334 15.3564C7.25002 15.3355 7.2728 15.3083 7.30067 15.2751L7.30371 15.2715C7.36236 15.2016 7.44531 15.1062 7.55176 14.9951C7.76382 14.7739 8.07396 14.4828 8.47461 14.1914C9.27255 13.6111 10.4745 13 12 13C13.5255 13 14.7275 13.6111 15.5254 14.1914C15.926 14.4828 16.2362 14.7739 16.4482 14.9951C16.5547 15.1062 16.6376 15.2016 16.6963 15.2715L16.6993 15.2751C16.7272 15.3083 16.75 15.3354 16.7666 15.3564L16.7881 15.3838C16.7909 15.3874 16.7929 15.3909 16.7949 15.3936L16.7979 15.3975L16.7998 15.3994C17.131 15.8412 17.0414 16.4685 16.5996 16.7998C16.1578 17.131 15.5315 17.0414 15.2002 16.5996L15.2012 16.6025L15.1982 16.5986C15.1923 16.5911 15.1816 16.5764 15.165 16.5566C15.1319 16.5172 15.0779 16.4561 15.0049 16.3799C14.8576 16.2262 14.6362 16.017 14.3496 15.8086C13.7725 15.3889 12.9745 15 12 15C11.0255 15 10.2275 15.3889 9.65039 15.8086C9.36384 16.017 9.1424 16.2262 8.99512 16.3799C8.92208 16.4561 8.86805 16.5172 8.83496 16.5566C8.81842 16.5764 8.80771 16.5911 8.80176 16.5986C8.80029 16.6005 8.79785 16.6025 8.79785 16.6025Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+
+function IconFile(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4 19.2002V4.7998C4.00005 4.06622 4.28346 3.35716 4.7959 2.83008C5.3093 2.30211 6.01151 2 6.75 2H14.625C14.895 2 15.1535 2.1092 15.3418 2.30273L19.7168 6.80273C19.8983 6.9894 20 7.23966 20 7.5V19.2002C19.9999 19.9338 19.7165 20.6428 19.2041 21.1699C18.6907 21.6979 17.9885 22 17.25 22H6.75C6.01151 22 5.3093 21.6979 4.7959 21.1699C4.28346 20.6428 4.00005 19.9338 4 19.2002ZM14.75 6.59961C14.75 6.82073 14.8356 7.02778 14.9795 7.17578C15.1225 7.32283 15.3103 7.40039 15.5 7.40039H17.5088L14.75 4.5625V6.59961ZM6 19.2002C6.00005 19.4211 6.08576 19.6274 6.22949 19.7754C6.37246 19.9224 6.56032 20 6.75 20H17.25C17.4397 20 17.6275 19.9224 17.7705 19.7754C17.9142 19.6274 17.9999 19.4211 18 19.2002V9.40039H15.5C14.7616 9.40039 14.0593 9.09815 13.5459 8.57031C13.0334 8.04319 12.75 7.33327 12.75 6.59961V4H6.75C6.56032 4 6.37246 4.07756 6.22949 4.22461C6.08576 4.37256 6.00005 4.57886 6 4.7998V19.2002Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
 function IconFilters(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -344,6 +566,68 @@ IconGear.Filled = function IconGearFilled(props) {
   ) });
 };
 
+function IconHanger(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.9122 3.86347C14.9673 2.03591 17.3096 1.41301 19.1439 2.47205C20.9782 3.53109 21.6099 5.87097 20.5547 7.69854C19.7853 9.03124 18.3314 9.72334 16.8892 9.58977C16.3961 9.54411 15.8132 10.1393 16.0122 10.5927C16.779 12.3409 18.0997 15.5656 19.5281 20.0095C20.0051 21.4938 18.0983 22.6197 16.913 21.607C12.7601 18.0586 8.44577 15.6201 3.23441 13.8511C1.79178 13.3614 1.78285 11.3294 3.27362 11.0155C5.46031 10.5549 7.52724 10.2133 9 9.99232",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+function IconHome(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M13.3287 4.50692C12.571 3.83288 11.429 3.83288 10.6713 4.50692L4.67127 9.84395C4.2443 10.2238 4 10.7681 4 11.3398V17.9972C4 19.1026 4.89543 19.9986 6 19.9986H18C19.1046 19.9986 20 19.1026 20 17.9972V11.3398C20 10.7681 19.7557 10.2238 19.3287 9.84395L13.3287 4.50692ZM9.34254 3.01106C10.8581 1.66298 13.1419 1.66298 14.6575 3.01106L20.6575 8.3481C21.5114 9.10769 22 10.1965 22 11.3398V17.9972C22 20.2079 20.2091 22 18 22H6C3.79086 22 2 20.2079 2 17.9972V11.3398C2 10.1965 2.48859 9.10769 3.34254 8.3481L9.34254 3.01106ZM9 16.9965C9 16.4439 9.44772 15.9958 10 15.9958H14C14.5523 15.9958 15 16.4439 15 16.9965C15 17.5492 14.5523 17.9972 14 17.9972H10C9.44772 17.9972 9 17.5492 9 16.9965Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+IconHome.Filled = function IconHomeFilled(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M14.6575 3.01106C13.1419 1.66298 10.8581 1.66298 9.34254 3.01106L3.34254 8.3481C2.48859 9.10769 2 10.1965 2 11.3398V17.9972C2 20.2079 3.79086 22 6 22H18C20.2091 22 22 20.2079 22 17.9972V11.3398C22 10.1965 21.5114 9.10769 20.6575 8.3481L14.6575 3.01106ZM8.75 16.9965C8.75 16.3056 9.30964 15.7456 10 15.7456H14C14.6904 15.7456 15.25 16.3056 15.25 16.9965C15.25 17.6873 14.6904 18.2473 14 18.2473H10C9.30964 18.2473 8.75 17.6873 8.75 16.9965Z",
+      fill: "currentColor"
+    }
+  ) });
+};
+
+function IconInfo(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12 17C11.4477 17 11 16.5523 11 16L11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12L13 16C13 16.5523 12.5523 17 12 17ZM13 8C13 8.55229 12.5523 9 12 9L11.99 9C11.4377 9 10.99 8.55229 10.99 8C10.99 7.44772 11.4377 7 11.99 7L12 7C12.5523 7 13 7.44772 13 8Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+IconInfo.Filled = function IconInfoFilled(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM10.75 7C10.75 6.30964 11.3096 5.75 12 5.75C12.6904 5.75 13.25 6.30964 13.25 7C13.25 7.69036 12.6904 8.25 12 8.25C11.3096 8.25 10.75 7.69036 10.75 7ZM12 18.25C12.6904 18.25 13.25 17.6904 13.25 17L13.25 12C13.25 11.3096 12.6904 10.75 12 10.75C11.3096 10.75 10.75 11.3096 10.75 12L10.75 17C10.75 17.6904 11.3096 18.25 12 18.25Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+
 function IconGoogle(props) {
   return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
     /* @__PURE__ */ jsx(
@@ -385,6 +669,44 @@ function IconGoogle(props) {
   ] });
 }
 
+function IconTelegram(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M2.90465 10.6054L20.1346 4.07987C20.9343 3.79608 21.6328 4.27149 21.3736 5.45928L21.3751 5.45782L18.4414 19.034C18.224 19.9965 17.6417 20.2306 16.8271 19.7771L12.3595 16.5429L10.2047 18.582C9.96641 18.8161 9.76537 19.0135 9.30372 19.0135L9.62091 14.5476L17.9008 7.20001C18.2612 6.88843 17.8204 6.7129 17.3454 7.02301L7.11311 13.3511L2.70212 11.9994C1.74456 11.701 1.72371 11.0589 2.90465 10.6054Z",
+      fill: "#039BE5"
+    }
+  ) });
+}
+
+function IconVK(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M22.0711 15.8962C21.5985 15.32 21.0735 14.7898 20.5028 14.3126C20.3235 14.1185 20.1267 13.9416 19.915 13.7844C19.3918 13.2561 19.3272 13.0591 19.7845 12.4655C20.068 12.0322 20.3733 11.6138 20.6991 11.2119C20.9601 10.8166 21.2869 10.4866 21.5479 10.0901L21.6138 10.0236C22.187 9.31758 22.6295 8.51291 22.9199 7.64826C23.0177 7.37111 23.0177 7.06834 22.9199 6.79119C22.8264 6.67066 22.7076 6.57265 22.5719 6.50428C22.4363 6.43591 22.2873 6.39888 22.1357 6.3959H18.4114C18.183 6.38679 17.9578 6.4525 17.7695 6.58322C17.5811 6.71394 17.4397 6.90265 17.3662 7.1212C17.1755 7.61675 16.9573 8.10106 16.7126 8.57182C16.2399 9.69109 15.5767 10.718 14.7528 11.606L14.687 11.6725C14.5565 11.8043 14.4906 11.936 14.3602 11.936H14.2943C14.098 11.8695 13.9675 11.4078 13.9675 11.2107V7.18769C13.9028 6.52766 13.7065 6.13237 12.987 6.0006H9.39552C9.16626 5.99381 8.93891 6.04447 8.73377 6.14804C8.52863 6.25161 8.35209 6.40488 8.21991 6.59415C8.14455 6.65738 8.08681 6.73936 8.05238 6.83199C8.01795 6.92463 8.00802 7.02472 8.02358 7.12241C8.08942 7.38594 8.35041 7.38594 8.4809 7.45243C8.69411 7.47028 8.89294 7.56821 9.03812 7.7269C9.1833 7.88558 9.26427 8.09347 9.26504 8.3095C9.38759 9.22782 9.40967 10.157 9.33087 11.0802C9.32502 11.3273 9.281 11.572 9.20039 11.8055C9.20039 11.872 9.13455 12.0037 9.06991 12.0037C9.00062 11.9955 8.93378 11.9728 8.87357 11.9372C8.60234 11.7046 8.36102 11.4386 8.15526 11.1455C7.338 9.95216 6.65839 8.6685 6.12966 7.31945C6.04836 7.08218 5.89963 6.87435 5.70205 6.72192C5.50446 6.56949 5.26679 6.47922 5.0187 6.46238H1.94798C1.78419 6.44323 1.61835 6.46998 1.46863 6.53971C1.31891 6.60943 1.19109 6.71944 1.09919 6.85767C1.03382 7.00267 1 7.16014 1 7.31945C1 7.47877 1.03382 7.63623 1.09919 7.78123C2.18576 10.3067 3.52092 12.7156 5.08454 14.9714C5.90352 16.138 6.94812 17.125 8.15526 17.8727C9.41443 18.5762 10.8321 18.9397 12.2711 18.928H12.7931C13.7077 18.8615 14.0345 18.5327 14.0992 17.6744C14.0846 17.2204 14.1739 16.7691 14.3602 16.3556C14.4906 16.092 14.6212 16.092 14.687 16.092C14.8022 16.118 14.9126 16.1625 15.0138 16.2238C15.202 16.361 15.3772 16.5156 15.537 16.6856C15.6833 16.825 15.8146 16.9798 15.9284 17.1474C16.1949 17.4702 16.4783 17.7785 16.7772 18.0709C17.0536 18.3851 17.3972 18.6316 17.782 18.7916C18.1668 18.9516 18.5827 19.021 18.998 18.9945H22.1345C22.2851 18.9932 22.4323 18.9493 22.5593 18.8676C22.6863 18.786 22.788 18.6699 22.8528 18.5327C22.9495 18.3501 23 18.1462 23 17.9392C23 17.7321 22.9495 17.5282 22.8528 17.3456C22.7051 16.8086 22.4377 16.3129 22.0711 15.8962Z",
+      fill: "#4B78A6"
+    }
+  ) });
+}
+
+function IconYandex(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.24807 21.1831H9.06707C9.23207 21.1831 9.33207 21.1171 9.36707 21.0181L12.9061 14.0731H14.1961V21.0181C14.1989 21.0609 14.2172 21.1013 14.2475 21.1317C14.2779 21.162 14.3182 21.1803 14.3611 21.1831H15.9481C16.1131 21.1831 16.1481 21.1171 16.1481 20.9831V2.26612C16.1515 2.23047 16.147 2.1945 16.1348 2.1608C16.1227 2.1271 16.1033 2.09649 16.078 2.07117C16.0527 2.04585 16.0221 2.02643 15.9884 2.01432C15.9547 2.0022 15.9187 1.9977 15.8831 2.0011H12.9731C10.1291 2.0011 7.68107 4.1841 7.68107 8.3841C7.60722 9.50161 7.88265 10.6144 8.46924 11.5685C9.05582 12.5225 9.92453 13.2706 10.9551 13.7091L7.05507 20.7861C7.02562 20.822 7.00709 20.8656 7.00166 20.9118C6.99624 20.9579 7.00415 21.0046 7.02446 21.0464C7.04477 21.0882 7.07662 21.1233 7.11625 21.1475C7.15589 21.1717 7.20163 21.1841 7.24807 21.1831ZM9.79507 8.11911C9.79507 4.91111 11.3161 3.61911 12.8711 3.61911H14.1571V12.4191H13.1011C11.4481 12.4191 9.79407 11.1951 9.79407 8.11911H9.79507Z",
+      fill: "#FF0000"
+    }
+  ) });
+}
+
+function IconLogo() {
+  throw new Error("Do not render <IconLogo /> directly.");
+}
+IconLogo.Google = IconGoogle;
+IconLogo.Telegram = IconTelegram;
+IconLogo.VK = IconVK;
+IconLogo.Yandex = IconYandex;
+
 function IconLogOut(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -415,6 +737,18 @@ function IconMinus(props) {
   ) });
 }
 
+function IconOneCircle(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M14.75 8C14.75 11.7279 11.7279 14.75 8 14.75C4.27208 14.75 1.25 11.7279 1.25 8C1.25 4.27208 4.27208 1.25 8 1.25C11.7279 1.25 14.75 4.27208 14.75 8ZM5.96973 6.96973C5.67684 7.26262 5.67684 7.73738 5.96973 8.03027C6.26262 8.32317 6.73738 8.32317 7.03028 8.03027L7.75 7.31055L7.75 10.5C7.75 10.9142 8.08579 11.25 8.5 11.25C8.91422 11.25 9.25 10.9142 9.25 10.5L9.25 5.5C9.25 5.19665 9.06737 4.92273 8.78711 4.80664C8.50688 4.6906 8.18421 4.75525 7.96973 4.96973L5.96973 6.96973Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
 function IconPerson(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -515,6 +849,29 @@ function IconRequest(props) {
   ) });
 }
 
+function IconResizeCorner(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M20.293 13.2929C20.6835 12.9024 21.3165 12.9024 21.707 13.2929C22.0976 13.6834 22.0976 14.3164 21.707 14.707L14.707 21.707C14.3165 22.0975 13.6835 22.0975 13.293 21.707C12.9024 21.3164 12.9024 20.6834 13.293 20.2929L20.293 13.2929ZM20.293 18.2929C20.6835 17.9024 21.3165 17.9024 21.707 18.2929C22.0976 18.6834 22.0976 19.3164 21.707 19.707L19.707 21.707C19.3165 22.0975 18.6835 22.0975 18.293 21.707C17.9024 21.3164 17.9024 20.6834 18.293 20.2929L20.293 18.2929Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
+function IconScan(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "white" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M2 19V15.9375C2 15.3852 2.44772 14.9375 3 14.9375C3.55228 14.9375 4 15.3852 4 15.9375V19L4.00488 19.1025C4.05621 19.6067 4.48232 20 5 20H8.0625C8.61478 20 9.0625 20.4477 9.0625 21C9.0625 21.5523 8.61478 22 8.0625 22H5C3.39489 22 2.08421 20.7394 2.00391 19.1543L2 19ZM20 19V15.9375C20 15.3852 20.4477 14.9375 21 14.9375C21.5523 14.9375 22 15.3852 22 15.9375V19C22 20.6569 20.6569 22 19 22H15.9375C15.3852 22 14.9375 21.5523 14.9375 21C14.9375 20.4477 15.3852 20 15.9375 20H19C19.5523 20 20 19.5523 20 19ZM9.5 9.5V14.5H14.5V9.5H9.5ZM2 8.0625V5C2 3.34315 3.34315 2 5 2H8.0625C8.61478 2 9.0625 2.44772 9.0625 3C9.0625 3.55228 8.61478 4 8.0625 4H5C4.44772 4 4 4.44772 4 5V8.0625C4 8.61478 3.55228 9.0625 3 9.0625C2.44772 9.0625 2 8.61478 2 8.0625ZM20 8.0625V5C20 4.48232 19.6067 4.05621 19.1025 4.00488L19 4H15.9375C15.3852 4 14.9375 3.55228 14.9375 3C14.9375 2.44772 15.3852 2 15.9375 2H19L19.1543 2.00391C20.7394 2.08421 22 3.39489 22 5V8.0625C22 8.61478 21.5523 9.0625 21 9.0625C20.4477 9.0625 20 8.61478 20 8.0625ZM16.5 14.5C16.5 15.6046 15.6046 16.5 14.5 16.5H9.5C8.39543 16.5 7.5 15.6046 7.5 14.5V9.5C7.5 8.39543 8.39543 7.5 9.5 7.5H14.5C15.6046 7.5 16.5 8.39543 16.5 9.5V14.5Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+
 function IconSearch(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -560,26 +917,55 @@ function IconSort(props) {
   ) });
 }
 
-function IconTelegram(props) {
-  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+function IconStar(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M2.90465 10.6054L20.1346 4.07987C20.9343 3.79608 21.6328 4.27149 21.3736 5.45928L21.3751 5.45782L18.4414 19.034C18.224 19.9965 17.6417 20.2306 16.8271 19.7771L12.3595 16.5429L10.2047 18.582C9.96641 18.8161 9.76537 19.0135 9.30372 19.0135L9.62091 14.5476L17.9008 7.20001C18.2612 6.88843 17.8204 6.7129 17.3454 7.02301L7.11311 13.3511L2.70212 11.9994C1.74456 11.701 1.72371 11.0589 2.90465 10.6054Z",
-      fill: "#039BE5"
+      d: "M10.1963 1.01407C10.3252 1.03239 10.4516 1.06805 10.5713 1.12164L10.7451 1.21513L10.9063 1.33274C11.0076 1.4183 11.0977 1.51787 11.1729 1.6293L11.2734 1.80522L11.2744 1.80622L13.1221 5.59406L13.1631 5.66543C13.2081 5.73494 13.2654 5.79693 13.334 5.84738C13.4249 5.91432 13.5317 5.95885 13.6455 5.97606L17.7793 6.58826C17.9741 6.61689 18.1599 6.68698 18.3271 6.79334L18.4873 6.91095L18.6299 7.05169C18.7187 7.15184 18.7937 7.26441 18.8525 7.38644L18.9287 7.57644L18.9775 7.77548C19.0127 7.97713 19.0068 8.18527 18.958 8.38567C18.8929 8.65261 18.7556 8.89359 18.5645 9.08232L18.5635 9.08333L15.5752 12.0287L15.5742 12.0277C15.4944 12.1066 15.4368 12.2033 15.4033 12.3072C15.37 12.411 15.362 12.5209 15.3799 12.6279L16.084 16.7847C16.1315 17.0571 16.1029 17.3374 16.001 17.5929C15.899 17.8483 15.7287 18.0674 15.5127 18.2262C15.2969 18.3847 15.043 18.4781 14.7803 18.4966C14.5192 18.515 14.2576 18.4584 14.0244 18.3338L10.3301 16.3685C10.2293 16.3151 10.1155 16.287 10 16.287C9.88456 16.2871 9.77162 16.3151 9.6709 16.3685L5.97754 18.3348L5.97656 18.3338C5.74294 18.4583 5.48111 18.5144 5.21973 18.4956C4.95733 18.4767 4.7037 18.3838 4.48828 18.2252C4.27277 18.0665 4.10379 17.8478 4.00195 17.5929C3.90054 17.339 3.87077 17.0606 3.91699 16.7897L4.62109 12.6289C4.63923 12.5217 4.63205 12.4112 4.59863 12.3072C4.56516 12.2031 4.50684 12.1067 4.42676 12.0277L1.4375 9.08333L1.43848 9.08232C1.24731 8.89423 1.10864 8.65509 1.04297 8.38869C0.976892 8.12063 0.987151 7.83886 1.07129 7.57644C1.15539 7.31419 1.30988 7.08306 1.51465 6.90894C1.71813 6.73604 1.96351 6.62515 2.22266 6.58726L6.35352 5.97606C6.46805 5.95919 6.5765 5.91461 6.66797 5.84738C6.75935 5.78021 6.83159 5.69295 6.87988 5.59406L8.72656 1.80622L8.72754 1.80522C8.84731 1.56034 9.03096 1.35647 9.25586 1.21513L9.43067 1.12164C9.61022 1.04132 9.80464 1 10.001 1L10.1963 1.01407Z",
+      fill: "currentColor"
     }
   ) });
 }
 
-function IconVK(props) {
+function IconSticker(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.20052 3.40278C5.26404 3.73718 3.73718 5.26404 3.40278 7.20052L5.87587 6.78906C6.34417 6.71101 6.71101 6.34417 6.78906 5.87587L7.20052 3.40278ZM14 11.5556C14 12.9056 12.9056 14 11.5556 14H4.44444C3.09442 14 2 12.9056 2 11.5556V8C2 4.68629 4.68629 2 8 2H11.5556C12.9056 2 14 3.09442 14 4.44444V11.5556Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
+function IconStop(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M22.0711 15.8962C21.5985 15.32 21.0735 14.7898 20.5028 14.3126C20.3235 14.1185 20.1267 13.9416 19.915 13.7844C19.3918 13.2561 19.3272 13.0591 19.7845 12.4655C20.068 12.0322 20.3733 11.6138 20.6991 11.2119C20.9601 10.8166 21.2869 10.4866 21.5479 10.0901L21.6138 10.0236C22.187 9.31758 22.6295 8.51291 22.9199 7.64826C23.0177 7.37111 23.0177 7.06834 22.9199 6.79119C22.8264 6.67066 22.7076 6.57265 22.5719 6.50428C22.4363 6.43591 22.2873 6.39888 22.1357 6.3959H18.4114C18.183 6.38679 17.9578 6.4525 17.7695 6.58322C17.5811 6.71394 17.4397 6.90265 17.3662 7.1212C17.1755 7.61675 16.9573 8.10106 16.7126 8.57182C16.2399 9.69109 15.5767 10.718 14.7528 11.606L14.687 11.6725C14.5565 11.8043 14.4906 11.936 14.3602 11.936H14.2943C14.098 11.8695 13.9675 11.4078 13.9675 11.2107V7.18769C13.9028 6.52766 13.7065 6.13237 12.987 6.0006H9.39552C9.16626 5.99381 8.93891 6.04447 8.73377 6.14804C8.52863 6.25161 8.35209 6.40488 8.21991 6.59415C8.14455 6.65738 8.08681 6.73936 8.05238 6.83199C8.01795 6.92463 8.00802 7.02472 8.02358 7.12241C8.08942 7.38594 8.35041 7.38594 8.4809 7.45243C8.69411 7.47028 8.89294 7.56821 9.03812 7.7269C9.1833 7.88558 9.26427 8.09347 9.26504 8.3095C9.38759 9.22782 9.40967 10.157 9.33087 11.0802C9.32502 11.3273 9.281 11.572 9.20039 11.8055C9.20039 11.872 9.13455 12.0037 9.06991 12.0037C9.00062 11.9955 8.93378 11.9728 8.87357 11.9372C8.60234 11.7046 8.36102 11.4386 8.15526 11.1455C7.338 9.95216 6.65839 8.6685 6.12966 7.31945C6.04836 7.08218 5.89963 6.87435 5.70205 6.72192C5.50446 6.56949 5.26679 6.47922 5.0187 6.46238H1.94798C1.78419 6.44323 1.61835 6.46998 1.46863 6.53971C1.31891 6.60943 1.19109 6.71944 1.09919 6.85767C1.03382 7.00267 1 7.16014 1 7.31945C1 7.47877 1.03382 7.63623 1.09919 7.78123C2.18576 10.3067 3.52092 12.7156 5.08454 14.9714C5.90352 16.138 6.94812 17.125 8.15526 17.8727C9.41443 18.5762 10.8321 18.9397 12.2711 18.928H12.7931C13.7077 18.8615 14.0345 18.5327 14.0992 17.6744C14.0846 17.2204 14.1739 16.7691 14.3602 16.3556C14.4906 16.092 14.6212 16.092 14.687 16.092C14.8022 16.118 14.9126 16.1625 15.0138 16.2238C15.202 16.361 15.3772 16.5156 15.537 16.6856C15.6833 16.825 15.8146 16.9798 15.9284 17.1474C16.1949 17.4702 16.4783 17.7785 16.7772 18.0709C17.0536 18.3851 17.3972 18.6316 17.782 18.7916C18.1668 18.9516 18.5827 19.021 18.998 18.9945H22.1345C22.2851 18.9932 22.4323 18.9493 22.5593 18.8676C22.6863 18.786 22.788 18.6699 22.8528 18.5327C22.9495 18.3501 23 18.1462 23 17.9392C23 17.7321 22.9495 17.5282 22.8528 17.3456C22.7051 16.8086 22.4377 16.3129 22.0711 15.8962Z",
-      fill: "#4B78A6"
+      d: "M20 12C20 10.1506 19.3722 8.44989 18.3184 7.09473L7.09473 18.3184C8.44989 19.3722 10.1506 20 12 20C16.4183 20 20 16.4183 20 12ZM4 12C4 13.8489 4.6273 15.5493 5.68066 16.9043L16.9043 5.68066C15.5493 4.6273 13.8489 4 12 4C7.58172 4 4 7.58172 4 12ZM22 12C22 17.5228 17.5228 22 12 22C9.23885 22 6.73726 20.8798 4.92871 19.0713C3.12016 17.2627 2 14.7611 2 12C2 6.47715 6.47715 2 12 2C14.7611 2 17.2627 3.12016 19.0713 4.92871C20.8798 6.73726 22 9.23885 22 12Z",
+      fill: "currentColor"
     }
   ) });
 }
 
+function IconSwitch(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5 12C5 12.5523 5.44771 13 6 13C6.55228 13 7 12.5523 7 12L7 6.41421L8.29289 7.70711C8.68342 8.09763 9.31658 8.09763 9.70711 7.70711C10.0976 7.31658 10.0976 6.68342 9.70711 6.29289L6.70711 3.29289C6.51957 3.10536 6.26522 3 6 3C5.73478 3 5.48043 3.10536 5.29289 3.29289L2.29289 6.29289C1.90237 6.68342 1.90237 7.31658 2.29289 7.70711C2.68342 8.09763 3.31658 8.09763 3.70711 7.70711L5 6.41421L5 12Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15 8C15 7.44772 14.5523 7 14 7C13.4477 7 13 7.44772 13 8L13 13.5858L11.7071 12.2929C11.3166 11.9024 10.6834 11.9024 10.2929 12.2929C9.90237 12.6834 9.90237 13.3166 10.2929 13.7071L13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17C14.2652 17 14.5196 16.8946 14.7071 16.7071L17.7071 13.7071C18.0976 13.3166 18.0976 12.6834 17.7071 12.2929C17.3166 11.9024 16.6834 11.9024 16.2929 12.2929L15 13.5858L15 8Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+
 function IconXMark(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -602,20 +988,25 @@ function IconXMarkSmall(props) {
 }
 IconXMark.Small = IconXMarkSmall;
 
-function IconYandex(props) {
-  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7.24807 21.1831H9.06707C9.23207 21.1831 9.33207 21.1171 9.36707 21.0181L12.9061 14.0731H14.1961V21.0181C14.1989 21.0609 14.2172 21.1013 14.2475 21.1317C14.2779 21.162 14.3182 21.1803 14.3611 21.1831H15.9481C16.1131 21.1831 16.1481 21.1171 16.1481 20.9831V2.26612C16.1515 2.23047 16.147 2.1945 16.1348 2.1608C16.1227 2.1271 16.1033 2.09649 16.078 2.07117C16.0527 2.04585 16.0221 2.02643 15.9884 2.01432C15.9547 2.0022 15.9187 1.9977 15.8831 2.0011H12.9731C10.1291 2.0011 7.68107 4.1841 7.68107 8.3841C7.60722 9.50161 7.88265 10.6144 8.46924 11.5685C9.05582 12.5225 9.92453 13.2706 10.9551 13.7091L7.05507 20.7861C7.02562 20.822 7.00709 20.8656 7.00166 20.9118C6.99624 20.9579 7.00415 21.0046 7.02446 21.0464C7.04477 21.0882 7.07662 21.1233 7.11625 21.1475C7.15589 21.1717 7.20163 21.1841 7.24807 21.1831ZM9.79507 8.11911C9.79507 4.91111 11.3161 3.61911 12.8711 3.61911H14.1571V12.4191H13.1011C11.4481 12.4191 9.79407 11.1951 9.79407 8.11911H9.79507Z",
-      fill: "#FF0000"
-    }
-  ) });
+function IconXMarkCircle(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM10.3839 8.61612C9.89573 8.12796 9.10427 8.12796 8.61612 8.61612C8.12796 9.10427 8.12796 9.89573 8.61612 10.3839L10.2322 12L8.61612 13.6161C8.12796 14.1043 8.12796 14.8957 8.61612 15.3839C9.10427 15.872 9.89573 15.872 10.3839 15.3839L12 13.7678L13.6161 15.3839C14.1043 15.872 14.8957 15.872 15.3839 15.3839C15.872 14.8957 15.872 14.1043 15.3839 13.6161L13.7678 12L15.3839 10.3839C15.872 9.89573 15.872 9.10427 15.3839 8.61612C14.8957 8.12796 14.1043 8.12796 13.6161 8.61612L12 10.2322L10.3839 8.61612Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
 }
 
 const breadcrumbs = "_breadcrumbs_1bfmb_2";
 const breadcrumbsItem = "_breadcrumbsItem_1bfmb_8";
 const defaultSeparator = "_defaultSeparator_1bfmb_14";
-const styles$r = {
+const styles$s = {
 	breadcrumbs: breadcrumbs,
 	breadcrumbsItem: breadcrumbsItem,
 	defaultSeparator: defaultSeparator
@@ -664,7 +1055,7 @@ function Slot({
 }
 
 const breadcrumbItem = "_breadcrumbItem_cua4v_2";
-const styles$q = {
+const styles$r = {
 	breadcrumbItem: breadcrumbItem
 };
 
@@ -675,7 +1066,7 @@ function BreadcrumbItem({ children, className, isActive, asChild, ...props }) {
     {
       "data-active": isActive,
       "data-disabled": props.disabled,
-      className: classNames(styles$q.breadcrumbItem, className),
+      className: classNames(styles$r.breadcrumbItem, className),
       ...isActive && { "aria-current": "page" },
       ...!asChild && { type: "button" },
       ...props,
@@ -687,13 +1078,13 @@ function BreadcrumbItem({ children, className, isActive, asChild, ...props }) {
 function Breadcrumbs({
   className,
   children,
-  separator = /* @__PURE__ */ jsx(IconChevron, { className: styles$r.defaultSeparator })
+  separator = /* @__PURE__ */ jsx(IconChevron, { className: styles$s.defaultSeparator })
 }) {
   const childrenArray = Array.isArray(children) ? children : [children];
   const lastIndex = childrenArray.length - 1;
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", className, children: /* @__PURE__ */ jsx("ol", { className: styles$r.breadcrumbs, children: childrenArray.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("li", { className: styles$r.breadcrumbsItem, children: item }),
-    index < lastIndex && /* @__PURE__ */ jsx("li", { className: styles$r.breadcrumbsItem, "aria-hidden": "true", children: separator })
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", className, children: /* @__PURE__ */ jsx("ol", { className: styles$s.breadcrumbs, children: childrenArray.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("li", { className: styles$s.breadcrumbsItem, children: item }),
+    index < lastIndex && /* @__PURE__ */ jsx("li", { className: styles$s.breadcrumbsItem, "aria-hidden": "true", children: separator })
   ] }, index)) }) });
 }
 Breadcrumbs.Item = BreadcrumbItem;
@@ -708,7 +1099,7 @@ const neutral$2 = "_neutral_cmbkj_78";
 const lg$5 = "_lg_cmbkj_145";
 const md$8 = "_md_cmbkj_153";
 const sm$3 = "_sm_cmbkj_161";
-const styles$p = {
+const styles$q = {
 	button: button,
 	accent: accent$2,
 	primary: primary$1,
@@ -726,7 +1117,7 @@ const accent$1 = "_accent_o8iku_10";
 const neutral$1 = "_neutral_o8iku_22";
 const lg$4 = "_lg_o8iku_41";
 const md$7 = "_md_o8iku_46";
-const styles$o = {
+const styles$p = {
 	buttonFunction: buttonFunction,
 	accent: accent$1,
 	neutral: neutral$1,
@@ -746,7 +1137,7 @@ function ButtonFunction({
   return /* @__PURE__ */ jsx(
     Component,
     {
-      className: classNames(styles$o.buttonFunction, styles$o[color], styles$o[size], className),
+      className: classNames(styles$p.buttonFunction, styles$p[color], styles$p[size], className),
       ...props.disabled && { "data-disabled": true },
       ...!asChild && { type: "button" },
       ...props,
@@ -768,7 +1159,7 @@ function Button({
   return /* @__PURE__ */ jsx(
     Component,
     {
-      className: classNames(styles$p.button, styles$p[color], styles$p[size], styles$p[mode], className),
+      className: classNames(styles$q.button, styles$q[color], styles$q[size], styles$q[mode], className),
       ...!asChild && { type: "button" },
       ...props,
       children
@@ -780,7 +1171,7 @@ Button.Function = ButtonFunction;
 const checkboxWrapper = "_checkboxWrapper_k1shg_2";
 const icon$2 = "_icon_k1shg_23";
 const checkbox = "_checkbox_k1shg_2";
-const styles$n = {
+const styles$o = {
 	checkboxWrapper: checkboxWrapper,
 	icon: icon$2,
 	checkbox: checkbox
@@ -793,11 +1184,11 @@ function Checkbox({ className, label, indeterminate, ...props }) {
     {
       "data-disabled": `${Boolean(props.disabled)}`,
       "data-state": dataState,
-      className: classNames(styles$n.checkboxWrapper, className),
+      className: classNames(styles$o.checkboxWrapper, className),
       children: [
-        dataState === "checked" && /* @__PURE__ */ jsx(IconCheck, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$n.icon }),
-        dataState === "indeterminate" && /* @__PURE__ */ jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$n.icon }),
-        /* @__PURE__ */ jsx("input", { "data-state": dataState, type: "checkbox", className: styles$n.checkbox, ...props }),
+        dataState === "checked" && /* @__PURE__ */ jsx(IconCheck, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$o.icon }),
+        dataState === "indeterminate" && /* @__PURE__ */ jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$o.icon }),
+        /* @__PURE__ */ jsx("input", { "data-state": dataState, type: "checkbox", className: styles$o.checkbox, ...props }),
         label
       ]
     }
@@ -805,7 +1196,7 @@ function Checkbox({ className, label, indeterminate, ...props }) {
 }
 
 const chip = "_chip_dj4kw_2";
-const styles$m = {
+const styles$n = {
 	chip: chip
 };
 
@@ -813,7 +1204,7 @@ function Chip({ isSelected, children, className, disabled, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames(styles$m.chip, className),
+      className: classNames(styles$n.chip, className),
       "data-selected": isSelected,
       "data-disabled": disabled,
       "aria-disabled": disabled,
@@ -831,7 +1222,7 @@ const accent = "_accent_ww0fb_37";
 const neutral = "_neutral_ww0fb_42";
 const secondary$1 = "_secondary_ww0fb_47";
 const white = "_white_ww0fb_52";
-const styles$l = {
+const styles$m = {
 	root: root$1,
 	lg: lg$3,
 	md: md$6,
@@ -843,7 +1234,7 @@ const styles$l = {
 };
 
 function Counter({ className, size = "lg", color = "red", ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles$l.root, styles$l[size], styles$l[color], className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles$m.root, styles$m[size], styles$m[color], className), ...props });
 }
 
 const LOCALE_FIRST_DAY_OF_WEEK = {
@@ -853,7 +1244,7 @@ const LOCALE_FIRST_DAY_OF_WEEK = {
 
 const datePickerCellWrapper = "_datePickerCellWrapper_np1gx_2";
 const datePickerCell = "_datePickerCell_np1gx_2";
-const styles$k = {
+const styles$l = {
 	datePickerCellWrapper: datePickerCellWrapper,
 	datePickerCell: datePickerCell,
 	"radius-none": "_radius-none_np1gx_83",
@@ -863,10 +1254,10 @@ const styles$k = {
 };
 
 function DatePickerCell({ children, className, state, isCurrent, radius = "both", ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles$k.datePickerCellWrapper, styles$k[`radius-${radius}`]), "data-state": state, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles$l.datePickerCellWrapper, styles$l[`radius-${radius}`]), "data-state": state, children: /* @__PURE__ */ jsx(
     "button",
     {
-      className: classNames(styles$k.datePickerCell, styles$k[`radius-${radius}`], className),
+      className: classNames(styles$l.datePickerCell, styles$l[`radius-${radius}`], className),
       type: "button",
       role: "gridcell",
       "aria-selected": state === "selected",
@@ -923,7 +1314,7 @@ function getCalendarGrid(month, year, firstDayOfWeek) {
 const datePickerField = "_datePickerField_1qk8s_2";
 const datePickerFieldCalendar = "_datePickerFieldCalendar_1qk8s_8";
 const datePickerFieldWeek = "_datePickerFieldWeek_1qk8s_14";
-const styles$j = {
+const styles$k = {
 	datePickerField: datePickerField,
 	datePickerFieldCalendar: datePickerFieldCalendar,
 	datePickerFieldWeek: datePickerFieldWeek
@@ -938,9 +1329,9 @@ function DatePickerField({
   firstDayOfWeek = LOCALE_FIRST_DAY_OF_WEEK.ru
 }) {
   const weeks = useMemo(() => getCalendarGrid(month, year, firstDayOfWeek), [month, year, firstDayOfWeek]);
-  return /* @__PURE__ */ jsxs("div", { className: classNames(styles$j.datePickerField, className), role: "grid", children: [
+  return /* @__PURE__ */ jsxs("div", { className: classNames(styles$k.datePickerField, className), role: "grid", children: [
     renderWeekdays?.(),
-    /* @__PURE__ */ jsx("div", { className: styles$j.datePickerFieldCalendar, role: "rowgroup", children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsx("div", { className: styles$j.datePickerFieldWeek, role: "row", "aria-rowindex": weekIndex + 1, children: week.map((day, dayIndex) => /* @__PURE__ */ jsx(Slot, { role: "gridcell", "aria-colindex": dayIndex + 1, children: children(day) }, `${day.year}-${day.month}-${day.date}`)) }, weekIndex)) })
+    /* @__PURE__ */ jsx("div", { className: styles$k.datePickerFieldCalendar, role: "rowgroup", children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsx("div", { className: styles$k.datePickerFieldWeek, role: "row", "aria-rowindex": weekIndex + 1, children: week.map((day, dayIndex) => /* @__PURE__ */ jsx(Slot, { role: "gridcell", "aria-colindex": dayIndex + 1, children: children(day) }, `${day.year}-${day.month}-${day.date}`)) }, weekIndex)) })
   ] });
 }
 
@@ -981,13 +1372,13 @@ const I18N_MONTH_LABELS = {
 
 const datePickerWeekdays = "_datePickerWeekdays_p8tsm_2";
 const datePickerWeekday = "_datePickerWeekday_p8tsm_2";
-const styles$i = {
+const styles$j = {
 	datePickerWeekdays: datePickerWeekdays,
 	datePickerWeekday: datePickerWeekday
 };
 
 function DatePickerWeekDays({ className, locale = "ru" }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles$i.datePickerWeekdays, className), role: "row", children: I18N_WEEKDAY_LABELS[locale].map((label) => /* @__PURE__ */ jsx("div", { className: styles$i.datePickerWeekday, role: "columnheader", children: label }, label)) });
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles$j.datePickerWeekdays, className), role: "row", children: I18N_WEEKDAY_LABELS[locale].map((label) => /* @__PURE__ */ jsx("div", { className: styles$j.datePickerWeekday, role: "columnheader", children: label }, label)) });
 }
 
 function DatePicker() {
@@ -1163,22 +1554,76 @@ function useDatePickerSelect() {
   };
 }
 
+const DROPDOWN_PORTAL_DEFAULT_OFFSET = 8;
+
+const DROPDOWN_PORTAL_TRANSLATE_BY_ALIGN = {
+  start: "0%",
+  center: "-50%",
+  end: "-100%"
+};
+const DROPDOWN_PORTAL_SIDE_CONFIG = {
+  top: {
+    sizeKey: "portalHeight",
+    edgeKey: "topEdge",
+    viewportKey: "top",
+    nextPosition: "bottom",
+    anchorKey: "top",
+    anchorEdgeKey: "top",
+    paddingKey: "paddingBottom",
+    translateAxis: "x",
+    fixedTranslate: "-100%"
+  },
+  right: {
+    sizeKey: "portalWidth",
+    edgeKey: "rightEdge",
+    viewportKey: "right",
+    nextPosition: "left",
+    anchorKey: "left",
+    anchorEdgeKey: "right",
+    paddingKey: "paddingLeft",
+    translateAxis: "y",
+    fixedTranslate: "0%"
+  },
+  bottom: {
+    sizeKey: "portalHeight",
+    edgeKey: "bottomEdge",
+    viewportKey: "bottom",
+    nextPosition: "top",
+    anchorKey: "top",
+    anchorEdgeKey: "bottom",
+    paddingKey: "paddingTop",
+    translateAxis: "x",
+    fixedTranslate: "0%"
+  },
+  left: {
+    sizeKey: "portalWidth",
+    edgeKey: "leftEdge",
+    viewportKey: "left",
+    nextPosition: "right",
+    anchorKey: "left",
+    anchorEdgeKey: "left",
+    paddingKey: "paddingRight",
+    translateAxis: "y",
+    fixedTranslate: "-100%"
+  }
+};
+
 const dropdownContent = "_dropdownContent_12tkb_2";
-const styles$h = {
+const styles$i = {
 	dropdownContent: dropdownContent
 };
 
 function DropdownContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles$h.dropdownContent, className), ...props, children });
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles$i.dropdownContent, className), ...props, children });
 }
 
 const dropdownItem = "_dropdownItem_msc4i_2";
-const styles$g = {
+const styles$h = {
 	dropdownItem: dropdownItem
 };
 
 function DropdownItem({ className, children, disabled, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles$g.dropdownItem, className), role: "menuitem", "data-disabled": disabled, ...props, children });
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles$h.dropdownItem, className), role: "menuitem", "data-disabled": disabled, ...props, children });
 }
 
 const CLICK_OUTSIDE_IGNORE_DATA_NAME = "data-clickoutside-ignore";
@@ -1211,6 +1656,8 @@ function useClickOutside(refs, callback) {
 
 function DropdownMenuProvider({ children }) {
   const [isOpen, setIsOpen] = useState(false);
+  const [triggerEvent, setTriggerEvent] = useState("click");
+  const [portalPlacement, setPortalPlacement] = useState(null);
   const triggerRef = useRef(null);
   const portalRef = useRef(null);
   useClickOutside([portalRef, triggerRef], () => setIsOpen(false));
@@ -1221,9 +1668,13 @@ function DropdownMenuProvider({ children }) {
         isOpen,
         setIsOpen,
         triggerRef,
-        portalRef
+        portalRef,
+        triggerEvent,
+        setTriggerEvent,
+        portalPlacement,
+        setPortalPlacement
       },
-      children: typeof children === "function" ? children({ isOpen, setIsOpen }) : children
+      children: typeof children === "function" ? children({ isOpen, setIsOpen, portalPlacement }) : children
     }
   );
 }
@@ -1236,34 +1687,351 @@ function useDropdownMenuContext() {
   return context;
 }
 
-const dropdownPortal = "_dropdownPortal_ne1k6_2";
-const styles$f = {
-	dropdownPortal: dropdownPortal
+const getAxisAlign = ({ translateAxis, triggerPageRect, triggerCenter }) => {
+  const axisAlign = {
+    x: {
+      start: triggerPageRect.left,
+      center: triggerCenter.x,
+      end: triggerPageRect.right
+    },
+    y: {
+      start: triggerPageRect.top,
+      center: triggerCenter.y,
+      end: triggerPageRect.bottom
+    }
+  };
+  return axisAlign[translateAxis];
+};
+
+const getTriggerGeometry = (triggerRect, scrollCoords) => {
+  const triggerWidth = triggerRect.width || triggerRect.right - triggerRect.left;
+  const triggerHeight = triggerRect.height || triggerRect.bottom - triggerRect.top;
+  const triggerPageRect = {
+    top: triggerRect.top + scrollCoords.y,
+    right: triggerRect.right + scrollCoords.x,
+    bottom: triggerRect.bottom + scrollCoords.y,
+    left: triggerRect.left + scrollCoords.x
+  };
+  const triggerCenter = {
+    x: triggerPageRect.left + triggerWidth / 2,
+    y: triggerPageRect.top + triggerHeight / 2
+  };
+  return { triggerPageRect, triggerCenter };
+};
+
+const getTranslateBySide = (position, align) => {
+  const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
+  const translateByAlign = DROPDOWN_PORTAL_TRANSLATE_BY_ALIGN[align];
+  const isAlignOnX = sideConfig.translateAxis === "x";
+  return {
+    "--dropdown-portal-translate-x": isAlignOnX ? translateByAlign : sideConfig.fixedTranslate,
+    "--dropdown-portal-translate-y": isAlignOnX ? sideConfig.fixedTranslate : translateByAlign
+  };
+};
+const getAnchorBySide = (position, triggerPageRect) => {
+  const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
+  return { [sideConfig.anchorKey]: triggerPageRect[sideConfig.anchorEdgeKey] };
+};
+const getOffsetPadding = (position, offset) => {
+  const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
+  return { [sideConfig.paddingKey]: `${offset}px` };
+};
+const getEdgeValueBySide = ({
+  position,
+  triggerRect,
+  scrollCoords,
+  portalWidth,
+  portalHeight
+}) => {
+  const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
+  if (sideConfig.edgeKey === "rightEdge") {
+    return triggerRect.right + scrollCoords.x + portalWidth;
+  }
+  if (sideConfig.edgeKey === "leftEdge") {
+    return triggerRect.left + scrollCoords.x - portalWidth;
+  }
+  if (sideConfig.edgeKey === "bottomEdge") {
+    return triggerRect.bottom + scrollCoords.y + portalHeight;
+  }
+  return triggerRect.top + scrollCoords.y - portalHeight;
+};
+const isEdgeOverflow = ({ edgeKey, edgeValue, viewportLimit }) => {
+  if (edgeKey === "rightEdge" || edgeKey === "bottomEdge") {
+    return edgeValue > viewportLimit;
+  }
+  return edgeValue < viewportLimit;
 };
 
-function DropdownPortal({ children, className, align = "start", isNested }) {
-  const { isOpen, triggerRef, portalRef } = useDropdownMenuContext();
-  const [position, setPosition] = useState();
+function getPortalPosition({
+  align,
+  position,
+  offset,
+  scrollCoords,
+  triggerRect
+}) {
+  const { triggerPageRect, triggerCenter } = getTriggerGeometry(triggerRect, scrollCoords);
+  const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
+  const axisAlign = getAxisAlign({
+    translateAxis: sideConfig.translateAxis,
+    triggerPageRect,
+    triggerCenter
+  });
+  const alignPosition = {
+    x: {
+      left: axisAlign[align]
+    },
+    y: {
+      top: axisAlign[align]
+    }
+  };
+  const portalPositionStyle = {
+    ...getTranslateBySide(position, align),
+    ...getAnchorBySide(position, triggerPageRect),
+    ...alignPosition[sideConfig.translateAxis],
+    ...getOffsetPadding(position, offset)
+  };
+  return portalPositionStyle;
+}
+
+function handleDropdownMouseLeave(event, { ignoreRelatedTargetRef, setIsOpen }) {
+  if (event.relatedTarget instanceof Node && ignoreRelatedTargetRef.current?.contains(event.relatedTarget)) {
+    return;
+  }
+  setIsOpen(false);
+}
+
+function usePortalHandlersByEventTrigger() {
+  const { triggerRef, setIsOpen } = useDropdownMenuContext();
+  const handlePortalBlur = useCallback(
+    (event) => {
+      const relatedTarget = event.relatedTarget;
+      if (!(relatedTarget instanceof Node)) {
+        setIsOpen(false);
+        return;
+      }
+      if (event.currentTarget.contains(relatedTarget) || triggerRef.current?.contains(relatedTarget)) {
+        return;
+      }
+      setIsOpen(false);
+    },
+    [setIsOpen, triggerRef]
+  );
+  const portalHandlersByEvent = useMemo(
+    () => ({
+      click: {},
+      hover: {
+        onMouseLeave: (event) => handleDropdownMouseLeave(event, {
+          ignoreRelatedTargetRef: triggerRef,
+          setIsOpen
+        }),
+        onBlur: handlePortalBlur
+      }
+    }),
+    [handlePortalBlur, setIsOpen, triggerRef]
+  );
+  return portalHandlersByEvent;
+}
+
+const getAdjustedAlign = ({
+  align,
+  translateAxis,
+  portalWidth,
+  portalHeight,
+  triggerPageRect,
+  triggerCenter,
+  viewportPosition
+}) => {
+  const isAlignedOnX = translateAxis === "x";
+  const portalSize = isAlignedOnX ? portalWidth : portalHeight;
+  if (!portalSize) {
+    return align;
+  }
+  const axisAlign = getAxisAlign({ translateAxis, triggerPageRect, triggerCenter });
+  const viewportStart = isAlignedOnX ? viewportPosition.left : viewportPosition.top;
+  const viewportEnd = isAlignedOnX ? viewportPosition.right : viewportPosition.bottom;
+  let portalStart = axisAlign.start;
+  if (align === "center") {
+    portalStart = axisAlign.center - portalSize / 2;
+  }
+  if (align === "end") {
+    portalStart = axisAlign.end - portalSize;
+  }
+  const portalEnd = portalStart + portalSize;
+  const isStartOverflow = portalStart < viewportStart;
+  const isEndOverflow = portalEnd > viewportEnd;
+  if (align === "start" && isEndOverflow && !isStartOverflow) {
+    return "end";
+  }
+  if (align === "end" && isStartOverflow && !isEndOverflow) {
+    return "start";
+  }
+  if (align === "center" && isStartOverflow !== isEndOverflow) {
+    return isStartOverflow ? "start" : "end";
+  }
+  return align;
+};
+
+const getAdjustedPosition = ({
+  position,
+  portalWidth,
+  portalHeight,
+  triggerRect,
+  scrollCoords,
+  viewportPosition
+}) => {
+  const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
+  const portalSize = sideConfig.sizeKey === "portalWidth" ? portalWidth : portalHeight;
+  const edgeValue = getEdgeValueBySide({
+    position,
+    triggerRect,
+    scrollCoords,
+    portalWidth,
+    portalHeight
+  });
+  const viewportLimit = viewportPosition[sideConfig.viewportKey];
+  const isOverflow = isEdgeOverflow({ edgeKey: sideConfig.edgeKey, edgeValue, viewportLimit });
+  return portalSize && isOverflow ? sideConfig.nextPosition : position;
+};
+
+function getAdjustedPlacement({
+  align,
+  position,
+  viewportPosition,
+  portalWidth = 0,
+  portalHeight = 0,
+  scrollCoords,
+  triggerRect
+}) {
+  const adjustedPosition = getAdjustedPosition({
+    position,
+    viewportPosition,
+    portalWidth,
+    portalHeight,
+    scrollCoords,
+    triggerRect
+  });
+  const { triggerPageRect, triggerCenter } = getTriggerGeometry(triggerRect, scrollCoords);
+  const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
+  const adjustedAlign = getAdjustedAlign({
+    align,
+    translateAxis: sideConfig.translateAxis,
+    portalWidth,
+    portalHeight,
+    triggerPageRect,
+    triggerCenter,
+    viewportPosition
+  });
+  return { position: adjustedPosition, align: adjustedAlign };
+}
+
+function usePortalPosition({ align, position, offset, portalWidth, portalHeight }) {
+  const { isOpen, triggerRef, setPortalPlacement } = useDropdownMenuContext();
+  const [portalPosition, setPortalPosition] = useState();
   useEffect(() => {
     if (isOpen && triggerRef.current) {
       const triggerRect = triggerRef.current.getBoundingClientRect();
-      setPosition({
-        top: triggerRect.bottom + window.scrollY,
-        ...align === "start" ? { left: triggerRect.left + window.scrollX } : {},
-        ...align === "end" ? { right: triggerRect.left + window.scrollX } : {}
+      const scrollCoords = {
+        x: window.scrollX,
+        y: window.scrollY
+      };
+      const viewportPosition = {
+        left: scrollCoords.x,
+        right: scrollCoords.x + window.innerWidth,
+        top: scrollCoords.y,
+        bottom: scrollCoords.y + window.innerHeight
+      };
+      const { position: adjustedPosition, align: adjustedAlign } = getAdjustedPlacement({
+        align,
+        position,
+        viewportPosition,
+        portalWidth,
+        portalHeight,
+        scrollCoords,
+        triggerRect
+      });
+      setPortalPlacement({ position: adjustedPosition, align: adjustedAlign });
+      const newPortalPosition = getPortalPosition({
+        align: adjustedAlign,
+        position: adjustedPosition,
+        offset,
+        triggerRect,
+        scrollCoords
       });
+      setPortalPosition(newPortalPosition);
     }
-  }, [align, isOpen, triggerRef]);
-  if (!isOpen || !position) {
+  }, [align, isOpen, offset, portalHeight, portalWidth, position, setPortalPlacement, triggerRef]);
+  return portalPosition;
+}
+
+function useTriggerHandlersByEventTrigger() {
+  const { setIsOpen, portalRef } = useDropdownMenuContext();
+  const handleTriggerBlur = useCallback(
+    (event) => {
+      const relatedTarget = event.relatedTarget;
+      if (relatedTarget instanceof Node && portalRef.current?.contains(relatedTarget)) {
+        return;
+      }
+      setIsOpen(false);
+    },
+    [portalRef, setIsOpen]
+  );
+  const triggerHandlersByEvent = useMemo(
+    () => ({
+      click: { onClick: () => setIsOpen((prev) => !prev) },
+      hover: {
+        onMouseEnter: () => setIsOpen(true),
+        onMouseLeave: (event) => handleDropdownMouseLeave(event, {
+          ignoreRelatedTargetRef: portalRef,
+          setIsOpen
+        }),
+        onFocus: () => setIsOpen(true),
+        onBlur: handleTriggerBlur
+      }
+    }),
+    [handleTriggerBlur, setIsOpen, portalRef]
+  );
+  return triggerHandlersByEvent;
+}
+
+const dropdownPortal = "_dropdownPortal_p3tdk_2";
+const styles$g = {
+	dropdownPortal: dropdownPortal
+};
+
+function DropdownPortal({
+  children,
+  className,
+  align = "start",
+  position = "bottom",
+  isNested,
+  offset = DROPDOWN_PORTAL_DEFAULT_OFFSET,
+  maxWidth,
+  maxHeight
+}) {
+  const { portalRef, triggerEvent, isOpen } = useDropdownMenuContext();
+  const handlersByTrigger = usePortalHandlersByEventTrigger();
+  const portalPosition = usePortalPosition({
+    align,
+    position,
+    offset,
+    ...maxWidth && { portalWidth: maxWidth + offset },
+    ...maxHeight && { portalHeight: maxHeight + offset }
+  });
+  if (!isOpen || !portalPosition) {
     return null;
   }
   return createPortal(
     /* @__PURE__ */ jsx(
       "div",
       {
-        style: position,
+        style: {
+          ...portalPosition,
+          ...maxWidth && { "--dropdown-portal-max-width": `${maxWidth + offset}px` },
+          ...maxHeight && { "--dropdown-portal-max-height": `${maxHeight + offset}px` }
+        },
         ref: portalRef,
-        className: classNames(styles$f.dropdownPortal, className),
+        className: classNames(styles$g.dropdownPortal, className),
+        ...handlersByTrigger[triggerEvent],
         ...isNested && { [CLICK_OUTSIDE_IGNORE_DATA_NAME]: "true" },
         children
       }
@@ -1276,10 +2044,24 @@ function DropdownRoot({ children }) {
   return /* @__PURE__ */ jsx(DropdownMenuProvider, { children });
 }
 
-function DropdownTrigger({ children, asChild, ...props }) {
-  const { triggerRef, setIsOpen, isOpen } = useDropdownMenuContext();
+function DropdownTrigger({ children, asChild, triggerEvent = "click", ...props }) {
+  const { triggerRef, isOpen, setTriggerEvent } = useDropdownMenuContext();
+  const handlersByTrigger = useTriggerHandlersByEventTrigger();
+  useEffect(() => {
+    setTriggerEvent(triggerEvent);
+  }, [setTriggerEvent, triggerEvent]);
   const Trigger = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(Trigger, { ref: triggerRef, onClick: () => setIsOpen(!isOpen), "aria-expanded": isOpen, "aria-haspopup": "menu", ...props, children });
+  return /* @__PURE__ */ jsx(
+    Trigger,
+    {
+      ref: triggerRef,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "menu",
+      ...handlersByTrigger[triggerEvent],
+      ...props,
+      children
+    }
+  );
 }
 
 function DropdownMenu() {
@@ -1301,7 +2083,7 @@ const BOUNDARY_PAGES = 2;
 const paginationItem = "_paginationItem_1ll6p_2";
 const md$5 = "_md_1ll6p_46";
 const sm$2 = "_sm_1ll6p_60";
-const styles$e = {
+const styles$f = {
 	paginationItem: paginationItem,
 	md: md$5,
 	sm: sm$2
@@ -1313,7 +2095,7 @@ function PaginationItem({ className, children, size = "md", isCurrent, ...props
     {
       type: "button",
       ...isCurrent && { "aria-current": "page" },
-      className: classNames(styles$e.paginationItem, styles$e[size], className),
+      className: classNames(styles$f.paginationItem, styles$f[size], className),
       ...props,
       children
     }
@@ -1350,7 +2132,7 @@ function getVisiblePages(totalPages, maxVisiblePagesWithEllipsis, currentPage) {
 const paginationRoot = "_paginationRoot_c5fwx_2";
 const paginationList = "_paginationList_c5fwx_7";
 const arrowLeft = "_arrowLeft_c5fwx_13";
-const styles$d = {
+const styles$e = {
 	paginationRoot: paginationRoot,
 	paginationList: paginationList,
 	arrowLeft: arrowLeft
@@ -1377,9 +2159,9 @@ function PaginationRoot({
     {
       "aria-label": "pagination navigation",
       role: "navigation",
-      className: classNames(styles$d.paginationRoot, className),
+      className: classNames(styles$e.paginationRoot, className),
       ...props,
-      children: /* @__PURE__ */ jsxs("ul", { className: styles$d.paginationList, children: [
+      children: /* @__PURE__ */ jsxs("ul", { className: styles$e.paginationList, children: [
         showArrows && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
           PaginationItem$1,
           {
@@ -1387,7 +2169,7 @@ function PaginationRoot({
             onClick: () => onPageChange(currentPage - 1),
             disabled: isFirstPage,
             size,
-            children: /* @__PURE__ */ jsx(IconChevron$1, { className: styles$d.arrowLeft })
+            children: /* @__PURE__ */ jsx(IconChevron$1, { className: styles$e.arrowLeft })
           }
         ) }),
         visiblePages.map((page, index) => /* @__PURE__ */ jsx("li", { children: page === ELLIPSIS_SYMBOL ? /* @__PURE__ */ jsx(PaginationItem$1, { "aria-label": "More pages", disabled: true, size, children: /* @__PURE__ */ jsx(Ellipsis, {}) }) : /* @__PURE__ */ jsx(
@@ -1427,7 +2209,7 @@ const fill = "_fill_33gbh_23";
 const trail = "_trail_33gbh_28";
 const sm$1 = "_sm_33gbh_32";
 const md$4 = "_md_33gbh_36";
-const styles$c = {
+const styles$d = {
 	root: root,
 	segment: segment,
 	flexGrow: flexGrow,
@@ -1448,7 +2230,7 @@ function ProgressBarLinear({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames(styles$c.root, styles$c[size], className),
+      className: classNames(styles$d.root, styles$d[size], className),
       role: "progressbar",
       "aria-valuenow": clampedPercent,
       "aria-valuemin": 0,
@@ -1460,14 +2242,14 @@ function ProgressBarLinear({
         (Boolean(clampedPercent) || showFillOnZero) && /* @__PURE__ */ jsx(
           "div",
           {
-            className: classNames(styles$c.segment, styles$c.fill),
+            className: classNames(styles$d.segment, styles$d.fill),
             style: {
               "--clamped-percent": `${clampedPercent}%`
             },
             "aria-hidden": "true"
           }
         ),
-        clampedPercent < 100 && /* @__PURE__ */ jsx("div", { className: classNames(styles$c.segment, styles$c.flexGrow, styles$c.trail), "aria-hidden": "true" })
+        clampedPercent < 100 && /* @__PURE__ */ jsx("div", { className: classNames(styles$d.segment, styles$d.flexGrow, styles$d.trail), "aria-hidden": "true" })
       ]
     }
   );
@@ -1487,7 +2269,7 @@ function ProgressBarSteps({
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames(styles$c.segment, styles$c.flexGrow, isFilled ? styles$c.fill : styles$c.trail),
+        className: classNames(styles$d.segment, styles$d.flexGrow, isFilled ? styles$d.fill : styles$d.trail),
         "aria-hidden": "true"
       },
       index
@@ -1496,7 +2278,7 @@ function ProgressBarSteps({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames(styles$c.root, styles$c[size], className),
+      className: classNames(styles$d.root, styles$d[size], className),
       role: "progressbar",
       "aria-valuenow": clampedCurrent,
       "aria-valuemin": 0,
@@ -1516,14 +2298,14 @@ ProgressBar.Steps = ProgressBarSteps;
 
 const radioWrapper = "_radioWrapper_13xie_2";
 const radio = "_radio_13xie_2";
-const styles$b = {
+const styles$c = {
 	radioWrapper: radioWrapper,
 	radio: radio
 };
 
 function RadioButton({ className, label, ...props }) {
-  return /* @__PURE__ */ jsxs("label", { "data-disabled": `${Boolean(props.disabled)}`, className: classNames(styles$b.radioWrapper, className), children: [
-    /* @__PURE__ */ jsx("input", { type: "radio", className: styles$b.radio, ...props }),
+  return /* @__PURE__ */ jsxs("label", { "data-disabled": `${Boolean(props.disabled)}`, className: classNames(styles$c.radioWrapper, className), children: [
+    /* @__PURE__ */ jsx("input", { type: "radio", className: styles$c.radio, ...props }),
     label
   ] });
 }
@@ -1534,7 +2316,7 @@ const textFieldAreaWrapper = "_textFieldAreaWrapper_90dha_2";
 const textFieldAreaLabel = "_textFieldAreaLabel_90dha_15";
 const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_90dha_24";
 const textFieldArea = "_textFieldArea_90dha_2";
-const styles$a = {
+const styles$b = {
 	textFieldAreaWrapper: textFieldAreaWrapper,
 	textFieldAreaLabel: textFieldAreaLabel,
 	textFieldAreaLabelSuffix: textFieldAreaLabelSuffix,
@@ -1555,14 +2337,14 @@ function TextFieldArea({
       "data-invalid": isInvalid,
       "aria-invalid": isInvalid,
       "data-element": "field",
-      className: classNames(styles$a.textFieldArea, className),
+      className: classNames(styles$b.textFieldArea, className),
       placeholder,
       ...props
     }
   );
-  return floatingLabel ? /* @__PURE__ */ jsxs("div", { className: styles$a.textFieldAreaWrapper, children: [
-    /* @__PURE__ */ jsx("label", { htmlFor: props.id, className: styles$a.textFieldAreaLabel, "data-element": "label", children: floatingLabel }),
-    floatingLabelSuffix && /* @__PURE__ */ jsx("span", { className: styles$a.textFieldAreaLabelSuffix, "data-element": "label-suffix", children: floatingLabelSuffix }),
+  return floatingLabel ? /* @__PURE__ */ jsxs("div", { className: styles$b.textFieldAreaWrapper, children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: props.id, className: styles$b.textFieldAreaLabel, "data-element": "label", children: floatingLabel }),
+    floatingLabelSuffix && /* @__PURE__ */ jsx("span", { className: styles$b.textFieldAreaLabelSuffix, "data-element": "label-suffix", children: floatingLabelSuffix }),
     textFieldArea
   ] }) : textFieldArea;
 }
@@ -1570,7 +2352,7 @@ function TextFieldArea({
 const textFieldInputWrapper = "_textFieldInputWrapper_4dexk_2";
 const textFieldInputLabel = "_textFieldInputLabel_4dexk_10";
 const textFieldInput = "_textFieldInput_4dexk_2";
-const styles$9 = {
+const styles$a = {
 	textFieldInputWrapper: textFieldInputWrapper,
 	textFieldInputLabel: textFieldInputLabel,
 	textFieldInput: textFieldInput
@@ -1589,37 +2371,37 @@ function TextFieldInput({
       "data-invalid": isInvalid,
       "aria-invalid": isInvalid,
       "data-element": "field",
-      className: classNames(styles$9.textFieldInput, className),
+      className: classNames(styles$a.textFieldInput, className),
       placeholder,
       ...props
     }
   );
-  return floatingLabel ? /* @__PURE__ */ jsxs("div", { className: styles$9.textFieldInputWrapper, children: [
-    /* @__PURE__ */ jsx("label", { htmlFor: props.id, className: styles$9.textFieldInputLabel, "data-element": "label", children: floatingLabel }),
+  return floatingLabel ? /* @__PURE__ */ jsxs("div", { className: styles$a.textFieldInputWrapper, children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: props.id, className: styles$a.textFieldInputLabel, "data-element": "label", children: floatingLabel }),
     textFieldInput
   ] }) : textFieldInput;
 }
 
 const textFieldLabel = "_textFieldLabel_1l2ya_1";
-const styles$8 = {
+const styles$9 = {
 	textFieldLabel: textFieldLabel
 };
 
 function TextFieldLabel({ className, children, isRequired, ...props }) {
-  return /* @__PURE__ */ jsx("label", { className: classNames(styles$8.textFieldLabel, className), "data-required": isRequired, ...props, children });
+  return /* @__PURE__ */ jsx("label", { className: classNames(styles$9.textFieldLabel, className), "data-required": isRequired, ...props, children });
 }
 
 const textFieldRoot = "_textFieldRoot_1geya_2";
 const lg$2 = "_lg_1geya_38";
 const md$3 = "_md_1geya_68";
-const styles$7 = {
+const styles$8 = {
 	textFieldRoot: textFieldRoot,
 	lg: lg$2,
 	md: md$3
 };
 
 function TextFieldRoot({ className, size = "lg", ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles$7.textFieldRoot, styles$7[size], className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles$8.textFieldRoot, styles$8[size], className), ...props });
 }
 
 function TextField() {
@@ -1634,7 +2416,7 @@ const custom = "_custom_gh87y_15";
 const icon$1 = "_icon_gh87y_25";
 const inputCustomWrapper = "_inputCustomWrapper_gh87y_34";
 const customButton = "_customButton_gh87y_49";
-const styles$6 = {
+const styles$7 = {
 	search: search,
 	"default": "_default_gh87y_10",
 	custom: custom,
@@ -1659,7 +2441,7 @@ function Search(props) {
     value && /* @__PURE__ */ jsx(
       IconXMark.Small,
       {
-        className: styles$6.icon,
+        className: styles$7.icon,
         "aria-label": "clear search",
         role: "button",
         onClick: () => onChange(""),
@@ -1667,13 +2449,13 @@ function Search(props) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs(TextField.Root, { size: "md", className: classNames(styles$6.search, styles$6[mode], className), children: [
+  return /* @__PURE__ */ jsxs(TextField.Root, { size: "md", className: classNames(styles$7.search, styles$7[mode], className), children: [
     mode === "default" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx(IconSearch, { className: styles$6.icon, "data-element": "icon" }),
+      /* @__PURE__ */ jsx(IconSearch, { className: styles$7.icon, "data-element": "icon" }),
       inputField
     ] }),
     mode === "custom" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx("div", { className: styles$6.inputCustomWrapper, children: inputField }),
+      /* @__PURE__ */ jsx("div", { className: styles$7.inputCustomWrapper, children: inputField }),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -1681,11 +2463,11 @@ function Search(props) {
           type: "button",
           onClick: props.onSearch,
           "data-element": "custom-button",
-          className: styles$6.customButton,
+          className: styles$7.customButton,
           style: {
             "--custom-button-width": `${props.buttonWidth ?? DEFAULT_CUSTOM_SEARCH_BUTTON_WIDTH}px`
           },
-          children: /* @__PURE__ */ jsx(IconSearch, { className: classNames(styles$6.icon), "data-element": "icon" })
+          children: /* @__PURE__ */ jsx(IconSearch, { className: classNames(styles$7.icon), "data-element": "icon" })
         }
       )
     ] })
@@ -1711,7 +2493,7 @@ function useSegmentControlContext() {
 const segmentControlItem = "_segmentControlItem_178px_2";
 const lg$1 = "_lg_178px_23";
 const md$2 = "_md_178px_28";
-const styles$5 = {
+const styles$6 = {
 	segmentControlItem: segmentControlItem,
 	lg: lg$1,
 	md: md$2
@@ -1727,7 +2509,7 @@ function SegmentControlItem({ className, children, value, ...props }) {
       "aria-checked": value === activeValue,
       "data-state": value === activeValue ? "on" : "off",
       "data-value": value,
-      className: classNames(styles$5.segmentControlItem, styles$5[size], className),
+      className: classNames(styles$6.segmentControlItem, styles$6[size], className),
       ...props,
       children
     }
@@ -1764,7 +2546,7 @@ const showAfterDelay = "_showAfterDelay_pulca_1";
 const lg = "_lg_pulca_19";
 const md$1 = "_md_pulca_23";
 const indicator$1 = "_indicator_pulca_28";
-const styles$4 = {
+const styles$5 = {
 	segmentControlRoot: segmentControlRoot,
 	showAfterDelay: showAfterDelay,
 	lg: lg,
@@ -1779,11 +2561,11 @@ function SegmentControlRoot({ className, children, value, size = "md", ...props
     {
       ref: rootRef,
       role: "radiogroup",
-      className: classNames(styles$4.segmentControlRoot, styles$4[size], className),
+      className: classNames(styles$5.segmentControlRoot, styles$5[size], className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx("div", { className: classNames(styles$4.indicator, styles$4[size]), style: indicatorStyle })
+        /* @__PURE__ */ jsx("div", { className: classNames(styles$5.indicator, styles$5[size]), style: indicatorStyle })
       ]
     }
   ) });
@@ -1796,7 +2578,7 @@ SegmentControl.Item = SegmentControlItem;
 
 const switchWrapper = "_switchWrapper_1yukb_2";
 const icon = "_icon_1yukb_25";
-const styles$3 = {
+const styles$4 = {
 	switchWrapper: switchWrapper,
 	icon: icon,
 	"switch": "_switch_1yukb_2"
@@ -1809,10 +2591,10 @@ function Switch({ className, label, indeterminate, ...props }) {
     {
       "data-disabled": `${Boolean(props.disabled)}`,
       "data-state": dataState,
-      className: classNames(styles$3.switchWrapper, className),
+      className: classNames(styles$4.switchWrapper, className),
       children: [
-        dataState === "indeterminate" && /* @__PURE__ */ jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$3.icon }),
-        /* @__PURE__ */ jsx("input", { "data-state": dataState, type: "checkbox", role: "switch", className: styles$3.switch, ...props }),
+        dataState === "indeterminate" && /* @__PURE__ */ jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$4.icon }),
+        /* @__PURE__ */ jsx("input", { "data-state": dataState, type: "checkbox", role: "switch", className: styles$4.switch, ...props }),
         label
       ]
     }
@@ -1834,7 +2616,7 @@ function useTabsContext() {
 }
 
 const tabsItem = "_tabsItem_1o4cb_2";
-const styles$2 = {
+const styles$3 = {
 	tabsItem: tabsItem
 };
 
@@ -1848,7 +2630,7 @@ function TabsItem({ className, children, value, ...props }) {
       role: "tab",
       "aria-selected": Boolean(isActive),
       "data-value": value,
-      className: classNames(styles$2.tabsItem, className),
+      className: classNames(styles$3.tabsItem, className),
       ...props,
       children
     }
@@ -1882,16 +2664,16 @@ function useActiveTab(value) {
 
 const tabsRoot = "_tabsRoot_1os90_8";
 const indicator = "_indicator_1os90_29";
-const styles$1 = {
+const styles$2 = {
 	tabsRoot: tabsRoot,
 	indicator: indicator
 };
 
 function TabsRoot({ className, children, value, ...props }) {
   const { indicatorStyle, rootRef } = useActiveTab(value);
-  return /* @__PURE__ */ jsx(TabsProvider, { value: { value }, children: /* @__PURE__ */ jsxs("div", { ref: rootRef, role: "tablist", className: classNames(styles$1.tabsRoot, className), ...props, children: [
+  return /* @__PURE__ */ jsx(TabsProvider, { value: { value }, children: /* @__PURE__ */ jsxs("div", { ref: rootRef, role: "tablist", className: classNames(styles$2.tabsRoot, className), ...props, children: [
     children,
-    /* @__PURE__ */ jsx("div", { className: styles$1.indicator, style: indicatorStyle })
+    /* @__PURE__ */ jsx("div", { className: styles$2.indicator, style: indicatorStyle })
   ] }) });
 }
 
@@ -1905,7 +2687,7 @@ const primary = "_primary_4y4oa_11";
 const secondary = "_secondary_4y4oa_19";
 const md = "_md_4y4oa_28";
 const sm = "_sm_4y4oa_34";
-const styles = {
+const styles$1 = {
 	tag: tag,
 	primary: primary,
 	secondary: secondary,
@@ -1917,7 +2699,7 @@ function Tag({ children, className, size = "md", mode = "primary", disabled, ...
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: classNames(styles.tag, styles[size], styles[mode], className),
+      className: classNames(styles$1.tag, styles$1[size], styles$1[mode], className),
       "data-disabled": disabled,
       "aria-disabled": disabled,
       ...props,
@@ -1926,4 +2708,85 @@ function Tag({ children, className, size = "md", mode = "primary", disabled, ...
   );
 }
 
-export { Badge, BadgeTabs, Breadcrumbs, Button, Checkbox, Chip, Counter, DatePicker, DropdownMenu, I18N_MONTH_LABELS, I18N_WEEKDAY_LABELS, IconArrow, IconArrowCircle, IconArrowDiagonal, IconArrowUTurn, IconCalendar, IconCharacteristic, IconCheck, IconChevron, IconChevronDouble, IconCollapse, IconEye, IconFilters, IconGear, IconGoogle, IconLogOut, IconMail, IconMinus, IconPerson, IconPhone, IconPlus, IconPrize, IconProject, IconQRCode, IconRequest, IconSearch, IconShopping, IconSort, IconTelegram, IconVK, IconXMark, IconYandex, LOCALE_FIRST_DAY_OF_WEEK, Pagination, ProgressBar, RadioButton, Search, SegmentControl, Switch, Tabs, Tag, TextField, useDatePickerControls, useDatePickerMultiSelect, useDatePickerSelect };
+const tooltipContent = "_tooltipContent_1267q_2";
+const tooltipTitle = "_tooltipTitle_1267q_96";
+const styles = {
+	tooltipContent: tooltipContent,
+	tooltipTitle: tooltipTitle
+};
+
+function TooltipContent({
+  className,
+  role,
+  title,
+  description,
+  arrowAlign,
+  arrowPosition,
+  arrowOffset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(styles.tooltipContent, className),
+      role: role ?? "tooltip",
+      "data-align": arrowAlign,
+      "data-position": arrowPosition,
+      ...arrowOffset && {
+        style: {
+          "--tooltip-content-arrow-offset-inline": `${arrowOffset.inline}px`,
+          "--tooltip-content-arrow-offset-block": `${arrowOffset.block}px`
+        }
+      },
+      ...props,
+      children: [
+        title && /* @__PURE__ */ jsx("div", { className: styles.tooltipTitle, children: title }),
+        description && /* @__PURE__ */ jsx("div", { children: description })
+      ]
+    }
+  );
+}
+
+const TOOLTIP_OFFSET = 8;
+
+function TooltipRoot({
+  children,
+  align = "center",
+  position = "top",
+  triggerEvent = "hover",
+  maxWidth,
+  maxHeight,
+  withoutArrow = false,
+  ...tooltipContentProps
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu.Root, { children: ({ portalPlacement }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, triggerEvent, children }),
+    /* @__PURE__ */ jsx(
+      DropdownMenu.Portal,
+      {
+        align,
+        position,
+        offset: TOOLTIP_OFFSET,
+        maxWidth,
+        maxHeight,
+        children: /* @__PURE__ */ jsx(
+          TooltipContent,
+          {
+            ...tooltipContentProps,
+            ...!withoutArrow && {
+              arrowAlign: portalPlacement?.align ?? "center",
+              arrowPosition: portalPlacement?.position ?? "top"
+            }
+          }
+        )
+      }
+    )
+  ] }) });
+}
+
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(TooltipRoot, { ...props });
+}
+Tooltip.Content = TooltipContent;
+
+export { Badge, BadgeTabs, Breadcrumbs, Button, Checkbox, Chip, Counter, DatePicker, DropdownMenu, I18N_MONTH_LABELS, I18N_WEEKDAY_LABELS, IconArrow, IconArrowCircle, IconArrowCircleUp, IconArrowDiagonal, IconArrowUTurn, IconBell, IconBox, IconCalendar, IconCharacteristic, IconCheck, IconCheckCircle, IconChevron, IconChevronDouble, IconClock, IconCollapse, IconCopy, IconDots, IconDownload, IconEye, IconFace, IconFile, IconFilters, IconGear, IconHanger, IconHome, IconInfo, IconLogOut, IconLogo, IconMail, IconMinus, IconOneCircle, IconPerson, IconPhone, IconPlus, IconPrize, IconProject, IconQRCode, IconRequest, IconResizeCorner, IconScan, IconSearch, IconShopping, IconSort, IconStar, IconSticker, IconStop, IconSwitch, IconXMark, IconXMarkCircle, LOCALE_FIRST_DAY_OF_WEEK, Pagination, ProgressBar, RadioButton, Search, SegmentControl, Switch, Tabs, Tag, TextField, Tooltip, useDatePickerControls, useDatePickerMultiSelect, useDatePickerSelect };