@elcrm/components 0.2.6 → 0.2.7

package/README.md

@@ -737,6 +737,8 @@ const resolve = createLazyResolver(
 --pricing-card-min-width / --pricing-table-label-width
 --card-pointer
 --stack-grid-min
+--healthmap-cell / --healthmap-gap / --healthmap-l0…l4
+--panel-info-width / --panel-info-width-min / --panel-info-overlay-max / --panel-info-backdrop
 --row-gap / --column-gap
 --popup-shadow
 ```

package/dist/{Dropdown-B9AodUFf.js → Dropdown-CPTE4EEx.js}

@@ -1,7 +1,7 @@
 import e from "react";
 import { C as f } from "./CheckIcon-FdB8fMEF.js";
 import { c as m } from "./cx-CcykAxZN.js";
-import { P as j } from "./Popover-D5RymtcJ.js";
+import { P as j } from "./Popover-DWdvZTuA.js";
 import { u as I } from "./useControllableValue-CWqH1kpM.js";
 import './Dropdown.css';const M = "crr", P = "crt", R = "crc", W = "crp", z = "crh", F = "crg", G = "crd", T = "cri", V = "crn", q = "crm", A = "crk", H = "crl", J = "cru", K = "crb", Q = "cro", U = "crf", X = "crx", Y = "cry", Z = "crv", n = {
   r: M,

package/dist/Dropdown.js

@@ -1,4 +1,4 @@
-import { D as p } from "./Dropdown-B9AodUFf.js";
+import { D as p } from "./Dropdown-CPTE4EEx.js";
 export {
   p as Dropdown
 };

package/dist/Healthmap-B6cdiLUl.js

@@ -0,0 +1,243 @@
+import e, { useState as L, useMemo as Y, useEffect as X } from "react";
+import { createPortal as ee } from "react-dom";
+import { c as j } from "./cx-CcykAxZN.js";
+import './Healthmap.css';const te = "hAr", ne = "hAc", se = "hAa", ae = "hAh", le = "hAt", ce = "hAm", re = "hAo", oe = "hAn", me = "hAd", ie = "hAw", ue = "hAk", he = "hAe", pe = "hAf", Ee = "hAi", fe = "hAg", ge = "hAb", ye = "hAp", be = "hAq", ve = "hAv", Ne = "hAl", de = "hAz", Te = "hAj", Ae = "hAu", ke = "hAx", we = "hAs", De = "hAy", n = {
+  r: te,
+  c: ne,
+  a: se,
+  h: ae,
+  t: le,
+  m: ce,
+  o: re,
+  n: oe,
+  d: me,
+  w: ie,
+  k: ue,
+  e: he,
+  f: pe,
+  i: Ee,
+  g: fe,
+  b: ge,
+  p: ye,
+  q: be,
+  v: ve,
+  l: Ne,
+  z: de,
+  j: Te,
+  u: Ae,
+  x: ke,
+  s: we,
+  y: De
+}, f = 5, _ = 12, B = 3, z = _ + B, Ue = [
+  "янв",
+  "фев",
+  "мар",
+  "апр",
+  "май",
+  "июн",
+  "июл",
+  "авг",
+  "сен",
+  "окт",
+  "ноя",
+  "дек"
+], xe = {
+  one: "действие",
+  few: "действия",
+  many: "действий"
+};
+function x(t) {
+  const [l, a, m] = t.split("-").map(Number);
+  return new Date(Date.UTC(l, a - 1, m));
+}
+function Ce(t, l) {
+  if (t <= 0) return 0;
+  if (l <= 1) return 4;
+  const a = t / l;
+  return a > 0.75 ? 4 : a > 0.5 ? 3 : a > 0.25 ? 2 : 1;
+}
+function T(t, l) {
+  const a = t % 10, m = t % 100;
+  return a === 1 && m !== 11 ? l.one : a >= 2 && a <= 4 && (m < 10 || m >= 20) ? l.few : l.many;
+}
+function $e(t) {
+  return T(t, { one: "день", few: "дня", many: "дней" });
+}
+function H(t) {
+  return x(t).toLocaleDateString("ru-RU", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric",
+    timeZone: "UTC"
+  });
+}
+function Me(t) {
+  let l = 0;
+  for (let a = t.length - 1; a >= 0; a--) {
+    if (t[a].count <= 0) {
+      if (l === 0) continue;
+      break;
+    }
+    l++;
+  }
+  return l;
+}
+function Re({
+  data: t,
+  loading: l = !1,
+  year: a = null,
+  onYearChange: m,
+  hint: G,
+  brandName: O = "Активность",
+  brandSub: I = "сводка",
+  unit: A = xe,
+  className: Z
+}) {
+  const [g, k] = L(0), [p, w] = L(null), i = Y(() => {
+    var P;
+    if (!((P = t == null ? void 0 : t.days) != null && P.length))
+      return {
+        weeks: [],
+        months: [],
+        streak: 0,
+        activeDays: 0,
+        bestDay: 0
+      };
+    const s = Math.max(1, ...t.days.map((o) => o.count)), h = new Map(t.days.map((o) => [o.date, o.count])), c = x(t.from), u = x(t.to), M = c.getUTCDay(), Q = M === 0 ? -6 : 1 - M, r = new Date(c);
+    r.setUTCDate(r.getUTCDate() + Q);
+    const E = [], S = [];
+    let F = -1;
+    for (; r.getTime() <= u.getTime() || E.length === 0; ) {
+      const o = [];
+      for (let U = 0; U < 7; U++) {
+        const V = r.getUTCFullYear(), N = r.getUTCMonth(), W = r.getUTCDate(), R = `${V}-${String(N + 1).padStart(2, "0")}-${String(W).padStart(2, "0")}`, d = r.getTime() >= c.getTime() && r.getTime() <= u.getTime(), q = d ? h.get(R) ?? 0 : 0;
+        U === 0 && d && N !== F && (S.push({ label: Ue[N], col: E.length }), F = N), o.push({
+          date: R,
+          count: d ? q : 0,
+          level: d ? Ce(q, s) : 0
+        }), r.setUTCDate(r.getUTCDate() + 1);
+      }
+      if (E.push(o), r.getTime() > u.getTime() && E.length >= 52 || E.length > 60) break;
+    }
+    return {
+      weeks: E,
+      months: S,
+      streak: Me(t.days),
+      activeDays: t.days.filter((o) => o.count > 0).length,
+      bestDay: Math.max(0, ...t.days.map((o) => o.count))
+    };
+  }, [t]), y = Y(() => {
+    var h;
+    const s = (h = t == null ? void 0 : t.years) != null && h.length ? [...t.years] : [(/* @__PURE__ */ new Date()).getUTCFullYear(), (/* @__PURE__ */ new Date()).getUTCFullYear() - 1];
+    return [...new Set(s)].sort((c, u) => u - c);
+  }, [t == null ? void 0 : t.years]), D = (/* @__PURE__ */ new Date()).getUTCFullYear(), b = a ?? (t == null ? void 0 : t.year) ?? D, C = (t == null ? void 0 : t.total) ?? 0, v = Math.max(1, Math.ceil(y.length / f));
+  X(() => {
+    const s = y.indexOf(b);
+    s < 0 || k(Math.floor(s / f));
+  }, [b, y]);
+  const J = y.slice(
+    g * f,
+    g * f + f
+  );
+  function $(s, h) {
+    const c = h.getBoundingClientRect();
+    w({
+      date: s.date,
+      count: s.count,
+      x: c.left + c.width / 2,
+      y: c.top
+    });
+  }
+  const K = l ? "Загрузка…" : `${C} ${T(C, A)} за ${a == null || a === D ? "последний год" : `${a} год`}`;
+  return /* @__PURE__ */ e.createElement("div", { className: j(n.r, Z) }, /* @__PURE__ */ e.createElement("section", { className: n.c, "aria-label": "Календарь активности" }, /* @__PURE__ */ e.createElement("div", { className: n.h }, /* @__PURE__ */ e.createElement("h3", { className: n.t }, K)), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: n.m,
+      "aria-hidden": !0,
+      style: {
+        width: i.weeks.length ? i.weeks.length * z - B : void 0
+      }
+    },
+    i.months.map((s) => /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        key: `${s.label}-${s.col}`,
+        className: n.o,
+        style: { left: s.col * z }
+      },
+      s.label
+    ))
+  ), /* @__PURE__ */ e.createElement("div", { className: n.n }, /* @__PURE__ */ e.createElement("div", { className: n.d, "aria-hidden": !0 }, /* @__PURE__ */ e.createElement("span", null, "Пн"), /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("span", null, "Ср"), /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("span", null, "Пт"), /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("span", null)), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: n.w,
+      style: {
+        gridTemplateColumns: `repeat(${i.weeks.length}, ${_}px)`
+      },
+      role: "grid",
+      "aria-label": "График активности"
+    },
+    i.weeks.map((s, h) => /* @__PURE__ */ e.createElement("div", { key: h, className: n.k, role: "row" }, s.map((c) => /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        key: c.date,
+        type: "button",
+        className: n.e,
+        "data-level": c.level,
+        role: "gridcell",
+        "aria-label": `${H(c.date)}: ${c.count} ${T(c.count, A)}`,
+        onMouseEnter: (u) => $(c, u.currentTarget),
+        onMouseLeave: () => w(null),
+        onFocus: (u) => $(c, u.currentTarget),
+        onBlur: () => w(null)
+      }
+    ))))
+  )), /* @__PURE__ */ e.createElement("div", { className: n.f }, /* @__PURE__ */ e.createElement("span", { className: n.i }, G ?? ""), /* @__PURE__ */ e.createElement("nav", { className: n.z, "aria-label": "Год" }, v > 1 ? /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: n.u,
+      "aria-label": "Предыдущие годы",
+      disabled: g <= 0,
+      onClick: () => k((s) => Math.max(0, s - 1))
+    },
+    "‹"
+  ) : null, /* @__PURE__ */ e.createElement("div", { className: n.j, role: "tablist" }, J.map((s) => /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      key: s,
+      type: "button",
+      role: "tab",
+      "aria-selected": s === b,
+      className: j(n.x, s === b && n.s),
+      onClick: () => m == null ? void 0 : m(s === D ? null : s)
+    },
+    s
+  ))), v > 1 ? /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: n.u,
+      "aria-label": "Следующие годы",
+      disabled: g >= v - 1,
+      onClick: () => k((s) => Math.min(v - 1, s + 1))
+    },
+    "›"
+  ) : null), /* @__PURE__ */ e.createElement("div", { className: n.g, "aria-hidden": !0 }, /* @__PURE__ */ e.createElement("span", null, "Меньше"), [0, 1, 2, 3, 4].map((s) => /* @__PURE__ */ e.createElement("span", { key: s, className: n.e, "data-level": s })), /* @__PURE__ */ e.createElement("span", null, "Больше")))), /* @__PURE__ */ e.createElement("aside", { className: n.a, "aria-label": "Сводка" }, /* @__PURE__ */ e.createElement("div", { className: n.b }, /* @__PURE__ */ e.createElement("span", null, O), /* @__PURE__ */ e.createElement("span", null, I)), /* @__PURE__ */ e.createElement("div", { className: n.p }, /* @__PURE__ */ e.createElement("div", { className: n.q }, /* @__PURE__ */ e.createElement("span", { className: n.v }, l ? "—" : i.streak), /* @__PURE__ */ e.createElement("span", { className: n.l }, "серия, ", $e(i.streak))), /* @__PURE__ */ e.createElement("div", { className: n.q }, /* @__PURE__ */ e.createElement("span", { className: n.v }, l ? "—" : i.activeDays), /* @__PURE__ */ e.createElement("span", { className: n.l }, "активных дней")), /* @__PURE__ */ e.createElement("div", { className: n.q }, /* @__PURE__ */ e.createElement("span", { className: n.v }, l ? "—" : i.bestDay), /* @__PURE__ */ e.createElement("span", { className: n.l }, "макс. за день")))), p ? ee(
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: n.y,
+        style: { left: p.x, top: p.y },
+        role: "tooltip"
+      },
+      /* @__PURE__ */ e.createElement("div", null, H(p.date)),
+      /* @__PURE__ */ e.createElement("div", null, p.count, " ", T(p.count, A))
+    ),
+    document.body
+  ) : null);
+}
+export {
+  Re as H
+};

package/dist/Healthmap.css

@@ -0,0 +1 @@
+@layer elcrm-components{.hAr{display:flex;gap:var(--shell-gap);align-items:stretch;width:100%}.hAc,.hAa{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background);box-sizing:border-box}.hAc{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--shell-gap-lg) var(--shell-padding-inline);overflow-x:auto}.hAh{margin-bottom:var(--shell-gap-sm)}.hAt{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color)}.hAm{position:relative;margin:0 0 4px 26px;height:16px;font-size:11px;color:var(--shell-color-muted)}.hAo{position:absolute;top:0;white-space:nowrap}.hAn{display:flex;gap:4px;align-items:flex-start;flex:1}.hAd{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap);width:22px;font-size:10px;line-height:var(--healthmap-cell);color:var(--shell-color-muted);flex-shrink:0;align-content:center}.hAw{display:grid;gap:var(--healthmap-gap);align-content:center}.hAk{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap)}.hAe{width:var(--healthmap-cell);height:var(--healthmap-cell);padding:0;border:0;border-radius:2px;background:var(--healthmap-l0);box-sizing:border-box;cursor:default;display:block}.hAe:focus-visible{outline:2px solid var(--shell-color-accent);outline-offset:1px}.hAe[data-level="1"]{background:var(--healthmap-l1)}.hAe[data-level="2"]{background:var(--healthmap-l2)}.hAe[data-level="3"]{background:var(--healthmap-l3)}.hAe[data-level="4"]{background:var(--healthmap-l4)}.hAf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding-top:10px;margin-left:26px;font-size:11px;color:var(--shell-color-muted)}.hAi{min-width:0}.hAg{display:flex;align-items:center;gap:4px;justify-self:end}.hAa{flex:0 0 180px;display:flex;flex-direction:column;gap:var(--shell-gap-lg);padding:var(--shell-gap-lg) 18px}.hAb{display:flex;flex-direction:column;gap:2px;line-height:1.2}.hAb>span:first-child{font-size:var(--shell-font-size-lg);font-weight:700;letter-spacing:-.02em;color:var(--shell-color)}.hAb>span:last-child{font-size:11px;color:var(--shell-color-muted);text-transform:uppercase;letter-spacing:.04em}.hAp{display:flex;flex-direction:column;gap:var(--shell-gap-sm);flex:1;justify-content:center}.hAq{display:flex;flex-direction:column;gap:2px}.hAv{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--shell-color);line-height:1.1}.hAl{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hAz{display:flex;align-items:center;justify-content:center;gap:4px;justify-self:center}.hAj{display:flex;align-items:center;gap:4px}.hAu{width:28px;height:28px;border:0;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color-muted);font-size:18px;line-height:1;cursor:pointer}.hAu:hover:not(:disabled){color:var(--shell-color);background:var(--shell-background-muted)}.hAu:disabled{opacity:var(--shell-disabled-opacity);cursor:default}.hAx{border:0;background:transparent;color:var(--shell-color-muted);font-size:var(--shell-font-size-sm);padding:5px 11px;border-radius:999px;cursor:pointer}.hAx:hover{color:var(--shell-color)}.hAs{background:var(--shell-color-accent);color:var(--shell-background)}.hAy{position:fixed;z-index:calc(var(--shell-z) + 50);transform:translate(-50%,calc(-100% - 10px));min-width:160px;max-width:280px;padding:var(--shell-gap-sm) var(--shell-gap);border-radius:var(--shell-radius);background:var(--shell-background);border:1px solid var(--shell-border);box-shadow:var(--popup-shadow);pointer-events:none;color:var(--shell-color)}.hAy>:first-child{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hAy>:last-child{font-size:var(--shell-font-size);font-weight:600}@media (max-width: 720px){.hAr{flex-direction:column}.hAa{flex:none;width:100%}.hAf{grid-template-columns:1fr;margin-left:0;justify-items:start}.hAg,.hAz{justify-self:start}}}

package/dist/Healthmap.d.ts

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+/** День теплокарты: дата `yyyy-mm-dd` и счётчик. */
+export type HealthmapDay = {
+    date: string;
+    count: number;
+};
+/**
+ * Данные теплокарты (как ответ heatmap-RPC).
+ * Компонент не ходит в API — данные даёт приложение.
+ */
+export type HealthmapData = {
+    total: number;
+    from: string;
+    to: string;
+    year: number;
+    years: number[];
+    days: HealthmapDay[];
+};
+/** Склонение единиц («действие» / «событие»). */
+export type HealthmapUnit = {
+    one: string;
+    few: string;
+    many: string;
+};
+export type HealthmapProps = {
+    /** Данные года; `null` — пустая сетка. */
+    data: HealthmapData | null;
+    /** Показать «Загрузка…» в заголовке. */
+    loading?: boolean;
+    /**
+     * Выбранный год. `null` — «последний год» (как в ответе сервера).
+     * Контролируемый режим: вместе с `onYearChange`.
+     */
+    year?: number | null;
+    /** Смена года (клик по вкладке). */
+    onYearChange?: (year: number | null) => void;
+    /** Подсказка под сеткой. */
+    hint?: string;
+    /** Бренд в боковой колонке KPI. */
+    brandName?: string;
+    /** Подпись под брендом. */
+    brandSub?: string;
+    /** Единицы для склонения счётчиков. */
+    unit?: HealthmapUnit;
+    /** Доп. CSS-класс. */
+    className?: string;
+};
+/**
+ * Теплокарта активности по дням (как GitHub contribution graph).
+ *
+ * Роли: Healthmap = визуализация `days[]`; данные грузит приложение
+ * (`Api.query` / свой RPC), не сам компонент.
+ *
+ * @example
+ * ```tsx
+ * <Healthmap
+ *   data={heatmap}
+ *   loading={pending}
+ *   year={year}
+ *   onYearChange={setYear}
+ *   brandName="eKivi"
+ *   brandSub="клиенты"
+ *   unit={{ one: "событие", few: "события", many: "событий" }}
+ * />
+ * ```
+ *
+ * Токены: `--shell-*`, `--healthmap-cell`, `--healthmap-gap`, `--healthmap-l0`…`--healthmap-l4`.
+ */
+export declare function Healthmap({ data, loading, year, onYearChange, hint, brandName, brandSub, unit, className, }: HealthmapProps): React.JSX.Element;

package/dist/Healthmap.js

@@ -0,0 +1,4 @@
+import { H as m } from "./Healthmap-B6cdiLUl.js";
+export {
+  m as Healthmap
+};

package/dist/Layout.css

@@ -1 +1 @@
-@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.clx{height:var(--layout-height, 100dvh);max-height:var(--layout-height, 100dvh);overflow:hidden}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.clr:not(.clx){height:auto;max-height:none;overflow:visible}.clr:not(.clx) .clm{overflow:visible;flex:0 1 auto;min-height:auto}.cls{flex-direction:row;align-items:stretch}.clb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.clr:not(.clx) .clb{overflow:visible}.cla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width, 248px);width:var(--sidebar-width, 248px);min-width:0;min-height:0;align-self:stretch}.clk{overflow:hidden}.cla:not(.clk){overflow:auto}.cla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.cla{flex-basis:72px;width:72px}}.clh,.clf{flex:0 0 auto;min-width:0}}
+@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.clx{height:var(--layout-height, 100dvh);max-height:var(--layout-height, 100dvh);overflow:hidden}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.clr:not(.clx){height:auto;max-height:none;overflow:visible}.clr:not(.clx) .clm{overflow:visible;flex:0 1 auto;min-height:auto}.cls{flex-direction:row;align-items:stretch;gap:var(--layout-gap, 0)}.clb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background, transparent);border-radius:var(--layout-main-radius, 0);box-shadow:var(--layout-main-shadow, none);border:var(--layout-main-border, none)}.clr:not(.clx) .clb{overflow:visible}.cla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width, 248px);width:var(--sidebar-width, 248px);min-width:0;min-height:0;align-self:stretch}.clk{overflow:hidden}.cla:not(.clk){overflow:auto}.cla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.cla{flex-basis:72px;width:72px}}.clh,.clf{flex:0 0 auto;min-width:0}}

package/dist/Loading.css

@@ -1 +1 @@
-@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;gap:var(--shell-gap-sm);padding:var(--shell-gap-lg);color:var(--shell-color-muted)}.cgi{box-sizing:border-box;width:var(--shell-icon-size);height:var(--shell-icon-size);border:2px solid var(--shell-border);border-top-color:var(--shell-color-accent);border-radius:var(--avatar-radius);animation:cgspin .7s linear infinite}}@keyframes cgspin{to{transform:rotate(360deg)}}
+@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;gap:var(--shell-gap-sm);padding:var(--shell-gap-lg);color:var(--shell-color-muted)}.cgi{box-sizing:border-box;width:var(--shell-icon-size);height:var(--shell-icon-size);border:2px solid var(--shell-border);border-top-color:var(--shell-color-accent);border-radius:var(--avatar-radius);animation:cgk .7s linear infinite}}@keyframes cgk{to{transform:rotate(360deg)}}

package/dist/PanelInfo-A5y5ysH8.js

@@ -0,0 +1,81 @@
+import e from "react";
+import { T as b } from "./TextGroup-DmhuyMR1.js";
+import { c as h } from "./cx-CcykAxZN.js";
+import { a as B, r as N } from "./overlayZ-BvHbYC1x.js";
+import './PanelInfo.css';const x = "pBr", g = "pBs", k = "pBh", I = "pBt", L = "pBa", O = "pBc", z = "pBb", M = "pBf", S = "pBd", n = {
+  r: x,
+  s: g,
+  h: k,
+  t: I,
+  a: L,
+  c: O,
+  b: z,
+  f: M,
+  d: S
+}, m = "(max-width: 56rem)";
+function T({
+  open: a,
+  title: s,
+  onClose: o,
+  children: f,
+  footer: l,
+  headerExtra: u,
+  close: v,
+  "aria-label": y,
+  className: E
+}) {
+  const [r, p] = e.useState(
+    () => typeof window < "u" ? window.matchMedia(m).matches : !1
+  ), [i, d] = e.useState();
+  e.useEffect(() => {
+    const t = window.matchMedia(m), c = () => p(t.matches);
+    return c(), t.addEventListener("change", c), () => t.removeEventListener("change", c);
+  }, []), e.useEffect(() => {
+    if (!a || !r) {
+      d(void 0);
+      return;
+    }
+    const t = B();
+    return d(t), () => {
+      N(t), d(void 0);
+    };
+  }, [a, r]), e.useEffect(() => {
+    if (!a) return;
+    const t = (c) => {
+      c.key === "Escape" && (c.preventDefault(), o());
+    };
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }, [a, o]), e.useEffect(() => {
+    if (!a || !r) return;
+    const t = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = t;
+    };
+  }, [a, r]);
+  const w = y ?? (typeof s == "string" && s.trim() ? s : "Панель");
+  return /* @__PURE__ */ e.createElement(
+    "aside",
+    {
+      className: h(n.r, E),
+      "data-open": a ? "true" : "false",
+      "data-overlay": r ? "true" : "false",
+      "aria-hidden": !a,
+      "aria-label": a ? w : void 0,
+      style: i != null ? { zIndex: i } : void 0
+    },
+    a && r ? /* @__PURE__ */ e.createElement("div", { className: n.d, role: "presentation", onClick: o }) : null,
+    /* @__PURE__ */ e.createElement("div", { className: n.s }, /* @__PURE__ */ e.createElement("div", { className: n.h }, /* @__PURE__ */ e.createElement("div", { className: n.t }, typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ e.createElement(b, { title: String(s), size: "m" }) : s), /* @__PURE__ */ e.createElement("div", { className: n.a }, u, v ?? /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        type: "button",
+        className: n.c,
+        "aria-label": "Закрыть",
+        onClick: o
+      },
+      "×"
+    ))), /* @__PURE__ */ e.createElement("div", { className: n.b }, f), l != null ? /* @__PURE__ */ e.createElement("div", { className: n.f }, l) : null)
+  );
+}
+export {
+  T as P
+};

package/dist/PanelInfo.css

@@ -0,0 +1 @@
+@layer elcrm-components{.pBr{flex:0 0 auto;position:relative;width:0;min-width:0;min-height:0;align-self:stretch;overflow:hidden;opacity:0;pointer-events:none;transition:width .22s ease,opacity .18s ease,min-width .22s ease}.pBr[data-open=true]{width:var(--panel-info-width);min-width:var(--panel-info-width-min);opacity:1;pointer-events:auto}.pBs{display:flex;flex-direction:column;height:100%;min-height:0;width:var(--panel-info-width);min-width:var(--panel-info-width-min);box-sizing:border-box;border:var(--chat-border);border-radius:var(--chat-radius);background:var(--chat-background);color:var(--shell-color)}.pBh{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--shell-gap-sm);padding:var(--shell-gap);border-bottom:var(--chat-border)}.pBt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pBa{flex:0 0 auto;display:flex;align-items:center;gap:.25rem}.pBc{width:2rem;height:2rem;border:0;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color-muted);font-size:1.35rem;line-height:1;cursor:pointer}.pBc:hover{color:var(--shell-color);background:var(--shell-background-muted)}.pBb{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--shell-gap)}.pBf{flex:0 0 auto;padding:var(--shell-gap);border-top:var(--chat-border)}.pBd{display:none}@media (max-width: 56rem){.pBr[data-open=true]{width:0;min-width:0;opacity:1;overflow:visible;pointer-events:none}.pBr[data-open=true] .pBd{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:inherit;pointer-events:auto;background:var(--panel-info-backdrop);cursor:pointer}.pBr[data-open=true] .pBs{position:fixed;top:0;right:0;bottom:0;z-index:inherit;width:min(100vw,var(--panel-info-overlay-max));min-width:0;max-width:100vw;border-radius:0;border-left:var(--chat-border);border-right:none;border-top:none;border-bottom:none;pointer-events:auto;box-shadow:var(--popup-shadow)}}}

package/dist/PanelInfo.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+export type PanelInfoProps = {
+    /** Открыта ли панель. */
+    open: boolean;
+    /** Заголовок шапки. */
+    title: React.ReactNode;
+    /** Закрытие: крестик / фон / Escape. */
+    onClose: () => void;
+    /**
+     * Тело — форма (`@elcrm/form` поля) или любой контент.
+     * Скроллится между шапкой и footer.
+     */
+    children?: React.ReactNode;
+    /**
+     * Низ вне скролла — обычно `Stack` + `@elcrm/button`
+     * («Отмена» / «Сохранить»).
+     */
+    footer?: React.ReactNode;
+    /** Доп. действия в шапке слева от крестика. */
+    headerExtra?: React.ReactNode;
+    /**
+     * Слот кнопки закрытия. По умолчанию — крестик.
+     * Приложение может подставить `@elcrm/button`.
+     */
+    close?: React.ReactNode;
+    /** `aria-label` для `<aside>`, если title не строка. */
+    "aria-label"?: string;
+    /** Доп. CSS-класс. */
+    className?: string;
+};
+/**
+ * Выезжающая панель справа: шапка / body / footer.
+ *
+ * Широкий экран — flex-колонка рядом со списком.
+ * Узкий (`max-width: 56rem`) — поверх контента с затемнением
+ * и `acquireOverlayZIndex`.
+ *
+ * @example
+ * ```tsx
+ * <PanelInfo
+ *   open={!!row}
+ *   title={row?.name ?? ""}
+ *   onClose={() => setId(null)}
+ *   footer={<Button width="l" label="Сохранить" onSend={onSave} />}
+ * >
+ *   <StringField name="name" form={form} label="Название" />
+ * </PanelInfo>
+ * ```
+ *
+ * Токены: `--panel-info-width`, `--panel-info-backdrop`, `--shell-*`, `--chat-*`.
+ */
+export declare function PanelInfo({ open, title, onClose, children, footer, headerExtra, close, "aria-label": ariaLabel, className, }: PanelInfoProps): React.JSX.Element;

package/dist/PanelInfo.js

@@ -0,0 +1,4 @@
+import { P as e } from "./PanelInfo-A5y5ysH8.js";
+export {
+  e as PanelInfo
+};

package/dist/Popover-DWdvZTuA.js

@@ -0,0 +1,135 @@
+import u, { useRef as E, useId as Y, useState as N, useLayoutEffect as O, useEffect as S } from "react";
+import { createPortal as _ } from "react-dom";
+import { c as T } from "./cx-CcykAxZN.js";
+import { a as $, r as V } from "./overlayZ-BvHbYC1x.js";
+import { u as ee } from "./useControllableValue-CWqH1kpM.js";
+import './Popover.css';const te = "c3r", ne = "c3t", oe = "c3p", H = {
+  r: te,
+  t: ne,
+  p: oe
+};
+function ie(t, e) {
+  const c = (e == null ? void 0 : e.querySelector("button, a, [role='button']")) ?? (e == null ? void 0 : e.firstElementChild);
+  return (c instanceof HTMLElement ? c : e ?? t).getBoundingClientRect();
+}
+function re(t, e) {
+  return t != null && t.top === e.top && t.left === e.left && t.minWidth === e.minWidth && t.maxHeight === e.maxHeight;
+}
+function se(t, e, c, p) {
+  if (!u.isValidElement(t)) return t;
+  const d = t.props.onClick;
+  return u.cloneElement(t, {
+    "aria-haspopup": "menu",
+    "aria-expanded": e,
+    "aria-controls": e ? c : void 0,
+    onClick: (h) => {
+      d == null || d(h), p();
+    }
+  });
+}
+function fe({
+  trigger: t,
+  children: e,
+  open: c,
+  defaultOpen: p = !1,
+  onOpenChange: d,
+  align: h = "end",
+  placement: w = "auto",
+  disabled: W = !1,
+  label: Z,
+  role: D = "menu",
+  className: F,
+  panelClassName: K
+}) {
+  const x = E(null), b = E(null), g = E(null), y = Y(), [i = !1, j] = ee(
+    c,
+    p,
+    d
+  ), [m, P] = N(null), [a, k] = N(null), L = E(null);
+  L.current = a;
+  const M = (o) => {
+    W && o || j(o);
+  };
+  O(() => {
+    if (i) {
+      a == null && k($());
+      return;
+    }
+    a != null && (V(a), k(null));
+  }, [i, a]), S(() => () => {
+    L.current != null && V(L.current);
+  }, []);
+  const R = () => {
+    var A;
+    const o = x.current;
+    if (!o) return;
+    const n = ie(o, b.current), r = 8, l = 8, s = ((A = g.current) == null ? void 0 : A.offsetHeight) ?? 0, f = window.innerHeight - n.bottom - r - l, J = n.top - r - l, Q = s > 0 ? s : 160, I = w === "bottom" || w !== "top" && f >= Q, U = Math.min(
+      420,
+      Math.max(120, I ? f : J)
+    ), v = Math.max(200, n.width), X = h === "end" ? Math.max(8, Math.min(n.right - v, window.innerWidth - v - 8)) : Math.max(8, Math.min(n.left, window.innerWidth - v - 8)), q = { top: I ? n.bottom + r : Math.max(l, n.top - r - (s > 0 ? s : 0)), left: X, minWidth: v, maxHeight: U };
+    P((B) => re(B, q) ? B : q);
+  };
+  O(() => {
+    if (!i) {
+      P(null);
+      return;
+    }
+    R();
+    const o = window.requestAnimationFrame(() => R()), n = () => R();
+    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+      window.cancelAnimationFrame(o), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+    };
+  }, [i, h, w, e]), S(() => {
+    if (!i) return;
+    const o = (r) => {
+      var s, f;
+      const l = r.target;
+      (s = x.current) != null && s.contains(l) || (f = g.current) != null && f.contains(l) || M(!1);
+    }, n = (r) => {
+      r.key === "Escape" && M(!1);
+    };
+    return document.addEventListener("mousedown", o), document.addEventListener("keydown", n), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", n);
+    };
+  }, [i]);
+  const G = {
+    position: "fixed",
+    zIndex: a ?? 1e3,
+    ...m ? {
+      top: m.top,
+      bottom: "auto",
+      left: m.left,
+      minWidth: m.minWidth,
+      maxHeight: m.maxHeight
+    } : { visibility: "hidden", pointerEvents: "none" }
+  }, z = i ? /* @__PURE__ */ u.createElement(
+    "div",
+    {
+      ref: g,
+      id: y,
+      role: D,
+      "aria-label": Z,
+      className: T(H.p, K),
+      style: G,
+      onMouseDown: (o) => o.stopPropagation()
+    },
+    e
+  ) : null, C = () => {
+    W || M(!i);
+  };
+  return /* @__PURE__ */ u.createElement("div", { ref: x, className: T(H.r, F) }, /* @__PURE__ */ u.createElement(
+    "div",
+    {
+      ref: b,
+      className: H.t,
+      "aria-haspopup": "menu",
+      "aria-expanded": i,
+      "aria-controls": i ? y : void 0,
+      onClick: u.isValidElement(t) ? void 0 : C
+    },
+    se(t, i, y, C)
+  ), z && typeof document < "u" ? _(z, document.body) : null);
+}
+export {
+  fe as P
+};

package/dist/Popover.js

@@ -1,4 +1,4 @@
-import { P as e } from "./Popover-D5RymtcJ.js";
+import { P as e } from "./Popover-DWdvZTuA.js";
 export {
   e as Popover
 };

package/dist/{Sidebar-BSOLtF8H.js → Sidebar-1EH4XCEl.js}

@@ -1,6 +1,6 @@
 import e from "react";
 import { B as h } from "./Badge-jp-9iNNL.js";
-import { D as w } from "./Dropdown-B9AodUFf.js";
+import { D as w } from "./Dropdown-CPTE4EEx.js";
 import { I as y } from "./Item-D4okhsfW.js";
 import { b as C } from "./badgeText-CRzlIzi3.js";
 import { c as u } from "./cx-CcykAxZN.js";

package/dist/Sidebar.js

@@ -1,4 +1,4 @@
-import { S as e } from "./Sidebar-BSOLtF8H.js";
+import { S as e } from "./Sidebar-1EH4XCEl.js";
 export {
   e as Sidebar
 };

package/dist/index.css

@@ -24,15 +24,17 @@
 
 @layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--shell-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--shell-padding);color:var(--shell-color);background:var(--shell-background);border:var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.chn{display:flex;flex:1;align-items:center;min-width:0;justify-content:var(--header-nav-justify)}.cha{display:flex;align-items:center;gap:var(--shell-gap-sm);flex-shrink:0;margin:auto}}
 
+@layer elcrm-components{.hAr{display:flex;gap:var(--shell-gap);align-items:stretch;width:100%}.hAc,.hAa{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background);box-sizing:border-box}.hAc{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--shell-gap-lg) var(--shell-padding-inline);overflow-x:auto}.hAh{margin-bottom:var(--shell-gap-sm)}.hAt{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color)}.hAm{position:relative;margin:0 0 4px 26px;height:16px;font-size:11px;color:var(--shell-color-muted)}.hAo{position:absolute;top:0;white-space:nowrap}.hAn{display:flex;gap:4px;align-items:flex-start;flex:1}.hAd{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap);width:22px;font-size:10px;line-height:var(--healthmap-cell);color:var(--shell-color-muted);flex-shrink:0;align-content:center}.hAw{display:grid;gap:var(--healthmap-gap);align-content:center}.hAk{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap)}.hAe{width:var(--healthmap-cell);height:var(--healthmap-cell);padding:0;border:0;border-radius:2px;background:var(--healthmap-l0);box-sizing:border-box;cursor:default;display:block}.hAe:focus-visible{outline:2px solid var(--shell-color-accent);outline-offset:1px}.hAe[data-level="1"]{background:var(--healthmap-l1)}.hAe[data-level="2"]{background:var(--healthmap-l2)}.hAe[data-level="3"]{background:var(--healthmap-l3)}.hAe[data-level="4"]{background:var(--healthmap-l4)}.hAf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding-top:10px;margin-left:26px;font-size:11px;color:var(--shell-color-muted)}.hAi{min-width:0}.hAg{display:flex;align-items:center;gap:4px;justify-self:end}.hAa{flex:0 0 180px;display:flex;flex-direction:column;gap:var(--shell-gap-lg);padding:var(--shell-gap-lg) 18px}.hAb{display:flex;flex-direction:column;gap:2px;line-height:1.2}.hAb>span:first-child{font-size:var(--shell-font-size-lg);font-weight:700;letter-spacing:-.02em;color:var(--shell-color)}.hAb>span:last-child{font-size:11px;color:var(--shell-color-muted);text-transform:uppercase;letter-spacing:.04em}.hAp{display:flex;flex-direction:column;gap:var(--shell-gap-sm);flex:1;justify-content:center}.hAq{display:flex;flex-direction:column;gap:2px}.hAv{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--shell-color);line-height:1.1}.hAl{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hAz{display:flex;align-items:center;justify-content:center;gap:4px;justify-self:center}.hAj{display:flex;align-items:center;gap:4px}.hAu{width:28px;height:28px;border:0;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color-muted);font-size:18px;line-height:1;cursor:pointer}.hAu:hover:not(:disabled){color:var(--shell-color);background:var(--shell-background-muted)}.hAu:disabled{opacity:var(--shell-disabled-opacity);cursor:default}.hAx{border:0;background:transparent;color:var(--shell-color-muted);font-size:var(--shell-font-size-sm);padding:5px 11px;border-radius:999px;cursor:pointer}.hAx:hover{color:var(--shell-color)}.hAs{background:var(--shell-color-accent);color:var(--shell-background)}.hAy{position:fixed;z-index:calc(var(--shell-z) + 50);transform:translate(-50%,calc(-100% - 10px));min-width:160px;max-width:280px;padding:var(--shell-gap-sm) var(--shell-gap);border-radius:var(--shell-radius);background:var(--shell-background);border:1px solid var(--shell-border);box-shadow:var(--popup-shadow);pointer-events:none;color:var(--shell-color)}.hAy>:first-child{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hAy>:last-child{font-size:var(--shell-font-size);font-weight:600}@media (max-width: 720px){.hAr{flex-direction:column}.hAa{flex:none;width:100%}.hAf{grid-template-columns:1fr;margin-left:0;justify-items:start}.hAg,.hAz{justify-self:start}}}
+
 @layer elcrm-components{.cir{display:flex;align-items:center;gap:var(--shell-gap-sm);padding:var(--shell-padding);color:var(--shell-color);background:transparent;border:1px solid transparent;border-radius:var(--shell-radius);cursor:default}.cir:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;width:100%;cursor:pointer}.cir:hover{background:var(--shell-background-hover)}.cia,.cir[aria-current=true],.cir[data-active=true]{background:var(--shell-background-selected)}.cic{align-items:flex-start;gap:var(--shell-gap);padding:var(--shell-padding);border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background-muted);flex-shrink:0}.cic:hover,.cic.cia,.cic[data-active=true]{background:color-mix(in srgb,var(--shell-color-accent) 12%,var(--shell-background-muted));border-color:color-mix(in srgb,var(--shell-color-accent) 35%,transparent)}}
 
 @layer elcrm-components{.c7r{display:flex;align-items:flex-start;gap:var(--item-column-gap);min-width:0;width:100%;text-align:left}.c7i{flex-shrink:0;box-sizing:border-box;width:var(--item-column-icon-size);height:var(--item-column-icon-size);border-radius:var(--item-column-icon-radius);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--shell-color-accent) 14%,transparent);color:var(--shell-color-accent)}.c7b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.c7h{display:flex;align-items:center;gap:8px;min-width:0}.c7t{flex:1;min-width:0;margin:0;font-size:var(--item-column-title-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:var(--item-column-title-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c7x{flex-shrink:0;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.c7d{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c7f{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:12px;color:var(--shell-color-muted);line-height:1.35}.c7p{opacity:.5;-webkit-user-select:none;user-select:none}.c7a{flex-shrink:0;display:inline-flex;align-items:flex-start}.c7s .c7t{font-size:var(--shell-font-size-sm)}.c7s .c7d{font-size:12px}.c7l .c7t{font-size:var(--shell-font-size-lg)}.c7l .c7d{font-size:var(--shell-font-size)}.c7k .c7t{font-weight:700}}
 
-@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.clx{height:var(--layout-height, 100dvh);max-height:var(--layout-height, 100dvh);overflow:hidden}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.clr:not(.clx){height:auto;max-height:none;overflow:visible}.clr:not(.clx) .clm{overflow:visible;flex:0 1 auto;min-height:auto}.cls{flex-direction:row;align-items:stretch}.clb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.clr:not(.clx) .clb{overflow:visible}.cla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width, 248px);width:var(--sidebar-width, 248px);min-width:0;min-height:0;align-self:stretch}.clk{overflow:hidden}.cla:not(.clk){overflow:auto}.cla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.cla{flex-basis:72px;width:72px}}.clh,.clf{flex:0 0 auto;min-width:0}}
+@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.clx{height:var(--layout-height, 100dvh);max-height:var(--layout-height, 100dvh);overflow:hidden}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.clr:not(.clx){height:auto;max-height:none;overflow:visible}.clr:not(.clx) .clm{overflow:visible;flex:0 1 auto;min-height:auto}.cls{flex-direction:row;align-items:stretch;gap:var(--layout-gap, 0)}.clb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background, transparent);border-radius:var(--layout-main-radius, 0);box-shadow:var(--layout-main-shadow, none);border:var(--layout-main-border, none)}.clr:not(.clx) .clb{overflow:visible}.cla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width, 248px);width:var(--sidebar-width, 248px);min-width:0;min-height:0;align-self:stretch}.clk{overflow:hidden}.cla:not(.clk){overflow:auto}.cla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.cla{flex-basis:72px;width:72px}}.clh,.clf{flex:0 0 auto;min-width:0}}
 
 @layer elcrm-components{.csr{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:0;margin:0;list-style:none}.csh{flex-direction:row;flex-wrap:wrap}}
 
-@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;gap:var(--shell-gap-sm);padding:var(--shell-gap-lg);color:var(--shell-color-muted)}.cgi{box-sizing:border-box;width:var(--shell-icon-size);height:var(--shell-icon-size);border:2px solid var(--shell-border);border-top-color:var(--shell-color-accent);border-radius:var(--avatar-radius);animation:cgspin .7s linear infinite}}@keyframes cgspin{to{transform:rotate(360deg)}}
+@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;gap:var(--shell-gap-sm);padding:var(--shell-gap-lg);color:var(--shell-color-muted)}.cgi{box-sizing:border-box;width:var(--shell-icon-size);height:var(--shell-icon-size);border:2px solid var(--shell-border);border-top-color:var(--shell-color-accent);border-radius:var(--avatar-radius);animation:cgk .7s linear infinite}}@keyframes cgk{to{transform:rotate(360deg)}}
 
 @layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--shell-gap-sm);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--button-color-muted);padding:var(--button-padding);border-radius:var(--button-radius);font:inherit;line-height:1;cursor:pointer;text-align:left;gap:var(--shell-gap-sm)}.cmd{flex-shrink:0;min-width:16px;height:16px;padding:0 4px;font-size:10px}.cmi>svg{display:block;flex-shrink:0}.cmi:hover{background:var(--button-background-hover);color:var(--button-color)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--button-background-selected);color:var(--button-color)}.cmu{width:100%;align-items:stretch;gap:1.25rem;padding:0;border-bottom:1px solid var(--shell-border)}.cmu .cmi{border-radius:0;background:transparent;padding:.45rem .1rem .55rem;border-bottom:2px solid transparent;margin-bottom:-1px}.cmu .cmi:hover{background:transparent;color:var(--shell-color)}.cmu .cma,.cmu .cmi[aria-current=page],.cmu .cmi[data-active=true]{background:transparent;color:var(--shell-color);border-bottom-color:var(--shell-color-accent)}}
 
@@ -42,6 +44,8 @@
 
 @layer elcrm-components{.ckr{flex:1 1 auto;min-height:0;height:100%;width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:var(--shell-padding);overflow:hidden}.ckw{max-width:none}.ckb{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:var(--shell-gap)}.ckf{flex:0 0 auto;padding-top:var(--shell-gap-sm)}.cko{overflow:visible;height:auto}.cko .ckb{overflow:visible;flex:0 1 auto;min-height:auto}}
 
+@layer elcrm-components{.pBr{flex:0 0 auto;position:relative;width:0;min-width:0;min-height:0;align-self:stretch;overflow:hidden;opacity:0;pointer-events:none;transition:width .22s ease,opacity .18s ease,min-width .22s ease}.pBr[data-open=true]{width:var(--panel-info-width);min-width:var(--panel-info-width-min);opacity:1;pointer-events:auto}.pBs{display:flex;flex-direction:column;height:100%;min-height:0;width:var(--panel-info-width);min-width:var(--panel-info-width-min);box-sizing:border-box;border:var(--chat-border);border-radius:var(--chat-radius);background:var(--chat-background);color:var(--shell-color)}.pBh{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--shell-gap-sm);padding:var(--shell-gap);border-bottom:var(--chat-border)}.pBt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pBa{flex:0 0 auto;display:flex;align-items:center;gap:.25rem}.pBc{width:2rem;height:2rem;border:0;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color-muted);font-size:1.35rem;line-height:1;cursor:pointer}.pBc:hover{color:var(--shell-color);background:var(--shell-background-muted)}.pBb{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--shell-gap)}.pBf{flex:0 0 auto;padding:var(--shell-gap);border-top:var(--chat-border)}.pBd{display:none}@media (max-width: 56rem){.pBr[data-open=true]{width:0;min-width:0;opacity:1;overflow:visible;pointer-events:none}.pBr[data-open=true] .pBd{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:inherit;pointer-events:auto;background:var(--panel-info-backdrop);cursor:pointer}.pBr[data-open=true] .pBs{position:fixed;top:0;right:0;bottom:0;z-index:inherit;width:min(100vw,var(--panel-info-overlay-max));min-width:0;max-width:100vw;border-radius:0;border-left:var(--chat-border);border-right:none;border-top:none;border-bottom:none;pointer-events:auto;box-shadow:var(--popup-shadow)}}}
+
 @layer elcrm-components{.c3r{position:relative;display:inline-flex;vertical-align:middle}.c3t{display:inline-flex;align-items:center;min-width:0;height:auto}.c3p{box-sizing:border-box;overflow:auto;padding:var(--shell-gap-sm);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);box-shadow:var(--popup-shadow);color:var(--shell-color);min-width:var(--dropdown-min-width);max-width:var(--dropdown-max-width);max-height:var(--dropdown-max-height)}}
 
 @layer elcrm-components{.cur{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pricing-card-min-width),1fr));gap:var(--shell-gap-lg);align-items:stretch}.cui{position:relative;display:flex;flex-direction:column;gap:var(--shell-gap);padding:var(--shell-padding);box-sizing:border-box;text-align:left;font:inherit;color:var(--shell-color);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);box-shadow:var(--shell-shadow)}.cui[data-selectable=true]{cursor:pointer}.cui:disabled,.cui[aria-disabled=true]{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.cus,.cui[data-selected=true],.cui[data-highlighted=true]{border-color:var(--shell-color-accent);background:var(--shell-background-selected);box-shadow:var(--shell-shadow)}.cub{display:flex;align-items:center;justify-content:center;margin:calc(-1 * var(--shell-padding-block)) calc(-1 * var(--shell-padding-inline)) 0;padding:var(--shell-gap-sm) var(--shell-padding-inline);border-radius:var(--shell-radius) var(--shell-radius) 0 0;background:var(--shell-color-accent);color:var(--avatar-color);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);text-align:center}.cug{display:inline-flex;align-items:center;width:fit-content;padding:.15rem .5rem;border-radius:999px;background:var(--shell-background-hover);color:var(--shell-color-accent);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);line-height:1.2}.cua{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.cum{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--shell-icon-size) * 1.6);height:calc(var(--shell-icon-size) * 1.6);color:var(--shell-color-accent);background:var(--shell-background-hover);border-radius:50%;overflow:hidden}.cuh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm)}.cut{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cup{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm)}.cuz{font-size:calc(var(--shell-font-size-lg) * 1.35);font-weight:700;color:var(--shell-color);line-height:1.15}.cui[data-highlighted=true] .cuz,.cui[data-selected=true] .cuz{color:var(--shell-color-accent)}.cuo{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);text-decoration:line-through}.cue{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.cud{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.45}.cux{display:flex;flex-direction:column;gap:var(--shell-gap-sm)}.cuf{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin:auto calc(-1 * var(--shell-padding-inline)) calc(-1 * var(--shell-padding-block));padding:var(--shell-padding);background:var(--shell-background-muted);border-top:1px solid var(--shell-border);border-radius:0 0 var(--shell-radius) var(--shell-radius)}.cuy{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin-top:auto}.cul{margin:0;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--shell-color-muted)}.cuu{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.4}.cun{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin:0;padding:0;list-style:none}.cuc{display:flex;align-items:flex-start;gap:var(--shell-gap-sm);font-size:var(--shell-font-size-sm);color:var(--shell-color);line-height:1.4}.cuk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-check-size);height:var(--shell-check-size);margin-top:.1em;color:var(--avatar-color);background:var(--shell-color-success);border-radius:50%}.cuw{width:60%;height:60%;display:block}}

package/dist/index.d.ts

@@ -30,7 +30,7 @@ export type { StackProps, StackDirection, StackColumns } from './Stack';
 export { Menu } from './Menu';
 export type { MenuProps, MenuItem } from './Menu';
 export { Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownItem, DropdownGroup, } from './Dropdown';
+export type { DropdownProps, DropdownItem, DropdownGroup } from './Dropdown';
 export { Breadcrumb } from './Breadcrumb';
 export type { BreadcrumbProps, BreadcrumbItem, BreadcrumbSeparator, } from './Breadcrumb';
 export { Loading } from './Loading';
@@ -75,6 +75,10 @@ export { Sidebar } from './Sidebar';
 export type { SidebarProps, SidebarGroup, SidebarItem, SidebarVariant, } from './Sidebar';
 export { Popover } from './Popover';
 export type { PopoverProps, PopoverPlacement } from './Popover';
+export { Healthmap } from './Healthmap';
+export type { HealthmapProps, HealthmapData, HealthmapDay, HealthmapUnit, } from './Healthmap';
+export { PanelInfo } from './PanelInfo';
+export type { PanelInfoProps } from './PanelInfo';
 export { acquireOverlayZIndex, releaseOverlayZIndex, peekOverlayZIndex, } from './overlayZ';
 export { createLazyResolver } from './lazyRoute';
 export type { LazyRouteChunk } from './lazyRoute';

package/dist/index.es.d.ts

@@ -30,7 +30,7 @@ export type { StackProps, StackDirection, StackColumns } from './Stack';
 export { Menu } from './Menu';
 export type { MenuProps, MenuItem } from './Menu';
 export { Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownItem, DropdownGroup, } from './Dropdown';
+export type { DropdownProps, DropdownItem, DropdownGroup } from './Dropdown';
 export { Breadcrumb } from './Breadcrumb';
 export type { BreadcrumbProps, BreadcrumbItem, BreadcrumbSeparator, } from './Breadcrumb';
 export { Loading } from './Loading';
@@ -75,6 +75,10 @@ export { Sidebar } from './Sidebar';
 export type { SidebarProps, SidebarGroup, SidebarItem, SidebarVariant, } from './Sidebar';
 export { Popover } from './Popover';
 export type { PopoverProps, PopoverPlacement } from './Popover';
+export { Healthmap } from './Healthmap';
+export type { HealthmapProps, HealthmapData, HealthmapDay, HealthmapUnit, } from './Healthmap';
+export { PanelInfo } from './PanelInfo';
+export type { PanelInfoProps } from './PanelInfo';
 export { acquireOverlayZIndex, releaseOverlayZIndex, peekOverlayZIndex, } from './overlayZ';
 export { createLazyResolver } from './lazyRoute';
 export type { LazyRouteChunk } from './lazyRoute';

package/dist/index.es.js

@@ -1,19 +1,19 @@
 import { L as x } from "./Layout-mi6Ghayv.js";
 import { H as i } from "./Header-DZQopVNy.js";
-import { F as c } from "./Footer-qxUlnPR9.js";
+import { F as l } from "./Footer-qxUlnPR9.js";
 import { L as u } from "./List-BgKkYaGO.js";
 import { I as S } from "./Item-D4okhsfW.js";
-import { I as v } from "./ItemColumn-M7a9L8CI.js";
+import { I as P } from "./ItemColumn-M7a9L8CI.js";
 import { C as y } from "./Card-hn37Opo3.js";
 import { A as B } from "./ActionGroup-ChKFW0mt.js";
-import { T as I } from "./TextGroup-DmhuyMR1.js";
+import { T as L } from "./TextGroup-DmhuyMR1.js";
 import { S as R } from "./Stat-sKXJwz5L.js";
 import { B as G } from "./Block-Bu7NEA0g.js";
-import { R as g } from "./Row-DsQOVn18.js";
-import { C as F } from "./Column-BiogBDf8.js";
-import { S as H, s as M } from "./Stack-XkmPSswj.js";
+import { R as b } from "./Row-DsQOVn18.js";
+import { C as k } from "./Column-BiogBDf8.js";
+import { S as N, s as M } from "./Stack-XkmPSswj.js";
 import { M as Z } from "./Menu-DuXQv-zT.js";
-import { D as z } from "./Dropdown-B9AodUFf.js";
+import { D as z } from "./Dropdown-CPTE4EEx.js";
 import { B as E } from "./Breadcrumb-CAM_e9LN.js";
 import { L as j } from "./Loading-DkkG7RcE.js";
 import { S as K } from "./Section-Crxk2J-E.js";
@@ -26,17 +26,20 @@ import { B as sr } from "./Badge-jp-9iNNL.js";
 import { B as mr } from "./Brand-Zq-Idks4.js";
 import { E as fr } from "./EmptyState-mBiWtMIM.js";
 import { R as nr } from "./RadioGroup-fcXzhvMu.js";
-import { P as lr } from "./PricingGroup-Czuhe81Z.js";
+import { P as cr } from "./PricingGroup-Czuhe81Z.js";
 import { P as dr } from "./PricingTable-BuLC0opK.js";
 import { P as Cr } from "./PageHead-DgaJ1mXY.js";
-import { P as Pr } from "./PageShell-D9EZiO8o.js";
+import { P as vr } from "./PageShell-D9EZiO8o.js";
 import { C as Ar, a as Br } from "./ChatSplit-DNnu3TNq.js";
-import { C as Ir } from "./ChatFrame-BW2TmCkZ.js";
+import { C as Lr } from "./ChatFrame-BW2TmCkZ.js";
 import { C as Rr } from "./ChatMessages-B8rdXiK-.js";
-import { S as Gr } from "./Sidebar-BSOLtF8H.js";
-import { P as gr, a as kr, p as Fr, r as Nr } from "./Popover-D5RymtcJ.js";
+import { S as Gr } from "./Sidebar-1EH4XCEl.js";
+import { P as br } from "./Popover-DWdvZTuA.js";
+import { H as kr } from "./Healthmap-B6cdiLUl.js";
+import { P as Nr } from "./PanelInfo-A5y5ysH8.js";
+import { a as Or, p as Zr, r as wr } from "./overlayZ-BvHbYC1x.js";
 import { lazy as e } from "react";
-import { c as Mr } from "./cx-CcykAxZN.js";
+import { c as Dr } from "./cx-CcykAxZN.js";
 function s(a) {
   const o = {};
   return (r) => (o[r] || (o[r] = e(() => a(r))), o[r]);
@@ -51,41 +54,43 @@ export {
   mr as Brand,
   E as Breadcrumb,
   y as Card,
-  Ir as ChatFrame,
+  Lr as ChatFrame,
   Ar as ChatList,
   Rr as ChatMessages,
   Br as ChatSplit,
-  F as Column,
+  k as Column,
   z as Dropdown,
   fr as EmptyState,
-  c as Footer,
+  l as Footer,
   i as Header,
+  kr as Healthmap,
   S as Item,
-  v as ItemColumn,
+  P as ItemColumn,
   x as Layout,
   u as List,
   j as Loading,
   Z as Menu,
   U as NavSections,
   Cr as PageHead,
-  Pr as PageShell,
-  gr as Popover,
-  lr as PricingGroup,
+  vr as PageShell,
+  Nr as PanelInfo,
+  br as Popover,
+  cr as PricingGroup,
   dr as PricingTable,
   nr as RadioGroup,
-  g as Row,
+  b as Row,
   K as Section,
   Gr as Sidebar,
-  H as Stack,
+  N as Stack,
   R as Stat,
   W as TabSections,
-  I as TextGroup,
-  kr as acquireOverlayZIndex,
+  L as TextGroup,
+  Or as acquireOverlayZIndex,
   _ as avatarRadiusStyle,
   s as createLazyResolver,
-  Mr as cx,
+  Dr as cx,
   $ as initialsFromName,
-  Fr as peekOverlayZIndex,
-  Nr as releaseOverlayZIndex,
+  Zr as peekOverlayZIndex,
+  wr as releaseOverlayZIndex,
   M as stackColumnsTemplate
 };

package/dist/overlayZ-BvHbYC1x.js

@@ -0,0 +1,23 @@
+function a() {
+  const e = globalThis;
+  return e.elcrm || (e.elcrm = {}), e.elcrm.overlayZ || (e.elcrm.overlayZ = { seq: 0, active: /* @__PURE__ */ new Set() }), e.elcrm.overlayZ;
+}
+function c() {
+  const e = a();
+  e.seq += 1;
+  const t = 1e3 + e.seq * 10;
+  return e.active.add(t), t;
+}
+function n(e) {
+  const t = a();
+  t.active.delete(e), t.active.size === 0 && (t.seq = 0);
+}
+function r() {
+  const e = a();
+  return e.active.size === 0 ? 1e3 : Math.max(...e.active);
+}
+export {
+  c as a,
+  r as p,
+  n as r
+};

package/dist/tokens.css

@@ -28,6 +28,11 @@
   /* отступ каркаса; 0 — на всю ширину вьюпорта */
   --layout-padding: 0;
   --layout-margin: 0;
+  --layout-gap: 0;
+  --layout-main-radius: 0;
+  --layout-main-background: transparent;
+  --layout-main-shadow: none;
+  --layout-main-border: none;
   /* none — без ограничения; иначе например 1440px */
   --layout-max-width: none;
 
@@ -76,6 +81,21 @@
   --stat-value-size: 1.75rem;
   --action-group-gap: var(--shell-gap-sm);
 
+  /* —— panel-info —— */
+  --panel-info-width: min(22rem, 42vw);
+  --panel-info-width-min: 16rem;
+  --panel-info-overlay-max: 24rem;
+  --panel-info-backdrop: color-mix(in srgb, var(--shell-color) 35%, transparent);
+
+  /* —— healthmap —— */
+  --healthmap-cell: 12px;
+  --healthmap-gap: 3px;
+  --healthmap-l0: var(--shell-background-muted);
+  --healthmap-l1: color-mix(in srgb, var(--shell-color-success) 25%, var(--shell-background-muted));
+  --healthmap-l2: color-mix(in srgb, var(--shell-color-success) 45%, transparent);
+  --healthmap-l3: color-mix(in srgb, var(--shell-color-success) 70%, transparent);
+  --healthmap-l4: var(--shell-color-success);
+
   /* —— item-column —— */
   --item-column-gap: var(--shell-gap);
   --item-column-icon-size: 40px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elcrm/components",
-  "version": "0.2.6",
-  "description": "Shell UI elCRM: Layout, Header, Sidebar, Popover, PageHead, PageShell, Section, Stack, Stat, ActionGroup, TextGroup, ItemColumn и др.",
+  "version": "0.2.7",
+  "description": "Shell UI elCRM: Layout, Header, Sidebar, Popover, Healthmap, PanelInfo, PageHead, PageShell, Section, Stack, Stat и др.",
   "type": "module",
   "author": "MaSkal <dev@elcrm.online>",
   "license": "MIT",
@@ -84,18 +84,6 @@
     },
     "./package.json": "./package.json"
   },
-  "scripts": {
-    "dev": "vite --config test/vite.config.ts",
-    "build": "vite build",
-    "postbuild": "node scripts/postbuild.mjs",
-    "check:css": "node scripts/check-css-scoped.mjs",
-    "check:tokens": "node scripts/check-tokens.mjs",
-    "test": "vitest run",
-    "test:build": "vite build --config test/vite.config.ts",
-    "test:preview": "vite preview --config test/vite.config.ts",
-    "prepublishOnly": "npm run check:css && npm run check:tokens && npm run test && npm run build",
-    "pack:check": "npm pack --dry-run"
-  },
   "peerDependencies": {
     "@types/react": ">=18.0.0",
     "react": ">=18.0.0",
@@ -105,22 +93,5 @@
     "@types/react": {
       "optional": true
     }
-  },
-  "devDependencies": {
-    "@elcrm/storybook": "file:../elCRM.storybook",
-    "@testing-library/react": "^16.2.0",
-    "@types/node": "^22.13.10",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@vitejs/plugin-react": "^4.3.1",
-    "elcrm": "file:../elCRM.cli",
-    "jsdom": "^26.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.8.2",
-    "vite": "^5.4.2",
-    "vite-plugin-dts": "^4.0.3",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vitest": "^3.0.8"
   }
 }

package/dist/Popover-D5RymtcJ.js

@@ -1,156 +0,0 @@
-import u, { useRef as E, useId as $, useState as T, useLayoutEffect as A, useEffect as B } from "react";
-import { createPortal as ee } from "react-dom";
-import { c as F } from "./cx-CcykAxZN.js";
-import { u as te } from "./useControllableValue-CWqH1kpM.js";
-import './Popover.css';const V = 1e3, ne = 10;
-function b() {
-  const e = globalThis;
-  return e.elcrm || (e.elcrm = {}), e.elcrm.overlayZ || (e.elcrm.overlayZ = { seq: 0, active: /* @__PURE__ */ new Set() }), e.elcrm.overlayZ;
-}
-function oe() {
-  const e = b();
-  e.seq += 1;
-  const t = V + e.seq * ne;
-  return e.active.add(t), t;
-}
-function N(e) {
-  const t = b();
-  t.active.delete(e), t.active.size === 0 && (t.seq = 0);
-}
-function ve() {
-  const e = b();
-  return e.active.size === 0 ? V : Math.max(...e.active);
-}
-const se = "c3r", ie = "c3t", re = "c3p", H = {
-  r: se,
-  t: ie,
-  p: re
-};
-function ce(e, t) {
-  const c = (t == null ? void 0 : t.querySelector("button, a, [role='button']")) ?? (t == null ? void 0 : t.firstElementChild);
-  return (c instanceof HTMLElement ? c : t ?? e).getBoundingClientRect();
-}
-function ae(e, t) {
-  return e != null && e.top === t.top && e.left === t.left && e.minWidth === t.minWidth && e.maxHeight === t.maxHeight;
-}
-function le(e, t, c, p) {
-  if (!u.isValidElement(e)) return e;
-  const d = e.props.onClick;
-  return u.cloneElement(e, {
-    "aria-haspopup": "menu",
-    "aria-expanded": t,
-    "aria-controls": t ? c : void 0,
-    onClick: (v) => {
-      d == null || d(v), p();
-    }
-  });
-}
-function he({
-  trigger: e,
-  children: t,
-  open: c,
-  defaultOpen: p = !1,
-  onOpenChange: d,
-  align: v = "end",
-  placement: x = "auto",
-  disabled: z = !1,
-  label: D,
-  role: K = "menu",
-  className: j,
-  panelClassName: G
-}) {
-  const w = E(null), P = E(null), y = E(null), g = $(), [s = !1, J] = te(
-    c,
-    p,
-    d
-  ), [m, W] = T(null), [a, q] = T(null), L = E(null);
-  L.current = a;
-  const M = (o) => {
-    z && o || J(o);
-  };
-  A(() => {
-    if (s) {
-      a == null && q(oe());
-      return;
-    }
-    a != null && (N(a), q(null));
-  }, [s, a]), B(() => () => {
-    L.current != null && N(L.current);
-  }, []);
-  const R = () => {
-    var S;
-    const o = w.current;
-    if (!o) return;
-    const n = ce(o, P.current), i = 8, l = 8, r = ((S = y.current) == null ? void 0 : S.offsetHeight) ?? 0, f = window.innerHeight - n.bottom - i - l, U = n.top - i - l, X = r > 0 ? r : 160, I = x === "bottom" || x !== "top" && f >= X, Y = Math.min(
-      420,
-      Math.max(120, I ? f : U)
-    ), h = Math.max(200, n.width), _ = v === "end" ? Math.max(8, Math.min(n.right - h, window.innerWidth - h - 8)) : Math.max(8, Math.min(n.left, window.innerWidth - h - 8)), O = { top: I ? n.bottom + i : Math.max(l, n.top - i - (r > 0 ? r : 0)), left: _, minWidth: h, maxHeight: Y };
-    W((C) => ae(C, O) ? C : O);
-  };
-  A(() => {
-    if (!s) {
-      W(null);
-      return;
-    }
-    R();
-    const o = window.requestAnimationFrame(() => R()), n = () => R();
-    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
-      window.cancelAnimationFrame(o), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-    };
-  }, [s, v, x, t]), B(() => {
-    if (!s) return;
-    const o = (i) => {
-      var r, f;
-      const l = i.target;
-      (r = w.current) != null && r.contains(l) || (f = y.current) != null && f.contains(l) || M(!1);
-    }, n = (i) => {
-      i.key === "Escape" && M(!1);
-    };
-    return document.addEventListener("mousedown", o), document.addEventListener("keydown", n), () => {
-      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", n);
-    };
-  }, [s]);
-  const Q = {
-    position: "fixed",
-    zIndex: a ?? 1e3,
-    ...m ? {
-      top: m.top,
-      bottom: "auto",
-      left: m.left,
-      minWidth: m.minWidth,
-      maxHeight: m.maxHeight
-    } : { visibility: "hidden", pointerEvents: "none" }
-  }, Z = s ? /* @__PURE__ */ u.createElement(
-    "div",
-    {
-      ref: y,
-      id: g,
-      role: K,
-      "aria-label": D,
-      className: F(H.p, G),
-      style: Q,
-      onMouseDown: (o) => o.stopPropagation()
-    },
-    t
-  ) : null, k = () => {
-    z || M(!s);
-  };
-  return /* @__PURE__ */ u.createElement("div", { ref: w, className: F(H.r, j) }, /* @__PURE__ */ u.createElement(
-    "div",
-    {
-      ref: P,
-      className: H.t,
-      "aria-haspopup": "menu",
-      "aria-expanded": s,
-      "aria-controls": s ? g : void 0,
-      onClick: u.isValidElement(e) ? void 0 : k
-    },
-    le(e, s, g, k)
-  ), Z && typeof document < "u" ? ee(Z, document.body) : null);
-}
-export {
-  he as P,
-  oe as a,
-  ve as p,
-  N as r
-};