@grandbazar/ui-baza 1.2.1 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +69 -34
  2. package/dist/index.cjs +1009 -127
  3. package/dist/index.d.ts +154 -11
  4. package/dist/index.js +987 -124
  5. package/dist/style.css +111 -4
  6. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -57,7 +57,7 @@ const green = "_green_p5h5n_43";
57
57
  const neutral$3 = "_neutral_p5h5n_48";
58
58
  const lg$6 = "_lg_p5h5n_53";
59
59
  const md$9 = "_md_p5h5n_60";
60
- const styles$u = {
60
+ const styles$v = {
61
61
  badge: badge,
62
62
  primary: primary$3,
63
63
  secondary: secondary$4,
@@ -73,13 +73,13 @@ const styles$u = {
73
73
  };
74
74
 
75
75
  function Badge({ children, className, size = "lg", color = "accent", mode = "primary", ...props }) {
76
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$u.badge, styles$u[size], styles$u[color], styles$u[mode], className), ...props, children });
76
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$v.badge, styles$v[size], styles$v[color], styles$v[mode], className), ...props, children });
77
77
  }
78
78
 
79
79
  const badgeTabsItem = "_badgeTabsItem_10lit_2";
80
80
  const primary$2 = "_primary_10lit_18";
81
81
  const secondary$3 = "_secondary_10lit_36";
82
- const styles$t = {
82
+ const styles$u = {
83
83
  badgeTabsItem: badgeTabsItem,
84
84
  primary: primary$2,
85
85
  secondary: secondary$3
@@ -92,7 +92,7 @@ function BadgeTabsItem({ className, children, isActive, mode = "primary", ...pro
92
92
  type: "button",
93
93
  role: "tab",
94
94
  "aria-selected": Boolean(isActive),
95
- className: classNames(styles$t.badgeTabsItem, styles$t[mode], className),
95
+ className: classNames(styles$u.badgeTabsItem, styles$u[mode], className),
96
96
  ...props,
97
97
  children
98
98
  }
@@ -100,12 +100,12 @@ function BadgeTabsItem({ className, children, isActive, mode = "primary", ...pro
100
100
  }
101
101
 
102
102
  const badgeTabsRoot = "_badgeTabsRoot_1qkat_2";
103
- const styles$s = {
103
+ const styles$t = {
104
104
  badgeTabsRoot: badgeTabsRoot
105
105
  };
106
106
 
107
107
  function BadgeTabsRoot({ className, children, ...props }) {
108
- return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: classNames(styles$s.badgeTabsRoot, className), ...props, children });
108
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: classNames(styles$t.badgeTabsRoot, className), ...props, children });
109
109
  }
110
110
 
111
111
  function BadgeTabs(props) {
@@ -148,6 +148,29 @@ IconArrowCircle.Filled = function IconArrowCircleFilled(props) {
148
148
  ) });
149
149
  };
150
150
 
151
+ function IconArrowCircleUp(props) {
152
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
153
+ "path",
154
+ {
155
+ fillRule: "evenodd",
156
+ clipRule: "evenodd",
157
+ 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",
158
+ fill: "currentColor"
159
+ }
160
+ ) });
161
+ }
162
+ IconArrowCircleUp.Filled = function IconArrowCircleUpFilled(props) {
163
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
164
+ "path",
165
+ {
166
+ fillRule: "evenodd",
167
+ clipRule: "evenodd",
168
+ 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",
169
+ fill: "currentColor"
170
+ }
171
+ ) });
172
+ };
173
+
151
174
  function IconArrowDiagonal(props) {
152
175
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
153
176
  "path",
@@ -194,6 +217,49 @@ IconArrowUTurn.Up = function IconArrowUTurnUp(props) {
194
217
  ) });
195
218
  };
196
219
 
220
+ function IconBell(props) {
221
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
222
+ "path",
223
+ {
224
+ 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",
225
+ stroke: "currentColor",
226
+ strokeWidth: "2",
227
+ strokeLinecap: "round",
228
+ strokeLinejoin: "round"
229
+ }
230
+ ) });
231
+ }
232
+ IconBell.Filled = function IconBellFilled(props) {
233
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
234
+ /* @__PURE__ */ jsxRuntime.jsx(
235
+ "path",
236
+ {
237
+ 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",
238
+ fill: "currentColor"
239
+ }
240
+ ),
241
+ /* @__PURE__ */ jsxRuntime.jsx(
242
+ "path",
243
+ {
244
+ 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",
245
+ fill: "currentColor"
246
+ }
247
+ )
248
+ ] });
249
+ };
250
+
251
+ function IconBox(props) {
252
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
253
+ "path",
254
+ {
255
+ fillRule: "evenodd",
256
+ clipRule: "evenodd",
257
+ 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",
258
+ fill: "currentColor"
259
+ }
260
+ ) });
261
+ }
262
+
197
263
  function IconCalendar(props) {
198
264
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
199
265
  "path",
@@ -228,6 +294,21 @@ function IconCheck(props) {
228
294
  ) });
229
295
  }
230
296
 
297
+ function IconCheckCircle(props) {
298
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [
299
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white" }),
300
+ /* @__PURE__ */ jsxRuntime.jsx(
301
+ "path",
302
+ {
303
+ fillRule: "evenodd",
304
+ clipRule: "evenodd",
305
+ 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",
306
+ fill: "#1A1B20"
307
+ }
308
+ )
309
+ ] });
310
+ }
311
+
231
312
  function IconChevron(props) {
232
313
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
233
314
  "path",
@@ -274,6 +355,38 @@ function IconChevronDouble(props) {
274
355
  ] });
275
356
  }
276
357
 
358
+ function IconClock(props) {
359
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
360
+ /* @__PURE__ */ jsxRuntime.jsx(
361
+ "path",
362
+ {
363
+ fillRule: "evenodd",
364
+ clipRule: "evenodd",
365
+ 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",
366
+ fill: "currentColor"
367
+ }
368
+ ),
369
+ /* @__PURE__ */ jsxRuntime.jsx(
370
+ "path",
371
+ {
372
+ 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",
373
+ fill: "currentColor"
374
+ }
375
+ )
376
+ ] });
377
+ }
378
+ IconClock.Filled = function IconClockFilled(props) {
379
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
380
+ "path",
381
+ {
382
+ fillRule: "evenodd",
383
+ clipRule: "evenodd",
384
+ 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",
385
+ fill: "currentColor"
386
+ }
387
+ ) });
388
+ };
389
+
277
390
  function IconCollapse(props) {
278
391
  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
279
392
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -295,6 +408,65 @@ function IconCollapse(props) {
295
408
  ] });
296
409
  }
297
410
 
411
+ function IconCopy(props) {
412
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
413
+ "path",
414
+ {
415
+ 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",
416
+ stroke: "currentColor",
417
+ strokeWidth: "2",
418
+ strokeLinecap: "round",
419
+ strokeLinejoin: "round"
420
+ }
421
+ ) });
422
+ }
423
+
424
+ function IconDots(props) {
425
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
426
+ /* @__PURE__ */ jsxRuntime.jsx(
427
+ "path",
428
+ {
429
+ 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",
430
+ fill: "currentColor"
431
+ }
432
+ ),
433
+ /* @__PURE__ */ jsxRuntime.jsx(
434
+ "path",
435
+ {
436
+ 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",
437
+ fill: "currentColor"
438
+ }
439
+ ),
440
+ /* @__PURE__ */ jsxRuntime.jsx(
441
+ "path",
442
+ {
443
+ 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",
444
+ fill: "currentColor"
445
+ }
446
+ ),
447
+ /* @__PURE__ */ jsxRuntime.jsx(
448
+ "path",
449
+ {
450
+ 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",
451
+ fill: "currentColor"
452
+ }
453
+ )
454
+ ] });
455
+ }
456
+
457
+ function IconDownload(props) {
458
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
459
+ "path",
460
+ {
461
+ d: "M7 10L12 15M12 15L17 10M12 15V3M5 21H19",
462
+ stroke: "currentColor",
463
+ strokeWidth: "2",
464
+ strokeLinecap: "round",
465
+ strokeLinejoin: "round"
466
+ }
467
+ ) });
468
+ }
469
+
298
470
  function IconEye(props) {
299
471
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
300
472
  "path",
@@ -315,6 +487,56 @@ function IconEyeOff(props) {
315
487
  }
316
488
  IconEye.Off = IconEyeOff;
317
489
 
490
+ function IconFace() {
491
+ throw new Error("Do not render <IconFace /> directly.");
492
+ }
493
+ IconFace.Smile = function IconFace2(props) {
494
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
495
+ /* @__PURE__ */ jsxRuntime.jsx(
496
+ "path",
497
+ {
498
+ 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",
499
+ fill: "currentColor"
500
+ }
501
+ ),
502
+ /* @__PURE__ */ jsxRuntime.jsx(
503
+ "path",
504
+ {
505
+ 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",
506
+ fill: "currentColor"
507
+ }
508
+ )
509
+ ] });
510
+ };
511
+ IconFace.Sad = function IconFaceSad(props) {
512
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
513
+ /* @__PURE__ */ jsxRuntime.jsx(
514
+ "path",
515
+ {
516
+ 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",
517
+ fill: "currentColor"
518
+ }
519
+ ),
520
+ /* @__PURE__ */ jsxRuntime.jsx(
521
+ "path",
522
+ {
523
+ 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",
524
+ fill: "currentColor"
525
+ }
526
+ )
527
+ ] });
528
+ };
529
+
530
+ function IconFile(props) {
531
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
532
+ "path",
533
+ {
534
+ 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",
535
+ fill: "currentColor"
536
+ }
537
+ ) });
538
+ }
539
+
318
540
  function IconFilters(props) {
319
541
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
320
542
  "path",
@@ -348,6 +570,68 @@ IconGear.Filled = function IconGearFilled(props) {
348
570
  ) });
349
571
  };
350
572
 
573
+ function IconHanger(props) {
574
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
575
+ "path",
576
+ {
577
+ 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",
578
+ stroke: "currentColor",
579
+ strokeWidth: "3",
580
+ strokeLinecap: "round",
581
+ strokeLinejoin: "round"
582
+ }
583
+ ) });
584
+ }
585
+
586
+ function IconHome(props) {
587
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
588
+ "path",
589
+ {
590
+ fillRule: "evenodd",
591
+ clipRule: "evenodd",
592
+ 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",
593
+ fill: "currentColor"
594
+ }
595
+ ) });
596
+ }
597
+ IconHome.Filled = function IconHomeFilled(props) {
598
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
599
+ "path",
600
+ {
601
+ fillRule: "evenodd",
602
+ clipRule: "evenodd",
603
+ 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",
604
+ fill: "currentColor"
605
+ }
606
+ ) });
607
+ };
608
+
609
+ function IconInfo(props) {
610
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
611
+ "path",
612
+ {
613
+ fillRule: "evenodd",
614
+ clipRule: "evenodd",
615
+ 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",
616
+ fill: "currentColor"
617
+ }
618
+ ) });
619
+ }
620
+ IconInfo.Filled = function IconInfoFilled(props) {
621
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
622
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white" }),
623
+ /* @__PURE__ */ jsxRuntime.jsx(
624
+ "path",
625
+ {
626
+ fillRule: "evenodd",
627
+ clipRule: "evenodd",
628
+ 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",
629
+ fill: "currentColor"
630
+ }
631
+ )
632
+ ] });
633
+ };
634
+
351
635
  function IconGoogle(props) {
352
636
  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
353
637
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -389,6 +673,44 @@ function IconGoogle(props) {
389
673
  ] });
390
674
  }
391
675
 
676
+ function IconTelegram(props) {
677
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
678
+ "path",
679
+ {
680
+ 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",
681
+ fill: "#039BE5"
682
+ }
683
+ ) });
684
+ }
685
+
686
+ function IconVK(props) {
687
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
688
+ "path",
689
+ {
690
+ 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",
691
+ fill: "#4B78A6"
692
+ }
693
+ ) });
694
+ }
695
+
696
+ function IconYandex(props) {
697
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
698
+ "path",
699
+ {
700
+ 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",
701
+ fill: "#FF0000"
702
+ }
703
+ ) });
704
+ }
705
+
706
+ function IconLogo() {
707
+ throw new Error("Do not render <IconLogo /> directly.");
708
+ }
709
+ IconLogo.Google = IconGoogle;
710
+ IconLogo.Telegram = IconTelegram;
711
+ IconLogo.VK = IconVK;
712
+ IconLogo.Yandex = IconYandex;
713
+
392
714
  function IconLogOut(props) {
393
715
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
394
716
  "path",
@@ -419,6 +741,18 @@ function IconMinus(props) {
419
741
  ) });
420
742
  }
421
743
 
744
+ function IconOneCircle(props) {
745
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
746
+ "path",
747
+ {
748
+ fillRule: "evenodd",
749
+ clipRule: "evenodd",
750
+ 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",
751
+ fill: "currentColor"
752
+ }
753
+ ) });
754
+ }
755
+
422
756
  function IconPerson(props) {
423
757
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
424
758
  "path",
@@ -519,6 +853,29 @@ function IconRequest(props) {
519
853
  ) });
520
854
  }
521
855
 
856
+ function IconResizeCorner(props) {
857
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
858
+ "path",
859
+ {
860
+ 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",
861
+ fill: "currentColor"
862
+ }
863
+ ) });
864
+ }
865
+
866
+ function IconScan(props) {
867
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
868
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }),
869
+ /* @__PURE__ */ jsxRuntime.jsx(
870
+ "path",
871
+ {
872
+ 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",
873
+ fill: "currentColor"
874
+ }
875
+ )
876
+ ] });
877
+ }
878
+
522
879
  function IconSearch(props) {
523
880
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
524
881
  "path",
@@ -564,26 +921,55 @@ function IconSort(props) {
564
921
  ) });
565
922
  }
566
923
 
567
- function IconTelegram(props) {
568
- return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
924
+ function IconStar(props) {
925
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
569
926
  "path",
570
927
  {
571
- 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",
572
- fill: "#039BE5"
928
+ 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",
929
+ fill: "currentColor"
573
930
  }
574
931
  ) });
575
932
  }
576
933
 
577
- function IconVK(props) {
934
+ function IconSticker(props) {
935
+ return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
936
+ "path",
937
+ {
938
+ 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",
939
+ fill: "currentColor"
940
+ }
941
+ ) });
942
+ }
943
+
944
+ function IconStop(props) {
578
945
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
579
946
  "path",
580
947
  {
581
- 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",
582
- fill: "#4B78A6"
948
+ 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",
949
+ fill: "currentColor"
583
950
  }
584
951
  ) });
585
952
  }
586
953
 
954
+ function IconSwitch(props) {
955
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
956
+ /* @__PURE__ */ jsxRuntime.jsx(
957
+ "path",
958
+ {
959
+ 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",
960
+ fill: "currentColor"
961
+ }
962
+ ),
963
+ /* @__PURE__ */ jsxRuntime.jsx(
964
+ "path",
965
+ {
966
+ 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",
967
+ fill: "currentColor"
968
+ }
969
+ )
970
+ ] });
971
+ }
972
+
587
973
  function IconXMark(props) {
588
974
  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
589
975
  "path",
@@ -606,20 +992,25 @@ function IconXMarkSmall(props) {
606
992
  }
607
993
  IconXMark.Small = IconXMarkSmall;
608
994
 
609
- function IconYandex(props) {
610
- return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
611
- "path",
612
- {
613
- 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",
614
- fill: "#FF0000"
615
- }
616
- ) });
995
+ function IconXMarkCircle(props) {
996
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
997
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white" }),
998
+ /* @__PURE__ */ jsxRuntime.jsx(
999
+ "path",
1000
+ {
1001
+ fillRule: "evenodd",
1002
+ clipRule: "evenodd",
1003
+ 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",
1004
+ fill: "currentColor"
1005
+ }
1006
+ )
1007
+ ] });
617
1008
  }
618
1009
 
619
1010
  const breadcrumbs = "_breadcrumbs_1bfmb_2";
620
1011
  const breadcrumbsItem = "_breadcrumbsItem_1bfmb_8";
621
1012
  const defaultSeparator = "_defaultSeparator_1bfmb_14";
622
- const styles$r = {
1013
+ const styles$s = {
623
1014
  breadcrumbs: breadcrumbs,
624
1015
  breadcrumbsItem: breadcrumbsItem,
625
1016
  defaultSeparator: defaultSeparator
@@ -668,7 +1059,7 @@ function Slot({
668
1059
  }
669
1060
 
670
1061
  const breadcrumbItem = "_breadcrumbItem_cua4v_2";
671
- const styles$q = {
1062
+ const styles$r = {
672
1063
  breadcrumbItem: breadcrumbItem
673
1064
  };
674
1065
 
@@ -679,7 +1070,7 @@ function BreadcrumbItem({ children, className, isActive, asChild, ...props }) {
679
1070
  {
680
1071
  "data-active": isActive,
681
1072
  "data-disabled": props.disabled,
682
- className: classNames(styles$q.breadcrumbItem, className),
1073
+ className: classNames(styles$r.breadcrumbItem, className),
683
1074
  ...isActive && { "aria-current": "page" },
684
1075
  ...!asChild && { type: "button" },
685
1076
  ...props,
@@ -691,13 +1082,13 @@ function BreadcrumbItem({ children, className, isActive, asChild, ...props }) {
691
1082
  function Breadcrumbs({
692
1083
  className,
693
1084
  children,
694
- separator = /* @__PURE__ */ jsxRuntime.jsx(IconChevron, { className: styles$r.defaultSeparator })
1085
+ separator = /* @__PURE__ */ jsxRuntime.jsx(IconChevron, { className: styles$s.defaultSeparator })
695
1086
  }) {
696
1087
  const childrenArray = Array.isArray(children) ? children : [children];
697
1088
  const lastIndex = childrenArray.length - 1;
698
- return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: styles$r.breadcrumbs, children: childrenArray.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
699
- /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$r.breadcrumbsItem, children: item }),
700
- index < lastIndex && /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$r.breadcrumbsItem, "aria-hidden": "true", children: separator })
1089
+ return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: styles$s.breadcrumbs, children: childrenArray.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
1090
+ /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$s.breadcrumbsItem, children: item }),
1091
+ index < lastIndex && /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles$s.breadcrumbsItem, "aria-hidden": "true", children: separator })
701
1092
  ] }, index)) }) });
702
1093
  }
703
1094
  Breadcrumbs.Item = BreadcrumbItem;
@@ -712,7 +1103,7 @@ const neutral$2 = "_neutral_cmbkj_78";
712
1103
  const lg$5 = "_lg_cmbkj_145";
713
1104
  const md$8 = "_md_cmbkj_153";
714
1105
  const sm$3 = "_sm_cmbkj_161";
715
- const styles$p = {
1106
+ const styles$q = {
716
1107
  button: button,
717
1108
  accent: accent$2,
718
1109
  primary: primary$1,
@@ -730,7 +1121,7 @@ const accent$1 = "_accent_o8iku_10";
730
1121
  const neutral$1 = "_neutral_o8iku_22";
731
1122
  const lg$4 = "_lg_o8iku_41";
732
1123
  const md$7 = "_md_o8iku_46";
733
- const styles$o = {
1124
+ const styles$p = {
734
1125
  buttonFunction: buttonFunction,
735
1126
  accent: accent$1,
736
1127
  neutral: neutral$1,
@@ -750,7 +1141,7 @@ function ButtonFunction({
750
1141
  return /* @__PURE__ */ jsxRuntime.jsx(
751
1142
  Component,
752
1143
  {
753
- className: classNames(styles$o.buttonFunction, styles$o[color], styles$o[size], className),
1144
+ className: classNames(styles$p.buttonFunction, styles$p[color], styles$p[size], className),
754
1145
  ...props.disabled && { "data-disabled": true },
755
1146
  ...!asChild && { type: "button" },
756
1147
  ...props,
@@ -772,7 +1163,7 @@ function Button({
772
1163
  return /* @__PURE__ */ jsxRuntime.jsx(
773
1164
  Component,
774
1165
  {
775
- className: classNames(styles$p.button, styles$p[color], styles$p[size], styles$p[mode], className),
1166
+ className: classNames(styles$q.button, styles$q[color], styles$q[size], styles$q[mode], className),
776
1167
  ...!asChild && { type: "button" },
777
1168
  ...props,
778
1169
  children
@@ -784,7 +1175,7 @@ Button.Function = ButtonFunction;
784
1175
  const checkboxWrapper = "_checkboxWrapper_k1shg_2";
785
1176
  const icon$2 = "_icon_k1shg_23";
786
1177
  const checkbox = "_checkbox_k1shg_2";
787
- const styles$n = {
1178
+ const styles$o = {
788
1179
  checkboxWrapper: checkboxWrapper,
789
1180
  icon: icon$2,
790
1181
  checkbox: checkbox
@@ -797,11 +1188,11 @@ function Checkbox({ className, label, indeterminate, ...props }) {
797
1188
  {
798
1189
  "data-disabled": `${Boolean(props.disabled)}`,
799
1190
  "data-state": dataState,
800
- className: classNames(styles$n.checkboxWrapper, className),
1191
+ className: classNames(styles$o.checkboxWrapper, className),
801
1192
  children: [
802
- dataState === "checked" && /* @__PURE__ */ jsxRuntime.jsx(IconCheck, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$n.icon }),
803
- dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$n.icon }),
804
- /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", className: styles$n.checkbox, ...props }),
1193
+ dataState === "checked" && /* @__PURE__ */ jsxRuntime.jsx(IconCheck, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$o.icon }),
1194
+ dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$o.icon }),
1195
+ /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", className: styles$o.checkbox, ...props }),
805
1196
  label
806
1197
  ]
807
1198
  }
@@ -809,7 +1200,7 @@ function Checkbox({ className, label, indeterminate, ...props }) {
809
1200
  }
810
1201
 
811
1202
  const chip = "_chip_dj4kw_2";
812
- const styles$m = {
1203
+ const styles$n = {
813
1204
  chip: chip
814
1205
  };
815
1206
 
@@ -817,7 +1208,7 @@ function Chip({ isSelected, children, className, disabled, ...props }) {
817
1208
  return /* @__PURE__ */ jsxRuntime.jsx(
818
1209
  "div",
819
1210
  {
820
- className: classNames(styles$m.chip, className),
1211
+ className: classNames(styles$n.chip, className),
821
1212
  "data-selected": isSelected,
822
1213
  "data-disabled": disabled,
823
1214
  "aria-disabled": disabled,
@@ -835,7 +1226,7 @@ const accent = "_accent_ww0fb_37";
835
1226
  const neutral = "_neutral_ww0fb_42";
836
1227
  const secondary$1 = "_secondary_ww0fb_47";
837
1228
  const white = "_white_ww0fb_52";
838
- const styles$l = {
1229
+ const styles$m = {
839
1230
  root: root$1,
840
1231
  lg: lg$3,
841
1232
  md: md$6,
@@ -847,7 +1238,7 @@ const styles$l = {
847
1238
  };
848
1239
 
849
1240
  function Counter({ className, size = "lg", color = "red", ...props }) {
850
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$l.root, styles$l[size], styles$l[color], className), ...props });
1241
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$m.root, styles$m[size], styles$m[color], className), ...props });
851
1242
  }
852
1243
 
853
1244
  const LOCALE_FIRST_DAY_OF_WEEK = {
@@ -857,7 +1248,7 @@ const LOCALE_FIRST_DAY_OF_WEEK = {
857
1248
 
858
1249
  const datePickerCellWrapper = "_datePickerCellWrapper_np1gx_2";
859
1250
  const datePickerCell = "_datePickerCell_np1gx_2";
860
- const styles$k = {
1251
+ const styles$l = {
861
1252
  datePickerCellWrapper: datePickerCellWrapper,
862
1253
  datePickerCell: datePickerCell,
863
1254
  "radius-none": "_radius-none_np1gx_83",
@@ -867,10 +1258,10 @@ const styles$k = {
867
1258
  };
868
1259
 
869
1260
  function DatePickerCell({ children, className, state, isCurrent, radius = "both", ...props }) {
870
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$k.datePickerCellWrapper, styles$k[`radius-${radius}`]), "data-state": state, children: /* @__PURE__ */ jsxRuntime.jsx(
1261
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$l.datePickerCellWrapper, styles$l[`radius-${radius}`]), "data-state": state, children: /* @__PURE__ */ jsxRuntime.jsx(
871
1262
  "button",
872
1263
  {
873
- className: classNames(styles$k.datePickerCell, styles$k[`radius-${radius}`], className),
1264
+ className: classNames(styles$l.datePickerCell, styles$l[`radius-${radius}`], className),
874
1265
  type: "button",
875
1266
  role: "gridcell",
876
1267
  "aria-selected": state === "selected",
@@ -927,7 +1318,7 @@ function getCalendarGrid(month, year, firstDayOfWeek) {
927
1318
  const datePickerField = "_datePickerField_1qk8s_2";
928
1319
  const datePickerFieldCalendar = "_datePickerFieldCalendar_1qk8s_8";
929
1320
  const datePickerFieldWeek = "_datePickerFieldWeek_1qk8s_14";
930
- const styles$j = {
1321
+ const styles$k = {
931
1322
  datePickerField: datePickerField,
932
1323
  datePickerFieldCalendar: datePickerFieldCalendar,
933
1324
  datePickerFieldWeek: datePickerFieldWeek
@@ -942,9 +1333,9 @@ function DatePickerField({
942
1333
  firstDayOfWeek = LOCALE_FIRST_DAY_OF_WEEK.ru
943
1334
  }) {
944
1335
  const weeks = React.useMemo(() => getCalendarGrid(month, year, firstDayOfWeek), [month, year, firstDayOfWeek]);
945
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames(styles$j.datePickerField, className), role: "grid", children: [
1336
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames(styles$k.datePickerField, className), role: "grid", children: [
946
1337
  renderWeekdays?.(),
947
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$j.datePickerFieldCalendar, role: "rowgroup", children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$j.datePickerFieldWeek, role: "row", "aria-rowindex": weekIndex + 1, children: week.map((day, dayIndex) => /* @__PURE__ */ jsxRuntime.jsx(Slot, { role: "gridcell", "aria-colindex": dayIndex + 1, children: children(day) }, `${day.year}-${day.month}-${day.date}`)) }, weekIndex)) })
1338
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$k.datePickerFieldCalendar, role: "rowgroup", children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$k.datePickerFieldWeek, role: "row", "aria-rowindex": weekIndex + 1, children: week.map((day, dayIndex) => /* @__PURE__ */ jsxRuntime.jsx(Slot, { role: "gridcell", "aria-colindex": dayIndex + 1, children: children(day) }, `${day.year}-${day.month}-${day.date}`)) }, weekIndex)) })
948
1339
  ] });
949
1340
  }
950
1341
 
@@ -985,13 +1376,13 @@ const I18N_MONTH_LABELS = {
985
1376
 
986
1377
  const datePickerWeekdays = "_datePickerWeekdays_p8tsm_2";
987
1378
  const datePickerWeekday = "_datePickerWeekday_p8tsm_2";
988
- const styles$i = {
1379
+ const styles$j = {
989
1380
  datePickerWeekdays: datePickerWeekdays,
990
1381
  datePickerWeekday: datePickerWeekday
991
1382
  };
992
1383
 
993
1384
  function DatePickerWeekDays({ className, locale = "ru" }) {
994
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$i.datePickerWeekdays, className), role: "row", children: I18N_WEEKDAY_LABELS[locale].map((label) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$i.datePickerWeekday, role: "columnheader", children: label }, label)) });
1385
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$j.datePickerWeekdays, className), role: "row", children: I18N_WEEKDAY_LABELS[locale].map((label) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$j.datePickerWeekday, role: "columnheader", children: label }, label)) });
995
1386
  }
996
1387
 
997
1388
  function DatePicker() {
@@ -1167,22 +1558,76 @@ function useDatePickerSelect() {
1167
1558
  };
1168
1559
  }
1169
1560
 
1561
+ const DROPDOWN_PORTAL_DEFAULT_OFFSET = 8;
1562
+
1563
+ const DROPDOWN_PORTAL_TRANSLATE_BY_ALIGN = {
1564
+ start: "0%",
1565
+ center: "-50%",
1566
+ end: "-100%"
1567
+ };
1568
+ const DROPDOWN_PORTAL_SIDE_CONFIG = {
1569
+ top: {
1570
+ sizeKey: "portalHeight",
1571
+ edgeKey: "topEdge",
1572
+ viewportKey: "top",
1573
+ nextPosition: "bottom",
1574
+ anchorKey: "top",
1575
+ anchorEdgeKey: "top",
1576
+ paddingKey: "paddingBottom",
1577
+ translateAxis: "x",
1578
+ fixedTranslate: "-100%"
1579
+ },
1580
+ right: {
1581
+ sizeKey: "portalWidth",
1582
+ edgeKey: "rightEdge",
1583
+ viewportKey: "right",
1584
+ nextPosition: "left",
1585
+ anchorKey: "left",
1586
+ anchorEdgeKey: "right",
1587
+ paddingKey: "paddingLeft",
1588
+ translateAxis: "y",
1589
+ fixedTranslate: "0%"
1590
+ },
1591
+ bottom: {
1592
+ sizeKey: "portalHeight",
1593
+ edgeKey: "bottomEdge",
1594
+ viewportKey: "bottom",
1595
+ nextPosition: "top",
1596
+ anchorKey: "top",
1597
+ anchorEdgeKey: "bottom",
1598
+ paddingKey: "paddingTop",
1599
+ translateAxis: "x",
1600
+ fixedTranslate: "0%"
1601
+ },
1602
+ left: {
1603
+ sizeKey: "portalWidth",
1604
+ edgeKey: "leftEdge",
1605
+ viewportKey: "left",
1606
+ nextPosition: "right",
1607
+ anchorKey: "left",
1608
+ anchorEdgeKey: "left",
1609
+ paddingKey: "paddingRight",
1610
+ translateAxis: "y",
1611
+ fixedTranslate: "-100%"
1612
+ }
1613
+ };
1614
+
1170
1615
  const dropdownContent = "_dropdownContent_12tkb_2";
1171
- const styles$h = {
1616
+ const styles$i = {
1172
1617
  dropdownContent: dropdownContent
1173
1618
  };
1174
1619
 
1175
1620
  function DropdownContent({ className, children, ...props }) {
1176
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$h.dropdownContent, className), ...props, children });
1621
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$i.dropdownContent, className), ...props, children });
1177
1622
  }
1178
1623
 
1179
1624
  const dropdownItem = "_dropdownItem_msc4i_2";
1180
- const styles$g = {
1625
+ const styles$h = {
1181
1626
  dropdownItem: dropdownItem
1182
1627
  };
1183
1628
 
1184
1629
  function DropdownItem({ className, children, disabled, ...props }) {
1185
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$g.dropdownItem, className), role: "menuitem", "data-disabled": disabled, ...props, children });
1630
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$h.dropdownItem, className), role: "menuitem", "data-disabled": disabled, ...props, children });
1186
1631
  }
1187
1632
 
1188
1633
  const CLICK_OUTSIDE_IGNORE_DATA_NAME = "data-clickoutside-ignore";
@@ -1215,6 +1660,8 @@ function useClickOutside(refs, callback) {
1215
1660
 
1216
1661
  function DropdownMenuProvider({ children }) {
1217
1662
  const [isOpen, setIsOpen] = React.useState(false);
1663
+ const [triggerEvent, setTriggerEvent] = React.useState("click");
1664
+ const [portalPlacement, setPortalPlacement] = React.useState(null);
1218
1665
  const triggerRef = React.useRef(null);
1219
1666
  const portalRef = React.useRef(null);
1220
1667
  useClickOutside([portalRef, triggerRef], () => setIsOpen(false));
@@ -1225,9 +1672,13 @@ function DropdownMenuProvider({ children }) {
1225
1672
  isOpen,
1226
1673
  setIsOpen,
1227
1674
  triggerRef,
1228
- portalRef
1675
+ portalRef,
1676
+ triggerEvent,
1677
+ setTriggerEvent,
1678
+ portalPlacement,
1679
+ setPortalPlacement
1229
1680
  },
1230
- children: typeof children === "function" ? children({ isOpen, setIsOpen }) : children
1681
+ children: typeof children === "function" ? children({ isOpen, setIsOpen, portalPlacement }) : children
1231
1682
  }
1232
1683
  );
1233
1684
  }
@@ -1240,34 +1691,351 @@ function useDropdownMenuContext() {
1240
1691
  return context;
1241
1692
  }
1242
1693
 
1243
- const dropdownPortal = "_dropdownPortal_ne1k6_2";
1244
- const styles$f = {
1245
- dropdownPortal: dropdownPortal
1694
+ const getAxisAlign = ({ translateAxis, triggerPageRect, triggerCenter }) => {
1695
+ const axisAlign = {
1696
+ x: {
1697
+ start: triggerPageRect.left,
1698
+ center: triggerCenter.x,
1699
+ end: triggerPageRect.right
1700
+ },
1701
+ y: {
1702
+ start: triggerPageRect.top,
1703
+ center: triggerCenter.y,
1704
+ end: triggerPageRect.bottom
1705
+ }
1706
+ };
1707
+ return axisAlign[translateAxis];
1708
+ };
1709
+
1710
+ const getTriggerGeometry = (triggerRect, scrollCoords) => {
1711
+ const triggerWidth = triggerRect.width || triggerRect.right - triggerRect.left;
1712
+ const triggerHeight = triggerRect.height || triggerRect.bottom - triggerRect.top;
1713
+ const triggerPageRect = {
1714
+ top: triggerRect.top + scrollCoords.y,
1715
+ right: triggerRect.right + scrollCoords.x,
1716
+ bottom: triggerRect.bottom + scrollCoords.y,
1717
+ left: triggerRect.left + scrollCoords.x
1718
+ };
1719
+ const triggerCenter = {
1720
+ x: triggerPageRect.left + triggerWidth / 2,
1721
+ y: triggerPageRect.top + triggerHeight / 2
1722
+ };
1723
+ return { triggerPageRect, triggerCenter };
1724
+ };
1725
+
1726
+ const getTranslateBySide = (position, align) => {
1727
+ const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
1728
+ const translateByAlign = DROPDOWN_PORTAL_TRANSLATE_BY_ALIGN[align];
1729
+ const isAlignOnX = sideConfig.translateAxis === "x";
1730
+ return {
1731
+ "--dropdown-portal-translate-x": isAlignOnX ? translateByAlign : sideConfig.fixedTranslate,
1732
+ "--dropdown-portal-translate-y": isAlignOnX ? sideConfig.fixedTranslate : translateByAlign
1733
+ };
1734
+ };
1735
+ const getAnchorBySide = (position, triggerPageRect) => {
1736
+ const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
1737
+ return { [sideConfig.anchorKey]: triggerPageRect[sideConfig.anchorEdgeKey] };
1738
+ };
1739
+ const getOffsetPadding = (position, offset) => {
1740
+ const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
1741
+ return { [sideConfig.paddingKey]: `${offset}px` };
1742
+ };
1743
+ const getEdgeValueBySide = ({
1744
+ position,
1745
+ triggerRect,
1746
+ scrollCoords,
1747
+ portalWidth,
1748
+ portalHeight
1749
+ }) => {
1750
+ const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
1751
+ if (sideConfig.edgeKey === "rightEdge") {
1752
+ return triggerRect.right + scrollCoords.x + portalWidth;
1753
+ }
1754
+ if (sideConfig.edgeKey === "leftEdge") {
1755
+ return triggerRect.left + scrollCoords.x - portalWidth;
1756
+ }
1757
+ if (sideConfig.edgeKey === "bottomEdge") {
1758
+ return triggerRect.bottom + scrollCoords.y + portalHeight;
1759
+ }
1760
+ return triggerRect.top + scrollCoords.y - portalHeight;
1761
+ };
1762
+ const isEdgeOverflow = ({ edgeKey, edgeValue, viewportLimit }) => {
1763
+ if (edgeKey === "rightEdge" || edgeKey === "bottomEdge") {
1764
+ return edgeValue > viewportLimit;
1765
+ }
1766
+ return edgeValue < viewportLimit;
1246
1767
  };
1247
1768
 
1248
- function DropdownPortal({ children, className, align = "start", isNested }) {
1249
- const { isOpen, triggerRef, portalRef } = useDropdownMenuContext();
1250
- const [position, setPosition] = React.useState();
1769
+ function getPortalPosition({
1770
+ align,
1771
+ position,
1772
+ offset,
1773
+ scrollCoords,
1774
+ triggerRect
1775
+ }) {
1776
+ const { triggerPageRect, triggerCenter } = getTriggerGeometry(triggerRect, scrollCoords);
1777
+ const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
1778
+ const axisAlign = getAxisAlign({
1779
+ translateAxis: sideConfig.translateAxis,
1780
+ triggerPageRect,
1781
+ triggerCenter
1782
+ });
1783
+ const alignPosition = {
1784
+ x: {
1785
+ left: axisAlign[align]
1786
+ },
1787
+ y: {
1788
+ top: axisAlign[align]
1789
+ }
1790
+ };
1791
+ const portalPositionStyle = {
1792
+ ...getTranslateBySide(position, align),
1793
+ ...getAnchorBySide(position, triggerPageRect),
1794
+ ...alignPosition[sideConfig.translateAxis],
1795
+ ...getOffsetPadding(position, offset)
1796
+ };
1797
+ return portalPositionStyle;
1798
+ }
1799
+
1800
+ function handleDropdownMouseLeave(event, { ignoreRelatedTargetRef, setIsOpen }) {
1801
+ if (event.relatedTarget instanceof Node && ignoreRelatedTargetRef.current?.contains(event.relatedTarget)) {
1802
+ return;
1803
+ }
1804
+ setIsOpen(false);
1805
+ }
1806
+
1807
+ function usePortalHandlersByEventTrigger() {
1808
+ const { triggerRef, setIsOpen } = useDropdownMenuContext();
1809
+ const handlePortalBlur = React.useCallback(
1810
+ (event) => {
1811
+ const relatedTarget = event.relatedTarget;
1812
+ if (!(relatedTarget instanceof Node)) {
1813
+ setIsOpen(false);
1814
+ return;
1815
+ }
1816
+ if (event.currentTarget.contains(relatedTarget) || triggerRef.current?.contains(relatedTarget)) {
1817
+ return;
1818
+ }
1819
+ setIsOpen(false);
1820
+ },
1821
+ [setIsOpen, triggerRef]
1822
+ );
1823
+ const portalHandlersByEvent = React.useMemo(
1824
+ () => ({
1825
+ click: {},
1826
+ hover: {
1827
+ onMouseLeave: (event) => handleDropdownMouseLeave(event, {
1828
+ ignoreRelatedTargetRef: triggerRef,
1829
+ setIsOpen
1830
+ }),
1831
+ onBlur: handlePortalBlur
1832
+ }
1833
+ }),
1834
+ [handlePortalBlur, setIsOpen, triggerRef]
1835
+ );
1836
+ return portalHandlersByEvent;
1837
+ }
1838
+
1839
+ const getAdjustedAlign = ({
1840
+ align,
1841
+ translateAxis,
1842
+ portalWidth,
1843
+ portalHeight,
1844
+ triggerPageRect,
1845
+ triggerCenter,
1846
+ viewportPosition
1847
+ }) => {
1848
+ const isAlignedOnX = translateAxis === "x";
1849
+ const portalSize = isAlignedOnX ? portalWidth : portalHeight;
1850
+ if (!portalSize) {
1851
+ return align;
1852
+ }
1853
+ const axisAlign = getAxisAlign({ translateAxis, triggerPageRect, triggerCenter });
1854
+ const viewportStart = isAlignedOnX ? viewportPosition.left : viewportPosition.top;
1855
+ const viewportEnd = isAlignedOnX ? viewportPosition.right : viewportPosition.bottom;
1856
+ let portalStart = axisAlign.start;
1857
+ if (align === "center") {
1858
+ portalStart = axisAlign.center - portalSize / 2;
1859
+ }
1860
+ if (align === "end") {
1861
+ portalStart = axisAlign.end - portalSize;
1862
+ }
1863
+ const portalEnd = portalStart + portalSize;
1864
+ const isStartOverflow = portalStart < viewportStart;
1865
+ const isEndOverflow = portalEnd > viewportEnd;
1866
+ if (align === "start" && isEndOverflow && !isStartOverflow) {
1867
+ return "end";
1868
+ }
1869
+ if (align === "end" && isStartOverflow && !isEndOverflow) {
1870
+ return "start";
1871
+ }
1872
+ if (align === "center" && isStartOverflow !== isEndOverflow) {
1873
+ return isStartOverflow ? "start" : "end";
1874
+ }
1875
+ return align;
1876
+ };
1877
+
1878
+ const getAdjustedPosition = ({
1879
+ position,
1880
+ portalWidth,
1881
+ portalHeight,
1882
+ triggerRect,
1883
+ scrollCoords,
1884
+ viewportPosition
1885
+ }) => {
1886
+ const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
1887
+ const portalSize = sideConfig.sizeKey === "portalWidth" ? portalWidth : portalHeight;
1888
+ const edgeValue = getEdgeValueBySide({
1889
+ position,
1890
+ triggerRect,
1891
+ scrollCoords,
1892
+ portalWidth,
1893
+ portalHeight
1894
+ });
1895
+ const viewportLimit = viewportPosition[sideConfig.viewportKey];
1896
+ const isOverflow = isEdgeOverflow({ edgeKey: sideConfig.edgeKey, edgeValue, viewportLimit });
1897
+ return portalSize && isOverflow ? sideConfig.nextPosition : position;
1898
+ };
1899
+
1900
+ function getAdjustedPlacement({
1901
+ align,
1902
+ position,
1903
+ viewportPosition,
1904
+ portalWidth = 0,
1905
+ portalHeight = 0,
1906
+ scrollCoords,
1907
+ triggerRect
1908
+ }) {
1909
+ const adjustedPosition = getAdjustedPosition({
1910
+ position,
1911
+ viewportPosition,
1912
+ portalWidth,
1913
+ portalHeight,
1914
+ scrollCoords,
1915
+ triggerRect
1916
+ });
1917
+ const { triggerPageRect, triggerCenter } = getTriggerGeometry(triggerRect, scrollCoords);
1918
+ const sideConfig = DROPDOWN_PORTAL_SIDE_CONFIG[position];
1919
+ const adjustedAlign = getAdjustedAlign({
1920
+ align,
1921
+ translateAxis: sideConfig.translateAxis,
1922
+ portalWidth,
1923
+ portalHeight,
1924
+ triggerPageRect,
1925
+ triggerCenter,
1926
+ viewportPosition
1927
+ });
1928
+ return { position: adjustedPosition, align: adjustedAlign };
1929
+ }
1930
+
1931
+ function usePortalPosition({ align, position, offset, portalWidth, portalHeight }) {
1932
+ const { isOpen, triggerRef, setPortalPlacement } = useDropdownMenuContext();
1933
+ const [portalPosition, setPortalPosition] = React.useState();
1251
1934
  React.useEffect(() => {
1252
1935
  if (isOpen && triggerRef.current) {
1253
1936
  const triggerRect = triggerRef.current.getBoundingClientRect();
1254
- setPosition({
1255
- top: triggerRect.bottom + window.scrollY,
1256
- ...align === "start" ? { left: triggerRect.left + window.scrollX } : {},
1257
- ...align === "end" ? { right: triggerRect.left + window.scrollX } : {}
1937
+ const scrollCoords = {
1938
+ x: window.scrollX,
1939
+ y: window.scrollY
1940
+ };
1941
+ const viewportPosition = {
1942
+ left: scrollCoords.x,
1943
+ right: scrollCoords.x + window.innerWidth,
1944
+ top: scrollCoords.y,
1945
+ bottom: scrollCoords.y + window.innerHeight
1946
+ };
1947
+ const { position: adjustedPosition, align: adjustedAlign } = getAdjustedPlacement({
1948
+ align,
1949
+ position,
1950
+ viewportPosition,
1951
+ portalWidth,
1952
+ portalHeight,
1953
+ scrollCoords,
1954
+ triggerRect
1955
+ });
1956
+ setPortalPlacement({ position: adjustedPosition, align: adjustedAlign });
1957
+ const newPortalPosition = getPortalPosition({
1958
+ align: adjustedAlign,
1959
+ position: adjustedPosition,
1960
+ offset,
1961
+ triggerRect,
1962
+ scrollCoords
1258
1963
  });
1964
+ setPortalPosition(newPortalPosition);
1259
1965
  }
1260
- }, [align, isOpen, triggerRef]);
1261
- if (!isOpen || !position) {
1966
+ }, [align, isOpen, offset, portalHeight, portalWidth, position, setPortalPlacement, triggerRef]);
1967
+ return portalPosition;
1968
+ }
1969
+
1970
+ function useTriggerHandlersByEventTrigger() {
1971
+ const { setIsOpen, portalRef } = useDropdownMenuContext();
1972
+ const handleTriggerBlur = React.useCallback(
1973
+ (event) => {
1974
+ const relatedTarget = event.relatedTarget;
1975
+ if (relatedTarget instanceof Node && portalRef.current?.contains(relatedTarget)) {
1976
+ return;
1977
+ }
1978
+ setIsOpen(false);
1979
+ },
1980
+ [portalRef, setIsOpen]
1981
+ );
1982
+ const triggerHandlersByEvent = React.useMemo(
1983
+ () => ({
1984
+ click: { onClick: () => setIsOpen((prev) => !prev) },
1985
+ hover: {
1986
+ onMouseEnter: () => setIsOpen(true),
1987
+ onMouseLeave: (event) => handleDropdownMouseLeave(event, {
1988
+ ignoreRelatedTargetRef: portalRef,
1989
+ setIsOpen
1990
+ }),
1991
+ onFocus: () => setIsOpen(true),
1992
+ onBlur: handleTriggerBlur
1993
+ }
1994
+ }),
1995
+ [handleTriggerBlur, setIsOpen, portalRef]
1996
+ );
1997
+ return triggerHandlersByEvent;
1998
+ }
1999
+
2000
+ const dropdownPortal = "_dropdownPortal_p3tdk_2";
2001
+ const styles$g = {
2002
+ dropdownPortal: dropdownPortal
2003
+ };
2004
+
2005
+ function DropdownPortal({
2006
+ children,
2007
+ className,
2008
+ align = "start",
2009
+ position = "bottom",
2010
+ isNested,
2011
+ offset = DROPDOWN_PORTAL_DEFAULT_OFFSET,
2012
+ maxWidth,
2013
+ maxHeight
2014
+ }) {
2015
+ const { portalRef, triggerEvent, isOpen } = useDropdownMenuContext();
2016
+ const handlersByTrigger = usePortalHandlersByEventTrigger();
2017
+ const portalPosition = usePortalPosition({
2018
+ align,
2019
+ position,
2020
+ offset,
2021
+ ...maxWidth && { portalWidth: maxWidth + offset },
2022
+ ...maxHeight && { portalHeight: maxHeight + offset }
2023
+ });
2024
+ if (!isOpen || !portalPosition) {
1262
2025
  return null;
1263
2026
  }
1264
2027
  return reactDom.createPortal(
1265
2028
  /* @__PURE__ */ jsxRuntime.jsx(
1266
2029
  "div",
1267
2030
  {
1268
- style: position,
2031
+ style: {
2032
+ ...portalPosition,
2033
+ ...maxWidth && { "--dropdown-portal-max-width": `${maxWidth + offset}px` },
2034
+ ...maxHeight && { "--dropdown-portal-max-height": `${maxHeight + offset}px` }
2035
+ },
1269
2036
  ref: portalRef,
1270
- className: classNames(styles$f.dropdownPortal, className),
2037
+ className: classNames(styles$g.dropdownPortal, className),
2038
+ ...handlersByTrigger[triggerEvent],
1271
2039
  ...isNested && { [CLICK_OUTSIDE_IGNORE_DATA_NAME]: "true" },
1272
2040
  children
1273
2041
  }
@@ -1280,10 +2048,24 @@ function DropdownRoot({ children }) {
1280
2048
  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuProvider, { children });
1281
2049
  }
1282
2050
 
1283
- function DropdownTrigger({ children, asChild, ...props }) {
1284
- const { triggerRef, setIsOpen, isOpen } = useDropdownMenuContext();
2051
+ function DropdownTrigger({ children, asChild, triggerEvent = "click", ...props }) {
2052
+ const { triggerRef, isOpen, setTriggerEvent } = useDropdownMenuContext();
2053
+ const handlersByTrigger = useTriggerHandlersByEventTrigger();
2054
+ React.useEffect(() => {
2055
+ setTriggerEvent(triggerEvent);
2056
+ }, [setTriggerEvent, triggerEvent]);
1285
2057
  const Trigger = asChild ? Slot : "button";
1286
- return /* @__PURE__ */ jsxRuntime.jsx(Trigger, { ref: triggerRef, onClick: () => setIsOpen(!isOpen), "aria-expanded": isOpen, "aria-haspopup": "menu", ...props, children });
2058
+ return /* @__PURE__ */ jsxRuntime.jsx(
2059
+ Trigger,
2060
+ {
2061
+ ref: triggerRef,
2062
+ "aria-expanded": isOpen,
2063
+ "aria-haspopup": "menu",
2064
+ ...handlersByTrigger[triggerEvent],
2065
+ ...props,
2066
+ children
2067
+ }
2068
+ );
1287
2069
  }
1288
2070
 
1289
2071
  function DropdownMenu() {
@@ -1305,7 +2087,7 @@ const BOUNDARY_PAGES = 2;
1305
2087
  const paginationItem = "_paginationItem_1ll6p_2";
1306
2088
  const md$5 = "_md_1ll6p_46";
1307
2089
  const sm$2 = "_sm_1ll6p_60";
1308
- const styles$e = {
2090
+ const styles$f = {
1309
2091
  paginationItem: paginationItem,
1310
2092
  md: md$5,
1311
2093
  sm: sm$2
@@ -1317,7 +2099,7 @@ function PaginationItem({ className, children, size = "md", isCurrent, ...props
1317
2099
  {
1318
2100
  type: "button",
1319
2101
  ...isCurrent && { "aria-current": "page" },
1320
- className: classNames(styles$e.paginationItem, styles$e[size], className),
2102
+ className: classNames(styles$f.paginationItem, styles$f[size], className),
1321
2103
  ...props,
1322
2104
  children
1323
2105
  }
@@ -1354,7 +2136,7 @@ function getVisiblePages(totalPages, maxVisiblePagesWithEllipsis, currentPage) {
1354
2136
  const paginationRoot = "_paginationRoot_c5fwx_2";
1355
2137
  const paginationList = "_paginationList_c5fwx_7";
1356
2138
  const arrowLeft = "_arrowLeft_c5fwx_13";
1357
- const styles$d = {
2139
+ const styles$e = {
1358
2140
  paginationRoot: paginationRoot,
1359
2141
  paginationList: paginationList,
1360
2142
  arrowLeft: arrowLeft
@@ -1381,9 +2163,9 @@ function PaginationRoot({
1381
2163
  {
1382
2164
  "aria-label": "pagination navigation",
1383
2165
  role: "navigation",
1384
- className: classNames(styles$d.paginationRoot, className),
2166
+ className: classNames(styles$e.paginationRoot, className),
1385
2167
  ...props,
1386
- children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles$d.paginationList, children: [
2168
+ children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles$e.paginationList, children: [
1387
2169
  showArrows && /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
1388
2170
  PaginationItem$1,
1389
2171
  {
@@ -1391,7 +2173,7 @@ function PaginationRoot({
1391
2173
  onClick: () => onPageChange(currentPage - 1),
1392
2174
  disabled: isFirstPage,
1393
2175
  size,
1394
- children: /* @__PURE__ */ jsxRuntime.jsx(IconChevron$1, { className: styles$d.arrowLeft })
2176
+ children: /* @__PURE__ */ jsxRuntime.jsx(IconChevron$1, { className: styles$e.arrowLeft })
1395
2177
  }
1396
2178
  ) }),
1397
2179
  visiblePages.map((page, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: page === ELLIPSIS_SYMBOL ? /* @__PURE__ */ jsxRuntime.jsx(PaginationItem$1, { "aria-label": "More pages", disabled: true, size, children: /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -1431,7 +2213,7 @@ const fill = "_fill_33gbh_23";
1431
2213
  const trail = "_trail_33gbh_28";
1432
2214
  const sm$1 = "_sm_33gbh_32";
1433
2215
  const md$4 = "_md_33gbh_36";
1434
- const styles$c = {
2216
+ const styles$d = {
1435
2217
  root: root,
1436
2218
  segment: segment,
1437
2219
  flexGrow: flexGrow,
@@ -1452,7 +2234,7 @@ function ProgressBarLinear({
1452
2234
  return /* @__PURE__ */ jsxRuntime.jsxs(
1453
2235
  "div",
1454
2236
  {
1455
- className: classNames(styles$c.root, styles$c[size], className),
2237
+ className: classNames(styles$d.root, styles$d[size], className),
1456
2238
  role: "progressbar",
1457
2239
  "aria-valuenow": clampedPercent,
1458
2240
  "aria-valuemin": 0,
@@ -1464,14 +2246,14 @@ function ProgressBarLinear({
1464
2246
  (Boolean(clampedPercent) || showFillOnZero) && /* @__PURE__ */ jsxRuntime.jsx(
1465
2247
  "div",
1466
2248
  {
1467
- className: classNames(styles$c.segment, styles$c.fill),
2249
+ className: classNames(styles$d.segment, styles$d.fill),
1468
2250
  style: {
1469
2251
  "--clamped-percent": `${clampedPercent}%`
1470
2252
  },
1471
2253
  "aria-hidden": "true"
1472
2254
  }
1473
2255
  ),
1474
- clampedPercent < 100 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$c.segment, styles$c.flexGrow, styles$c.trail), "aria-hidden": "true" })
2256
+ clampedPercent < 100 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$d.segment, styles$d.flexGrow, styles$d.trail), "aria-hidden": "true" })
1475
2257
  ]
1476
2258
  }
1477
2259
  );
@@ -1491,7 +2273,7 @@ function ProgressBarSteps({
1491
2273
  return /* @__PURE__ */ jsxRuntime.jsx(
1492
2274
  "div",
1493
2275
  {
1494
- className: classNames(styles$c.segment, styles$c.flexGrow, isFilled ? styles$c.fill : styles$c.trail),
2276
+ className: classNames(styles$d.segment, styles$d.flexGrow, isFilled ? styles$d.fill : styles$d.trail),
1495
2277
  "aria-hidden": "true"
1496
2278
  },
1497
2279
  index
@@ -1500,7 +2282,7 @@ function ProgressBarSteps({
1500
2282
  return /* @__PURE__ */ jsxRuntime.jsx(
1501
2283
  "div",
1502
2284
  {
1503
- className: classNames(styles$c.root, styles$c[size], className),
2285
+ className: classNames(styles$d.root, styles$d[size], className),
1504
2286
  role: "progressbar",
1505
2287
  "aria-valuenow": clampedCurrent,
1506
2288
  "aria-valuemin": 0,
@@ -1520,14 +2302,14 @@ ProgressBar.Steps = ProgressBarSteps;
1520
2302
 
1521
2303
  const radioWrapper = "_radioWrapper_13xie_2";
1522
2304
  const radio = "_radio_13xie_2";
1523
- const styles$b = {
2305
+ const styles$c = {
1524
2306
  radioWrapper: radioWrapper,
1525
2307
  radio: radio
1526
2308
  };
1527
2309
 
1528
2310
  function RadioButton({ className, label, ...props }) {
1529
- return /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-disabled": `${Boolean(props.disabled)}`, className: classNames(styles$b.radioWrapper, className), children: [
1530
- /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", className: styles$b.radio, ...props }),
2311
+ return /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-disabled": `${Boolean(props.disabled)}`, className: classNames(styles$c.radioWrapper, className), children: [
2312
+ /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", className: styles$c.radio, ...props }),
1531
2313
  label
1532
2314
  ] });
1533
2315
  }
@@ -1538,7 +2320,7 @@ const textFieldAreaWrapper = "_textFieldAreaWrapper_90dha_2";
1538
2320
  const textFieldAreaLabel = "_textFieldAreaLabel_90dha_15";
1539
2321
  const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_90dha_24";
1540
2322
  const textFieldArea = "_textFieldArea_90dha_2";
1541
- const styles$a = {
2323
+ const styles$b = {
1542
2324
  textFieldAreaWrapper: textFieldAreaWrapper,
1543
2325
  textFieldAreaLabel: textFieldAreaLabel,
1544
2326
  textFieldAreaLabelSuffix: textFieldAreaLabelSuffix,
@@ -1559,14 +2341,14 @@ function TextFieldArea({
1559
2341
  "data-invalid": isInvalid,
1560
2342
  "aria-invalid": isInvalid,
1561
2343
  "data-element": "field",
1562
- className: classNames(styles$a.textFieldArea, className),
2344
+ className: classNames(styles$b.textFieldArea, className),
1563
2345
  placeholder,
1564
2346
  ...props
1565
2347
  }
1566
2348
  );
1567
- return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$a.textFieldAreaWrapper, children: [
1568
- /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$a.textFieldAreaLabel, "data-element": "label", children: floatingLabel }),
1569
- floatingLabelSuffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$a.textFieldAreaLabelSuffix, "data-element": "label-suffix", children: floatingLabelSuffix }),
2349
+ return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textFieldAreaWrapper, children: [
2350
+ /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$b.textFieldAreaLabel, "data-element": "label", children: floatingLabel }),
2351
+ floatingLabelSuffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$b.textFieldAreaLabelSuffix, "data-element": "label-suffix", children: floatingLabelSuffix }),
1570
2352
  textFieldArea
1571
2353
  ] }) : textFieldArea;
1572
2354
  }
@@ -1574,7 +2356,7 @@ function TextFieldArea({
1574
2356
  const textFieldInputWrapper = "_textFieldInputWrapper_4dexk_2";
1575
2357
  const textFieldInputLabel = "_textFieldInputLabel_4dexk_10";
1576
2358
  const textFieldInput = "_textFieldInput_4dexk_2";
1577
- const styles$9 = {
2359
+ const styles$a = {
1578
2360
  textFieldInputWrapper: textFieldInputWrapper,
1579
2361
  textFieldInputLabel: textFieldInputLabel,
1580
2362
  textFieldInput: textFieldInput
@@ -1593,37 +2375,37 @@ function TextFieldInput({
1593
2375
  "data-invalid": isInvalid,
1594
2376
  "aria-invalid": isInvalid,
1595
2377
  "data-element": "field",
1596
- className: classNames(styles$9.textFieldInput, className),
2378
+ className: classNames(styles$a.textFieldInput, className),
1597
2379
  placeholder,
1598
2380
  ...props
1599
2381
  }
1600
2382
  );
1601
- return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$9.textFieldInputWrapper, children: [
1602
- /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$9.textFieldInputLabel, "data-element": "label", children: floatingLabel }),
2383
+ return floatingLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$a.textFieldInputWrapper, children: [
2384
+ /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: props.id, className: styles$a.textFieldInputLabel, "data-element": "label", children: floatingLabel }),
1603
2385
  textFieldInput
1604
2386
  ] }) : textFieldInput;
1605
2387
  }
1606
2388
 
1607
2389
  const textFieldLabel = "_textFieldLabel_1l2ya_1";
1608
- const styles$8 = {
2390
+ const styles$9 = {
1609
2391
  textFieldLabel: textFieldLabel
1610
2392
  };
1611
2393
 
1612
2394
  function TextFieldLabel({ className, children, isRequired, ...props }) {
1613
- return /* @__PURE__ */ jsxRuntime.jsx("label", { className: classNames(styles$8.textFieldLabel, className), "data-required": isRequired, ...props, children });
2395
+ return /* @__PURE__ */ jsxRuntime.jsx("label", { className: classNames(styles$9.textFieldLabel, className), "data-required": isRequired, ...props, children });
1614
2396
  }
1615
2397
 
1616
2398
  const textFieldRoot = "_textFieldRoot_1geya_2";
1617
2399
  const lg$2 = "_lg_1geya_38";
1618
2400
  const md$3 = "_md_1geya_68";
1619
- const styles$7 = {
2401
+ const styles$8 = {
1620
2402
  textFieldRoot: textFieldRoot,
1621
2403
  lg: lg$2,
1622
2404
  md: md$3
1623
2405
  };
1624
2406
 
1625
2407
  function TextFieldRoot({ className, size = "lg", ...props }) {
1626
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$7.textFieldRoot, styles$7[size], className), ...props });
2408
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$8.textFieldRoot, styles$8[size], className), ...props });
1627
2409
  }
1628
2410
 
1629
2411
  function TextField() {
@@ -1638,7 +2420,7 @@ const custom = "_custom_gh87y_15";
1638
2420
  const icon$1 = "_icon_gh87y_25";
1639
2421
  const inputCustomWrapper = "_inputCustomWrapper_gh87y_34";
1640
2422
  const customButton = "_customButton_gh87y_49";
1641
- const styles$6 = {
2423
+ const styles$7 = {
1642
2424
  search: search,
1643
2425
  "default": "_default_gh87y_10",
1644
2426
  custom: custom,
@@ -1663,7 +2445,7 @@ function Search(props) {
1663
2445
  value && /* @__PURE__ */ jsxRuntime.jsx(
1664
2446
  IconXMark.Small,
1665
2447
  {
1666
- className: styles$6.icon,
2448
+ className: styles$7.icon,
1667
2449
  "aria-label": "clear search",
1668
2450
  role: "button",
1669
2451
  onClick: () => onChange(""),
@@ -1671,13 +2453,13 @@ function Search(props) {
1671
2453
  }
1672
2454
  )
1673
2455
  ] });
1674
- return /* @__PURE__ */ jsxRuntime.jsxs(TextField.Root, { size: "md", className: classNames(styles$6.search, styles$6[mode], className), children: [
2456
+ return /* @__PURE__ */ jsxRuntime.jsxs(TextField.Root, { size: "md", className: classNames(styles$7.search, styles$7[mode], className), children: [
1675
2457
  mode === "default" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1676
- /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: styles$6.icon, "data-element": "icon" }),
2458
+ /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: styles$7.icon, "data-element": "icon" }),
1677
2459
  inputField
1678
2460
  ] }),
1679
2461
  mode === "custom" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1680
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$6.inputCustomWrapper, children: inputField }),
2462
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$7.inputCustomWrapper, children: inputField }),
1681
2463
  /* @__PURE__ */ jsxRuntime.jsx(
1682
2464
  "button",
1683
2465
  {
@@ -1685,11 +2467,11 @@ function Search(props) {
1685
2467
  type: "button",
1686
2468
  onClick: props.onSearch,
1687
2469
  "data-element": "custom-button",
1688
- className: styles$6.customButton,
2470
+ className: styles$7.customButton,
1689
2471
  style: {
1690
2472
  "--custom-button-width": `${props.buttonWidth ?? DEFAULT_CUSTOM_SEARCH_BUTTON_WIDTH}px`
1691
2473
  },
1692
- children: /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: classNames(styles$6.icon), "data-element": "icon" })
2474
+ children: /* @__PURE__ */ jsxRuntime.jsx(IconSearch, { className: classNames(styles$7.icon), "data-element": "icon" })
1693
2475
  }
1694
2476
  )
1695
2477
  ] })
@@ -1715,7 +2497,7 @@ function useSegmentControlContext() {
1715
2497
  const segmentControlItem = "_segmentControlItem_178px_2";
1716
2498
  const lg$1 = "_lg_178px_23";
1717
2499
  const md$2 = "_md_178px_28";
1718
- const styles$5 = {
2500
+ const styles$6 = {
1719
2501
  segmentControlItem: segmentControlItem,
1720
2502
  lg: lg$1,
1721
2503
  md: md$2
@@ -1731,7 +2513,7 @@ function SegmentControlItem({ className, children, value, ...props }) {
1731
2513
  "aria-checked": value === activeValue,
1732
2514
  "data-state": value === activeValue ? "on" : "off",
1733
2515
  "data-value": value,
1734
- className: classNames(styles$5.segmentControlItem, styles$5[size], className),
2516
+ className: classNames(styles$6.segmentControlItem, styles$6[size], className),
1735
2517
  ...props,
1736
2518
  children
1737
2519
  }
@@ -1768,7 +2550,7 @@ const showAfterDelay = "_showAfterDelay_pulca_1";
1768
2550
  const lg = "_lg_pulca_19";
1769
2551
  const md$1 = "_md_pulca_23";
1770
2552
  const indicator$1 = "_indicator_pulca_28";
1771
- const styles$4 = {
2553
+ const styles$5 = {
1772
2554
  segmentControlRoot: segmentControlRoot,
1773
2555
  showAfterDelay: showAfterDelay,
1774
2556
  lg: lg,
@@ -1783,11 +2565,11 @@ function SegmentControlRoot({ className, children, value, size = "md", ...props
1783
2565
  {
1784
2566
  ref: rootRef,
1785
2567
  role: "radiogroup",
1786
- className: classNames(styles$4.segmentControlRoot, styles$4[size], className),
2568
+ className: classNames(styles$5.segmentControlRoot, styles$5[size], className),
1787
2569
  ...props,
1788
2570
  children: [
1789
2571
  children,
1790
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$4.indicator, styles$4[size]), style: indicatorStyle })
2572
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames(styles$5.indicator, styles$5[size]), style: indicatorStyle })
1791
2573
  ]
1792
2574
  }
1793
2575
  ) });
@@ -1800,7 +2582,7 @@ SegmentControl.Item = SegmentControlItem;
1800
2582
 
1801
2583
  const switchWrapper = "_switchWrapper_1yukb_2";
1802
2584
  const icon = "_icon_1yukb_25";
1803
- const styles$3 = {
2585
+ const styles$4 = {
1804
2586
  switchWrapper: switchWrapper,
1805
2587
  icon: icon,
1806
2588
  "switch": "_switch_1yukb_2"
@@ -1813,10 +2595,10 @@ function Switch({ className, label, indeterminate, ...props }) {
1813
2595
  {
1814
2596
  "data-disabled": `${Boolean(props.disabled)}`,
1815
2597
  "data-state": dataState,
1816
- className: classNames(styles$3.switchWrapper, className),
2598
+ className: classNames(styles$4.switchWrapper, className),
1817
2599
  children: [
1818
- dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$3.icon }),
1819
- /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", role: "switch", className: styles$3.switch, ...props }),
2600
+ dataState === "indeterminate" && /* @__PURE__ */ jsxRuntime.jsx(IconMinus, { "data-disabled": `${Boolean(props.disabled)}`, className: styles$4.icon }),
2601
+ /* @__PURE__ */ jsxRuntime.jsx("input", { "data-state": dataState, type: "checkbox", role: "switch", className: styles$4.switch, ...props }),
1820
2602
  label
1821
2603
  ]
1822
2604
  }
@@ -1838,7 +2620,7 @@ function useTabsContext() {
1838
2620
  }
1839
2621
 
1840
2622
  const tabsItem = "_tabsItem_1o4cb_2";
1841
- const styles$2 = {
2623
+ const styles$3 = {
1842
2624
  tabsItem: tabsItem
1843
2625
  };
1844
2626
 
@@ -1852,7 +2634,7 @@ function TabsItem({ className, children, value, ...props }) {
1852
2634
  role: "tab",
1853
2635
  "aria-selected": Boolean(isActive),
1854
2636
  "data-value": value,
1855
- className: classNames(styles$2.tabsItem, className),
2637
+ className: classNames(styles$3.tabsItem, className),
1856
2638
  ...props,
1857
2639
  children
1858
2640
  }
@@ -1886,16 +2668,16 @@ function useActiveTab(value) {
1886
2668
 
1887
2669
  const tabsRoot = "_tabsRoot_1os90_8";
1888
2670
  const indicator = "_indicator_1os90_29";
1889
- const styles$1 = {
2671
+ const styles$2 = {
1890
2672
  tabsRoot: tabsRoot,
1891
2673
  indicator: indicator
1892
2674
  };
1893
2675
 
1894
2676
  function TabsRoot({ className, children, value, ...props }) {
1895
2677
  const { indicatorStyle, rootRef } = useActiveTab(value);
1896
- return /* @__PURE__ */ jsxRuntime.jsx(TabsProvider, { value: { value }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, role: "tablist", className: classNames(styles$1.tabsRoot, className), ...props, children: [
2678
+ return /* @__PURE__ */ jsxRuntime.jsx(TabsProvider, { value: { value }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, role: "tablist", className: classNames(styles$2.tabsRoot, className), ...props, children: [
1897
2679
  children,
1898
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.indicator, style: indicatorStyle })
2680
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$2.indicator, style: indicatorStyle })
1899
2681
  ] }) });
1900
2682
  }
1901
2683
 
@@ -1909,7 +2691,7 @@ const primary = "_primary_4y4oa_11";
1909
2691
  const secondary = "_secondary_4y4oa_19";
1910
2692
  const md = "_md_4y4oa_28";
1911
2693
  const sm = "_sm_4y4oa_34";
1912
- const styles = {
2694
+ const styles$1 = {
1913
2695
  tag: tag,
1914
2696
  primary: primary,
1915
2697
  secondary: secondary,
@@ -1921,7 +2703,7 @@ function Tag({ children, className, size = "md", mode = "primary", disabled, ...
1921
2703
  return /* @__PURE__ */ jsxRuntime.jsx(
1922
2704
  "div",
1923
2705
  {
1924
- className: classNames(styles.tag, styles[size], styles[mode], className),
2706
+ className: classNames(styles$1.tag, styles$1[size], styles$1[mode], className),
1925
2707
  "data-disabled": disabled,
1926
2708
  "aria-disabled": disabled,
1927
2709
  ...props,
@@ -1930,6 +2712,87 @@ function Tag({ children, className, size = "md", mode = "primary", disabled, ...
1930
2712
  );
1931
2713
  }
1932
2714
 
2715
+ const tooltipContent = "_tooltipContent_1267q_2";
2716
+ const tooltipTitle = "_tooltipTitle_1267q_96";
2717
+ const styles = {
2718
+ tooltipContent: tooltipContent,
2719
+ tooltipTitle: tooltipTitle
2720
+ };
2721
+
2722
+ function TooltipContent({
2723
+ className,
2724
+ role,
2725
+ title,
2726
+ description,
2727
+ arrowAlign,
2728
+ arrowPosition,
2729
+ arrowOffset,
2730
+ ...props
2731
+ }) {
2732
+ return /* @__PURE__ */ jsxRuntime.jsxs(
2733
+ "div",
2734
+ {
2735
+ className: classNames(styles.tooltipContent, className),
2736
+ role: role ?? "tooltip",
2737
+ "data-align": arrowAlign,
2738
+ "data-position": arrowPosition,
2739
+ ...arrowOffset && {
2740
+ style: {
2741
+ "--tooltip-content-arrow-offset-inline": `${arrowOffset.inline}px`,
2742
+ "--tooltip-content-arrow-offset-block": `${arrowOffset.block}px`
2743
+ }
2744
+ },
2745
+ ...props,
2746
+ children: [
2747
+ title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.tooltipTitle, children: title }),
2748
+ description && /* @__PURE__ */ jsxRuntime.jsx("div", { children: description })
2749
+ ]
2750
+ }
2751
+ );
2752
+ }
2753
+
2754
+ const TOOLTIP_OFFSET = 8;
2755
+
2756
+ function TooltipRoot({
2757
+ children,
2758
+ align = "center",
2759
+ position = "top",
2760
+ triggerEvent = "hover",
2761
+ maxWidth,
2762
+ maxHeight,
2763
+ withoutArrow = false,
2764
+ ...tooltipContentProps
2765
+ }) {
2766
+ return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu.Root, { children: ({ portalPlacement }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2767
+ /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu.Trigger, { asChild: true, triggerEvent, children }),
2768
+ /* @__PURE__ */ jsxRuntime.jsx(
2769
+ DropdownMenu.Portal,
2770
+ {
2771
+ align,
2772
+ position,
2773
+ offset: TOOLTIP_OFFSET,
2774
+ maxWidth,
2775
+ maxHeight,
2776
+ children: /* @__PURE__ */ jsxRuntime.jsx(
2777
+ TooltipContent,
2778
+ {
2779
+ ...tooltipContentProps,
2780
+ ...!withoutArrow && {
2781
+ arrowAlign: portalPlacement?.align ?? "center",
2782
+ arrowPosition: portalPlacement?.position ?? "top"
2783
+ }
2784
+ }
2785
+ )
2786
+ }
2787
+ )
2788
+ ] }) });
2789
+ }
2790
+
2791
+ function Tooltip(props) {
2792
+ return /* @__PURE__ */ jsxRuntime.jsx(TooltipRoot, { ...props });
2793
+ }
2794
+ Tooltip.Content = TooltipContent;
2795
+
1933
2796
  exports.Badge = Badge;
1934
2797
  exports.BadgeTabs = BadgeTabs;
1935
2798
  exports.Breadcrumbs = Breadcrumbs;
@@ -1943,21 +2806,35 @@ exports.I18N_MONTH_LABELS = I18N_MONTH_LABELS;
1943
2806
  exports.I18N_WEEKDAY_LABELS = I18N_WEEKDAY_LABELS;
1944
2807
  exports.IconArrow = IconArrow;
1945
2808
  exports.IconArrowCircle = IconArrowCircle;
2809
+ exports.IconArrowCircleUp = IconArrowCircleUp;
1946
2810
  exports.IconArrowDiagonal = IconArrowDiagonal;
1947
2811
  exports.IconArrowUTurn = IconArrowUTurn;
2812
+ exports.IconBell = IconBell;
2813
+ exports.IconBox = IconBox;
1948
2814
  exports.IconCalendar = IconCalendar;
1949
2815
  exports.IconCharacteristic = IconCharacteristic;
1950
2816
  exports.IconCheck = IconCheck;
2817
+ exports.IconCheckCircle = IconCheckCircle;
1951
2818
  exports.IconChevron = IconChevron;
1952
2819
  exports.IconChevronDouble = IconChevronDouble;
2820
+ exports.IconClock = IconClock;
1953
2821
  exports.IconCollapse = IconCollapse;
2822
+ exports.IconCopy = IconCopy;
2823
+ exports.IconDots = IconDots;
2824
+ exports.IconDownload = IconDownload;
1954
2825
  exports.IconEye = IconEye;
2826
+ exports.IconFace = IconFace;
2827
+ exports.IconFile = IconFile;
1955
2828
  exports.IconFilters = IconFilters;
1956
2829
  exports.IconGear = IconGear;
1957
- exports.IconGoogle = IconGoogle;
2830
+ exports.IconHanger = IconHanger;
2831
+ exports.IconHome = IconHome;
2832
+ exports.IconInfo = IconInfo;
1958
2833
  exports.IconLogOut = IconLogOut;
2834
+ exports.IconLogo = IconLogo;
1959
2835
  exports.IconMail = IconMail;
1960
2836
  exports.IconMinus = IconMinus;
2837
+ exports.IconOneCircle = IconOneCircle;
1961
2838
  exports.IconPerson = IconPerson;
1962
2839
  exports.IconPhone = IconPhone;
1963
2840
  exports.IconPlus = IconPlus;
@@ -1965,13 +2842,17 @@ exports.IconPrize = IconPrize;
1965
2842
  exports.IconProject = IconProject;
1966
2843
  exports.IconQRCode = IconQRCode;
1967
2844
  exports.IconRequest = IconRequest;
2845
+ exports.IconResizeCorner = IconResizeCorner;
2846
+ exports.IconScan = IconScan;
1968
2847
  exports.IconSearch = IconSearch;
1969
2848
  exports.IconShopping = IconShopping;
1970
2849
  exports.IconSort = IconSort;
1971
- exports.IconTelegram = IconTelegram;
1972
- exports.IconVK = IconVK;
2850
+ exports.IconStar = IconStar;
2851
+ exports.IconSticker = IconSticker;
2852
+ exports.IconStop = IconStop;
2853
+ exports.IconSwitch = IconSwitch;
1973
2854
  exports.IconXMark = IconXMark;
1974
- exports.IconYandex = IconYandex;
2855
+ exports.IconXMarkCircle = IconXMarkCircle;
1975
2856
  exports.LOCALE_FIRST_DAY_OF_WEEK = LOCALE_FIRST_DAY_OF_WEEK;
1976
2857
  exports.Pagination = Pagination;
1977
2858
  exports.ProgressBar = ProgressBar;
@@ -1982,6 +2863,7 @@ exports.Switch = Switch;
1982
2863
  exports.Tabs = Tabs;
1983
2864
  exports.Tag = Tag;
1984
2865
  exports.TextField = TextField;
2866
+ exports.Tooltip = Tooltip;
1985
2867
  exports.useDatePickerControls = useDatePickerControls;
1986
2868
  exports.useDatePickerMultiSelect = useDatePickerMultiSelect;
1987
2869
  exports.useDatePickerSelect = useDatePickerSelect;