@sberbusiness/triplex-next 1.3.0 → 1.4.0

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -0,0 +1,53 @@
+import { jsxs as n, jsx as e, Fragment as f } from "react/jsx-runtime";
+import { useRef as h } from "react";
+import { c as u } from "../../../chunks/vendor-Ba_pyhza.js";
+import { CrossStrokeSrvIcon32 as x, CrossStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
+import { TriggerClickOnKeyDownEvent as E } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES as g } from "../../../utils/keyboard.js";
+import { EButtonTheme as i } from "../../Button/enums.js";
+import { Button as l } from "../../Button/Button.js";
+import { EComponentSize as a } from "../../../enums/EComponentSize.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-42gn-co3.js";
+const N = ({
+  className: c,
+  onClick: t,
+  title: r = "Закрыть",
+  ...d
+}) => {
+  const s = h(null), m = (p) => /* @__PURE__ */ n(f, { children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        className: o.lightBoxControlsDesktop,
+        onClick: t,
+        title: r,
+        "data-exclude-modal-focus": !0,
+        ref: p,
+        icon: /* @__PURE__ */ e(x, { paletteIndex: 0 }),
+        size: a.LG,
+        theme: i.SECONDARY_LIGHT
+      }
+    ),
+    /* @__PURE__ */ e(
+      l,
+      {
+        className: o.lightBoxControlsMobile,
+        onClick: t,
+        title: r,
+        "data-exclude-modal-focus": !0,
+        icon: /* @__PURE__ */ e(C, { paletteIndex: 0 }),
+        size: a.MD,
+        theme: i.SECONDARY_LIGHT
+      }
+    )
+  ] });
+  return /* @__PURE__ */ n("div", { className: u(c, o.lightBoxClose), ...d, children: [
+    /* @__PURE__ */ e("span", { className: o.withKeyboardEvent, children: /* @__PURE__ */ e(E, { eventKeyCode: g.ESCAPE, targetRef: s, children: m(s) }) }),
+    /* @__PURE__ */ e("span", { className: o.withoutKeyboardEvent, children: m() })
+  ] });
+};
+N.displayName = "LightBoxClose";
+export {
+  N as LightBoxClose
+};
+//# sourceMappingURL=LightBoxClose.js.map

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -0,0 +1,15 @@
+import { jsx as i } from "react/jsx-runtime";
+import { LightBoxClose as m } from "./LightBoxClose.js";
+import { LightBoxNext as l } from "./LightBoxNext.js";
+import { LightBoxPrev as x } from "./LightBoxPrev.js";
+import { c as e } from "../../../chunks/vendor-Ba_pyhza.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-42gn-co3.js";
+const o = ({ children: t, className: r, ...s }) => /* @__PURE__ */ i("div", { className: e(r, p.lightBoxControls), ...s, "data-lightbox-component": "controls", children: t });
+o.displayName = "LightBoxControls";
+o.Close = m;
+o.Next = l;
+o.Prev = x;
+export {
+  o as LightBoxControls
+};
+//# sourceMappingURL=LightBoxControls.js.map

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -0,0 +1,58 @@
+import { jsx as e, jsxs as x, Fragment as N } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { c as n } from "../../../chunks/vendor-Ba_pyhza.js";
+import { CaretrightStrokeSrvIcon32 as E, CaretrightStrokeSrvIcon20 as D } from "@sberbusiness/icons-next";
+import { TriggerClickOnKeyDownEvent as I } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES as R } from "../../../utils/keyboard.js";
+import { Button as c } from "../../Button/Button.js";
+import { EButtonTheme as s } from "../../Button/enums.js";
+import { EComponentSize as f } from "../../../enums/EComponentSize.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-42gn-co3.js";
+const v = ({
+  className: g,
+  clickByArrowRight: u,
+  dataTutorialId: d,
+  onClick: r,
+  title: l,
+  ...B
+}) => {
+  const h = m(null), i = (t) => /* @__PURE__ */ x(N, { children: [
+    /* @__PURE__ */ e(
+      c,
+      {
+        className: n(o.lightBoxControlsDesktop, o.lightBoxNextButton),
+        "data-test-id": t != null && t.addDataTestId ? "lightBox-next" : void 0,
+        "data-tutorial-id": d,
+        onClick: r,
+        title: l,
+        ref: t == null ? void 0 : t.buttonRef,
+        icon: /* @__PURE__ */ e(E, { paletteIndex: 0 }),
+        size: f.LG,
+        theme: s.SECONDARY_LIGHT
+      }
+    ),
+    /* @__PURE__ */ e(
+      c,
+      {
+        className: n(o.lightBoxControlsMobile, o.lightBoxNextButton),
+        "data-test-id": t != null && t.addDataTestId ? "lightBox-next" : void 0,
+        "data-tutorial-id": d,
+        onClick: r,
+        title: l,
+        ref: t == null ? void 0 : t.buttonRef,
+        icon: /* @__PURE__ */ e(D, { paletteIndex: 0 }),
+        size: f.MD,
+        theme: s.SECONDARY_LIGHT
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e("div", { className: n(g, o.lightBoxNext), ...B, children: u ? /* @__PURE__ */ x("span", { children: [
+    /* @__PURE__ */ e("span", { className: o.withKeyboardEvent, children: /* @__PURE__ */ e(I, { targetRef: h, eventKeyCode: R.ARROW_RIGHT, children: i({ addDataTestId: !0, buttonRef: h }) }) }),
+    /* @__PURE__ */ e("span", { className: o.withoutKeyboardEvent, children: i() })
+  ] }) : i({ addDataTestId: !0 }) });
+};
+v.displayName = "LightBoxNext";
+export {
+  v as LightBoxNext
+};
+//# sourceMappingURL=LightBoxNext.js.map

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -0,0 +1,58 @@
+import { jsx as e, jsxs as f, Fragment as g } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { c as n } from "../../../chunks/vendor-Ba_pyhza.js";
+import { CaretleftStrokeSrvIcon32 as E, CaretleftStrokeSrvIcon20 as D } from "@sberbusiness/icons-next";
+import { EButtonTheme as h } from "../../Button/enums.js";
+import { TriggerClickOnKeyDownEvent as C } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES as I } from "../../../utils/keyboard.js";
+import { Button as s } from "../../Button/Button.js";
+import { EComponentSize as v } from "../../../enums/EComponentSize.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-42gn-co3.js";
+const N = ({
+  className: u,
+  clickByArrowLeft: x,
+  dataTutorialId: r,
+  onClick: d,
+  title: l,
+  ...B
+}) => {
+  const c = m(null), i = (t) => /* @__PURE__ */ f(g, { children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        className: n(o.lightBoxControlsDesktop, o.lightBoxPrevButton),
+        "data-test-id": t != null && t.addDataTestId ? "lightBox-prev" : void 0,
+        "data-tutorial-id": r,
+        onClick: d,
+        title: l,
+        ref: t == null ? void 0 : t.buttonRef,
+        icon: /* @__PURE__ */ e(E, { paletteIndex: 0 }),
+        size: v.LG,
+        theme: h.SECONDARY_LIGHT
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        className: n(o.lightBoxControlsMobile, o.lightBoxPrevButton),
+        "data-test-id": t != null && t.addDataTestId ? "lightBox-prev" : void 0,
+        "data-tutorial-id": r,
+        onClick: d,
+        title: l,
+        ref: t == null ? void 0 : t.buttonRef,
+        icon: /* @__PURE__ */ e(D, { paletteIndex: 0 }),
+        size: v.MD,
+        theme: h.SECONDARY_LIGHT
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e("div", { className: n(u, o.lightBoxPrev), ...B, children: x ? /* @__PURE__ */ f("span", { children: [
+    /* @__PURE__ */ e("span", { className: o.withKeyboardEvent, children: /* @__PURE__ */ e(C, { targetRef: c, eventKeyCode: I.ARROW_LEFT, children: i({ addDataTestId: !0, buttonRef: c }) }) }),
+    /* @__PURE__ */ e("span", { className: o.withoutKeyboardEvent, children: i() })
+  ] }) : i({ addDataTestId: !0 }) });
+};
+N.displayName = "LightBoxPrev";
+export {
+  N as LightBoxPrev
+};
+//# sourceMappingURL=LightBoxPrev.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -0,0 +1,106 @@
+import { jsx as i, jsxs as B, Fragment as W } from "react/jsx-runtime";
+import { useState as O, useRef as x, useEffect as L } from "react";
+import { c as _, F as X } from "../../../chunks/vendor-Ba_pyhza.js";
+import { OverlayBase as Y, EOverlayDirection as R } from "../../Overlay/OverlayBase.js";
+import { OverlayMask as j } from "../../Overlay/OverlayMask.js";
+import { LightBoxSideOverlayLoader as I } from "./LightBoxSideOverlayLoader.js";
+import { FocusTrapUtils as T } from "../../../utils/focus/FocusTrapUtils.js";
+import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseMobile.js";
+import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayCloseDesktop.js";
+const q = "lightBoxSideOverlayMask__de7cade6", E = "lightBoxSideOverlayWrapper__13dd0b96", J = "overflowXHidden__52e21450", K = "overflowYHidden__43f25ae1", Q = "closing__a7cdf5fb", V = "opened__700be6cf", Z = "lightBoxSideOverlayContent__55d6cff1", $ = "opening__0fdcbef9", P = "sizeSM__f9ea30b2", ee = "sizeMD__08b1884a", te = "sizeLG__6e960630", oe = "lightBoxSideOverlay__38639a17", e = {
+  lightBoxSideOverlayMask: q,
+  lightBoxSideOverlayWrapper: E,
+  overflowXHidden: J,
+  overflowYHidden: K,
+  closing: Q,
+  opened: V,
+  lightBoxSideOverlayContent: Z,
+  opening: $,
+  sizeSM: P,
+  sizeMD: ee,
+  sizeLG: te,
+  lightBoxSideOverlay: oe
+};
+var ie = /* @__PURE__ */ ((t) => (t[t.SM = 0] = "SM", t[t.MD = 1] = "MD", t[t.LG = 2] = "LG", t))(ie || {});
+const h = ({
+  children: t,
+  className: M,
+  focusTrapProps: l,
+  isLoading: a,
+  loadingTitle: S,
+  isTopLevelSideOverlayOpened: p,
+  isTopOverlayOpened: u,
+  onClose: c,
+  onOpen: d,
+  opened: o,
+  size: f = 1,
+  ...D
+}) => {
+  const [r, v] = O(!1), [s, g] = O(!1), m = x(o), y = x(null);
+  L(() => {
+    m.current && !o ? (g(!1), v(!0)) : !m.current && o && (v(!1), g(!0)), m.current = o;
+  }, [o]);
+  const k = (n) => {
+    const { target: z, currentTarget: C } = n;
+    z === C && (r ? (v(!1), c == null || c()) : s && (g(!1), d == null || d()));
+  }, H = ({ opened: n }) => /* @__PURE__ */ i(j, { opened: n, className: e.lightBoxSideOverlayMask }), b = () => /* @__PURE__ */ B(
+    "div",
+    {
+      className: _(e.lightBoxSideOverlayContent, {
+        [e.closing]: r,
+        [e.opening]: s,
+        [e.opened]: o
+      }),
+      onTransitionEnd: k,
+      ref: y,
+      children: [
+        t,
+        a && /* @__PURE__ */ i(I, { loadingTitle: S })
+      ]
+    }
+  ), w = () => {
+  }, G = _(M, e.lightBoxSideOverlayWrapper, {
+    [e.closing]: r,
+    [e.opened]: o,
+    [e.overflowXHidden]: !!p || !!a,
+    [e.overflowYHidden]: !!p || !!a || !!u,
+    [e.sizeSM]: f === 0,
+    [e.sizeMD]: f === 1,
+    [e.sizeLG]: f === 2
+    /* LG */
+  }), F = (n) => /* @__PURE__ */ B(W, { children: [
+    H(n),
+    b()
+  ] }), N = /* @__PURE__ */ i(
+    "div",
+    {
+      className: _(e.lightBoxSideOverlay, {
+        [e.closing]: r,
+        [e.opening]: s
+      }),
+      children: /* @__PURE__ */ i(Y, { direction: R.RIGHT, opened: o, setOpened: w, children: F })
+    }
+  );
+  return /* @__PURE__ */ i(
+    X,
+    {
+      active: o && !s && !r,
+      ...l,
+      focusTrapOptions: {
+        clickOutsideDeactivates: !0,
+        initialFocus: () => T.getFirstInteractionElementByDataAttr(y.current),
+        preventScroll: !0,
+        ...l == null ? void 0 : l.focusTrapOptions
+      },
+      children: /* @__PURE__ */ i("div", { className: G, role: "dialog", "aria-modal": "true", ...D, children: N })
+    }
+  );
+};
+h.displayName = "LightBoxSideOverlay";
+h.CloseDesktop = U;
+h.CloseMobile = A;
+export {
+  ie as ELightBoxSideOverlaySize,
+  h as LightBoxSideOverlay
+};
+//# sourceMappingURL=LightBoxSideOverlay.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import { TriggerClickOnKeyDownEvent as n } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES as l } from "../../../utils/keyboard.js";
+import { c as p } from "../../../chunks/vendor-Ba_pyhza.js";
+import { CrossStrokeSrvIcon32 as f } from "@sberbusiness/icons-next";
+import { EButtonTheme as a } from "../../Button/enums.js";
+import { EComponentSize as c } from "../../../enums/EComponentSize.js";
+import { Button as d } from "../../Button/Button.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-B_oIB3rc.js";
+const C = ({
+  className: r,
+  clickByEsc: m,
+  ...i
+}) => {
+  const o = s(null), t = () => /* @__PURE__ */ e(
+    d,
+    {
+      "data-exclude-modal-focus": !0,
+      className: p(r, u.lightBoxSideOverlayCloseDesktop),
+      title: "Закрыть",
+      ...i,
+      ref: o,
+      icon: /* @__PURE__ */ e(f, { paletteIndex: 0 }),
+      size: c.LG,
+      theme: a.SECONDARY_LIGHT
+    }
+  );
+  return m ? /* @__PURE__ */ e(n, { eventKeyCode: l.ESCAPE, targetRef: o, children: t() }) : t();
+};
+C.displayName = "LightBoxSideOverlayCloseDesktop";
+export {
+  C as LightBoxSideOverlayCloseDesktop
+};
+//# sourceMappingURL=LightBoxSideOverlayCloseDesktop.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as r } from "../../../chunks/vendor-Ba_pyhza.js";
+import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-B_oIB3rc.js";
+import { EButtonTheme as l } from "../../Button/enums.js";
+import { EComponentSize as s } from "../../../enums/EComponentSize.js";
+import { Button as a } from "../../Button/Button.js";
+const p = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  a,
+  {
+    "data-exclude-modal-focus": !0,
+    className: r(e, m.lightBoxSideOverlayCloseMobile),
+    title: "Закрыть",
+    ...t,
+    icon: /* @__PURE__ */ o(i, { paletteIndex: 0 }),
+    size: s.MD,
+    theme: l.SECONDARY
+  }
+);
+p.displayName = "LightBoxSideOverlayCloseMobile";
+export {
+  p as LightBoxSideOverlayCloseMobile
+};
+//# sourceMappingURL=LightBoxSideOverlayCloseMobile.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__e4f40a9e", c = {
+  lightBoxSideOverlayLoaderWrapper: n
+}, f = ({ loadingTitle: a }) => {
+  const [t, r] = s(0), e = l(null);
+  return p(() => {
+    setTimeout(() => {
+      if (e.current) {
+        const o = e.current.getBoundingClientRect();
+        o.top !== t && (o.top > 0 ? r(0) : r(Math.abs(o.top)));
+      }
+    });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(d, { type: "middle", children: a }) });
+};
+f.displayName = "LightBoxSideOverlayLoader";
+export {
+  f as LightBoxSideOverlayLoader
+};
+//# sourceMappingURL=LightBoxSideOverlayLoader.js.map

package/components/LightBox/LightBoxTopOverlay/LightBoxTopOverlay.js

@@ -0,0 +1,86 @@
+import { jsx as l, jsxs as P, Fragment as I } from "react/jsx-runtime";
+import { useState as v, useRef as d, useEffect as C } from "react";
+import { c as R, F as S } from "../../../chunks/vendor-Ba_pyhza.js";
+import { EOverlayDirection as j } from "../../Overlay/OverlayBase.js";
+import { Overlay as y } from "../../Overlay/Overlay.js";
+const D = "lightBoxTopOverlayMask__9410973f", E = "lightBoxTopOverlayWrapper__11edb4db", L = "closing__a7cdf5fb", A = "opened__700be6cf", V = "lightBoxTopOverlayPanel__79e54db9", $ = "lightBoxTopOverlay__57206756", t = {
+  lightBoxTopOverlayMask: D,
+  lightBoxTopOverlayWrapper: E,
+  closing: L,
+  opened: A,
+  lightBoxTopOverlayPanel: V,
+  lightBoxTopOverlay: $
+}, q = ({
+  children: B,
+  focusTrapProps: r,
+  opened: e,
+  onClose: s,
+  onOpen: i,
+  ...u
+}) => {
+  const [f, h] = v(!1), [m, O] = v(!1), [x, n] = v(0), c = d(e), a = d(null), T = () => {
+    if (a.current) {
+      const o = getComputedStyle(a.current).getPropertyValue("--lightBox-screen-top") || "0", p = a.current.getBoundingClientRect();
+      p.top < 0 ? n(
+        (g) => parseInt(g, 10) + Math.abs(p.top) + parseInt(o, 10)
+      ) : n(
+        // Оверлей расположен ниже, чем нужно.
+        (g) => parseInt(g, 10) - p.top + parseInt(o, 10)
+      );
+    }
+  }, _ = () => {
+    T(), O(!0), i == null || i();
+  };
+  C(() => {
+    c.current && !e ? h(!0) : !c.current && e && T(), c.current = e;
+  }, [e]);
+  const W = () => {
+    h(!1), n(0), s == null || s();
+  }, b = () => O(!1), k = (o) => /* @__PURE__ */ P(I, { children: [
+    /* @__PURE__ */ l(y.Mask, { opened: o.opened, className: t.lightBoxTopOverlayMask }),
+    /* @__PURE__ */ l(y.Panel, { className: t.lightBoxTopOverlayPanel, ...o, children: B })
+  ] }), M = () => {
+  }, N = R(t.lightBoxTopOverlayWrapper, {
+    [t.closing]: f,
+    [t.opened]: e
+  }), F = /* @__PURE__ */ l(
+    y,
+    {
+      onClose: W,
+      onClosing: b,
+      onOpen: _,
+      opened: e,
+      setOpened: M,
+      ...u,
+      className: t.lightBoxTopOverlay,
+      direction: j.TOP,
+      children: k
+    }
+  );
+  return /* @__PURE__ */ l(
+    S,
+    {
+      active: m,
+      ...r,
+      focusTrapOptions: {
+        clickOutsideDeactivates: !0,
+        preventScroll: !0,
+        ...r == null ? void 0 : r.focusTrapOptions
+      },
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: N,
+          ref: a,
+          style: x ? { top: `${x}px` } : void 0,
+          children: F
+        }
+      )
+    }
+  );
+};
+q.displayName = "LightBoxTopOverlay";
+export {
+  q as LightBoxTopOverlay
+};
+//# sourceMappingURL=LightBoxTopOverlay.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -0,0 +1,63 @@
+import { jsx as r, jsxs as N } from "react/jsx-runtime";
+import { useState as m, useRef as L, useCallback as n, useLayoutEffect as c } from "react";
+import { Portal as B } from "../../Portal/Portal.js";
+import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.js";
+import { u as k, i as P, k as p } from "../../../chunks/vendor-Ba_pyhza.js";
+const g = "LightBoxMountNodeViewManager", $ = ({
+  lightBoxMountNode: a,
+  lightBoxViewManagerNode: x
+}) => {
+  const [t, h] = m(), [s, R] = m(""), o = L(null), d = n(
+    (e) => {
+      if (!e)
+        return;
+      let i = [];
+      e.width <= l.lightBoxMediaPoint0 ? i.push(l.breakPointsClassNames["less-or-equal-media-point-0"]) : i.push(l.breakPointsClassNames["more-media-point-0"]), i = i.sort().join(" "), s !== i && R(i);
+    },
+    [s]
+  ), w = () => {
+    if (o.current) {
+      const e = o.current.getBoundingClientRect();
+      P(
+        p(t, ["top", "left", "width", "height"]),
+        p(e, ["top", "left", "width", "height"])
+      ) || h(e);
+    }
+  }, f = n(() => {
+    if (o.current) {
+      const e = o.current.getBoundingClientRect();
+      h(e), d(e);
+    }
+  }, [d]), u = n(() => {
+    s && (Array.from(a.classList).forEach((e) => {
+      e.includes("LB-") && a.classList.toggle(e);
+    }), s.split(" ").forEach((e) => a.classList.add(e)));
+  }, [s, a.classList]);
+  c(() => {
+    f(), a.classList.add(g);
+  }, []), c(() => {
+    u();
+  }, [s, u]), c(() => {
+    w();
+  });
+  const { ref: C } = k({
+    handleWidth: !0,
+    onResize: f,
+    refreshMode: "throttle",
+    refreshRate: 150
+  });
+  return /* @__PURE__ */ r(B, { container: x, children: /* @__PURE__ */ N("div", { ref: o, style: { height: "100%" }, children: [
+    /* @__PURE__ */ r("div", { ref: C, style: { width: "100%", height: "100%", position: "absolute" } }),
+    t && /* @__PURE__ */ r("style", { children: `
+                            .${g} {
+                                --lightBox-screen-left: ${t.x >= 0 ? t.x : 0}px;
+                                --lightBox-screen-width: ${t.width}px;
+                                --lightBox-screen-top: ${t.height}px;
+                            }
+                        ` })
+  ] }) });
+};
+export {
+  $ as LightBoxViewManager
+};
+//# sourceMappingURL=LightBoxViewManager.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManagerConsts.js

@@ -0,0 +1,28 @@
+import { getScrollbarWidth as r } from "../../../utils/scroll/scrollbar.js";
+const o = 64, i = 16, t = 16, e = o + i + t, a = 1024, l = {
+  /**
+   * ClassNames для обозначения ширины контейнера.
+   * Используются для замены media query в Css, т.к. media query учитывает только ширину экрана, а не ширину элемента.
+   */
+  breakPointsClassNames: {
+    // Ширина меньше или равна lightBoxMediaPoint0.
+    "less-or-equal-media-point-0": "global-LB-less-or-equal-media-point-0",
+    // Ширина больше lightBoxMediaPoint0.
+    // У этого класса нет стилей, поэтому тут произвольный класс.
+    "more-media-point-0": "global-LB-more-media-point-0"
+  },
+  // Расстояние от стрелки до лайтбокса.
+  lightBoxArrowMarginToLightBox: i,
+  // Расстояние от стрелки до края экрана.
+  lightBoxArrowMarginToScreen: t,
+  // Ширина стрелки лайтбокса.
+  lightBoxArrowWidth: o,
+  //  Ширина стрелки лайтбокса с полями по бокам.
+  lightBoxArrowWithMarginWidth: e,
+  // Breakpoint для экранов менее 1024px.
+  lightBoxMediaPoint0: a + r()
+};
+export {
+  l as LightBoxViewManagerConsts
+};
+//# sourceMappingURL=LightBoxViewManagerConsts.js.map

package/components/LightBox/index.js

@@ -0,0 +1,7 @@
+import { LightBox as t, lightBoxMountNodeIdDefault as a, lightBoxViewManagerNodeIdDefault as d } from "./LightBox.js";
+export {
+  t as LightBox,
+  a as lightBoxMountNodeIdDefault,
+  d as lightBoxViewManagerNodeIdDefault
+};
+//# sourceMappingURL=index.js.map

package/components/Link/Link.js

@@ -1,20 +1,20 @@
-import { jsx as R, jsxs as t, Fragment as d } from "react/jsx-runtime";
+import { jsx as R, jsxs as t, Fragment as i } from "react/jsx-runtime";
 import L from "react";
-import { c as l } from "../../chunks/vendor-CehxOAkM.js";
-const v = "link__873f9874", F = "wordWithContent__6c3e27a0", S = "before__748dcd5d", T = "after__0a80da7e", e = {
+import { c as a } from "../../chunks/vendor-Ba_pyhza.js";
+const v = "link__81e5301c", F = "wordWithContent__0a1c37b4", S = "before__2ff2f479", T = "after__61cfb574", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: i, className: N, onBlur: p, onMouseDown: f, contentAfter: s, contentBefore: o, ...C }, _) => {
-    const c = () => o ? /* @__PURE__ */ t(d, { children: [
+  ({ children: d, className: f, onBlur: N, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, _) => {
+    const c = () => o ? /* @__PURE__ */ t(i, { children: [
       "​",
       o()
     ] }) : null, m = () => s ? s() : null, u = (n) => {
       const r = n.split(" ");
       if (r.length < 2 || r.length < 3 && o && s) {
-        const y = l(e.wordWithContent, {
+        const y = a(e.wordWithContent, {
           [e.after]: !!s,
           [e.before]: !!o
         });
@@ -24,43 +24,43 @@ const v = "link__873f9874", F = "wordWithContent__6c3e27a0", S = "before__748dcd
           m()
         ] });
       }
-      const a = r[0], h = r[r.length - 1], k = r.slice(1, -1).join(" "), b = l(e.wordWithContent, {
+      const l = r[0], h = r[r.length - 1], w = r.slice(1, -1).join(" "), k = a(e.wordWithContent, {
         [e.before]: !!o
-      }), g = o ? /* @__PURE__ */ t("span", { className: b, children: [
+      }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
         c(),
-        a
-      ] }) : a, x = l(e.wordWithContent, {
+        l
+      ] }) : l, x = a(e.wordWithContent, {
         [e.after]: !!s
       }), j = s ? /* @__PURE__ */ t("span", { className: x, children: [
         h,
         m()
       ] }) : h;
-      return /* @__PURE__ */ t(d, { children: [
+      return /* @__PURE__ */ t(i, { children: [
         g,
         " ",
-        k,
+        w,
         " ",
         j
       ] });
     }, W = (n) => {
-      const r = o ? o() : null, a = s ? s() : null;
-      return /* @__PURE__ */ t(d, { children: [
+      const r = o ? o() : null, l = s ? s() : null;
+      return /* @__PURE__ */ t(i, { children: [
         r,
         n,
-        a
+        l
       ] });
-    }, w = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(i) : i;
+    }, b = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(d) : d;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
         ...C,
-        className: l(N, e.link, "hoverable"),
-        onBlur: p,
-        onMouseDown: f,
-        "data-tx": "1.3.0",
+        className: a(f, e.link, "hoverable"),
+        onBlur: N,
+        onMouseDown: p,
+        "data-tx": "1.4.0",
         ref: _,
-        children: w
+        children: b
       }
     );
   }