@grandbazar/ui-baza 1.2.0 → 1.2.2

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,31 @@ 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"
+    }
+  ) });
+}
+
+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",
@@ -270,6 +318,18 @@ function IconChevronDouble(props) {
   ] });
 }
 
+function IconClock(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM9.5 5.60547C8.94771 5.60547 8.5 6.05318 8.5 6.60547L8.5 10.6055C8.5 10.9842 8.71395 11.3306 9.05273 11.5L11.0527 12.5C11.5467 12.747 12.1475 12.5467 12.3945 12.0527C12.6415 11.5588 12.4412 10.9579 11.9473 10.7109L10.5 9.9873L10.5 6.60547C10.5 6.05318 10.0523 5.60547 9.5 5.60547Z",
+      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 +351,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 +430,53 @@ function IconEyeOff(props) {
 }
 IconEye.Off = IconEyeOff;
 
+function IconFace(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",
@@ -385,6 +551,34 @@ function IconGoogle(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 IconInfo(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 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 +609,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 +721,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,6 +789,55 @@ function IconSort(props) {
   ) });
 }
 
+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: "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 IconSticker(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M5.20052 1.40278C3.26404 1.73718 1.73718 3.26404 1.40278 5.20052L3.87587 4.78906C4.34417 4.71101 4.71101 4.34417 4.78906 3.87587L5.20052 1.40278ZM12 9.55556C12 10.9056 10.9056 12 9.55556 12H2.44444C1.09442 12 2.86336e-08 10.9056 0 9.55556V6C0 2.68629 2.68629 0 6 0H9.55556C10.9056 0 12 1.09442 12 2.44444V9.55556Z",
+      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: "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 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",
@@ -602,6 +880,21 @@ function IconXMarkSmall(props) {
 }
 IconXMark.Small = IconXMarkSmall;
 
+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"
+      }
+    )
+  ] });
+}
+
 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",
@@ -615,7 +908,7 @@ function IconYandex(props) {
 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 +957,7 @@ function Slot({
 }
 
 const breadcrumbItem = "_breadcrumbItem_cua4v_2";
-const styles$q = {
+const styles$r = {
 	breadcrumbItem: breadcrumbItem
 };
 
@@ -675,7 +968,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 +980,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 +1001,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 +1019,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 +1039,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 +1061,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 +1073,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 +1086,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 +1098,7 @@ function Checkbox({ className, label, indeterminate, ...props }) {
 }
 
 const chip = "_chip_dj4kw_2";
-const styles$m = {
+const styles$n = {
 	chip: chip
 };
 
@@ -813,7 +1106,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 +1124,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 +1136,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 +1146,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 +1156,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 +1216,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 +1231,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 +1274,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 +1456,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 +1558,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 +1570,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 +1589,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 +1946,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 +1985,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 +1997,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 +2034,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 +2061,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 +2071,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 +2111,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 +2132,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 +2144,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 +2171,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 +2180,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 +2200,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 +2218,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 +2239,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 +2254,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 +2273,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 +2318,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 +2343,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 +2351,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 +2365,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 +2395,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 +2411,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 +2448,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 +2463,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 +2480,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 +2493,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 +2518,7 @@ function useTabsContext() {
 }
 
 const tabsItem = "_tabsItem_1o4cb_2";
-const styles$2 = {
+const styles$3 = {
 	tabsItem: tabsItem
 };
 
@@ -1848,7 +2532,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 +2566,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 +2589,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 +2601,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 +2610,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, IconChevron, IconChevronDouble, IconClock, IconCollapse, IconCopy, IconDots, IconDownload, IconEye, IconFace, IconFile, IconFilters, IconGear, IconGoogle, IconHanger, IconInfo, IconLogOut, IconMail, IconMinus, IconOneCircle, IconPerson, IconPhone, IconPlus, IconPrize, IconProject, IconQRCode, IconRequest, IconResizeCorner, IconScan, IconSearch, IconShopping, IconSort, IconStar, IconSticker, IconStop, IconSwitch, IconTelegram, IconVK, IconXMark, IconXMarkCircle, IconYandex, LOCALE_FIRST_DAY_OF_WEEK, Pagination, ProgressBar, RadioButton, Search, SegmentControl, Switch, Tabs, Tag, TextField, Tooltip, useDatePickerControls, useDatePickerMultiSelect, useDatePickerSelect };