import { jsx as m } from "react/jsx-runtime";
import { a as p } from "./index.CfQlFjZU.js";
import { c } from "./index.CfM2L_w0.js";
import { B as _ } from "./Button.CpTwUWVr.js";
import { S as f } from "./shared.EdGf6tcG.js";
import "react";
const M = "creator_list_5gJC3", d = "creator_collapsed_c3pbV", N = "creator_visible_cwWzU", v = "creator_item_lt-Ds", i = { list: M, collapsed: d, visible: N, item: v };
function C({
  listClassName: o,
  menuId: t,
  open: e,
  collapsed: s,
  ...n
}) {
  const l = `more-menu-${t}`, a = `more-menu-button-${t}`, u = s ? {
    "aria-labelledby": a
  } : {};
  return {
    ...n,
    open: e,
    collapsed: s,
    menuId: l,
    buttonId: a,
    items: n.items.map((r, b) => /* @__PURE__ */ m("li", { className: c(r.className, i.item), children: /* @__PURE__ */ m(
      _,
      {
        ...r,
        size: "small",
        semantic: r.semantic || f.SECONDARY
      }
    ) }, b)),
    listClassName: c(o, i.list, {
      [i.visible]: e && s,
      [i.collapsed]: s
    }),
    listAriaProps: u
  };
}
function L({
  menuId: o,
  items: t,
  listClassName: e,
  listAriaProps: s
}) {
  return /* @__PURE__ */ m("ul", { role: "menu", className: e, id: o, ...s, children: t });
}
const A = p(L, C);
export {
  A as M
};
