elcrm 1.1.22 → 1.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elcrm",
-  "version": "1.1.22",
+  "version": "1.1.24",
   "description": "CLI @elcrm/*: doctor --fix (порядок проекта), update, css, docs, cursor, kit, migrate",
   "type": "module",
   "license": "MIT",

package/templates/elcrm-docs/COMPONENTS.elCRM.md

@@ -31,7 +31,8 @@ import type { PricingPlan, HealthmapData } from "@elcrm/components";
 - **PageHead** — title + actions. `sup` — текст или Badge сразу после title (надстрочно; `0` скрыт). `sticky` — шапка прилипает к верху скролла (фон `--shell-bg`). `children` — фильтры/поиск под заголовком, отступ `--shell-gap`.
 - **Section** — блок контента / auth.
 - **Layout / Header** — оболочка приложения. `Layout sidebar={<Sidebar />}` — ряд: меню слева + контент. `fixed={["header", "footer", "sidebar"]}` (по умолчанию) — эти слоты не скроллятся, крутится только `children`. `fixed={[]}` — поток страницы. Высота каркаса: `--layout-height` (`100dvh`).
-- **Sidebar** — левое меню. `variant="cards"` (карточки) или `"plain"` (плоский backoffice). `groups` + `value`. Слоты: `brand`, `extra`, `footer`. Меню аккаунта: `footerItems` (как у Dropdown) + `onFooterSelect` — клик по `footer` открывает панель, справа ⋮. Пункты: `--sidebar-item-font-size`, `--sidebar-item-padding`, `--sidebar-icon-size`, `--sidebar-group-font-size`. Не наследуют `body` 18px (`Item` `font: inherit` перебит).
+- **Sidebar** — левое меню. `variant="cards"` (карточки) или `"plain"` (плоский backoffice). `groups` + `value`. Подменю: у пункта `items` + `defaultOpen` (открыто/скрыто при старте). Контроль: `open` / `onOpenChange` (массив `value` родителей). Клик по родителю только раскрывает; `onSelect` — у листьев. Если выбран потомок — ветка открывается. Слоты: `brand`, `extra`, `footer`. Меню аккаунта: `footerItems` + `onFooterSelect`. Отступ вложенных: `--sidebar-indent`.
+- **NavSections** — сайдбар страницы + lazy-панель. Подменю как у Sidebar: `items` + `defaultOpen`, `open` / `onOpenChange`. Панель грузится по `value` листа (`resolveSection`). Клик по родителю только раскрывает.
 - **Stack** — ряд/колонка/сетка (`direction="row"|"column"|"grid"`). Не `Block` / `Row` / `Column`. Сетка: `auto-fit` + `--stack-grid-min`, либо `columns={4}` / `columns={["1fr", "100px", "auto"]}`. С `columns` ряды `stretch` (карточки не наезжают); в одну линию — `style={{ alignItems: "center" }}`. Не `height: 100%` у детей сетки.
 - **Card** — курсор: `--card-pointer` (`auto` / `pointer`). Сетка Stack: `--stack-grid-min`.
 - **Stat** — метрика: `label` + `value`, `tone` как у Badge, `labelMuted`. Не собирать из `span` в приложении.

package/templates/elcrm-docs/MODAL.elCRM.md

@@ -10,7 +10,8 @@
 function EditModal({ id, onClose }: { id: number; onClose?: () => void }) {
   return (
     <Modal.Main title="Редактирование" onClose={onClose} size="m">
-      <Modal.Scroll>…</Modal.Scroll>
+      {/* scroll + padding по умолчанию — без Modal.Scroll */}
+      <p>…</p>
     </Modal.Main>
   );
 }
@@ -25,12 +26,30 @@ Open({ id: 123 });
 
 | API | Зачем |
 | --- | --- |
-| `Modal.Main` | окно + оверлей: `title`, `size`, `button`, `tabs`, `menu`, `shake`, `escape` |
-| `Modal.Panel` | без оверлея |
-| `Modal.Scroll` / `Center` / `Form` / `Column` / `List` | раскладка |
+| `Modal.Main` | окно + оверлей: `title`, `size`, `button`, `tabs`, `menu`, `shake`, `escape`, **`scroll`**, **`padding`** |
+| `Modal.Panel` | без оверлея (те же props) |
+| `Modal.Scroll` | редко: сырой layout или `padding={false}` внутри |
+| `Center` / `Form` / `Column` / `List` | раскладка |
 | `Modal.Close(name?)` | одно или все |
 | `Modal.Shake` | тряска |
 
+### Отступы (по умолчанию уже есть)
+
+Один токен **`--modal-padding`** (default `30px`) — шапка, тело, футер, Form, List.
+
+| Как | Пример |
+| --- | --- |
+| Тема на всё приложение | `--modal-padding: 24px` в `theme-*.css` |
+| Одно окно | `<Modal.Main padding="20px">` |
+| Без отступов тела | `padding={false}` |
+| Выключить авто-Scroll | `scroll={false}` |
+
+`Modal.Main` / `Panel` сами оборачивают children в `Modal.Scroll` с отступами.
+
+- Обычный контент — **не** пишите `Modal.Scroll`.
+- Единственный `Modal.List` или `Modal.Form` — без внешнего Scroll (свои отступы через тот же токен).
+- Если единственный ребёнок уже `Modal.Scroll` — второй раз не оборачиваем.
+
 `size`: `a` auto · `s` 400 · `m` 500 · `l` 800 · `x` 1000 · `f` full · `p` page (весь экран поверх страницы).  
 `escape` закрывает верхнее; клик по оверлею при `shake` (default true) трясёт, не закрывает; крестик закрывает всегда. Для `size="p"` обычно `shake={false}`.
 
@@ -58,3 +77,4 @@ Card.Open({ id: 1 }, { origin: event.currentTarget });
 - `key={Date.now()}` на модалке.
 - Без `Modal.Init`.
 - Нативные input внутри модалки — `@elcrm/form`.
+- Ручные `padding: 0` / пустой layout «в край» без нужды — дефолт уже с отступами.

package/templates/elcrm-docs/TOOLTIP.elCRM.md

@@ -16,9 +16,21 @@ import { Tooltip } from "@elcrm/tooltip";
 
 - `placement`: `top` \| `bottom` \| `left` \| `right` (не `orientation` — deprecated).
 - `delay` / `delayHide`, `disabled`, `textAlign`, `open` (отладка).
-- Токены `--tooltip-*` в теме.
+- Токены `--tooltip-*` в теме (см. ниже).
 - z-index сам: `acquireOverlayZIndex` вручную не нужен.
 
+## Токены темы
+
+Геометрия в `theme.css`: `--tooltip-radius`, `--tooltip-max-width`, `--tooltip-font-size`, `--tooltip-padding`, `--tooltip-gap`.
+
+Цвета в `theme-light.css` / `theme-dark.css`:
+
+- `--tooltip-bg` — фон пузыря **и стрелки**
+- `--tooltip-fg` — текст
+- `--tooltip-shadow`
+
+Пакет читает именно `bg` / `fg`. Имена `--tooltip-background` и `--tooltip-color` не работают.
+
 ## Нельзя
 
 - Атрибут `title` на контролах UI как единственная подсказка.

package/templates/orbit/web/src/style/theme.css

@@ -143,6 +143,7 @@
   --sidebar-item-padding: 6px 10px;
   --sidebar-icon-size: 16px;
   --sidebar-group-font-size: 11px;
+  --sidebar-indent: 14px;
   --pricing-card-min-width: 16rem;
   --pricing-table-label-width: 10rem;
   --chat-list-width: 340px;

package/templates/panel/web/src/style/theme.css

@@ -125,14 +125,14 @@
   --dropdown-max-height: 20rem;
 
   /* —— tooltip (@elcrm/tooltip: геометрия без цвета) —— */
-  --tooltip-radius: 10px;
+  --tooltip-radius: 8px;
   --tooltip-max-width: 280px;
   --tooltip-font-size: 13px;
-  --tooltip-padding: 8px 10px;
-  --tooltip-gap: 8px;
-  --tooltip-arrow-x: 0px;
-  --tooltip-arrow-y: 0px;
-  --tooltip-arrow-r: none;
+  --tooltip-padding-block: 6px;
+  --tooltip-padding-inline: 12px;
+  --tooltip-padding: var(--tooltip-padding-block) var(--tooltip-padding-inline);
+  --tooltip-gap: 10px;
+  --tooltip-arrow-offset: 0px;
 
   --card-pointer: auto;
   --stack-grid-min: 180px;
@@ -154,6 +154,7 @@
   --sidebar-item-padding: 6px 10px;
   --sidebar-icon-size: 16px;
   --sidebar-group-font-size: 11px;
+  --sidebar-indent: 14px;
   --pricing-card-min-width: 16rem;
   --pricing-table-label-width: 10rem;
   --chat-list-width: 340px;