@elcrm/components 0.2.14 → 0.5.2

package/dist/AvatarName-3B4yCxHn.js

@@ -0,0 +1,68 @@
+import t from "react";
+import { A as b } from "./Avatar-eGdLrMCv.js";
+import { c as y } from "./cx-CcykAxZN.js";
+import './AvatarName.css';const A = "anr", h = "anc", z = "anx", C = "ant", F = "and", I = "ans", R = "anm", S = "anl", e = {
+  root: A,
+  col: h,
+  xtra: z,
+  title: C,
+  desc: F,
+  small: I,
+  middle: R,
+  large: S
+};
+function j(a, n) {
+  if (a != null && a !== "") return a;
+  if (typeof n == "string") return n;
+}
+function B(a) {
+  const {
+    src: n,
+    name: s,
+    title: i,
+    description: m,
+    size: l = "m",
+    radius: p,
+    status: E,
+    className: N,
+    children: g,
+    extra: u,
+    as: d = "div",
+    ...r
+  } = a, x = l === "s" ? e.small : l === "l" ? e.large : e.middle, c = y(e.root, x, N), f = i ?? (typeof s == "string" ? s : void 0), v = j(s, i), o = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    b,
+    {
+      src: n,
+      name: v,
+      size: l,
+      radius: p,
+      status: E
+    }
+  ), /* @__PURE__ */ t.createElement("span", { className: e.col }, f != null ? /* @__PURE__ */ t.createElement("span", { className: e.title }, f) : null, m != null ? /* @__PURE__ */ t.createElement("span", { className: e.desc }, m) : null, g), u != null ? /* @__PURE__ */ t.createElement("span", { className: e.xtra }, u) : null);
+  return d === "button" ? /* @__PURE__ */ t.createElement(
+    "button",
+    {
+      type: "button",
+      className: c,
+      ...r
+    },
+    o
+  ) : d === "a" ? /* @__PURE__ */ t.createElement(
+    "a",
+    {
+      className: c,
+      ...r
+    },
+    o
+  ) : /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      className: c,
+      ...r
+    },
+    o
+  );
+}
+export {
+  B as A
+};

package/dist/AvatarName.css

@@ -1 +1 @@
-@layer elcrm-components{.czr{display:inline-flex;align-items:center;gap:var(--shell-gap);max-width:100%;text-align:left;vertical-align:middle}.czr:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;background:transparent;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.czc{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.czx{display:inline-flex;flex-shrink:0;align-items:center;margin-left:auto;color:var(--shell-color-muted);line-height:0}.czt{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--avatar-name-title-color);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.czd{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--avatar-name-description-color);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.czs{gap:var(--shell-gap-sm)}.czs .czt{font-size:var(--shell-font-size-sm)}.czm{gap:var(--shell-gap)}.czl{gap:var(--shell-gap-lg)}.czl .czt{font-size:var(--shell-font-size-lg)}.czl .czd{font-size:var(--shell-font-size)}}
+@layer elcrm-components{.anr{display:inline-flex;align-items:center;gap:var(--shell-gap);max-width:100%;text-align:left;vertical-align:middle}.anr:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;background:transparent;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.anc{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.anx{display:inline-flex;flex-shrink:0;align-items:center;margin-left:auto;color:var(--shell-color-muted);line-height:0}.ant{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--avatar-name-title-color);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.and{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--avatar-name-description-color);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ans{gap:var(--shell-gap-sm)}.ans .ant{font-size:var(--shell-font-size-sm)}.anm{gap:var(--shell-gap)}.anl{gap:var(--shell-gap-lg)}.anl .ant{font-size:var(--shell-font-size-lg)}.anl .and{font-size:var(--shell-font-size)}}

package/dist/AvatarName.js

@@ -1,4 +1,4 @@
-import { A as e } from "./AvatarName-0BzyfpMq.js";
+import { A as e } from "./AvatarName-3B4yCxHn.js";
 export {
   e as AvatarName
 };

package/dist/Badge-BjScAXGy.js

@@ -0,0 +1,28 @@
+import a from "react";
+import { c as i } from "./cx-CcykAxZN.js";
+import './Badge.css';const u = "tbr", g = "tbs", b = "tbm", p = "tbl", w = "tbn", f = "tba", N = "tbu", h = "tbw", x = "tbd", z = "tbo", t = {
+  root: u,
+  small: g,
+  middle: b,
+  large: p,
+  neutral: w,
+  accent: f,
+  up: N,
+  warning: h,
+  danger: x,
+  odot: z
+};
+function E(s) {
+  const {
+    tone: n = "neutral",
+    size: e = "m",
+    dot: o,
+    children: c,
+    className: r,
+    ...l
+  } = s, d = n === "accent" ? t.accent : n === "success" ? t.up : n === "warning" ? t.warning : n === "danger" ? t.danger : t.neutral, m = e === "s" ? t.small : e === "l" ? t.large : t.middle;
+  return /* @__PURE__ */ a.createElement("span", { className: i(t.root, m, d, r), ...l }, o ? /* @__PURE__ */ a.createElement("span", { className: t.odot, "aria-hidden": !0 }) : null, c);
+}
+export {
+  E as B
+};

package/dist/Badge.css

@@ -1 +1 @@
-@layer elcrm-components{.cjr{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;border:0;font-size:var(--shell-font-size-sm);font-weight:600;line-height:1;white-space:nowrap}.cjs{padding:2px var(--shell-gap-sm);font-size:var(--shell-font-size-sm);letter-spacing:.04em}.cjm{padding:.2rem .5rem;font-size:var(--shell-font-size-sm)}.cjl{padding:.3rem .65rem;font-size:var(--shell-font-size)}.cjn{background:var(--shell-background-hover);color:var(--shell-color)}.cja{background:color-mix(in srgb,var(--shell-color-accent) 16%,transparent);color:var(--shell-color-accent)}.cju{background:color-mix(in srgb,var(--shell-color-success) 16%,transparent);color:var(--shell-color-success)}.cjw{background:color-mix(in srgb,var(--shell-color-warning) 16%,transparent);color:var(--shell-color-warning)}.cjd{background:color-mix(in srgb,var(--shell-color-danger) 16%,transparent);color:var(--shell-color-danger)}.cjo{flex-shrink:0;width:.45em;height:.45em;border-radius:50%;background:currentColor}}
+@layer elcrm-components{.tbr{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;border:0;font-size:var(--shell-font-size-sm);font-weight:600;line-height:1;white-space:nowrap}.tbs{padding:2px var(--shell-gap-sm);font-size:var(--shell-font-size-sm);letter-spacing:.04em}.tbm{padding:.2rem .5rem;font-size:var(--shell-font-size-sm)}.tbl{padding:.3rem .65rem;font-size:var(--shell-font-size)}.tbn{background:var(--shell-background-hover);color:var(--shell-color)}.tba{background:color-mix(in srgb,var(--shell-color-accent) 16%,transparent);color:var(--shell-color-accent)}.tbu{background:color-mix(in srgb,var(--shell-color-success) 16%,transparent);color:var(--shell-color-success)}.tbw{background:color-mix(in srgb,var(--shell-color-warning) 16%,transparent);color:var(--shell-color-warning)}.tbd{background:color-mix(in srgb,var(--shell-color-danger) 16%,transparent);color:var(--shell-color-danger)}.tbo{flex-shrink:0;width:.45em;height:.45em;border-radius:50%;background:currentColor}}

package/dist/Badge.js

@@ -1,4 +1,4 @@
-import { B as o } from "./Badge-jp-9iNNL.js";
+import { B as o } from "./Badge-BjScAXGy.js";
 export {
   o as Badge
 };

package/dist/Banner-DAY18FWO.js

@@ -0,0 +1,34 @@
+import e from "react";
+import { c as a } from "./cx-CcykAxZN.js";
+import './Banner.css';const i = "tnr", f = "tni", g = "tnw", u = "tnd", d = "tns", n = {
+  root: i,
+  info: f,
+  warning: g,
+  danger: u,
+  success: d
+}, m = {
+  info: n.info,
+  warning: n.warning,
+  danger: n.danger,
+  success: n.success
+};
+function p({
+  tone: s = "info",
+  className: t,
+  role: o = "status",
+  children: c,
+  ...r
+}) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: a(n.root, m[s], t),
+      role: o,
+      ...r
+    },
+    c
+  );
+}
+export {
+  p as B
+};

package/dist/Banner.css

@@ -1 +1 @@
-@layer elcrm-components{.cLr{margin:0;padding:var(--banner-padding);border:1px solid var(--banner-border);border-radius:var(--shell-radius);background:var(--banner-bg);font-size:var(--shell-font-size-sm);color:var(--shell-color);line-height:1.45}.cLi{--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))}.cLw{--banner-bg: color-mix(in srgb, var(--shell-color-warning) 10%, var(--shell-bg));--banner-border: color-mix(in srgb, var(--shell-color-warning) 40%, var(--shell-border))}.cLd{--banner-bg: color-mix(in srgb, var(--shell-color-danger) 10%, var(--shell-bg));--banner-border: color-mix(in srgb, var(--shell-color-danger) 40%, var(--shell-border))}.cLs{--banner-bg: color-mix(in srgb, var(--shell-color-success) 10%, var(--shell-bg));--banner-border: color-mix(in srgb, var(--shell-color-success) 40%, var(--shell-border))}.cLr code{font-size:.92em}}
+@layer elcrm-components{.tnr{margin:0;padding:var(--banner-padding);border:1px solid var(--banner-border);border-radius:var(--shell-radius);background:var(--banner-bg);font-size:var(--shell-font-size-sm);color:var(--shell-color);line-height:1.45}.tni{--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))}.tnw{--banner-bg: color-mix(in srgb, var(--shell-color-warning) 10%, var(--shell-bg));--banner-border: color-mix(in srgb, var(--shell-color-warning) 40%, var(--shell-border))}.tnd{--banner-bg: color-mix(in srgb, var(--shell-color-danger) 10%, var(--shell-bg));--banner-border: color-mix(in srgb, var(--shell-color-danger) 40%, var(--shell-border))}.tns{--banner-bg: color-mix(in srgb, var(--shell-color-success) 10%, var(--shell-bg));--banner-border: color-mix(in srgb, var(--shell-color-success) 40%, var(--shell-border))}.tnr code{font-size:.92em}}

package/dist/Banner.js

@@ -1,4 +1,4 @@
-import { B as e } from "./Banner-B72lcEMo.js";
+import { B as e } from "./Banner-DAY18FWO.js";
 export {
   e as Banner
 };

package/dist/Brand-BfCuiyf7.js

@@ -0,0 +1,34 @@
+import o from "react";
+import { c } from "./cx-CcykAxZN.js";
+import './Brand.css';const m = "sbr", l = {
+  root: m
+};
+function f(n) {
+  const { as: s = "strong", children: t, className: a, ...e } = n, r = c(l.root, a);
+  return s === "a" ? /* @__PURE__ */ o.createElement(
+    "a",
+    {
+      className: r,
+      ...e
+    },
+    t
+  ) : s === "button" ? /* @__PURE__ */ o.createElement(
+    "button",
+    {
+      type: "button",
+      className: r,
+      ...e
+    },
+    t
+  ) : /* @__PURE__ */ o.createElement(
+    "strong",
+    {
+      className: r,
+      ...e
+    },
+    t
+  );
+}
+export {
+  f as B
+};

package/dist/Brand.css

@@ -1 +1 @@
-@layer elcrm-components{.cnr{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;font-weight:700;letter-spacing:.02em;color:var(--shell-color);white-space:nowrap;cursor:pointer;text-decoration:none}.cnr:hover{color:var(--shell-color-accent)}}
+@layer elcrm-components{.sbr{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;font-weight:700;letter-spacing:.02em;color:var(--shell-color);white-space:nowrap;cursor:pointer;text-decoration:none}.sbr:hover{color:var(--shell-color-accent)}}

package/dist/Brand.d.ts

@@ -8,22 +8,20 @@ type Common = {
 /**
  * Название / логотип в шапке.
  *
- * Роли: Brand = кликабельный или статичный бренд в Header;
- * рендерится как `button` (по умолчанию), `a` или `strong`.
+ * По умолчанию статичный `strong`. Кликабельный — `as="button"` или `as="a"`.
  *
  * @example
  * ```tsx
+ * <Header brand={<Brand>elCRM</Brand>} />
  * <Header brand={<Brand as="a" href="/">elCRM</Brand>} />
  * ```
- *
- * Токены: `--shell-color`, `--shell-color-accent`.
  */
-export type BrandProps = (Common & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /** Тег: кнопка (по умолчанию) */
-    as?: "button";
-}) | (Common & React.HTMLAttributes<HTMLElement> & {
-    /** Тег: статичный заголовок без клика */
-    as: "strong";
+export type BrandProps = (Common & React.HTMLAttributes<HTMLElement> & {
+    /** Тег: статичный заголовок (по умолчанию) */
+    as?: "strong";
+}) | (Common & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Тег: кнопка */
+    as: "button";
 }) | (Common & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     /** Тег: ссылка на главную */
     as: "a";

package/dist/Brand.js

@@ -1,4 +1,4 @@
-import { B as o } from "./Brand-Zq-Idks4.js";
+import { B as o } from "./Brand-BfCuiyf7.js";
 export {
   o as Brand
 };

package/dist/Breadcrumb-DM_hWw5n.js

@@ -0,0 +1,98 @@
+import e from "react";
+import { c as x } from "./cx-CcykAxZN.js";
+import './Breadcrumb.css';const g = "lbr", y = "lbi", B = "lbc", L = "lbn", C = "lbl", F = "lbd", M = "lbs", I = "lbv", S = "lbe", l = {
+  root: g,
+  item: y,
+  current: B,
+  nicon: L,
+  label: C,
+  dropdown: F,
+  sep: M,
+  vbar: I,
+  ellipsis: S
+};
+function Z() {
+  return /* @__PURE__ */ e.createElement("svg", { className: l.vbar, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
+    "path",
+    {
+      d: "M4.5 2.5 8 6l-3.5 3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ));
+}
+function $() {
+  return /* @__PURE__ */ e.createElement("svg", { className: l.dropdown, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
+    "path",
+    {
+      d: "M6 1.5 8.5 4.5h-5L6 1.5ZM6 10.5 3.5 7.5h5L6 10.5Z",
+      fill: "currentColor"
+    }
+  ));
+}
+function j(t) {
+  return t === "slash" ? "/" : t === "chevron" ? /* @__PURE__ */ e.createElement(Z, null) : t;
+}
+function D(t, a) {
+  if (a == null || a < 1 || t.length <= a + 1)
+    return t.map((r, c) => ({ kind: "item", item: r, index: c }));
+  const p = t.slice(0, a).map((r, c) => ({
+    kind: "item",
+    item: r,
+    index: c
+  })), o = t[t.length - 1];
+  return [
+    ...p,
+    { kind: "ellipsis" },
+    { kind: "item", item: o, index: t.length - 1 }
+  ];
+}
+function W({
+  items: t,
+  separator: a = "chevron",
+  collapseAfter: p,
+  onEllipsisClick: o,
+  onValueChange: r,
+  className: c,
+  ...k
+}) {
+  const v = D(t, p), N = t.length - 1;
+  return /* @__PURE__ */ e.createElement("nav", { "aria-label": "Breadcrumb", className: c, ...k }, /* @__PURE__ */ e.createElement("ol", { className: l.root }, v.map((E, b) => {
+    const s = [];
+    if (b > 0 && s.push(
+      /* @__PURE__ */ e.createElement("li", { key: `sep-${b}`, className: l.sep, "aria-hidden": !0 }, j(a))
+    ), E.kind === "ellipsis")
+      return s.push(
+        /* @__PURE__ */ e.createElement("li", { key: "ellipsis" }, o ? /* @__PURE__ */ e.createElement(
+          "button",
+          {
+            type: "button",
+            className: l.ellipsis,
+            "aria-label": "Показать путь",
+            onClick: o
+          },
+          "…"
+        ) : /* @__PURE__ */ e.createElement("span", { className: l.ellipsis }, "…"))
+      ), /* @__PURE__ */ e.createElement(e.Fragment, { key: `frag-${b}` }, s);
+    const { item: n, index: w } = E, m = w === N, u = /* @__PURE__ */ e.createElement(e.Fragment, null, n.icon != null ? /* @__PURE__ */ e.createElement("span", { className: l.nicon }, n.icon) : null, n.label != null ? /* @__PURE__ */ e.createElement("span", { className: l.label }, n.label) : null, n.dropdown ? /* @__PURE__ */ e.createElement($, null) : null), d = x(l.item, m && l.current), f = () => {
+      var h;
+      n.disabled || m || ((h = n.onClick) == null || h.call(n), r == null || r(n.value));
+    };
+    let i;
+    return m || n.disabled ? i = /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        className: d,
+        "aria-current": m ? "page" : void 0,
+        "aria-disabled": n.disabled || void 0
+      },
+      u
+    ) : n.href != null ? i = /* @__PURE__ */ e.createElement("a", { className: d, href: n.href, onClick: f }, u) : n.onClick != null || r != null || n.dropdown ? i = /* @__PURE__ */ e.createElement("button", { type: "button", className: d, onClick: f }, u) : i = /* @__PURE__ */ e.createElement("span", { className: d }, u), s.push(/* @__PURE__ */ e.createElement("li", { key: n.value }, i)), /* @__PURE__ */ e.createElement(e.Fragment, { key: n.value }, s);
+  })));
+}
+export {
+  W as B
+};

package/dist/Breadcrumb.css

@@ -1 +1 @@
-@layer elcrm-components{.c0r{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm);list-style:none;margin:0;padding:0;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);color:var(--shell-color-muted);line-height:1.3}.c0i{display:inline-flex;align-items:center;gap:var(--shell-gap-sm);min-width:0;color:inherit}.c0i:is(a,button){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;background:transparent;font:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-decoration:none}.c0i:is(a,button):hover{color:var(--shell-color)}.c0c,.c0i[aria-current=page]{color:var(--shell-color-accent);cursor:default}.c0n{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-icon-size);height:var(--shell-icon-size);overflow:hidden;border-radius:calc(var(--shell-radius) * .5);color:inherit}.c0n img{width:100%;height:100%;object-fit:cover;display:block}.c0l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c0d{display:inline-flex;flex-shrink:0;width:.75rem;height:.75rem;color:var(--shell-color-muted)}.c0s{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--shell-color-muted);-webkit-user-select:none;user-select:none}.c0v{width:.75rem;height:.75rem;display:block}.c0e{display:inline-flex;align-items:center;justify-content:center;min-width:1em;color:var(--shell-color-muted);letter-spacing:.05em}.c0e:is(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:.15rem .35rem;border:none;border-radius:calc(var(--shell-radius) * .4);background:transparent;font:inherit;color:inherit;cursor:pointer}.c0e:is(button):hover{background:var(--shell-background-hover);color:var(--shell-color)}}
+@layer elcrm-components{.lbr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm);list-style:none;margin:0;padding:0;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);color:var(--shell-color-muted);line-height:1.3}.lbi{display:inline-flex;align-items:center;gap:var(--shell-gap-sm);min-width:0;color:inherit}.lbi:is(a,button){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;background:transparent;font:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-decoration:none}.lbi:is(a,button):hover{color:var(--shell-color)}.lbc,.lbi[aria-current=page]{color:var(--shell-color-accent);cursor:default}.lbn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-icon-size);height:var(--shell-icon-size);overflow:hidden;border-radius:calc(var(--shell-radius) * .5);color:inherit}.lbn img{width:100%;height:100%;object-fit:cover;display:block}.lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbd{display:inline-flex;flex-shrink:0;width:.75rem;height:.75rem;color:var(--shell-color-muted)}.lbs{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--shell-color-muted);-webkit-user-select:none;user-select:none}.lbv{width:.75rem;height:.75rem;display:block}.lbe{display:inline-flex;align-items:center;justify-content:center;min-width:1em;color:var(--shell-color-muted);letter-spacing:.05em}.lbe:is(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:.15rem .35rem;border:none;border-radius:calc(var(--shell-radius) * .4);background:transparent;font:inherit;color:inherit;cursor:pointer}.lbe:is(button):hover{background:var(--shell-background-hover);color:var(--shell-color)}}

package/dist/Breadcrumb.d.ts

@@ -18,7 +18,10 @@ export type BreadcrumbItem = {
     icon?: React.ReactNode;
     /** Ссылка; если задана — рендерится `<a>`. */
     href?: string;
-    /** Индикатор dropdown (↕) справа от label. */
+    /**
+     * Только иконка ↕ справа (намёк на выбор).
+     * Меню не открывает — оберните в {@link Dropdown} снаружи.
+     */
     dropdown?: boolean;
     /** Недоступный / некликабельный пункт. */
     disabled?: boolean;
@@ -42,8 +45,8 @@ export type BreadcrumbProps = Omit<React.HTMLAttributes<HTMLElement>, "onClick">
     collapseAfter?: number;
     /** Клик по «…» (если нужно раскрыть путь). */
     onEllipsisClick?: () => void;
-    /** Клик по пункту (кроме текущего и disabled). */
-    onItemClick?: (item: BreadcrumbItem, index: number) => void;
+    /** Клик по пункту (`item.value`). */
+    onValueChange?: (value: string) => void;
 };
 /**
  * Хлебные крошки пути из декларативного массива `items`.
@@ -73,8 +76,8 @@ export type BreadcrumbProps = Omit<React.HTMLAttributes<HTMLElement>, "onClick">
  *   items={items}
  *   separator="chevron"
  *   collapseAfter={2}
- *   onItemClick={(item) => navigate(item.href ?? "/")}
+ *   onValueChange={(value) => navigate(items.find((i) => i.value === value)?.href ?? "/")}
  * />
  * ```
  */
-export declare function Breadcrumb({ items, separator, collapseAfter, onEllipsisClick, onItemClick, className, ...rest }: BreadcrumbProps): React.JSX.Element;
+export declare function Breadcrumb({ items, separator, collapseAfter, onEllipsisClick, onValueChange, className, ...rest }: BreadcrumbProps): React.JSX.Element;

package/dist/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { B as e } from "./Breadcrumb-CAM_e9LN.js";
+import { B as e } from "./Breadcrumb-DM_hWw5n.js";
 export {
   e as Breadcrumb
 };

package/dist/Card-a7N8Uh_H.js

@@ -0,0 +1,12 @@
+import e from "react";
+import { c as l } from "./cx-CcykAxZN.js";
+import './Card.css';const n = "kcr", s = "kct", o = {
+  root: n,
+  title: s
+};
+function u({ title: t, children: r, className: c, ...a }) {
+  return /* @__PURE__ */ e.createElement("div", { className: l(o.root, c), ...a }, t != null ? /* @__PURE__ */ e.createElement("div", { className: o.title }, t) : null, r);
+}
+export {
+  u as C
+};

package/dist/Card.css

@@ -1 +1 @@
-@layer elcrm-components{.cdr{background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);padding:var(--shell-padding);box-shadow:var(--shell-shadow);cursor:var(--card-pointer)}.cdt{margin:0 0 var(--shell-gap-sm);font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color)}}
+@layer elcrm-components{.kcr{background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);padding:var(--shell-padding);box-shadow:var(--shell-shadow);cursor:var(--card-pointer)}.kct{margin:0 0 var(--shell-gap-sm);font-size:var(--shell-font-size-lg);font-weight:var(--shell-font-weight);color:var(--shell-color)}}

package/dist/Card.js

@@ -1,4 +1,4 @@
-import { C as o } from "./Card-hn37Opo3.js";
+import { C as o } from "./Card-a7N8Uh_H.js";
 export {
   o as Card
 };

package/dist/ChatFrame-BdSYRF-B.js

@@ -0,0 +1,37 @@
+import t from "react";
+import { c as d } from "./cx-CcykAxZN.js";
+import './ChatFrame.css';const h = "lhr", f = "lhl", p = "lhg", u = "lhh", g = "lhb", b = "lhf", E = "lhp", e = {
+  root: h,
+  list: f,
+  gfeed: p,
+  header: u,
+  body: g,
+  footer: b,
+  pair: E
+};
+function y({
+  variant: s = "messages",
+  as: r = "section",
+  header: l,
+  footer: o,
+  children: a,
+  className: c,
+  bodyRef: n,
+  onBodyScroll: m,
+  ...i
+}) {
+  return /* @__PURE__ */ t.createElement(
+    r,
+    {
+      className: d(e.root, s === "list" ? e.list : e.gfeed, c),
+      ...i
+    },
+    l != null ? /* @__PURE__ */ t.createElement("div", { className: e.header }, l) : null,
+    /* @__PURE__ */ t.createElement("div", { className: e.body, ref: n, onScroll: m }, a),
+    o != null ? /* @__PURE__ */ t.createElement("div", { className: e.footer }, o) : null
+  );
+}
+export {
+  y as C,
+  e as s
+};

package/dist/ChatFrame.css

@@ -1 +1 @@
-@layer elcrm-components{.c8r{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--chat-background);border:var(--chat-border);border-radius:var(--chat-radius)}.c8l{width:var(--chat-list-width);max-width:100%}.c8g{width:100%}.c8h{flex:0 0 auto;padding:var(--chat-header-padding);border-bottom:var(--chat-border)}.c8b{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--chat-body-padding)}.c8g .c8h{padding:var(--chat-messages-header-padding)}.c8g .c8b{display:flex;flex-direction:column;padding:var(--chat-messages-body-padding)}.c8f{flex:0 0 auto;padding:var(--chat-footer-padding);border-top:var(--chat-border)}.c8g .c8f{padding:var(--chat-messages-footer-padding)}.c8p{display:flex;align-items:stretch;gap:var(--chat-split-gap);min-height:0;height:100%}.c8p>*{min-height:0}}
+@layer elcrm-components{.lhr{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--chat-background);border:var(--chat-border);border-radius:var(--chat-radius)}.lhl{width:var(--chat-list-width);max-width:100%}.lhg{width:100%}.lhh{flex:0 0 auto;padding:var(--chat-header-padding);border-bottom:var(--chat-border)}.lhb{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--chat-body-padding)}.lhg .lhh{padding:var(--chat-messages-header-padding)}.lhg .lhb{display:flex;flex-direction:column;padding:var(--chat-messages-body-padding)}.lhf{flex:0 0 auto;padding:var(--chat-footer-padding);border-top:var(--chat-border)}.lhg .lhf{padding:var(--chat-messages-footer-padding)}.lhp{display:flex;align-items:stretch;gap:var(--chat-split-gap);min-height:0;height:100%}.lhp>*{min-height:0}}

package/dist/ChatList.js

@@ -1,5 +1,5 @@
-import { C as r, a as C } from "./ChatSplit-DNnu3TNq.js";
-import { C as s } from "./ChatFrame-BW2TmCkZ.js";
+import { C as r, a as C } from "./ChatSplit-8iw_1Shp.js";
+import { C as s } from "./ChatFrame-BdSYRF-B.js";
 export {
   s as ChatFrame,
   r as ChatList,

package/dist/{ChatMessages-B8rdXiK-.js → ChatMessages-CLxwRGIa.js}

@@ -1,5 +1,5 @@
 import r from "react";
-import { C as t } from "./ChatFrame-BW2TmCkZ.js";
+import { C as t } from "./ChatFrame-BdSYRF-B.js";
 function m({
   "aria-label": a = "Переписка",
   ...e

package/dist/ChatMessages.js

@@ -1,4 +1,4 @@
-import { C as e } from "./ChatMessages-B8rdXiK-.js";
+import { C as e } from "./ChatMessages-CLxwRGIa.js";
 export {
   e as ChatMessages
 };

package/dist/ChatSplit-8iw_1Shp.js

@@ -0,0 +1,21 @@
+import r from "react";
+import { C as s, s as m } from "./ChatFrame-BdSYRF-B.js";
+import { c as l } from "./cx-CcykAxZN.js";
+function p({
+  "aria-label": a = "Диалоги",
+  ...t
+}) {
+  return /* @__PURE__ */ r.createElement(s, { variant: "list", as: "aside", "aria-label": a, ...t });
+}
+function f({
+  list: a,
+  messages: t,
+  className: e,
+  ...i
+}) {
+  return /* @__PURE__ */ r.createElement("div", { className: l(m.pair, e), ...i }, a, t);
+}
+export {
+  p as C,
+  f as a
+};

package/dist/CodeBlock-B3wvMejv.js

@@ -0,0 +1,34 @@
+import e from "react";
+import { c as u } from "./cx-CcykAxZN.js";
+import './CodeBlock.css';const d = "dcr", E = "dcb", b = "dcp", N = "dca", f = "dcc", t = {
+  root: d,
+  bar: E,
+  pre: b,
+  actions: N,
+  copy: f
+};
+function y({
+  title: r,
+  code: a,
+  children: s,
+  onCopy: c,
+  copyLabel: n = "Копировать",
+  actions: l,
+  className: m,
+  ...i
+}) {
+  const o = typeof n == "string" && n.trim() ? n.trim() : "Копировать", p = s ?? (a != null ? /* @__PURE__ */ e.createElement("code", null, a) : null);
+  return /* @__PURE__ */ e.createElement("div", { className: u(t.root, m), ...i }, r != null || c || l ? /* @__PURE__ */ e.createElement("div", { className: t.bar }, /* @__PURE__ */ e.createElement("span", null, r ?? "Код"), /* @__PURE__ */ e.createElement("div", { className: t.actions }, l, c ? /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: t.copy,
+      "aria-label": o,
+      onClick: c
+    },
+    o
+  ) : null)) : null, /* @__PURE__ */ e.createElement("pre", { className: t.pre }, p));
+}
+export {
+  y as C
+};

package/dist/CodeBlock.css

@@ -1 +1 @@
-@layer elcrm-components{.cEr{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--code-block-bg);overflow:hidden}.cEb{display:flex;justify-content:space-between;align-items:center;gap:var(--shell-gap-sm);padding:var(--code-block-bar-padding);border-bottom:1px solid var(--shell-border);font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.cEp{margin:0;padding:var(--code-block-padding);overflow:auto;font-family:var(--code-block-font-family);font-size:var(--code-block-font-size);line-height:var(--code-block-line-height);color:var(--shell-color);white-space:pre}.cEa{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.cEc{border:0;background:transparent;color:var(--shell-color-accent);cursor:pointer;font:inherit;padding:0}.cEc:hover,.cEc:focus-visible{text-decoration:underline}}
+@layer elcrm-components{.dcr{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--code-block-bg);overflow:hidden}.dcb{display:flex;justify-content:space-between;align-items:center;gap:var(--shell-gap-sm);padding:var(--code-block-bar-padding);border-bottom:1px solid var(--shell-border);font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.dcp{margin:0;padding:var(--code-block-padding);overflow:auto;font-family:var(--code-block-font-family);font-size:var(--code-block-font-size);line-height:var(--code-block-line-height);color:var(--shell-color);white-space:pre}.dca{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.dcc{border:0;background:transparent;color:var(--shell-color-accent);cursor:pointer;font:inherit;padding:0}.dcc:hover,.dcc:focus-visible{text-decoration:underline}}

package/dist/CodeBlock.js

@@ -1,4 +1,4 @@
-import { C as r } from "./CodeBlock-CRzVopIv.js";
+import { C as r } from "./CodeBlock-B3wvMejv.js";
 export {
   r as CodeBlock
 };