import { o as p } from "./rolldown-runtime.js";
import { i as g } from "./vendor/react.js";
import { a, i as m, n as d, o as c, r as f, t as u } from "./_shared.js";
import { t as r } from "./DropdownMenu.js";
var t = /* @__PURE__ */ p(g(), 1), s = {
  open: "boolean",
  width: "string",
  side: "string",
  align: "string",
  sideOffset: "number",
  alignOffset: "number"
}, i = class extends u {
  get propDefs() {
    return s;
  }
  static get observedAttributes() {
    return Object.keys(s).map(d);
  }
  _renderReact() {
    const e = this._readAllProps(), n = this._getSlot("trigger"), o = this._getDefaultSlot();
    return t.createElement(r.Simple, {
      open: e.open,
      onOpenChange: (l) => f(this, "open-change", l),
      trigger: n ? t.createElement("span", { style: { display: "contents" } }, a(n)) : t.createElement("span", null, "Trigger")
    }, o ? t.createElement(r.Popup, {
      width: e.width || "auto",
      side: e.side || "bottom",
      align: e.align || "start",
      sideOffset: e.sideOffset || 4,
      alignOffset: e.alignOffset || 0
    }, t.createElement(r.Items, null, a(o))) : null);
  }
};
m(i, s);
c("hf-dropdown-menu", i);
export {
  i as DropdownMenuWC,
  i as default
};

//# sourceMappingURL=hf-dropdown-menu.js.map