@elcrm/components 0.5.4 → 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.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-u0WnWjT-.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.4",
+  "version": "0.5.5",
   "pkg": "components",
-  "generatedAt": "2026-09-11T00:17:51.201Z",
+  "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elcrm/components",
-  "version": "0.5.4",
+  "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
-};

package/dist/Dropdown-CR_XxNak.js

@@ -1,185 +0,0 @@
-import n, { useRef as A, useEffect as K } from "react";
-import { c as u } from "./cx-CcykAxZN.js";
-import { P as T } from "./Popover-xEZoMY-h.js";
-import { h as W } from "./rovingKeys-Di9N1Nct.js";
-import { u as G } from "./Toolbar-Bl9-5Mis.js";
-import { u as H } from "./useControllableValue-BaE0VR5d.js";
-import { C as S } from "./CheckIcon-FdB8fMEF.js";
-import './Dropdown.css';const $ = "ldr", J = "lda", Q = "ldt", U = "ldc", X = "ldp", Y = "ldh", Z = "ldg", _ = "ldd", V = "ldi", ee = "ldn", ne = "ldm", te = "ldk", le = "ldl", ae = "ldu", ce = "ldb", oe = "ldo", re = "ldf", se = "ldx", ue = "ldy", de = "ldv", ie = "lde", fe = "lds", l = {
-  root: $,
-  anchor: J,
-  trigger: Q,
-  chevron: U,
-  panel: X,
-  heading: Y,
-  group: Z,
-  divider: _,
-  item: V,
-  none: ee,
-  more: ne,
-  kcheck: te,
-  label: le,
-  ushort: ae,
-  bead: ce,
-  online: oe,
-  foff: re,
-  xbox: se,
-  yes: ue,
-  vtick: de,
-  elevated: ie,
-  surface: fe
-};
-function he() {
-  return /* @__PURE__ */ n.createElement("svg", { className: l.chevron, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(
-    "path",
-    {
-      d: "M2.5 4.5 6 8l3.5-3.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function me() {
-  return /* @__PURE__ */ n.createElement("svg", { className: l.more, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ n.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 ke({ item: a }) {
-  return a.checkbox ? /* @__PURE__ */ n.createElement("span", { className: u(l.xbox, a.checked && l.yes), "aria-hidden": !0 }, a.checked ? /* @__PURE__ */ n.createElement(S, { className: l.vtick }) : null) : a.checked ? /* @__PURE__ */ n.createElement("span", { className: l.kcheck, "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(S, { className: l.vtick })) : a.status != null ? /* @__PURE__ */ n.createElement(
-    "span",
-    {
-      className: u(l.bead, a.status === "online" ? l.online : l.foff),
-      "aria-hidden": !0
-    }
-  ) : a.icon != null ? /* @__PURE__ */ n.createElement("span", { className: l.none }, a.icon) : null;
-}
-function ve(a, o, c) {
-  return o != null && o.length > 0 ? c != null && o[0] && o[0].title == null ? [{ ...o[0], title: c }, ...o.slice(1)] : o : a != null && a.length > 0 ? [{ title: c, items: a }] : c != null ? [{ title: c, items: [] }] : [];
-}
-function Se({
-  items: a,
-  groups: o,
-  trigger: c,
-  label: d,
-  hideChevron: g = !1,
-  title: L,
-  align: E = "end",
-  placement: R = "auto",
-  open: w,
-  defaultOpen: z = !1,
-  onOpenChange: D,
-  closeOnSelect: M = !0,
-  disabled: i = !1,
-  size: O,
-  tone: N = "default",
-  onValueChange: f,
-  className: P
-}) {
-  const h = G(), B = O ?? (h == null ? void 0 : h.size), [m = !1, x] = H(
-    w,
-    z,
-    D
-  ), y = ve(a, o, L), k = A(null), v = y.flatMap((e) => e.items).filter((e) => !e.disabled).map((e) => e.value), [C, p] = n.useState(v[0] ?? ""), b = N === "account";
-  K(() => {
-    if (!m) return;
-    const e = v[0];
-    e && (p(e), requestAnimationFrame(() => {
-      var t;
-      const r = (t = k.current) == null ? void 0 : t.querySelector(
-        `[data-value="${typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/"/g, '\\"')}"]`
-      );
-      r instanceof HTMLElement && r.focus();
-    }));
-  }, [m]);
-  const F = (e) => {
-    var t;
-    if (e.disabled) return;
-    (t = e.onClick) == null || t.call(e), f == null || f(e.value, e), e.checkbox || e.submenu || !M || x(!1);
-  };
-  return /* @__PURE__ */ n.createElement(
-    T,
-    {
-      className: u(l.root, P),
-      open: m,
-      onOpenChange: (e) => {
-        i || x(e);
-      },
-      align: E,
-      placement: R,
-      label: typeof d == "string" ? d : void 0,
-      disabled: i,
-      role: "menu",
-      panelClassName: b ? l.elevated : void 0,
-      fitContent: b,
-      trigger: (e) => typeof c == "function" ? c(e) : c != null ? /* @__PURE__ */ n.createElement("span", { className: l.anchor, ...e.anchorProps }, c) : /* @__PURE__ */ n.createElement(
-        "button",
-        {
-          type: "button",
-          className: l.trigger,
-          "data-size": B,
-          "data-open": e.open ? "true" : void 0,
-          disabled: i,
-          ...e.anchorProps
-        },
-        d,
-        g ? null : /* @__PURE__ */ n.createElement(he, null)
-      )
-    },
-    /* @__PURE__ */ n.createElement(
-      "div",
-      {
-        ref: k,
-        className: u(l.panel, b && l.surface),
-        "data-align": E,
-        "data-tone": N,
-        onKeyDown: (e) => W(e, {
-          values: v,
-          value: C,
-          vertical: !0,
-          focusRoot: k.current,
-          onSelect: p
-        })
-      },
-      y.map((e, r) => /* @__PURE__ */ n.createElement(n.Fragment, { key: e.value ?? e.title ?? r }, r > 0 ? /* @__PURE__ */ n.createElement("hr", { className: l.divider }) : null, /* @__PURE__ */ n.createElement("div", { className: l.group, role: "group" }, e.title != null ? /* @__PURE__ */ n.createElement("p", { className: l.heading }, e.title) : null, e.items.map((t) => {
-        const I = e.items.some(
-          (s) => s.checked || s.checkbox || s.status != null || s.icon != null
-        ), j = /* @__PURE__ */ n.createElement(ke, { item: t }), q = t.checkbox === !0 || t.checked != null;
-        return /* @__PURE__ */ n.createElement(
-          "button",
-          {
-            key: t.value,
-            type: "button",
-            role: t.checkbox ? "menuitemcheckbox" : "menuitem",
-            className: l.item,
-            "data-value": t.value,
-            "data-checked": (t.checked || t.checkbox) && t.checked ? "true" : void 0,
-            "data-danger": t.danger ? "true" : void 0,
-            tabIndex: t.value === C ? 0 : -1,
-            disabled: t.disabled,
-            "aria-checked": q ? !!t.checked : void 0,
-            onClick: () => F(t),
-            onFocus: () => p(t.value)
-          },
-          I ? j ?? /* @__PURE__ */ n.createElement("span", { className: l.none, "aria-hidden": !0 }) : null,
-          t.label != null ? /* @__PURE__ */ n.createElement("span", { className: l.label }, t.label) : null,
-          t.shortcut != null ? /* @__PURE__ */ n.createElement("span", { className: l.ushort }, t.shortcut) : null,
-          t.submenu ? /* @__PURE__ */ n.createElement(me, null) : null
-        );
-      }))))
-    )
-  );
-}
-export {
-  Se as D
-};