@elcrm/components 0.2.11 → 0.2.14

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';
@@ -81,6 +83,16 @@ export { Healthmap } from './Healthmap';
 export type { HealthmapProps, HealthmapData, HealthmapDay, HealthmapUnit, } from './Healthmap';
 export { PanelInfo } from './PanelInfo';
 export type { PanelInfoProps } from './PanelInfo';
+export { Table } from './Table';
+export type { TableProps } from './Table';
+export { CodeBlock } from './CodeBlock';
+export type { CodeBlockProps } from './CodeBlock';
+export { SplitPane, clampSplitRatio } from './SplitPane';
+export type { SplitPaneProps, SplitPaneDirection } from './SplitPane';
+export { Banner } from './Banner';
+export type { BannerProps, BannerTone } from './Banner';
+export { IconButton } from './IconButton';
+export type { IconButtonProps } from './IconButton';
 export { acquireOverlayZIndex, releaseOverlayZIndex, peekOverlayZIndex, } from './overlayZ';
 export { createLazyResolver } from './lazyRoute';
 export type { LazyRouteChunk } from './lazyRoute';

package/dist/index.es.js

@@ -1,100 +1,113 @@
 import { L as x } from "./Layout-mi6Ghayv.js";
-import { H as i } from "./Header-DZQopVNy.js";
+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 { A } from "./ActionGroup-ChKFW0mt.js";
-import { T as I, a as L, u as b } from "./Toolbar-C1zAk9ak.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 H } from "./Stat-sKXJwz5L.js";
-import { B as k } 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 or, a as ar, i as er } from "./Avatar-loGgFt72.js";
-import { A as sr } from "./AvatarGroup-D1gnT3Od.js";
-import { A as mr } from "./AvatarName-0BzyfpMq.js";
-import { B as fr } from "./Badge-jp-9iNNL.js";
-import { B as lr } from "./Brand-Zq-Idks4.js";
-import { E as cr } from "./EmptyState-mBiWtMIM.js";
-import { R as Sr } from "./RadioGroup-fcXzhvMu.js";
-import { P as Cr } from "./PricingGroup-Czuhe81Z.js";
-import { P as vr } from "./PricingTable-BuLC0opK.js";
-import { P as yr } from "./PageHead-DgaJ1mXY.js";
-import { P as Br } from "./PageShell-D9EZiO8o.js";
-import { C as Lr, a as br } from "./ChatSplit-DNnu3TNq.js";
-import { C as Rr } from "./ChatFrame-BW2TmCkZ.js";
-import { C as Hr } from "./ChatMessages-B8rdXiK-.js";
-import { S as kr } from "./Sidebar-CYFaPqdC.js";
-import { P as Nr } from "./Popover-DWdvZTuA.js";
-import { H as Mr } from "./Healthmap-B6cdiLUl.js";
-import { P as Zr } from "./PanelInfo-A5y5ysH8.js";
-import { a as Dr, p as Er, r as qr } 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 Jr } from "./cx-CcykAxZN.js";
+import { c as tr } from "./cx-CcykAxZN.js";
 function s(a) {
-  const o = {};
-  return (r) => (o[r] || (o[r] = e(() => a(r))), o[r]);
+  const r = {};
+  return (o) => (r[o] || (r[o] = e(() => a(o))), r[o]);
 }
 export {
-  A as ActionGroup,
-  or as Avatar,
-  sr as AvatarGroup,
-  mr as AvatarName,
-  fr as Badge,
-  k as Block,
-  lr as Brand,
-  K as Breadcrumb,
-  T as Card,
-  Rr as ChatFrame,
-  Lr as ChatList,
-  Hr as ChatMessages,
-  br as ChatSplit,
-  M as Column,
-  j as Dropdown,
-  cr as EmptyState,
+  I as ActionGroup,
+  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,
-  i as Header,
-  Mr as Healthmap,
+  l as Header,
+  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,
-  yr as PageHead,
-  Br as PageShell,
-  Zr as PanelInfo,
-  Nr as Popover,
-  Cr as PricingGroup,
-  vr as PricingTable,
-  Sr as RadioGroup,
-  N as Row,
-  W as Section,
-  kr as Sidebar,
-  Z as Stack,
-  H as Stat,
-  $ as TabSections,
+  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,
-  I as Toolbar,
-  Dr as acquireOverlayZIndex,
-  L as applyToolbarSize,
-  ar as avatarRadiusStyle,
+  b as Toolbar,
+  or as acquireOverlayZIndex,
+  A as applyToolbarSize,
+  to as avatarRadiusStyle,
+  Vo as clampSplitRatio,
   s as createLazyResolver,
-  Jr as cx,
-  er as initialsFromName,
-  Er as peekOverlayZIndex,
-  qr as releaseOverlayZIndex,
-  w as stackColumnsTemplate,
-  b as useToolbar
+  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;
@@ -125,4 +125,37 @@
   --chat-messages-header-padding: 14px 16px;
   --chat-messages-body-padding: 16px 16px 20px;
   --chat-messages-footer-padding: 10px 12px 12px;
+
+  /* —— table —— */
+  --table-font-size: 0.9rem;
+  --table-cell-padding: 0.55rem 0.7rem;
+  --table-head-font-size: 0.75rem;
+  --table-code-font-size: 0.8rem;
+
+  /* —— code-block —— */
+  --code-block-bg: var(--shell-background);
+  --code-block-bar-padding: 0.4rem 0.75rem;
+  --code-block-padding: 0.85rem 1rem;
+  --code-block-font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  --code-block-font-size: 0.8rem;
+  --code-block-line-height: 1.55;
+
+  /* —— split-pane —— */
+  --split-handle-size: 6px;
+  --split-handle-bg: var(--shell-border);
+  --split-handle-bg-hover: color-mix(
+    in srgb,
+    var(--shell-color-accent) 25%,
+    var(--shell-border)
+  );
+
+  /* —— banner —— */
+  --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.11",
+  "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>",
@@ -85,6 +85,9 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
+    "@elcrm/button": "1.2.0",
+    "@elcrm/icons": "0.1.5",
+    "@elcrm/tooltip": "0.1.2",
     "@types/react": ">=18.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"