@elcrm/components 0.2.13 → 0.2.14

package/README.md

@@ -33,6 +33,7 @@ import {
   ActionGroup,
   Toolbar,
   TextGroup,
+  Text,
   Stat,
   Stack,
   Menu,
@@ -115,12 +116,13 @@ import { RadioGroup } from "@elcrm/components/RadioGroup";
 | **ActionGroup**        | Ряд иконок в карточке            | `label`, `items` и/или `children`                                                      |
 | **Toolbar**            | Фильтры одной высоты             | `size`, `width` (`l` = 100%, `s` = по контенту), `align`, `label`, `children`          |
 | **TextGroup**          | Title + description              | `title`, `description`, `size`                                                         |
+| **Text**               | Короткий текст                   | `tone` (`default`/`muted`), `as`                                                       |
 | **ItemColumn**         | Иконка + столбик в Item          | `icon`, `title`, `extra`, `aside`, `description`, `footer` / `meta`, `unread`          |
 | **Stat**               | Карточка-метрика                 | `label`, `value`, `tone`, `labelMuted`                                                 |
 | **List** / **Item**    | Список и строка                  | List: `row`; Item: `as`, `active`, `variant` (`plain`/`card`)                          |
 | **Stack**              | Ряд / колонка / сетка            | `direction`, `columns` (N или `["1fr", "100px"]`), `gap`                               |
-| **Loading**            | Плейсхолдер загрузки             | `children`                                                                             |
-| **EmptyState**         | Заглушка «нет данных»            | `title`, `description`, `icon`, `actions`                                              |
+| **Loading**            | Плейсхолдер загрузки             | `children`; `--loading-min-height`                                                     |
+| **EmptyState**         | Пустой / ошибка                  | `title`, `description`, `icon`, `actions`; `--empty-*`                                 |
 | **createLazyResolver** | Кэш `import()` секций            | `(key) => import(…)`                                                                   |
 
 Слоты `Header` заполняет приложение: поиск — `@elcrm/search`, кнопки — `@elcrm/button`, и т.д.
@@ -774,6 +776,8 @@ const resolve = createLazyResolver(
 --code-block-bg / --code-block-padding / --code-block-font-size
 --split-handle-size / --split-handle-bg / --split-handle-bg-hover
 --banner-padding / --banner-bg / --banner-border
+--loading-min-height
+--empty-max-width / --empty-padding
 --panel-info-width / --panel-info-width-min / --panel-info-overlay-max / --panel-info-backdrop
 --row-gap / --column-gap
 --popup-shadow

package/dist/EmptyState.css

@@ -1 +1 @@
-@layer elcrm-components{.cpr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--shell-gap);padding:var(--shell-padding);text-align:center;color:var(--shell-color-muted)}.cpi{display:flex;margin-bottom:var(--shell-gap-sm);color:var(--shell-color-muted)}.cpt{margin:0;font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cpd{margin:0;max-width:22rem;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.cpa{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);justify-content:center;margin-top:var(--shell-gap)}}
+@layer elcrm-components{.cpr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--shell-gap);padding:var(--empty-padding);max-width:var(--empty-max-width);margin-inline:auto;text-align:center;color:var(--shell-color-muted)}.cpi{display:flex;margin-bottom:var(--shell-gap-sm);color:var(--shell-color-muted)}.cpt{margin:0;font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cpd{margin:0;max-width:22rem;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.cpa{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);justify-content:center;margin-top:var(--shell-gap)}}

package/dist/EmptyState.d.ts

@@ -14,7 +14,7 @@ import { default as React } from 'react';
  * />
  * ```
  *
- * Токены: `--shell-*`.
+ * Токены: `--shell-*`, `--empty-max-width`, `--empty-padding`.
  */
 export type EmptyStateProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Заголовок заглушки */

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:cgk .7s linear infinite}}@keyframes cgk{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);min-height:var(--loading-min-height);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/Loading.d.ts

@@ -10,7 +10,7 @@ import { default as React } from 'react';
  * {isLoading ? <Loading>Загружаем клиентов…</Loading> : <List>…</List>}
  * ```
  *
- * Токены: `--shell-*`.
+ * Токены: `--shell-*`, `--loading-min-height`.
  */
 export type LoadingProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Текст или кастомный индикатор (по умолчанию «Загрузка…») */

package/dist/Text-zHK2wmsw.js

@@ -0,0 +1,25 @@
+import s from "react";
+import { c as a } from "./cx-CcykAxZN.js";
+import './Text.css';const n = "cHr", f = "cHm", t = {
+  r: n,
+  m: f
+};
+function i({
+  tone: r = "default",
+  as: c = "p",
+  className: e,
+  children: m,
+  ...o
+}) {
+  return /* @__PURE__ */ s.createElement(
+    c,
+    {
+      className: a(t.r, r === "muted" && t.m, e),
+      ...o
+    },
+    m
+  );
+}
+export {
+  i as T
+};

package/dist/Text.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cHr{margin:0;font-size:.9rem;line-height:1.45;color:var(--shell-color)}.cHm{color:var(--shell-color-muted)}}

package/dist/Text.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export type TextTone = "default" | "muted";
+export type TextProps = React.HTMLAttributes<HTMLElement> & {
+    /** Семантика цвета: default = `--shell-color`, muted = `--shell-color-muted` */
+    tone?: TextTone;
+    /** HTML-тег */
+    as?: "p" | "span" | "div" | "label" | "strong" | "em";
+};
+/**
+ * Короткий текст с тоном. Для пары title+description — {@link TextGroup}.
+ *
+ * @example
+ * ```tsx
+ * <Text tone="muted">Ничего не найдено</Text>
+ * ```
+ *
+ * Токены: `--shell-color`, `--shell-color-muted`, `--shell-font-size`.
+ */
+export declare function Text({ tone, as: Tag, className, children, ...rest }: TextProps): React.JSX.Element;

package/dist/Text.js

@@ -0,0 +1,4 @@
+import { T as r } from "./Text-zHK2wmsw.js";
+export {
+  r as Text
+};

package/dist/index.css

@@ -22,7 +22,7 @@
 
 @layer elcrm-components{.crr{position:relative;display:inline-flex;vertical-align:middle}.crt{display:inline-flex;align-items:center;gap:var(--shell-gap-sm);margin:0;padding:var(--shell-padding);box-sizing:border-box;font:inherit;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2}.crt[data-size]{height:var(--control-height);min-height:var(--control-height);padding-block:0;box-sizing:border-box}.crt:hover{background:var(--shell-background-hover)}.crt[data-open=true]{border-color:var(--shell-color-accent);color:var(--shell-color-accent)}.crc{display:inline-flex;width:var(--shell-icon-size);height:var(--shell-icon-size);flex-shrink:0;color:var(--shell-color-muted)}.crt[data-open=true] .crc{color:var(--shell-color-accent)}.crp{min-width:0}.crh{margin:0;padding:var(--shell-padding);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);color:var(--shell-color-muted);line-height:1.3}.crg{display:flex;flex-direction:column;gap:2px}.crd{height:0;margin:var(--shell-gap-sm) 0;border:0;border-top:1px solid var(--shell-border)}.cri{display:flex;align-items:center;gap:var(--shell-gap-sm);width:100%;margin:0;padding:var(--shell-padding);box-sizing:border-box;text-align:left;font:inherit;font-size:var(--shell-font-size);font-weight:500;color:var(--shell-color);background:transparent;border:none;border-radius:calc(var(--shell-radius) * .7);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.35}.cri:hover:not(:disabled),.cri:focus-visible:not(:disabled){background:var(--shell-background-hover);outline:none}.cri[data-checked=true]{background:var(--shell-background-selected)}.cri[data-danger=true]{color:var(--shell-color-danger)}.cri[data-danger=true] .crn,.cri[data-danger=true] .crm{color:inherit}.cri:disabled,.cri[aria-disabled=true]{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.crn,.crk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-icon-size);height:var(--shell-icon-size);color:var(--shell-color-muted)}.crk{color:var(--shell-color-accent)}.crl{flex:1;min-width:0}.cru{flex-shrink:0;margin-left:auto;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.crm{display:inline-flex;flex-shrink:0;margin-left:auto;width:var(--shell-icon-size);height:var(--shell-icon-size);color:var(--shell-color-muted)}.crb{display:inline-flex;flex-shrink:0;width:var(--shell-status-size);height:var(--shell-status-size);border-radius:50%}.cro{background:var(--shell-color-success)}.crf{background:var(--shell-color-muted)}.crx{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--shell-check-size);height:var(--shell-check-size);border:1px solid var(--shell-border);border-radius:calc(var(--shell-radius) * .4);background:var(--shell-background);color:var(--avatar-color)}.cry{border-color:var(--shell-color-accent);background:var(--shell-color-accent)}.crv{width:70%;height:70%;display:block}}
 
-@layer elcrm-components{.cpr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--shell-gap);padding:var(--shell-padding);text-align:center;color:var(--shell-color-muted)}.cpi{display:flex;margin-bottom:var(--shell-gap-sm);color:var(--shell-color-muted)}.cpt{margin:0;font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cpd{margin:0;max-width:22rem;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.cpa{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);justify-content:center;margin-top:var(--shell-gap)}}
+@layer elcrm-components{.cpr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--shell-gap);padding:var(--empty-padding);max-width:var(--empty-max-width);margin-inline:auto;text-align:center;color:var(--shell-color-muted)}.cpi{display:flex;margin-bottom:var(--shell-gap-sm);color:var(--shell-color-muted)}.cpt{margin:0;font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cpd{margin:0;max-width:22rem;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.cpa{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);justify-content:center;margin-top:var(--shell-gap)}}
 
 @layer elcrm-components{.cfr{flex-shrink:0;padding:var(--shell-padding);color:var(--shell-color-muted);background:transparent;border-top:1px solid var(--shell-border);font-size:var(--shell-font-size-sm)}}
 
@@ -38,7 +38,7 @@
 
 @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:cgk .7s linear infinite}}@keyframes cgk{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);min-height:var(--loading-min-height);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)}}
 
@@ -72,6 +72,8 @@
 
 @layer elcrm-components{.cDw{overflow:auto}.cDt{width:100%;border-collapse:collapse;font-size:var(--table-font-size);color:var(--shell-color)}.cDf{table-layout:fixed}.cDt th,.cDt td{padding:var(--table-cell-padding);border-bottom:1px solid var(--shell-border);text-align:left;vertical-align:top}.cDt th{color:var(--shell-color-muted);font-weight:var(--shell-font-weight);font-size:var(--table-head-font-size);text-transform:uppercase;letter-spacing:.04em}.cDt code{font-size:var(--table-code-font-size)}}
 
+@layer elcrm-components{.cHr{margin:0;font-size:.9rem;line-height:1.45;color:var(--shell-color)}.cHm{color:var(--shell-color-muted)}}
+
 @layer elcrm-components{.c6r{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.c6t{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c6d{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color-muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c6s .c6t{font-size:var(--shell-font-size-sm)}.c6l .c6t{font-size:var(--shell-font-size-lg)}.c6l .c6d{font-size:var(--shell-font-size)}}
 
 @layer elcrm-components{.cCr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--toolbar-gap);width:100%;min-width:0;box-sizing:border-box;--field-width: auto}.cCr>[data-field]{flex:0 1 auto;width:auto;min-width:0;max-width:100%}.cCr>[data-field=search]{flex:1 1 var(--field-search-min-width, 10rem);width:auto!important;max-width:none}.cCr[data-width=s]{display:inline-flex;width:auto;max-width:100%}.cCr[data-align=center]{justify-content:center}.cCr[data-align=end]{justify-content:flex-end}.cCr[data-align=between]{justify-content:space-between}.cCr[data-size=s]{--control-height: var(--control-height-s);--field-height: var(--control-height-s);--control-font-size: 13px;--button-height: var(--button-height-s);--button-height-m: var(--button-height-s);--button-padding: var(--button-padding-s);--button-size-m: var(--button-size-s)}.cCr[data-size=l]{--control-height: var(--control-height-l);--field-height: var(--control-height-l);--button-height: var(--button-height-l);--button-height-m: var(--button-height-l);--button-size-m: var(--button-size-l)}}

package/dist/index.d.ts

@@ -18,6 +18,8 @@ export { Toolbar, useToolbar, applyToolbarSize } from './Toolbar';
 export type { ToolbarProps, ToolbarAlign, ToolbarWidth, ToolbarContextValue, } from './Toolbar';
 export { TextGroup } from './TextGroup';
 export type { TextGroupProps } from './TextGroup';
+export { Text } from './Text';
+export type { TextProps, TextTone } from './Text';
 export { Stat } from './Stat';
 export type { StatProps, StatTone } from './Stat';
 export { Block } from './Block';

package/dist/index.es.d.ts

@@ -18,6 +18,8 @@ export { Toolbar, useToolbar, applyToolbarSize } from './Toolbar';
 export type { ToolbarProps, ToolbarAlign, ToolbarWidth, ToolbarContextValue, } from './Toolbar';
 export { TextGroup } from './TextGroup';
 export type { TextGroupProps } from './TextGroup';
+export { Text } from './Text';
+export type { TextProps, TextTone } from './Text';
 export { Stat } from './Stat';
 export type { StatProps, StatTone } from './Stat';
 export { Block } from './Block';

package/dist/index.es.js

@@ -3,109 +3,111 @@ import { H as l } from "./Header-DZQopVNy.js";
 import { F as n } from "./Footer-qxUlnPR9.js";
 import { L as u } from "./List-BgKkYaGO.js";
 import { I as d } from "./Item-D4okhsfW.js";
-import { I as P } from "./ItemColumn-M7a9L8CI.js";
-import { C as T } from "./Card-hn37Opo3.js";
+import { I as T } from "./ItemColumn-M7a9L8CI.js";
+import { C as B } from "./Card-hn37Opo3.js";
 import { A as I } from "./ActionGroup-ChKFW0mt.js";
 import { T as b, a as A, u as L } from "./Toolbar-C1zAk9ak.js";
 import { T as R } from "./TextGroup-DmhuyMR1.js";
-import { S as G } from "./Stat-sKXJwz5L.js";
-import { B as g } from "./Block-Bu7NEA0g.js";
-import { R as N } from "./Row-DsQOVn18.js";
-import { C as M } from "./Column-BiogBDf8.js";
-import { S as Z, s as w } from "./Stack-XkmPSswj.js";
-import { M as E } from "./Menu-DuXQv-zT.js";
-import { D as j } from "./Dropdown-DosvDR13.js";
-import { B as K } from "./Breadcrumb-CAM_e9LN.js";
-import { L as U } from "./Loading-DkkG7RcE.js";
-import { S as W } from "./Section-Crxk2J-E.js";
-import { N as Y } from "./NavSections-D6rDEtT1.js";
-import { T as $ } from "./TabSections-DN7yVJoF.js";
-import { A as ro, a as ao, i as eo } from "./Avatar-loGgFt72.js";
-import { A as so } from "./AvatarGroup-D1gnT3Od.js";
-import { A as mo } from "./AvatarName-0BzyfpMq.js";
-import { B as fo } from "./Badge-jp-9iNNL.js";
-import { B as io } from "./Brand-Zq-Idks4.js";
-import { E as co } from "./EmptyState-mBiWtMIM.js";
-import { R as So } from "./RadioGroup-fcXzhvMu.js";
-import { P as Po } from "./PricingGroup-Czuhe81Z.js";
-import { P as To } from "./PricingTable-BuLC0opK.js";
-import { P as Io } from "./PageHead-DgaJ1mXY.js";
-import { P as bo } from "./PageShell-D9EZiO8o.js";
-import { C as Lo, a as ho } from "./ChatSplit-DNnu3TNq.js";
-import { C as ko } from "./ChatFrame-BW2TmCkZ.js";
-import { C as Ho } from "./ChatMessages-B8rdXiK-.js";
-import { S as Fo } from "./Sidebar-CYFaPqdC.js";
-import { P as zo } from "./Popover-DWdvZTuA.js";
-import { H as Oo } from "./Healthmap-B6cdiLUl.js";
-import { P as wo } from "./PanelInfo-A5y5ysH8.js";
-import { T as Eo } from "./Table-BoDr3X2d.js";
-import { C as jo } from "./CodeBlock-CRzVopIv.js";
-import { S as Ko, c as Qo } from "./SplitPane-DR7PCZ8f.js";
-import { B as Vo } from "./Banner-B72lcEMo.js";
-import { I as Xo } from "./IconButton-DPjpBKJn.js";
-import { a as _o, p as $o, r as or } from "./overlayZ-BvHbYC1x.js";
+import { T as G } from "./Text-zHK2wmsw.js";
+import { S as g } from "./Stat-sKXJwz5L.js";
+import { B as N } from "./Block-Bu7NEA0g.js";
+import { R as M } from "./Row-DsQOVn18.js";
+import { C as Z } from "./Column-BiogBDf8.js";
+import { S as D, s as E } from "./Stack-XkmPSswj.js";
+import { M as j } from "./Menu-DuXQv-zT.js";
+import { D as K } from "./Dropdown-DosvDR13.js";
+import { B as U } from "./Breadcrumb-CAM_e9LN.js";
+import { L as W } from "./Loading-DkkG7RcE.js";
+import { S as Y } from "./Section-Crxk2J-E.js";
+import { N as $ } from "./NavSections-D6rDEtT1.js";
+import { T as ro } from "./TabSections-DN7yVJoF.js";
+import { A as eo, a as to, i as so } from "./Avatar-loGgFt72.js";
+import { A as mo } from "./AvatarGroup-D1gnT3Od.js";
+import { A as fo } from "./AvatarName-0BzyfpMq.js";
+import { B as io } from "./Badge-jp-9iNNL.js";
+import { B as co } from "./Brand-Zq-Idks4.js";
+import { E as So } from "./EmptyState-mBiWtMIM.js";
+import { R as To } from "./RadioGroup-fcXzhvMu.js";
+import { P as Bo } from "./PricingGroup-Czuhe81Z.js";
+import { P as Io } from "./PricingTable-BuLC0opK.js";
+import { P as bo } from "./PageHead-DgaJ1mXY.js";
+import { P as Lo } from "./PageShell-D9EZiO8o.js";
+import { C as Ro, a as ko } from "./ChatSplit-DNnu3TNq.js";
+import { C as Ho } from "./ChatFrame-BW2TmCkZ.js";
+import { C as Fo } from "./ChatMessages-B8rdXiK-.js";
+import { S as zo } from "./Sidebar-CYFaPqdC.js";
+import { P as Oo } from "./Popover-DWdvZTuA.js";
+import { H as wo } from "./Healthmap-B6cdiLUl.js";
+import { P as Eo } from "./PanelInfo-A5y5ysH8.js";
+import { T as jo } from "./Table-BoDr3X2d.js";
+import { C as Ko } from "./CodeBlock-CRzVopIv.js";
+import { S as Uo, c as Vo } from "./SplitPane-DR7PCZ8f.js";
+import { B as Xo } from "./Banner-B72lcEMo.js";
+import { I as _o } from "./IconButton-DPjpBKJn.js";
+import { a as or, p as rr, r as ar } from "./overlayZ-BvHbYC1x.js";
 import { lazy as e } from "react";
-import { c as ar } from "./cx-CcykAxZN.js";
+import { c as tr } from "./cx-CcykAxZN.js";
 function s(a) {
   const r = {};
   return (o) => (r[o] || (r[o] = e(() => a(o))), r[o]);
 }
 export {
   I as ActionGroup,
-  ro as Avatar,
-  so as AvatarGroup,
-  mo as AvatarName,
-  fo as Badge,
-  Vo as Banner,
-  g as Block,
-  io as Brand,
-  K as Breadcrumb,
-  T as Card,
-  ko as ChatFrame,
-  Lo as ChatList,
-  Ho as ChatMessages,
-  ho as ChatSplit,
-  jo as CodeBlock,
-  M as Column,
-  j as Dropdown,
-  co as EmptyState,
+  eo as Avatar,
+  mo as AvatarGroup,
+  fo as AvatarName,
+  io as Badge,
+  Xo as Banner,
+  N as Block,
+  co as Brand,
+  U as Breadcrumb,
+  B as Card,
+  Ho as ChatFrame,
+  Ro as ChatList,
+  Fo as ChatMessages,
+  ko as ChatSplit,
+  Ko as CodeBlock,
+  Z as Column,
+  K as Dropdown,
+  So as EmptyState,
   n as Footer,
   l as Header,
-  Oo as Healthmap,
-  Xo as IconButton,
+  wo as Healthmap,
+  _o as IconButton,
   d as Item,
-  P as ItemColumn,
+  T as ItemColumn,
   x as Layout,
   u as List,
-  U as Loading,
-  E as Menu,
-  Y as NavSections,
-  Io as PageHead,
-  bo as PageShell,
-  wo as PanelInfo,
-  zo as Popover,
-  Po as PricingGroup,
-  To as PricingTable,
-  So as RadioGroup,
-  N as Row,
-  W as Section,
-  Fo as Sidebar,
-  Ko as SplitPane,
-  Z as Stack,
-  G as Stat,
-  $ as TabSections,
-  Eo as Table,
+  W as Loading,
+  j as Menu,
+  $ as NavSections,
+  bo as PageHead,
+  Lo as PageShell,
+  Eo as PanelInfo,
+  Oo as Popover,
+  Bo as PricingGroup,
+  Io as PricingTable,
+  To as RadioGroup,
+  M as Row,
+  Y as Section,
+  zo as Sidebar,
+  Uo as SplitPane,
+  D as Stack,
+  g as Stat,
+  ro as TabSections,
+  jo as Table,
+  G as Text,
   R as TextGroup,
   b as Toolbar,
-  _o as acquireOverlayZIndex,
+  or as acquireOverlayZIndex,
   A as applyToolbarSize,
-  ao as avatarRadiusStyle,
-  Qo as clampSplitRatio,
+  to as avatarRadiusStyle,
+  Vo as clampSplitRatio,
   s as createLazyResolver,
-  ar as cx,
-  eo as initialsFromName,
-  $o as peekOverlayZIndex,
-  or as releaseOverlayZIndex,
-  w as stackColumnsTemplate,
+  tr as cx,
+  so as initialsFromName,
+  rr as peekOverlayZIndex,
+  ar as releaseOverlayZIndex,
+  E as stackColumnsTemplate,
   L as useToolbar
 };

package/dist/tokens.css

@@ -41,7 +41,7 @@
   --header-height: 52px;
   --header-shadow: none;
   --header-margin: 0;
-  --header-z: 20;
+  --header-z: 30;
   /* shorthand: толщина + стиль + цвет, все стороны. Только снизу — `none` и линия через --header-shadow */
   --header-border: 1px solid var(--shell-border);
   /* выравнивание nav в оставшейся ширине шапки: flex-start | center | flex-end */
@@ -108,7 +108,7 @@
   --sidebar-width: 248px;
   --sidebar-pad-x: var(--shell-gap);
   --sidebar-pad-y: var(--shell-gap-lg);
-  --sidebar-block-radius: var(--shell-radius);
+  --sidebar-block-radius: 14px;
   --sidebar-item-font-size: var(--shell-font-size-sm);
   --sidebar-item-padding: 6px 10px;
   --sidebar-icon-size: 16px;
@@ -153,4 +153,9 @@
   --banner-padding: 0.55rem 0.85rem;
   --banner-bg: color-mix(in srgb, var(--shell-color-accent) 8%, var(--shell-bg));
   --banner-border: color-mix(in srgb, var(--shell-color-accent) 35%, var(--shell-border));
+
+  /* —— loading / empty —— */
+  --loading-min-height: min(50vh, 24rem);
+  --empty-max-width: 36rem;
+  --empty-padding: 2rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elcrm/components",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "Shell UI elCRM: Layout, Header, Sidebar, Popover, Healthmap, PanelInfo, PageHead, PageShell, Section, Stack, Stat и др.",
   "type": "module",
   "author": "MaSkal <dev@elcrm.online>",