@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/components/DesignTokens/components/index.js

@@ -1,90 +1,159 @@
-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 c, designTokensComponentsTooltipKeys as h } from "./Tooltip.js";
-import { AlertContext_Tokens as A, designTokensComponentsAlertContextKeys as B } 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 Mo } from "./SegmentedControlSegment.js";
-import { HeaderPage_Tokens as ho, designTokensComponentsHeaderPageKeys as uo } from "./HeaderPage.js";
-import { FooterPage_Tokens as Bo, designTokensComponentsFooterPageKeys as Io } from "./FooterPage.js";
+import { AmountField_Tokens as n, designTokensComponentsAmountFieldKeys as s } from "./AmountField.js";
+import { Button_Tokens as r, designTokensComponentsButtonKeys as p } from "./Button.js";
+import { Calendar_Tokens as m, designTokensComponentsCalendarKeys as k } from "./Calendar.js";
+import { Checkbox_Tokens as d, designTokensComponentsCheckboxKeys as g } from "./Checkbox.js";
+import { FormField_Tokens as a, designTokensComponentsFormFieldKeys as y } from "./FormField.js";
+import { Link_Tokens as l, designTokensComponentsLinkKeys as f } from "./Link.js";
+import { Tabs_Tokens as _, designTokensComponentsTabsKeys as S } from "./Tabs.js";
+import { TabsLine_Tokens as c, designTokensComponentsTabsLineKeys as M } from "./TabsLine.js";
+import { Loader_Tokens as b, designTokensComponentsLoaderKeys as F } from "./Loader.js";
+import { LoaderScreen_Tokens as w, designTokensComponentsLoaderScreenKeys as D } from "./LoaderScreen.js";
+import { Radio_Tokens as A, designTokensComponentsRadioKeys as B } from "./Radio.js";
+import { Typography_Tokens as v, designTokensComponentsTypographyKeys as O } from "./Typography.js";
+import { Tooltip_Tokens as H, designTokensComponentsTooltipKeys as N } from "./Tooltip.js";
+import { AlertContext_Tokens as U, designTokensComponentsAlertContextKeys as Z } from "./AlertContext.js";
+import { AlertProcess_Tokens as q, designTokensComponentsAlertProcessKeys as z } from "./AlertProcess.js";
+import { Divider_Tokens as G, designTokensComponentsDividerKeys as J } from "./Divider.js";
+import { Dropdown_Tokens as V, designTokensComponentsDropdownKeys as X } from "./Dropdown.js";
+import { DropdownList_Tokens as $, designTokensComponentsDropdownListKeys as ee } from "./DropdownList.js";
+import { DropdownMobile_Tokens as ne, designTokensComponentsDropdownMobileKeys as se } from "./DropdownMobile.js";
+import { DropdownMobileList_Tokens as re, designTokensComponentsDropdownMobileListKeys as pe } from "./DropdownMobileList.js";
+import { Overlay_Tokens as me, designTokensComponentsOverlayKeys as ke } from "./Overlay.js";
+import { ListItem_Tokens as de, designTokensComponentsListItemKeys as ge } from "./ListItem.js";
+import { ListItemControlsButton_Tokens as ae, designTokensComponentsListItemControlsButtonKeys as ye } from "./ListItemControlsButton.js";
+import { ListMaster_Tokens as le, designTokensComponentsListMasterKeys as fe } from "./ListMaster.js";
+import { Marker_Tokens as _e, designTokensComponentsMarkerKeys as Se } from "./Marker.js";
+import { MarkerStatus_Tokens as ce, designTokensComponentsMarkerStatusKeys as Me } from "./MarkerStatus.js";
+import { MultiselectField_Tokens as be, designTokensComponentsMultiselectFieldKeys as Fe } from "./MultiselectField.js";
+import { UploadZone_Tokens as we, designTokensComponentsUploadZoneKeys as De } from "./UploadZone.js";
+import { Pagination_Tokens as Ae, designTokensComponentsPaginationKeys as Be } from "./Pagination.js";
+import { Card_Tokens as ve, designTokensComponentsCardKeys as Oe } from "./Card.js";
+import { Skeleton_Tokens as He, designTokensComponentsSkeletonKeys as Ne } from "./Skeleton.js";
+import { SegmentedControl_Tokens as Ue, designTokensComponentsSegmentedControlKeys as Ze } from "./SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as qe, designTokensComponentsSegmentedControlSegmentKeys as ze } from "./SegmentedControlSegment.js";
+import { Stepper_Tokens as Ge, designTokensComponentsStepperKeys as Je } from "./Stepper.js";
+import { HeaderPage_Tokens as Ve, designTokensComponentsHeaderPageKeys as Xe } from "./HeaderPage.js";
+import { FooterPage_Tokens as $e, designTokensComponentsFooterPageKeys as eo } from "./FooterPage.js";
+import { Island_Tokens as no, designTokensComponentsIslandKeys as so } from "./Island.js";
+import { IslandAccordion_Tokens as ro, designTokensComponentsIslandAccordionKeys as po } from "./IslandAccordion.js";
+import { IslandWidget_Tokens as mo, designTokensComponentsIslandWidgetKeys as ko } from "./IslandWidget.js";
+import { TableBasic_Tokens as go, designTokensComponentsTableBasicKeys as Co } from "./TableBasic.js";
+import { Chip_Tokens as yo, designTokensComponentsChipKeys as xo } from "./Chip.js";
+import { LightBox_Tokens as fo, designTokensComponentsLightBoxKeys as Ko } from "./LightBox.js";
+import { Tag_Tokens as So, designTokensComponentsTagKeys as Lo } from "./Tag.js";
+import { TagColor_Tokens as Mo, designTokensComponentsTagColorKeys as uo } from "./TagColor.js";
+import { Notification_Tokens as Fo, designTokensComponentsNotificationKeys as Io } from "./Notification.js";
+import { SMSField_Tokens as Do, designTokensComponentsSMSFieldKeys as ho } from "./SMSField.js";
+import { StatusTracker_Tokens as Bo, designTokensComponentsStatusTrackerKeys as Po } from "./StatusTracker.js";
+import { Step_Tokens as Oo, designTokensComponentsStepKeys as Wo } from "./Step.js";
+import { ModalWindow_Tokens as No, designTokensComponentsModalWindowKeys as Ro } from "./ModalWindow.js";
+import { TopOverlay_Tokens as Zo, designTokensComponentsTopOverlayKeys as jo } from "./TopOverlay.js";
+import { SmallInput_Tokens as zo, designTokensComponentsSmallInputKeys as Eo } from "./SmallInput.js";
+import { Slider_Tokens as Jo, designTokensComponentsSliderKeys as Qo } from "./Slider.js";
 export {
-  A as AlertContext_Tokens,
-  v as AlertProcess_Tokens,
-  n as Button_Tokens,
-  Ko as Card_Tokens,
-  r as Checkbox_Tokens,
-  Z as DropdownList_Tokens,
-  J as DropdownMobileList_Tokens,
-  z as DropdownMobile_Tokens,
-  R as Dropdown_Tokens,
-  Bo as FooterPage_Tokens,
-  k as FormField_Tokens,
-  ho as HeaderPage_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,
-  c as Tooltip_Tokens,
-  S as Typography_Tokens,
-  go as UploadZone_Tokens,
-  B as designTokensComponentsAlertContextKeys,
-  H as designTokensComponentsAlertProcessKeys,
-  s as designTokensComponentsButtonKeys,
-  _o as designTokensComponentsCardKeys,
-  p as designTokensComponentsCheckboxKeys,
-  U as designTokensComponentsDropdownKeys,
-  j as designTokensComponentsDropdownListKeys,
-  E as designTokensComponentsDropdownMobileKeys,
-  N as designTokensComponentsDropdownMobileListKeys,
-  Io as designTokensComponentsFooterPageKeys,
-  T as designTokensComponentsFormFieldKeys,
-  uo as designTokensComponentsHeaderPageKeys,
-  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,
-  Mo as designTokensComponentsSegmentedControlSegmentKeys,
-  Po as designTokensComponentsSkeletonKeys,
-  x as designTokensComponentsTabsKeys,
-  h as designTokensComponentsTooltipKeys,
-  F as designTokensComponentsTypographyKeys,
-  Co as designTokensComponentsUploadZoneKeys
+  U as AlertContext_Tokens,
+  q as AlertProcess_Tokens,
+  n as AmountField_Tokens,
+  r as Button_Tokens,
+  m as Calendar_Tokens,
+  ve as Card_Tokens,
+  d as Checkbox_Tokens,
+  yo as Chip_Tokens,
+  G as Divider_Tokens,
+  $ as DropdownList_Tokens,
+  re as DropdownMobileList_Tokens,
+  ne as DropdownMobile_Tokens,
+  V as Dropdown_Tokens,
+  $e as FooterPage_Tokens,
+  a as FormField_Tokens,
+  Ve as HeaderPage_Tokens,
+  ro as IslandAccordion_Tokens,
+  mo as IslandWidget_Tokens,
+  no as Island_Tokens,
+  fo as LightBox_Tokens,
+  l as Link_Tokens,
+  ae as ListItemControlsButton_Tokens,
+  de as ListItem_Tokens,
+  le as ListMaster_Tokens,
+  w as LoaderScreen_Tokens,
+  b as Loader_Tokens,
+  ce as MarkerStatus_Tokens,
+  _e as Marker_Tokens,
+  No as ModalWindow_Tokens,
+  be as MultiselectField_Tokens,
+  Fo as Notification_Tokens,
+  me as Overlay_Tokens,
+  Ae as Pagination_Tokens,
+  A as Radio_Tokens,
+  Do as SMSField_Tokens,
+  qe as SegmentedControlSegment_Tokens,
+  Ue as SegmentedControl_Tokens,
+  He as Skeleton_Tokens,
+  Jo as Slider_Tokens,
+  zo as SmallInput_Tokens,
+  Bo as StatusTracker_Tokens,
+  Oo as Step_Tokens,
+  Ge as Stepper_Tokens,
+  go as TableBasic_Tokens,
+  c as TabsLine_Tokens,
+  _ as Tabs_Tokens,
+  Mo as TagColor_Tokens,
+  So as Tag_Tokens,
+  H as Tooltip_Tokens,
+  Zo as TopOverlay_Tokens,
+  v as Typography_Tokens,
+  we as UploadZone_Tokens,
+  Z as designTokensComponentsAlertContextKeys,
+  z as designTokensComponentsAlertProcessKeys,
+  s as designTokensComponentsAmountFieldKeys,
+  p as designTokensComponentsButtonKeys,
+  k as designTokensComponentsCalendarKeys,
+  Oe as designTokensComponentsCardKeys,
+  g as designTokensComponentsCheckboxKeys,
+  xo as designTokensComponentsChipKeys,
+  J as designTokensComponentsDividerKeys,
+  X as designTokensComponentsDropdownKeys,
+  ee as designTokensComponentsDropdownListKeys,
+  se as designTokensComponentsDropdownMobileKeys,
+  pe as designTokensComponentsDropdownMobileListKeys,
+  eo as designTokensComponentsFooterPageKeys,
+  y as designTokensComponentsFormFieldKeys,
+  Xe as designTokensComponentsHeaderPageKeys,
+  po as designTokensComponentsIslandAccordionKeys,
+  so as designTokensComponentsIslandKeys,
+  ko as designTokensComponentsIslandWidgetKeys,
+  Ko as designTokensComponentsLightBoxKeys,
+  f as designTokensComponentsLinkKeys,
+  ye as designTokensComponentsListItemControlsButtonKeys,
+  ge as designTokensComponentsListItemKeys,
+  fe as designTokensComponentsListMasterKeys,
+  F as designTokensComponentsLoaderKeys,
+  D as designTokensComponentsLoaderScreenKeys,
+  Se as designTokensComponentsMarkerKeys,
+  Me as designTokensComponentsMarkerStatusKeys,
+  Ro as designTokensComponentsModalWindowKeys,
+  Fe as designTokensComponentsMultiselectFieldKeys,
+  Io as designTokensComponentsNotificationKeys,
+  ke as designTokensComponentsOverlayKeys,
+  Be as designTokensComponentsPaginationKeys,
+  B as designTokensComponentsRadioKeys,
+  ho as designTokensComponentsSMSFieldKeys,
+  Ze as designTokensComponentsSegmentedControlKeys,
+  ze as designTokensComponentsSegmentedControlSegmentKeys,
+  Ne as designTokensComponentsSkeletonKeys,
+  Qo as designTokensComponentsSliderKeys,
+  Eo as designTokensComponentsSmallInputKeys,
+  Po as designTokensComponentsStatusTrackerKeys,
+  Wo as designTokensComponentsStepKeys,
+  Je as designTokensComponentsStepperKeys,
+  Co as designTokensComponentsTableBasicKeys,
+  S as designTokensComponentsTabsKeys,
+  M as designTokensComponentsTabsLineKeys,
+  uo as designTokensComponentsTagColorKeys,
+  Lo as designTokensComponentsTagKeys,
+  N as designTokensComponentsTooltipKeys,
+  jo as designTokensComponentsTopOverlayKeys,
+  O as designTokensComponentsTypographyKeys,
+  De 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-BlJo2ILB.js";
+const z = "divider__912b64ce", i = {
+  divider: z,
+  "marginTopSize-4": "marginTopSize-4__b3519f71",
+  "marginBottomSize-4": "marginBottomSize-4__241cbf0a",
+  "marginTopSize-8": "marginTopSize-8__294c3cf8",
+  "marginBottomSize-8": "marginBottomSize-8__29e9b9c4",
+  "marginTopSize-12": "marginTopSize-12__21849691",
+  "marginBottomSize-12": "marginBottomSize-12__7a9ff9c4",
+  "marginTopSize-16": "marginTopSize-16__c9ef91d3",
+  "marginBottomSize-16": "marginBottomSize-16__48fc6aad",
+  "marginTopSize-20": "marginTopSize-20__1f19d943",
+  "marginBottomSize-20": "marginBottomSize-20__6711b0a5",
+  "marginTopSize-24": "marginTopSize-24__9818be57",
+  "marginBottomSize-24": "marginBottomSize-24__af12ac83",
+  "marginTopSize-28": "marginTopSize-28__cee15196",
+  "marginBottomSize-28": "marginBottomSize-28__44d4d3c3",
+  "marginTopSize-32": "marginTopSize-32__fe07d95e",
+  "marginBottomSize-32": "marginBottomSize-32__aa1bb3dc"
+}, 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/DocumentNumberEdit/DocumentNumberEdit.js

@@ -0,0 +1,64 @@
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { useState as y, useMemo as z } from "react";
+import { SmallInput as A } from "../SmallInput/SmallInput.js";
+import { Text as E } from "../Typography/Text.js";
+import { EFontType as h, ETextSize as N } from "../Typography/enums.js";
+import { getCaretPosition as F, setCaretPosition as R } from "../../utils/inputUtils.js";
+import { StringUtils as B } from "../../utils/stringUtils.js";
+import { isKey as O } from "../../utils/keyboard.js";
+import { c as U } from "../../chunks/vendor-BlJo2ILB.js";
+import { Link as Y } from "../Link/Link.js";
+const $ = "documentNumberEdit__ecbc0e4b", G = "label__d35e7688", H = "inputEditWrapper__b4e83046", c = {
+  documentNumberEdit: $,
+  label: G,
+  inputEditWrapper: H
+}, V = 6, X = ({
+  className: g,
+  value: r,
+  buttonLabel: b,
+  emptyNumberButtonLabel: _,
+  emptyNumberLabel: u,
+  numberLabel: n,
+  maxLength: f = V,
+  onBlur: l,
+  onChange: a,
+  onKeyDown: d,
+  ...S
+}) => {
+  const [p, m] = y(!1), T = z(() => p ? n : r ? `${n} ${r}` : u, [r, n, u, p]), x = () => /* @__PURE__ */ i("div", { className: c.inputEditWrapper, children: /* @__PURE__ */ i(
+    A,
+    {
+      ...S,
+      value: r || "",
+      placeholder: I,
+      maxLength: f,
+      autoFocus: !0,
+      onBlur: C,
+      onKeyDown: D,
+      onChange: M
+    }
+  ) }), I = "0".repeat(f), C = (t) => {
+    m(!1), l == null || l(t);
+  }, D = (t) => {
+    O(t.code, "ENTER") && m(!1), d == null || d(t);
+  }, M = (t) => {
+    const o = F(t.target), s = P(t.target.value), e = s.length - t.target.value.length;
+    t.target.value = s, R(t.target, o + e), a == null || a(t);
+  }, P = (t) => {
+    const o = [], s = t.length;
+    for (let e = 0; e < s; e++)
+      B.isDigit(t[e]) && o.push(t[e]);
+    return o.join("");
+  }, W = () => /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? b : _ }) }), j = (t) => {
+    t.preventDefault(), m(!0);
+  };
+  return /* @__PURE__ */ k("div", { className: U(c.documentNumberEdit, g), children: [
+    /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
+    p ? x() : W()
+  ] });
+};
+X.displayName = "DocumentNumberEdit";
+export {
+  X as DocumentNumberEdit
+};
+//# sourceMappingURL=DocumentNumberEdit.js.map

package/components/DocumentNumberEdit/index.js

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

package/components/Dropdown/Dropdown.js

@@ -1,10 +1,25 @@
-import "react/jsx-runtime";
-import "react";
-import "../Portal/Portal.js";
-import { D as a } from "../../chunks/index-CAZEh1iw.js";
-import "./mobile/DropdownMobile.js";
-import "../MobileView/MobileView.js";
+import { jsx as f } from "react/jsx-runtime";
+import h, { useRef as o, useEffect as x } from "react";
+import { Portal as y } from "../Portal/Portal.js";
+import { DropdownDesktop as i } from "./desktop/DropdownDesktop.js";
+import { DropdownMobile as M } from "./mobile/DropdownMobile.js";
+import { MobileView as j } from "../MobileView/MobileView.js";
+const k = h.forwardRef(
+  ({ children: c, opened: r, setOpened: a, onOpen: m, onClose: u, mobileViewProps: t, ...d }, D) => {
+    const R = o(!1);
+    return x(() => {
+      R.current ? r ? m == null || m() : u == null || u() : R.current = !0;
+    }, [r]), /* @__PURE__ */ f(y, { container: document.body, children: t ? /* @__PURE__ */ f(
+      j,
+      {
+        fallback: /* @__PURE__ */ f(i, { opened: r, setOpened: a, ...d, ref: D, children: c }),
+        children: /* @__PURE__ */ f(M, { opened: r, setOpened: a, ...t, ref: D, children: (t == null ? void 0 : t.children) || c })
+      }
+    ) : /* @__PURE__ */ f(i, { opened: r, setOpened: a, ...d, ref: D, children: c }) });
+  }
+);
+k.displayName = "Dropdown";
 export {
-  a as Dropdown
+  k as Dropdown
 };
 //# sourceMappingURL=Dropdown.js.map

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,21 +1,98 @@
-import "react/jsx-runtime";
-import "react";
-import { e as g } from "../../../chunks/index-CAZEh1iw.js";
-import "../../../chunks/DropdownListItem-CW2MmFpw.js";
-import "../mobile/DropdownMobile.js";
-import "../mobile/DropdownMobileBody.js";
-import "../mobile/DropdownMobileClose.js";
-import "../mobile/DropdownMobileFooter.js";
-import "../mobile/DropdownMobileHeader.js";
-import "../mobile/DropdownMobileInner.js";
-import "../mobile/DropdownMobileInput.js";
-import "../mobile/DropdownMobileList.js";
-import "../mobile/DropdownMobileListItem.js";
-import "../enums.js";
-import "../../../utils/keyboard.js";
-import "../../ThemeProvider/useToken.js";
-import "../../../chunks/vendor-CF2m175I.js";
+import { jsx as B } from "react/jsx-runtime";
+import G, { useState as M, useRef as b, useCallback as i, useEffect as y } from "react";
+import { c as F } from "../../../chunks/vendor-BlJo2ILB.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 { EComponentSize as j } from "../../../enums/EComponentSize.js";
+const K = "dropdownDesktop__2a0e7be0", V = "dropdownDesktopOverflowHidden__9341a41f", O = {
+  dropdownDesktop: K,
+  "dropdownDesktop-sm": "dropdownDesktop-sm__a9dad960",
+  "dropdownDesktop-md": "dropdownDesktop-md__bde7a380",
+  "dropdownDesktop-lg": "dropdownDesktop-lg__82e7101e",
+  dropdownDesktopOverflowHidden: V
+}, A = O.dropdownDesktopOverflowHidden, $ = G.forwardRef((P, p) => {
+  const {
+    alignment: m = a.AUTO,
+    children: g,
+    fixedWidth: w,
+    className: C,
+    direction: u = D.AUTO,
+    opened: f,
+    setOpened: q,
+    style: N,
+    targetRef: _,
+    size: W = j.MD,
+    ...R
+  } = P, { scopeClassName: S } = I(), [x, H] = M({ opacity: 0 }), s = b(null), h = b({ 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]
+  ), 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();
+    }
+  }, []), v = i(
+    /** Запрет скролла всей страницы. */
+    (e) => {
+      e ? (document.addEventListener("wheel", k, { passive: !1 }), document.addEventListener("keydown", E)) : (document.removeEventListener("wheel", k), document.removeEventListener("keydown", E));
+    },
+    [k, E]
+  ), L = i(
+    (e, o, t) => {
+      const n = w ? t.width : Math.max(t.width, o.width);
+      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);
+    },
+    [m, w]
+  ), T = i(
+    (e, o, t) => {
+      u === 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 : u === D.BOTTOM ? e.top = t.bottom + 4 : u === D.TOP && (e.bottom = document.documentElement.clientHeight - t.top + 4);
+    },
+    [u]
+  ), r = i(() => {
+    const { current: e } = s, { current: o } = _;
+    if (e && o) {
+      const t = e.getBoundingClientRect(), n = o.getBoundingClientRect(), c = {};
+      w ? 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);
+    }
+  }, [_, w, T, L]);
+  y(() => {
+    f ? r() : (h.current = { height: 0, width: 0 }, H({ opacity: 0 }));
+  }, [f, r]), y(() => {
+    if (s.current) {
+      const { width: e, height: o } = s.current.getBoundingClientRect();
+      (e != h.current.width || o != h.current.height) && r();
+    }
+  }, [g, r]);
+  const l = i(() => {
+    setTimeout(r);
+  }, [r]);
+  y(() => {
+    if (f)
+      return document.addEventListener("scroll", l, !0), window.addEventListener("resize", l), v(!0), document.body.classList.add(A), l(), () => {
+        document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), v(!1), document.body.classList.remove(A);
+      };
+  }, [f, l, v]);
+  const z = (e) => {
+    s.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+  };
+  return f ? /* @__PURE__ */ B(
+    "div",
+    {
+      className: U,
+      style: { ...x, ...N },
+      ...R,
+      "data-tx": "0.11.0",
+      ref: z,
+      children: g
+    }
+  ) : null;
+});
+$.displayName = "DropdownDesktop";
 export {
-  g as DropdownDesktop
+  $ as DropdownDesktop
 };
 //# sourceMappingURL=DropdownDesktop.js.map