@sberbusiness/triplex-next 1.0.0 → 1.1.1

package/components/DesignTokens/DesignTokensComponents.js

@@ -15,8 +15,8 @@ import { AlertProcess_Tokens as a } from "./components/AlertProcess.js";
 import { Dropdown_Tokens as f } from "./components/Dropdown.js";
 import { DropdownList_Tokens as H } from "./components/DropdownList.js";
 import { DropdownMobile_Tokens as G } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens as _ } from "./components/DropdownMobileList.js";
-import { Overlay_Tokens as d } from "./components/Overlay.js";
+import { DropdownMobileList_Tokens as d } from "./components/DropdownMobileList.js";
+import { Overlay_Tokens as _ } from "./components/Overlay.js";
 import { ListItem_Tokens as l } from "./components/ListItem.js";
 import { ListItemControlsButton_Tokens as g } from "./components/ListItemControlsButton.js";
 import { ListMaster_Tokens as C } from "./components/ListMaster.js";
@@ -29,7 +29,8 @@ import { SegmentedControl_Tokens as x } from "./components/SegmentedControl.js";
 import { SegmentedControlSegment_Tokens as y } from "./components/SegmentedControlSegment.js";
 import { HeaderPage_Tokens as h } from "./components/HeaderPage.js";
 import { FooterPage_Tokens as F } from "./components/FooterPage.js";
-const so = {
+import { Island_Tokens as M } from "./components/Island.js";
+const Lo = {
   Button: e(o.LIGHT, r),
   Checkbox: e(o.LIGHT, t),
   FormField: e(o.LIGHT, m),
@@ -50,7 +51,7 @@ const so = {
   ),
   DropdownMobileList: e(
     o.LIGHT,
-    _
+    d
   ),
   Tabs: e(o.LIGHT, T),
   Typography: e(
@@ -66,7 +67,7 @@ const so = {
     o.LIGHT,
     a
   ),
-  Overlay: e(o.LIGHT, d),
+  Overlay: e(o.LIGHT, _),
   ListItem: e(o.LIGHT, l),
   ListItemControlsButton: e(
     o.LIGHT,
@@ -103,9 +104,10 @@ const so = {
   FooterPage: e(
     o.LIGHT,
     F
-  )
+  ),
+  Island: e(o.LIGHT, M)
 };
 export {
-  so as DesignTokensComponents
+  Lo as DesignTokensComponents
 };
 //# sourceMappingURL=DesignTokensComponents.js.map

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -10,13 +10,13 @@ import { LoaderWidget_Tokens as p } from "./components/LoaderWidget.js";
 import { Radio_Tokens as T } from "./components/Radio.js";
 import { Typography_Tokens as D } from "./components/Typography.js";
 import { Tooltip_Tokens as k } from "./components/Tooltip.js";
-import { AlertContext_Tokens as A } from "./components/AlertContext.js";
-import { AlertProcess_Tokens as a } from "./components/AlertProcess.js";
+import { AlertContext_Tokens as a } from "./components/AlertContext.js";
+import { AlertProcess_Tokens as A } from "./components/AlertProcess.js";
 import { Dropdown_Tokens as f } from "./components/Dropdown.js";
 import { DropdownList_Tokens as R } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens as K } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens as _ } from "./components/DropdownMobileList.js";
-import { Overlay_Tokens as d } from "./components/Overlay.js";
+import { DropdownMobile_Tokens as d } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as K } from "./components/DropdownMobileList.js";
+import { Overlay_Tokens as _ } from "./components/Overlay.js";
 import { ListItem_Tokens as l } from "./components/ListItem.js";
 import { ListItemControlsButton_Tokens as g } from "./components/ListItemControlsButton.js";
 import { ListMaster_Tokens as L } from "./components/ListMaster.js";
@@ -29,7 +29,8 @@ import { SegmentedControl_Tokens as h } from "./components/SegmentedControl.js";
 import { SegmentedControlSegment_Tokens as x } from "./components/SegmentedControlSegment.js";
 import { HeaderPage_Tokens as y } from "./components/HeaderPage.js";
 import { FooterPage_Tokens as F } from "./components/FooterPage.js";
-const po = {
+import { Island_Tokens as I } from "./components/Island.js";
+const Do = {
   Button: e(o.DARK, r),
   Checkbox: e(o.DARK, t),
   FormField: e(o.DARK, m),
@@ -48,11 +49,11 @@ const po = {
   Tooltip: e(o.DARK, k),
   AlertContext: e(
     o.DARK,
-    A
+    a
   ),
   AlertProcess: e(
     o.DARK,
-    a
+    A
   ),
   Dropdown: e(o.DARK, f),
   DropdownList: e(
@@ -61,13 +62,13 @@ const po = {
   ),
   DropdownMobile: e(
     o.DARK,
-    K
+    d
   ),
   DropdownMobileList: e(
     o.DARK,
-    _
+    K
   ),
-  Overlay: e(o.DARK, d),
+  Overlay: e(o.DARK, _),
   ListItem: e(o.DARK, l),
   ListItemControlsButton: e(
     o.DARK,
@@ -103,9 +104,10 @@ const po = {
   FooterPage: e(
     o.DARK,
     F
-  )
+  ),
+  Island: e(o.DARK, I)
 };
 export {
-  po as DesignTokensComponentsThemeDark
+  Do as DesignTokensComponentsThemeDark
 };
 //# sourceMappingURL=DesignTokensComponentsThemeDark.js.map

package/components/DesignTokens/components/Button.js

@@ -17,6 +17,15 @@ const r = [
   "Secondary_Color_Disabled",
   "Secondary_Color_Hover",
   "Secondary_Shadow_Focus",
+  "SecondaryLight_Background_Active",
+  "SecondaryLight_Background_Default",
+  "SecondaryLight_Background_Disabled",
+  "SecondaryLight_Background_Hover",
+  "SecondaryLight_Color_Active",
+  "SecondaryLight_Color_Default",
+  "SecondaryLight_Color_Disabled",
+  "SecondaryLight_Color_Hover",
+  "SecondaryLight_Shadow_Focus",
   "Danger_Background_Active",
   "Danger_Background_Default",
   "Danger_Background_Disabled",
@@ -69,6 +78,24 @@ const r = [
   // var(--triplex-next-Button-Secondary_Color_Hover)
   Secondary_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Button-Secondary_Shadow_Focus)
+  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Active)
+  SecondaryLight_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Default)
+  SecondaryLight_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Disabled)
+  SecondaryLight_Background_Hover: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Hover)
+  SecondaryLight_Color_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Active)
+  SecondaryLight_Color_Default: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Default)
+  SecondaryLight_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Disabled)
+  SecondaryLight_Color_Hover: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.70" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Hover)
+  SecondaryLight_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
+  // var(--triplex-next-Button-SecondaryLight_Shadow_Focus)
   Danger_Background_Active: [{ ref: "ColorError.30" }, { ref: "ColorError.30" }],
   // var(--triplex-next-Button-Danger_Background_Active)
   Danger_Background_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],

package/components/DesignTokens/components/FormField.js

@@ -5,31 +5,47 @@ const r = [
   "Background_Error",
   "Background_Error_Hover",
   "Background_Hover",
+  "Background_Warning",
+  "Background_Warning_Hover",
   "Input_Color_Default",
   "Input_Color_Disabled",
+  "Target_Color_Default",
+  "Target_Color_Disabled",
+  "Target_PlaceholderColor_Default",
   "Label_Color_Default",
   "Label_Color_Disabled",
   "Shadow_Active",
   "Shadow_Default",
   "Shadow_Error_Active",
+  "Shadow_Warning_Active",
   "Placeholder_Color"
 ], o = {
-  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-FormField-Background_Active)
-  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-FormField-Background_Default)
-  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-FormField-Background_Disabled)
   Background_Error: [{ ref: "ColorError.100" }, { ref: "ColorError.0" }],
   // var(--triplex-next-FormField-Background_Error)
   Background_Error_Hover: [{ ref: "ColorError.90" }, { ref: "ColorError.10" }],
   // var(--triplex-next-FormField-Background_Error_Hover)
-  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
+  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
   // var(--triplex-next-FormField-Background_Hover)
+  Background_Warning: [{ ref: "ColorWarning.100" }, { ref: "ColorWarning.0" }],
+  // var(--triplex-next-FormField-Background_Warning)
+  Background_Warning_Hover: [{ ref: "ColorWarning.90" }, { ref: "ColorWarning.10" }],
+  // var(--triplex-next-FormField-Background_Warning_Hover)
   Input_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-FormField-Input_Color_Default)
   Input_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
   // var(--triplex-next-FormField-Input_Color_Disabled)
+  Target_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-FormField-Target_Color_Default)
+  Target_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-next-FormField-Target_Color_Disabled)
+  Target_PlaceholderColor_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-FormField-Target_PlaceholderColor_Default)
   Label_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
   // var(--triplex-next-FormField-Label_Color_Default)
   Label_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
@@ -40,6 +56,8 @@ const r = [
   // var(--triplex-next-FormField-Shadow_Default)
   Shadow_Error_Active: [{ value: "0 0 0 1px #E60037 inset" }, { value: "0 0 0 1px #E60037 inset" }],
   // var(--triplex-next-FormField-Shadow_Error_Active)
+  Shadow_Warning_Active: [{ value: "0 0 0 1px #FD6508 inset" }, { value: "0 0 0 1px #FD6508 inset" }],
+  // var(--triplex-next-FormField-Shadow_Warning_Active)
   Placeholder_Color: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }]
   // var(--triplex-next-FormField-Placeholder_Color)
 };

package/components/DesignTokens/components/Island.js

@@ -0,0 +1,26 @@
+const e = [
+  "Type1_Background",
+  "Type2_Background",
+  "Type3_Background",
+  "Type1_Shadow",
+  "Type2_Shadow",
+  "Type3_Shadow"
+], a = {
+  Type1_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  // var(--triplex-next-Island-Type1_Background)
+  Type2_Background: [{ ref: "ColorNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.50" }],
+  // var(--triplex-next-Island-Type2_Background)
+  Type3_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.30" }],
+  // var(--triplex-next-Island-Type3_Background)
+  Type1_Shadow: [{ value: "0 0 0 1px #FFFFFF inset" }, { value: "0 0 0 1px #1F1F22 inset" }],
+  // var(--triplex-next-Island-Type1_Shadow)
+  Type2_Shadow: [{ value: "0 0 0 1px #FFFFFF inset" }, { value: "0 0 0 1px #19BDB0 inset" }],
+  // var(--triplex-next-Island-Type2_Shadow)
+  Type3_Shadow: [{ value: "0 0 0 1px #F2F4F7 inset" }, { value: "0 0 0 1px #1F1F22 inset" }]
+  // var(--triplex-next-Island-Type3_Shadow)
+};
+export {
+  a as Island_Tokens,
+  e as designTokensComponentsIslandKeys
+};
+//# sourceMappingURL=Island.js.map

package/components/DesignTokens/components/index.js

@@ -7,8 +7,8 @@ import { Loader_Tokens as f, designTokensComponentsLoaderKeys as K } from "./Loa
 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 { 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";
@@ -24,11 +24,12 @@ import { Pagination_Tokens as xo, designTokensComponentsPaginationKeys as ao } f
 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 { 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";
 export {
-  A as AlertContext_Tokens,
+  u as AlertContext_Tokens,
   v as AlertProcess_Tokens,
   n as Button_Tokens,
   Ko as Card_Tokens,
@@ -37,9 +38,10 @@ export {
   J as DropdownMobileList_Tokens,
   z as DropdownMobile_Tokens,
   R as Dropdown_Tokens,
-  Bo as FooterPage_Tokens,
+  Ao as FooterPage_Tokens,
   k as FormField_Tokens,
-  ho as HeaderPage_Tokens,
+  co as HeaderPage_Tokens,
+  Ho as Island_Tokens,
   i as Link_Tokens,
   no as ListItemControlsButton_Tokens,
   $ as ListItem_Tokens,
@@ -54,10 +56,10 @@ export {
   wo as SegmentedControl_Tokens,
   Lo as Skeleton_Tokens,
   y as Tabs_Tokens,
-  c as Tooltip_Tokens,
+  M as Tooltip_Tokens,
   S as Typography_Tokens,
   go as UploadZone_Tokens,
-  B as designTokensComponentsAlertContextKeys,
+  A as designTokensComponentsAlertContextKeys,
   H as designTokensComponentsAlertProcessKeys,
   s as designTokensComponentsButtonKeys,
   _o as designTokensComponentsCardKeys,
@@ -66,9 +68,10 @@ export {
   j as designTokensComponentsDropdownListKeys,
   E as designTokensComponentsDropdownMobileKeys,
   N as designTokensComponentsDropdownMobileListKeys,
-  Io as designTokensComponentsFooterPageKeys,
+  Bo as designTokensComponentsFooterPageKeys,
   T as designTokensComponentsFormFieldKeys,
-  uo as designTokensComponentsHeaderPageKeys,
+  ho as designTokensComponentsHeaderPageKeys,
+  Oo as designTokensComponentsIslandKeys,
   g as designTokensComponentsLinkKeys,
   so as designTokensComponentsListItemControlsButtonKeys,
   oo as designTokensComponentsListItemKeys,
@@ -80,10 +83,10 @@ export {
   ao as designTokensComponentsPaginationKeys,
   w as designTokensComponentsRadioKeys,
   Do as designTokensComponentsSegmentedControlKeys,
-  Mo as designTokensComponentsSegmentedControlSegmentKeys,
+  Io as designTokensComponentsSegmentedControlSegmentKeys,
   Po as designTokensComponentsSkeletonKeys,
   x as designTokensComponentsTabsKeys,
-  h as designTokensComponentsTooltipKeys,
+  c as designTokensComponentsTooltipKeys,
   F as designTokensComponentsTypographyKeys,
   Co as designTokensComponentsUploadZoneKeys
 };

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

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,21 +1,97 @@
-import "react/jsx-runtime";
-import "react";
-import { e as g } from "../../../chunks/index-CgNJLkzr.js";
-import "../../../chunks/DropdownListItem-Be_BBAWh.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 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 { 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) => {
+  const {
+    alignment: p = E.AUTO,
+    children: D,
+    fixedWidth: u,
+    className: W,
+    direction: h = O.AUTO,
+    opened: l,
+    setOpened: q,
+    style: f,
+    targetRef: H,
+    size: C = F.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(
+    (e) => {
+      var o;
+      (o = s.current) != null && o.contains(e.target) || e.preventDefault();
+    },
+    [s]
+  ), y = 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(
+    /** Запрет скролла всей страницы. */
+    (e) => {
+      e ? (document.addEventListener("wheel", v, { passive: !1 }), document.addEventListener("keydown", y)) : (document.removeEventListener("wheel", v), document.removeEventListener("keydown", y));
+    },
+    [v, y]
+  ), T = 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);
+    },
+    [p, u]
+  ), b = 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);
+    },
+    [h]
+  ), r = i(() => {
+    const { current: e } = s, { current: o } = H;
+    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 });
+    }
+  }, [H, u, f, b, T]);
+  _(() => {
+    l ? r() : (a.current = { height: 0, width: 0 }, L({ ...f, opacity: 0 }));
+  }, [l, r, f]), _(() => {
+    if (s.current) {
+      const { width: e, height: o } = s.current.getBoundingClientRect();
+      (e != a.current.width || o != a.current.height) && r();
+    }
+  }, [D, r]);
+  const c = i(() => {
+    setTimeout(r);
+  }, [r]);
+  _(() => {
+    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);
+      };
+  }, [l, c, g]);
+  const B = (e) => {
+    s.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
+  };
+  return l ? /* @__PURE__ */ S(
+    "div",
+    {
+      className: z,
+      style: { ...U },
+      ref: B,
+      ...R,
+      "data-tx": "1.1.1",
+      children: D
+    }
+  ) : null;
+});
+$.displayName = "DropdownDesktop";
 export {
-  g as DropdownDesktop
+  $ as DropdownDesktop
 };
 //# sourceMappingURL=DropdownDesktop.js.map