@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/DesignTokens/components/index.js

@@ -1,93 +1,120 @@
 import { Button_Tokens as n, designTokensComponentsButtonKeys as s } from "./Button.js";
 import { Checkbox_Tokens as r, designTokensComponentsCheckboxKeys as p } from "./Checkbox.js";
-import { FormField_Tokens as k, designTokensComponentsFormFieldKeys as T } from "./FormField.js";
-import { Link_Tokens as i, designTokensComponentsLinkKeys as g } from "./Link.js";
-import { Tabs_Tokens as y, designTokensComponentsTabsKeys as x } from "./Tabs.js";
-import { Loader_Tokens as f, designTokensComponentsLoaderKeys as K } from "./Loader.js";
-import { LoaderWidget_Tokens as l, designTokensComponentsLoaderWidgetKeys as L } from "./LoaderWidget.js";
-import { Radio_Tokens as b, designTokensComponentsRadioKeys as w } from "./Radio.js";
-import { Typography_Tokens as S, designTokensComponentsTypographyKeys as F } from "./Typography.js";
-import { Tooltip_Tokens as M, designTokensComponentsTooltipKeys as c } from "./Tooltip.js";
-import { AlertContext_Tokens as u, designTokensComponentsAlertContextKeys as A } from "./AlertContext.js";
-import { AlertProcess_Tokens as v, designTokensComponentsAlertProcessKeys as H } from "./AlertProcess.js";
-import { Dropdown_Tokens as R, designTokensComponentsDropdownKeys as U } from "./Dropdown.js";
-import { DropdownList_Tokens as Z, designTokensComponentsDropdownListKeys as j } from "./DropdownList.js";
-import { DropdownMobile_Tokens as z, designTokensComponentsDropdownMobileKeys as E } from "./DropdownMobile.js";
-import { DropdownMobileList_Tokens as J, designTokensComponentsDropdownMobileListKeys as N } from "./DropdownMobileList.js";
-import { Overlay_Tokens as V, designTokensComponentsOverlayKeys as X } from "./Overlay.js";
-import { ListItem_Tokens as $, designTokensComponentsListItemKeys as oo } from "./ListItem.js";
-import { ListItemControlsButton_Tokens as no, designTokensComponentsListItemControlsButtonKeys as so } from "./ListItemControlsButton.js";
-import { ListMaster_Tokens as ro, designTokensComponentsListMasterKeys as po } from "./ListMaster.js";
-import { Page_Tokens as ko, designTokensComponentsPageKeys as To } from "./Page.js";
-import { UploadZone_Tokens as go, designTokensComponentsUploadZoneKeys as Co } from "./UploadZone.js";
-import { Pagination_Tokens as xo, designTokensComponentsPaginationKeys as ao } from "./Pagination.js";
-import { Card_Tokens as Ko, designTokensComponentsCardKeys as _o } from "./Card.js";
-import { Skeleton_Tokens as Lo, designTokensComponentsSkeletonKeys as Po } from "./Skeleton.js";
-import { SegmentedControl_Tokens as wo, designTokensComponentsSegmentedControlKeys as Do } from "./SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as Fo, designTokensComponentsSegmentedControlSegmentKeys as Io } from "./SegmentedControlSegment.js";
-import { HeaderPage_Tokens as co, designTokensComponentsHeaderPageKeys as ho } from "./HeaderPage.js";
-import { FooterPage_Tokens as Ao, designTokensComponentsFooterPageKeys as Bo } from "./FooterPage.js";
-import { Island_Tokens as Ho, designTokensComponentsIslandKeys as Oo } from "./Island.js";
+import { FormField_Tokens as T, designTokensComponentsFormFieldKeys as k } from "./FormField.js";
+import { Link_Tokens as d, designTokensComponentsLinkKeys as g } from "./Link.js";
+import { Tabs_Tokens as a, designTokensComponentsTabsKeys as y } from "./Tabs.js";
+import { TabsLine_Tokens as f, designTokensComponentsTabsLineKeys as K } from "./TabsLine.js";
+import { Loader_Tokens as l, designTokensComponentsLoaderKeys as L } from "./Loader.js";
+import { LoaderScreen_Tokens as b, designTokensComponentsLoaderScreenKeys as c } from "./LoaderScreen.js";
+import { Radio_Tokens as M, designTokensComponentsRadioKeys as P } from "./Radio.js";
+import { Typography_Tokens as h, designTokensComponentsTypographyKeys as u } from "./Typography.js";
+import { Tooltip_Tokens as F, designTokensComponentsTooltipKeys as I } from "./Tooltip.js";
+import { AlertContext_Tokens as A, designTokensComponentsAlertContextKeys as H } from "./AlertContext.js";
+import { AlertProcess_Tokens as O, designTokensComponentsAlertProcessKeys as R } from "./AlertProcess.js";
+import { Divider_Tokens as Z, designTokensComponentsDividerKeys as j } from "./Divider.js";
+import { Dropdown_Tokens as z, designTokensComponentsDropdownKeys as E } from "./Dropdown.js";
+import { DropdownList_Tokens as J, designTokensComponentsDropdownListKeys as Q } from "./DropdownList.js";
+import { DropdownMobile_Tokens as W, designTokensComponentsDropdownMobileKeys as X } from "./DropdownMobile.js";
+import { DropdownMobileList_Tokens as $, designTokensComponentsDropdownMobileListKeys as ee } from "./DropdownMobileList.js";
+import { Overlay_Tokens as ne, designTokensComponentsOverlayKeys as se } from "./Overlay.js";
+import { ListItem_Tokens as re, designTokensComponentsListItemKeys as pe } from "./ListItem.js";
+import { ListItemControlsButton_Tokens as Te, designTokensComponentsListItemControlsButtonKeys as ke } from "./ListItemControlsButton.js";
+import { ListMaster_Tokens as de, designTokensComponentsListMasterKeys as ge } from "./ListMaster.js";
+import { Marker_Tokens as ae, designTokensComponentsMarkerKeys as ye } from "./Marker.js";
+import { MarkerStatus_Tokens as fe, designTokensComponentsMarkerStatusKeys as Ke } from "./MarkerStatus.js";
+import { Page_Tokens as le, designTokensComponentsPageKeys as Le } from "./Page.js";
+import { UploadZone_Tokens as be, designTokensComponentsUploadZoneKeys as ce } from "./UploadZone.js";
+import { Pagination_Tokens as Me, designTokensComponentsPaginationKeys as Pe } from "./Pagination.js";
+import { Card_Tokens as he, designTokensComponentsCardKeys as ue } from "./Card.js";
+import { Skeleton_Tokens as Fe, designTokensComponentsSkeletonKeys as Ie } from "./Skeleton.js";
+import { SegmentedControl_Tokens as Ae, designTokensComponentsSegmentedControlKeys as He } from "./SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as Oe, designTokensComponentsSegmentedControlSegmentKeys as Re } from "./SegmentedControlSegment.js";
+import { Stepper_Tokens as Ze, designTokensComponentsStepperKeys as je } from "./Stepper.js";
+import { HeaderPage_Tokens as ze, designTokensComponentsHeaderPageKeys as Ee } from "./HeaderPage.js";
+import { FooterPage_Tokens as Je, designTokensComponentsFooterPageKeys as Qe } from "./FooterPage.js";
+import { Island_Tokens as We, designTokensComponentsIslandKeys as Xe } from "./Island.js";
+import { TableBasic_Tokens as $e, designTokensComponentsTableBasicKeys as eo } from "./TableBasic.js";
+import { Chip_Tokens as no, designTokensComponentsChipKeys as so } from "./Chip.js";
+import { Tag_Tokens as ro, designTokensComponentsTagKeys as po } from "./Tag.js";
+import { Notification_Tokens as To, designTokensComponentsNotificationKeys as ko } from "./Notification.js";
 export {
-  u as AlertContext_Tokens,
-  v as AlertProcess_Tokens,
+  A as AlertContext_Tokens,
+  O as AlertProcess_Tokens,
   n as Button_Tokens,
-  Ko as Card_Tokens,
+  he as Card_Tokens,
   r as Checkbox_Tokens,
-  Z as DropdownList_Tokens,
-  J as DropdownMobileList_Tokens,
-  z as DropdownMobile_Tokens,
-  R as Dropdown_Tokens,
-  Ao as FooterPage_Tokens,
-  k as FormField_Tokens,
-  co as HeaderPage_Tokens,
-  Ho as Island_Tokens,
-  i as Link_Tokens,
-  no as ListItemControlsButton_Tokens,
-  $ as ListItem_Tokens,
-  ro as ListMaster_Tokens,
-  l as LoaderWidget_Tokens,
-  f as Loader_Tokens,
-  V as Overlay_Tokens,
-  ko as Page_Tokens,
-  xo as Pagination_Tokens,
-  b as Radio_Tokens,
-  Fo as SegmentedControlSegment_Tokens,
-  wo as SegmentedControl_Tokens,
-  Lo as Skeleton_Tokens,
-  y as Tabs_Tokens,
-  M as Tooltip_Tokens,
-  S as Typography_Tokens,
-  go as UploadZone_Tokens,
-  A as designTokensComponentsAlertContextKeys,
-  H as designTokensComponentsAlertProcessKeys,
+  no as Chip_Tokens,
+  Z as Divider_Tokens,
+  J as DropdownList_Tokens,
+  $ as DropdownMobileList_Tokens,
+  W as DropdownMobile_Tokens,
+  z as Dropdown_Tokens,
+  Je as FooterPage_Tokens,
+  T as FormField_Tokens,
+  ze as HeaderPage_Tokens,
+  We as Island_Tokens,
+  d as Link_Tokens,
+  Te as ListItemControlsButton_Tokens,
+  re as ListItem_Tokens,
+  de as ListMaster_Tokens,
+  b as LoaderScreen_Tokens,
+  l as Loader_Tokens,
+  fe as MarkerStatus_Tokens,
+  ae as Marker_Tokens,
+  To as Notification_Tokens,
+  ne as Overlay_Tokens,
+  le as Page_Tokens,
+  Me as Pagination_Tokens,
+  M as Radio_Tokens,
+  Oe as SegmentedControlSegment_Tokens,
+  Ae as SegmentedControl_Tokens,
+  Fe as Skeleton_Tokens,
+  Ze as Stepper_Tokens,
+  $e as TableBasic_Tokens,
+  f as TabsLine_Tokens,
+  a as Tabs_Tokens,
+  ro as Tag_Tokens,
+  F as Tooltip_Tokens,
+  h as Typography_Tokens,
+  be as UploadZone_Tokens,
+  H as designTokensComponentsAlertContextKeys,
+  R as designTokensComponentsAlertProcessKeys,
   s as designTokensComponentsButtonKeys,
-  _o as designTokensComponentsCardKeys,
+  ue as designTokensComponentsCardKeys,
   p as designTokensComponentsCheckboxKeys,
-  U as designTokensComponentsDropdownKeys,
-  j as designTokensComponentsDropdownListKeys,
-  E as designTokensComponentsDropdownMobileKeys,
-  N as designTokensComponentsDropdownMobileListKeys,
-  Bo as designTokensComponentsFooterPageKeys,
-  T as designTokensComponentsFormFieldKeys,
-  ho as designTokensComponentsHeaderPageKeys,
-  Oo as designTokensComponentsIslandKeys,
+  so as designTokensComponentsChipKeys,
+  j as designTokensComponentsDividerKeys,
+  E as designTokensComponentsDropdownKeys,
+  Q as designTokensComponentsDropdownListKeys,
+  X as designTokensComponentsDropdownMobileKeys,
+  ee as designTokensComponentsDropdownMobileListKeys,
+  Qe as designTokensComponentsFooterPageKeys,
+  k as designTokensComponentsFormFieldKeys,
+  Ee as designTokensComponentsHeaderPageKeys,
+  Xe as designTokensComponentsIslandKeys,
   g as designTokensComponentsLinkKeys,
-  so as designTokensComponentsListItemControlsButtonKeys,
-  oo as designTokensComponentsListItemKeys,
-  po as designTokensComponentsListMasterKeys,
-  K as designTokensComponentsLoaderKeys,
-  L as designTokensComponentsLoaderWidgetKeys,
-  X as designTokensComponentsOverlayKeys,
-  To as designTokensComponentsPageKeys,
-  ao as designTokensComponentsPaginationKeys,
-  w as designTokensComponentsRadioKeys,
-  Do as designTokensComponentsSegmentedControlKeys,
-  Io as designTokensComponentsSegmentedControlSegmentKeys,
-  Po as designTokensComponentsSkeletonKeys,
-  x as designTokensComponentsTabsKeys,
-  c as designTokensComponentsTooltipKeys,
-  F as designTokensComponentsTypographyKeys,
-  Co as designTokensComponentsUploadZoneKeys
+  ke as designTokensComponentsListItemControlsButtonKeys,
+  pe as designTokensComponentsListItemKeys,
+  ge as designTokensComponentsListMasterKeys,
+  L as designTokensComponentsLoaderKeys,
+  c as designTokensComponentsLoaderScreenKeys,
+  ye as designTokensComponentsMarkerKeys,
+  Ke as designTokensComponentsMarkerStatusKeys,
+  ko as designTokensComponentsNotificationKeys,
+  se as designTokensComponentsOverlayKeys,
+  Le as designTokensComponentsPageKeys,
+  Pe as designTokensComponentsPaginationKeys,
+  P as designTokensComponentsRadioKeys,
+  He as designTokensComponentsSegmentedControlKeys,
+  Re as designTokensComponentsSegmentedControlSegmentKeys,
+  Ie as designTokensComponentsSkeletonKeys,
+  je as designTokensComponentsStepperKeys,
+  eo as designTokensComponentsTableBasicKeys,
+  y as designTokensComponentsTabsKeys,
+  K as designTokensComponentsTabsLineKeys,
+  po as designTokensComponentsTagKeys,
+  I as designTokensComponentsTooltipKeys,
+  u as designTokensComponentsTypographyKeys,
+  ce as designTokensComponentsUploadZoneKeys
 };
 //# sourceMappingURL=index.js.map

package/components/Divider/Divider.js

@@ -0,0 +1,34 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+const z = "divider__a597516c", i = {
+  divider: z,
+  "marginTopSize-4": "marginTopSize-4__85b947f2",
+  "marginBottomSize-4": "marginBottomSize-4__a6b8761c",
+  "marginTopSize-8": "marginTopSize-8__0f7bb09d",
+  "marginBottomSize-8": "marginBottomSize-8__655983ce",
+  "marginTopSize-12": "marginTopSize-12__797c912b",
+  "marginBottomSize-12": "marginBottomSize-12__3f70c537",
+  "marginTopSize-16": "marginTopSize-16__68c081fc",
+  "marginBottomSize-16": "marginBottomSize-16__982402cb",
+  "marginTopSize-20": "marginTopSize-20__be3ad758",
+  "marginBottomSize-20": "marginBottomSize-20__d47d0047",
+  "marginTopSize-24": "marginTopSize-24__6be9ca86",
+  "marginBottomSize-24": "marginBottomSize-24__9eee3ed9",
+  "marginTopSize-28": "marginTopSize-28__9501e116",
+  "marginBottomSize-28": "marginBottomSize-28__3cb44ca1",
+  "marginTopSize-32": "marginTopSize-32__c691ab26",
+  "marginBottomSize-32": "marginBottomSize-32__8587c2ed"
+}, S = (e) => {
+  const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
+    i.divider,
+    o && i[`marginTopSize-${o}`],
+    m && i[`marginBottomSize-${m}`],
+    a
+  );
+  return /* @__PURE__ */ n("hr", { className: t, ...r });
+};
+S.displayName = "Divider";
+export {
+  S as Divider
+};
+//# sourceMappingURL=Divider.js.map

package/components/Divider/index.js

@@ -0,0 +1,5 @@
+import { Divider as i } from "./Divider.js";
+export {
+  i as Divider
+};
+//# sourceMappingURL=index.js.map

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,92 +1,93 @@
-import { jsx as S } from "react/jsx-runtime";
-import G, { useState as M, useRef as A, useCallback as i, useEffect as _ } from "react";
-import { EDropdownAlignment as E, EDropdownDirection as O, EDropdownSize as F } from "../enums.js";
+import { jsx as B } from "react/jsx-runtime";
+import G, { useState as M, useRef as A, useCallback as i, useEffect as y } from "react";
+import { c as F } from "../../../chunks/vendor-CehxOAkM.js";
+import { EDropdownAlignment as a, EDropdownDirection as D } from "../enums.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { useToken as I } from "../../ThemeProvider/useToken.js";
-import { c as j } from "../../../chunks/vendor-D-uL_icH.js";
-const K = "dropdown__c18f5706", V = "dropdownOverflowHidden__1b51027c", k = {
-  dropdown: K,
-  "dropdown-sm": "dropdown-sm__4bdc5134",
-  "dropdown-md": "dropdown-md__11f9af55",
-  "dropdown-lg": "dropdown-lg__c2ced613",
-  dropdownOverflowHidden: V
-}, N = "dropdownOverflowHidden", $ = G.forwardRef((P, w) => {
+import { EComponentSize as j } from "../../../enums/EComponentSize.js";
+const K = "dropdownDesktop__876bad11", V = "dropdownDesktopOverflowHidden__25d8237f", O = {
+  dropdownDesktop: K,
+  "dropdownDesktop-sm": "dropdownDesktop-sm__c9a0ef53",
+  "dropdownDesktop-md": "dropdownDesktop-md__524f6ef0",
+  "dropdownDesktop-lg": "dropdownDesktop-lg__ecc5cf8f",
+  dropdownDesktopOverflowHidden: V
+}, b = O.dropdownDesktopOverflowHidden, $ = G.forwardRef((P, p) => {
   const {
-    alignment: p = E.AUTO,
-    children: D,
+    alignment: m = a.AUTO,
+    children: g,
     fixedWidth: u,
-    className: W,
-    direction: h = O.AUTO,
+    className: C,
+    direction: w = D.AUTO,
     opened: l,
     setOpened: q,
-    style: f,
-    targetRef: H,
-    size: C = F.MD,
+    style: N,
+    targetRef: _,
+    size: W = j.MD,
     ...R
-  } = P, { scopeClassName: x } = I(), [U, L] = M({ ...f, opacity: 0 }), s = A(null), a = A({ height: 0, width: 0 }), z = j(k.dropdown, x, W, k[`dropdown-${C}`]), v = i(
+  } = P, { scopeClassName: S } = I(), [x, H] = M({ opacity: 0 }), s = A(null), h = A({ height: 0, width: 0 }), U = F(O.dropdownDesktop, S, C, O[`dropdownDesktop-${W}`]), k = i(
     (e) => {
       var o;
       (o = s.current) != null && o.contains(e.target) || e.preventDefault();
     },
     [s]
-  ), y = i((e) => {
+  ), E = i((e) => {
     if (e.target === document.body) {
       const o = e.code || e.keyCode;
       (d(o, "SPACE") || d(o, "PAGE_UP") || d(o, "PAGE_DOWN") || d(o, "END") || d(o, "HOME") || d(o, "ARROW_LEFT") || d(o, "ARROW_UP") || d(o, "ARROW_RIGHT") || d(o, "ARROW_DOWN")) && e.preventDefault();
     }
-  }, []), g = i(
+  }, []), v = i(
     /** Запрет скролла всей страницы. */
     (e) => {
-      e ? (document.addEventListener("wheel", v, { passive: !1 }), document.addEventListener("keydown", y)) : (document.removeEventListener("wheel", v), document.removeEventListener("keydown", y));
+      e ? (document.addEventListener("wheel", k, { passive: !1 }), document.addEventListener("keydown", E)) : (document.removeEventListener("wheel", k), document.removeEventListener("keydown", E));
     },
-    [v, y]
-  ), T = i(
+    [k, E]
+  ), L = i(
     (e, o, t) => {
       const n = u ? t.width : Math.max(t.width, o.width);
-      p === E.AUTO ? t.right - n > 0 ? e.left = t.right - n : t.left + n < document.documentElement.clientWidth ? e.left = t.left : e.left = t.right - n : p === E.RIGHT ? e.left = t.right - n : p === E.LEFT && (e.left = t.left);
+      m === a.AUTO ? t.right - n > 0 ? e.left = t.right - n : t.left + n < document.documentElement.clientWidth ? e.left = t.left : e.left = t.right - n : m === a.RIGHT ? e.left = t.right - n : m === a.LEFT && (e.left = t.left);
     },
-    [p, u]
-  ), b = i(
+    [m, u]
+  ), T = i(
     (e, o, t) => {
-      h === O.AUTO ? t.bottom + 4 + o.height < document.documentElement.clientHeight ? e.top = t.bottom + 4 : t.top - 4 - o.height > 0 ? e.bottom = document.documentElement.clientHeight - t.top + 4 : e.top = t.bottom + 4 : h === O.BOTTOM ? e.top = t.bottom + 4 : h === O.TOP && (e.bottom = document.documentElement.clientHeight - t.top + 4);
+      w === D.AUTO ? t.bottom + 4 + o.height < document.documentElement.clientHeight ? e.top = t.bottom + 4 : t.top - 4 - o.height > 0 ? e.bottom = document.documentElement.clientHeight - t.top + 4 : e.top = t.bottom + 4 : w === D.BOTTOM ? e.top = t.bottom + 4 : w === D.TOP && (e.bottom = document.documentElement.clientHeight - t.top + 4);
     },
-    [h]
+    [w]
   ), r = i(() => {
-    const { current: e } = s, { current: o } = H;
+    const { current: e } = s, { current: o } = _;
     if (e && o) {
-      const t = e.getBoundingClientRect(), n = o.getBoundingClientRect(), m = {};
-      u ? m.width = n.width : m.minWidth = n.width, b(m, t, n), T(m, t, n), a.current = { height: t.height, width: t.width }, L({ ...f, ...m });
+      const t = e.getBoundingClientRect(), n = o.getBoundingClientRect(), c = {};
+      u ? c.width = n.width : c.minWidth = n.width, T(c, t, n), L(c, t, n), h.current = { height: t.height, width: t.width }, H(c);
     }
-  }, [H, u, f, b, T]);
-  _(() => {
-    l ? r() : (a.current = { height: 0, width: 0 }, L({ ...f, opacity: 0 }));
-  }, [l, r, f]), _(() => {
+  }, [_, u, T, L]);
+  y(() => {
+    l ? r() : (h.current = { height: 0, width: 0 }, H({ opacity: 0 }));
+  }, [l, r]), y(() => {
     if (s.current) {
       const { width: e, height: o } = s.current.getBoundingClientRect();
-      (e != a.current.width || o != a.current.height) && r();
+      (e != h.current.width || o != h.current.height) && r();
     }
-  }, [D, r]);
-  const c = i(() => {
+  }, [g, r]);
+  const f = i(() => {
     setTimeout(r);
   }, [r]);
-  _(() => {
+  y(() => {
     if (l)
-      return document.addEventListener("scroll", c, !0), window.addEventListener("resize", c), g(!0), document.body.classList.add(N), () => {
-        document.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), g(!1), document.body.classList.remove(N);
+      return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), v(!0), document.body.classList.add(b), () => {
+        document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), v(!1), document.body.classList.remove(b);
       };
-  }, [l, c, g]);
-  const B = (e) => {
-    s.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
+  }, [l, f, v]);
+  const z = (e) => {
+    s.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
   };
-  return l ? /* @__PURE__ */ S(
+  return l ? /* @__PURE__ */ B(
     "div",
     {
-      className: z,
-      style: { ...U },
-      ref: B,
+      className: U,
+      style: { ...x, ...N },
       ...R,
-      "data-tx": "1.1.1",
-      children: D
+      "data-tx": "1.3.0",
+      ref: z,
+      children: g
     }
   ) : null;
 });

package/components/Dropdown/desktop/DropdownList.js

@@ -1,68 +1,81 @@
-import { jsx as b } from "react/jsx-runtime";
-import d, { useContext as B, useRef as S, useState as k, useEffect as u } from "react";
-import { c as M } from "../../../chunks/vendor-D-uL_icH.js";
-import { s as E, D as W } from "../../../chunks/DropdownListItem-DIIAnvmw.js";
-import { EVENT_KEY_CODES as T } from "../../../utils/keyboard.js";
-import { DropdownListContext as z } from "../DropdownListContext.js";
-import { EDropdownListSize as K } from "../enums.js";
-const j = (R) => {
-  const { children: a, className: x, dropdownOpened: i, listRef: h, size: O = K.MD, ...A } = R, _ = M(E.dropdownList, x, E[`dropdownList-${O}`]), { activeDescendant: m, setActiveDescendant: f } = B(z), c = h || d.createRef(), v = S([]), [l, p] = k(void 0), D = d.Children.count(a), g = (t) => {
-    const e = d.createRef();
-    return v.current[t] = e, e;
-  }, I = (t) => {
-    var s;
-    const e = c == null ? void 0 : c.current, n = (s = v.current[t]) == null ? void 0 : s.current;
-    if (e && n) {
-      const { top: o, bottom: r } = e.getBoundingClientRect(), { top: L, bottom: C } = n.getBoundingClientRect(), w = 4;
-      o > L ? e.scrollTop = e.scrollTop - o + L - w : C > r && (e.scrollTop = e.scrollTop + C - r + w);
+import { jsxs as y, jsx as w } from "react/jsx-runtime";
+import d, { useContext as B, useRef as M, useState as b, useEffect as f } from "react";
+import { c as V } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-g0mYNHIW.js";
+import { EVENT_KEY_CODES as h } from "../../../utils/keyboard.js";
+import { DropdownListContext as W } from "../DropdownListContext.js";
+import { LoaderSmall as j } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as z } from "../../Loader/LoaderSmall/enum.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { EComponentSize as K } from "../../../enums/EComponentSize.js";
+const P = (O) => {
+  const {
+    children: u,
+    className: R,
+    dropdownOpened: i,
+    listRef: k,
+    loading: A,
+    size: L = K.MD,
+    ...N
+  } = O, g = V(D.dropdownDesktopList, R, D[`dropdownDesktopList-${L}`]), { activeDescendant: a, setActiveDescendant: m } = B(W), c = k || d.createRef(), v = M([]), [l, p] = b(void 0), I = d.Children.count(u), C = (e) => {
+    const t = c == null ? void 0 : c.current, r = v.current[e];
+    if (t && r) {
+      const { top: s, bottom: o } = t.getBoundingClientRect(), { top: n, bottom: E } = r.getBoundingClientRect(), T = 4;
+      s > n ? t.scrollTop = t.scrollTop - s + n - T : E > o && (t.scrollTop = t.scrollTop + E - o + T);
     }
-  }, y = () => {
-    const t = c == null ? void 0 : c.current;
-    t && (t.scrollTop = 0);
+  }, S = () => {
+    const e = c == null ? void 0 : c.current;
+    e && (e.scrollTop = 0);
   };
-  u(() => {
+  f(() => {
     if (!i)
       return;
-    const t = (e) => {
-      const { keyCode: n } = e, s = D, o = l;
-      let r;
-      n === T.ARROW_DOWN ? (o !== void 0 && o < s - 1 ? r = o + 1 : r = 0, e.preventDefault()) : n === T.ARROW_UP && (o !== void 0 && o > 0 ? r = o - 1 : r = s - 1, e.preventDefault()), r !== void 0 && o !== r && (I(r), p(r));
+    const e = (t) => {
+      const { keyCode: r } = t, s = I, o = l;
+      let n;
+      r === h.ARROW_DOWN ? (o !== void 0 && o < s - 1 ? n = o + 1 : n = 0, t.preventDefault()) : r === h.ARROW_UP && (o !== void 0 && o > 0 ? n = o - 1 : n = s - 1, t.preventDefault()), n !== void 0 && o !== n && (C(n), p(n));
     };
-    return document.addEventListener("keydown", t), () => {
-      document.removeEventListener("keydown", t);
+    return document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
     };
-  }, [i, l, D]), u(() => {
+  }, [i, l, I]), f(() => {
     if (!i)
       return;
-    let t = !1;
-    d.Children.forEach(a, (e, n) => {
-      e && e.props && e.props.selected && (t = !0, I(n), p(n));
-    }), t || (p(0), y());
-  }, [i]), u(() => {
-    var t, e;
+    let e = !1;
+    d.Children.forEach(u, (t, r) => {
+      d.isValidElement(t) && t.props.selected && (e = !0, C(r), p(r));
+    }), e || (p(0), S());
+  }, [i]), f(() => {
+    var e;
     if (i && l !== void 0) {
-      f((e = (t = v.current[l]) == null ? void 0 : t.current) == null ? void 0 : e.id);
+      m((e = v.current[l]) == null ? void 0 : e.id);
       return;
     }
-    !i && m !== void 0 && f();
-  }, [i, l, m, f]), u(() => () => {
-    m !== void 0 && f();
-  }, [m, f]);
-  const N = d.Children.map(a, (t, e) => {
-    if (t)
-      return d.cloneElement(t, {
-        active: i && l === e,
-        onMouseOver: (n) => {
-          var s, o;
-          p(e), (o = (s = t.props).onMouseOver) == null || o.call(s, n);
-        },
-        ref: g(e)
-      });
-  });
-  return /* @__PURE__ */ b("div", { className: _, role: "listbox", ref: c, ...A, children: N });
+    !i && a !== void 0 && m();
+  }, [i, l, a, m]), f(() => () => {
+    a !== void 0 && m();
+  }, [a, m]);
+  const _ = d.Children.map(u, (e, t) => d.isValidElement(e) ? d.cloneElement(e, {
+    active: l === t,
+    onMouseOver: (r) => {
+      var s, o;
+      p(t), (o = (s = e.props).onMouseOver) == null || o.call(s, r);
+    },
+    onMouseOut: (r) => {
+      var s, o;
+      p(void 0), (o = (s = e.props).onMouseOut) == null || o.call(s, r);
+    },
+    ref: (r) => {
+      v.current[t] = r;
+    }
+  }) : e);
+  return /* @__PURE__ */ y("div", { className: g, role: "listbox", ...N, ref: c, children: [
+    _,
+    A && /* @__PURE__ */ w(x, { id: "dropdown-desktop-list-loader-item", children: /* @__PURE__ */ w(j, { className: D.dropdownDesktopListLoader, theme: z.BRAND, size: L }) })
+  ] });
 };
-j.Item = W;
+P.Item = x;
 export {
-  j as DropdownList
+  P as DropdownList
 };
 //# sourceMappingURL=DropdownList.js.map

package/components/Dropdown/desktop/DropdownListItem.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../utils/keyboard.js";
-import "../../../chunks/vendor-D-uL_icH.js";
-import { D as e } from "../../../chunks/DropdownListItem-DIIAnvmw.js";
+import "../../../chunks/vendor-CehxOAkM.js";
+import { D as e } from "../../../chunks/DropdownListItem-g0mYNHIW.js";
 export {
   e as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -0,0 +1,9 @@
+import { DropdownDesktop as p } from "./DropdownDesktop.js";
+import { DropdownList as e } from "./DropdownList.js";
+import { D as m } from "../../../chunks/DropdownListItem-g0mYNHIW.js";
+export {
+  p as DropdownDesktop,
+  e as DropdownList,
+  m as DropdownListItem
+};
+//# sourceMappingURL=index.js.map