elcrm 1.1.36 → 1.1.39

package/dist/vite/check-tokens.js

@@ -16,14 +16,14 @@ function checkThemeTokens(options) {
   const used = new Set;
   for (const file of listModuleCss(options.libDir)) {
     const css = readFileSync(file, "utf8");
-    for (const m of css.matchAll(/var\(\s*(--[a-z0-9-]+)\s*\)/gi)) {
+    for (const m of css.matchAll(/var\(\s*(--[a-zA-Z0-9-]+)/g)) {
       used.add(m[1]);
     }
   }
   const defined = new Set;
   for (const file of options.themeFiles) {
     const css = readFileSync(file, "utf8");
-    for (const m of css.matchAll(/(--[a-z0-9-]+)\s*:/gi)) {
+    for (const m of css.matchAll(/(--[a-zA-Z0-9-]+)\s*:/g)) {
       defined.add(m[1]);
     }
   }

package/package.json

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

package/templates/elcrm-cursor/rules/elcrm-lib.mdc

@@ -55,6 +55,15 @@ alwaysApply: true
 
 После правок CLI достаточно, чтобы в приложениях снова вызвали `elcrm docs` и `elcrm cursor` — они перезапишут `docs/` и `.cursor/`.
 
+**Токены и elUI** — не руками в elUI и не отдельный сервер:
+
+```bash
+# из elCRM.cli (или bun run docs:hub в пакете)
+elcrm hub          # collect → check → push в elUI
+```
+
+Автотаблица в шпаргалке (`<!-- elcrm-hub-tokens -->`) и `generated/tokens.json`. API/можно/нельзя по-прежнему писать руками в `templates/elcrm-docs/`.
+
 ## Чеклист по типу правки в `src/`
 
 ### 1. Публичный API (компонент, хук, функция, тип, props)

package/templates/elcrm-cursor/rules/elcrm-packages.mdc

@@ -10,6 +10,7 @@ alwaysApply: true
 - в проекте: `docs/*.elCRM.md`
 - копия для агента: `.cursor/docs/*.elCRM.md`
 - обновить оба: `elcrm docs && elcrm cursor`
+- источник шпаргалок: **elCRM.cli** (`elcrm hub` после смены токенов в пакетах)
 
 | Файл                     | Пакет                  | Делать так                                              |
 | ------------------------ | ---------------------- | ------------------------------------------------------- |
@@ -26,6 +27,7 @@ alwaysApply: true
 | `TOOLTIP.elCRM.md`       | `@elcrm/tooltip`       | `<Tooltip content>`, не `title`                         |
 | `ICONS.elCRM.md`         | `@elcrm/icons`         | `Icons.Line`, vite `icons()`, `icons update`            |
 | `FORM.elCRM.md`          | `@elcrm/form`          | поля + useForm, не native input                         |
+| `SEARCH.elCRM.md`        | `@elcrm/search`        | поиск; токены `--search-*`                              |
 | `COMPONENTS.elCRM.md`    | `@elcrm/components`    | Layout/Header/Sidebar/Popover/Dropdown; migrate components |
 | `SERVER.elCRM.md`        | `@elcrm/server`        | createServer + createRouter, не REST, не node:fs        |
 

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

@@ -24,3 +24,29 @@ const ok = await Alert.Confirm({ title: "Удалить?", icon: "warning" });
 - `window.alert` / `window.confirm`.
 - Несколько `Alert.Init`.
 - Нативные `<button>` в UI приложения, если это действие формы — `@elcrm/button`.
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/alert@0.1.1**. Не править руками.
+
+| Токен | Слой | Значение |
+| --- | --- | --- |
+| `--alert-background` | dark | `rgba(28, 28, 30, 0.95)` |
+| `--alert-button-bg` | dark | `transparent` |
+| `--alert-button-bg-hover` | dark | `rgba(255, 255, 255, 0.1)` |
+| `--alert-button-color` | dark | `#5ac8fa` |
+| `--alert-color` | dark | `#ffffff` |
+| `--alert-overlay` | dark | `rgba(0, 0, 0, 0.6)` |
+| `--alert-overlay-filter` | dark | `blur(4px)` |
+| `--alert-separator-color` | dark | `rgba(255, 255, 255, 0.1)` |
+| `--alert-shadow` | dark | `0 8px 32px rgba(0, 0, 0, 0.5)` |
+| `--alert-background` | light | `rgba(255, 255, 255, 0.95)` |
+| `--alert-button-bg` | light | `transparent` |
+| `--alert-button-bg-hover` | light | `rgba(0, 0, 0, 0.05)` |
+| `--alert-button-color` | light | `#1b6ac0` |
+| `--alert-color` | light | `#1a1a1a` |
+| `--alert-overlay` | light | `rgba(0, 0, 0, 0.4)` |
+| `--alert-overlay-filter` | light | `blur(4px)` |
+| `--alert-separator-color` | light | `rgba(0, 0, 0, 0.1)` |
+| `--alert-shadow` | light | `0 8px 32px rgba(0, 0, 0, 0.2)` |
+
+<!-- elcrm-hub-tokens:end -->

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

@@ -36,3 +36,10 @@ Side-fields рядом с `status`/`data`: `ssid` → storageKey, `url` → urlK
 - Путать URL: base уже с prefix (`/v1/` или `/api/`), путь RPC без лишнего `/api`.
 - Игнорировать logout/refresh — сессия сломается.
 - `createPasskey` из `@elcrm/passkey` — это другой пакет; HTTP passkey тоже через клиент/сервер passkey.
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/api@0.1.56**. Не править руками.
+
+_В пакете нет CSS-токенов (или только runtime var)._
+
+<!-- elcrm-hub-tokens:end -->

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

@@ -35,3 +35,10 @@ import { Button } from "@elcrm/button";
 - `size="sm"|"md"`.
 - `import "@elcrm/button/themes.css"` — нет такого файла; токены в theme приложения.
 - Хардкод цветов вместо `--button-*`.
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/button@1.2.0**. Не править руками.
+
+_В пакете нет CSS-токенов (или только runtime var)._
+
+<!-- elcrm-hub-tokens:end -->

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

@@ -18,7 +18,7 @@ elcrm cursor
 | # | Команда | Что делает |
 | --- | --- | --- |
 | 1 | `elcrm update --fix --test` | Обновляет глобальный `elcrm` + все `@elcrm/*` в `package.json` → install → **migrate front** (API/токены/css-sanitize) → внутри `--fix` ещё раз **sync CSS** → `elcrm test` |
-| 2 | `elcrm css` | Недостающие **цвета** → `theme-light` / `theme-dark`. Геометрию из пакетов с `tokens.css` **не** дублирует в `theme.css` (дефолты через `@import …/tokens.css`). **Не дописывает** `--button-*-shadow: none` и снимает такие строки. В `elcrm.css`: **добавляет** рабочие `@import`, **удаляет битые**. Затем css-sanitize |
+| 2 | `elcrm css` | Недостающие **цвета** → `theme-light` / `theme-dark`. Геометрию из пакетов с `tokens.css` **не** дублирует в `theme.css` (дефолты через `@import …/tokens.css`). `--button-*-shadow` **синкается** как геометрия (`@elcrm/button@1.2+` без fallback). В `elcrm.css`: **добавляет** рабочие `@import`, **удаляет битые**. Затем css-sanitize. `--check` — покрытие `var(--*)` без записи |
 | 3 | `elcrm docs` | Перезаписывает `docs/*.elCRM.md` (шпаргалки пакетов) |
 | 4 | `elcrm cursor` | `.cursor/rules` + `.cursor/docs` + `AGENTS.md` для агента |
 
@@ -44,10 +44,31 @@ elcrm update --test          # + elcrm test (обычно вместе: --fix --
 ```bash
 elcrm css                    # токены + починка elcrm.css
 elcrm css --dry
+elcrm css --check            # пробелы var(--*) → exit 1
 elcrm css --dir=./web        # panel: web/
 ```
 
-Почему Vite ругался на `@elcrm/search/light.css`: в `elcrm.css` остался `@import`, а в **установленном** `@elcrm/search@0.1.4` нет export `./light.css`. Раньше `css` только добавлял imports — теперь **снимает** такие строки. Лечение: `elcrm css` (или `update --fix`).
+### Автообновление токенов
+
+После `bun update` / смены `@elcrm/*` в **приложении**:
+
+```bash
+elcrm css              # дописать токены + @import
+elcrm css --check      # CI: пробелы → exit 1
+elcrm doctor           # migrate + css
+elcrm update --fix    # обновить пакеты + doctor
+```
+
+После правки **самого пакета** `@elcrm/*` (не отдельный docs-сервер):
+
+```bash
+cd ../elCRM.cli
+elcrm hub              # токены → шпаргалки CLI → elUI.web/docs/elcrm
+elcrm docs && elcrm cursor   # в приложении
+```
+
+В panel-шаблоне: `bun run css` / `bun run css:check`.
+
 
 ### `docs` / `cursor` — шпаргалки
 

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

@@ -84,7 +84,7 @@ import type { PricingPlan, HealthmapData, NavTreeItem } from "@elcrm/components"
 
 ## Меню
 
-- **Menu** — inline-навигация в шапке. `items` + `value` / `defaultValue` + `onValueChange`. `badge` (`0` скрыт). `variant="line"` — вкладки с чертой снизу.
+- **Menu** — inline-навигация в шапке. `items` + `value` / `defaultValue` + `onValueChange`. `badge` (`0` скрыт). `ariaLabel` — подпись для скринридера, если `label` — иконка. `variant="line"` — вкладки с чертой снизу.
 - **Dropdown** — выпадающее меню по `items`/`groups` (portal) + `onValueChange`. `placement="auto"|"top"|"bottom"`. `size` — высота триггера; в `Toolbar` берётся сам. `item.submenu` — только шеврон (намёк); вложенное меню — снаружи.
 - **Popover** — свой попап в portal (якорь + `children`). По умолчанию **без** `role="menu"`; меню пунктов — `Dropdown` (`role="menu"`). ARIA на триггере. z-index: `acquireOverlayZIndex`. Канон `trigger={(api) => …}`.
 - **Breadcrumb** — `items` + `separator` / `collapseAfter`. `item.dropdown` — только ↕-намёк; меню — обернуть в `Dropdown`.
@@ -107,6 +107,7 @@ import type { PricingPlan, HealthmapData, NavTreeItem } from "@elcrm/components"
 
 - `--layout-height` — высота каркаса `Layout` при `fixed` (по умолчанию `100dvh`).
 - `--layout-padding` / `--layout-margin` / `--layout-max-width` — отступы и макс. ширина корня Layout (`0` / `none` = на весь вьюпорт).
+- `--layout-main-padding` — padding у `<main>` (`.slm`): сверху/снизу между шапкой и контентом (`0` по умолчанию; например `16px 0`).
 - `--header-border` — рамка Header (shorthand: все стороны и толщина). Только снизу: `none` + линия через `--header-shadow`.
 - `--header-nav-justify` — выравнивание `nav` в шапке (`flex-start` / `center` / `flex-end`).
 - `<Toolbar size="s" width="l" align="start">` — один размер для Search / `*Field` / Button / Dropdown. `width="s"` — ряд по контенту. Свой `size` у ребёнка важнее.
@@ -141,3 +142,217 @@ elcrm cursor
 ```
 
 Пилюля: `elcrm migrate components` (также внутри `migrate front` / `update --fix`).
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/components@0.5.3**. Не править руками.
+
+| Токен | Слой | Значение |
+| --- | --- | --- |
+| `--avatar-background` | dark | `var(--shell-color-accent)` |
+| `--avatar-border` | dark | `1px solid var(--shell-border)` |
+| `--avatar-color` | dark | `var(--button-primary-fg)` |
+| `--avatar-name-description-color` | dark | `var(--shell-color-muted)` |
+| `--avatar-name-title-color` | dark | `var(--shell-color)` |
+| `--avatar-outline-active` | dark | `2px solid color-mix(in srgb, var(--accent) 70%, white)` |
+| `--banner-bg` | dark | `color-mix(in srgb, var(--shell-color-accent) 8%, var(--shell-bg))` |
+| `--banner-border` | dark | `color-mix(in srgb, var(--shell-color-accent) 35%, var(--shell-border))` |
+| `--chat-background` | dark | `var(--shell-background)` |
+| `--chat-border` | dark | `1px solid var(--shell-border)` |
+| `--code-block-bg` | dark | `var(--shell-background)` |
+| `--header-border` | dark | `1px solid var(--shell-border)` |
+| `--header-shadow` | dark | `none` |
+| `--healthmap-l1` | dark | `color-mix(in srgb, var(--shell-color-success) 25%, var(--shell-background-muted))` |
+| `--healthmap-l2` | dark | `color-mix(in srgb, var(--shell-color-success) 45%, transparent)` |
+| `--healthmap-l3` | dark | `color-mix(in srgb, var(--shell-color-success) 70%, transparent)` |
+| `--layout-main-background` | dark | `transparent` |
+| `--layout-main-border` | dark | `none` |
+| `--layout-main-shadow` | dark | `none` |
+| `--panel-info-backdrop` | dark | `color-mix(in srgb, var(--shell-color) 35%, transparent)` |
+| `--shell-background` | dark | `var(--panel)` |
+| `--shell-background-hover` | dark | `color-mix(in srgb, var(--text) 8%, transparent)` |
+| `--shell-background-muted` | dark | `var(--bg)` |
+| `--shell-background-selected` | dark | `color-mix(in srgb, var(--accent) 14%, transparent)` |
+| `--shell-bg` | dark | `var(--shell-background-muted)` |
+| `--shell-border` | dark | `var(--line)` |
+| `--shell-color` | dark | `var(--text)` |
+| `--shell-color-accent` | dark | `var(--accent)` |
+| `--shell-color-danger` | dark | `var(--danger)` |
+| `--shell-color-muted` | dark | `var(--muted)` |
+| `--shell-color-success` | dark | `var(--success)` |
+| `--shell-color-warning` | dark | `var(--warning)` |
+| `--shell-shadow` | dark | `var(--shadow)` |
+| `--sidebar-account-danger-hover` | dark | `color-mix( in srgb, var(--shell-color-danger) 14%, transparent )` |
+| `--sidebar-account-menu-bg` | dark | `var(--shell-background)` |
+| `--sidebar-account-menu-border` | dark | `var(--shell-border)` |
+| `--sidebar-account-menu-color` | dark | `var(--shell-color)` |
+| `--sidebar-account-menu-shadow` | dark | `var(--popup-shadow, var(--shell-shadow))` |
+| `--sidebar-block-bg` | dark | `var(--shell-background)` |
+| `--sidebar-block-border` | dark | `var(--shell-border)` |
+| `--sidebar-block-shadow` | dark | `none` |
+| `--sidebar-item-active-bg` | dark | `var(--shell-background-selected)` |
+| `--split-handle-bg` | dark | `var(--shell-border)` |
+| `--split-handle-bg-hover` | dark | `color-mix( in srgb, var(--shell-color-accent) 25%, var(--shell-border) )` |
+| `--table-head-background` | dark | `var(--shell-background)` |
+| `--action-group-gap` | geometry | `var(--shell-gap-sm)` |
+| `--avatar-font-size-l` | geometry | `0.95rem` |
+| `--avatar-font-size-m` | geometry | `0.7rem` |
+| `--avatar-font-size-s` | geometry | `0.6rem` |
+| `--avatar-font-weight` | geometry | `700` |
+| `--avatar-group-overlap` | geometry | `-0.4rem` |
+| `--avatar-group-ring` | geometry | `2px` |
+| `--avatar-outline-offset` | geometry | `0` |
+| `--avatar-radius` | geometry | `999px` |
+| `--avatar-size-l` | geometry | `2.75rem` |
+| `--avatar-size-m` | geometry | `2rem` |
+| `--avatar-size-s` | geometry | `1.5rem` |
+| `--banner-padding` | geometry | `0.55rem 0.85rem` |
+| `--card-pointer` | geometry | `auto` |
+| `--chat-body-padding` | geometry | `0` |
+| `--chat-footer-padding` | geometry | `var(--shell-gap)` |
+| `--chat-header-padding` | geometry | `var(--shell-gap)` |
+| `--chat-list-width` | geometry | `340px` |
+| `--chat-messages-body-padding` | geometry | `16px 16px 20px` |
+| `--chat-messages-footer-padding` | geometry | `10px 12px 12px` |
+| `--chat-messages-header-padding` | geometry | `14px 16px` |
+| `--chat-radius` | geometry | `var(--shell-radius)` |
+| `--chat-split-gap` | geometry | `var(--shell-gap-lg)` |
+| `--code-block-bar-padding` | geometry | `0.4rem 0.75rem` |
+| `--code-block-font-family` | geometry | `ui-monospace, SFMono-Regular, Menlo, monospace` |
+| `--code-block-font-size` | geometry | `0.8rem` |
+| `--code-block-line-height` | geometry | `1.55` |
+| `--code-block-padding` | geometry | `0.85rem 1rem` |
+| `--control-font-size-s` | geometry | `0.8125rem` |
+| `--dropdown-max-height` | geometry | `20rem` |
+| `--dropdown-max-width` | geometry | `20rem` |
+| `--dropdown-min-width` | geometry | `12rem` |
+| `--empty-max-width` | geometry | `36rem` |
+| `--empty-padding` | geometry | `2rem` |
+| `--header-height` | geometry | `52px` |
+| `--header-margin` | geometry | `0` |
+| `--header-nav-justify` | geometry | `flex-start` |
+| `--header-radius` | geometry | `var(--shell-radius)` |
+| `--header-z` | geometry | `30` |
+| `--healthmap-cell` | geometry | `12px` |
+| `--healthmap-gap` | geometry | `3px` |
+| `--healthmap-l0` | geometry | `var(--shell-background-muted)` |
+| `--healthmap-l4` | geometry | `var(--shell-color-success)` |
+| `--item-column-gap` | geometry | `var(--shell-gap)` |
+| `--item-column-icon-radius` | geometry | `var(--avatar-radius)` |
+| `--item-column-icon-size` | geometry | `40px` |
+| `--item-column-meta-size` | geometry | `var(--shell-font-size-sm)` |
+| `--item-column-title-line` | geometry | `1.3` |
+| `--item-column-title-size` | geometry | `var(--shell-font-size)` |
+| `--layout-gap` | geometry | `0` |
+| `--layout-height` | geometry | `100dvh` |
+| `--layout-main-padding` | geometry | `0` |
+| `--layout-main-radius` | geometry | `0` |
+| `--layout-margin` | geometry | `0` |
+| `--layout-max-width` | geometry | `none` |
+| `--layout-padding` | geometry | `0` |
+| `--loading-min-height` | geometry | `min(50vh, 24rem)` |
+| `--nav-sections-main-max-width` | geometry | `720px` |
+| `--nav-sections-nav-width` | geometry | `220px` |
+| `--nav-sections-padding` | geometry | `var(--section-padding)` |
+| `--panel-info-overlay-max` | geometry | `24rem` |
+| `--panel-info-width` | geometry | `min(22rem, 42vw)` |
+| `--panel-info-width-min` | geometry | `16rem` |
+| `--pricing-card-min-width` | geometry | `16rem` |
+| `--pricing-table-label-width` | geometry | `10rem` |
+| `--section-auth-card-max-width` | geometry | `22rem` |
+| `--section-padding` | geometry | `1.5rem 1.75rem 2.5rem` |
+| `--section-title-size` | geometry | `1.5rem` |
+| `--section-title-size-md` | geometry | `1.25rem` |
+| `--shell-check-size` | geometry | `18px` |
+| `--shell-disabled-opacity` | geometry | `0.55` |
+| `--shell-font-size` | geometry | `var(--control-font-size)` |
+| `--shell-font-size-lg` | geometry | `18px` |
+| `--shell-font-size-sm` | geometry | `13px` |
+| `--shell-font-weight` | geometry | `600` |
+| `--shell-gap` | geometry | `12px` |
+| `--shell-gap-lg` | geometry | `16px` |
+| `--shell-gap-sm` | geometry | `8px` |
+| `--shell-icon-size` | geometry | `20px` |
+| `--shell-padding` | geometry | `var(--shell-padding-block) var(--shell-padding-inline)` |
+| `--shell-padding-block` | geometry | `10px` |
+| `--shell-padding-inline` | geometry | `14px` |
+| `--shell-radius` | geometry | `var(--control-radius)` |
+| `--shell-status-size` | geometry | `10px` |
+| `--shell-z` | geometry | `var(--elcrm-z-popover, 1000)` |
+| `--sidebar-account-chip-gap` | geometry | `10px` |
+| `--sidebar-account-chip-padding` | geometry | `8px` |
+| `--sidebar-account-chip-radius` | geometry | `14px` |
+| `--sidebar-account-item-gap` | geometry | `12px` |
+| `--sidebar-account-item-hover` | geometry | `var(--shell-background-hover)` |
+| `--sidebar-account-item-icon` | geometry | `var(--shell-color-muted)` |
+| `--sidebar-account-item-padding` | geometry | `10px 12px` |
+| `--sidebar-account-item-radius` | geometry | `12px` |
+| `--sidebar-account-menu-padding` | geometry | `6px` |
+| `--sidebar-account-menu-radius` | geometry | `18px` |
+| `--sidebar-block-radius` | geometry | `14px` |
+| `--sidebar-group-font-size` | geometry | `11px` |
+| `--sidebar-icon-active` | geometry | `var(--shell-color-accent)` |
+| `--sidebar-icon-size` | geometry | `16px` |
+| `--sidebar-indent` | geometry | `14px` |
+| `--sidebar-item-active` | geometry | `var(--shell-color)` |
+| `--sidebar-item-font-size` | geometry | `var(--shell-font-size-sm)` |
+| `--sidebar-item-padding` | geometry | `6px 10px` |
+| `--sidebar-pad-x` | geometry | `var(--shell-gap)` |
+| `--sidebar-pad-y` | geometry | `var(--shell-gap-lg)` |
+| `--sidebar-width` | geometry | `248px` |
+| `--split-handle-size` | geometry | `6px` |
+| `--stack-columns-template` | geometry | `minmax(0, 1fr)` |
+| `--stack-grid-min` | geometry | `180px` |
+| `--stat-value-size` | geometry | `1.75rem` |
+| `--table-cell-padding` | geometry | `0.55rem 0.7rem` |
+| `--table-code-font-size` | geometry | `0.8rem` |
+| `--table-font-size` | geometry | `0.9rem` |
+| `--table-head-font-size` | geometry | `0.75rem` |
+| `--table-max-height` | geometry | `none` |
+| `--toolbar-gap` | geometry | `var(--shell-gap-sm)` |
+| `--avatar-background` | light | `var(--shell-color-accent)` |
+| `--avatar-border` | light | `1px solid var(--shell-border)` |
+| `--avatar-color` | light | `var(--button-primary-fg)` |
+| `--avatar-name-description-color` | light | `var(--shell-color-muted)` |
+| `--avatar-name-title-color` | light | `var(--shell-color)` |
+| `--avatar-outline-active` | light | `2px solid color-mix(in srgb, var(--accent) 70%, white)` |
+| `--banner-bg` | light | `color-mix(in srgb, var(--shell-color-accent) 8%, var(--shell-bg))` |
+| `--banner-border` | light | `color-mix(in srgb, var(--shell-color-accent) 35%, var(--shell-border))` |
+| `--chat-background` | light | `var(--shell-background)` |
+| `--chat-border` | light | `1px solid var(--shell-border)` |
+| `--code-block-bg` | light | `var(--shell-background)` |
+| `--header-border` | light | `1px solid var(--shell-border)` |
+| `--header-shadow` | light | `none` |
+| `--healthmap-l1` | light | `color-mix(in srgb, var(--shell-color-success) 25%, var(--shell-background-muted))` |
+| `--healthmap-l2` | light | `color-mix(in srgb, var(--shell-color-success) 45%, transparent)` |
+| `--healthmap-l3` | light | `color-mix(in srgb, var(--shell-color-success) 70%, transparent)` |
+| `--layout-main-background` | light | `transparent` |
+| `--layout-main-border` | light | `none` |
+| `--layout-main-shadow` | light | `none` |
+| `--panel-info-backdrop` | light | `color-mix(in srgb, var(--shell-color) 35%, transparent)` |
+| `--shell-background` | light | `var(--panel)` |
+| `--shell-background-hover` | light | `color-mix(in srgb, var(--text) 6%, transparent)` |
+| `--shell-background-muted` | light | `var(--bg)` |
+| `--shell-background-selected` | light | `color-mix(in srgb, var(--accent) 10%, transparent)` |
+| `--shell-bg` | light | `var(--shell-background-muted)` |
+| `--shell-border` | light | `var(--line)` |
+| `--shell-color` | light | `var(--text)` |
+| `--shell-color-accent` | light | `var(--accent)` |
+| `--shell-color-danger` | light | `var(--danger)` |
+| `--shell-color-muted` | light | `var(--muted)` |
+| `--shell-color-success` | light | `var(--success)` |
+| `--shell-color-warning` | light | `var(--warning)` |
+| `--shell-shadow` | light | `var(--shadow)` |
+| `--sidebar-account-danger-hover` | light | `color-mix( in srgb, var(--shell-color-danger) 12%, transparent )` |
+| `--sidebar-account-menu-bg` | light | `var(--shell-background)` |
+| `--sidebar-account-menu-border` | light | `var(--shell-border)` |
+| `--sidebar-account-menu-color` | light | `var(--shell-color)` |
+| `--sidebar-account-menu-shadow` | light | `var(--popup-shadow, var(--shell-shadow))` |
+| `--sidebar-block-bg` | light | `var(--shell-background)` |
+| `--sidebar-block-border` | light | `var(--shell-border)` |
+| `--sidebar-block-shadow` | light | `none` |
+| `--sidebar-item-active-bg` | light | `var(--shell-background-selected)` |
+| `--split-handle-bg` | light | `var(--shell-border)` |
+| `--split-handle-bg-hover` | light | `color-mix( in srgb, var(--shell-color-accent) 25%, var(--shell-border) )` |
+| `--table-head-background` | light | `var(--shell-background)` |
+
+<!-- elcrm-hub-tokens:end -->

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

@@ -54,3 +54,143 @@ const form = useForm({ login: "", password: "" });
 - Серверные пакеты `@elcrm/db|jwt|cron|tb` на фронте.
 
 Подпути (tree-shake): `@elcrm/form/fields/Date`, `@elcrm/form/hooks/use`.
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/form@0.1.20**. Не править руками.
+
+| Токен | Слой | Значение |
+| --- | --- | --- |
+| `--field-background` | dark | `#1c1c1e` |
+| `--field-background-active` | dark | `#8e8e93` |
+| `--field-background-disabled` | dark | `#2c2c2e` |
+| `--field-background-focus` | dark | `rgba(255, 255, 255, 0.06)` |
+| `--field-border` | dark | `0px solid #38383a` |
+| `--field-border-disabled` | dark | `#48484a` |
+| `--field-border-focus` | dark | `#636366` |
+| `--field-border-hover` | dark | `#48484a` |
+| `--field-check-box-border` | dark | `2px solid #8e8e93` |
+| `--field-color` | dark | `#ffffff` |
+| `--field-color-disabled` | dark | `#636366` |
+| `--field-drag-border` | dark | `2px dashed #48484a` |
+| `--field-drag-border-hover` | dark | `#8e8e93` |
+| `--field-error-background` | dark | `rgba(255, 69, 58, 0.15)` |
+| `--field-error-border` | dark | `#ff453a` |
+| `--field-error-color` | dark | `#ff6961` |
+| `--field-focus-ring` | dark | `rgba(235, 235, 245, 0.22)` |
+| `--field-focus-shadow` | dark | `0 0 0 3px var(--field-focus-ring)` |
+| `--field-icon-color` | dark | `#8e8e93` |
+| `--field-label-color` | dark | `#aeaeb2` |
+| `--field-placeholder` | dark | `#8e8e93` |
+| `--field-range-fill` | dark | `#30d158` |
+| `--field-range-thumb` | dark | `#e4e4e7` |
+| `--field-range-track` | dark | `#39393d` |
+| `--field-selection-bg` | dark | `rgba(235, 235, 245, 0.18)` |
+| `--field-selection-color` | dark | `#ffffff` |
+| `--field-tabs-active-bg` | dark | `rgba(255, 255, 255, 0.12)` |
+| `--field-tabs-color` | dark | `#8e8e93` |
+| `--field-tabs-color-active` | dark | `#ffffff` |
+| `--field-tabs-divider` | dark | `1px solid #48484a` |
+| `--popup-shadow` | dark | `0 6px 24px 0 #00000040` |
+| `--select-background` | dark | `#2c2c2e` |
+| `--select-color` | dark | `#ffffff` |
+| `--select-li-focus-bg` | dark | `#48484a` |
+| `--select-li-hover-bg` | dark | `#3a3a3c` |
+| `--select-li-selected-bg` | dark | `#48484a` |
+| `--select-overlay` | dark | `transparent` |
+| `--select-separator` | dark | `1px solid #48484a` |
+| `--color-picker-handle` | geometry | `14px` |
+| `--color-picker-input-radius` | geometry | `5px` |
+| `--color-picker-pad` | geometry | `10px` |
+| `--color-picker-radius` | geometry | `16px` |
+| `--color-picker-swatch` | geometry | `20px` |
+| `--color-picker-width` | geometry | `260px` |
+| `--control-font-size` | geometry | `17px` |
+| `--control-height` | geometry | `44px` |
+| `--control-height-l` | geometry | `48px` |
+| `--control-height-m` | geometry | `var(--control-height)` |
+| `--control-height-s` | geometry | `32px` |
+| `--control-radius` | geometry | `12px` |
+| `--date-popup-cell-radius` | geometry | `5px` |
+| `--date-popup-min-width` | geometry | `259px` |
+| `--date-popup-padding` | geometry | `10px 12px 12px` |
+| `--date-popup-radius` | geometry | `10px` |
+| `--date-popup-row-height` | geometry | `34px` |
+| `--elcrm-z-popover` | geometry | `1000` |
+| `--elcrm-z-popover-front` | geometry | `1001` |
+| `--field-block-gap` | geometry | `0` |
+| `--field-check-size` | geometry | `22px` |
+| `--field-code-gap` | geometry | `8px` |
+| `--field-code-size` | geometry | `var(--field-height)` |
+| `--field-drag-min-height` | geometry | `88px` |
+| `--field-error-gap` | geometry | `6px` |
+| `--field-error-size` | geometry | `12px` |
+| `--field-group-gap` | geometry | `12px` |
+| `--field-height` | geometry | `var(--control-height)` |
+| `--field-icon-gap` | geometry | `10px` |
+| `--field-icon-size` | geometry | `20px` |
+| `--field-label-gap` | geometry | `10px` |
+| `--field-label-size` | geometry | `14px` |
+| `--field-note-height` | geometry | `100px` |
+| `--field-note-line-height` | geometry | `1.5` |
+| `--field-padding` | geometry | `var(--field-padding-block) var(--field-padding-inline)` |
+| `--field-padding-block` | geometry | `calc(var(--field-height) * 0.18)` |
+| `--field-padding-inline` | geometry | `calc(var(--field-height) * 0.32)` |
+| `--field-radio-size` | geometry | `20px` |
+| `--field-radius` | geometry | `var(--control-radius)` |
+| `--field-range-bar-height` | geometry | `14px` |
+| `--field-range-line-height` | geometry | `2px` |
+| `--field-range-thumb-size` | geometry | `12px` |
+| `--field-rating-size` | geometry | `22px` |
+| `--field-search-expand-min` | geometry | `180px` |
+| `--field-search-list-max-height` | geometry | `240px` |
+| `--field-search-min-width` | geometry | `200px` |
+| `--field-tabs-gap` | geometry | `4px` |
+| `--field-tabs-item-padding` | geometry | `4px 12px` |
+| `--field-tabs-item-radius` | geometry | `var(--field-radius)` |
+| `--field-tabs-padding` | geometry | `4px` |
+| `--field-tabs-radius` | geometry | `var(--field-radius)` |
+| `--field-width` | geometry | `100%` |
+| `--select-font-size` | geometry | `var(--control-font-size)` |
+| `--select-height` | geometry | `var(--field-height)` |
+| `--select-max-height` | geometry | `300px` |
+| `--select-radius` | geometry | `20px` |
+| `--field-background` | light | `#ffffff` |
+| `--field-background-active` | light | `#636366` |
+| `--field-background-disabled` | light | `#f2f2f7` |
+| `--field-background-focus` | light | `rgba(0, 0, 0, 0.04)` |
+| `--field-border` | light | `0px solid #c6c6c8` |
+| `--field-border-disabled` | light | `#d1d1d6` |
+| `--field-border-focus` | light | `#8e8e93` |
+| `--field-border-hover` | light | `#aeaeb2` |
+| `--field-check-box-border` | light | `2px solid #636366` |
+| `--field-color` | light | `#000000` |
+| `--field-color-disabled` | light | `#c7c7cc` |
+| `--field-drag-border` | light | `2px dashed #c7c7cc` |
+| `--field-drag-border-hover` | light | `#8e8e93` |
+| `--field-error-background` | light | `rgba(255, 59, 48, 0.12)` |
+| `--field-error-border` | light | `#ff3b30` |
+| `--field-error-color` | light | `#d70015` |
+| `--field-focus-ring` | light | `rgba(0, 0, 0, 0.12)` |
+| `--field-focus-shadow` | light | `0 0 0 3px var(--field-focus-ring)` |
+| `--field-icon-color` | light | `#8e8e93` |
+| `--field-label-color` | light | `#636366` |
+| `--field-placeholder` | light | `#8e8e93` |
+| `--field-range-fill` | light | `#34c759` |
+| `--field-range-thumb` | light | `#000000` |
+| `--field-range-track` | light | `#e9e9eb` |
+| `--field-selection-bg` | light | `rgba(0, 0, 0, 0.12)` |
+| `--field-selection-color` | light | `inherit` |
+| `--field-tabs-active-bg` | light | `rgba(0, 0, 0, 0.08)` |
+| `--field-tabs-color` | light | `#8e8e93` |
+| `--field-tabs-color-active` | light | `#000000` |
+| `--field-tabs-divider` | light | `1px solid #c6c6c8` |
+| `--popup-shadow` | light | `0 6px 24px 0 #00000040` |
+| `--select-background` | light | `#ffffff` |
+| `--select-color` | light | `#000000` |
+| `--select-li-focus-bg` | light | `#e5e5ea` |
+| `--select-li-hover-bg` | light | `#f2f2f7` |
+| `--select-li-selected-bg` | light | `#e5e5ea` |
+| `--select-overlay` | light | `transparent` |
+| `--select-separator` | light | `1px solid #c6c6c8` |
+
+<!-- elcrm-hub-tokens:end -->

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

@@ -40,3 +40,10 @@ import { Icons } from "@elcrm/icons";
 - Импортировать локальный `./Icons`, если уже `@elcrm/icons` (см. `icons migrate`).
 
 Формат `file`: `import { Icons } from "./icons.generated"` — standalone, без vite-плагина.
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/icons@0.1.5**. Не править руками.
+
+_В пакете нет CSS-токенов (или только runtime var)._
+
+<!-- elcrm-hub-tokens:end -->

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

@@ -78,3 +78,10 @@ Card.Open({ id: 1 }, { origin: event.currentTarget });
 - Без `Modal.Init`.
 - Нативные input внутри модалки — `@elcrm/form`.
 - Ручные `padding: 0` / пустой layout «в край» без нужды — дефолт уже с отступами.
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/modal@0.0.42**. Не править руками.
+
+_В пакете нет CSS-токенов (или только runtime var)._
+
+<!-- elcrm-hub-tokens:end -->

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

@@ -16,6 +16,48 @@ Notice.Close(id);
 Notice.CloseAll();
 ```
 
+## CSS (обязательно)
+
+В `elcrm.css` (или вручную):
+
+```css
+@import "@elcrm/notice/style.css";
+@import "@elcrm/notice/tokens.css"; /* геометрия + --elcrm-z-notice */
+@import "@elcrm/notice/light.css";
+@import "@elcrm/notice/dark.css";
+```
+
+`elcrm css` допишет недостающие `@import` и цвета в `theme-light` / `theme-dark`. Геометрию из `tokens.css` **не** дублирует в `theme.css`.
+
+Тема: `data-theme="light"|"dark"` на **`html` или `body`** (пакет слушает оба).
+
+### Геометрия (`tokens.css` / `:root`)
+
+| Токен | Назначение |
+| --- | --- |
+| `--notice-inset` | `inset` контейнера (`20px 20px auto auto` = top-right) |
+| `--notice-width` | ширина карточки (`clamp(280px, 92vw, 360px)`) |
+| `--notice-height` | высота (`auto`) |
+| `--notice-radius` | радиус |
+| `--notice-family` | шрифт |
+| `--notice-filter` | backdrop-filter blur |
+| `--elcrm-z-notice` | z-index слоя тостов (дефолт `1000`) |
+
+`Notice.Init position="…"` переопределяет только `--notice-inset`.
+
+### Цвета (`light.css` / `dark.css`)
+
+| Токен | Назначение |
+| --- | --- |
+| `--notice-background` | фон карточки |
+| `--notice-border` | рамка |
+| `--notice-color` | текст |
+| `--notice-error` / `--success` / `--remark` / `--copy` / `--undo` | акцент типа |
+
+Стили в `@layer elcrm-notice`. Не импортировать устаревший `themes.css`.
+
+Проверка покрытия: `elcrm css --check`.
+
 ## Можно
 
 - `Init`: `durationMs` (≥100), `maxVisible`, `pauseOnHover`, `undoLabel`, `icon` (false = палочка), `position`, `titles`.
@@ -29,3 +71,34 @@ Notice.CloseAll();
 - Несколько Init.
 - `alert()` вместо тоста для немодальных сообщений (модальный вопрос — `@elcrm/alert`).
 - `import "@elcrm/notice/themes.css"`.
+
+<!-- elcrm-hub-tokens:start -->
+Автотаблица: `elcrm hub collect` · **@elcrm/notice@0.1.8**. Не править руками.
+
+| Токен | Слой | Значение |
+| --- | --- | --- |
+| `--notice-background` | dark | `rgba(45, 45, 45, 0.95)` |
+| `--notice-border` | dark | `transparent` |
+| `--notice-color` | dark | `#e0e0e0` |
+| `--notice-copy` | dark | `#5c6bc0` |
+| `--notice-error` | dark | `#ff6b6b` |
+| `--notice-remark` | dark | `#ff9800` |
+| `--notice-success` | dark | `#4caf50` |
+| `--notice-undo` | dark | `#7986cb` |
+| `--elcrm-z-notice` | geometry | `1000` |
+| `--notice-family` | geometry | `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif` |
+| `--notice-filter` | geometry | `blur(5px)` |
+| `--notice-height` | geometry | `auto` |
+| `--notice-inset` | geometry | `20px 20px auto auto` |
+| `--notice-radius` | geometry | `20px` |
+| `--notice-width` | geometry | `clamp(280px, 92vw, 360px)` |
+| `--notice-background` | light | `rgba(255, 255, 255, 0.95)` |
+| `--notice-border` | light | `transparent` |
+| `--notice-color` | light | `#333333` |
+| `--notice-copy` | light | `#3f51b5` |
+| `--notice-error` | light | `#bb2014` |
+| `--notice-remark` | light | `#b77513` |
+| `--notice-success` | light | `#367738` |
+| `--notice-undo` | light | `#5c6bc0` |
+
+<!-- elcrm-hub-tokens:end -->