@elcrm/components 0.5.3 → 0.5.5

package/dist/{Healthmap-Z-LLfGW0.js → Healthmap-B4h6_9Yv.js}

@@ -1,21 +1,22 @@
-import t, { useState as H, useMemo as Y, useEffect as z } from "react";
-import { c as G } from "./cx-CcykAxZN.js";
-import { createPortal as Z } from "react-dom";
-import { p as J } from "./overlayZ-BvHbYC1x.js";
+import t, { useState as z, useMemo as Y, useEffect as j } from "react";
+import { c as _ } from "./cx-CcykAxZN.js";
+import { createPortal as J } from "react-dom";
+import { p as Q } from "./overlayZ-BvHbYC1x.js";
+import { Button as H } from "@elcrm/button";
 import './Healthmap.css';function L(e) {
-  const [a, l, u] = e.split("-").map(Number);
-  return new Date(Date.UTC(a, l - 1, u));
+  const [a, s, u] = e.split("-").map(Number);
+  return new Date(Date.UTC(a, s - 1, u));
 }
-function Q(e, a) {
+function X(e, a) {
   if (e <= 0) return 0;
   if (a <= 1) return 4;
-  const l = e / a;
-  return l > 0.75 ? 4 : l > 0.5 ? 3 : l > 0.25 ? 2 : 1;
+  const s = e / a;
+  return s > 0.75 ? 4 : s > 0.5 ? 3 : s > 0.25 ? 2 : 1;
 }
-function X(e) {
+function I(e) {
   let a = 0;
-  for (let l = e.length - 1; l >= 0; l--) {
-    if (e[l].count <= 0) {
+  for (let s = e.length - 1; s >= 0; s--) {
+    if (e[s].count <= 0) {
       if (a === 0) continue;
       break;
     }
@@ -23,7 +24,7 @@ function X(e) {
   }
   return a;
 }
-function I(e, a) {
+function ee(e, a) {
   var D;
   if (!((D = e == null ? void 0 : e.days) != null && D.length))
     return {
@@ -33,31 +34,31 @@ function I(e, a) {
       activeDays: 0,
       bestDay: 0
     };
-  const l = Math.max(1, ...e.days.map((s) => s.count)), u = new Map(e.days.map((s) => [s.date, s.count])), y = L(e.from), d = L(e.to), f = y.getUTCDay(), c = f === 0 ? -6 : 1 - f, i = new Date(y);
+  const s = Math.max(1, ...e.days.map((l) => l.count)), u = new Map(e.days.map((l) => [l.date, l.count])), E = L(e.from), d = L(e.to), f = E.getUTCDay(), c = f === 0 ? -6 : 1 - f, i = new Date(E);
   i.setUTCDate(i.getUTCDate() + c);
   const p = [], N = [];
   let k = -1;
   for (; i.getTime() <= d.getTime() || p.length === 0; ) {
-    const s = [];
+    const l = [];
     for (let r = 0; r < 7; r++) {
-      const o = i.getUTCFullYear(), m = i.getUTCMonth(), E = i.getUTCDate(), b = `${o}-${String(m + 1).padStart(2, "0")}-${String(E).padStart(2, "0")}`, g = i.getTime() >= y.getTime() && i.getTime() <= d.getTime(), w = g ? u.get(b) ?? 0 : 0;
-      r === 0 && g && m !== k && (N.push({ label: a[m], col: p.length }), k = m), s.push({
-        date: b,
-        count: g ? w : 0,
-        level: g ? Q(w, l) : 0
+      const o = i.getUTCFullYear(), m = i.getUTCMonth(), y = i.getUTCDate(), w = `${o}-${String(m + 1).padStart(2, "0")}-${String(y).padStart(2, "0")}`, g = i.getTime() >= E.getTime() && i.getTime() <= d.getTime(), v = g ? u.get(w) ?? 0 : 0;
+      r === 0 && g && m !== k && (N.push({ label: a[m], col: p.length }), k = m), l.push({
+        date: w,
+        count: g ? v : 0,
+        level: g ? X(v, s) : 0
       }), i.setUTCDate(i.getUTCDate() + 1);
     }
-    if (p.push(s), i.getTime() > d.getTime() && p.length >= 52 || p.length > 60) break;
+    if (p.push(l), i.getTime() > d.getTime() && p.length >= 52 || p.length > 60) break;
   }
   return {
     weeks: p,
     months: N,
-    streak: X(e.days),
-    activeDays: e.days.filter((s) => s.count > 0).length,
-    bestDay: Math.max(0, ...e.days.map((s) => s.count))
+    streak: I(e.days),
+    activeDays: e.days.filter((l) => l.count > 0).length,
+    bestDay: Math.max(0, ...e.days.map((l) => l.count))
   };
 }
-const U = 5, j = [
+const U = 5, G = [
   "янв",
   "фев",
   "мар",
@@ -70,16 +71,16 @@ const U = 5, j = [
   "окт",
   "ноя",
   "дек"
-], _ = ["Пн", "", "Ср", "", "Пт", "", ""], ee = {
+], B = ["Пн", "", "Ср", "", "Пт", "", ""], te = {
   one: "действие",
   few: "действия",
   many: "действий"
 };
 function S(e, a) {
-  const l = e % 10, u = e % 100;
-  return l === 1 && u !== 11 ? a.one : l >= 2 && l <= 4 && (u < 10 || u >= 20) ? a.few : a.many;
+  const s = e % 10, u = e % 100;
+  return s === 1 && u !== 11 ? a.one : s >= 2 && s <= 4 && (u < 10 || u >= 20) ? a.few : a.many;
 }
-function te(e) {
+function ne(e) {
   return S(e, { one: "день", few: "дня", many: "дней" });
 }
 function K(e, a) {
@@ -91,40 +92,40 @@ function K(e, a) {
     timeZone: "UTC"
   });
 }
-const ne = "hhr", ae = "hhc", le = "hha", se = "hhh", re = "hht", oe = "hhm", ce = "hho", ie = "hhn", me = "hhd", ue = "hhw", he = "hhk", pe = "hhe", de = "hhf", fe = "hhi", ge = "hhg", ye = "hhb", Ee = "hhp", be = "hhq", we = "hhv", ve = "hhl", Ne = "hhz", ke = "hhj", Te = "hhu", De = "hhx", xe = "hhs", Me = "hhy", n = {
-  root: ne,
-  calendar: ae,
+const ae = "hhr", se = "hhc", le = "hha", re = "hhh", oe = "hht", ce = "hhm", ie = "hho", me = "hhn", ue = "hhd", he = "hhw", pe = "hhk", de = "hhe", fe = "hhf", ge = "hhi", Ee = "hhg", ye = "hhb", we = "hhp", ve = "hhq", be = "hhv", Ne = "hhl", ke = "hhz", Te = "hhj", De = "hhu", xe = "hhx", Me = "hhs", Ue = "hhy", n = {
+  root: ae,
+  calendar: se,
   aside: le,
-  header: se,
-  title: re,
-  main: oe,
-  omonth: ce,
-  nest: ie,
-  dow: me,
-  weeks: ue,
-  krow: he,
-  entry: pe,
-  footer: de,
-  ihint: fe,
-  gleg: ge,
+  header: re,
+  title: oe,
+  main: ce,
+  omonth: ie,
+  nest: me,
+  dow: ue,
+  weeks: he,
+  krow: pe,
+  entry: de,
+  footer: fe,
+  ihint: ge,
+  gleg: Ee,
   brand: ye,
-  plist: Ee,
-  qkpi: be,
-  value: we,
-  label: ve,
-  zyears: Ne,
-  jump: ke,
-  up: Te,
-  xbtn: De,
-  selected: xe,
-  ytip: Me
+  plist: we,
+  qkpi: ve,
+  value: be,
+  label: Ne,
+  zyears: ke,
+  jump: Te,
+  up: De,
+  xbtn: xe,
+  selected: Me,
+  ytip: Ue
 };
-function Ue({
+function $e({
   weeks: e,
   months: a,
-  cell: l,
+  cell: s,
   gap: u,
-  step: y,
+  step: E,
   weekdays: d,
   focusDate: f,
   locale: c,
@@ -133,8 +134,8 @@ function Ue({
   onShowTip: N,
   onHideTip: k
 }) {
-  function D(s) {
-    const { key: r } = s;
+  function D(l) {
+    const { key: r } = l;
     if (r !== "ArrowLeft" && r !== "ArrowRight" && r !== "ArrowUp" && r !== "ArrowDown" || !e.length) return;
     let o = -1, m = -1;
     for (let x = 0; x < e.length; x++) {
@@ -145,15 +146,15 @@ function Ue({
       }
     }
     if (o < 0) return;
-    s.preventDefault();
-    let E = o, b = m;
-    r === "ArrowDown" ? b = Math.min(6, m + 1) : r === "ArrowUp" ? b = Math.max(0, m - 1) : r === "ArrowRight" ? E = Math.min(e.length - 1, o + 1) : r === "ArrowLeft" && (E = Math.max(0, o - 1));
-    const g = e[E][b];
+    l.preventDefault();
+    let y = o, w = m;
+    r === "ArrowDown" ? w = Math.min(6, m + 1) : r === "ArrowUp" ? w = Math.max(0, m - 1) : r === "ArrowRight" ? y = Math.min(e.length - 1, o + 1) : r === "ArrowLeft" && (y = Math.max(0, o - 1));
+    const g = e[y][w];
     p(g.date);
-    const w = s.currentTarget.querySelector(
+    const v = l.currentTarget.querySelector(
       `[data-date="${g.date}"]`
     );
-    w == null || w.focus();
+    v == null || v.focus();
   }
   return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
     "div",
@@ -161,32 +162,32 @@ function Ue({
       className: n.main,
       "aria-hidden": !0,
       style: {
-        width: e.length ? e.length * y - u : void 0
+        width: e.length ? e.length * E - u : void 0
       }
     },
-    a.map((s) => /* @__PURE__ */ t.createElement(
+    a.map((l) => /* @__PURE__ */ t.createElement(
       "span",
       {
-        key: `${s.label}-${s.col}`,
+        key: `${l.label}-${l.col}`,
         className: n.omonth,
-        style: { left: s.col * y }
+        style: { left: l.col * E }
       },
-      s.label
+      l.label
     ))
-  ), /* @__PURE__ */ t.createElement("div", { className: n.nest }, /* @__PURE__ */ t.createElement("div", { className: n.dow, "aria-hidden": !0 }, (d.length >= 7 ? d : _).slice(0, 7).map(
-    (s, r) => s ? /* @__PURE__ */ t.createElement("span", { key: r }, s) : /* @__PURE__ */ t.createElement("span", { key: r })
+  ), /* @__PURE__ */ t.createElement("div", { className: n.nest }, /* @__PURE__ */ t.createElement("div", { className: n.dow, "aria-hidden": !0 }, (d.length >= 7 ? d : B).slice(0, 7).map(
+    (l, r) => l ? /* @__PURE__ */ t.createElement("span", { key: r }, l) : /* @__PURE__ */ t.createElement("span", { key: r })
   )), /* @__PURE__ */ t.createElement(
     "div",
     {
       className: n.weeks,
       style: {
-        gridTemplateColumns: `repeat(${e.length}, ${l}px)`
+        gridTemplateColumns: `repeat(${e.length}, ${s}px)`
       },
       role: "grid",
       "aria-label": "График активности",
       onKeyDown: D
     },
-    e.map((s, r) => /* @__PURE__ */ t.createElement("div", { key: r, className: n.krow, role: "row" }, s.map((o) => /* @__PURE__ */ t.createElement(
+    e.map((l, r) => /* @__PURE__ */ t.createElement("div", { key: r, className: n.krow, role: "row" }, l.map((o) => /* @__PURE__ */ t.createElement(
       "button",
       {
         key: o.date,
@@ -207,8 +208,8 @@ function Ue({
     ))))
   )));
 }
-function $e({ tip: e, locale: a, unit: l }) {
-  return e ? Z(
+function Ae({ tip: e, locale: a, unit: s }) {
+  return e ? J(
     /* @__PURE__ */ t.createElement(
       "div",
       {
@@ -216,49 +217,55 @@ function $e({ tip: e, locale: a, unit: l }) {
         style: {
           left: e.x,
           top: e.y,
-          zIndex: J() + 10
+          zIndex: Q() + 10
         },
         role: "tooltip"
       },
       /* @__PURE__ */ t.createElement("div", null, K(e.date, a)),
-      /* @__PURE__ */ t.createElement("div", null, e.count, " ", S(e.count, l))
+      /* @__PURE__ */ t.createElement("div", null, e.count, " ", S(e.count, s))
     ),
     document.body
   ) : null;
 }
-function Ae({
+function Ce({
   yearPage: e,
   yearPageCount: a,
-  visibleYears: l,
+  visibleYears: s,
   activeYear: u,
-  currentYear: y,
+  currentYear: E,
   onYearPageChange: d,
   onYearChange: f
 }) {
   return /* @__PURE__ */ t.createElement("nav", { className: n.zyears, "aria-label": "Год" }, a > 1 ? /* @__PURE__ */ t.createElement(
-    "button",
+    H,
     {
-      type: "button",
+      variant: "ghost",
+      size: "s",
+      width: "s",
       className: n.up,
       "aria-label": "Предыдущие годы",
       disabled: e <= 0,
       onClick: () => d((c) => Math.max(0, c - 1))
     },
     "‹"
-  ) : null, /* @__PURE__ */ t.createElement("div", { className: n.jump, role: "group" }, l.map((c) => /* @__PURE__ */ t.createElement(
-    "button",
+  ) : null, /* @__PURE__ */ t.createElement("div", { className: n.jump, role: "group" }, s.map((c) => /* @__PURE__ */ t.createElement(
+    H,
     {
       key: c,
-      type: "button",
+      variant: "ghost",
+      size: "s",
+      width: "s",
       "aria-pressed": c === u,
-      className: G(n.xbtn, c === u && n.selected),
-      onClick: () => f == null ? void 0 : f(c === y ? null : c)
+      className: _(n.xbtn, c === u && n.selected),
+      onClick: () => f == null ? void 0 : f(c === E ? null : c)
     },
     c
   ))), a > 1 ? /* @__PURE__ */ t.createElement(
-    "button",
+    H,
     {
-      type: "button",
+      variant: "ghost",
+      size: "s",
+      width: "s",
       className: n.up,
       "aria-label": "Следующие годы",
       disabled: e >= a - 1,
@@ -267,47 +274,47 @@ function Ae({
     "›"
   ) : null);
 }
-function Ce() {
+function Se() {
   if (typeof document > "u")
     return { cell: 12, gap: 3, step: 15 };
-  const e = getComputedStyle(document.documentElement), a = parseFloat(e.getPropertyValue("--healthmap-cell").trim()) || 12, l = parseFloat(e.getPropertyValue("--healthmap-gap").trim()) || 3;
-  return { cell: a, gap: l, step: a + l };
+  const e = getComputedStyle(document.documentElement), a = parseFloat(e.getPropertyValue("--healthmap-cell").trim()) || 12, s = parseFloat(e.getPropertyValue("--healthmap-gap").trim()) || 3;
+  return { cell: a, gap: s, step: a + s };
 }
-function Le({
+function qe({
   data: e,
   loading: a = !1,
-  year: l = null,
+  year: s = null,
   onYearChange: u,
-  hint: y,
+  hint: E,
   brandName: d = "Активность",
   brandSub: f = "сводка",
-  unit: c = ee,
-  months: i = j,
+  unit: c = te,
+  months: i = G,
   locale: p = "ru-RU",
   loadingLabel: N = "Загрузка…",
   lastYearLabel: k = "последний год",
-  weekdays: D = _,
-  className: s
+  weekdays: D = B,
+  className: l
 }) {
-  const [r, o] = H(0), [m, E] = H(null), [b, g] = H(""), { cell: w, gap: x, step: $ } = Ce(), A = i.length >= 12 ? i : j, v = Y(
-    () => I(e, A),
+  const [r, o] = z(0), [m, y] = z(null), [w, g] = z(""), { cell: v, gap: x, step: $ } = Se(), A = i.length >= 12 ? i : G, b = Y(
+    () => ee(e, A),
     [e, A]
   );
-  z(() => {
-    const h = v.weeks.flat();
+  j(() => {
+    const h = b.weeks.flat();
     if (!h.length) {
       g("");
       return;
     }
     const M = h.find((T) => T.count > 0);
     g((M ?? h[0]).date);
-  }, [v.weeks]);
+  }, [b.weeks]);
   const C = Y(() => {
     var M;
     const h = (M = e == null ? void 0 : e.years) != null && M.length ? [...e.years] : [(/* @__PURE__ */ new Date()).getUTCFullYear(), (/* @__PURE__ */ new Date()).getUTCFullYear() - 1];
-    return [...new Set(h)].sort((T, W) => W - T);
-  }, [e == null ? void 0 : e.years]), F = (/* @__PURE__ */ new Date()).getUTCFullYear(), R = l ?? (e == null ? void 0 : e.year) ?? F, q = (e == null ? void 0 : e.total) ?? 0, O = Math.max(1, Math.ceil(C.length / U));
-  z(() => {
+    return [...new Set(h)].sort((T, Z) => Z - T);
+  }, [e == null ? void 0 : e.years]), F = (/* @__PURE__ */ new Date()).getUTCFullYear(), R = s ?? (e == null ? void 0 : e.year) ?? F, q = (e == null ? void 0 : e.total) ?? 0, O = Math.max(1, Math.ceil(C.length / U));
+  j(() => {
     const h = C.indexOf(R);
     h < 0 || o(Math.floor(h / U));
   }, [R, C]);
@@ -315,34 +322,34 @@ function Le({
     r * U,
     r * U + U
   );
-  function B(h, M) {
+  function V(h, M) {
     const T = M.getBoundingClientRect();
-    E({
+    y({
       date: h.date,
       count: h.count,
       x: T.left + T.width / 2,
       y: T.top
     });
   }
-  const V = a ? N : `${q} ${S(q, c)} за ${l == null || l === F ? k : `${l} год`}`;
-  return /* @__PURE__ */ t.createElement("div", { className: G(n.root, s) }, /* @__PURE__ */ t.createElement("section", { className: n.calendar, "aria-label": "Календарь активности" }, /* @__PURE__ */ t.createElement("div", { className: n.header }, /* @__PURE__ */ t.createElement("h3", { className: n.title }, V)), /* @__PURE__ */ t.createElement(
-    Ue,
+  const W = a ? N : `${q} ${S(q, c)} за ${s == null || s === F ? k : `${s} год`}`;
+  return /* @__PURE__ */ t.createElement("div", { className: _(n.root, l) }, /* @__PURE__ */ t.createElement("section", { className: n.calendar, "aria-label": "Календарь активности" }, /* @__PURE__ */ t.createElement("div", { className: n.header }, /* @__PURE__ */ t.createElement("h3", { className: n.title }, W)), /* @__PURE__ */ t.createElement(
+    $e,
     {
-      weeks: v.weeks,
-      months: v.months,
-      cell: w,
+      weeks: b.weeks,
+      months: b.months,
+      cell: v,
       gap: x,
       step: $,
       weekdays: D,
-      focusDate: b,
+      focusDate: w,
       locale: p,
       unit: c,
       onFocusDate: g,
-      onShowTip: B,
-      onHideTip: () => E(null)
+      onShowTip: V,
+      onHideTip: () => y(null)
     }
-  ), /* @__PURE__ */ t.createElement("div", { className: n.footer }, /* @__PURE__ */ t.createElement("span", { className: n.ihint }, y ?? ""), /* @__PURE__ */ t.createElement(
-    Ae,
+  ), /* @__PURE__ */ t.createElement("div", { className: n.footer }, /* @__PURE__ */ t.createElement("span", { className: n.ihint }, E ?? ""), /* @__PURE__ */ t.createElement(
+    Ce,
     {
       yearPage: r,
       yearPageCount: O,
@@ -352,8 +359,8 @@ function Le({
       onYearPageChange: o,
       onYearChange: u
     }
-  ), /* @__PURE__ */ t.createElement("div", { className: n.gleg, "aria-hidden": !0 }, /* @__PURE__ */ t.createElement("span", null, "Меньше"), [0, 1, 2, 3, 4].map((h) => /* @__PURE__ */ t.createElement("span", { key: h, className: n.entry, "data-level": h })), /* @__PURE__ */ t.createElement("span", null, "Больше")))), /* @__PURE__ */ t.createElement("aside", { className: n.aside, "aria-label": "Сводка" }, /* @__PURE__ */ t.createElement("div", { className: n.brand }, /* @__PURE__ */ t.createElement("span", null, d), /* @__PURE__ */ t.createElement("span", null, f)), /* @__PURE__ */ t.createElement("div", { className: n.plist }, /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : v.streak), /* @__PURE__ */ t.createElement("span", { className: n.label }, "серия, ", te(v.streak))), /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : v.activeDays), /* @__PURE__ */ t.createElement("span", { className: n.label }, "активных дней")), /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : v.bestDay), /* @__PURE__ */ t.createElement("span", { className: n.label }, "макс. за день")))), /* @__PURE__ */ t.createElement($e, { tip: m, locale: p, unit: c }));
+  ), /* @__PURE__ */ t.createElement("div", { className: n.gleg, "aria-hidden": !0 }, /* @__PURE__ */ t.createElement("span", null, "Меньше"), [0, 1, 2, 3, 4].map((h) => /* @__PURE__ */ t.createElement("span", { key: h, className: n.entry, "data-level": h })), /* @__PURE__ */ t.createElement("span", null, "Больше")))), /* @__PURE__ */ t.createElement("aside", { className: n.aside, "aria-label": "Сводка" }, /* @__PURE__ */ t.createElement("div", { className: n.brand }, /* @__PURE__ */ t.createElement("span", null, d), /* @__PURE__ */ t.createElement("span", null, f)), /* @__PURE__ */ t.createElement("div", { className: n.plist }, /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : b.streak), /* @__PURE__ */ t.createElement("span", { className: n.label }, "серия, ", ne(b.streak))), /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : b.activeDays), /* @__PURE__ */ t.createElement("span", { className: n.label }, "активных дней")), /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : b.bestDay), /* @__PURE__ */ t.createElement("span", { className: n.label }, "макс. за день")))), /* @__PURE__ */ t.createElement(Ae, { tip: m, locale: p, unit: c }));
 }
 export {
-  Le as H
+  qe as H
 };

package/dist/Healthmap.js

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

package/dist/Layout.css

@@ -1 +1 @@
-@layer elcrm-components{.slr{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}.slx{height:var(--layout-height);max-height:var(--layout-height);overflow:hidden}.slm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.slr:not(.slx){height:auto;max-height:none;overflow:visible}.slr:not(.slx) .slm{overflow:visible;flex:0 1 auto;min-height:auto}.sls{flex-direction:row;align-items:stretch;gap:var(--layout-gap)}.slb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background);border-radius:var(--layout-main-radius);box-shadow:var(--layout-main-shadow);border:var(--layout-main-border)}.slr:not(.slx) .slb{overflow:visible}.sla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-width:0;min-height:0;align-self:stretch}.slk{overflow:hidden}.sla:not(.slk){overflow:auto}.sla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.sla{flex-basis:72px;width:72px}}.slh,.slf{flex:0 0 auto;min-width:0}}
+@layer elcrm-components{.slr{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}.slx{height:var(--layout-height);max-height:var(--layout-height);overflow:hidden}.slm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:var(--layout-main-padding)}.slr:not(.slx){height:auto;max-height:none;overflow:visible}.slr:not(.slx) .slm{overflow:visible;flex:0 1 auto;min-height:auto}.sls{flex-direction:row;align-items:stretch;gap:var(--layout-gap)}.slb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background);border-radius:var(--layout-main-radius);box-shadow:var(--layout-main-shadow);border:var(--layout-main-border)}.slr:not(.slx) .slb{overflow:visible}.sla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-width:0;min-height:0;align-self:stretch}.slk{overflow:hidden}.sla:not(.slk){overflow:auto}.sla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.sla{flex-basis:72px;width:72px}}.slh,.slf{flex:0 0 auto;min-width:0}}

package/dist/Layout.d.ts

@@ -26,7 +26,9 @@ export type LayoutFixedSlot = "header" | "footer" | "sidebar";
  * </Layout>
  * ```
  *
- * Токены: `--layout-height`, `--layout-padding`, `--layout-margin`, `--layout-max-width`, `--shell-*`.
+ * Токены: `--layout-height`, `--layout-padding`, `--layout-main-padding`,
+ * `--layout-margin`, `--layout-max-width`, `--shell-*`.
+ * `--layout-main-padding` — отступ внутри `<main>` (между шапкой и контентом).
  */
 export type LayoutProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Левая колонка (обычно `<Sidebar />`) — ряд: сайдбар + контент */

package/dist/Menu-CR2CclSe.js

@@ -0,0 +1,76 @@
+import l from "react";
+import { Button as w } from "@elcrm/button";
+import { B as y } from "./Badge-BjScAXGy.js";
+import { b as B } from "./badgeText-CRzlIzi3.js";
+import { c as p } from "./cx-CcykAxZN.js";
+import { h as E } from "./rovingKeys-Di9N1Nct.js";
+import { u as N } from "./useControllableValue-BaE0VR5d.js";
+import './Menu.css';const z = "lnr", C = "lnv", K = "lni", M = "lnd", D = "lna", I = "lnu", e = {
+  root: z,
+  vertical: C,
+  item: K,
+  dot: M,
+  active: D,
+  underline: I
+};
+function G({
+  items: n,
+  vertical: r,
+  variant: m = "plain",
+  value: c,
+  defaultValue: s,
+  onValueChange: i,
+  children: g,
+  className: R,
+  ...h
+}) {
+  const [t, v] = N(
+    c,
+    s,
+    i
+  ), x = (n ?? []).filter((a) => !a.disabled).map((a) => a.value), k = m === "line", d = l.useRef(null), u = i || c !== void 0 || s !== void 0;
+  return /* @__PURE__ */ l.createElement(
+    "nav",
+    {
+      ref: d,
+      className: p(e.root, r && e.vertical, k && e.underline, R),
+      onKeyDown: u ? (a) => E(a, {
+        values: x,
+        value: t,
+        onSelect: v,
+        vertical: r,
+        focusRoot: d.current
+      }) : void 0,
+      ...h
+    },
+    n == null ? void 0 : n.map((a) => {
+      const o = a.active ?? (t != null && a.value === t), b = B(a.badge);
+      return /* @__PURE__ */ l.createElement(
+        w,
+        {
+          key: a.value,
+          variant: "ghost",
+          size: "m",
+          width: "s",
+          className: p(e.item, o && e.active),
+          "data-value": a.value,
+          "data-active": o ? "true" : void 0,
+          "aria-current": o ? "page" : void 0,
+          "aria-label": a.ariaLabel,
+          tabIndex: u ? o ? 0 : -1 : void 0,
+          disabled: a.disabled,
+          onClick: () => {
+            var f;
+            (f = a.onClick) == null || f.call(a), v(a.value);
+          }
+        },
+        a.label,
+        b != null ? /* @__PURE__ */ l.createElement(y, { className: e.dot, tone: "accent", size: "s" }, b) : null
+      );
+    }),
+    g
+  );
+}
+export {
+  G as M
+};

package/dist/Menu.d.ts

@@ -24,6 +24,11 @@ export type MenuItem = {
      * `0`, `null`, `""` — не рендерим.
      */
     badge?: number | string | null;
+    /**
+     * Подпись для скринридера, если `label` — иконка без текста.
+     * Попадает в `aria-label` кнопки пункта.
+     */
+    ariaLabel?: string;
 };
 /**
  * Props компонента {@link Menu}.

package/dist/Menu.js

@@ -1,4 +1,4 @@
-import { M as r } from "./Menu-D2kf7fN_.js";
+import { M as r } from "./Menu-CR2CclSe.js";
 export {
   r as Menu
 };

package/dist/PageHead-BjBvWtlk.js

@@ -0,0 +1,33 @@
+import t from "react";
+import { c as i } from "./cx-CcykAxZN.js";
+import './PageHead.css';const u = "sdr", f = "sdk", p = "sdw", E = "sdt", N = "sdh", h = "sdn", g = "sdu", v = "sds", w = "sda", x = "sdc", e = {
+  root: u,
+  kept: f,
+  wrap: p,
+  textcol: E,
+  heading: N,
+  name: h,
+  usup: g,
+  subtitle: v,
+  actions: w,
+  children: x
+};
+function k(n) {
+  return !(n == null || n === !1 || n === "" || typeof n == "number" && n === 0 || n === "0");
+}
+function P({
+  title: n,
+  sup: s,
+  subtitle: a,
+  actions: l,
+  sticky: r,
+  headingLevel: o = "h1",
+  className: m,
+  children: c
+}) {
+  const d = o;
+  return /* @__PURE__ */ t.createElement("div", { className: i(e.root, r && e.kept, m) }, /* @__PURE__ */ t.createElement("div", { className: e.wrap }, /* @__PURE__ */ t.createElement("div", { className: e.textcol }, /* @__PURE__ */ t.createElement(d, { className: e.heading }, /* @__PURE__ */ t.createElement("span", { className: e.name }, n), k(s) ? /* @__PURE__ */ t.createElement("span", { className: e.usup }, s) : null), a != null ? /* @__PURE__ */ t.createElement("p", { className: e.subtitle }, a) : null), l != null ? /* @__PURE__ */ t.createElement("div", { className: e.actions }, l) : null), c != null ? /* @__PURE__ */ t.createElement("div", { className: e.children }, c) : null);
+}
+export {
+  P
+};

package/dist/PageHead.d.ts

@@ -28,6 +28,12 @@ export type PageHeadProps = {
     sup?: React.ReactNode;
     /** Подзаголовок */
     subtitle?: React.ReactNode;
+    /**
+     * HTML-тег заголовка.
+     * По умолчанию `h1`: PageHead — заголовок страницы.
+     * `div` — если семантический заголовок уже есть во внешнем layout.
+     */
+    headingLevel?: "h1" | "h2" | "div";
     /** Кнопки / поиск справа в одной строке с заголовком */
     actions?: React.ReactNode;
     /**
@@ -55,4 +61,4 @@ export type PageHeadProps = {
  *
  * @see PageShell, Section, Header, Badge
  */
-export declare function PageHead({ title, sup, subtitle, actions, sticky, className, children, }: PageHeadProps): React.JSX.Element;
+export declare function PageHead({ title, sup, subtitle, actions, sticky, headingLevel, className, children, }: PageHeadProps): React.JSX.Element;

package/dist/PageHead.js

@@ -1,4 +1,4 @@
-import { P as o } from "./PageHead-BfClTLrF.js";
+import { P as o } from "./PageHead-BjBvWtlk.js";
 export {
   o as PageHead
 };