@daisforge/ui 1.12.1 → 1.13.0

package/chunks/MassActions-ByZr-Wjd.mjs

@@ -0,0 +1,966 @@
+import { jsx as B, jsxs as vt } from "react/jsx-runtime";
+import { Divider as Ft, EmbedIconButton as Kt, LinkButton as Zt, Button as Pt, Dropdown as Gt, Checkbox as Qt, IconButton as bt, Tooltip as te } from "@salutejs/sdds-finai";
+import { IconDoubleDisclosureUp as ee, IconDotsVerticalCenteredOutline as ne } from "@salutejs/plasma-icons";
+import { c as Ut, d as qt, i as se, p as ie } from "./utils-C5SQhoON.mjs";
+import { useMemo as Xt, useCallback as pt, useRef as $, useState as ht, useEffect as st, useLayoutEffect as oe } from "react";
+import { T as jt, A as ce } from "./Table-XpsCe-vS.mjs";
+import { s as Jt } from "../constants/index.mjs";
+import { surfaceSolidCard as re, outlineSolidPrimary as le, shadowDownHardS as ae, spacing10x as de } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import U, { css as yt } from "styled-components";
+import { Box as kt } from "../components/Box/index.mjs";
+import { Collapse as ue } from "../components/Collapse/index.mjs";
+import { T as zt } from "./AnalyticalWidget-DnHHyjnv.mjs";
+const mt = 24, k = 4, Ct = 44, Yt = 40, Tt = 24, it = {
+  top: 12,
+  right: 8,
+  bottom: 12,
+  left: 24
+}, It = {
+  top: 0,
+  right: 10,
+  bottom: 0,
+  left: 24
+}, on = it.left + it.right, $t = 90, he = 110, wt = 100, cn = 300, _t = 550, pe = 350, fe = 50, ge = 100, me = ({
+  buttons: t,
+  visibleButtonsCount: i
+}) => {
+  const {
+    visibleButtons: o,
+    buttonsInDropdown: n
+  } = Xt(() => {
+    const e = t ?? [], c = /* @__PURE__ */ new Set(), h = [];
+    e.forEach((p, u) => {
+      p.view === "accent" ? c.add(u) : h.push(u);
+    });
+    const l = c.size, a = Math.max(0, i - l), s = new Set(h.slice(0, a)), r = [], g = [];
+    return e.forEach((p, u) => {
+      c.has(u) || s.has(u) ? r.push(p) : g.push(p);
+    }), {
+      visibleButtons: r,
+      buttonsInDropdown: g
+    };
+  }, [t, i]);
+  return {
+    visibleButtons: o,
+    buttonsInDropdown: n,
+    allButtons: t ?? []
+  };
+}, we = ({
+  isCollapsed: t,
+  setIsCollapsed: i,
+  isSidebarOpen: o,
+  calculatePositionForState: n,
+  calculatePosition: e,
+  setTranslateX: c,
+  shouldApplySidebarOffsetRef: h,
+  wasAutoCollapsedRef: l
+}) => ({
+  handleToggleCollapse: pt(() => {
+    const s = !t, r = n(s);
+    r !== void 0 && c(r), o && (s ? h.current = !0 : (h.current = !1, l.current = !1)), i(s), setTimeout(() => {
+      e();
+    }, _t);
+  }, [t, o, n, e, c, h, l, i])
+}), xe = ({
+  isCollapsed: t,
+  containerRef: i,
+  contentRef: o,
+  middleSectionRef: n,
+  buttonRefs: e,
+  moreButtonRef: c,
+  collapseButtonRef: h,
+  leftSectionRef: l,
+  dividerRef: a,
+  buttons: s,
+  isHaveSomeFeatureInSidebar: r,
+  getContainerWidth: g,
+  setVisibleButtonsCount: p,
+  minPadding: u = Tt,
+  leftPadding: C = it.left,
+  rightPadding: w = it.right,
+  moreButtonWidthEstimate: A = Yt,
+  enableDebugLogs: x = !1
+}) => {
+  const _ = $([]), L = pt(() => {
+    var dt, Y, ft, rt, ut, T;
+    const E = g();
+    if (!E || E === 0 || !s || s.length === 0)
+      return x && console.debug("❌ calculateInitialCompression: нет tableWidth или buttons"), !1;
+    if (!s.every((f, v) => e.current[v] !== null && e.current[v] !== void 0))
+      return x && console.debug("❌ calculateInitialCompression: ref'ы еще не установлены", {
+        buttonsCount: s.length,
+        refsCount: e.current.filter(Boolean).length,
+        refs: e.current.map((f, v) => ({
+          index: v,
+          hasRef: !!f
+        }))
+      }), !1;
+    const O = E - (r ? Ct : 0), q = ((dt = l == null ? void 0 : l.current) == null ? void 0 : dt.getBoundingClientRect().width) ?? 0, S = ((Y = n.current) == null ? void 0 : Y.getBoundingClientRect().width) ?? 0, V = s.length > 0, P = V ? ((ft = a == null ? void 0 : a.current) == null ? void 0 : ft.getBoundingClientRect().width) ?? 0 : 0, X = V ? k : 0, Q = V && S > 0 ? k : 0, ot = P + Q + X, at = k * 2, ct = q + S + ot + // Divider с учетом margins и gaps
+    (((rt = h.current) == null ? void 0 : rt.getBoundingClientRect().width) ?? mt) + (C + w) + // Динамический padding контейнера
+    at, y = [];
+    let z = !0;
+    for (let f = 0; f < s.length; f += 1) {
+      const v = e.current[f];
+      if (!v) {
+        z = !1;
+        break;
+      }
+      const F = v.querySelector("button, a") || v;
+      if (!F || !F.isConnected) {
+        z = !1;
+        break;
+      }
+      const gt = F.getBoundingClientRect(), lt = gt.width || F.offsetWidth || F.scrollWidth || F.clientWidth;
+      if (lt > 0)
+        y.push(lt), _.current[f] = lt;
+      else {
+        console.debug("❌ calculateInitialCompression: кнопка не отрендерилась", {
+          index: f,
+          text: (ut = s[f]) == null ? void 0 : ut.text,
+          width: lt,
+          isConnected: F.isConnected,
+          rect: gt
+        }), z = !1;
+        break;
+      }
+    }
+    if (!z || y.length !== s.length)
+      return x && console.debug("❌ calculateInitialCompression: не все кнопки измерены", {
+        allButtonsMeasured: z,
+        buttonWidthsLength: y.length,
+        buttonsLength: s.length
+      }), !1;
+    const b = ((T = c.current) == null ? void 0 : T.getBoundingClientRect().width) ?? A, I = O - u * 2, N = [], D = [];
+    s.forEach((f, v) => {
+      if (y[v] === void 0)
+        return;
+      (f == null ? void 0 : f.view) === "accent" ? N.push(v) : D.push(v);
+    });
+    let G = 0;
+    N.forEach((f) => {
+      const v = y[f];
+      v !== void 0 && (G += v);
+    });
+    const j = new Set(N);
+    let tt = G, et = 0;
+    for (let f = 0; f < D.length; f += 1) {
+      const v = D[f], M = typeof v < "u" ? y[v] : 0;
+      if (M === void 0)
+        continue;
+      const gt = f < D.length - 1 ? b + k : 0, xt = (j.size + 1 - 1) * k, Bt = tt + M + xt + gt;
+      if (ct + Bt <= I)
+        tt += M, et += 1, typeof v < "u" && j.add(v);
+      else
+        break;
+    }
+    const J = j.size;
+    return p(J), console.debug("✅ calculateInitialCompression: успешно выполнено", {
+      buttonWidths: y,
+      visibleCount: J,
+      accentCount: N.length,
+      regularVisibleCount: et
+    }), !0;
+  }, [s, g, r, p, e, l, n, c, h, a, x, u, C, w, A]);
+  return {
+    calculateCompression: pt(() => {
+      t || !i.current || !o.current || requestAnimationFrame(() => {
+        setTimeout(() => {
+          var lt, xt, Bt, At, Nt, Ot, Mt;
+          const E = g();
+          if (!E || E === 0)
+            return;
+          const W = E - (r ? Ct : 0);
+          x && (console.group("🔧 MassActions Compression"), console.debug("📏 Размеры контейнера:", JSON.stringify({
+            tableWidth: E,
+            isHaveSomeFeatureInSidebar: r,
+            togglePanelWidth: r ? Ct : 0,
+            availableWidth: W,
+            minPaddingRequired: u * 2,
+            maxPanelWidthAllowed: W - u * 2
+          }, null, 2)));
+          const O = ((lt = l == null ? void 0 : l.current) == null ? void 0 : lt.getBoundingClientRect().width) ?? 0, q = ((xt = n.current) == null ? void 0 : xt.getBoundingClientRect().width) ?? 0, S = ((s == null ? void 0 : s.length) ?? 0) > 0, V = S ? ((Bt = a == null ? void 0 : a.current) == null ? void 0 : Bt.getBoundingClientRect().width) ?? 0 : 0, P = S ? k : 0, X = S && q > 0 ? k : 0, Q = V + X + P;
+          let ot = null;
+          if (l != null && l.current) {
+            const d = l.current.getBoundingClientRect(), {
+              children: m
+            } = l.current, K = [];
+            for (let H = 0; H < m.length; H += 1) {
+              const Z = m[H];
+              if (Z) {
+                const nt = Z.getBoundingClientRect();
+                K.push({
+                  tagName: Z.tagName,
+                  className: Z.className,
+                  width: nt.width,
+                  height: nt.height
+                });
+              }
+            }
+            ot = {
+              width: d.width,
+              height: d.height,
+              children: K,
+              childrenTotalWidth: K.reduce((H, Z) => H + Z.width, 0)
+            };
+          }
+          const at = k * 2, ct = O + q + Q + // Divider с учетом margins и gaps
+          (((At = h.current) == null ? void 0 : At.getBoundingClientRect().width) ?? mt) + (C + w) + at;
+          x && console.debug("🔲 Фиксированные элементы:", JSON.stringify({
+            leftSectionWidth: O,
+            leftSectionDetails: ot,
+            middleSectionWidth: q,
+            divider: {
+              shouldShow: S,
+              wrapperWidth: V,
+              gapLeft: X,
+              gapRight: P,
+              totalWidth: Q
+            },
+            collapseButtonWidth: ((Nt = h.current) == null ? void 0 : Nt.getBoundingClientRect().width) ?? mt,
+            containerPadding: C + w,
+            gapsBetweenFixedElements: at,
+            fixedElementsTotal: ct
+          }, null, 2));
+          const y = [];
+          let z = !0;
+          for (let d = 0; d < ((s == null ? void 0 : s.length) ?? 0); d += 1) {
+            const m = e.current[d];
+            if (m) {
+              const H = m.querySelector("button, a") || m, nt = H.getBoundingClientRect().width || H.offsetWidth || H.scrollWidth || H.clientWidth;
+              nt > 0 ? (y.push(nt), _.current[d] = nt) : _.current[d] !== void 0 ? y.push(_.current[d] ?? wt) : (z = !1, y.push(wt));
+            } else
+              _.current[d] !== void 0 ? y.push(_.current[d] ?? wt) : (z = !1, y.push(wt));
+          }
+          if (!z && y.length === 0 && ((s == null ? void 0 : s.length) ?? 0) > 0)
+            return;
+          const b = ((Ot = c.current) == null ? void 0 : Ot.getBoundingClientRect().width) ?? A, I = W - u * 2, N = i.current ? i.current.getBoundingClientRect().width : 0;
+          x && (console.debug("🎯 Ограничения и текущее состояние:", JSON.stringify({
+            targetContainer: {
+              tableWidth: E,
+              availableWidth: W,
+              minPaddingEach: u,
+              minPaddingTotal: u * 2,
+              maxPanelWidth: I
+            },
+            currentPanel: {
+              width: N,
+              exceedsMax: N > I,
+              exceedsAvailable: N > W,
+              leftPadding: u,
+              rightPadding: u
+            },
+            moreButtonWidth: b
+          }, null, 2)), console.debug("🔘 Ширины кнопок:", JSON.stringify({
+            buttons: s == null ? void 0 : s.map((d, m) => ({
+              index: m,
+              text: d.text,
+              view: d.view,
+              isAccent: d.view === "accent",
+              width: y[m]
+            })),
+            totalButtonsWidth: y.reduce((d, m) => d + m, 0),
+            averageButtonWidth: y.length > 0 ? y.reduce((d, m) => d + m, 0) / y.length : 0
+          }, null, 2)));
+          const D = s ?? [], G = [], j = [];
+          D.forEach((d, m) => {
+            if (y[m] === void 0)
+              return;
+            (d == null ? void 0 : d.view) === "accent" ? G.push(m) : j.push(m);
+          }), x && console.debug("🎨 Распределение:", {
+            accentCount: G.length,
+            regularCount: j.length,
+            accentButtons: G.map((d) => {
+              var m;
+              return {
+                index: d,
+                text: (m = D[d]) == null ? void 0 : m.text,
+                width: y[d]
+              };
+            })
+          });
+          let tt = 0;
+          G.forEach((d) => {
+            const m = y[d];
+            m !== void 0 && (tt += m);
+          });
+          const et = new Set(G);
+          let J = tt, dt = 0;
+          for (let d = 0; d < j.length; d += 1) {
+            const m = j[d], K = typeof m < "u" ? y[m] : 0;
+            if (K === void 0)
+              continue;
+            const Z = d < j.length - 1 ? b + k : 0, nt = et.size + 1, St = (nt - 1) * k, Dt = J + K + St + Z, Wt = ct + Dt, Et = Wt + 3;
+            if (x && console.debug(`  🔍 Проверка кнопки ${d}:`, {
+              text: typeof m < "u" ? (Mt = D[m]) == null ? void 0 : Mt.text : "",
+              width: K,
+              totalButtonsWidthBefore: J,
+              visibleCountAfter: nt,
+              gapsBetweenButtons: St,
+              moreButtonSpace: Z,
+              requiredWidth: Dt,
+              testPanelWidth: Wt,
+              testWithBuffer: Et,
+              maxPanelWidth: I,
+              fits: Wt <= I,
+              fitsWithBuffer: Et <= I
+            }), Et <= I)
+              J += K, dt += 1, typeof m < "u" && et.add(m);
+            else
+              break;
+          }
+          const Y = et.size, rt = D.length - Y > 0, ut = Y > 0 ? (Y - 1) * k : 0, T = J + ut + (rt ? b + k : 0), f = ct + T, v = [], M = [];
+          D.forEach((d, m) => {
+            et.has(m) ? v.push(d) : M.push(d);
+          });
+          const F = Y, gt = {
+            fixedElements: {
+              leftSection: O,
+              middleSection: q,
+              divider: Q,
+              collapseButton: mt,
+              containerPadding: C + w,
+              gapsBetweenFixedElements: at,
+              total: ct
+            },
+            buttons: {
+              accentButtonsWidth: tt,
+              visibleRegularButtonsWidth: J - tt,
+              totalButtonsWidth: J,
+              // Сумма только ширин кнопок без gaps
+              gapsBetweenVisibleButtons: ut,
+              buttonsAreaWidth: T,
+              // С учетом gaps
+              visibleButtonsCount: Y,
+              hiddenButtonsCount: M.length
+            },
+            moreButton: rt ? {
+              width: b,
+              gap: k,
+              total: b + k
+            } : null,
+            final: {
+              calculatedWidth: f,
+              actualPanelWidth: N,
+              widthDifference: N - f,
+              maxAllowedWidth: I,
+              availableWidth: W,
+              fits: f <= I,
+              actualFits: N <= I,
+              exceedsBy: f > I ? f - I : 0,
+              actualExceedsBy: N > I ? N - I : 0,
+              leftPaddingRequired: u,
+              rightPaddingRequired: u,
+              totalPaddingRequired: u * 2
+            }
+          };
+          x && (console.debug("✅ Результат компрессии:", JSON.stringify({
+            summary: {
+              totalButtons: D.length,
+              accentCount: G.length,
+              visibleRegularCount: dt,
+              visibleCount: F,
+              hiddenCount: M.length,
+              finalPanelWidth: f,
+              maxPanelWidth: I,
+              fits: f <= I,
+              hasMoreButton: rt
+            },
+            breakdown: gt
+          }, null, 2)), console.debug("👁️ Видимые кнопки:", {
+            buttons: v.map((d) => ({
+              text: d.text,
+              view: d.view,
+              isAccent: d.view === "accent"
+            }))
+          }), console.debug("📦 Кнопки в dropdown:", {
+            buttons: M.map((d) => ({
+              text: d.text,
+              view: d.view
+            }))
+          }), console.groupEnd()), p(Y);
+        }, fe);
+      });
+    }, [t, i, o, g, r, x, l, n, s, a, c, h, u, C, w, A, p, e]),
+    calculateInitialCompression: L,
+    measuredButtonWidthsRef: _
+  };
+}, Be = (t) => {
+  const [i, o] = ht(0), n = pt(() => typeof t == "function" ? t() : t.current, [t]), e = pt(() => {
+    const c = n();
+    return c ? c.getBoundingClientRect().width : 0;
+  }, [n]);
+  return st(() => {
+    const c = n();
+    if (!c)
+      return;
+    o(c.getBoundingClientRect().width);
+    const h = Ut((l) => {
+      for (const a of l) {
+        const {
+          width: s
+        } = a.contentRect;
+        o(s);
+      }
+    });
+    return h.observe(c), () => {
+      h.disconnect();
+    };
+  }, [n]), {
+    containerWidth: i,
+    getContainerWidth: e,
+    getContainer: n
+  };
+}, Ce = ({
+  containerRef: t,
+  buttonRefs: i,
+  buttons: o,
+  isVisible: n,
+  isCollapsed: e,
+  visibleButtonsCount: c,
+  selectedCount: h,
+  setIsCollapsed: l,
+  setVisibleButtonsCount: a,
+  calculatePosition: s,
+  calculateCompression: r,
+  measuredButtonWidthsRef: g,
+  containerWidth: p
+}) => {
+  st(() => {
+    p > 0 && (s(), r());
+  }, [p, s, r]), oe(() => {
+    if (!t.current)
+      return;
+    const u = Ut(() => {
+      s();
+    });
+    return u.observe(t.current), () => {
+      u.disconnect();
+    };
+  }, [s, t]), st(() => {
+    i.current = Array((o == null ? void 0 : o.length) ?? 0).fill(null), a((o == null ? void 0 : o.length) ?? 0), g.current = [];
+  }, [o == null ? void 0 : o.length, i, a, g]), st(() => {
+    if (n && !e) {
+      const u = setTimeout(() => {
+        r(), s();
+      }, ge);
+      return () => {
+        clearTimeout(u);
+      };
+    }
+  }, [n, e, r, s]), st(() => {
+    if (e) {
+      s();
+      return;
+    }
+    s();
+  }, [e, c, s]), st(() => () => {
+    (!n || h === 0) && l(!1);
+  }, [n, h, l]);
+}, ve = ({
+  containerRef: t,
+  collapseButtonRef: i,
+  leftSectionRef: o,
+  getContainerWidth: n,
+  isHaveSomeFeatureInSidebar: e,
+  sidebarConfig: c,
+  visibleButtonsCount: h,
+  setTranslateX: l,
+  minPadding: a = Tt,
+  enableDebugLogs: s = !1
+}) => {
+  const r = (c == null ? void 0 : c.isOpen) ?? !1, g = (c == null ? void 0 : c.width) ?? 0, p = (c == null ? void 0 : c.togglePanelWidth) ?? Ct, u = $(!1), C = pt((A) => {
+    var S, V;
+    const x = n();
+    if (!x || x === 0)
+      return;
+    const _ = g + p, L = r ? _ / 2 : 0, R = e ? p / 2 : 0;
+    let E = -(L + R), W;
+    if (A) {
+      const P = ((S = o == null ? void 0 : o.current) == null ? void 0 : S.getBoundingClientRect().width) ?? $t, X = ((V = i.current) == null ? void 0 : V.getBoundingClientRect().width) ?? mt, Q = It.top + It.right + It.left;
+      W = P + X + Q;
+    } else if (t.current)
+      W = t.current.getBoundingClientRect().width;
+    else {
+      const P = h * wt, X = it.top + it.right + it.left;
+      W = $t + he + mt + P + X;
+    }
+    const O = x / 2;
+    return O - W / 2 + E < a && (E = a - (O - W / 2)), E;
+  }, [n, t, i, o, e, r, g, p, h, a]);
+  return {
+    calculatePosition: pt(() => {
+      const A = n();
+      if (!A || A === 0 || !t.current)
+        return;
+      s && console.group("📍 MassActions Position");
+      const x = g + p, _ = r ? x / 2 : 0, L = e ? p / 2 : 0;
+      let R = -(_ + L);
+      const E = t.current.getBoundingClientRect().width, W = A / 2, O = W - E / 2 + R;
+      O < a && (R = a - (W - E / 2)), s && (console.log("🎯 Позиционирование:", JSON.stringify({
+        tableWidth: A,
+        panelWidth: E,
+        tableCenter: W,
+        sidebarWidth: g,
+        toggleSidebarPanelWidth: p,
+        isSidebarOpen: r,
+        isHaveSomeFeatureInSidebar: e,
+        totalSidebarWidth: x,
+        sidebarOffset: _,
+        togglePanelOffset: L,
+        idealTranslateX: -(_ + L),
+        leftEdgePosition: O,
+        minPadding: a,
+        finalTranslateX: R,
+        adjusted: O < Tt
+      }, null, 2)), console.groupEnd()), l(R), r ? u.current = !0 : u.current = !1;
+    }, [n, t, s, g, p, e, r, l, a]),
+    calculatePositionForState: C,
+    shouldApplySidebarOffsetRef: u
+  };
+}, ye = ({
+  isCollapsed: t,
+  setIsCollapsed: i,
+  calculatePositionForState: o,
+  calculatePosition: n,
+  setTranslateX: e,
+  shouldApplySidebarOffsetRef: c,
+  sidebarConfig: h,
+  getContainerWidth: l
+}) => {
+  const a = (h == null ? void 0 : h.isOpen) ?? !1, s = (h == null ? void 0 : h.width) ?? 0, r = $(!1), g = $(a);
+  return st(() => {
+    if (!h)
+      return;
+    const u = g.current !== a;
+    if (g.current = a, !u) {
+      n();
+      return;
+    }
+    if (a)
+      if (t)
+        n();
+      else {
+        r.current = !0;
+        const C = o(!0);
+        C !== void 0 && (e(C), c.current = !0), i(!0), setTimeout(() => {
+          n();
+        }, _t);
+      }
+    else if (t) {
+      r.current = !1, c.current = !1;
+      const C = o(!1);
+      C !== void 0 && e(C), i(!1), setTimeout(() => {
+        n();
+      }, _t);
+    } else
+      c.current = !1, n();
+  }, [a, s, l]), {
+    isSidebarOpen: a,
+    sidebarWidth: s,
+    wasAutoCollapsedRef: r
+  };
+}, Ae = (t) => {
+  const i = $(t), [o, n] = ht(t > 0);
+  return st(() => {
+    var l;
+    const e = i.current, c = e === 0 && t > 0, h = e > 0 && t === 0;
+    if (c || h) {
+      const a = () => {
+        n(t > 0);
+      };
+      document.startViewTransition ? (l = document.startViewTransition) == null || l.call(document, a) : a();
+    } else
+      n(t > 0);
+    i.current = t;
+  }, [t]), o;
+}, We = "mass-actions-panel", Lt = {
+  surfaceSolidCard: () => re,
+  outlineSolidPrimary: () => le
+}, Ee = U(Zt).withConfig({
+  displayName: "styled__StyledLinkButton"
+})({
+  paddingInline: Jt.x8
+}), Ht = (t) => U(t).withConfig({
+  displayName: "styled__getButtonWithDropdown"
+})(["", " ", ""], ({
+  $hasDropdown: i
+}) => i && yt(["& > div > span:last-child{max-width:fit-content;min-width:unset;}"]), ({
+  $buttonStyles: i
+}) => i && yt(["", ""], i)), Ie = Ht(Pt), Te = Ht(Ee), _e = U.div.withConfig({
+  displayName: "styled__MassActionsContainer"
+})(["position:absolute;bottom:", "px;left:50%;transform:", ";background:", ";border:2px solid ", ";padding:", ";border-radius:14px;display:block;width:fit-content;max-width:", ";view-transition-name:", ";opacity:", ";transition:padding 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1),max-width 0.2s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease-in-out;will-change:padding,transform,max-width;box-shadow:", ";"], ({
+  $bottom: t = 24
+}) => t, ({
+  $translateX: t
+}) => t !== void 0 ? `translateX(calc(-50% + ${t}px))` : "translateX(-50%)", Lt.surfaceSolidCard, Lt.outlineSolidPrimary, ({
+  $isCollapsed: t,
+  $size: i
+}) => {
+  const o = i === "xs";
+  return t ? o ? "0px 2px 0px 12px" : "0px 10px 0px 24px" : o ? "4px 2px 4px 12px" : "12px 8px 12px 24px";
+}, ({
+  $isCollapsed: t
+}) => t ? "350" : "2000px", We, ({
+  $isInitialCalculationComplete: t
+}) => t ? 1 : 0, ae), Ne = U.div.withConfig({
+  displayName: "styled__MassActionsContent"
+})(["display:flex;align-items:center;gap:", ";"], ({
+  $isCollapsed: t,
+  $isCompact: i
+}) => t ? i ? "4px" : "8px" : "0px"), Oe = U.div.withConfig({
+  displayName: "styled__ActionsWrapper"
+})(["display:flex;max-height:", ";align-items:center;gap:4px;flex:1;justify-content:flex-end;overflow:hidden;min-width:0;transition:max-height 0.2s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1),max-width 0.1s cubic-bezier(0.4,0,0.2,1),margin 0.3s cubic-bezier(0.4,0,0.2,1),gap 0.3s cubic-bezier(0.4,0,0.2,1);", ""], ({
+  $isCollapsed: t
+}) => t ? "0" : "40px", ({
+  $isCollapsed: t
+}) => t ? yt(["opacity:0;max-width:0;margin:0;gap:0;"]) : yt(["opacity:1;max-width:2000px;"])), Me = U.div.withConfig({
+  displayName: "styled__HiddenButtonsMeasurementContainer"
+})(["position:absolute;left:-9999px;top:0;display:flex;gap:4px;align-items:center;z-index:-1;pointer-events:none;width:auto;height:auto;"]), Se = U.div.withConfig({
+  displayName: "styled__ButtonMeasurementWrapper"
+})(["display:inline-flex;width:auto;height:auto;"]), De = U.div.withConfig({
+  displayName: "styled__VisibleButtonWrapper"
+})(["margin-left:0;"]), ke = U(ee).withConfig({
+  displayName: "styled__CollapseIcon"
+})(["transition:all 0.3s;transform:", ";"], ({
+  $isCollapsed: t
+}) => t ? "scaleY(1)" : "scaleY(-1)"), ze = U(Kt).withConfig({
+  displayName: "styled__CollapseButton"
+})(["padding:", ";"], ({
+  $isCompact: t
+}) => t ? Jt.x8 : de);
+U(Pt).withConfig({
+  displayName: "styled__MoreButton"
+})(["margin-left:0;"]);
+const $e = U(Ft).withConfig({
+  displayName: "styled__StyledDivider"
+})(["padding-left:1px;margin-left:12px;margin-right:8px;"]), Le = (t) => {
+  if (typeof t == "string" && t.startsWith("link")) {
+    const i = t.slice(4);
+    return i.charAt(0).toLowerCase() + i.slice(1);
+  }
+  return t ?? "default";
+}, Ve = {
+  size: "s",
+  view: "linkDefault"
+}, Rt = ({
+  type: t,
+  view: i,
+  showLabel: o,
+  text: n,
+  buttonStyles: e,
+  dropdown: c,
+  useTableDropdown: h = !1,
+  ...l
+}) => {
+  const a = t ?? "linkButton", {
+    view: s,
+    ...r
+  } = Ve, g = i ?? s, p = o ? n : void 0, u = !!c;
+  let C;
+  if (a === "button") {
+    const w = l, A = w.text ?? p;
+    C = /* @__PURE__ */ B(Ie, { ...r, ...w, view: g, text: A, $hasDropdown: u, $showLabel: o, $buttonStyles: e });
+  } else {
+    const w = String(g ?? "linkDefault"), x = w.startsWith("link") ? Le(w) : w;
+    C = /* @__PURE__ */ B(Te, { ...r, ...l, view: x, text: p, $hasDropdown: u, $showLabel: o, $buttonStyles: e });
+  }
+  if (c && c.items && c.items.length > 0)
+    if (h)
+      C = /* @__PURE__ */ B(jt, { ...c, children: C });
+    else {
+      const {
+        $css: w,
+        ...A
+      } = c;
+      C = /* @__PURE__ */ B(Gt, { ...A, children: C });
+    }
+  return C;
+}, Pe = ({
+  selectedCount: t,
+  label: i = "Выбрано",
+  showCheckbox: o = !1,
+  checked: n = !1,
+  onCheckboxChange: e,
+  className: c,
+  indeterminate: h
+}) => {
+  const {
+    down: l
+  } = qt(), a = l("xl"), s = t > 0, r = a ? "BodyXS" : "BodyS", g = (() => {
+    if (t === 0)
+      return "0px";
+    const u = t.toString().length;
+    return `${Math.max(16, 7.1 + u * 6.1) + 4}px`;
+  })();
+  return /* @__PURE__ */ vt(kt, { className: c, $css: {
+    display: "flex",
+    alignItems: "center"
+  }, children: [
+    o ? /* @__PURE__ */ vt(kt, { $css: {
+      display: "flex",
+      alignItems: "center",
+      gap: "4px"
+    }, children: [
+      /* @__PURE__ */ B(Qt, { checked: n, indeterminate: h, onChange: e, size: "m" }),
+      /* @__PURE__ */ B(zt, { variant: r, children: i })
+    ] }) : /* @__PURE__ */ B(zt, { variant: r, children: i }),
+    /* @__PURE__ */ B(ue, { duration: 0.3, orientation: "horizontal", isOpen: s, unMountOnClose: !0, sizeOnOpen: g, extContainerCss: {
+      overflow: "visible",
+      display: "flex",
+      justifyContent: "flex-end"
+    }, intContainerCss: {
+      always: {
+        opacity: "0",
+        transition: ".3s ease"
+      },
+      onOpen: {
+        opacity: 1
+      }
+    }, children: s && /* @__PURE__ */ B(ce, { className: "counter", count: t, size: "xs", view: "accent", style: {
+      marginBottom: "3px"
+    } }, t) })
+  ] });
+}, Ge = (t = []) => Xt(() => {
+  const i = [], o = {}, n = /* @__PURE__ */ new Map();
+  return t.forEach((e) => {
+    var c, h;
+    if (e.dropdown) {
+      const l = `group-${e.key || e.text || Date.now()}`, a = "items" in e.dropdown ? e.dropdown.items || [] : [], s = "onItemSelect" in e.dropdown ? e.dropdown.onItemSelect : void 0;
+      s && n.set(l.toString(), s);
+      const [r, g] = ie(a, s);
+      g.forEach((p, u) => n.set(u, p)), (c = e.dropdown) != null && c.$css && Object.assign(o, (h = e.dropdown) == null ? void 0 : h.$css), i.push({
+        label: e.text ?? "",
+        value: l,
+        contentLeft: e.contentLeft,
+        items: r,
+        className: e.className,
+        disabled: e.disabled
+      });
+    } else {
+      const l = e.key || e.text || `btn-${Date.now()}`, a = {
+        label: e.text || "Кнопка",
+        value: l.toString(),
+        disabled: e.disabled,
+        contentLeft: e.contentLeft
+      };
+      e.onClick && n.set(l.toString(), (s, r) => {
+        var p;
+        const g = {
+          ...r,
+          nativeEvent: r.nativeEvent,
+          preventDefault: r.preventDefault,
+          stopPropagation: r.stopPropagation,
+          target: r.target,
+          currentTarget: r.currentTarget
+        };
+        (p = e.onClick) == null || p.call(e, g);
+      }), i.push(a);
+    }
+  }), {
+    dropdownItems: i,
+    handlerMap: n,
+    $summaryCSS: o
+  };
+}, [t]), Ue = ({
+  buttons: t = [],
+  dividerIndexes: i = [],
+  triggerSlot: o,
+  dropdownProps: n,
+  useTableDropdown: e = !1
+}) => {
+  const {
+    dropdownItems: c,
+    handlerMap: h,
+    $summaryCSS: l
+  } = Ge(t), a = se(h), [s, r] = ht(!1), g = c.map((w, A) => (i.includes(A) && (w.dividerAfter = !0), w)), p = {
+    closeOnSelect: !0,
+    ...n,
+    onItemSelect: a,
+    items: g,
+    onToggle: (w) => r(w),
+    portal: "document",
+    view: (n == null ? void 0 : n.view) || "default"
+  }, {
+    portal: u,
+    ...C
+  } = p;
+  return e ? /* @__PURE__ */ B(jt, { $css: l, ...C, children: o }) : /* @__PURE__ */ B(Gt, { ...p, children: o });
+}, qe = ({
+  button: t,
+  isCompact: i,
+  compactSize: o = "xs",
+  useTableDropdown: n = !1
+}) => {
+  const e = t.size ?? (i ? o : "s");
+  return /* @__PURE__ */ B(Rt, { ...t, size: e, showLabel: !0, useTableDropdown: n });
+}, Xe = ({
+  button: t,
+  isCompact: i,
+  compactSize: o = "xs",
+  useTableDropdown: n = !1
+}) => {
+  const e = t.size ?? (i ? o : "s");
+  return /* @__PURE__ */ B(Rt, { ...t, size: e, showLabel: !0, useTableDropdown: n });
+}, Vt = (t, i, o = !1, n = "xs") => t.type === "button" ? /* @__PURE__ */ B(qe, { button: t, isCompact: i, compactSize: n, useTableDropdown: o }) : /* @__PURE__ */ B(Xe, { button: t, isCompact: i, compactSize: n, useTableDropdown: o }), je = ({
+  containerRef: t,
+  leftSection: i,
+  middleSection: o,
+  buttons: n,
+  sidebarConfig: e,
+  isHaveSomeFeatureInSidebar: c = !1,
+  collapsedDropdownProps: h,
+  selectedCount: l,
+  show: a,
+  useTableDropdown: s = !1,
+  enableDebugLogs: r = !1,
+  bottom: g = 16,
+  minPadding: p = 16,
+  size: u
+}) => {
+  const {
+    down: C
+  } = qt(), w = u ? u === "xs" : C("xl"), A = u ? "xxs" : "xs", [x, _] = ht(!1), L = $(null), R = $(null), E = $(null), W = $([]), O = $(null), q = $(null), S = $(null), V = $(null), [P, X] = ht((n == null ? void 0 : n.length) ?? 0), [Q, ot] = ht(void 0), [at, ct] = ht(!1), {
+    containerWidth: y,
+    getContainerWidth: z
+  } = Be(t), b = Ae(l), I = a !== void 0 ? a : b, {
+    calculatePosition: N,
+    calculatePositionForState: D,
+    shouldApplySidebarOffsetRef: G
+  } = ve({
+    containerRef: L,
+    collapseButtonRef: q,
+    leftSectionRef: S,
+    getContainerWidth: z,
+    isHaveSomeFeatureInSidebar: c,
+    sidebarConfig: e,
+    visibleButtonsCount: P,
+    setTranslateX: ot,
+    minPadding: p
+  }), {
+    calculateCompression: j,
+    measuredButtonWidthsRef: tt
+  } = xe({
+    isCollapsed: x,
+    containerRef: L,
+    contentRef: R,
+    middleSectionRef: E,
+    buttonRefs: W,
+    moreButtonRef: O,
+    collapseButtonRef: q,
+    leftSectionRef: S,
+    dividerRef: V,
+    buttons: n,
+    isHaveSomeFeatureInSidebar: c,
+    getContainerWidth: z,
+    setVisibleButtonsCount: X,
+    enableDebugLogs: r,
+    minPadding: p,
+    leftPadding: it.left,
+    rightPadding: it.right,
+    moreButtonWidthEstimate: w ? 32 : Yt
+  }), {
+    isSidebarOpen: et,
+    wasAutoCollapsedRef: J
+  } = ye({
+    isCollapsed: x,
+    setIsCollapsed: _,
+    calculatePositionForState: D,
+    calculatePosition: N,
+    setTranslateX: ot,
+    shouldApplySidebarOffsetRef: G,
+    sidebarConfig: e,
+    getContainerWidth: z
+  }), {
+    handleToggleCollapse: dt
+  } = we({
+    isCollapsed: x,
+    setIsCollapsed: _,
+    isSidebarOpen: et,
+    calculatePositionForState: D,
+    calculatePosition: N,
+    setTranslateX: ot,
+    shouldApplySidebarOffsetRef: G,
+    wasAutoCollapsedRef: J
+  }), {
+    visibleButtons: Y,
+    buttonsInDropdown: ft,
+    allButtons: rt
+  } = me({
+    buttons: n,
+    visibleButtonsCount: P
+  });
+  if (st(() => {
+    const T = setTimeout(() => ct(!0), pe);
+    return () => clearTimeout(T);
+  }, []), Ce({
+    containerRef: L,
+    buttonRefs: W,
+    buttons: n,
+    isVisible: I,
+    isCollapsed: x,
+    visibleButtonsCount: P,
+    selectedCount: l,
+    setIsCollapsed: _,
+    setVisibleButtonsCount: X,
+    calculatePosition: N,
+    calculateCompression: j,
+    measuredButtonWidthsRef: tt,
+    containerWidth: y
+  }), !I)
+    return null;
+  const ut = !x && ((n == null ? void 0 : n.length) ?? 0) > 0;
+  return /* @__PURE__ */ B(_e, { ref: L, $isCollapsed: x, $size: u, $translateX: Q, $isInitialCalculationComplete: at, $bottom: g, children: /* @__PURE__ */ vt(Ne, { ref: R, $isCollapsed: x, $isCompact: w, children: [
+    /* @__PURE__ */ B(Me, { children: rt.map((T, f) => {
+      const v = T.key ?? `${T.text}${f}`;
+      return /* @__PURE__ */ B(Se, { ref: (M) => {
+        W.current[f] = M;
+      }, children: Vt(T, w, s, A) }, `measure-${v}`);
+    }) }),
+    /* @__PURE__ */ B("div", { ref: S, children: i }),
+    /* @__PURE__ */ vt(Oe, { $isCollapsed: x, children: [
+      o && /* @__PURE__ */ B("div", { ref: E, children: o }),
+      ut && /* @__PURE__ */ B("div", { ref: V, children: /* @__PURE__ */ B($e, { orientation: "vertical", length: "16px" }) }),
+      ft.length > 0 && /* @__PURE__ */ B("div", { ref: (T) => {
+        O.current = T;
+      }, children: /* @__PURE__ */ B(Ue, { buttons: ft, useTableDropdown: s, dropdownProps: {
+        placement: "top",
+        ...h
+      }, triggerSlot: /* @__PURE__ */ B(bt, { view: "secondary", size: w ? A : "s", contentLeft: /* @__PURE__ */ B(ne, { size: w ? "xs" : "s" }) }) }) }),
+      Y.map((T, f) => {
+        const v = T.key ?? `${T.text}${f}`, M = /* @__PURE__ */ B(De, { children: Vt(T, w, s, A) }, v);
+        return T.disabled && T.disabledTooltipProps ? /* @__PURE__ */ B(te, { trigger: "hover", ...T.disabledTooltipProps, children: M }, v) : M;
+      })
+    ] }),
+    /* @__PURE__ */ B("div", { ref: q, children: /* @__PURE__ */ B(ze, { size: w ? "s" : "m", $isCollapsed: x, $isCompact: w, onClick: dt, children: /* @__PURE__ */ B(ke, { size: w ? "xs" : "s", $isCollapsed: x }) }) })
+  ] }) });
+};
+je.Counter = Pe;
+export {
+  wt as A,
+  mt as C,
+  pe as D,
+  k as E,
+  ge as I,
+  je as M,
+  It as P,
+  he as R,
+  Ct as T,
+  _t as a,
+  cn as b,
+  fe as c,
+  on as d,
+  $t as e,
+  Tt as f,
+  Yt as g,
+  Rt as h,
+  Pe as i,
+  it as j,
+  we as k,
+  xe as l,
+  Be as m,
+  Ce as n,
+  ve as o,
+  ye as p,
+  Ae as q,
+  me as u
+};