@elcrm/components 0.5.3 → 0.5.5

package/dist/{Sidebar-Bouhd5SS.js → Sidebar-C5vMwV9L.js}

@@ -1,39 +1,40 @@
 import e from "react";
-import { D as M } from "./Dropdown-CR_XxNak.js";
+import { Button as L } from "@elcrm/button";
+import { D as M } from "./Dropdown-C9rbsSgR.js";
 import { c as x } from "./cx-CcykAxZN.js";
-import { c as O, b as P, a as j, i as z } from "./navTree-BRyaILN9.js";
-import { h as A } from "./rovingKeys-Di9N1Nct.js";
-import { u as q } from "./useControllableValue-BaE0VR5d.js";
-import { B as T } from "./Badge-BjScAXGy.js";
-import { I as W } from "./Item-CGpkMJu0.js";
-import { b as G } from "./badgeText-CRzlIzi3.js";
-import './Sidebar.css';const H = "nsr", J = "nsb", Q = "nsx", U = "nsg", V = "nss", X = "nsp", Y = "nsh", Z = "nsn", _ = "nsi", $ = "nsa", ee = "nso", ne = "nsl", te = "nsd", ae = "nsc", le = "nsm", se = "nsf", ce = "nsq", re = "nsw", oe = "nsu", ie = "nsk", ue = "nsv", n = {
-  root: H,
-  brand: J,
-  xtra: Q,
-  groups: U,
-  section: V,
-  plain: X,
-  heading: Y,
-  nav: Z,
-  item: _,
-  active: $,
-  oico: ee,
-  label: ne,
-  dot: te,
-  chevron: ae,
-  menu: le,
-  footer: se,
-  qmenu: ce,
-  who: re,
-  userbtn: oe,
-  kebab: ie,
-  ver: ue
+import { c as O, b as P, a as j, i as A } from "./navTree-BRyaILN9.js";
+import { h as T } from "./rovingKeys-Di9N1Nct.js";
+import { u as K } from "./useControllableValue-BaE0VR5d.js";
+import { B as W } from "./Badge-BjScAXGy.js";
+import { I as G } from "./Item-CGpkMJu0.js";
+import { b as H } from "./badgeText-CRzlIzi3.js";
+import './Sidebar.css';const J = "nsr", Q = "nsb", U = "nsx", V = "nsg", X = "nss", Y = "nsp", Z = "nsh", _ = "nsn", $ = "nsi", ee = "nsa", ne = "nso", te = "nsl", ae = "nsd", le = "nsc", se = "nsm", ce = "nsf", re = "nsq", oe = "nsw", ie = "nsu", ue = "nsk", me = "nsv", n = {
+  root: J,
+  brand: Q,
+  xtra: U,
+  groups: V,
+  section: X,
+  plain: Y,
+  heading: Z,
+  nav: _,
+  item: $,
+  active: ee,
+  oico: ne,
+  label: te,
+  dot: ae,
+  chevron: le,
+  menu: se,
+  footer: ce,
+  qmenu: re,
+  who: oe,
+  userbtn: ie,
+  kebab: ue,
+  ver: me
 };
-function me({ className: s }) {
+function de({ className: s }) {
   return /* @__PURE__ */ e.createElement("svg", { className: s, viewBox: "0 0 16 16", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement("circle", { cx: "8", cy: "3", r: "1.3", fill: "currentColor" }), /* @__PURE__ */ e.createElement("circle", { cx: "8", cy: "8", r: "1.3", fill: "currentColor" }), /* @__PURE__ */ e.createElement("circle", { cx: "8", cy: "13", r: "1.3", fill: "currentColor" }));
 }
-function de({ className: s }) {
+function ve({ className: s }) {
   return /* @__PURE__ */ e.createElement("svg", { className: s, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
     "path",
     {
@@ -46,18 +47,18 @@ function de({ className: s }) {
     }
   ));
 }
-function B({
+function q({
   items: s,
   value: v,
-  focusValue: b,
-  open: p,
+  focusValue: p,
+  open: E,
   onValueChange: d,
-  onToggle: E
+  onToggle: b
 }) {
   return /* @__PURE__ */ e.createElement(e.Fragment, null, s.map((a) => {
-    const f = a.items, c = f != null && f.length > 0, o = c && p.includes(a.value), i = G(a.badge), u = !c && v === a.value, N = a.value === (b ?? v);
+    const f = a.items, c = f != null && f.length > 0, o = c && E.includes(a.value), i = H(a.badge), u = !c && v === a.value, N = a.value === (p ?? v);
     return /* @__PURE__ */ e.createElement("li", { key: a.value }, /* @__PURE__ */ e.createElement(
-      W,
+      G,
       {
         as: "button",
         active: u,
@@ -68,33 +69,33 @@ function B({
         "data-open": o ? "true" : void 0,
         tabIndex: N ? 0 : -1,
         onClick: () => {
-          c ? E(a.value) : d == null || d(a.value);
+          c ? b(a.value) : d == null || d(a.value);
         }
       },
       a.icon != null ? /* @__PURE__ */ e.createElement("span", { className: n.oico, "aria-hidden": !0 }, a.icon) : null,
       /* @__PURE__ */ e.createElement("span", { className: n.label }, a.label),
-      i != null ? /* @__PURE__ */ e.createElement(T, { className: n.dot, tone: "accent", size: "s" }, i) : null,
-      c ? /* @__PURE__ */ e.createElement(de, { className: n.chevron }) : null
+      i != null ? /* @__PURE__ */ e.createElement(W, { className: n.dot, tone: "accent", size: "s" }, i) : null,
+      c ? /* @__PURE__ */ e.createElement(ve, { className: n.chevron }) : null
     ), c && o ? /* @__PURE__ */ e.createElement("ul", { className: n.menu }, /* @__PURE__ */ e.createElement(
-      B,
+      q,
       {
         items: f,
         value: v,
-        focusValue: b,
-        open: p,
+        focusValue: p,
+        open: E,
         onValueChange: d,
-        onToggle: E
+        onToggle: b
       }
     )) : null);
   }));
 }
-function xe({
+function ye({
   groups: s = [],
   value: v,
-  defaultValue: b,
-  onValueChange: p,
+  defaultValue: p,
+  onValueChange: E,
   open: d,
-  defaultOpen: E,
+  defaultOpen: b,
   onOpenChange: a,
   variant: f = "cards",
   brand: c,
@@ -107,31 +108,31 @@ function xe({
   className: D,
   "aria-label": S = "Основное меню"
 }) {
-  const [l, y] = q(
+  const [l, w] = K(
     v,
-    b,
-    p
-  ), [m = [], k] = q(
+    p,
+    E
+  ), [m = [], g] = K(
     d,
-    O(s, E, l),
+    O(s, b, l),
     a
-  ), g = e.useRef(l);
+  ), k = e.useRef(l);
   e.useEffect(() => {
-    if (l == null || l === g.current) {
-      g.current = l;
+    if (l == null || l === k.current) {
+      k.current = l;
       return;
     }
-    g.current = l;
-    const r = P(s, l).filter((L) => !m.includes(L));
-    r.length && k([...m, ...r]);
-  }, [l, s, m, k]);
+    k.current = l;
+    const r = P(s, l).filter((F) => !m.includes(F));
+    r.length && g([...m, ...r]);
+  }, [l, s, m, g]);
   const I = (t) => {
-    k(
+    g(
       m.includes(t) ? m.filter((r) => r !== t) : [...m, t]
     );
-  }, w = e.useRef(null), F = j(s).map((t) => t.value), [R, K] = e.useState(l);
+  }, y = e.useRef(null), z = j(s).map((t) => t.value), [R, B] = e.useState(l);
   return e.useEffect(() => {
-    l && K(l);
+    l && B(l);
   }, [l]), /* @__PURE__ */ e.createElement(
     "aside",
     {
@@ -142,15 +143,15 @@ function xe({
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: w,
+        ref: y,
         className: n.groups,
-        onKeyDown: (t) => A(t, {
-          values: F,
+        onKeyDown: (t) => T(t, {
+          values: z,
           value: R,
           vertical: !0,
-          focusRoot: w.current,
+          focusRoot: y.current,
           onSelect: (r) => {
-            K(r), z(s, r) || y(r);
+            B(r), A(s, r) || w(r);
           }
         })
       },
@@ -163,13 +164,13 @@ function xe({
         },
         t.title ? /* @__PURE__ */ e.createElement("div", { className: n.heading }, t.title) : null,
         /* @__PURE__ */ e.createElement("ul", { className: n.nav }, /* @__PURE__ */ e.createElement(
-          B,
+          q,
           {
             items: t.items ?? [],
             value: l,
             focusValue: R,
             open: m,
-            onValueChange: y,
+            onValueChange: w,
             onToggle: I
           }
         ))
@@ -184,15 +185,17 @@ function xe({
         placement: "top",
         label: C,
         trigger: (t) => /* @__PURE__ */ e.createElement(
-          "button",
+          L,
           {
-            type: "button",
+            variant: "ghost",
+            size: "m",
+            width: "s",
             className: n.userbtn,
             "data-open": t.open ? "true" : void 0,
             ...t.anchorProps
           },
           /* @__PURE__ */ e.createElement("span", { className: n.who }, i),
-          /* @__PURE__ */ e.createElement(me, { className: n.kebab })
+          /* @__PURE__ */ e.createElement(de, { className: n.kebab })
         ),
         items: u,
         onValueChange: N
@@ -201,5 +204,5 @@ function xe({
   );
 }
 export {
-  xe as S
+  ye as S
 };

package/dist/Sidebar.js

@@ -1,4 +1,4 @@
-import { S as e } from "./Sidebar-Bouhd5SS.js";
+import { S as e } from "./Sidebar-C5vMwV9L.js";
 export {
   e as Sidebar
 };

package/dist/TabSections-CEM_8Fjy.js

@@ -0,0 +1,87 @@
+import a, { useMemo as y, useId as x, useRef as h, Suspense as w } from "react";
+import { Button as C } from "@elcrm/button";
+import { c as f } from "./cx-CcykAxZN.js";
+import { h as K } from "./rovingKeys-Di9N1Nct.js";
+import { u as S } from "./useControllableValue-BaE0VR5d.js";
+import './TabSections.css';const T = "ntr", z = "ntb", B = "ntn", D = "ntt", M = "nta", P = "nte", j = "nts", q = "ntm", t = {
+  root: T,
+  bar: z,
+  nav: B,
+  tab: D,
+  active: M,
+  ember: P,
+  slot: j,
+  main: q
+};
+function L({
+  items: s = [],
+  resolveSection: u,
+  children: o,
+  value: p,
+  defaultValue: r,
+  onValueChange: E,
+  loading: N = null,
+  actions: b,
+  className: g,
+  navLabel: I = "Вкладки"
+}) {
+  const R = y(() => {
+    var e;
+    return r || (((e = s.find((n) => !n.disabled)) == null ? void 0 : e.value) ?? "");
+  }, [r, s]), [l, d] = S(
+    p,
+    R,
+    E
+  ), $ = s.filter((e) => !e.disabled).map((e) => e.value), c = x(), v = h(null), m = `${c}-panel`, i = o == null && l && u ? u(l) : null;
+  return /* @__PURE__ */ a.createElement("div", { className: f(t.root, g) }, /* @__PURE__ */ a.createElement("div", { className: t.bar }, /* @__PURE__ */ a.createElement(
+    "nav",
+    {
+      ref: v,
+      className: t.nav,
+      "aria-label": I,
+      role: "tablist",
+      onKeyDown: (e) => K(e, {
+        values: $,
+        value: l,
+        onSelect: d,
+        focusRoot: v.current
+      })
+    },
+    s.map((e) => {
+      const n = e.value === l, k = `${c}-tab-${e.value}`;
+      return /* @__PURE__ */ a.createElement(
+        C,
+        {
+          key: e.value,
+          id: k,
+          variant: "ghost",
+          size: "m",
+          width: "s",
+          role: "tab",
+          className: f(t.tab, n && t.active),
+          "data-value": e.value,
+          "data-active": n ? "true" : void 0,
+          "aria-selected": n,
+          "aria-controls": m,
+          tabIndex: n ? 0 : -1,
+          disabled: e.disabled,
+          onClick: () => d(e.value)
+        },
+        /* @__PURE__ */ a.createElement("span", null, e.label),
+        e.badge != null && e.badge !== "" ? /* @__PURE__ */ a.createElement("em", { className: t.ember }, e.badge) : null
+      );
+    })
+  ), b != null ? /* @__PURE__ */ a.createElement("div", { className: t.slot }, b) : null), /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      id: m,
+      className: t.main,
+      role: "tabpanel",
+      "aria-labelledby": l ? `${c}-tab-${l}` : void 0
+    },
+    o ?? (i ? /* @__PURE__ */ a.createElement(w, { fallback: N }, a.createElement(i)) : null)
+  ));
+}
+export {
+  L as T
+};

package/dist/TabSections.js

@@ -1,4 +1,4 @@
-import { T as e } from "./TabSections-Dppe9wiz.js";
+import { T as e } from "./TabSections-CEM_8Fjy.js";
 export {
   e as TabSections
 };

package/dist/index.css

@@ -34,7 +34,7 @@
 
 @layer elcrm-components{.lcr{display:flex;align-items:flex-start;gap:var(--item-column-gap);min-width:0;width:100%;text-align:left}.lci{flex-shrink:0;box-sizing:border-box;width:var(--item-column-icon-size);height:var(--item-column-icon-size);border-radius:var(--item-column-icon-radius);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--shell-color-accent) 14%,transparent);color:var(--shell-color-accent)}.lcb{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--shell-gap-sm)}.lch{display:flex;align-items:center;gap:var(--shell-gap-sm);min-width:0}.lct{flex:1;min-width:0;margin:0;font-size:var(--item-column-title-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:var(--item-column-title-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcx{flex-shrink:0;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--shell-gap-sm)}.lcd{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lcf{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm);font-size:var(--item-column-meta-size);color:var(--shell-color-muted);line-height:1.35}.lcp{opacity:.5;-webkit-user-select:none;user-select:none}.lca{flex-shrink:0;display:inline-flex;align-items:flex-start}.lcs .lct{font-size:var(--shell-font-size-sm)}.lcs .lcd{font-size:var(--item-column-meta-size)}.lcl .lct{font-size:var(--shell-font-size-lg)}.lcl .lcd{font-size:var(--shell-font-size)}.lck .lct{font-weight:700}}
 
-@layer elcrm-components{.slr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.slx{height:var(--layout-height);max-height:var(--layout-height);overflow:hidden}.slm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.slr:not(.slx){height:auto;max-height:none;overflow:visible}.slr:not(.slx) .slm{overflow:visible;flex:0 1 auto;min-height:auto}.sls{flex-direction:row;align-items:stretch;gap:var(--layout-gap)}.slb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background);border-radius:var(--layout-main-radius);box-shadow:var(--layout-main-shadow);border:var(--layout-main-border)}.slr:not(.slx) .slb{overflow:visible}.sla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-width:0;min-height:0;align-self:stretch}.slk{overflow:hidden}.sla:not(.slk){overflow:auto}.sla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.sla{flex-basis:72px;width:72px}}.slh,.slf{flex:0 0 auto;min-width:0}}
+@layer elcrm-components{.slr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.slx{height:var(--layout-height);max-height:var(--layout-height);overflow:hidden}.slm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:var(--layout-main-padding)}.slr:not(.slx){height:auto;max-height:none;overflow:visible}.slr:not(.slx) .slm{overflow:visible;flex:0 1 auto;min-height:auto}.sls{flex-direction:row;align-items:stretch;gap:var(--layout-gap)}.slb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background);border-radius:var(--layout-main-radius);box-shadow:var(--layout-main-shadow);border:var(--layout-main-border)}.slr:not(.slx) .slb{overflow:visible}.sla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-width:0;min-height:0;align-self:stretch}.slk{overflow:hidden}.sla:not(.slk){overflow:auto}.sla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.sla{flex-basis:72px;width:72px}}.slh,.slf{flex:0 0 auto;min-width:0}}
 
 @layer elcrm-components{.llr{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:0;margin:0;list-style:none}.llh{flex-direction:row;flex-wrap:wrap}}
 

package/dist/index.es.js

@@ -11,32 +11,32 @@ import { T as G } from "./TextGroup-236jHxdT.js";
 import { T as R } from "./Text-Bo1u7gVC.js";
 import { S as O } from "./Stat-p8j4PjrC.js";
 import { S as M, s as Z } from "./Stack-BPTehVYc.js";
-import { M as w } from "./Menu-D2kf7fN_.js";
-import { D } from "./Dropdown-CR_XxNak.js";
-import { B as j } from "./Breadcrumb-DM_hWw5n.js";
+import { M as w } from "./Menu-CR2CclSe.js";
+import { D } from "./Dropdown-C9rbsSgR.js";
+import { B as j } from "./Breadcrumb-BexTTfCV.js";
 import { L as J } from "./Loading-C_CKD-zt.js";
-import { S as Q } from "./Section-PprWjOvt.js";
+import { S as Q } from "./Section-C5XfBTfd.js";
 import { N as V } from "./NavSections-CNxxBMPT.js";
-import { T as X } from "./TabSections-Dppe9wiz.js";
+import { T as X } from "./TabSections-CEM_8Fjy.js";
 import { A as _, a as $, i as rr } from "./Avatar-eGdLrMCv.js";
-import { A as ar } from "./AvatarGroup-Dq-UrOaC.js";
+import { A as ar } from "./AvatarGroup-DeceOhGV.js";
 import { A as tr } from "./AvatarName-3B4yCxHn.js";
 import { B as pr } from "./Badge-BjScAXGy.js";
 import { B as fr } from "./Brand-BfCuiyf7.js";
 import { E as lr } from "./EmptyState-B_wWPjUu.js";
 import { R as ir } from "./RadioGroup-DI4KKUvZ.js";
 import { P as ur } from "./PricingGroup-CWy47MlE.js";
-import { P as Sr } from "./PricingTable-BjpGVAhi.js";
-import { P as Tr } from "./PageHead-BfClTLrF.js";
+import { P as Sr } from "./PricingTable-Dt2wsnEz.js";
+import { P as Tr } from "./PageHead-BjBvWtlk.js";
 import { P as Cr } from "./PageShell-BAJges-G.js";
 import { C as Br, a as Ir } from "./ChatSplit-8iw_1Shp.js";
 import { C as hr } from "./ChatMessages-CLxwRGIa.js";
-import { S as Lr } from "./Sidebar-Bouhd5SS.js";
+import { S as Lr } from "./Sidebar-C5vMwV9L.js";
 import { P as Gr } from "./Popover-xEZoMY-h.js";
-import { H as Rr } from "./Healthmap-Z-LLfGW0.js";
-import { P as Or } from "./PanelInfo-Db5GCr-c.js";
+import { H as Rr } from "./Healthmap-B4h6_9Yv.js";
+import { P as Or } from "./PanelInfo-BTkDUF-p.js";
 import { T as Mr } from "./Table-DqrDUUtb.js";
-import { C as gr } from "./CodeBlock-B3wvMejv.js";
+import { C as gr } from "./CodeBlock-CZFC4r35.js";
 import { S as zr, c as Dr } from "./SplitPane-DBa-g9td.js";
 import { B as jr } from "./Banner-DAY18FWO.js";
 import { I as Jr } from "./IconButton-DPjpBKJn.js";

package/dist/kit-manifest.json

@@ -1,9 +1,9 @@
 {
   "format": "elcrm-kit-manifest-v1",
   "package": "@elcrm/components",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "pkg": "components",
-  "generatedAt": "2026-08-30T04:27:03.375Z",
+  "generatedAt": "2026-10-22T12:58:01.267Z",
   "components": [
     {
       "slug": "ActionGroup",
@@ -871,6 +871,11 @@
           "type": "React.ReactNode",
           "description": "Подзаголовок"
         },
+        {
+          "name": "headingLevel",
+          "type": "\"h1\" | \"h2\" | \"div\"",
+          "description": "HTML-тег заголовка. По умолчанию `h1`: PageHead — заголовок страницы. `div` — если семантический заголовок уже есть во внешнем layout."
+        },
         {
           "name": "actions",
           "type": "React.ReactNode",
@@ -1259,6 +1264,11 @@
           "type": "\"md\" | \"lg\"",
           "description": "Размер заголовка"
         },
+        {
+          "name": "titleAs",
+          "type": "\"h1\" | \"h2\" | \"h3\" | \"div\"",
+          "description": "HTML-тег заголовка. По умолчанию — `div` для `page`/`auth` и `h2` для `block`, чтобы не дублировать `h1` из PageHead. Явно `h1` — только если Section сам заголовок страницы."
+        },
         {
           "name": "direction",
           "type": "StackDirection",

package/dist/tokens.css

@@ -34,6 +34,8 @@
   --layout-main-background: transparent;
   --layout-main-shadow: none;
   --layout-main-border: none;
+  /* padding у <main> (.slm): сверху/снизу между шапкой, контентом и футером */
+  --layout-main-padding: 0;
   /* none — без ограничения; иначе например 1440px */
   --layout-max-width: none;
 

package/package.json

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

package/dist/CodeBlock-B3wvMejv.js

@@ -1,34 +0,0 @@
-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
-};